/* @author: njf */
@charset "utf-8";
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% !important; -ms-text-size-adjust: 100% !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0 auto; padding: 0; background: #fff; color: #333; padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);}
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; }
/**/
.begin-mod { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url("/images/zhuanti/2025xuexibaogao/begin-bg.jpg") no-repeat center top #a5c2fd; background-size: 100% 100%; }
.begin-mod .ticket { width: 9.107rem; height: 16.04rem; bottom: -0rem; right: 0rem; }
.begin-mod .report-btn { width: 4.8rem; height: 1.1733rem; line-height: 1.1733rem; text-align: center; font-weight: bold; font-size: .4533rem; background: url("/images/zhuanti/2025xuexibaogao/begin-btn.png") no-repeat; background-size: 100%; left: 50%; margin-left: -2.4rem; bottom: 3.2rem; -webkit-animation: leftRight 1.5s infinite; -moz-animation: leftRight 1.5s infinite; animation: leftRight 1.5s infinite; z-index: 101; color: #fff; }
.begin-mod .report-btn.over-tags { background: url("/images/zhuanti/2025xuexibaogao/begin-btn-over.png") no-repeat; background-size: 100%; animation-play-state: paused; }
.begin-mod .agree-con { width: 100%; height: 0.507rem; line-height: 0.507rem; text-align: center; left: 0; bottom: 2rem; color: #fff; font-size: 0.32rem; }
.begin-mod .agree-con label { display: inline-block; }
.begin-mod .agree-con i { display: inline-block; width: 0.32rem; height: 0.32rem; border-radius: 50%; background: #fcf3e0; border: 0.013rem solid #d6d6d6; margin-right: 0.133rem; vertical-align: -0.04rem; }
.begin-mod .agree-con label.on i { background: url("/images/zhuanti/2025xuexibaogao/agree-on.png") no-repeat center; background-size: 100% auto; width: 0.32rem; height: 0.32rem; border: none; }
.begin-mod .agree-con .agreement-btn { color: #fff; text-decoration: underline; }
.begin-mod .fly { width: 1.147rem; top: 10.393rem; left: 5.793rem; -webkit-animation: circular 4s ease both .3s; animation: circular 4s ease both .3s; }
.agreement-pop, .drawRule-pop { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fff; z-index: 11; }
.agreement-pop .tit, .drawRule-pop .tit { width: 100%; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.48rem; }
.agreement-pop .tit .back-btn, .drawRule-pop .tit .back-btn { display: block; width: 1.067rem; height: 1.067rem; line-height: 0; font-size: 0; left: 0; top: 0; background: url("/images/zhuanti/2025xuexibaogao/back.png") no-repeat center; background-size: 0.28rem auto; }
.agreement-pop .con, .drawRule-pop .con { padding: 0.267rem 0.533rem; }
.agreement-pop .con p, .drawRule-pop .con p { font-size: 0.373rem; color: #666; line-height: 0.587rem; padding-bottom: 0.6rem; }
/**/
.report-mod { position: fixed; left: 11rem; top: 0; width: 100%; height: 100%; z-index: 9; }
.report-mod .swiper-slide, .report-mod .report { width: 100%; height: 100%; overflow: hidden; }
.report-mod .text { z-index: 19; display: none; }
.report-mod .report01 { background: url("/images/zhuanti/2025xuexibaogao/page01.jpg") no-repeat center top #b78fd8; background-size: 100% auto; }
.report-mod .report01 .bg01 { width: 5.7333rem; height: 6.44rem; right: 0; top: 5.2rem; }
.report-mod .report01 .username { color: #fefb6d; font-size: 0.48rem; font-weight: bold; }
.report-mod .report01 .text { top: 2.2133rem; left: 1.2rem; font-size: 0.373rem; color: #fff; }
.report-mod .report01 .myName { color: #fefb6d; font-size: 0.48rem; }
.report-mod .report01 .time { padding: 0.1rem 0; color: #fefb6d; font-size: 0.48rem; font-weight: bold; }
.report-mod .report01 .textWord { font-size: 0.4rem; line-height: 0.8rem; color: #fff; }
.report-mod .report01 .textWord b { font-size: 0.48rem; color: #fff; }
.report-mod .report02 { background: url("/images/zhuanti/2025xuexibaogao/page02.jpg") no-repeat center top #7c94c4; background-size: 100% auto; }
.report-mod .report02.on .bg01 { width: 5.2rem; left: 0; bottom: -0.48rem; -webkit-animation: fadeInLeft 3s ease both .3s; animation: fadeInLeft 3s ease both .3s; }
.report-mod .report02 .text { top: 2.2133rem; left: 1.2rem; font-size: 0.373rem; color: #333; line-height: 0.8rem; }
.report-mod .report02 .text .first { font-size: 0.48rem; font-weight: bold; }
.report-mod .report02 .text .first strong { color: #4c65dc; }
.report-mod .report02 .text .second strong { color: #333; font-size: 0.48rem; }
.report-mod .report03 { background: url("/images/zhuanti/2025xuexibaogao/page03.jpg") no-repeat center top #fdb3e4; background-size: 100% auto; }
.report-mod .report03 .bg01 { width: 3.987rem; left: 50%; margin-left: -2rem; top: 50%; margin-top: -3.5rem; }
.report-mod .report03 .bg02 { width: 10rem; height: 5.227rem; left: 0; bottom: 0.533rem; }
.report-mod .report03 .text { top: 2.2133rem; left: 1.2rem; color: #fff; line-height: 0.8rem; }
.report-mod .report03 .text .first strong { color: #fefb6d; }
.report-mod .report03 .text .second { font-size: 0.373rem; }
.report-mod .report03 .text .first { font-size: 0.48rem; font-weight: bold; }
.report-mod .report03 .text .second strong { font-size: 0.48rem; }
.report-mod .report04 { background: url("/images/zhuanti/2025xuexibaogao/page04.jpg") no-repeat center top #c4bde9; background-size: 100% auto; }
.report-mod .report04 .text { top: 2.2133rem; left: 1.2rem; color: #fff; line-height: 0.8rem; font-size: 0.373rem; }
.report-mod .report04 .text p.first { color: #fff; font-size: 0.48rem; font-weight: bold; }
.report-mod .report04 .text p.first strong { font-size: 0.48rem; color: #ffd800; }
.report-mod .report04 .text .second strong { font-size: 0.48rem; }
.report-mod .report05 { background: url("/images/zhuanti/2025xuexibaogao/page05.jpg") no-repeat center top #68a7f4; background-size: 100% auto; }
.report-mod .report05 .bg01 { width: 6.493rem; right: 0; top: 6.533rem; }
.report-mod .report05 .text { top: 1.933rem; left: 0.8rem; line-height: 0.8rem; color: #333; font-size: 0.373rem; }
.report-mod .report05 .text p.first { font-size: 0.48rem; font-weight: bold; }
.report-mod .report05 .text p.first span, .report-mod .report05 .text p.first span strong { color: #333; }
.report-mod .report05 .text p.first strong, .report-mod .report05 .text p.first i { color: #0047fd; }
.report-mod .report06 { background: url("/images/zhuanti/2025xuexibaogao/page06.jpg") no-repeat center top #536cfd; background-size: 100% auto; }
.report-mod .report06 .text { top: 2.2133rem; left: 1.2rem; font-size: 0.373rem; line-height: 0.8rem; color: #fff; }
.report-mod .report06 .text strong { font-size: 0.48rem; color: #fefb6d; }
.report-mod .report06 .text p.first { font-weight: bold; font-size: 0.48rem; }
.report-mod .report06 .bg01 { width: 4.6533rem; top: 5.6533rem; left: 5.36rem; }
.report-mod .report06 .text .second strong { font-size: 0.48rem; color: #fff; }
.report-mod .report07 { background: url("/images/zhuanti/2025xuexibaogao/page07.jpg") no-repeat center top #c09eff; background-size: 100% auto; }
.report-mod .report07 .bg01 { width: 2.7333rem; height: 2.4933rem; left: .9867rem; top: 7.1467rem; }
.report-mod .report07 .text { top: 2.2133rem; left: 1.2rem; line-height: 0.8rem; color: #333; font-size: 0.373rem; }
.report-mod .report07 .text p strong { color: #4c65dc; font-size: 0.48rem; }
.report-mod .report07 .text p span { font-weight: bold; font-size: 0.48rem; }
.report-mod .report08 { background: url("/images/zhuanti/2025xuexibaogao/page08.jpg") no-repeat center top #ecce60; background-size: 100% auto; }
.report-mod .report08 .text { top: 2.2133rem; left: 1.2rem; line-height: .64rem; color: #fff; font-size: 0.373rem;}
.report-mod .report08 .text strong { font-size: 0.48rem; color: #ff8b00; }
.report-mod .report08 .text p.first strong { color: #fefb6d }
.report-mod .report08 .text p.second strong { font-size: 0.48rem; color: #fff; }
.report-mod .report08 .text .stage02 { font-size: .4267rem; }
.report-mod .report08 .bg01 { width: 8.8rem; height: 8.5067rem; left: 50%; bottom: 4.67rem; margin-left: -4.4rem; }
.report-mod .report08 .bg02 { width: 10rem; height: 9.133rem; left: 0; bottom: 0; }
.report-mod .report09 { background: url("/images/zhuanti/2025xuexibaogao/page09.jpg") no-repeat center top #ffd5ce; background-size: 100% auto; }
.report-mod .report09 .bg01 { width: 9.88rem; right: 0.133rem; top: 0.4rem; }
.report-mod .report09 .text { top: 2.48rem; left: 1.2rem; color: #fff; line-height: 0.8rem; font-size: 0.373rem; }
.report-mod .report09 .text p.first { font-size: 0.48rem; font-weight: bold; }
.report-mod .report09 .text p.first strong.totalMoney { color: #ffd800; }
.report-mod .report09 .text p.second strong { font-size: 0.48rem; }
.report-mod .report10 { background: url("/images/zhuanti/2025xuexibaogao/page10.jpg") no-repeat center top #7084cd; background-size: 100% auto; }
.report-mod .report10 .bg01 { width: 10rem; left: 0.12rem; top: 8.297rem; }
.report-mod .report10 .text { top: 2.2133rem; left: 1.2rem; color: #333; line-height: 0.8rem; font-size: 0.373rem; }
.report-mod .report10 .text p { width: 5.4667rem; font-size: .48rem; color: #fff; line-height: .64rem; font-weight: 600; }
.report-mod .report10 .text strong, .report-mod .report10 .text em { font-size: 0.48rem; color: #e56d13; }
.report-mod .report10 .text span { font-size: 0.48rem; font-weight: bold; }
.report-mod .result-con { background-size: 100% auto !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.report-mod .result-con.on { background: url("/images/zhuanti/2025xuexibaogao/figure/1-1.png") no-repeat center top; background-size: 100% auto;}
.report-mod .result-con .name { line-height: 0.56rem; font-size: 0.4rem; left: 1.26rem; top: 2.0533rem; color: #333; display: flex; align-items: center; }
.report-mod .result-con .name img { width: .773rem; height: .773rem; border-radius: 50%; margin-right: .2667rem; }
.report-mod .result-con .name strong { font-weight: bold; }
.report-mod .result-con .refresh-btn { display: block; width: 3.24rem; padding-left: 0.667rem; height: 0.547rem; z-index: 10; left: 50%; margin-left: -1.4rem; color: #3c3c3c; font-size: 0.373rem; bottom: 2.08rem; background: url("/images/zhuanti/2025xuexibaogao/refresh-btn.png") no-repeat; background-size: 0.573rem 0.467rem; }
.report-mod .result-con .refresh-btn.on { background: url("/images/zhuanti/2025xuexibaogao/refresh-btn01.png") no-repeat; background-size: 0.573rem 0.467rem; color: #fff; }
.report-mod .result-con .btn-wrap { width: 100%; left: 0; bottom: 1.0667rem; text-align: center; font-size: 0; display: flex; align-items: center; justify-content: center; }
.report-mod .result-con .btn-wrap a { display: inline-block; position: relative; width: 3.3333rem; height: 1.0667rem; line-height: 1.0667rem; border-radius: .5333rem; box-shadow: 0 0.04rem 0.36rem rgba(199, 202, 215, 0.82); font-weight: bold; margin: 0 .5333rem; font-size: 0.4rem; color: #fff; background: #3467ff; }
.report-mod .result-con .btn-wrap .draw-btn-save { margin-left: 0; }
.report-mod .result-con .btn-wrap .luckyDraw-btn { animation: bigbig 3s infinite; -webkit-animation: bigbig 3s infinite; color: #fff; background: #ff3498; }
.report-mod .result-con .btn-wrap .draw-btn-save.no-tags { background: url("/images/zhuanti/2022xuexibaogao/shareHui.png") no-repeat; background-size: auto 100%; color: #fff; width: 4.133rem; height: 1.147rem; }
.report-mod .result-con .btn-wrap .draw-btn-save.draw-tags { animation: bigbig 3s infinite; -webkit-animation: bigbig 3s infinite; }
#audio_btn { display: none; position: fixed; width: 0.84rem; height: 0.893rem; top: 0.44rem; right: 0.493rem; z-index: 29; }
.report-mod .report01.on .bg01 { -webkit-animation: smallbig 4s ease infinite .3s; animation: smallbig 4s ease infinite .3s; }
.report-mod .report01.on .text { -webkit-animation: fadeOut 6s ease both 0.3s; animation: fadeOut 6s ease both 0.3s; display: block; }
.report-mod .report02.on .bg02 { -webkit-animation: bounce 5s infinite; animation: bounce 5s infinite; }
.report-mod .report02.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .report03.on .bg01 { opacity: 0; -webkit-animation: star02 6s ease .3s; animation: star02 6s ease .3s; }
.report-mod .report03.on .bg02 { -webkit-animation: arrowFlyrepeat04 4s ease infinite .3s; animation: arrowFlyrepeat04 4s ease infinite .3s; }
.report-mod .report03.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .report04.on .bg01 { -webkit-animation: arrowFlyrepeat04 4s ease infinite .3s; animation: arrowFlyrepeat04 4s ease infinite .3s; }
.report-mod .report04.on .bg02 { -webkit-animation: star 5s ease infinite .5s; animation: star 5s ease infinite .5s; }
.report-mod .report04.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .report05.on .bg01 { -webkit-animation: arrowFlyrepeat04 4s ease infinite .3s; animation: arrowFlyrepeat04 4s ease infinite .3s; }
.report-mod .report05.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .report06.on .bg01 { -webkit-animation: arrowFlyrepeat04 5s ease infinite .2s; animation: arrowFlyrepeat04 5s ease infinite .2s; }
.report-mod .report06.on .bg02 { top: 8.5867rem; left: .3333rem; width: 2.2667rem; -webkit-animation: arrowFlyrepeat04 4s ease infinite .2s; animation: arrowFlyrepeat04 4s ease infinite .2s; }
.report-mod .report06.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .report07.on .bg01 { -webkit-animation: fadeInLeft 3s ease both .3s; animation: fadeInLeft 3s ease both .3s; }
.report-mod .report07.on .img03 { top: 8.6667rem; left: 5.3333rem; }
.report-mod .report07.on .img05 { top: 9.0667rem; left: 5.8667rem; }
.report-mod .report07.on .img04 { top: 10.1333rem; left: 6.6667rem; }
.report-mod .report07.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .report08.on .bg01 { opacity: 1; -webkit-animation: fadeInUp 2.5s ease both 0.3s; animation: fadeInUp 2.5s ease both 0.3s; animation-iteration-count: 1; }
.report-mod .report08.on .bg02 { }
.report-mod .report08.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .report09.on .bg01 { -webkit-animation: arrowFly 8s ease infinite .3s; animation: arrowFly 8s ease infinite .3s; }
.report-mod .report09.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .report10.on .bg01 { -webkit-animation: fadeOutMoney 3.5s ease both .3s; animation: fadeOutMoney 3.5s ease both .3s; }
.report-mod .report10.on .bg02 { -webkit-animation: bigbig 3s infinite; animation: bigbig 3s infinite; }
.report-mod .report10.on .text { -webkit-animation: fadeOut 3.5s ease both .3s; animation: fadeOut 3.5s ease both .3s; display: block; }
.report-mod .next { display: block; width: 3.2rem; text-align: center; height: 1.0667rem; line-height: 0.773rem; font-size: .32rem; color: #fff; position: absolute; left: 50%; margin-left: -1.6rem; z-index: 9; bottom: 1.0667rem; -webkit-animation: arrowRight 2.2s linear infinite; animation: arrowRight 2.2s linear infinite; background: url("/images/zhuanti/2025xuexibaogao/next.png") no-repeat center bottom; background-size: .5067rem .4rem; }
.report-mod .next.swiper-button-disabled { display: none }
.left-code-msg { position: absolute; bottom: 20%; left: .2667rem; width: 2.24rem; height: 2.16rem; background: url(/images/zhuanti/2025xuexibaogao/left_bg.png) no-repeat; background-size: 100% 100%; -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; z-index: 99; display: none; }
.left-code-msg .fb_close { position: absolute; width: .4rem; height: .4rem; right: .1333rem; top: -0.2667rem; background: url(/images/zhuanti/2025xuexibaogao/left_close.png) no-repeat; background-size: 100% auto; }
.left-code-msg .go_line { position: absolute; width: 100%; height: 100%; top: .2667rem; }

/**/
.draw-mod{ position:fixed; display: none; left:0rem; top:0; width:100%; height:100%; background:url("/images/zhuanti/2025xuexibaogao/draw-wrap.jpg") no-repeat center top #ff3b57; background-size:100%;}
.draw-mod .draw-con{ height:8.667rem; margin-top:3.507rem; }
.draw-mod .draw-con .bg{ display:block; width:6.933rem; height:6.933rem; left:50%; margin-left:-3.467rem; top:50%; margin-top:-4.67rem; background:url("/images/zhuanti/2025xuexibaogao/draw-turn-ball.png") no-repeat; background-size:100%;}
.draw-mod .draw-con .bg.on{background:url("/images/zhuanti/2025xuexibaogao/draw-turn-ball.gif") no-repeat; background-size:100%;}
.draw-mod .userLuckDraw-swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:swing 1.2s infinite;animation:swing 1.2s infinite;}
.draw-mod .btn{ display:block; width:3.973rem; height:1.2rem; line-height:0; font-size:0; z-index: 5; position: relative; margin:-3.167rem auto 0;background:url("/images/zhuanti/2025xuexibaogao/draw-btn.png") no-repeat; background-size:100%; -webkit-animation:bigbig 5s infinite;-moz-animation:bigbig 5s infinite;animation:bigbig 5s infinite;}
.draw-mod .btn.on{background:url("/images/zhuanti/2025xuexibaogao/draw-btn-over.png") no-repeat; background-size:100%; animation: none;}
.draw-mod .rule-btn{ display:block; text-align:center; font-size:0.4rem; color:#ffe891; position: absolute; right:0.48rem; top: 1.32rem;}
.draw-mod .draw-bottom { text-align: center; position: absolute; left: 50%; bottom: 1.2rem; width: 7.867rem; margin-left: -3.933rem;}
.draw-mod .draw-bottom .myPrize-btn,.draw-mod .draw-bottom .share-btn{box-shadow: 0 0.04rem 0.36rem rgba(199,202,215,0.82); margin: 0 0.2rem; display: inline-block; border: 1px solid #fff; width: 3.24rem; height: 0.8rem; line-height: 0.8rem; text-align: center; border-radius: 0.4rem; font-weight: bold; font-size: 0.4rem; color: #ad540c;
    background:-webkit-linear-gradient(top,#fdc779,#fff5d1);
    background:-moz-linear-gradient(top,#fdc779,#fff5d1);
    background:-ms-linear-gradient(top,#fdc779,#fff5d1);
    background:linear-gradient(top,#fdc779,#fff5d1);
}
.draw-mod .draw-bottom .share-btn{ color: #fff;
    background:-webkit-linear-gradient(top,#ff3a00,#fecb4e);
    background:-moz-linear-gradient(top,#ff3a00,#fecb4e);
    background:-ms-linear-gradient(top,#ff3a00,#fecb4e);
    background:linear-gradient(top,#ff3a00,#fecb4e);
}
.draw-mod .draw-bottom .share-btn.on{color: #fff;pointer-events: none;
    background:-webkit-linear-gradient(top,#e1e1e1,#999);
    background:-moz-linear-gradient(top,#e1e1e1,#999);
    background:-ms-linear-gradient(top,#e1e1e1,#999);
    background:linear-gradient(top,#e1e1e1,#999);
}
.draw-mod .draw-bottom .share-btn.wx-btn{pointer-events: none;}

/**/
.weixinShare-pop { width: 8.68rem; height: 9.507rem; top: 0.4rem !important; margin-top: 0 !important; background: url("/images/zhuanti/2025xuexibaogao/weixin-tips.png") no-repeat; background-size: 100%; }
.weixinShare-pop .save-btn { display: block; width: 4rem; line-height: 1; font-size: 0.4rem; color: #fff; padding: 0.333rem 0; text-align: center; background: #eaa050; border-radius: 0.533rem; position: absolute; left: 2.267rem; bottom: -1.76rem }
/**/
.initLoad-page { background: url("/images/zhuanti/2025xuexibaogao/load.jpg") no-repeat #b0dcff center top; background-size: 100% auto; width: 10rem; height: 100%; position: fixed; left: 0; top: 0; }
.initLoad { --progress-width: 0%; width: 5.733rem; height: 0.3467rem; position: fixed; left: 50%; top: 50%; margin: 3.2rem 0 0 -2.86rem; }
.initLoad-page span { display: block; font-size: 0.347rem; color: #425674; text-align: center; position: absolute; left: 50%; margin-left: -1.8rem; top: 10.45rem; }
.initLoad p { text-align: center; position: absolute; left: 0; right: 0; top: 0.4rem; font-size: 0.32rem; color: #425674; line-height: 0.48rem; }
.initLoad i { width: 5.733rem; height: 0.3467rem; background: #fff; position: relative; border-radius: 0.3467rem; display: block; }
.initLoad i:after { content: ""; height: 0.3467rem; position: absolute; left: 0; top: 0; width: var(--progress-width); border-radius: 0.3467rem; background: #6085fd; transition: width 0.3s ease; /* -webkit-animation: load 1s ease-in; animation: load 1s ease-in; */ }
/**/
.page8voice { position: absolute; left: 0.6rem; bottom: 3.467rem; width: 8.933rem; }
.page8voice .teacherPic { width: 1.2rem; height: 1.2rem; border-radius: 50%; margin: 0.2rem 0.2rem 0 0; }
.page8voice .audioPlay { padding: 0.267rem 0.267rem 0 0.267rem; position: relative; }
.page8voice .audioPlay { font-size: 0.24rem; }
.page8voice .audioPlay .startNo img, .page8voice .audioPlay .start img, .page8voice .audioPlay .suspend img { width: 5.72rem; height: 1.08rem; }
.page8voice .audioPlay .start { display: none; }
.page8voice .audioPlay .start .bfIcon { left: 0.45rem; top: .2133rem; width: 0.6rem; height: 0.64rem; display: block; }
.page8voice .audioPlay .start, .page8voice .audioPlay .suspend { display: none; z-index: 12; }
.page8voice .change-btn { color: #fff; font-size: 0.4rem; display: inline-block; margin: 0.32rem 0 0 0.2rem; text-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.8); }
.page8voice p { color: #fff; font-size: 0.4rem; margin: 0.4rem 0 0 0.8rem; text-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.8); }
/**/
.dialogFixed { width: 100%; position: fixed; left: 0; top: 0; }
.mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .34); z-index: 800; cursor: pointer; display: none; }
.maskCourse { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .64); z-index: 851; cursor: pointer; display: none; }
.common-pop{width:7rem;margin-left:-3.5rem;position:fixed;left:50%;border-radius:0.18rem;top:50%;z-index:850;display:none;}
.common-pop .close-btn,.course-list .close-btn,.share-pop .close-btn{ display:block; width:0.533rem; height:0.533rem; line-height:0; font-size:0; position:absolute; right:0; top:0; background:url("/images/zhuanti/2025xuexibaogao/close.png") no-repeat; background-size:100%;}
.common-pop .pop-tit{ height:1.147rem; background:url("/images/zhuanti/2025xuexibaogao/box-top.png") no-repeat; background-size:100%; width: 5.16rem; margin: 0 auto;}
.common-pop .pop-tit .no-prize-word{ width: 6.133rem; height: 0.987rem; left: 0; bottom:-0.8rem;}
.common-pop .pop-tit .prize-word{ width:4.56rem; height:1.253rem; left: 50%; margin-left: -2.293rem; bottom:-1rem;}
.common-pop .pop-tit .editor-prize-word{ width:3.733rem; height:1.253rem; left: 50%; margin-left: -1.867rem; bottom:-1rem;}
.common-pop .pop-con{border-radius:0.867rem; border: 1px solid #fff;
    background:-webkit-linear-gradient(top,#ffeac9,#fffdf3);
    background:-moz-linear-gradient(top,#ffeac9,#fffdf3);
    background:-ms-linear-gradient(top,#ffeac9,#fffdf3);
    background:linear-gradient(top,#ffeac9,#fffdf3);
}
.common-pop.share-pop{margin-left:-4.26rem; width: 8.773rem;}
.common-pop.share-pop .pop-con{ background: none; border: none;border-radius: 0;}
.common-pop.share-pop .pop-con img {width: 100%;}
.share-pop .close-btn{ right: -0.4rem; top: -0.64rem;}
.common-pop.weixinShare-pop .close-btn{right:0.4rem; top:2.5rem;}
.common-pop.browser-pop .close-btn{right: -0.4rem; top: -0.4rem;}
.over-pop { text-align: center; height: 4.867rem; background: #fff; }
.over-pop h3 { line-height: 0.667rem; font-size: 0.467rem; color: #666; font-weight: bold; padding: 1.427rem 0 0.96rem; }
.over-pop .btn { display: block; width: 6.16rem; padding: 0.32rem 0; font-size: 0.427rem; color: #fff; line-height: 1; border-radius: 0.667rem; margin: 0 auto; background: #f8340b; background-image: -webkit-linear-gradient(top, #fc5a09, #f5140d); background-image: linear-gradient(top, #fc5a09, #f5140d); }
.share-pop { width: 7.4rem; margin-left: -3.7rem; }
.share-pop-tips, .share-pop-btn { display: none; width: 8.693rem; position: fixed; left: 50%; margin-left: -4.21rem; bottom: 0; z-index: 850; line-height: 1; font-size: 0.48rem; text-align: center; letter-spacing: 0.08rem; padding: 0.893rem 0; background: rgba(255, 255, 255, 0.5); border-radius: 0.16rem 0.16rem 0 0; }
.luckDraw-dialog-none .pop-con, .userChance-none .pop-con, .luckDraw-list .pop-con { padding-bottom: 0.72rem; }
.luckDraw-dialog-none .pop-con .prize, .userChance-none .pop-con .prize { display: block; width: 2.707rem; margin: 0.8rem auto 0.4rem; }
.luckDraw-dialog-none p, .userChance-none p { line-height: 0.747rem; text-align: center; font-size: 0.427rem; color: #787878; }
.luckDraw-dialog .pop-con { padding-bottom: 1.2rem; }
.luckDraw-dialog .prize{ display: block; width: 2.707rem; height: 2.707rem; margin: 1.333rem auto 0.267rem;}
.luckDraw-dialog .prize.draw212{ background:url("/images/zhuanti/2025xuexibaogao/draw212.png") no-repeat center; background-size:auto 2.707rem;}
.luckDraw-dialog .prize.draw213{ background:url("/images/zhuanti/2025xuexibaogao/draw213.png") no-repeat center; background-size:auto 2.707rem;}
.luckDraw-dialog .prize.draw214{ background:url("/images/zhuanti/2025xuexibaogao/draw214.png") no-repeat center; background-size:auto 2.707rem;}
.luckDraw-dialog .prize.draw215{ background:url("/images/zhuanti/2025xuexibaogao/draw215.png") no-repeat center; background-size:auto 2.707rem;}
.luckDraw-dialog p{text-align:center; font-size:0.4rem; color:#333;}
.luckDraw-dialog .prize-object .btn,.luckDraw-dialog .aI-course .btn,.course-list .btn,.luckDraw-dialog .aI-course .btn-course,.luckDraw-list .btn{ display: block; background:url("/images/zhuanti/2025xuexibaogao/write-btn.png") no-repeat; background-size:100%; font-size: 0; line-height: 500; overflow: hidden; width: 4.853rem; height:1.427rem; position: absolute; left: 50%; margin-left: -2.427rem; bottom:-0.8rem;}
.luckDraw-dialog .aI-course .btn, .course-list .btn, .luckDraw-dialog .aI-course .btn-course { background: url("/images/zhuanti/2025xuexibaogao/sure-btn.png") no-repeat; background-size: 100%; width: 4.853rem; height: 1.733rem; }
.luckDraw-dialog .aI-course { margin: 0 0.4rem; }
.luckDraw-dialog .aI-course h3 { font-size: 0.4rem; margin: 0.32rem 0; }
.luckDraw-dialog .aI-course ul li { width: 2.8rem; height: 0.72rem; float: left; text-align: center; line-height: 0.72rem; font-size: 0.373rem; background: #fff; border: 1px solid #ee683f; border-radius: 0.067rem; margin: 0 0.2rem 0.2rem 0; }
.luckDraw-dialog .aI-course ul li.on { background: #ee683f; color: #fff; }
.luckDraw-dialog .aI-course .selectCourse { display: none }
.luckDraw-dialog .aI-course .selectCourse span { display: block; font-size: 0.32rem; background: #ebebeb; height: 0.8rem; line-height: 0.8rem; border-radius: 0.067rem; width: 5.8rem; padding: 0 0.2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.luckDraw-list { width: 8rem; margin-left: -4rem; }
.luckDraw-list .pop-con ul { margin: 1.32rem .2667rem; }
.luckDraw-list .pop-con ul li { border-bottom: 1px dotted #c9c9c9; padding: 0.2rem 0; font-size: 0.373rem; display: flex; align-items: center; justify-content: space-between; }
.luckDraw-list .pop-con ul li p { width: 4.9067rem; /* 固定宽度（必填） */ white-space: nowrap; /* 禁止换行 */ overflow: hidden; /* 隐藏超出内容 */ text-overflow: ellipsis; /* 显示省略号 */ }
.luckDraw-list .pop-con ul li span { color: #999; font-size: 0.32rem; }
.luckDraw-list .modify-btn{ background:url("/images/zhuanti/2025xuexibaogao/modify-btn.png") no-repeat; background-size:100% 100%;}
.draw-mod .back { display: block; background: url("/images/zhuanti/2025xuexibaogao/back.png") no-repeat; background-size: 100%; font-size: 0; line-height: 500; overflow: hidden; width: 0.307rem; height: 0.533rem; left: 0.8rem; top: 0.8rem }
.weixinShare-pop { width: 8.68rem; height: 9.507rem; top: 0.4rem !important; margin-top: 0 !important; background: url("/images/zhuanti/2025xuexibaogao/weixin-tips.png") no-repeat; background-size: 100%; }
.weixinShare-pop .save-btn { display: block; width: 4rem; line-height: 1; font-size: 0.4rem; color: #fff; padding: 0.333rem 0; text-align: center; background: #eaa050; border-radius: 0.533rem; position: absolute; left: 2.267rem; bottom: -1.76rem }
.browser-pop { width: 5.04rem; height: 3.2rem; background: url("/images/zhuanti/2025xuexibaogao/isOther.png") no-repeat; background-size: 100% auto; margin-left: -2.267rem; }

/**/
.address-dialog .pop-con{ padding:0.8rem 0.4rem 0.72rem;}
.address-dialog .address-error{ height:0.773rem; line-height:0.773rem; text-align:center; color:#ff0000;}
.address-dialog .address-form{margin-bottom:0.2rem;}
.address-dialog .address-form li{padding:0.48rem 0 0.36rem;border-bottom:1px solid #ffdda3;}
.address-dialog .address-form li label{float:left;font-size:0.4rem;line-height:0.72rem;}
.address-dialog .address-form li .form-box{margin-left:2.12rem;}
.address-dialog .address-form li .form-box input,.address-form li .form-box textarea{width:100%;line-height:1;padding:0.12rem 0;border:0 none;font-size:0.4rem;color:#666; background:none;}
.address-dialog .address-form li .form-box textarea{height:1.2rem;line-height:0.6rem;padding:.12rem 0;overflow:hidden;overflow-y:auto;}
.address-dialog .address-form li .form-box input::-webkit-input-placeholder,.address-form li .form-box textarea::-webkit-input-placeholder{color:#ccc;}
.address-dialog .address-form li .form-area{position:relative;z-index:1;}
.address-dialog .address-form li .form-area:after{width:0.24rem;height:0.24rem;border-top:1px solid #666;border-right:1px solid #666;content:"";position:absolute;right:0;top:50%;margin-top:-0.12rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.areaSelect{max-height:3.2rem;position:absolute;left:0;top:100%;right:0;background:#fff;border:1px solid #ccc;overflow:hidden;overflow-y:auto;display:none;}
.areaSelect dd{height:0.6rem;line-height:0.6rem;padding:.12rem .2rem;font-size:0.36rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.areaSelect .noData{color:#ccc;text-align:center;}
.address-dialog .btn{ background:url("/images/zhuanti/2025xuexibaogao/save-btn.png") no-repeat; background-size:100%; font-size: 0; line-height: 500; overflow: hidden; width:4.853rem; height:1.733rem; position: absolute; left: 50%; margin-left: -2.24rem; bottom: -1rem;}
.address-dialog .btn.saveAddr-btn{display: block;}
.address-dialog .btn.modify-btn{display: none;background:url("/images/zhuanti/2025xuexibaogao/modify-btn.png") no-repeat; background-size:100%; }
.draw-mod .back{ display: block; background:url("/images/zhuanti/2025xuexibaogao/back.png") no-repeat; background-size:100%; font-size: 0; line-height: 500; overflow: hidden; width: 0.307rem; height:0.533rem; left: 0.8rem; top:0.8rem }
.address-dialog .cbox{ margin-top: 0.4rem;}
.address-dialog .cbox-list{ height: 0.667rem; clear: both; margin-bottom: 0.267rem;}
.address-dialog .cbox-list .ltxt,.cjTk .cbox-list .ltxt02{ width:1.75rem; line-height: 0.667rem; font-size: 0.32rem; padding-right: 0.133rem; text-align: right;}
.address-dialog .cbox-list .ltxt02{ width: 3rem;}
.address-dialog .cbox-list .inptxt{ width:3.46rem; padding: 0 0.267rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.32rem; border: 1px solid #fce2ba;}
.address-dialog .cbox-list .inptxt.min{ width:1.28rem; margin-right: 0.267rem;}
.address-dialog .cbox-list .inptxt-return{ display: none; width: 4.8rem; height: 0.667rem;  line-height: 0.667rem; font-size: 0.32rem;}
.address-dialog .cbox-list.mb0{ margin-bottom: 0;}
.address-dialog .bhan{ display: block; width: 5.067rem; height: 0.933rem; text-align: center; line-height: 0.933rem; font-size: 0.4rem; color: #fff; font-weight: 700; background: #f26208; border-radius: 0.467rem; margin: 0 auto 0.533rem; -webkit-box-shadow:0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); -moz-box-shadow:0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); box-shadow:0 0.04rem 0.08rem rgba(227, 4, 45, 0.65);}

/**/
.rules-pop { background: #fff; border-radius: .4267rem; box-sizing: border-box; font-size: .3733rem; }
.rules-pop h5 { height: 1.3333rem; text-align: center; line-height: 1.3333rem; border-radius: .4267rem .4267rem 0 0; background: #ff4e61; color: #fff; font-size: .5333rem; }
.rules-pop .con { padding: .4rem; }
.rules-pop .close-btn { width: .5333rem; height: .5333rem; background: url(/images/zhuanti/2025xuexibaogao/close02.png) no-repeat; background-size: 100% 100%; position: absolute; top: .4rem; right: .4rem; }
/*  */
.luckDraw-dialog-none { width: 8.1733rem; height: 8.6133rem; background: url(/images/zhuanti/2025xuexibaogao/no-prize-pic-bg.png) no-repeat; background-size: 100% 100%; margin-left: -4.08rem; }
.luckDraw-dialog-none .pop-con { background: none; border: 0; padding-top: 1.3333rem; text-align: center; }
.luckDraw-dialog-none .pop-con p { color: #ff1b14; font-size: .48rem; }
.luckDraw-dialog-none .pop-con img { width: 2.1867rem; margin-top: .8rem; }
.luckDraw-dialog-none .pop-con a { display: block; width: 4.6133rem; background: #ff4e61; height: 1.0667rem; line-height: 1.0667rem; border-radius: .5333rem; color: #fff; font-size: .3733rem; text-align: center; margin: .6667rem auto; }
/**/
.animated { -webkit-animation: bigbig 2s infinite; -moz-animation: bigbig 2s infinite; animation: bigbig 2s infinite; }
.animated02 { -webkit-animation: fadeInRight 1.2s ease both .3s; animation: fadeInRight 1.2s ease both .3s; }
@-webkit-keyframes load { 0% { width: 0%; } 100% { width: 70%; } }
@keyframes load { 0% { width: 0%; } 100% { width: 70%; } }
@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } 40%, 70% { -webkit-animation-timing-function: cubic-bezier(.755, .04, .855, .04); animation-timing-function: cubic-bezier(.755, .04, .855, .04) } 70% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } 90% { opacity: 0.9; -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) } }
@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } 40%, 70% { -webkit-animation-timing-function: cubic-bezier(.755, .04, .855, .04); animation-timing-function: cubic-bezier(.755, .04, .855, .04) } 70% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } 90% { opacity: 0.9; -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) } }
@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }
@-webkit-keyframes fly { 0% { opacity: 0; top: 10rem; left: 10rem; } to { opacity: 1; top: 10.393rem; left: 5.793rem; } }
@keyframes fly { 0% { opacity: 0; top: 10rem; left: 10rem; } to { opacity: 1; top: 10.393rem; left: 5.793rem; } }
.fly { -webkit-animation-name: fly; animation-name: fly; }
.rotate { -webkit-animation: rotating 4s linear infinite; animation: rotating 4s linear infinite }
@-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } }
@keyframes rotating { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }
@keyframes bigbig { 0% { transform: scale(1);} 25% { transform: scale(1.1);} 50% { transform: scale(1); } 75% { transform: scale(1.1); } }
@-webkit-keyframes bigbig{ 0% { transform: scale(1);} 25% { transform: scale(1.1);} 50% { transform: scale(1); } 75% { transform: scale(1.1); } }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { opacity: 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } }
@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes star { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } }
@keyframes star { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } }
@-webkit-keyframes star02 { from { opacity: 0; } to { opacity: 1; } }
@keyframes star02 { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes star03 { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } }
@keyframes star03 { from { opacity: 0 } 50% { opacity: 1; } to { opacity: 0; } }
@-webkit-keyframes circular { from { transform: translate(20%, -10px) rotate(0turn) translate(-20%, 10px) translate(20%, 20%) rotate(1turn) translate(-20%, -20%) } to { transform: translate(20%, -10px) rotate(1turn) translate(-20%, 10px) translate(20%, 20%) rotate(0turn) translate(-20%, -20%) } }
@keyframes circular { from { transform: translate(20%, -10px) rotate(0turn) translate(-20%, 10px) translate(20%, 20%) rotate(1turn) translate(-20%, -20%) } to { transform: translate(20%, -10px) rotate(1turn) translate(-20%, 10px) translate(20%, 20%) rotate(0turn) translate(-20%, -20%) } }
@-webkit-keyframes arrowRight { 0% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); } 50% { opacity: 1; -webkit-transform: translate3d(0, -20%, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); } }
@keyframes arrowRight { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(0, -20%, 0); } 100% { opacity: 0; transform: translate3d(0, 0, 0); } }
@-webkit-keyframes arrowFly { 0% { opacity: 0.5; -webkit-transform: translate3d(0%, 0, 0); } 50% { opacity: 0.8; -webkit-transform: translate3d(0, -10%, 0); } 100% { opacity: 0.5; -webkit-transform: translate3d(0, 0, 0); } }
@keyframes arrowFly { 0% { opacity: 0.5; transform: translate3d(0%, 0, 0); } 50% { opacity: 0.8; transform: translate3d(0, -10%, 0); } 100% { opacity: 0.5; transform: translate3d(0, 0, 0); } }
@-webkit-keyframes arrowFlyrepeat04 { 0% { -webkit-transform: translate3d(0%, 0, 0); } 50% { -webkit-transform: translate3d(0, -10%, 0); } 100% { opacity: 0.8; -webkit-transform: translate3d(0, 0, 0); } }
@keyframes arrowFlyrepeat04 { 0% { transform: translate3d(0%, 0, 0); } 50% { transform: translate3d(0, -10%, 0); } 100% { transform: translate3d(0, 0, 0); } }
@-webkit-keyframes arrowFlylight { 0% { opacity: 0.8; -webkit-transform: translate3d(0%, 0, 0); } 50% { opacity: 0.5; -webkit-transform: translate3d(0, -10%, 0); } 100% { opacity: 0.8; -webkit-transform: translate3d(0, 0, 0); } }
@keyframes arrowFlylight { 0% { opacity: 0.8; transform: translate3d(0%, 0, 0); } 50% { opacity: 0.5; transform: translate3d(0, -10%, 0); } 100% { opacity: 0.8; transform: translate3d(0, 0, 0); } }
@-webkit-keyframes fadeOutMoney { 0% { opacity: 0 } to { opacity: 1 } }
@keyframes fadeOutMoney { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 50%); transform: translate3d(0, 50%, 50%); } to { opacity: 1; /* -webkit-transform: none; transform: none;*/ -webkit-transform: translate3d(20%, 0, 20%); transform: translate3d(20%, 0, 20%); } }
.fadeOutMoney { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOut { 0% { opacity: 0 } to { opacity: 1 } }
@keyframes fadeOut { 0% { opacity: 0 } to { opacity: 1 } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
.rotate-mid { -webkit-animation: rotating 2s ease .3; animation: rotating 2s ease .3; }
@-webkit-keyframes rotating { from { opacity: 0.6; } to { opacity: 0; } }
@keyframes rotating { from { opacity: 0.6; } to { opacity: 0; } }
@keyframes moveticket { 0%, 65% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 75% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 80% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 85% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 90% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 95% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
#target_dom01 { width: 2.7067rem; height: 1.7733rem; background: url("/images/zhuanti/2025xuexibaogao/page10_grey.png") no-repeat center top; background-size: 100% 100%; position: absolute; top: 7.9467rem; left: 2.8rem; z-index: 1; }
#target_dom { width: 2.7067rem; height: 1.7733rem; background: url("/images/zhuanti/2025xuexibaogao/page10_grey01.png") no-repeat center top; background-size: 100% 100%; position: absolute; transform: translate(0, 0); top: 5.3333rem; left: 8rem; z-index: 2; }
.input_cs { position: absolute; bottom: 2.6667rem; width: 8rem; left: 50%; margin-left: -4rem; z-index: 3; }
.input_cs p { height: 1.12rem; width: 7.1467rem; background: url("/images/zhuanti/2025xuexibaogao/page10_txt.png") no-repeat center top; background-size: 100% 100%; margin: 0 auto; }
.input_cs p i { color: #ff3498; }
.input_cs input { width: 8rem; height: 1.3333rem; border-radius: .2667rem; background: #fff; border: .0133rem solid #aa70ee; padding: 0 .4rem; box-sizing: border-box; margin-top: .2667rem; }
.input_cs .input_com { width: 4rem; height: 1.0667rem; text-align: center; line-height: 1.0667rem; border-radius: .5333rem; background: #ff3498; color: #fff; font-size: .4rem; margin: 0 auto; margin-top: .2667rem; }
.commentBottom2025-nav { position: fixed; width: 100%; height: auto; border-top: 1px solid #f0f0f0; left: 0; bottom: 0; background: #fff; z-index: 96; display: flex; align-items: center; padding: .2667rem .4rem .5333rem .4rem; box-sizing: border-box; display: none; }
.comment_con_input { width: 8rem; height: 1.3333rem; border-radius: .2667rem; background: #fff; border: .0133rem solid #aa70ee; padding: 0 .4rem; box-sizing: border-box; margin-top: .2667rem; line-height: 1.3333rem; font-size: .3733rem; }
.comment_con_input_ping { width: 9.2rem; height: auto; padding: .2133rem 0; line-height: .5333rem; background: #F3F3F5; border-radius: .48rem; color: #333; padding-left: .4rem; box-sizing: border-box; -webkit-user-select: text; display: block; font-size: .3733rem; }
.comment_con_input:empty::before, .comment_con_input_ping:empty::before { content: attr(data-placeholder); color: #999999; }
#editableBox:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1); -webkit-tap-highlight-color: transparent; }
/* 流星start */
/* 流星容器（绝对定位） */
/* 星星样式（可选，增强氛围） */
.star { position: absolute; background: #fff; border-radius: 50%; animation: twinkle 2s infinite alternate; }
@keyframes twinkle { from { opacity: 0.3; } to { opacity: 1; } }
/* 流星容器 */
.line { position: absolute; width: 1.6rem; height: .0533rem; border-radius: .0533rem; background-image: linear-gradient(to right, var(--color), #fff, transparent); animation: down 3s linear infinite both; animation-delay: calc(var(--d) * 0.3s); }
.line::before, .line::after { position: absolute; content: ""; width: inherit; height: inherit; background-image: inherit; }
.line::before { filter: blur(2px); }
.line::after { filter: blur(10px); }
@keyframes down { 0% { transform: translateY(calc(var(--z) * 60px)) translateZ(calc(var(--z) * 100px)) rotate(-45deg) translateX(calc(var(--x) * 100px)); } 100% { transform: translateY(calc(var(--z) * 60px)) translateZ(calc(var(--z) * 100px)) rotate(-45deg) translateX(calc(var(--x) * -100px)); } }
/* 流星 end*/
/* 流星2 start */
.star { display: block; width: 5px; height: 5px; border-radius: 50%; background: #FFF; top: -0.2667rem; left: 2.6667rem; position: relative; transform-origin: 100% 0; animation: star-ani 4s linear infinite; -webkit-animation: star-ani 5s linear infinite; box-shadow: 0 0 5px 5px rgba(255, 255, 255, .3); opacity: 0; z-index: 2; }
.star:after { content: ''; display: block; top: 0px; left: 4px; border: 0px solid #fff; border-width: 0px 90px 2px 90px; border-color: transparent transparent transparent rgba(255, 255, 255, .3); transform: rotate(-45deg) translate3d(1px, 3px, 0); box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1); transform-origin: 0% 100%; }
.pink { top: .1333rem; left: 5.3333rem; background: #fff; animation-delay: 3s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; }
.pink:after { border-color: transparent transparent transparent #fff; animation-delay: 3s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; }
.blue { top: 0rem; left: 8rem; background: fff; animation-delay: 7s; -webkit-animation-delay: 7s; -moz-animation-delay: 7s; }
.blue:after { border-color: transparent transparent transparent fff; -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s; }
/* 星星3 */
.img01 { width: .2667rem; height: .2667rem; opacity: 0; position: absolute; left: 5.3333rem; top: 5.3333rem; animation: myStar 2.5s ease-in-out infinite; }
.img02 { width: .2667rem; height: .2667rem; opacity: 0; position: absolute; left: 2.1333rem; top: 4rem; animation: myStar 3.5s ease-in-out infinite; }
.img03 { width: .2667rem; height: .2667rem; opacity: 0; position: absolute; left: .8rem; top: .5333rem; animation: myStar 2s ease-in-out infinite; }
.img04 { width: .2133rem; height: .2133rem; opacity: 0; position: absolute; left: 2.1333rem; top: 1.6rem; animation: myStar 3s ease-in-out infinite; }
.img05 { width: .4267rem; height: .4267rem; opacity: 0; position: absolute; right: 1.6rem; top: 2.6667rem; animation: myStar 4s ease-in-out infinite; }
.img05 { width: .4267rem; height: .4267rem; opacity: 0; position: absolute; right: 1.6rem; top: 2.6667rem; animation: myStar 4s ease-in-out infinite; }
.img07 { width: .5333rem; height: .5333rem; opacity: 0; position: absolute; left: 1.6rem; top: 5.8667rem; animation: myStar 4s ease-in-out infinite; }
.img08 { width: .4267rem; height: .4267rem; opacity: 0; position: absolute; left: 2.1333rem; top: 6.4533rem; animation: myStar 4s ease-in-out infinite; }
.img09 { width: .5867rem; height: .6133rem; opacity: 0; position: absolute; right: 1.6rem; top: 4.2933rem; animation: myStar 4s ease-in-out infinite; }
@keyframes myStar { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }
@keyframes star-ani { 0% { opacity: 0; transform: scale(0) translate3d(0, 0, 0); } 20% { opacity: 0.8; transform: scale(0.2) translate3d(-100px, 100px, 0); } 40% { opacity: 0.8; transform: scale(0.4) translate3d(-200px, 200px, 0); } 60% { opacity: 0.8; transform: scale(0.6) translate3d(-300px, 300px, 0); } 80% { opacity: 1; transform: scale(1) translate3d(-350px, 350px, 0); } 100% { opacity: 1; transform: scale(1.2) translate3d(-400px, 380px, 0); } }
/* 流星2 end */
@-webkit-keyframes moveticket { 0%, 65% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 75% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 80% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 85% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 90% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 95% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes leftRight { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-transform: translate3d(-15px, 0px, 0); transform: translate3d(-15px, 0, 0) } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform: translate3d(-15px, 0px, 0); transform: translate3d(-15px, 0px, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } }
@-webkit-keyframes leftRight { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-transform: translate3d(-15px, 0px, 0); transform: translate3d(-15px, 0, 0) } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform: translate3d(-15px, 0px, 0); transform: translate3d(-15px, 0px, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } }
@-moz-keyframes leftRight { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-transform: translate3d(-15px, 0px, 0); transform: translate3d(-15px, 0, 0) } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform: translate3d(-15px, 0px, 0); transform: translate3d(-15px, 0px, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } }
@keyframes smallbig { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }