a {text-decoration: none; }
*{box-sizing: border-box;}
.flbt{display: flex;justify-content: space-between;}
.flst{display: flex;justify-content: flex-start;}
.flw{flex-wrap: wrap;}
section{padding: 40px 0;}
section h2{text-align: center;margin:0px auto 40px;}
.mt1200{width: 1200px;margin: 0 auto;}
.mt1100{width: 1100px;margin: 0 auto;}
.flad{display: flex;justify-content: space-around;}
.ss1 ul li,.zero,.ss2 ul li,div.price a{
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}
.ss1 ul li:hover,.zero:hover,div.price a:hover{
    transform: translate(0, -4px);
    -webkit-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
}
.ss2 ul li:hover{
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
}
.ban {
    width: 100%;
    height: 632px;
    background: url(https://xuezhifu-resource.oss-cn-hangzhou.aliyuncs.com/net/27shuangshi/01.png) no-repeat center center;
    text-align: center;
    display:block;
}

.ss1{padding:50px 0;background: #FAF9FA; }
.zero{display: block;margin: 30px auto 0;text-align: center;width: 380px;height: 66px;line-height: 66px;border-radius: 40px;background: linear-gradient(90deg, #F37D92, #EF6083);color: #fff;font-size: 24px; box-shadow: 0px 5px 10px 0px rgba(244,157,178, 0.5);}
.ss1 ul li{width: 310px;text-align: center;font-size: 20px;}
.ss1 ul li p {margin-top: 10px;}
.ss1 ul li p span{line-height: 34px;}
.font-red{color: #EC5176;}

.ss2{width: 100%;
    height: 760px;
    background: url(https://xuezhifu-resource.oss-cn-hangzhou.aliyuncs.com/net/27shuangshi/bg.png) no-repeat center center;
    text-align: center;
    display:block;}
.ss2 ul li{width: 290px;text-align: center;height: 400px;border-radius: 20px;background: #fff;margin-top: 20px;padding-top: 40px;}
.ss2 ul li p{font-size: 22px;margin: 20px auto 16px;font-weight: bold;}
.peper{color: #7C5EFF;font-weight: bold;}
.xian{display: block;height: 4px;width: 70px;background: #CCBEFF;margin: 0 auto 16px;}
.jieshi{font-size: 16px;line-height:28px;}
.liaojie{display: block;margin: 40px auto 0;width: 160px;height: 40px;line-height: 40px;text-align: center;border-radius: 30px;background: #F2EEFF;color: #8468FF;font-size: 16px;}


.ss3 ul li{width: 140px;text-align: center;color: #fff;}
.ss3 ul li h3{width: 115px;height: 43px;line-height: 43px;font-size: 20px;margin: 0 auto 20px;font-weight: bold;background: url(https://xuezhifu-resource.oss-cn-hangzhou.aliyuncs.com/net/27shuangshi/4-3.png) no-repeat center center;}
.jtbox{border-radius: 10px;padding: 15px 13px;font-size: 16px;line-height: 26px;}
.ss3 ul li:nth-child(1) .jtbox{background: #CFC4FF;}
.ss3 ul li:nth-child(2) .jtbox{background: #BFB1FF;}
.ss3 ul li:nth-child(3) .jtbox{background: #AF9DFF;height: 130px;}
.ss3 ul li:nth-child(4) .jtbox{background: linear-gradient(180deg, #A18BFF, #C0B2FF);height: 150px;}
.ss3 ul li:nth-child(5) .jtbox{background: linear-gradient(180deg, #9178FF, #BBACFF);height: 170px;}
.ss3 ul li:nth-child(6) .jtbox{background: linear-gradient(180deg, #8063FF, #AF9CFF);height: 190px;}
.ss3 ul li:nth-child(7) .jtbox{background: linear-gradient(180deg, #6F4EFF, #AE9BFF);height: 210px;}
.ss3 ul li:nth-child(8) .jtbox{background: linear-gradient(180deg, #5F3BFF, #B4A3FF);height: 230px;}
.popr{position: relative;height: 460px;padding-top: 160px;}
.ren{position: absolute;top: 20px;left: 120px;}
.jiantou{position: absolute;top: 40px;left: 40px;}

.ss4{background: #FBF4FF;}
/* 外层容器：弹性布局 + 两端对齐 */
.image-container {
    display: flex;
    flex-wrap: wrap; /* 允许多行排列 */
    justify-content: space-around; /* 两端对齐 */
    align-items: flex-end; /* 底部对齐 */

}
.img-box{width: 350px;height: 264px;overflow: hidden;border-radius: 10px;cursor: pointer;}
/* 单个图片容器：弹性布局 + 文字对齐 */
.image-item {
display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;
}
/* 图片样式：默认大小 + 鼠标悬停放大 */
.image-item img {
    width: 100%; /* 图片自适应容器宽度 */
    height: auto; /* 保持图片比例 */
    transition: transform 0.3s ease; /* 放大动画（0.3秒渐变） */
}
.image-item .img-box:hover img { /* 鼠标悬停时放大 */
    transform: scale(1.1); /* 放大1.1倍 */
}
/* 文字样式：橙色背景 + 白色文字 */
.image-item p {
    background: linear-gradient(180deg, #FF7726, #FFA85E);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    width: 40px;
    height: 200px;
    border-radius: 0 10px 10px 0;
    padding: 15px 12px 0;
}
.ss5{
    background:linear-gradient(180deg, #6C4BFA, #8C6FFF);
}
.ss5 ul{position: relative;}
.ss5 ul li{text-align: center;width: 150px;}
.ss5 ul li h3{height: 43px;width: 120px;
    background: url(https://xuezhifu-resource.oss-cn-hangzhou.aliyuncs.com/net/27shuangshi/6-1.png) no-repeat center center;
    text-align: center;line-height: 36px;color: #fff;font-size: 18px;margin: 10px 0 10px 13px;
    background-size: 100% 100%;
    display: block;}
.zhishi{position: absolute;width: 954px;height: 243px;top: 152px;left: 184px;z-index: 0;}

.ss5 ul li p{color: #7B5DFF;font-size: 20px;margin: 20px auto 10px;font-weight: bold;}
.ss5 ul li span{font-size: 16px;}

.chongci7 p{font-size: 18px;text-align: center;margin-bottom: 20px;}
.c5tab .topt span{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;margin-left: 5px;margin-right: 5px;font-size: 18px;
    color: #6E4DFA;cursor: pointer;background: #EDE7F2;}
.c5tab .topt span.on {color: #fff;background: #6E4DFA;border: none;}
.bodt {margin: 40px auto;}
.bodt > div {display: none;}
.bodt > div.active {display: block;background: #fff;padding: 10px;}
.bodt .books {display: block;text-align:center;}
.c5tab .topt {width: 710px;margin: 0 auto;}