@charset "UTF-8";

/* 广告 */
.uc3-center-advertising{display: flex;justify-content: space-around;background: url("../images/uc4-backimg.png") no-repeat;background-size: cover;width: 100%;height: 230px;color: white;padding-top: 130px;font-size: 24px;line-height: 30px;}

.uc3-center-advertising a{color: #999999;}

.uc3-center{height: 1297px;background-color: white;display: flex;justify-content: space-between;}

.uc3-center-area{width: 1300px;margin: auto;height: 1277px;display: flex;justify-content: space-between;}

.uc3-center .uc3-center-lf{width: 920px;height: 1277px;margin:33px 50px 49px 0;color: #333333;font-size: 18px;line-height: 36px;}

.uc3-center .uc3-center-lf p{margin-bottom: 36px;}

.uc3-center .uc3-center-rt{width: 379px;height: 1277px;padding:32px 0 0 45px ;color: #333333;}

.uc3-center .uc3-center-rt  a{color: #333333;display: block;width: 261px;height: 38px;padding-left: 9px;line-height: 39px;}

.uc3-center .uc3-center-rt  a:hover{color: #00AFDD;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.09);}

.uc3-center .uc3-center-rt .label{width: 350px;}

.uc3-center .uc3-center-rt .label span{text-align: 24px;padding: 0 12px;display: inline-block;background: #EBEBEB;margin:0 24px 17px 0;}

.uc3-center .uc3-center-rt .label span:hover{background: #FFFFFF;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.09);color: #31BBE0;}

.uc3-center .uc3-center-rt .choicenessbig{width: 350px;margin-bottom: 20px;}

.uc3-center .uc3-center-rt .choicenessbox{width: 150px;height: 172px;box-sizing: border-box;margin: 15px 26px 0 0;display: inline-block;}

.uc3-center .uc3-center-rt .choicenessbox .title{width: 150px;text-align: center;margin: 10px 0 8px 0;}

.uc3-center .uc3-center-rt .choicenessbox .choiceness{width: 133px;margin: 0 11px 2px 6px;height: 37px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.uc3-center .uc3-center-rt .choicenessbox:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.09)}

.uc3-center .uc3-center-rt .choicenessbox:hover .title{color: #333333;}
/* 推荐文章 */

.uc3-center-recommendbox{background-color: white;color: #1A1A1A;display: flex;flex-direction: column;align-items: center;}

.uc3-center-recommendbox .recommendbox{width: 1360px;display: flex;}

.uc3-center-recommendbox .recommendbox .recommend{width: 320px;height: 296px;margin:0 20px 40px 0 ;}

.uc3-center-recommendbox .recommendbox .recommend:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.09);}

.uc3-center-recommendbox .recommendbox .recommend:hover .hover{color: #31BBE0;}

/* 文章页右侧推荐文章 2025.9.8新增*/
.recommend_article {margin-top:215px;margin-bottom:-60px; } 
.recommend_article  ul a {line-height:1.5!important;width:100%!important;}
.recommend_article  ul li{font-size:16px!important;text-decoration:underline wavy #ccc; position:relative;padding-left:25px;}
.recommend_article ul li:after {
    content: '';
    /* 定位五角星到文本左侧 */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
    /* 五角星尺寸 */
    width: 16px;
    height: 16px;
    
    /* 黄色五角星 */
    background-color: #FFD700; /* 金黄色 */
    
    /* 五角星形状（核心代码） */
    clip-path: polygon(
        50% 0%, 
        61% 35%, 
        98% 35%, 
        68% 57%, 
        79% 91%, 
        50% 70%, 
        21% 91%, 
        32% 57%, 
        2% 35%, 
        39% 35%
    );
    
    /* 可选：添加阴影增强效果 */
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
/* 文章页右侧五角星 2025.9.8新增*/
.star {
            /* 五角星的大小 */
            width: 100px;
            height: 100px;
            
            /* 黄色填充 */
            background-color: #FFD700;
            
            /* 使用多边形路径创建五角星形状 */
            clip-path: polygon(
                50% 0%,    /* 顶部顶点 */
                61% 35%,   /* 右上角 */
                98% 35%,   /* 右中 */
                68% 57%,   /* 右下角 */
                79% 91%,   /* 底部右 */
                50% 70%,   /* 底部中 */
                21% 91%,   /* 底部左 */
                32% 57%,   /* 左下角 */
                2% 35%,    /* 左中 */
                39% 35%    /* 左上角 */
            );
            
            /* 可选：添加阴影增强立体感 */
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

        /* 不同大小的五角星示例 */
        .star-sm {
            width: 50px;
            height: 50px;
        }
        
        .star-lg {
            width: 150px;
            height: 150px;
        }