/*
@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: 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 #845cff;
    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("//m.chinaacc.com/images/zhuanti/2021xuexibaogao/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("//m.chinaacc.com/images/zhuanti/2021xuexibaogao/back-btn.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 {
    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 .text p{font-size:0.533rem;line-height:0.853rem;color: #fff;}
.report-mod .text strong{ color:#ffa800; padding:0 0.053rem;}*/
.report-mod .report01 {
    background: url("/images/zhuanti/2025xuexibaogao/page01.jpg?v=2") no-repeat center top #ff6f25;
    background-size: 100%;
}

.report-mod .report01 .bg01 {
    width: 5.7333rem;
    height: 6.44rem;
    right: 0;
    bottom: 6rem;
}
.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?v=1") no-repeat center top #fec85b;
    background-size: 100% 100%;
}
.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 #0f1d31;
    background-size: 100%;
}

.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 #5ca4dd;
    background-size: 100%;
}

.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 #5872fa;
    background-size: 100%;
}

.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?v=1") no-repeat center top #0a0602;
    background-size: 100%;
}

.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 {
    /* background: url("/images/zhuanti/2025xuexibaogao/page06.jpg") no-repeat center top #0a0602;
    background-size: 100%; */
    width: 4.6533rem;
    top: 5.6533rem;
    left: 5.36rem;
}
.report-mod .report06 .bg03 {
    /* background: url("/images/zhuanti/2025xuexibaogao/page06.jpg") no-repeat center top #0a0602;
    background-size: 100%; */
    width: 7.2667rem;
    top: 8.5333rem;
    left: 1.7333rem;
}
.report-mod .report06 .text .second strong {
    font-size: 0.48rem;
    color: #fff;
}

.report-mod .report07 {
    background: url("/images/zhuanti/2025xuexibaogao/page07.jpg?v=1") no-repeat center top #62b0fa;
    background-size: 100%;
}

.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;
    background-size: 100% 100%;
}

.report-mod .report08 .text {
    top: 2.2133rem;
    left: 1.2rem;
    line-height: .64rem;
    color: #fff;
    font-size: 0.373rem;
    /* text-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.8); */
}

.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 #fcdfc1;
    background-size: 100%;
}

.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;
    background-size: 100% 100%;
}

.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: -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); */
    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 .bg03 {
    -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%;
    z-index: 7;
    -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 #b0dd78;
    background-size: 100%;
}

.draw-mod .draw-con {
    height: auto;
    margin-top: 1.9733rem;
}
.draw-con  .luckDraw-main {
    width: 9.08rem;
    margin: 0 auto;
    position: relative;
}

.draw-con .luckDraw-main {
    height: 14.8667rem;
    position: relative;
    z-index: 1;
    background: url(/images/zhuanti/2025xuexibaogao/draw_wrap_bg.png) no-repeat center top;
    background-size: 9.68rem 100%;
    width: 9.68rem;
}

.draw-con .luckDraw-main .luckDraw-show span {
    width: 6.8933rem;
    height: 5.6267rem;
    position: absolute;
    left: 1.4667rem;
    top: 4.3467rem;
    z-index: 10;
    background: url("/images/zhuanti/2025xuexibaogao/draw_wrap_bg01.png") no-repeat center top;
    background-size: 100% 100%;
}

.draw-con .luckDraw-main i {
    width: 2.64rem;
    height: 2.1333rem;
    position: absolute;
    left: 2.1rem;
    top: 3.5467rem;
    background: url("/images/zhuanti/2025xuexibaogao/luckDraw-clamp03.png") no-repeat center bottom;
    background-size: 2.64rem auto;
    z-index: 11;
}

.draw-con .luckDraw-main i:before {
    content: "";
    width: 0.493rem;
    height: .4267rem;
    background: url("/images/zhuanti/2025xuexibaogao/luckDraw-clamp03.png") no-repeat center top;
    background-size: 2.64rem auto;
    position: absolute;
    left: 50%;
    margin-left: -0.2453rem;
    top: 0;
}

.draw-con .luckDraw-main .luckDraw-clamp-after {
    background: url("/images/zhuanti/2025xuexibaogao/luckDraw-clamp04.png") no-repeat left 0px bottom -4px;
    background-size: 2.64rem auto;
    z-index: 8;
}
.draw-con .luckDraw-panel {
   display: block;
    width: 2.24rem;
    height: 1.7333rem;
    line-height: 0;
    font-size: 0;
    z-index: 5;
    position: absolute;
    /* -webkit-animation: bigbig 5s infinite;
    -moz-animation: bigbig 5s infinite;
    animation: bigbig 5s infinite; */
    bottom: 2.1333rem;
    left: 50%;
    margin-left: -1.12rem;
    z-index: 9;
}

.draw-con .userLuckDraw {
    display: block;
    width: 2.24rem;
    height: 1.7333rem;
    line-height: 0;
    font-size: 0;
    margin: 0 auto;
    background: url("/images/zhuanti/2025xuexibaogao/draw_wrap_zhua.png") no-repeat;
    background-size: 100% auto;
    transition: transform 0.3s ease; /* 动画过渡效果 */
}
.draw-con .userLuckDraw.pressed {
     transform: scale(0.9); /* 按下时缩小到90% */
  opacity: 0.8; /* 按下时略微透明 */
}
.draw-con .userLuckDraw-swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: swing 1.2s infinite;
    animation: swing 1.2s infinite;
    z-index: 9;
}

.draw-con .luckDraw-amount {
    width: 2.84rem;
    height: 1.1067rem;
    font-size: 0.32rem;
    color: #ffebc0;
    background: url(/images/zhuanti/2025xuexibaogao/draw_wrap_num.png) no-repeat;
    background-size: 100% auto;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 4rem;
    z-index: 12;
    line-height: .8rem;
    margin-left: -1.42rem;
}

.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 .draw-con .claw {
    display: block;
    width: 2.333rem;
    height: 3.013rem;
    background: url("//m.chinaacc.com/images/zhuanti/2021xuexibaogao/draw-bg01.png") no-repeat;
    background-size: 100%;
}

.draw-mod i.userLuckDraw-swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: swing 1.2s infinite;
    animation: swing 1.2s infinite;
    z-index: 9;
}

.draw-mod .btn {
    display: block;
    width: 2.24rem;
    height: 1.7333rem;
    line-height: 0;
    font-size: 0;
    z-index: 5;
    position: relative;
    margin: -3.167rem auto 0;
    background: url("/images/zhuanti/2025xuexibaogao/draw_wrap_zhua.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: #222;
    position: absolute;
    right: 0;
    top: 1.7333rem;  
    width: 1.3333rem;
    height: .7067rem;
    background: url("/images/zhuanti/2025xuexibaogao/draw_wrap_rules.png") no-repeat;
    background-size: 100%; 
    text-align: center;
    line-height: .7067rem;
    z-index: 10;
}

.draw-mod .draw-bottom {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: .4rem;
    width: 8.2667rem;
    margin-left: -4.133rem;
    z-index: 9;
}

.draw-mod .draw-bottom .myPrize-btn,
.draw-mod .draw-bottom .share-btn {
    margin: 0 0.2rem;
    display: inline-block;
    font-size: 0.4rem;
    color: #222222;
    line-height: .72rem;
}
.draw-mod .draw-bottom .myPrize-btn{
    border: .0133rem solid #222222;
    width: 2.5867rem;
    height: .72rem;
    border-radius: .3467rem;

}
.draw-mod .draw-bottom .share-btn {
    color: #222;
    /* 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: #c37676;
    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;
    color: #c37676;
}

/**/
.weixinShare-pop {
    width: 8.68rem;
    height: 9.507rem;
    top: 0.4rem !important;
    margin-top: 0 !important;
    background: url("/images/zhuanti/2021xuexibaogao/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 #76c5d7 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);
}
.luckDraw-dialog-kind {
    width: 7.9467rem;
    height: 9.1733rem;
    background: url(/images/zhuanti/2025xuexibaogao/draw_pop.png) no-repeat;
    background-size: 100% auto;
    margin-left: -3.9733rem;
}
.luckDraw-dialog-kind .pop-con{
    background: none;
    border: 0;
    padding-top: 2.72rem;
}
.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: 3.1067rem;
    height: 3.1067rem;
    margin: .2667rem auto 0.267rem;
}

.luckDraw-dialog .prize.draw321 {
    background: url("/images/zhuanti/2025xuexibaogao/draw321.png") no-repeat center;
    background-size: auto 3.1067rem;
}

.luckDraw-dialog .prize.draw322 {
    background: url("/images/zhuanti/2025xuexibaogao/draw322.png") no-repeat center;
    background-size: auto 3.1067rem;
}

.luckDraw-dialog .prize.draw323 {
    background: url("/images/zhuanti/2025xuexibaogao/draw323.png") no-repeat center;
    background-size: auto 3.1067rem;
}

.luckDraw-dialog .prize.draw324 {
    background: url("/images/zhuanti/2025xuexibaogao/draw324.png") no-repeat center;
    background-size: auto 3.1067rem;
}

.luckDraw-dialog .prize.draw325 {
    background: url("/images/zhuanti/2025xuexibaogao/draw325.png") no-repeat center;
    background-size: auto 3.1067rem;
}
.luckDraw-dialog .prize.draw326 {
    background: url("/images/zhuanti/2025xuexibaogao/draw326.png") no-repeat center;
    background-size: auto 3.1067rem;
}

.luckDraw-dialog .prize.draw327 {
    background: url("/images/zhuanti/2025xuexibaogao/draw327.png") no-repeat center;
    background-size: auto 3.1067rem;
}


.luckDraw-dialog p {
    text-align: center;
    font-size: 0.4rem;
    color: #b11414;
    width: 6.4rem;
    text-align: center;
    margin: 0 auto;

}

.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: #ff4e61;
    background-size: 100%;
    color: #fff;
    font-size: .4267rem;
    line-height: 500;
    overflow: hidden;
    width: 4.64rem;
    height: 1.0667rem;
    line-height: 1.0667rem;
    border-radius: .5333rem;
    position: absolute;
    left: 50%;
    margin-left: -2.427rem;
    bottom: .6133rem;
    text-align: center;
}
.luckDraw-dialog .prize-object .btn.know{
    display: none;
}
.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.4rem;
    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 {
    display: block;
}
.luckDraw-list .write-btn {
    display: none;
}
.course-list {
    width: 7rem;
    margin-left: -3.5rem;
    position: fixed;
    left: 50%;
    border-radius: 0.4rem;
    border: 1px solid #fff;
    padding-bottom: 0.8rem;
    z-index: 852;
    display: none;
    top: 50%;
    margin-top: -3.6rem;
    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);
}

.course-list .close-btn {
    right: -0.4rem;
    top: -0.68rem;
}

.course-list h6 {
    text-align: center;
    font-size: 0.507rem;
    color: #ee683f;
    padding: 0.4rem 0;
}

.course-list ul {
    margin: 0 0.4rem;
}

.course-list ul li {
    height: 0.72rem;
    text-align: center;
    line-height: 0.72rem;
    font-size: 0.373rem;
    background: #fff;
    border: 1px solid #ee683f;
    border-radius: 0.067rem;
    margin-bottom: 0.2rem;
}

.course-list ul li.on {
    background: #ee683f;
    color: #fff;
}



.address-dialog {
    width: 8rem;
    height: 10.5333rem;
    margin-left: -4rem;
    background: #fff;
    border-radius: .4267rem;
}

.address-dialog .pop-con {
    padding: 0 .2667rem;
    background: #fff;

}
.address-dialog .close-btn{
    background: url(/images/zhuanti/2025xuexibaogao/close01.png) no-repeat;
    background-size: 100%;
    top: .4rem;
    right: .4rem;
}
.address-dialog .address-error {
    height: 0.773rem;
    line-height: 0.773rem;
    text-align: center;
    color: #ff0000;
}

.address-dialog .address-form {
    margin-bottom: 0.2rem;
}
.pop-address{
    height: 1.4667rem;
    border-radius: .4267rem .4267rem 0 0;
    background: #f8f8f8;
    font-size: .5333rem;
    color: #333;
    text-align: center;
    margin-bottom: .5333rem;
    line-height: 1.3333rem;
}
.address-dialog .address-form li {
    padding: .2667rem 0 .2667rem;
    border-bottom: 1px solid #ccc;
}

.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: #ff4e61;
    font-size: .4267rem;
    text-align: center;
    overflow: hidden;
    width: 6.2933rem;
    height: 1.0667rem;
    line-height: 1.0667rem;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -3.1rem;
    bottom: .5333rem;
    color: #fff;
    border-radius: .5333rem;
}

.address-dialog .btn.saveAddr-btn {
    display: block;
    border-radius: .5333rem;
}

.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
}


.weixinShare-pop {
    width: 8.68rem;
    height: 9.507rem;
    top: 0.4rem !important;
    margin-top: 0 !important;
    background: url("//m.chinaacc.com/images/zhuanti/2021xuexibaogao/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;
}
/*  */
.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);
        /*閺€鎯с亣1.1閸婏拷*/
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.1);
    }

}

@-webkit-keyframes bigbig

/*Safari and Chrome*/
    {
    0% {
        transform: scale(1);
        /*瀵偓婵璐熼崢鐔奉潗婢堆冪毈*/
    }

    25% {
        transform: scale(1.1);
        /*閺€鎯с亣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 {
        /*-webkit-transform: rotate(0deg);*/
        opacity: 0.6;
    }

    to {
        /* -webkit-transform: rotate(360deg);*/
        opacity: 0;
    }
}


@keyframes rotating {
    from {
        /* transform: rotate(0deg);*/
        opacity: 0.6;
    }

    to {
        /*transform: rotate(360deg);*/
        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;
  /* 兼容非 WebKit 浏览器（无描边，仅显示填充色） */
 /* text-stroke: .0027rem #fff;  标准写法（目前主流浏览器仍需前缀） */
  /* text-align: center; */
}
.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-color: #fff; */
	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);
    }
        
}