/* --- 全局样式重置 --- */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        /* 设置所有图片放大的前面设置时间为1秒 */
        .tu{
            transition: all 1s;
        }
        .tu:hover {
            transform: scale(1.3);
        }


        .top1{
            position: relative;
            display: flex;
            justify-content: center;
            height: 100px;
            /*background: #ec0404;*/
            width: 1000px;
            margin: 0 auto;
              
        }

        .top1 img{
            /* margin: 0 auto; */
            /* background-color: #0ccb3f; */
        }
        
        
        .top1 a {
            position: absolute;
            top: 5px;
            width: 80px;
            height: 38px;
            font-size: 12px;
            line-height: 15px;
            text-align: center;
            padding-top: 5px;
            border-radius: 8px;
            text-decoration: none;
            color: #333;
        }

        /* 登录/注册、会员中心按钮 */
        .top1 #loginBtn {
            right: 200px;           /* 从右边数第 3 个位置 */
            background-color: orange;
        }

        /* 开通会员按钮 */
        .top1 #payBtn {
            right: 110px;           /* 从右边数第 2 个位置 */
            background-color: #ffd700;
        }

        /* 退出登录按钮 */
        .top1 #logoutBtn {
            right: 20px;            /* 最右边 */
            background-color: orange;
        }


        

        .top2{
            position: relative;
            margin-bottom: 60px;
            height: 261px;
            background-color: #590a0a;
        }
       
        .top22{
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            width: 1002px;
            height: 295px;
        }


        /* 以下为内容ONE区内容 */
        .one{
            margin: 50px auto 0;
            padding-top: 20px;
            width: 1000px;
            height: 715px;
        }
        .left1{
            float: left;
            width: 285px;
            height: 715px;
            background-image: url(../images/left1.png);   /* ---外框效果--- */
        }

        /* ===== tu1 图片轮播（JS版） ===== */
        .luntu {
            position: relative;
            width: 250px;
            height: 180px;
            overflow: hidden;
            margin: 0 auto;
        }

        .luntu-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.8s ease-in-out;
        }

        .luntu-img.active {
            opacity: 1;
        }
        /* -------轮播图设置如上--------- */

        ul{
            /* 去除圆点序列 */
            list-style: none;
        }
        .one .left1 li{
            float: left;
            width: 250px;
            height:215px;          
            margin: 18px 18px 0 18px;
            
            text-align: center;
            line-height: 25px;
        }

        li a:hover{
            color: red;
        }

        .right1{
            float: left;
            width: 715px;
            height: 715px;                        
        }

        li {
            float: left;
            width: 200px;
            height:250px;
            margin-left: 38px;  /* ----调整间隔距离---- */
            text-align: center;
            line-height: 38px;
            transition: all 1s;
        }
        h5{
            margin-top: 8px;
            line-height: 20px;
            font-size: 16px;
        }


         a{
 /*  不显示连接文字下划线 */
            text-decoration: none;
        }

    /* 以下为2区内容 */     
        .two{       
            display: flex;    
            width: 1000px;
            height: 350px;            
            border-bottom: #8123c9 solid 10px;
            border-top: #8123c9 solid 10px;
            box-shadow: 0 3px 3px 2px black;
            margin: 120PX auto;
            padding-top: 30PX;           
        }

        .twoson{
            margin: 0 auto;
            width: 500px;
            text-align: center;
            font-size: 20px;
            
        }

    /* -----以下为计算价格区域---- */

        .baojia{
            width: 1000px;
            text-align: center;
            margin: 50px auto;
        }
        .price{
            margin: 0 auto 50px auto;
            display: flex;
            width: 1000px;
            gap: 25px;
        }

        .priceson{
            width: 180px;
            height: 200px;
        }

         .primg{
            width: 180px;
            height: 150px;
            background-color: rgb(245, 245, 228);
        }

        .price h5{
            text-align: center;
            margin-top: 15px;
        }
        .price a:hover{
            color: red;
        }



        .pricetwo{
            display: flex;
            width: 1000px;
            margin: 100px auto 80px auto;
        }

        .pricetwoson{
            width: 500px;
            text-align: center;
            border-radius: 15px;
        }

       
        .pricetwoson h3{
            margin-top: 20px;
        }

    /* -----以上来计算价格区域---- */

        .line1{
            height: 5px;
            background-color: red;
            margin-top: 100px;
        }
        .line{
            height: 5px;
            background-color: red;
            margin-bottom: 10px;
        }

/* 以下为3区内容 */
        .three{
            display: flex;
            flex-wrap: nowrap;  /* 确保不换行 */
            margin: 50px auto 100px auto;
            /* margin-bottom: 100px; */
            width: 1005px;
            height: 1250px;
            overflow: hidden;  /* 可选：防止溢出 */
            padding-top: 50px; 
            padding-bottom: 50px; 
            
        }

        .left3 {
            width: 285px;
            height: 1200px;
            flex-shrink: 0;  /* 防止收缩 */
        }

        .right3 {
            flex: 1;  /* 或者用 flex: 0 0 715px; */
            width: 715px;
            height: 1191px;
            flex-shrink: 0;  /* 防止收缩 */
        }

        
/* 免费阅读内容标题连接，标题为不停的轮播 */
        /* 免费阅读内容标题连接 */
        .reading {
            position: relative;
            width: 285px;
            height: 476px;
            border-radius: 8px;
            border: #d1ec04 3px solid;
            padding: 10px 20px;
            box-sizing: border-box;              /* ⭐ 让 padding 不撑大高度 */
            display: flex;
            flex-direction: column;
            overflow: hidden;                    /* ⭐ 超出部分裁掉 */
        }

        /* 内容列表区：占据剩余空间，超出裁掉 */
        .reading .reading-list {
            flex: 1;
            overflow: hidden;
            position: relative;
        }

        /* 每条链接 */
        .reading a {
            display: block !important;
            clear: both;
            float: none;
            width: 100%;
            line-height: 30px !important;
            height: 30px !important;
            color: black;
            text-decoration: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .reading a:hover {
            color: red;
        }

        /* 底部"更多内容阅读" */
        .reading .reading-more {
            display: block;
            line-height: 30px;
            height: 30px;
            margin-top: 6px;
            text-align: right;
            font-weight: 600;
            color: #c8161d !important;
            border-top: 1px dashed #ddd;
            padding-top: 6px;
            flex-shrink: 0;                      /* ⭐ 不被压缩 */
        }
        .reading .reading-more:hover {
            color: red !important;
        }

         .studycontent{
            width: 285px;
            height: 185px;
            background-color: #dc2fa5;
            text-align: center;
            margin: 25px auto;
            border-radius: 15px;
        } 
/* 为3区的左边最下面的大图片 企业优化 */
        .Optimize{
            width: 285px;
            height: 481px;
            background-color: green;        
        }
/* -------以上为左三内容 */

        /* ============ 首页内嵌样式（从 index.html 挪过来的） ============ */

        .cutauto {
            width: 350px;
            height: 230px;
            margin: 0 auto;
            background: url(../images/cutautodi.webp);
            background-size: cover;
            overflow: hidden;
        }
        .cutauto::before,
        .cutauto::after {
            float: left;
            content: '';
            width: 50%;
            height: 230px;
            background-image: url(../images/cutautoup.webp);
            background-size: cover;
            transition: all 1s;
        }
        .cutauto::after { background-position: right 0; }
        .cutauto:hover::before { transform: translateX(-100%); }
        .cutauto:hover::after  { transform: translateX(100%); }

        .yinqianauto {
            width: 350px;
            height: 230px;
            margin: 0 auto;
            background: url(../images/yinqianautodi.webp);
            background-size: cover;
            overflow: hidden;
        }
        .yinqianauto::before,
        .yinqianauto::after {
            float: left;
            content: '';
            width: 50%;
            height: 230px;
            background-image: url(../images/yinqianautoup.webp);
            background-size: cover;
            transition: all 1s;
        }
        .yinqianauto::after { background-position: right 0; }
        .yinqianauto:hover::before { transform: translateX(-100%); }
        .yinqianauto:hover::after  { transform: translateX(100%); }

        /* 角标 */
        .sp-lock::after,
        .sp-free::after {
            display: none;
        }
        .sp-lock { position: relative; }
        .sp-free { position: relative; }

        /* 免费阅读链接独占一行 */
        #readingList a {
            display: block !important;
            width: 100%;
            line-height: 30px !important;
            height: 30px !important;
            color: #1a5ca8;
            text-decoration: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            clear: both;
            float: none;
        }
        #readingList a:hover {
            color: #c8161d;
        }


/* -------------以下为两图宣传------- */
        .studytu2{
            display: flex;
            margin: 100px auto 100px auto;
            justify-content: center;
            width: 1000px;
            gap: 150px;

        }


        .studytu2 img{
            width: 100%;        /* ⭐ 从内联挪过来，占满容器 */
            height: 300px;      /* 固定高度 */
            border-radius: 25px;
            object-fit: contain;   /* ⭐ 保持比例，不拉伸 */ 
        }


        
        .studytu22{
            position: relative;
            display: flex;
            width: 420px;
            height: 300px;
            justify-content: center;
            align-items: flex-end;
            overflow: hidden;        /* 圆角裁掉溢出 */
            border-radius: 25px;     /* 圆角放在外层 */
         }

     /* 设置黑白渐变图片前面 */
        .studytu22 .mask{
            position: absolute;
            inset: 0;              /* 铺满父容器 */
            /* width: 420px;
            height: 300px; */
            border-radius: 25px;    
            background-image: linear-gradient(
                transparent,
                rgba(0,0,0,.6)
            );
            opacity: 0;
            transition: all 1s;
        }
/* 设置黑白渐变图片后面代码 */
        .studytu22:hover .mask{
            opacity: 1;
        }

        .studytu22 h2{
            position: absolute;
            width: 155px;
            margin: 0 auto;
           line-height: 20px;
     
          
            color: #e4330b;
            transition: all 2s;
        }
        /* H2文字自动向上移动 */
        .studytu22 h2:hover{
            transform: translateY(-150px);
            /* transform: scale(1.3); */
        }

        .bottom{
            display: flex;
            width: 1000px;
            margin: 100px auto 0 auto;
            justify-content: center;
        }
         .bottom li {
            float: left;
            width: 200px;
            height:250px;
            text-align: center;
            line-height: 38px;
            transition: all 1s;
        }

        .bottom ul{
            display: flex;
            gap: 100px;     /* ----调整间隔距离---- */
        }

        .bottom img{
            width: 100%;
            border-radius: 15px;
        }
 

    /* 以下为更改为添加底部的免责声明代码 */
        .end{
            height: 5px;
            background-color: black;
            margin-top: 50px;
        }

        .end2 {
            width: 510px;
            margin: 0 auto;
            margin-bottom: 20px;
            margin-top: 10px;
        }