/*
@author: sunke
*/
@charset "utf-8";
[v-cloak] {
    display:none !important;
}

/* Scroll Reveal 初始状态 */
/*.scroll-reveal {*/
/*    opacity: 0;*/
/*    transform: translateY(20px);*/
/*    !*transition: opacity 0.9s ease-out, transform 0.6s ease-out;*!*/
/*    transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);*/
/*}*/

/* Scroll Reveal 激活状态 */
/*.scroll-reveal.revealed {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*}*/
body,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Microsoft Yahei,arial,STHeiTi,sans-serif;}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input,input:focus,select,textarea,button{outline:0;-webkit-user-modify:read-write-plaintext-only;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.abs{ position:absolute}
.pr{ position:relative;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

.headerBor{height: 1.067rem;background: #fff;padding: .18rem .4rem 0;   position: fixed;left: 0;right: 0;top: 0;z-index: 2;}
.headerBor .logo{    float: left;margin-right: 0.267rem}
.headerBor .logo img{width: 0.907rem;height: 0.907rem;}
.headerBor h1{ float: left;font-size: 0.48rem;color: #222;padding-top: 0.133rem}
.headerBor .download-app{ float: right;font-size: 0.373rem;color:#075bf8;padding-top: 0.133rem}

.container {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0.373rem 0.707rem 0 0.707rem;
    background: url("/images/zhuanti/kaodazi/bg1.png") no-repeat;
    background-size: 100% 100%;
    height: 17.72rem;
}
.container.pageType_5{
    background: url("/images/zhuanti/kaodazi/bg5.png") no-repeat;
    background-size: 100% 100%;
}
.container.pageType_4{
    background: url("/images/zhuanti/kaodazi/bg4.png") no-repeat;
    background-size: 100% 100%;
}

/* 顶部小字 */
.top-subtitle {
    font-size: 0.4rem;
    color: #657c99;
    font-weight: 400;
    text-align: center;
}
.big-titleIcon{
    width: 100%;
    height: 4.227rem;
    margin-top: 0.373rem;
}
.title2Icon{
    height: 0.96rem;
    margin-top: 0.133rem;
}
.vip-btn{
    font-size: 0.427rem;
    background: url("/images/zhuanti/kaodazi/vip-btn-icon.png") no-repeat;
    background-size: 100% 100%;
    height: 1.76rem;
    text-align: center;
    color: #ffffff;
    display: block;
    line-height: 1.227rem;
    position: absolute;
    bottom: 0;
    width: 8.027rem;
    left: 50%;
    margin-left: -4.013rem;
}
.animation-btn{
    animation: pulse 2s infinite;
}
.vip-btn em{
    font-size: 0.587rem;
    color: #fff952;
}

.content-container {
    width: 100%;
    height: 100%;
}

/* 顶部导航标签 */
.nav-tabs {
    display: flex;
    justify-content: center;
    padding: 0.36rem 0;
    background: #fff;
   
}

.tab {
    font-size: 0.373rem;
    font-weight: bold;
    position: relative;
    text-align: center;
    line-height: 0.8rem;
    background: url("/images/zhuanti/kaodazi/tab.png") no-repeat;
    height: 0.8rem;
    background-size: 100% 100%;
    width: 2.16rem;
    display: block;
}
.tab:not(:last-child){
    margin-right: 0.2rem;
}
.tab-hot::before {
    content: '';
    position: absolute;
    background: url("/images/zhuanti/kaodazi/hot.png") no-repeat;
    height: 0.307rem;
    width: 0.547rem;
    background-size: 100% 100%;
    left: 0.133rem;
    top: -0.107rem;
}
.tab.on { 
    background: url("/images/zhuanti/kaodazi/tab-select.png") no-repeat; !important;
    height: 0.8rem; 
    background-size: 100% 100%;
    width: 2.16rem;
    color: white; }


.xljw-mod{
    background: linear-gradient(to bottom, #ebfbff, #e3f5fd,  #ebfbff);
    padding: 0 0.387rem 0 0.387rem;
    z-index: 4;
    position: relative;
}
/* 标题区 */
.header-section {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
}
.main-title {
    font-size: 0.88rem;
    color: #0487f3;
    letter-spacing: 0.063rem;
}
.sub-title {
    font-size: 0.533rem;
    color: #000002;
    margin-top: 0.187rem;
    font-weight: bold;
}
.xljw-mod .header-section-txt{
    padding: 0.467rem 0 0.507rem 0;
    width: 100%;
}

/* 核心功能网格 */
.grid-container {
    background: #f5fcff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0.467rem 0.2rem;
    position: relative;
    border-radius: 0.587rem;
    border: 1px solid #fff;
    box-shadow: 0 0.12rem 0.787rem rgba(173,193,235,0.47);
    z-index: 1;
}

.card {
    border-radius: 12px;
    height: 140px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.part01{
    background: url("/images/zhuanti/kaodazi/tab1.png") no-repeat;
    height: 3.8rem;
    background-size: 100% 100%;
    min-width: 4.44rem;
}
.part02{
    background: url("/images/zhuanti/kaodazi/tab2.png") no-repeat;
    height: 3.8rem;
    background-size: 100% 100%;
    min-width: 4.44rem;
}

.part03{
    background: url("/images/zhuanti/kaodazi/tab3.png") no-repeat;
    height: 3.8rem;
    min-width: 4.44rem;
    background-size: 100% 100%;
}

.part04{
    background: url("/images/zhuanti/kaodazi/tab4.png") no-repeat;
    height: 3.8rem;
    min-width: 4.44rem;
    background-size: 100% 100%;
}

.card-title-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.card-icon {
    font-size: 40px;
    font-weight: 900;
    margin-right: 8px;
    filter: drop-shadow(2px 4px 2px rgba(0,0,0,0.1));
}

.card-label {
    font-size: 0.453rem;
    font-weight: bold;
    color: #080808;
    position: absolute;
    top: 0.533rem;
    right: 0.613rem;
}

.card-desc {
    font-size: 0.347rem;
    color: #000002;
    text-align: center;
    margin-top: 2.333rem;
    line-height: 0.44rem;
}

.kdsj-mod{
    background: linear-gradient(to bottom, #ebfbff, #e3f5fd, #ebfbff);
    padding: 0 0.387rem 0 0.387rem;
    position: relative;
    z-index: 3;
}
.header-tips{
    height: 3.147rem;
    width: 1.213rem;
    
}

.kdsj-mod .kdsj-content{
    padding-top: 0.533rem;
    margin-top: -3.12rem;
    z-index: 1;
    position: relative;
}
.kdsj-mod .part1{
    position: relative;
    background: url("/images/zhuanti/kaodazi/bk-bg1.png") no-repeat;
    background-size: 100% 100%; height: 12.44rem;
    padding-top: 0.667rem;
}
.kdsj-mod .part1.pageType_5{
    position: relative;
    background: url("/images/zhuanti/kaodazi/bk-bg5.png") no-repeat;
    background-size: 100% 100%;
}
.kdsj-mod .part1.pageType_4{
    position: relative;
    background: url("/images/zhuanti/kaodazi/bk-bg4.png") no-repeat;
    background-size: 100% 100%;
}

.kdsj-mod .part2{
    position: relative;background: url("/images/zhuanti/kaodazi/sj-mod-bg.png") no-repeat;
    background-size: 100% 100%; height: 10.96rem;

}
.kdsj-mod .part3{
    position: relative;background: url("/images/zhuanti/kaodazi/dt-bg1.png") no-repeat;
    background-size: 100% 100%; height: 9.333rem;
    margin-top: -1.28rem;
    z-index: 1;
    padding-top: 0.667rem;
}
.kdsj-mod .part3.pageType_5{
    position: relative;background: url("/images/zhuanti/kaodazi/dt-bg5.png") no-repeat;
    background-size: 100% 100%; 
}
.kdsj-mod .part3.pageType_4{
    position: relative;background: url("/images/zhuanti/kaodazi/dt-bg4.png") no-repeat;
    background-size: 100% 100%; 
}
.kdsj-mod .part1 .audio-mod{
    background: url("/images/zhuanti/kaodazi/audio-bg.png") no-repeat;
    background-size: 100% 100%; height: 4.373rem;
    margin-top: 1.627rem;
    opacity: 0;
    padding: 0 1.2rem;
}
.kdsj-mod .part1 .audio-mod h3{
    padding: 0.08rem 0.133rem;
    background-color: #e0e2e4;
    margin-top: 0.48rem;
    border-radius: 0.12rem;
    font-size: 0.333rem;
    color: #000200;
    display: inline-block;
}
.kdsj-mod .part1 .audio-mod p{
    display: -webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:2; 
    overflow: hidden;
    margin-top: 0.133rem;
    font-size: 0.28rem;
    color: #000002;
    line-height: 0.373rem;
}
.kdsj-mod .part2 .sjPic{
    width: 8.947rem;
    height: 6.6rem;
    display: block;
    position: absolute;
    bottom: 1.493rem;
    opacity: 0;
    transition: all 1s ease;
    left: 0;
}
.kdsj-mod .part2 .handPic{
    width: 3.027rem;
    height: 4.88rem;
    z-index: 1;
    position: absolute;
    bottom: -0.64rem;
    left: 1.44rem;
}
.kdsj-mod .part3 .bkPic{
    width: 8.92rem;
    height: 4.867rem;
    display: block;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: all 3s ease;
    left: 0;
}
.card-bg{
    background-color: #f5fcff;
    border-radius: 0.587rem;
    box-shadow: 0 0.12rem 0.787rem rgba(173,193,235,0.47);
}
.kdsj-text {
    padding: 0.533rem 0.56rem 0 1.467rem;
    position: relative;
    
}
.kdsj-text .title1{
    font-size: 0.48rem;
    color: #000002;
    font-weight: bold;
}
.kdsj-text .title2{
    font-size: 0.347rem;
    color: #818282;
    margin-top: 0.267rem;
    line-height: 0.533rem;
}

.numIcon{
    position: absolute;
    width: 0.88rem;
    height: 0.88rem;
    top: 0.18rem;
    left: 0.72rem;
}
.kdsj-part2{
    /*background-color: #f5fcff;*/
    /*border-radius: 0.587rem;*/
    /*box-shadow: 0 2px 11px #def0fb;*/
}

.kdsj-part3{
    /*background-color: #f5fcff;*/
    /*border-radius: 0.587rem;*/
    /*box-shadow: 0 2px 11px #def0fb;*/
}
.kdsj-part4{
    background-color: #f5fcff;
    border-radius: 0.587rem;
    box-shadow: 0 2px 11px #def0fb;
}
.zntk-mod{
    background: linear-gradient(to bottom, #ebfbff, #e3f5fd, #ebfbff);
    padding: 0 0.387rem 0 0.387rem;
    position: relative;
    z-index: 2;
}
.zntk-mod .part1{
    position: relative;background: url("/images/zhuanti/kaodazi/tk2-bg1.png") no-repeat;
    background-size: 100% 100%; height: 10.72rem;
    padding-top: 0.573rem;
}
.zntk-mod .part1.pageType_5{
    position: relative;background: url("/images/zhuanti/kaodazi/tk2-bg5.png") no-repeat;
    background-size: 100% 100%;
}
.zntk-mod .part1.pageType_4{
    position: relative;background: url("/images/zhuanti/kaodazi/tk2-bg4.png") no-repeat;
    background-size: 100% 100%;
}

.zntk-mod .part1 .todayTaskPic{
    width: 6.787rem;
    height: 4.32rem;
    display: block;
    position: absolute;
    top: 3.547rem;
    opacity: 0;
    transition: all 3s ease;
    left: 0;
}

.zntk-mod .part2{
    padding-top: 0.573rem;
    position: relative;
    margin-top: -2.293rem;
}

.zntk-mod .part2 .card-tab{
    margin-top: 0.44rem;
    padding: 0 0.4rem 1.16rem 0.4rem;
}
.zntk-mod .part2 .card-tab ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.253rem;
    padding-bottom: 0.373rem;
}
.zntk-mod .part2 .card-tab ul li.bg01 {
    background: url('/images/zhuanti/kaodazi/tk-01.png') no-repeat top #f6f8fb;
    background-size: 100% 100%;
}
.zntk-mod .part2 .card-tab ul li.bg02 {
    background: url('/images/zhuanti/kaodazi/tk-02.png') no-repeat top #f6f8fb;
    background-size: 100% 100%;
}
.zntk-mod .part2 .card-tab ul li.bg03 {
    background: url('/images/zhuanti/kaodazi/tk-03.png') no-repeat top #f6f8fb;
    background-size: 100% 100%;
}
.zntk-mod .part2 .card-tab ul li.bg04 {
    background: url('/images/zhuanti/kaodazi/tk-04.png') no-repeat top #f6f8fb;
    background-size: 100% 100%;
}
.zntk-mod .part2 .card-tab ul li {
    height: 2.827rem;
    padding: 0 0.44rem;
}
.zntk-mod .part2 .card-tab ul li h2{
    font-size: 0.427rem;
    color: #2151e2;
    margin-top: 0.467rem;
}
.zntk-mod .part2 .card-tab ul li p{
    font-size: 0.32rem;
    color: #000000;
    margin-top: 0.413rem;
    line-height: 0.52rem;
}
.zntk-mod .part3{
    position: relative;
    margin-top: -0.907rem;
    padding: 0.573rem 0 1.573rem 0;
}
.zntk-mod .part3 .video-mod{
    padding: 0 0.4rem 0;
}
.zntk-mod .part3 .videoPlayIcon{
    margin-top: 0.44rem;
}
.zntk-mod .part4{
    position: relative;
    margin-top: -0.88rem;
    background: url("/images/zhuanti/kaodazi/tk-bg2.png") no-repeat;
    background-size: 100% 100%; height: 8.013rem;
    padding-top: 0.573rem;
}
.zntk-mod .part4 .float-img-mod{
    /*position: absolute;*/
    /*bottom: 0.693rem;*/
    /*width: 100%;*/
}
.zntk-mod .part4 .float-img-mod .float-img-top{
   display: flex; 
   justify-content: center;
    margin-bottom: 0.213rem;
}
.zntk-mod .part4 .float-img-mod .reportPic{
    width: 3.24rem;
    height: 1.24rem;
    display: block;
    position: absolute;
    bottom: 3.493rem;
    opacity: 0;
    transition: all 1s ease;
    left: 0;
}
.zntk-mod .part4 .float-img-mod .pointPic{
    /*padding-top: 0.24rem;*/
    /*margin-left: 0.16rem;*/
    /*opacity: 0;*/
    /*transition: all 1s ease;*/
    width: 3.24rem;
    height: 1.24rem;
    display: block;
    position: absolute;
    opacity: 0;
    transition: all 3s ease;
    right: 0;
    bottom: 3.253rem;
}

.zntk-mod .part4 .float-img-mod .questionPic{
    position: absolute;
    bottom: 0.693rem;
    left: 0;
    display: block;
    opacity: 0;
    transition: all 3s ease;
}
.aifaq-mod{
    background: linear-gradient(to bottom, #ebfbff, #e3f5fd, #ebfbff);
    padding: 0 0.387rem 0 0.387rem;
    position: relative;
    z-index: 1;
}
.aifaq-mod .sub-title, .knowledge-mod .sub-title{
    font-size: 0.48rem;
}
.aifaq-mod .main-title, .knowledge-mod .main-title {
    font-size: 0.747rem;
}
.aifaq-mod .card-bg .ai-header{
    position: relative;
    height: 2.133rem;
    padding: 0 0.72rem;
}
.aifaq-mod .card-bg .ai-header .ai-intro{
    padding-right: 2.8rem;
    font-size: 0.347rem;
    color: #797979;
    line-height: 0.533rem;
    padding-top: 0.44rem;
}
.aifaq-mod .card-bg .teacherImg{
    width: 2.667rem;
    height: 2.667rem;
    position: absolute;
    right: 0.72rem;
    bottom: -0.16rem;
}
.aifaq-mod .card-bg .studyImg{
    height: 4.827rem;
}
.aifaq-mod .card-bg .studyImg.pageType_5{
    height: 5.013rem;
}
.aifaq-mod .card-bg .studyImg.pageType_4{
    height: 6.72rem;
}
.aifaq-mod .card-bg .question-hint{
    font-size: 0.347rem;
    color: #797979;
    padding: 0 0 0.32rem 0.733rem;
}
.aifaq-mod .card-bg .question-chips{
    white-space: nowrap;
    margin: 0 0.507rem;
    position: relative;
    display: flex;
    flex-shrink: 0;
    /*animation: seamless-scroll-left 20s linear infinite;*/
}
.aifaq-mod .card-bg .question-chips .chip{
    font-size: 0.373rem;
    color: #000002;
    border: 1PX solid #fefefe;
    padding: 0.2rem 0.36rem;
    background: #ffffff;
    border-radius: 0.4rem;
    display: inline-block;
    white-space: nowrap;
    margin-right: 0.133rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.knowledge-mod{
    background: linear-gradient(to bottom, #ebfbff, #e3f5fd, #ebfbff);
    padding: 0 0.387rem  0.853rem 0.387rem;
}
.knowledge-mod .part1{
    position: relative;
    background: url("/images/zhuanti/kaodazi/knowledge-bg.png") no-repeat;
    background-size: 100% 100%; height: 9.12rem;
    z-index: 1;
}
.knowledge-mod .part1 .top-txt{
    margin: 0 0 0 0.64rem;
    padding-top: 0.6rem;
}
.knowledge-mod .part1 .top-txt .title1{
    font-size: 0.347rem;
    color: #797979;
    line-height: 0.52rem;
}
.knowledge-mod .part1 .top-txt .title2{
    font-size: 0.373rem;
    color: #0484f2;
    line-height: 0.547rem;
    margin-top: 0.133rem;
}
.knowledge-mod .part1 h2{
    font-size: 0.4rem;
    color: #000002;
    margin-left: 0.933rem;
    margin-top: 0.587rem
}
.knowledge-mod .part1 .txt ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0.65rem 0 0 1.177rem ;
}
 .knowledge-mod .part1 .txt ul .title1{
     color: #ff3b43;
     font-size: 0.373rem;
 }
.knowledge-mod .part1 .txt ul .title2{
    color: #7e7e7e;
    font-size: 0.347rem;
    line-height: 0.48rem;
    margin-top: 0.267rem;
    width: 2.827rem;
    display: -webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:2; 
    overflow: hidden;
}
.knowledge-mod .part1 .txt ul li:last-child .title1{
    color: #000002;
}
.knowledge-mod .part1 .knowledge-btns{
    position: absolute;
    bottom: 0.89rem;
    width: 100%;
}
.knowledge-mod .part1 .knowledge-btns ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 0.467rem;
}
.knowledge-mod .part1 .knowledge-btns ul li{
    font-size: 0.4rem;
    color: #0284f5;
    text-align: center;
}
.knowledge-mod .part1 .knowledge-btns ul li:last-child{
    color: #000002 !important;
}

/* 中间连接箭头图标 */
.arrow-icon {
    position: absolute;
    width: 0.787rem;
    height: 0.787rem;
    z-index: 2;
}
.arrow-right { top: 25%; left: 46%; }
.arrow-down  { top: 45%; left: 71%; }
.arrow-left  { top: 70%; left: 46%;}
.arrow-up    { top: 45%; left: 22%; }


/* 动画效果 */
.container {
    /*animation: fadeInUp 1s ease-out;*/
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.tab-wrapper {
    width: 100%;
    transition: background-color 0.3s ease;
    z-index: 1000;
    padding-bottom: 0.293rem;
}

/* 吸顶状态下的样式 */
.tab-wrapper.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff; /* 吸顶时变白 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 解决点击锚点跳转被遮挡的问题 */
.section-module {
    scroll-margin-top: 1.2rem; /* 根据你 Tab 的高度调整 */
}

/* 确保 Tab 内部文字在白色背景下清晰 */
.tab-wrapper.fixed #tabList li {
    color: #333;
}
.tab-wrapper.fixed #tabList li.on {
    color: #007aff; /* 激活态颜色 */
}
.part01-container{
    border-top-left-radius: 0.727rem;
    border-top-right-radius: 0.727rem;
    padding: 0.747rem 0 1.76rem 0;
    background: #ffffff;
    margin-top: -0.56rem;
    z-index: 2;
    position: relative;
}
.title-h1-common{color: #022c5f;text-align: center;font-size: 0.88rem; }
.des-h1-common h2{color: #4699fb;text-align: center;font-size: 0.6rem}
.part01-container .circleImg{height: 6.32rem;margin: 0.92rem 0.3rem 0 0.3rem}

.part01-container {
    opacity: 0;
    transition: opacity 0.8s ease;
}

/* 当进入视口被加上 active 类时 */
.part01-container.active {
    opacity: 1;
}

.part02-container{
    border-top-left-radius: 0.727rem;
    border-top-right-radius: 0.727rem;
    padding: 0.747rem 0 1.36rem 0;
    margin-top: -0.533rem;
    z-index: 2;
    position: relative;
    background: linear-gradient(to bottom, #f3f6ff, #e3f5fc,#dbf8fc, #abf0f7);
}
.part02-container .part-img{margin-top: 0.57rem;}
.part02-container .part-img img{height: 8.467rem; margin-bottom: -0.3rem;}
.part03-container{
    border-top-left-radius: 0.727rem;
    border-top-right-radius: 0.727rem;
    padding: 0.8rem 0 1.46rem 0;
    margin-top: -0.533rem;
    z-index: 2;
    position: relative;
    background: #ffffff;
}
.part03-container .part-img{margin-top: 0.57rem;}
.part03-container .part-img img{height: 8.467rem; margin-bottom: -0.3rem;}
.part04-container{
    border-top-left-radius: 0.727rem;
    border-top-right-radius: 0.727rem;
    padding: 0.8rem 0 1.76rem 0;
    margin-top: -0.533rem;
    z-index: 2;
    position: relative;
    background: linear-gradient(to bottom, #f3f6ff, #e3f5fc,#dbf8fc, #abf0f7);
}
.part04-container .part-img{margin: 0.57rem 0.307rem 0 0.307rem;}
.part04-container .part-img img{height: 8.467rem; margin-bottom: -0.3rem;    width: 100%;}

.part05-container{
    border-radius: 0.533rem;
    padding: 0.8rem 0 0.76rem 0;
    margin-top: -0.533rem;
    z-index: 2;
    position: relative;
    background: #ffffff;
}
.part05-container .part-img{margin: 0.57rem 0.307rem 0 0.307rem;}
.part05-container .part-img img{height: 8.467rem; margin-bottom: -0.3rem;}


.header-mod{background: url("/mobile/images/zhuanti/shuatitong/bg.png") no-repeat;background-size: 100% 100%;width: 10rem;height: 16.72rem;  margin-top: -2.233rem;position: relative;}
.header-mod .part01{background: url("/mobile/images/zhuanti/shuatitong/pic01.png") no-repeat;background-size: 100% 100%;width: 9.413rem;height:6.173rem;margin: 1.827rem 0.3rem 0;position: absolute; }
.header-mod .part01 ul{display: flex;justify-content: center;margin-top: 3rem;}
.header-mod .part01 li{background: #fffadf;border-radius: .4rem;width: 2.667rem;height: 2.667rem;margin-right: 0.267rem;text-align: center;position: relative;}
.header-mod .part01 li:last-of-type{margin-right:0}
.header-mod .part01 li h2{font-size: 0.427rem;color: #ff183c;margin:0.493rem 0 0.2rem;font-weight: bold;}
.header-mod .part01 li p{font-size: 0.373rem;color: #47040f;}
.header-mod .part01 li i{background:url("/mobile/images/zhuanti/shuatitong/add-ico.png") no-repeat;background-size: 100% 100%;width:0.56rem;height:0.56rem;position: absolute;top: 50%;right: -0.4rem;z-index: 9;margin-top: -0.28rem; }
.header-mod .part02{margin: 8.23rem 0.3rem 0;position: absolute;}
.header-mod .part02 img{width: 9.387rem;height: 6.787rem}
.header-mod .part02 p{font-size: 0.293rem;color: #fff;margin-top: 0.32rem;}

/**内容*/
.main-container{background: #cdeeff;}
.main-container .tit-con{background: url("/mobile/images/zhuanti/shuatitong/tit-bg.png") no-repeat;background-size: 100% 100%;width: 10rem;height: 1.787rem;}
.main-container .tit-con ul{display: flex;justify-content: center;padding-top: 0.373rem;}
.main-container .tit-con ul li{background: #fff;width: 2.893rem;line-height: 0.867rem;font-size:0.373rem;border-radius: .4rem;text-align: center;}
.main-container .tit-con ul li.on{background: #075bf8;}
.main-container .tit-con ul li.on span{color: #fff;font-weight: bold;}
.main-container .tit-con ul li:not(:last-child) {margin-right: 0.24rem;}
.main-container .content-item{padding: 0 0.3rem 0.533rem;}
.main-container .content-item h1.first{padding-top: 0.4rem;}
.main-container .content-item h1{font-size: 0.427rem;margin: 0 0 0.44rem;display: flex;align-items: center;justify-content: space-between;}
.main-container .content-item h1:after{content: "";display: inline-block;background: url("/mobile/images/zhuanti/shuatitong/arrow-ico.png") no-repeat;background-size: 100% 100%;width: 1.067rem;height:0.36rem;}

/**多维题库**/
.tiku .item01{background: url("/mobile/images/zhuanti/shuatitong/tiku/pic01.png") no-repeat;background-size: 100% 100%;width: 9.387rem;height:10.787rem;}
.tiku .item01 p{font-size: 0.32rem;color: #666666;padding: 0.533rem 1.333rem 0.4rem;text-align: center;line-height: 0.533rem;}

.tiku .item02{background: url("/mobile/images/zhuanti/shuatitong/tiku/pic02.png") no-repeat;background-size: 100% 100%;width: 9.387rem;height:13.36rem;position: relative;}
.tiku .item02 h2{font-size: 0.373rem;color:#075bf8}
.tiku .item02 p{font-size: 0.32rem;color: #666666;line-height: 0.533rem;margin-top: 0.227rem;}
.tiku .item02 .chapter-mod{position: absolute;padding: 0.647rem 0.8rem 0 4.027rem; text-align: left;}
.tiku .item02 .question-type-mod{position: absolute; text-align: left;bottom:1.3rem;left: 0.667rem;right: 4.387rem;}

.tiku .item03{background: url("/mobile/images/zhuanti/shuatitong/tiku/pic03.png") no-repeat;background-size: 100% 100%;width: 9.387rem;height:8.587rem;}
.tiku .item03 h2{font-size: 0.373rem;padding: 1.013rem 0 0 4.107rem;}
.tiku .item03 ul{padding-left:4.107rem;margin-top: 0.2rem; }
.tiku .item03 ul li{font-size: 0.32rem;color: #666;line-height: 0.533rem;}
.tiku .item03 ul li:before{content: "";display: inline-block;background: url("/mobile/images/zhuanti/shuatitong/tiku/selected-ico.png") no-repeat;background-size: 100% 100%;width: 0.32rem;height:0.253rem;margin-right: 0.107rem;}

.tiku .item04{background: url("/mobile/images/zhuanti/shuatitong/tiku/pic04.png") no-repeat;background-size: 100% 100%;width: 9.387rem;height:11.267rem;}
.tiku .item04 .content-top-mod{display: flex;justify-content: space-between;padding: 0.4rem 0.52rem 0;}
.tiku .item04 h2{font-size: 0.373rem;color:#075bf8;}
.tiku .item04 p{font-size: 0.32rem;color: #666666;line-height:1.6;margin-top:0.2rem}
.tiku .item04 .content-bottom-mod{padding: 4.787rem 0.52rem 0;}


/**AI学习助手模块**/
.aiAssistant{background: url("/mobile/images/zhuanti/shuatitong/aiAssistant/bg.png") no-repeat;background-size: 100% 100%;width: 9.387rem;height:auto;padding-bottom: 0.48rem;}
.aiKnowledge{background: url("/mobile/images/zhuanti/shuatitong/aiAssistant/bg.png") no-repeat;background-size: 100% 100%;width: 9.387rem;height:auto;padding-bottom: 0.2rem;}
.aiAssistant .tabItem,.aiKnowledge .tabItem{padding: 0.507rem 0.667rem 0;}
.aiAssistant .tabItem h2,.aiKnowledge  h2{font-size: 0.373rem;color:#075bf8;position: relative;z-index: 1;}
.aiAssistant .tabItem.step01 h2:after,.aiKnowledge .tabItem.step01 h2:after{content: "";display: inline-block;background: url("/mobile/images/zhuanti/shuatitong/aiAssistant/tit-icon.png") no-repeat;background-size: 100% 100%;width: 1.747rem;height:0.213rem;position: absolute;bottom: -0.053rem;left: 0.533rem;z-index: -1}
.aiAssistant .tabItem p,.aiKnowledge .tabItem p{font-size: 0.32rem;color: #666666;line-height: 0.533rem;margin: 0.227rem 0 0.32rem;}
.aiAssistant .tabItem.step02 h2:after{content: "";display: inline-block;background: url("/mobile/images/zhuanti/shuatitong/aiAssistant/tit-icon.png") no-repeat;background-size: 100% 100%;width: 1.747rem;height:0.213rem;position: absolute;bottom: -0.053rem;left: 1.633rem;z-index: -1}
.aiAssistant .tabItem.step02 img{margin-left: 0.833rem;}
.aiAssistant .tabItem.step03 h2:after{content: "";display: inline-block;background: url("/mobile/images/zhuanti/shuatitong/aiAssistant/tit-icon.png") no-repeat;background-size: 100% 100%;width: 1.747rem;height:0.213rem;position: absolute;bottom: -0.053rem;left: 0.833rem;z-index: -1}
.aiAssistant .tabItem.step03 img{margin-left: 0.533rem;}

/** 学习知识库模块**/
.aiKnowledge .tabItem.step02 h2:after{content: "";display: inline-block;background: url("/mobile/images/zhuanti/shuatitong/aiAssistant/tit-icon.png") no-repeat;background-size: 100% 100%;width: 1.747rem;height:0.213rem;position: absolute;bottom: -0.053rem;left:0rem;z-index: -1}
.aiKnowledge .tabItem img{margin-left: 0.433rem;}


/**搜索*/
.search-container{background: #075af8;position: relative;padding-bottom: 0.533rem;margin-top: -0.4rem;}
.search-container h1{font-size: 0.48rem;padding: 0 0 0.533rem 0.4rem;color:#fff;}
.search-container .searchItem{height:1rem;line-height:1rem;border:1px solid #dddddd;margin:0 .4rem;background:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.search-container input{line-height:1rem;font-size:.35rem;border:none;width:91%;}
.search-container a img{width:0.373rem;height: 0.373rem;vertical-align: middle;margin: 0 0.2rem;}
.search-container .search-pop-list{background: url("/mobile/images/zhuanti/shuatitong/search-pop-bg.png") no-repeat;background-size: 100% 100%;width: 9.253rem;height: 2.72rem;z-index: 99;position: absolute;left: 0.4rem;margin-top: 0.133rem;overflow: hidden;overflow-y: auto;}
.search-container .search-pop-list li{font-size: 0.373rem;font-weight: 500;margin: 0.333rem 0 0.333rem 0.333rem;}
.search-container .search-res-list{background: #dbf3ff;max-height:3.6rem;margin: 0.267rem 0.4rem 0;border-radius: 0.267rem;padding: 0.32rem 0.48rem 0 0.933rem;overflow: hidden;overflow-y: auto;}
.search-container .search-res-list .course-edu-mod{display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.42rem}
.search-container .search-res-list .course-edu-mod h2{font-size: 0.427rem;}
.search-container .search-res-list .course-edu-mod .edu-num {background: #b8e7ff;border-radius:0.133rem; font-size: 0.32rem;min-width:1.533rem;color: #075bf8;padding: 3px 0;text-align: center;font-weight: bold;}
.search-container .search-res-list ul{position:relative;padding-left: 0.267rem;}
.search-container .search-res-list li{padding-bottom: 0.333rem;display: flex;justify-content: space-between;}
.search-container .search-res-list li h3{font-size:0.373rem;font-weight:normal;}
.search-container .search-res-list li span{min-width:1.533rem;background: #b8e7ff;border-radius:0.133rem;font-size: 0.32rem;color: #075bf8;padding: 3px 0;text-align: center;}
.search-container .search-res-list ul:before {content: '';position: absolute;left: 0;top: 0;height: 95%;border-left: 2px solid #a1dfff;}

.footer-choice-body{background: #ebfbff;position: fixed;width: 100%;left: 0;bottom: 0;z-index: 68;}

.footer-choice-body .choice-item {
    box-shadow: 0 -0.107rem 0.507rem 0 rgba(163, 224, 239, 0.67)
}
.footer-choice-body .choice-item .promo-countdown-bar{background: #ffedee;padding: 0.173rem 0.133rem;display: flex;
    justify-content: space-between;}
.footer-choice-body .choice-item .promo-countdown-bar span{color: #ff3b43; font-size: 0.32rem; font-weight: bold}
.footer-choice-body .choice-item .promo-countdown-bar span em{background: #fff;
    padding: 0.053rem 0.0733rem;
    margin: 0 0.053rem;   
    border-radius: 0.133rem;
    animation: pulse 1s infinite;
}
.footer-choice-body .choice-item .promo-countdown-bar span em.second {
    
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); text-shadow: 0 0 5px rgba(255, 77, 79, 0.5); }
    100% { transform: scale(1); }
}
.footer-choice-body .choice-item .card-container {
    /*display: flex;*/
    /*gap: 10px;*/
    /*padding: 0.4rem 0.267rem;*/
}
.footer-choice-body .choice-item .card-container .left-card {
    width: 50%;
    border-radius: 0.213rem;
    display: flex;
    flex-direction: column;
}
.footer-choice-body .choice-item .card-container .vip-item {
    display: flex;
    justify-content: space-between;
    background: #d3f8ff;
    align-items: center;
    padding: 0.16rem 0.293rem;border-radius: 0.133rem;
    font-weight: bold;
}
.footer-choice-body .choice-item .card-container .vip-item:last-child{margin-top: 0.173rem}
.footer-choice-body .choice-item .card-container .vip-name {
    font-size: 0.507rem;
    color: #022c5f;
}
.footer-choice-body .choice-item .card-container .price {
    color: #ff3b43;
    font-weight: bold
}

.footer-choice-body .choice-item .card-container .right-card::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -150%; /* 初始位置在卡片左侧外部 */
    width: 50%;
    height: 200%;
    background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.6) 50%,
            rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(30deg); /* 斜着划过 */
}

/* 4. 每隔3秒执行一次动画 */
.footer-choice-body .choice-item .card-container .right-card::before {
    animation: shimmer-sweep 3s infinite ease-in-out;
}

@keyframes shimmer-sweep {
    0% {
        left: -150%;
    }
    30% {
        left: 150%; /* 快速划过过程占动画时长的30% */
    }
    100% {
        left: 150%; /* 剩余70%的时间静止，等待下一次循环，实现“每隔3秒” */
    }
}
.footer-choice-body .choice-item .card-container img{
    position: absolute;
    width: 1.747rem;
    height: 0.427rem;
    top: -0.213rem;
    left: 0;
}

    /* 左上角红色标签 */
.footer-choice-body .choice-item .card-container .tag {
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #f5222d;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
}
/* 文字区域 */
.footer-choice-body .choice-item .card-container .svip-text {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0.44rem;
}
.footer-choice-body .choice-item .card-container .svip-title {
    font-size: 0.587rem;
    color: #022c5f;
    font-weight: bold;
    text-align: right;
}
.footer-choice-body .choice-item .card-container .svip-title em{
    color: #ff3b43;
    font-size: 0.653rem;
}

.footer-choice-body .choice-item .card-container .svip-price {
    color: #ff3b43;
    font-size: 0.693rem;
    font-weight: bold;
    text-align: right;
}


.footer-choice-body .choice-item ul li input[type="checkbox"] {position: absolute;opacity: 0;width: 0;height: 0;margin: 0;padding: 0;border: 0;pointer-events: none;}
.footer-choice-body .choice-item ul {display: flex;justify-content: space-between;align-items: center;padding: 0.267rem 0.4rem;}
.footer-choice-body .choice-item ul li {box-shadow: 0 0.12rem 0.213rem 0 rgba(173, 193, 235, 0.47);border:1PX solid #fbfdff; overflow: visible;padding-top: 0.3rem;text-align: center; width: 2.907rem;height: 1.333rem;background: #f5fcff;border-radius: 0.32rem;  display: inline-block; position: relative;}
.footer-choice-body .choice-item ul li.disabled{border: 2PX solid #e6a15c; }
.footer-choice-body .choice-item ul li h4{padding:0.1rem 0 0.107rem;font-size: 0.373rem;color: #414345}
.noBold{font-weight: 400 !important;}
.footer-choice-body .choice-item ul li.on {border:1PX solid #f33b43;}
.footer-choice-body .choice-item ul li p{color:#ff3b43;font-size: 0.373rem;font-weight: bold;}
.footer-choice-body .choice-item ul li p Strong{font-size: 0.507rem;font-weight: bold;}
.footer-choice-body .choice-item ul li.on i{background: url("/mobile/images/zhuanti/shuatitong/select-ico.png") no-repeat;background-size: 100% 100%;width: 0.533rem;height:0.533rem;    display: block;position: absolute;right: 0;bottom: 0;}
.vip-icon-tips1{background: url("/mobile/images/zhuanti/shuatitong/li-time.png") no-repeat;background-size: 100% 100%;min-width:2.107rem;padding:0 0.133rem;height:0.547rem;line-height:0.547rem; display: block;position: absolute;font-size: 0.32rem !important;color:#fff; left: -0.067rem;top: -0.3rem;z-index: 2;}
.card-mod{box-shadow: 0 -0.107rem 0.507rem 0 rgba(163, 224, 239, 0.67);height: 1.307rem;background: #ffffff ; display: flex;justify-content: space-between;align-items: center;color: #ff422a}
.card-mod span{font-size: 0.533rem;font-weight: bold; display: flex; align-items: baseline;}
.card-mod span em{font-size: 0.533rem;font-weight: bold;}
.card-mod span .price{font-size: 0.8rem;font-weight: bold;}
.card-mod .price-mod .txt{font-size: 0.32rem;font-weight: 400;color: #797979; margin-top: -0.133rem}
.card-mod .price-mod {margin-left: 0.1rem;    margin-top: -0.133rem;}


.card-mod .buy-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("/images/zhuanti/kaodazi/btn-icon.png") no-repeat;background-size: 100% 100%;width:4.413rem;height: 1.947rem
}
.card-mod .bugIcon{
    width: 0.827rem;
    height: 2.413rem;
}
.buyNow{
    color: #ffffff;
    left: 50%;
    margin-left: -0.667rem;
    margin-top: -0.053rem;
    font-size: 0.533rem;
    top: 50%;
    position: absolute;
    animation: breathing 2s infinite ease-in-out;
}

@keyframes shimmer {
0% { left: -60%; }
100% { left: 120%; }
}

@keyframes breathing {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}


/* 鼠标悬停增强效果 */
.footer-choice-body .card-mod a:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 72, 30, 0.4);
}

/* 点击效果 */
.footer-choice-body .card-mod a:active {
    transform: translateY(0);
}

/* 动态渐变动画 */
@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}





.noPacketTk{display: none; width: 8.547rem;height: 9.32rem; background:url("/mobile/images/zhuanti/shuatitong/no-paket-bg.png") no-repeat;background-size: 100% 100%; bottom: 25%; left: 50%;  position: fixed;  z-index: 99;margin-left: -4.26rem;padding-bottom: 0.533rem;}
.noPacketTk .tTxt{margin-top: 3.92rem;font-size: 0.48rem;font-weight: bold;text-align: center;}
.noPacketTk .discount-info{background: #fff;width: 6.64rem;height: 1.96rem;margin: 0.453rem auto 0.333rem;border-radius: 0.267rem;display: flex;align-items: center;}
.noPacketTk .discount-info .discount-price{background: #ff2525;width: 2.2rem;height: 1.96rem;color:#fff;margin-right:0.333rem;border-radius: 0.267rem;font-size: 0.667rem;    line-height: 1.96rem;text-align: center;font-weight: bold;font-family: PingFang SC;}
.noPacketTk .discount-info .discount-desc{line-height: 0.667rem;}
.noPacketTk .discount-info .discount-desc .tit{font-size: 0.373rem;}
.noPacketTk .discount-info .discount-desc .tips{font-size: 0.32rem;color: #999;}
.noPacketTk .countdown{font-size: 0.32rem;color: #ff2525;text-align: center;}
.noPacketTk .close{width: 0.973rem;height: 0.973rem; background:url("/mobile/images/zhuanti/shuatitong/close-btn.png") no-repeat;background-size: 100% 100%; position: absolute;    bottom: -1.333rem;left: 50%;margin-left: -0.48rem;}
.nowPayBtn{background: linear-gradient(to bottom,#ff4806,#ff4542);width: 6.013rem;line-height: 1.067rem;display: block;font-size: 0.427rem;color: #fff;text-align: center;border-radius: 0.8rem;font-weight: bold;margin: 0.32rem auto 0}

/* 最终数字特效 */
.final-effect {
    animation: finalEffect 0.5s ease-out;
    color: #FFEB3B !important;
}

@keyframes finalEffect {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

/* 数字滚动容器 */
.digit-container {
    display: inline-block;
    width: 0.8rem;
    height: 1.867rem;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

.digit-column {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transition: top 0.1s linear;
}

.rolling-digit {
    font-size: 1.333rem;
    width: 0.8rem;
    font-family: PingFang SC;
    font-weight: bold;
}

/* 价格滚动时的数字变化效果 */
.random-price .rolling-digit {
    display: inline-block;
    width: 0.8rem;
    text-align: center;
    transform: translateY(0);
    transition: transform 0.1s;
}

.footer_wrap{ padding: 0.4rem 0 1.2rem 0;height: 6rem}
.footer-copyright{ text-align: center; font-size: 0.293rem; color: #666; line-height: 0.72rem;}

/* 顶部红色提示栏 */
.promotion-banner {
    background-color: #ffedee;
    padding: 0.373rem 1.067rem 0.373rem 0.333rem;
    align-items: center;
    display: flex;
    overflow: hidden;
}
.promotion-icon{
    width: 0.4rem;
    height: 0.387rem;
}
.scroll-window{
    flex: 1;          /* 自动填满中间空间 */
    overflow: hidden; /* 核心：超出中间区域就隐藏 */
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 0.093rem;
}

.promotion-txt {
    color: #ff3b43;
    font-size: 0.32rem;
    text-align: left;
    white-space: nowrap;
    display: inline-block;
    width: 85%;
    padding-right: 0.533rem;
}
.marquee-content{
    display: flex;
    white-space: nowrap;
    /* 调整时间(10s)可控制速度：文字越短，时间应越短 */
    animation: marquee 10s linear infinite;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


/* 蓝色高亮选项 */
.blue-highlight {
    background: linear-gradient(to right, #66b7ff, #3366ff);
    color: white !important;
}

/* 浅色选项 */
.light-option,.options-container li,.tk-vip {
    background-color: #e1ebff;
    color: #5f7294;
}
input{
    position: absolute;left: -0.4rem; top: -0.4rem;
}

/* 红色标签 */
.red-tag {
    position: relative;
}

.tag-text {
    position: absolute;
    top: -10px;
    right: 0;
    background-color: #FF3B30;
    color: white;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 10px;
    z-index: 1;
}

/* 购买确认弹窗 */

.choice-mask {position: fixed;left: 0;top: 0;right: 0; bottom: 0; background: rgba(0,0,0,.6); z-index:300; display: none; cursor: pointer}
.choiceCoursesMod {position: fixed;left: 0; right: 0;  bottom: 0; background: #fff;z-index: 400;  display: none}
.choiceCoursesMod .choice-head {height: 1rem;  line-height: 1rem; margin: 0 .4rem;}
.choiceCoursesMod .choice-head strong {font-size: .4rem; display: none}
.choiceCoursesMod .choice-body { padding: .2rem 0 1px .8rem}
.choiceCoursesMod .major-mod{
    padding: 0 0.44rem;
    max-height: 400px;
    overflow: auto;
    padding-bottom: .2667rem;
}
/* 选择区域通用样式 */
.choiceCoursesMod .section {
    margin: .32rem 0;
}

.choiceCoursesMod .section-title {
    font-size: .4267rem;
    margin-bottom: .2133rem;
    font-weight: bold;
    color: #022c5f;
}


.choiceCoursesMod .options-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.273rem;
}

.choiceCoursesMod .options-container2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列等宽 */
    gap: 10px;
}
.choiceCoursesMod .label-btn {
    border-radius: 0.187rem;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-block;
    
}
.choiceCoursesMod .label-btn a{
    padding: .1333rem 0.3rem;
    display: inline-block;
}
.tk-vip a{
    padding: .1333rem 0 !important;
    display: block;
}

/* 蓝色高亮选项 */
.blue-highlight a {
    color: white !important;
}

/* 浅色选项 */
.light-option a{
    color: #5f7294;
}

.choiceCoursesMod .option-btn {
    border-radius: 0.187rem;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    /*padding: 0.233rem 0.9rem;*/
    position: relative;
}
.choiceCoursesMod .vip-icon-tips{
    background: url("/images/zhuanti/kaodazi/vip-tips2.png") no-repeat;
    background-size: 100% 100%;width: 1.573rem;
    height:0.387rem;
    line-height:0.387rem; 
    display: block;
    position: absolute;
    font-size: 0.267rem !important;
    color:#fff3af; 
    left: 0;
    top: -0.3rem;
    z-index: 2;
}
.select-con .options-container{
    display: none;
}
.select-con .options-container li{
    margin-bottom: .1333rem;
}
.select-con .options-container li a{
    padding: .1333rem 8px;
}
.tk-vip{
    /*padding: 0.233rem 0 !important;*/
    text-align: center;
}

.option-btn span{
    font-size: 0.347rem;
    text-align: center;
}
@keyframes fadeInUpSpring {
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1);}
}

@keyframes popUp {
    0% {
        opacity: 0;
        transform: scale(0.5) translateY(40px);
    }
    70% {
        transform: scale(1.1) translateY(-5px); /* 略微回弹效果 */
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.animate .todayTaskPic {
    opacity: 1 !important;
    transition: all 2s ease !important; 
    transition-delay: 0.2s !important;
    left: 50% !important;
    margin-left: -3.393rem;
}
.animate .pointPic{
    opacity: 1 !important;
    right: 1.627rem !important;
    transition: all 1s ease !important;
    transition-delay: 0.4s !important;
}
.animate .reportPic{
    opacity: 1 !important;
    transition: all 1s ease !important;
    transition-delay: 0.2s !important;
    left: 1.013rem !important;
}
.animate .questionPic{
    opacity: 1 !important;
    transition: all 1s ease !important;
    transition-delay: 0.6s !important;
    left: 50% !important;
    margin-left: -3.413rem;
}
.animate .bkPic{
    opacity: 1 !important;
    transition: all 1s ease !important;
    transition-delay: 0.6s !important;
}
.animate .sjPic{
    opacity: 1 !important;
    transition: all 1s ease !important;
    transition-delay: 0.6s !important;
    left: 50% !important;
    margin-left: -4.478rem !important;
}
.animate.audio-mod{
    opacity: 1 !important;
    transition: all 1s ease !important;
    transition-delay: 0.6s !important;
}


.danmaku-wrapper {
    width: 100%;
    overflow: hidden;
    padding-bottom: 0.267rem;
}

.danmaku-row {
    display: flex;
    user-select: none;
    margin-bottom: 0.267rem;
}

@keyframes seamless-scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.item2 {
    animation-duration: 25s; /* 速度略慢，产生错落感 */
}

.danmaku-row:hover .question-chips {
    animation-play-state: paused;
}


/* 旋转唱片图片 */
.album-art {
    width: 1.307rem;
    height: 1.307rem;
    border-radius: 50%;
    animation: rotate 5s linear infinite;
    animation-play-state: running; /* 默认暂停 */
}
.vectorPausePic{
    width: 1rem;
    height: 1rem;
    right: -0.32rem;
    position: absolute;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 按钮与进度条区域 */
.right-panel {
    flex: 1;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: white;
}

.play-btn {
    width: 35px;
    height: 35px;
    cursor: pointer;
    transition: transform 0.2s;
}

.play-btn:active { transform: scale(0.9); }

/* 进度条样式 */
.progress-container {
    display: flex;
    align-items: center;
    color: white;
    font-size: 0.24rem;
    margin-top: 0.373rem;
    justify-content: space-between;
    margin-right: 0.267rem;
}
.play-trigger{
    position: absolute;
    left: 55%;
    top: 55%;
}

.progress-bar {
    position: relative;
    border-radius: 0.067rem;
    cursor: pointer;
    width: 4.44rem;
    height: 0.173rem;
    background: #e8e8e8;
    left: 0.693rem;
    top: 0.450rem;
}

.progress-fill {
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, #a8d2f8, #44b1e7);
    border-radius: 0.08rem;
}
.prev-btn{
    width: 0.667rem;
    height: 0.667rem;
    position: absolute;
    left: 40%;
    top: 55%;
}
.next-btn{
    width: 0.667rem;
    height: 0.667rem;
    position: absolute;
    left: 68%;
    top: 55%;
}

.choiceCoursesMod .close{
    width: 1.24rem;
    height: 1.32rem;
    line-height: 132rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -0.08rem;
    background: url(/images/zhuanti/kaodazi/choice-close.png) no-repeat center center;
    background-size: .32rem .32rem;
}

/* Scroll Reveal */
.scroll-reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.scroll-reveal.delay-1 {
    transition-delay: 0.1s;
}

.scroll-reveal.delay-2 {
    transition-delay: 0.2s;
}

.scroll-reveal.delay-3 {
    transition-delay: 0.3s;
}

.scroll-reveal.delay-4 {
    transition-delay: 0.4s;
}

.scroll-reveal.delay-5 {
    transition-delay: 0.5s;
}

.scroll-reveal.delay-6 {
    transition-delay: 0.6s;
}

.scroll-reveal.delay-7 {
    transition-delay: 0.7s;
}

.price-tips {
    font-size: 0.32rem;
    color: #ff3b43;
    padding: 0 0 0.267rem  0.4rem;
}