@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;}
.p_ab{position: absolute;}
.p_re{position: relative;}

/* 置顶头部 */
.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 100% 100%;}
.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 .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-login{background: url("../images/homeloginbg.jpg") no-repeat 100% 100%; width: 100%; height: 207px;}
.home-main-right .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: 140px auto 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: 706px;}
.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 #f9f9f9; 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;}
.frequently-visit .user-box {display: flex; align-items: center; gap: 6px; padding:15px 10px;cursor: pointer;}
.frequently-visit .user-box:hover{background: #f9f9f9;}
.frequently-visit .user-box .avatar-con {display:inline-block;width:40px;height:40px;position:relative;}
.frequently-visit .user-box .avatar-con .avatar {border-radius:34px;bottom:3px;width:40px;height:40px;object-fit:cover;}
.frequently-visit .user-box .avatar-con .vip{width:16px;height:16px;border-radius:50%;position:absolute;right:0;bottom:0;}
.frequently-visit .user-box .text-con {position:relative;flex: 1;width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 6px;}
.frequently-visit .user-box .text-con .name {font-size:var(--font16);line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.frequently-visit .user-box .text-con .name a{color:var(--color1d1);}
.frequently-visit .user-box .text-con .read-num,.frequently-visit .user-box .text-con .thumb-num {color:var(--color999);font-size:var(--font14);line-height:14px;margin-right:3px;vertical-align:middle;}
.frequently-visit .user-box .text-con .thumb-num {margin-right:0;}
.frequently-visit .user-box .text-con .point {background:#9d9d9d;border-radius:2px;display:inline-block;height:2px;margin-right:3px;vertical-align:middle;width:2px;}
.frequently-visit .user-box .btn-follow {border:1px solid rgba(22,97,214,0.6);color:var(--colorbj1);padding:6px 0px;border-radius:20px;font-size:var(--font14);cursor:pointer;flex-shrink: 0; width:64px;}
/* 用户主页中部 */
.user-main-warp .userbg{width: 100%;}
.user-main-warp .userbg img{width:100%; height: 100%;object-fit:cover; border-radius: 4px 4px 0 0;}
.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: 60px;}
.user-main-warp .userbox .userinfo .headimg{position: relative;width:var(--space120);height:var(--space120); position: absolute; top: -60px;}
.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%;}
.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;}
.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;}
/* 动态列表 */
.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{width: 100%;}
.commentlist .userbox .headimg{position: relative;width:60px;height:60px;}
.commentlist .userbox .headimg .head{width:60px;height:60px;border: 1px solid rgba(255, 255, 255, 0.4);border-radius:50%;}
.commentlist .userbox .headimg .vip{width:20px;height:20px;border: 2px solid #fff564;border-radius:50%;position:absolute;right:0;bottom:0;}
.commentlist .item{margin-bottom: 0; padding-top:10px;}
.commentlist .item .userbox dl{border-bottom:1px solid rgba(255, 255, 255, 0.4); padding-bottom:14px; width: 100%; margin-left: 20px;}
.commentlist .item .userbox dl dt{color: var(--colorfff); font-size: var(--font18); font-weight: 600; line-height: var(--line18);}
.commentlist .item .userbox dl dt span{font-weight: 400; color: var(--colorccc); margin-left:20px;}
.commentlist .item .userbox dl dd{color: var(--colorccc); font-size: var(--font16); line-height: var(--line16);}

/* 媒体列表 */
.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%;}

/* 关注列表 */
.follow-main-warp .follow-title{ font-size: var(--font18); line-height:44px; height: 44px; background: var(--colorfff); padding:0 20px;}
.follow-main-warp .follow-switch{ font-size: var(--font16); line-height:44px; height: 44px; background: var(--colorfff); padding:7px 20px;}
.follow-main-warp .follow-switch li{ width: 80px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; cursor: pointer;}
.follow-main-warp .follow-switch li:hover{background:rgba(22,97,214,0.1);}
.follow-main-warp .follow-switch li.cur{color: var(--colormain1);}
.follow-main-warp .follow-list { background: var(--colorbj2);}
.follow-main-warp .follow-list .u-flex-col{display: none;}
.follow-main-warp .follow-list .u-flex-col.active{display: block;}
.follow-main-warp .follow-list .user-box {display: flex; align-items: center; gap:10px; padding:20px; cursor: pointer; border-bottom: 2px dotted #f9f9f9;}
.follow-main-warp .follow-list .user-box:hover{background: #f9f9f9;}
.follow-main-warp .follow-list .user-box .avatar-con {display:inline-block;width:50px;height:50px;position:relative;}
.follow-main-warp .follow-list .user-box .avatar-con .avatar {border-radius:50px;bottom:3px;width:50px;height:50px;object-fit:cover;}
.follow-main-warp .follow-list .user-box .avatar-con .vip{width:16px;height:16px;border-radius:50%;position:absolute;right:0;bottom:0;}
.follow-main-warp .follow-list .user-box .text-con {position:relative;flex: 1;width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 6px;}
.follow-main-warp .follow-list .user-box .text-con .name {font-size:var(--font16);line-height:var(--line18);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.follow-main-warp .follow-list .user-box .text-con .name a{color:var(--color1d1);}
.follow-main-warp .follow-list .user-box .text-con .read-num,.follow-main-warp .follow-list .user-box .text-con .thumb-num {color:var(--color999);font-size:var(--font14);line-height:14px;margin-right:3px;vertical-align:middle;}
.follow-main-warp .follow-list .user-box .text-con .thumb-num {margin-right:0;}
.follow-main-warp .follow-list .user-box .text-con .point {background:#9d9d9d;border-radius:2px;display:inline-block;height:2px;margin-right:3px;vertical-align:middle;width:2px;}
.follow-main-warp .follow-list .user-box .btn-follow {border:1px solid rgba(22,97,214,0.6);color:var(--colorbj1);padding:6px 0px;border-radius:20px;font-size:var(--font14);cursor:pointer;flex-shrink: 0; width:64px;}