@charset "utf-8";
/* 公共样式 - start*/
:root {
    /* 字号 */
    --font48: 48px;
    --font44: 44px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    --line40: 40px;
    --line77: 80px;
    /* 颜色 */
    --color1d1: #1D1D1D;
    --color333: #333333;
    --color666: #666666;
    --color999: #999999;
    --colorccc: #cccccc;
    --colorfff: #ffffff;
    --colormain1: #125fe8;
    --colormain2: #ff8200;
    --colormain3: #045A9E;
    --colorbj1: #125fe8;
    --colorbj2: #ffffff;
    --colorbj3: linear-gradient(to bottom,#4481ec,#a6c3f6);
    --colorbj4: #d87a00;
    --colorbj5: #c3c104;
    --colorbj6: #F4F5F7;
    /* 板块间距 */
    --space120: 120px;
    --space100: 100px;
    --space80: 80px;
    --space50: 50px;
    --space40: 40px;
    --space32: 32px;
    --space20: 20px;
}
body {font-family:"Microsoft YaHei";background:#f5f9fa; color: var(--color333);}
a{color: var(--color333);}
a[href="javascript:void(0);"] {cursor:default;}
.u-flex{display: flex;flex-direction: row;align-items: center;}
.u-flex-wrap{flex-wrap: wrap;}
.u-flex-nowrap{flex-wrap: nowrap;}
.u-col-center{align-items: center;}
.u-col-top{align-items: flex-start;}
.u-col-bottom{align-items: flex-end;}
.u-col-stretch{align-items: stretch;}
.u-row-center{justify-content: center;}
.u-row-left{justify-content: flex-start;}
.u-row-right{justify-content: flex-end;}
.u-row-between{justify-content: space-between;}
.u-row-around{justify-content: space-around;}
.u-text-left{text-align: left;}
.u-text-center{text-align: center;}
.u-text-right{text-align: right;}
.u-flex-col {display: flex;flex-direction: column;}
.u-reset-nvue {flex-direction: row;align-items: center;}
.u-col-self{align-self:flex-end;}
.flex{flex:1;}
.u-flex-shrink0{flex-shrink: 0;}
.t-l{text-align: left;}
.t-c{text-align: center;}
.t-r{text-align: right;}
.gap10{gap:10px;}
.gap20{gap:20px;}
.gap30{gap:30px;}
.br4{border-radius: 4px; overflow: hidden;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}
.mgt85{margin-top: 85px;}
.mgb20{margin-bottom: 20px;}
.mgb50{margin-bottom: 50px;}
.pdb20{padding-bottom: 20px;}
.pad20{padding:20px;}
.p_ab{position: absolute;}
.p_re{position: relative;}
.bgfff{background: #fff;}
.bshadow{box-shadow: 0 6px 14px 0 rgba(158,172,182,.25);}
.dhidden{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block; }
.dhidden2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.dhidden3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;}

/* 整个滚动条 */
::-webkit-scrollbar {width: 2px; /* 滚动条的宽度 */}
/* 滚动条上的滑块 */
::-webkit-scrollbar-thumb {
    background-color:#fff; /* 滑块颜色 */
    border-radius: 1px; /* 滑块圆角 */
    border: 1px solid rgba(22, 119, 255, 0.3); /* 滑块边框 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}
/* 置顶头部 */
.pc-header{background:var(--colorbj1); color: var(--colorfff);box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);position: fixed;left: 0; top: 0; z-index: 999; width: 100%;}
.pc-header-home{display: none;}
.pc-header-box{ font-size:var(--font16); line-height: 64px;height: 64px; gap: 40px; padding: 0 80px;}
.pc-header-box img{width: 18px;}
.pc-header-box a{color:var(--colorfff);}
.pc-header-box .header-login{width: 60px; height: 30px; line-height: 30px; color:var(--colormain1);}
.pc-header-box .logo{font-size: var(--font24); font-weight: 600; gap:4px;}
.pc-header-box .logo img{width: 40px;}
.pc-header-box .header-menu{gap: 30px; font-size:var(--font18);}
.pc-header-box .header-search{background: var(--colorbj2); width: 360px; height: var(--line40); line-height: var(--line40); border-radius: 8px; padding:5px 20px 0;}
.pc-header-box .header-search input{height: 30px; line-height: 30px;}
.pc-header-box .header-login{width: 60px; height: 30px; line-height: 30px; color: var(--colorbj1); background: var(--colorbj2); text-align: center; font-weight: 600;}
/* 地球 */
.home-earth{background: #000; position: relative;}
.video-poster{background: url("../images/earthbg.jpg") no-repeat center; background-size: contain; min-height: 400px;}
.home-earth .pc-header-box{position: absolute;width: 100%; top: 0;}
.home-earth .pc-header-box .header-login{background: var(--colormain1); color: var(--colorfff);}
.home-earth .pc-header-box .home-earth-menu{gap: 30px;}
.home-earth .pc-header-box .home-earth-menu a{color: var(--colorfff);}
.home-earth .home-search{width: 700px; height: 48px; background: var(--colorbj2); top:260px; position: absolute; left: 50%;transform: translate(-50%, -50%); border-radius: 8px; padding:9px 20px;}
.home-earth .home-search input{height: 30px; line-height: 30px;}
.home-earth .home-search img{height: 30px;}
/* 首页主体 */
.home-main{position: relative; margin-bottom: 50px;}
/* 首页主体左侧 */
.home-main-left{width: 200px; position: sticky; top: 70px; flex-shrink: 0;}
.home-main-left .home-main-left-menu{background: var(--colorbj3);}
.home-main-left .home-main-left-menu .title{color: var(--colorfff); background: var(--colorbj1); height: 50px; line-height: 50px; text-align: center; font-size: var(--font18);}
.home-main-left .home-main-left-menu .menulist{padding:20px; gap: 10px;}
.home-main-left .home-main-left-menu .menulist a{background: var(--colorbj2); width: 75px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; color: var(--color333); font-size: var(--font16);}
.home-main-left .home-main-left-menu .menulist-thumb{padding:20px; gap: 12px;}
.home-main-left .home-main-left-menu .menulist-thumb a{background: var(--colorbj2); width:100%; height: 30px; line-height: 30px; border-radius: 4px; color: var(--color333); font-size: var(--font16); display: flex; gap: 12px; justify-content: center; align-items: center;}
.home-main-left .home-main-left-menu .menulist-thumb img{width: 20px; height: 20px;}
/* 首页主体中间 */
.home-main-warp{height: 1168px; overflow-y: scroll; padding-right: 2px;}
.home-main-warp .top3-section{background: var(--colorbj2); border-radius: 8px; padding: 30px 0px;}
.home-main-warp .top3-section .title{color: #0a1b60;font-size: 36px; text-align: center; font-weight: 600;}
.home-main-warp .top3-section .desc{color: #0a1b60; font-size: 28px; margin-top: 30px;}
.home-main-warp .top3-section .desc i{font-size: 40px; font-weight: 600;}
.home-main-warp .top3-section .desc a{width: 70px; height: 34px; line-height: 34px; border-radius: 17px;background: var(--colorbj1); color: var(--colorfff); font-size: var(--font16); text-align: center;}
.ranklist{padding:20px 30px 0;}
.home-main-warp .top3-section .ranklist .rank-item{background: url("../images/rank2.png") no-repeat; background-size: 100%; width: 220px; height: 210px; margin-top: 40px;}
.home-main-warp .top3-section .ranklist .rank-item:nth-child(2){margin-top: 0;background: url("../images/rank1.png") no-repeat;background-size: 100%;}
.home-main-warp .top3-section .ranklist .rank-item:nth-child(3){background: url("../images/rank3.png") no-repeat;background-size: 100%;}
.home-main-warp .top3-section .ranklist .rank-item .headimg{width: 82px; height: 82px; position: relative; margin:10px auto; display:block;}
.home-main-warp .top3-section .ranklist .rank-item .headimg img.u{width: 100%; height: 100%; border-radius: 50%;object-fit:cover;}
.home-main-warp .top3-section .ranklist .rank-item .headimg img.v{position: absolute;bottom: 0;right: 0;width: 24px;height: 24px; z-index: 9;}
.home-main-warp .top3-section .ranklist .rank-item .nickname{color: var(--colorfff); font-size: var(--font18); font-weight: 600; width: 130px; margin:20px auto;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center; display: block;}
.home-main-warp .top3-section .ranklist .rank-item .price{margin:45px auto 0; background: rgba(0,0,0,0.2); color: var(--colorfff); width: 140px; height: 30px; line-height: 30px; border-radius: 15px; font-size: var(--font18); font-weight: 600; text-align: center;}
.btn-uprank{width: 210px; height: 64px; font-size: var(--font32);color: var(--colorfff); text-align: center; line-height: 56px; border-radius: 32px; background: linear-gradient(180deg, #56a9f0 0%, #0d46b1 100%); border: 4px solid #fdf2c9; box-shadow: 0 3px 10px rgba(22, 119, 255, 0.3); display: block; margin: 20px auto 0;}
.btn-uprank:hover {transform: scale(1.05);}
@media screen and (max-width:1441px) {
    .pc-header-box{padding: 0 30px; gap: 20px;}
    .pc-header-box .header-search{width: 300px;}
    .home-main-warp .top3-section .ranklist .rank-item{ width: 180px; height: 172px; margin-top: 30px;}
    .home-main-warp .top3-section .ranklist .rank-item .headimg{width: 68px; height: 68px; margin:8px auto;}
    .home-main-warp .top3-section .ranklist .rank-item .headimg img.v{width: 20px;height: 20px;}
    .home-main-warp .top3-section .ranklist .rank-item .nickname{width: 120px; margin:15px auto;}
    .home-main-warp .top3-section .ranklist .rank-item .price{margin:32px auto 0;  width: 130px; height: 30px; font-size: var(--font16);}
}
/* 榜单列表 */
.home-main-warp .rank-list {margin: 30px auto;width: 100%;flex-shrink: 0;}
.home-main-warp .rank-list .list-item {display:flex;align-items:center; padding-right:30px;margin-bottom:20px;color:var(--colorfff); width:100%; height: 80px; border-radius: 40px;overflow: hidden;background: linear-gradient(145deg, #1661d6, rgba(87,168,246,0.75)); position: relative; box-shadow: 0 0 20px 10px rgba(218,232,250,.5);}
.home-main-warp .rank-list .list-rank {font-size:var(--font24);font-weight:bold;width:80px;text-align:center; flex-shrink: 0; z-index: 9;}
.home-main-warp .rank-list .list-avatar {width:66px;height:66px;border-radius:50%;border:2px solid #fff;margin:0 10px;object-fit:cover;position:relative;flex-shrink: 0; z-index: 9;}
.home-main-warp .rank-list .list-name {flex:1; width: 0; font-size:20px;font-weight:bold; margin-left: 50px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink: 0; color: var(--colorfff);}
.home-main-warp .rank-list .list-price {font-size:22px;font-weight:bold;margin-right:15px;flex-shrink: 0; padding-left: 20px; width: 120px;}
.home-main-warp .rank-list .btn-follow {background:rgba(255,255,255,0.2);color:var(--colorfff);border:1px solid rgba(255,255,255,0.5);padding:8px 0px;border-radius:20px;font-size:var(--font16);cursor:pointer;flex-shrink: 0; width: 80px;}
.home-main-warp .rank-list .btn-follow.message {background:rgba(22,97,214,0.4);}
/* 核心：带右侧尖角的长方形（单元素实现） */
.home-main-warp .rank-list .list-item .gradient-rectangle {position: absolute;width: 180px;height: 80px;background: linear-gradient(to bottom, #f5dda2, #c09551);}
/* 右侧尖角：伪元素实现（和主体渐变一致） */
.home-main-warp .rank-list .list-item .gradient-rectangle:after {content: "";position: absolute;top: 0;right: 0;transform: translateX(100%);width: 20px;height: 80px;background: linear-gradient(to bottom, #f5dda2, #c09551);z-index: 1;/* 裁剪成三角形（核心修复点） */clip-path: polygon(0 0, 100% 50%, 0 100%);}

/* 首页主体右侧 */
.home-main-right{width: 290px;position: sticky; top: 70px;flex-shrink: 0;}
.home-main-right .home-right-listbox .title{color: var(--colorfff); background: var(--colorbj1); height: 40px; line-height: 40px; font-size: var(--font18); padding: 0 var(--space20); color: var(--colorfff);}
.home-main-right .home-right-listbox .title .change{font-size: var(--font14); gap: 4px;}
.home-main-right .home-right-listbox .title .change img{width: 14px;}
.home-main-right .home-right-listbox .title .change.home-topic{ gap:10px;}
.home-main-right .home-right-listbox .title .change span{cursor:pointer; position: relative;color:var(--colorfff);opacity: .8;}
.home-main-right .home-right-listbox .title .change.home-topic span::before{content: "";width: 1px;height: 14px;background: #ccc;transform: rotate(12deg);position: absolute;top: 0;left: -5px;}
.home-main-right .home-right-listbox .title .change.home-topic span:first-child::before{display: none;}
.home-main-right .home-right-listbox .title .change .cur{color:var(--colorfff); opacity:1;}
.home-main-right .home-right-listbox .title .change i{width: 1px;height: 14px;background: #ccc;transform: rotate(12deg);}
.home-main-right .home-hotlist{background: var(--colorbj2); padding: 10px;}
.home-main-right .home-hotlist .hotitem{display: flex; align-items: center; gap: 10px;}
.home-main-right .home-hotlist .hotitem .num{flex-shrink: 0; font-size: var(--font20); line-height:var(--line18); font-style: italic; font-weight: 600; color: var(--color999);}
.home-main-right .home-hotlist .hotitem a{flex: 1; overflow: hidden;text-overflow:ellipsis;white-space:nowrap; color: var(--color333);}
.home-main-right .home-hotlist .hotitem .tag{flex-shrink: 0;width: 16px; height: 16px; border-radius: 4px; color: var(--colorfff); font-size: var(--font16); text-align: center; line-height:16px; background: var(--colorbj4); font-size: var(--font14);}
.home-main-right .home-hotlist .hotitem .tag.new{background: var(--colorbj5);}
.home-main-right .home-hotlist .hotitem .tag.recommend{background: var(--colorbj1);}
.home-main-right .home-hotlist .hotitem:nth-child(1) .num{color: #ff0000;}
.home-main-right .home-hotlist .hotitem:nth-child(2) .num{color: #d87a00;}
.home-main-right .home-hotlist .hotitem:nth-child(3) .num{color: #c3c104;}
.home-main-right .home-topiclist{background: var(--colorbj3);padding:10px 20px; gap: 11px; display: none;}
.home-main-right .home-topiclist.active{display: flex;}
.home-main-right .home-topiclist a{background: var(--colorbj2); width: 75px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; color: var(--color333); font-size: var(--font14);}
/* 底部区域 */
.pc-footer{width: 100%; background: var(--colorbj1); padding: 60px 0; color: var(--colorfff);}
.pc-footer a{color: var(--colorfff); line-height: var(--line18);}
.pc-footer .footer-iphone a {display:block;background:#2D2D2D;border-radius:4px;width:162px;height:46px;text-align:center;line-height:46px;margin-top:18px;color:#fff;}
.pc-footer .footer-down {display:flex;}
.pc-footer .andriod {background:var(--color333);display:inline-block;padding-left:24px;background-size:16px 18px;margin-left:-6px;}
.pc-footer .ios {background:var(--color333);display:inline-block;padding-left:25px;margin-left:-5px;background-size:14px 18px;}
.pc-footer .down-txt {font-size:var(--font16);}
.pc-footer .footer-qrcode {width:108px;height:108px;background:#FFFFFF;border-radius:4px;margin-top:34px;margin-left:24px;}
.pc-footer .footer-qrcode img {width:100px;height:100px;margin:4px;}
.pc-footer .foot-text{line-height: var(--line18); font-size: var(--font16);}
.pc-footer .foot-text a {opacity:0.8;}
.pc-footer .foot-menu {padding-left: 100px;}
.pc-footer .foot-menu dl dt{font-size: var(--font18);line-height: var(--line40);}
.pc-footer .foot-menu dl dd{font-size: var(--font14);line-height: var(--line18);}
/* 人脉首页 */
.connections1{background: var(--colorbj2); padding: var(--space80) 0;}
.connections2{background: var(--colorbj6); padding: var(--space80) 0;}
.rank-home .rank-title {color:var(--color333);font-size:var(--font24);line-height:var(--line18);margin:0px auto 20px;}
.rank-home .rank-list .rank-item {background:var(--colorbj2);border-radius:6px;box-shadow:0 6px 14px 0 rgba(158,172,182,.25);display:inline-block;vertical-align:top;flex:1; height: 790px;}
.rank-home .rank-list .rank-item.hauto{height: auto;}
.rank-home .rank-list .rank-item .top-banner {background-image:url("../images/top-banner01.jpg");background-repeat:no-repeat;background-size:cover;border-radius:6px 6px 0 0;box-sizing:border-box;color:var(--colorfff);font-size:var(--font18);height:60px;margin-bottom:10px;padding:0 16px;width:100%; display: flex; justify-content: space-between; align-items: center;}
.rank-home .rank-list .rank-item .top-banner.banner02{background-image:url("../images/top-banner02.jpg");}
.rank-home .rank-list .rank-item .top-banner.banner03{background-image:url("../images/top-banner03.jpg");}
.rank-home .rank-list .rank-item .top-banner.banner04{background-image:url("../images/top-banner04.jpg");}
.rank-home .rank-list .rank-item .top-banner.banner05{background-image:url("../images/top-banner05.jpg");}
.rank-home .rank-list .rank-item .top-banner.banner06{background-image:url("../images/top-banner06.jpg");}
.rank-home .rank-list .rank-item .top-banner p,.rank-home .rank-list .rank-item .top-banner a{font-size: var(--font16); color: var(--colorfff); cursor: pointer;}
.rank-home .rank-list .rank-item .rank-user {padding:0 15px 0 6px; display: flex; align-items: center;}
.rank-home .rank-list .rank-item .rank-user .order {color:var(--color333);display:inline-block;font-size:var(--font16);text-align:center;width:26px;}
.rank-home .rank-list .rank-item .rank-user .avatar-con {background-repeat:no-repeat;background-size:cover;display:inline-block;height:40px;margin-right:6px;position:relative;width:40px;}
.rank-home .rank-list .rank-item .rank-user .avatar-con .avatar {border-radius:34px;bottom:3px;width:34px;height:34px;left:3px;position:absolute;object-fit:cover;}
.rank-home .rank-list .rank-item .rank-user.first .avatar-con {background-image: url("../images/rank01.png");height: 52px;width: 40px;}
.rank-home .rank-list .rank-item .rank-user.second .avatar-con {background-image: url("../images/rank02.png");height: 52px;width: 40px;}
.rank-home .rank-list .rank-item .rank-user.third .avatar-con {background-image: url("../images/rank03.png");height: 52px;width: 40px;}
.rank-home .rank-list .rank-item .rank-user .text-con {position:relative;flex: 1;width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 6px;}
.rank-home .rank-list .rank-item .rank-user .text-con .name {font-size:var(--font16);line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; }
.rank-home .rank-list .rank-item .rank-user .text-con .name a{color:var(--color1d1);}
.rank-home .rank-list .rank-item .rank-user .text-con .read-num,.rank-home .rank-list .rank-item .rank-user .text-con .thumb-num {color:var(--color999);font-size:var(--font14);line-height:14px;margin-right:3px;vertical-align:middle;}
.rank-home .rank-list .rank-item .rank-user .text-con .thumb-num {margin-right:0;}
.rank-home .rank-list .rank-item .rank-user .text-con .point {background:#9d9d9d;border-radius:2px;display:inline-block;height:2px;margin-right:3px;vertical-align:middle;width:2px;}
.rank-home .rank-list .rank-item .rank-user .btn-follow {background:rgba(22,97,214,0.6);color:var(--colorfff);padding:8px 0px;border-radius:20px;font-size:var(--font16);cursor:pointer;flex-shrink: 0; width: 80px;}
/* 兴趣爱好 */
.hobbies-list .hobbies-item{ width: 7%; margin: 20px 1.5%;}
.hobbies-list .hobbies-item .cover{width: 100%;aspect-ratio: 1 / 1; /* 宽高比为1:1 */overflow: hidden;object-fit:cover; border-radius: 50%; border: 1px solid var(--colorccc);}
.hobbies-list .hobbies-item .cover img{width: 100%; height:100%; object-fit:cover;}
.hobbies-list .hobbies-item span{font-size: var(--font20); font-weight: 500; margin-top:10px; text-align: center; color: var(--color333); display:block; letter-spacing: 6px;}
/* 用户主页 */
.user-main{margin-top: 84px; margin-bottom: 50px;}
.user-main-left{width: 200px; position: sticky; top: 70px; flex-shrink: 0; background: var(--colorbj2);padding:10px;}
.user-main-left .menulist{ color: var(--color333); border-bottom: 1px solid rgba(22,97,214,0.05); padding-bottom: 10px;}
.user-main-left .menulist .title{font-size: var(--font18); height: 50px; line-height: 50px; padding-left: 10px; cursor:pointer;}
.user-main-left .menulist .title img{width: 18px;}
.user-main-left .menulist a{ width:100%; height: 40px; line-height: 40px; color: var(--color333); font-size: var(--font16); border-radius: 2px;position:relative; padding-left: 30px;}
.user-main-left .menulist a:hover{background: #f2f2f2;}
.user-main-left .menulist a::before{content: " "; width: 6px; height: 6px; border-radius: 50%; background: #838383; left: 18px; top: 19px; position: absolute;}
/* 经常访问 */
.frequently-visit{background: var(--colorbj2);}
.frequently-visit .u-flex-col{display: none;}
.frequently-visit .u-flex-col.active{display: block;}

/* 用户主页中部 */
.user-main-warp .userbg{width: 100%; height: 300px;}
.user-main-warp .userbg.topic{width: 100%; height: 220px;}
.user-main-warp .userbg img{width:100%; height: 100%;object-fit:cover; border-radius: 4px 4px 0 0;}
.user-main-warp .userbg img.topicbg{width:100%; height: 100%;-webkit-filter: blur(20px);filter: blur(20px);}
.user-main-warp .userbox{background: var(--colorbj2); padding: 20px 20px 0 20px; border-radius:0 0 4px 4px; margin-bottom: 15px;}
.user-main-warp .userbox .userinfo{position: relative; height: 40px;}
.user-main-warp .userbox .userinfo .headimg{position: relative;width:var(--space120);height:var(--space120); position: absolute; top: -80px;}
.user-main-warp .userbox .userinfo .headimg .head{width:var(--space120);height:var(--space120);border: 2px solid rgba(255, 255, 255, 0.4);border-radius:50%; object-fit:cover;}
.user-main-warp .userbox .userinfo .headimg .head.topic{border-radius: 8px; background: var(--colorbj6);}
.user-main-warp .userbox .userinfo .headimg .vip{width:26px;height:26px;border-radius:50%;position:absolute;right:0;bottom:0;}
.user-main-warp .userbox .userinfo .push{text-align: center; line-height:38px; width: 150px; z-index: 2; color: var(--colorfff); position: absolute; bottom: 0; right: 0;}
.user-main-warp .userbox .userinfo .push .follow{width: 100%;height: 38px;line-height:38px;background: var(--colorbj1);border-radius:4px; color: var(--colorfff);}
.user-main-warp .userbox .userinfo .push .message{width:10px;height: 38px;background:rgba(22,97,214,0.6);border-radius: 4px;}
.user-main-warp .userbox .user-nickname{width:100%; margin-top:30px;border-bottom:1px solid rgba(255, 255, 255, 0.4); color: var(--color333);}
.user-main-warp .userbox .user-nickname .nickname{font-size:var(--font32); line-height: var(--line40); font-weight: 700; margin-bottom:15px;}
.user-main-warp .userbox .user-nickname .sbh span,.user-main-warp .userbox .user-nickname .type span{line-height:var(--line18);font-size: var(--font18);}
.user-main-warp .userbox .user-nickname .sbh img{width:18px; height:18px; margin-left:8px}
.user-main-warp .userbox .user-nickname .type img{width: 18px; height:18px; margin-right:8px;}
.user-main-warp .userbox .description{font-size:var(--font20); line-height: var(--line18); color:var(--color666); margin-top:20px;}
.user-main-warp .userbox .labelbox{ margin-top:6px;}
.user-main-warp .userbox .labelbox span{height:30px; line-height:30px;background: linear-gradient(145deg, rgba(22,97,214,0.8), rgba(22,97,214,0.4));border-radius: 3px; color:var(--colorfff); font-size:var(--font18); padding:0 10px;}
.user-main-warp .userbox .num{ font-size:var(--font18); line-height: var(--line18); color: var(--color666);}
.user-main-warp .userbox .num b{font-size:var(--font24); margin-right:8px; font-weight: 700;color: var(--color333);}
.user-main-warp .userbox .tab{border-top:1px solid rgba(22,97,214,0.1); height:60px; line-height:60px;}
.user-main-warp .userbox .tab .item{text-align: center; color: var(--color666);line-height:60px;font-size: var(--font24); padding: 0 20px;}
.user-main-warp .userbox .tab .item.active{font-weight: 700; color: var(--color333); border-bottom: 3px solid rgba(22,97,214,0.3);}
/* 查看更多 */
.see-more-app{width: 150px; height: 50px; border-radius: 25px; text-align: center; line-height: 50px; background: var(--colorbj1); margin:30px auto; color: var(--colorfff); font-size: var(--font16); box-shadow: 0 0 10px rgba(22,97,214, 0.6);}
/* 右侧用户信息 */
.user-details{background: var(--colorbj2); padding-bottom: 20px;}
.user-details .user-details-headerbox{width: 100%; height: 90px; overflow: hidden;}
.user-details .user-details-headerbox .userbg{left: 0; top: 0;width: 100%; height: 100%;}
.user-details .user-details-headerbox .userbg img{width: 100%; height: 100%; object-fit: cover;}
.user-details .user-details-headerbox .headimg{width: 50px;margin:20px auto; display:block;}
.user-details .user-details-headerbox .headimg .head{width: 50px; height: 50px; object-fit: cover; border-radius: 50%;}
.user-details .user-details-headerbox .headimg .vip{width:15px;height:15px;border-radius:50%;position:absolute;right:0;bottom:0;}
.user-details .user-details-textbox .nickname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size: var(--font16); padding:20px 10px 2px;}
.user-details .user-details-textbox .databox{border-bottom: 1px solid #f9f9f9; padding-bottom: 15px;}
.user-details .user-details-textbox .databox .dataitem{width: 30%; text-align: center;}
.user-details .user-details-textbox .databox .dataitem span{color: var(--color333); font-size: var(--font18); line-height: var(--line40);}
.user-details .user-details-textbox .databox .dataitem p{color: var(--color999); font-size: var(--font14);}
.user-details .user-details-textbox .desc{line-height: var(--line16); padding:0 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/* 独立用户信息 */
.alone-userbox{position: relative; width: 290px;}
.alone-userbox .home-login{background:#fff url("../images/homeloginbg.jpg") no-repeat; background-size: 100% auto; padding:150px 0 30px;}
.topic_banner .alone-userbox .home-login{height: 300px;}
.alone-userbox .home-login .slogan{ text-align: center; color:var(--colorfff); background: var(--colorbj4);width:160px; height: 34px; line-height: 34px; border-radius: 17px; margin:20px auto 0;}
.alone-userbox .home-login .loginbut{width: 160px; height: 34px; line-height: 34px; color: var(--colorfff); text-align: center; border-radius:17px; background: var(--colorbj1); box-shadow: 0 0 10px 5px rgba(18,95,232,0.3); margin:0 auto; cursor: pointer;}
.alone-userbox .userinfo{padding:40px 10px;height: 300px;}
.alone-userbox .headimg{position: relative;width:var(--space100);height:var(--space100);}
.alone-userbox .headimg .head{width:var(--space100);height:var(--space100);border: 2px solid rgba(255, 255, 255, 0.4);border-radius:50%; object-fit:cover; box-shadow: 0 0 10px rgba(22,97,214, 0.2);}
.alone-userbox .headimg .vip{width:26px;height:26px;border-radius:50%;position:absolute;right:0;bottom:0;}
.alone-userbox .push{text-align: center; line-height:38px; width: 150px; z-index: 2; color: var(--colorfff);}
.alone-userbox .push .follow{width: 100%;height: 38px;line-height:38px;background: var(--colorbj1);border-radius:4px; color: var(--colorfff);}
.alone-userbox .push .message{width:10px;height: 38px;background:rgba(22,97,214,0.6);border-radius: 4px;}
.alone-userbox .nickname{font-size:var(--font18); line-height: var(--line18);}
.alone-userbox .num{ font-size:var(--font16); line-height: var(--line18); text-align: center;width: 100%;}
.alone-userbox .num a{color: var(--color666); line-height: var(--line40);}
.alone-userbox .num b{font-size:var(--font18); font-weight:600;display: block; color: var(--color333);}
/* 用户列表数据 */
.user-box {display: flex; align-items: center; gap: 6px; padding:15px 10px;cursor: pointer;}
.user-box:hover{background: rgba(22,97,214,0.05);}
.user-box .avatar-con {display:inline-block;width:40px;height:40px;position:relative;}
.user-box .avatar-con .avatar {border-radius:100%;width:100%;height:100%;bottom:3px;object-fit:cover;}
.user-box .avatar-con .vip{width:16px;height:16px;border-radius:50%;position:absolute;right:0;bottom:0;}
.user-box .text-con {position:relative;flex: 1;width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 6px;}
.user-box .text-con .name {font-size:var(--font16);line-height:var(--line16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.user-box .text-con .name a{color:var(--color1d1);}
.user-box .text-con .read-num,.user-box .text-con .thumb-num {color:var(--color999);font-size:var(--font14);line-height:14px;margin-right:3px;vertical-align:middle;}
.user-box .text-con .thumb-num {margin-right:0;}
.user-box .text-con .point {background:#9d9d9d;border-radius:2px;display:inline-block;height:2px;margin-right:3px;vertical-align:middle;width:2px;}
.user-box .btn-follow {border:1px solid rgba(22,97,214,0.6);color:var(--colorbj1); line-height: 26px; border-radius:20px;font-size:var(--font14);cursor:pointer;flex-shrink: 0; width:64px; text-align: center;}
.user-box .btn-poster {border:1px solid var(--colorbj4); height: 28px; color:var(--colorbj4);padding:0px 10px;border-radius:20px;font-size:var(--font14);cursor:pointer;flex-shrink: 0; text-align: center; gap:4px;}
.user-box .btn-poster img{width: 18px;}
/* 用户列表 */
.user-main-warp .category-title{ font-size: var(--font18); line-height:44px; height: 44px; background: var(--colorfff); padding:0 20px; color: var(--colorbj1);}
.user-main-warp .user-switch{ font-size: var(--font16); line-height:44px; height: 44px; background: var(--colorfff); padding:7px 20px;}
.user-main-warp .user-switch li{ width: 80px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; cursor: pointer;}
.user-main-warp .user-switch li:hover{background:rgba(22,97,214,0.1);}
.user-main-warp .user-switch li.cur{color: var(--colormain1);}
.user-main-warp .user-list { background: var(--colorbj2);}
.user-main-warp .user-list .u-flex-col{display: none;}
.user-main-warp .user-list .u-flex-col.active{display: block;}
.user-main-warp .user-list .user-box {gap:10px; padding:20px; border-bottom: 1px dotted rgba(22,97,214,0.1);}
.user-main-warp .user-list .user-box:last-child{border: none;}
.user-main-warp .user-list .user-box .text-con .name {line-height:var(--line18);}
.user-main-warp .user-list .user-box .avatar-con {width:56px;height:56px;}
/* 动态列表 */
.homelist{width: 100%;}
.homelist .item{ margin-bottom: 15px; background: var(--colorbj2); padding: 20px; border-radius: 4px; gap: 15px;}
.homelist .item .headimg{position: relative;width:80px;height:80px;}
.homelist .item .headimg .head{width:80px;height:80px;border: 1px solid rgba(255, 255, 255, 0.4);border-radius:50%;}
.homelist .item .headimg .vip{width: 20px;height: 20px;border-radius:50%;position:absolute;right:0px;bottom:0px;}
.homelist .item .flex dl dt{ line-height: 2;color: var(--color333); font-size:var(--font18); font-weight: 600;}
.homelist .item .flex dl dd{color:var(--color333);font-size: var(--font18);line-height: var(--line18);}
.homelist .textbox,.homelist .textbox a{color:var(--color666);font-size:var(--font16); line-height: var(--line18);}
.homelist .textbox a.talk_color{color: var(--colorbj4);}
.homelist .textbox a:hover {text-decoration: underline; /* 鼠标悬停时显示下划线 */}
/* 评论框架 */
.commentbox{padding:10px; position: relative;}
.commentbox::after{content: " "; position: absolute; bottom:-1px; width:50px;left:50%;margin-left:-25px;height:2px; background: var(--color999);}
.commentbox .commentitem span{color: var(--color666); font-size: var(--font18); line-height: var(--line18);}
.commentbox .commentitem span.cur{color: var(--colormain2);}
.commentbox .commentitem img{width: 22px; height:22px; margin-right: 5px;}
/* 评论列表 */
.commentlist{padding:30px 20px;}
.comment-title{font-size: var(--font20); padding-left:10px;font-weight: bold;}
.comment-title::before{content: ""; width: 4px; height: 20px; border-radius: 2px; background: var(--colorbj1);left:0;top:0;position:absolute;}
.commentlist .userbox .headimg{position: relative;width:60px;height:60px; flex-shrink: 0;}
.commentlist .userbox .headimg .head{width:100%;height:100%;border-radius:100%;}
.commentlist .userbox .headimg .vip{width:20px;height:20px;border: 2px solid #fff564;border-radius:50%;position:absolute;right:0;bottom:0;}
.commentlist .userbox dl{border-bottom:1px dotted rgba(22,97,214,0.14); padding-bottom:14px;}
.commentlist .userbox dl dt{font-size: var(--font16);line-height: var(--line18); color: var(--color666);}
.commentlist .userbox dl dt span{font-weight: 400; color: var(--colorccc); margin-left:20px; font-size: var(--font14);}
.commentlist .userbox dl dd{color: var(--color999); font-size: var(--font16); line-height: var(--line16);}
.commentlist .nocomment{color: var(--color999);}
/* 登录提示+评论 */
.commentinputbox{border: 1px solid rgba(22, 119, 255, 0.2); padding: 10px;}
.commentinputbox .beforeinput{color:#9f9f9f;line-height:var(--line16);}
.commentinputbox .commentinput{padding:10px; background:rgba(22, 119, 255, 0.05); min-height:90px; margin-top: 10px; line-height: var(--line16); color: var(--color666);}
.commentinputbox .submith{line-height:46px; margin-top: 10px;}
.commentinputbox .submitcomment{background:rgba(22, 119, 255, 0.8);color:var(--colorfff); height:var(--line40); line-height: var(--line40); font-size: var(--font16);padding:0 30px;cursor:pointer;}
.commentinputbox .submitcomment:hover{background:var(--colorbj1);}
.commentinputbox .hudong a{color:var(--color999)}

/* .commentinputbox .commentinput img{width:22px;height:22px;margin:0 1px;}
.commentinputbox .forinput{margin:0;}
.commentinputbox .commenttools{height:40px;background:#eee;}
.commentinputbox .biaoqingbox{margin:0 10px;width:22px;height: 40px;position: relative;}
.commentinputbox .biaoqing{height:40px;width:22px;display: table-cell;vertical-align: middle;text-align: center;margin:0 10px;}
.commentinputbox .biaoqing img{vertical-align:middle;cursor:pointer} */

/* 媒体列表 */
.media_box{margin:10px auto; border-radius:8px; overflow: hidden; width:100%; height:380px;line-height: 0; display: flex; justify-content:space-between;align-items: flex-start;flex-wrap:wrap;}
.media_box img{width: 100%;height:100%; object-fit:cover;}
.media_box1 div{width: 100%; height:100%;}
.media_box2 img{width: 49%; height:100%;}
.media_box3 div{width: 49%; height:100%;}
.media_box3 .item2{ display: flex;flex-direction:column;justify-content:space-between;}
.media_box3 .item2 .imgstyle{ width: 100%; height:48%;}
.media_box4 {flex-direction:column;}
.media_box4 div{width: 100%; height:48%;display: flex;justify-content:space-between;}
.media_box4 img{width: 49%; height:100%;}
.media_box5 .item1{width: 66%; height:100%; display: flex;justify-content:space-between;flex-wrap:wrap;flex-direction:column;}
.media_box5 .item2{width: 32%; height:100%;}
.media_box5 .item2 .imgstyle{width: 100%; height:100%;}
.media_box5 .item1 .item3{ width: 100%; height:48%;display: flex;justify-content:space-between;}
.media_box5 .item1 .item3 img{width: 48.5%; height:100%;}
.media_box6 {flex-direction:column;}
.media_box6 div{width: 100%; height:48%;display: flex;justify-content:space-between;}
.media_box6 img{width: 32%; height:100%;}
/* 图片点击放大 */
.modelTost{display: none;z-index: 990;width: 100%;height: 100%;position: fixed; }
.modelTostChile{width:100%; height:100%; z-index: 999; background-color: rgb(17 19 28 / 90%);position: fixed;}
.modelTostChile .describe{font-size:20px;padding:0% 3%; height:60px; line-height: 60px; color:var(--color333); position: relative;z-index: 199; background: rgba(255, 255, 255, 0.9);}
.modelClose{float: right;cursor: pointer; font-size: 30px; margin-top: 10px;}
.modelTostChile .swiper-container{height:calc(100% - 60px); overflow: hidden;}
.modelTostChile .swiper-wrapper {align-items: center;}
.modelTostChile .swiper-slide{text-align: center;}
.modelTostChile .swiper-slide img{width:100%;height:100%;text-align: center; object-fit: contain;}
.modelTostChile .swiper-slide video{width: 100%; height: 100%;}
.swiper-button-next,.swiper-button-prev{ background: rgba(22, 24, 35, .5); padding:25px 15px;}
.slide-flex{display: flex; align-items: center; height: 100%;}
/* 话题 */
.topic_banner{width: 100%; background: #eee;background: url('../images/topic-banner.jpg') no-repeat; background-size: 100%;padding:30px 0 20px; margin-top:64px;}
.topic_list{overflow: hidden; padding-bottom: 20px;}
.topic_list .topic_item{position: relative; overflow: hidden; border-radius: 12px; height: 330px; display: block;}
.topic_list .topic_item img{width: 100%; height: 100%; object-fit: cover;}
.topic_list .topic_item .topic_info{background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(16px) saturate(180%); /* 模糊 + 饱和度提升 */-webkit-backdrop-filter: blur(16px) saturate(180%); /* 兼容旧 Safari */ position: absolute; bottom: 0; left: 0; right: 0; color: var(--colorfff); padding:10px;}
.topic_list .topic_item .topic_info span{font-size: var(--font16);line-height:var(--line18); overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 100%; display: block;}
.topic_list .topic_item .topic_info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height: var(--line16);}
.topic_list{--swiper-theme-color: #ff6600;--swiper-pagination-color: #00ff33;/* 两种都可以 */}
.topic_list.swiper-container .swiper-pagination{bottom: 0px; position: absolute;}
.topic_list .swiper-pagination-bullet {width: 16px;height: 4px;opacity: 1;border-radius: 2px;background:rgba(22, 119, 255, 0.3);}
.topic_list .swiper-pagination-bullet-active {background:var(--colorbj1); /* 激活状态下的背景颜色 */}
.topic_category_list{padding:0 12px 10px; border-bottom: 1px solid rgba(22, 119, 255, 0.1);}
.topic_category_list .topic_category_1 a{color:rgba(22, 119, 255, 0.8); font-size: var(--font16); font-weight: 600; line-height: var(--line40);}
.topic_category_list .topic_category_2 li{font-size: var(--font16); line-height: var(--line175);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.topic_category_list .topic_category_2 li a{color:var(--color666);}

/* 主持人权益 */
.rights-list{padding:20px 5px;background: var(--colorbj2);}
.rights-list .rights-item{flex:1; display: flex; flex-direction: column; gap: 10px; align-items: center;}
.rights-list .rights-item img{width: 80%;box-shadow: 0 0 10px rgba(22,97,214,.2); border-radius:100%;}
.hostinfo{position: relative; padding: 20px; background: var(--colorbj2);}
.hostinfo .headimg{position: relative;width:60px;height:60px;}
.hostinfo .headimg .head{width:60px;height:60px;border: 2px solid rgba(255, 255, 255, 0.4);border-radius:50%; object-fit:cover;}
.hostinfo .headimg .vip{width:26px;height:26px;border-radius:50%;position:absolute;right:0;bottom:0;}
.hostinfo .nickname{font-size: var(--font16);line-height:var(--line18);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.hostinfo .type{line-height: var(--line175);}
.hostinfo .follow{width: 80px;height: 30px;line-height:28px;border:1px solid var(--colorbj1);border-radius:15px; text-align: center;cursor:pointer; color: var(--colorbj1); margin-top: 5px;}
.hostinfo .follow.message{border:1px solid var(--colorbj4); color: var(--colorbj4);}
/* 申请话题主持人 */
.apphost-main{width: 640px; margin: 0 auto;}
.apphostbox{width: 100%;}
.topicinfo{ background: var(--colorbj2); position: relative; border-radius:12px 12px 4px 4px; z-index: 9; margin-top: -50px; height: 90px;}
.topicinfo .headimg{position:absolute;width: 70px;height: 70px;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.4);top: -25px; background: var(--colorbj6);}
.topicinfo .headimg .head{width:100%;height:100%;object-fit:cover;}
.topicinfo .title{color: var(--color1d1); font-weight: 600; line-height: var(--line18); font-size: var(--font16);padding-top: 50px;}
.apphostbox .home-right-listbox .title span{font-size: var(--font20); line-height: var(--line18);}
.apphostbox .home-right-listbox .rights-list{background: none;}
.apphostbox .home-right-listbox .rights-list .rights-item{background: var(--colorbj2); border-radius: 8px; padding: 20px 10px;}
.apphostbox .home-right-listbox .rights-list .rights-item img{width: 60%;box-shadow: 0 0 10px rgba(22,97,214,.2); border-radius:100%;}
.apphostbox .home-right-listbox .rights-list .rights-item span{font-size: var(--font16);}
.apphostbox .home-right-listbox .rights-list .rights-item p{color: var(--color666);}
.condition-list .condition-item{background: var(--colorbj2); padding:15px 20px;}
.condition-list .condition-item img{width: 25px; height: 25px;}
.condition-list .condition-item span{font-size: var(--font16);}
.condition-list .condition-item a{background: rgba(22,97,214,0.3); width: 70px; height: 30px; line-height: 30px; text-align: center; color: var(--colorfff); border-radius: 15px;}
.condition-list .condition-item a.finish{background: rgba(22,97,214,1);}
.apphostbox .btn-primary{width: 60%; height: 50px; line-height: 50px; border-radius: 25px; margin: 30px auto; background: rgba(22,97,214,1); color: var(--colorfff); font-size: var(--font16); display:block; box-shadow: 0 0 10px rgba(22,97,214,0.1);}
.apphostbox .btn-primary.disabled{background: rgba(22,97,214,0.3);}
/* 单页详情 */
.page-box{background: var(--colorbj2);}
.page-details .page-details-title{font-size: var(--font24); line-height: var(--line18);}
.page-details .page-details-info{line-height: var(--line175); color: var(--color666); margin: 10px 0 30px;}
.page-details .page-details-info p{line-height: var(--line175);color: var(--color666);}
.page-details .page-details-time{color: var(--color666);}
.page-list .title{height: 50px; line-height: 50px; font-size: var(--font16); border-left: 4px solid var(--colorbj1); padding-left:20px; color: var(--color666);}
.page-list-item{border-top: 1px solid rgba(22,97,214,0.1);padding:15px 20px;font-size: var(--font18); line-height: var(--line16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background: url(../images/svg/icon28.svg) no-repeat; background-size: 18px 18px; background-position:calc(100% - 10px);}
/* 用户登录提醒 */
.login-tip {position:fixed;right:24px; bottom:124px; box-sizing:border-box;padding:18px;width:360px;height:149px;border-radius:8px;background:linear-gradient(99.4deg,#4481ec .43%,#a6c3f6 99.04%);font-size:16px; display: none; box-shadow: 0 0 10px rgba(22,97,214,0.1);}
.login-tip .close-login-tip {position:absolute;top:14px;right:14px;width:14px;height:14px;cursor:pointer;}
.login-tip .close-login-tip:before{position:absolute;content: ' '; display: block; width:2px; height: 14px; background:var(--colorbj2);left:0;top:0;transform:rotate(45deg);}
.login-tip .close-login-tip:after{position:absolute;content: ' '; display: block; width:2px; height: 14px; background:var(--colorbj2);left:0;top:0;transform:rotate(135deg);}
.login-tip .title {margin-bottom:6px;font-weight:600;color:var(--colorfff);font-size:var(--font16);line-height:var(--line175);}
.login-tip .desc {margin-bottom:20px;font-weight:400;color:var(--colorfff);line-height:var(--line16);}
.login-tip .login-btn {cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:8px;font-size:14px;font-weight:600;color:var(--colormain1);background:var(--colorbj2);}
.maskbox{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index:9999;}
.maskbox .mask-content{transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%;}
/* 商机 */
.business-category{padding:10px;}
.business-category dl{flex-shrink: 0;position: relative; width: 20%;padding:20px 0; gap:4px;}
.business-category::after{content: " "; position: absolute;left:0; top:110px; width: 100%; height: 1px; background: rgba(22,97,214,0.1);}
.business-category dl dt{background:rgba(22,97,214,0.9); border-radius:4px; text-align: center; padding:0 3px}
.business-category dl dt a{font-size: var(--font14); font-weight: 600; color: var(--colorfff); line-height: var(--line18);}
.business-category dl dd a{color: var(--color666); line-height: var(--line16);}
.business-category-list .slogan{ font-size: var(--font44); text-align: center; line-height: var(--line18);}
.category-tab ul li {/* letter-spacing: 16px; */font-size: var(--font18);cursor: pointer; position: relative; text-align: center; color: var(--color666); padding:10px;}
.category-tab ul li:after {background:rgba(22,97,214,0.8);bottom:0;content:"";height:2px;left:0;margin:auto;opacity:0;position:absolute;right:0;-webkit-transition:width .2s,opacity 0s .2s;transition:width .2s,opacity 0s .2s;width:0;}
.category-tab ul li.cur{color: var(--colormain1); font-weight: 500;}
.category-tab ul li.cur:after {opacity:1;-webkit-transition:width .2s;transition:width .2s;width:100%;}
.category-tab-list{display:none;}
.category-tab-list.active{display: flex;}
.category-tab-list .category-tab-item{width: 32%; border-radius: 10px 10px 4px 4px;}
.category-tab-list .category-tab-item .item-title{background-image: url("../images/title1.png"); background-repeat: no-repeat; background-size: cover; padding:16px 20px;color:var(--colorfff); font-size:var(--font18);}
.category-tab-list .category-tab-item .item-title a{color:var(--colorfff); font-size:var(--font14);font-weight:500; line-height:var(--line16);}
.category-tab-list .category-tab-item:nth-child(3n+2) .item-title{background-image: url("../images/title2.png");}
.category-tab-list .category-tab-item:nth-child(3n+3) .item-title{background-image: url("../images/title3.png");}
/* 图文切换数据列表 */
.graphic-txt-box .itembox{padding:0 20px 10px;}
.home-main-right .graphic-txt-box .itembox{padding:0 10px 10px;}
.graphic-txt-box .itembox .item{padding:10px 0;line-height:var(--line16);border-top:1px dashed #e6e6e6;position: relative;}
.graphic-txt-box .itembox .item:nth-child(1){border:none;}
.graphic-txt-box .itembox .item .title-box{display:flex;align-items: center; height:30px;}
.graphic-txt-box .itembox .item .title-box .time{width:60px; text-align: right;}
.graphic-txt-box .itembox .item .title-box .flex{font-size: var(--font16); line-height: var(--line175);}
.graphic-txt-box .itembox .item .info{display:none;margin-top:10px;}
.graphic-txt-box .itembox .item.active .info{display:flex;height:60px; gap: 10px;}
.graphic-txt-box .itembox .item .info .imgbox{width:95px;height:60px; flex-shrink: 0;}
.graphic-txt-box .itembox .item .info .imgbox img{width:100%;height:100%; object-fit:cover; border-radius: 4px;}
.graphic-txt-box .itembox .item .info .desc{line-height: var(--line16); color: var(--color666);}
.graphic-txt-box .itembox{counter-reset: numb;}
/*正方形*/
.numb{display:inline-block;min-width:24px; height:24px;line-height:24px;border-radius:5px; background:#ccc;text-align:center; margin-right:10px;color:#fff; vertical-align:middle;}
.numb::after{counter-increment:numb;content:counter(numb);}
.numb.num1{background:#fe741c;}
.numb.num2{background:#FDB80C;}
.numb.num3{background:#ffdc00;}
/* 文章列表 */
.articlelist>ul>.item {border-bottom:1px solid #eee;position:relative; display: flex; gap:15px; padding-bottom:15px;}
.articlelist .img {display:table-cell;position:relative;}
.articlelist .img a {display:block;width:220px;height:137px;overflow:hidden;border-radius:4px;}
.articlelist .img img {width:100%;display:block;transition:all ease-in-out 300ms;}
.articlelist .img a:hover img {transform:scale(1.1);}
.articlelist .img a.item-category {position:absolute;display:inline-block;width:auto;height:auto;left:10px;top:15px;padding:4px 8px;font-size:12px;line-height:14px;color:#fff;background:rgba(22,97,214,.6);border-radius:3px;}
.articlelist .img a.item-category:hover {background:var(--colormain1);}
.articlelist .contbox {width:0; flex:1;}
.articlelist .contbox .title {width:100%; display:block; line-height:var(--line18);max-height:var(--line18); font-size:var(--font18);overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.articlelist .contbox .dhidden3 {line-height: var(--line16);color: var(--color666);}
.articlelist .contbox .authorbox {margin-top: 10px;}
.articlelist .contbox .authorbox .author{line-height:24px; color: var(--color666);}
.articlelist .contbox .authorbox .avatar {display:inline-block;width:24px;height:24px;margin-right:3px;border-radius:50%;}
.articlelist .contbox .authorbox .date {color: var(--color999);}
/* 加载更多 */
.morebtn{cursor: pointer;background:rgba(22,97,214, 0.8);color:var(--colorfff); width:180px; height:50px; line-height: 50px; border-radius: 25px;font-size: var(--font16); margin: 20px auto;}
.morebtn:hover{background:var(--colorbj1);transition:.2s;}
.morebtn img{width:24px;}
/* 分页 */
.pagination a,.pagination span{border: 1px solid rgba(22,97,214, 0.8); padding:6px 20px; border-radius: 2px; color: var(--color666); line-height: var(--line16);}
.pagination a:hover{transform: translateY(-2px);transition:.2s;}
.pagination span.current{background: var(--colorbj1); color: var(--colorfff);border-color:var(--colorbj1);}
/* 面包屑导航 */
/* .current-location {padding:var(--space20) 0;} */
.current-location img{width: 18px;}
.current-location ul li{position: relative;}
.current-location ul li a{font-size: var(--font16); line-height:var(--line175);color:var(--color666);}
.current-location ul li:last-child a{color: var(--color333);}
.current-location ul li::before {content:'';width:4px;height:4px;border-radius:50%;position:absolute;top:50%;left:-10px;transform:translateY(-50%);background:var(--color999);}
/* 文章详情 */
.articleshow{position:relative;}
.articleshow .articlehead{padding:20px;}
.articleshow h1{padding:0px 0 20px 0;text-align:center; font-size: var(--font24);}
.articleshow .qzoneinfo{position:relative;}
.articleshow .qzoneinfo .time{color: var(--color999);}
.articleshow .descriptionbox{background-color:#f6f7fb;padding:20px;margin:0px 20px;color:#666;line-height:var(--line18);}

.articleshow .normalarticle{padding:20px;}
.articleshow .articlecont .normalarticle img{display:block;margin:0 auto;max-width:100%;}
.articleshow .normalarticle.nomore{ position: relative;}
.articleshow .normalarticle.nomore .seemore{width:100%;z-index:1;position:absolute;display:block;content:"";background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 20%,rgba(255, 255, 255, 1) 100%);height:50px; line-height: 50px; left:0px;bottom:80px; text-align: center;}
.articleshow .normalarticle.nomore .ewmdown{text-align:center;position:absolute;top:-120px;left:50%;transform: translateX(-50%); display:none;width:1000px;}

.articleshow .articlecont{line-height:var(--line175); color: var(--color666); font-size: var(--font16);}
.articleshow .articlecont > p{margin: 10 0;}
.articleshow .articlecont p{line-height:var(--line18);text-indent: 0;word-break:break-word;}
.articleshow .articlecont .normalarticle p{text-indent:2em;}
.articleshow .articlecont p img{height:auto;}
.articleshow .articlecont p img{display:inline-block;max-width:100%;margin:0 auto;}
/* 推荐阅读 */
.rec-articles-box .rec-title{font-size:var(--font20);line-height:var(--line40); border-bottom: 1px solid rgba(22,97,214,0.1); padding-bottom:10px;font-weight: 600;}
.rec-articles-box .rec-list .rec-item {display:block;background:var(--colorbj2);border-radius:4px;box-shadow:0 6px 14px 0 rgba(25,27,31,.06);overflow:hidden;position:relative;transition:transform .3s;width:275px;height:236px;}
.rec-articles-box .rec-list .rec-item:hover{transform: scale(1.04);}
.rec-articles-box .rec-list .rec-item img {border-radius:5px 5px 0 0;object-fit:cover;width:100%;height:125px;}
.rec-articles-box .rec-list .rec-item .dhidden2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;font-size:var(--font16);font-weight:600;line-height:var(--line16);margin:12px;}
.rec-articles-box .rec-list .rec-item .desc {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-all;line-height:var(--line16);margin:12px;max-height:125px; color: var(--color999);}
.rec-articles-box .rec-list .rec-item .u-flex {color:#8a96a9; position: absolute; bottom:0;left: 0; width: 100%; padding:12px;}