@charset "utf-8";
/* CSS Document */
html{font-size:100%; max-width:100%; margin:0 auto; overflow-x:hidden;}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4,h5, p, dl, dd, ol, ul, li,em,font,span, form, fieldset, input, button, textarea,a{ margin:0; padding:0; box-sizing:border-box;}
th, td{ margin:0; padding:0;}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}
h1, h2, h3, h4{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0; font-weight:normal;}
li, img, label, input{ vertical-align:middle;}
body{ font-size:.24rem; font-family:"楷体"; width:100%; max-width:7.5rem; margin:0 auto; overflow-x:hidden; min-height:100%; background:#fff; line-height:1.5; color:#000;}
input:focus,select:focus{ outline:none;}
textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}
/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0; height:0; overflow:hidden;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.hidden{ display:none!important;}
.wrap{ width:100%; overflow:hidden;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}
.loading{ width:100%; min-height:100vh; background:linear-gradient(to bottom,#68d1ff,#bcf5fe); padding:1.15rem .5rem;}
.loading .pig_img{ width:4.1rem; margin:0 auto;}
.loading .pig_img img{ display:block; width:100%;}
.loading .txt{ text-align:center; font-size:.38rem; font-weight:bold; margin-top:.08rem;}
.combg1{ width:100%; min-height:100vh; background:url(../images/bg1.jpg) center top no-repeat; background-size:cover; position:relative;}
.con1{ padding:.1rem 0; height:100vh; width:100%; position:relative;}
.gift_but{ position:absolute; left:.62rem; top:.54rem; display:block; font-size:0; overflow:hidden; height:2.34rem; width:.92rem; background:url(../images/gift_but.png) 0 0 no-repeat; background-size:cover; cursor:pointer; z-index:19;}
.help_but{ position:absolute; right:.29rem; top:.59rem; display:block; font-size:0; overflow:hidden; height:1.14rem; width:2.88rem; background:url(../images/help_but.png) 0 0 no-repeat; background-size:cover; cursor:pointer; z-index:18;}
.con1 .txt{ margin:2rem 0 0 0; position:relative; z-index:17; height:6.31rem; width:7.5rem; background:url(../images/mask.png) 0 0 no-repeat; background-size:cover; text-align:center;}
.con1 .txt .clear{ width:100%;}
.con1 .txt p{ color:#fff; font-size:.36rem; line-height:1.263157894736842;}
.con1 .txt p em{ font-size:.48rem; color:#ffc200;}
.con1 .pig_img{ width:3.17rem; position:absolute; bottom:2.18rem; right:.72rem; z-index:15;}
.con1 .pig_img img{ display:block; width:100%;}
.con1 .pig_img img.eye{ position:absolute; left:0; top:0;}
.go_but{ display:block; margin:2.15rem auto 0 auto; font-size:.48rem; font-weight:bold; letter-spacing:-.05rem; line-height:1.02rem; text-align:center; overflow:hidden; height:1.02rem; width:3.14rem; background:url(../images/but1.png) 0 0 no-repeat; background-size:cover; cursor:pointer; z-index:18; position:relative;}
.help_c{ background:rgba(0,0,0,.6); width:100%; min-height:100vh; padding:.1rem 0;}
.help_c *{ font-family:"Microsoft YaHei";}
.help_w{ border:.1rem solid #82bcfc; border-radius:.6rem; background:#e3eceb; position:relative; width:5.3rem; margin:3.65rem auto 0 auto; padding:.5rem 0 .45rem 0;}
.help_close{ position:absolute; right:.32rem; top:-.34rem; cursor:pointer; background:url(../images/closebg.png) 0 0 no-repeat; background-size:cover; width:.58rem; height:.58rem; border-radius:50%; overflow:hidden;}
.help_close img{ width:.44rem;}
.help_logo{ width:3.24rem; height:3.24rem; background:#e0ecec; border-radius:50%; overflow:hidden; position:absolute; left:50%; top:-2.65rem; transform:translate(-50%,0);}
.help_logo img{ display:block; width:100%;}
.help_logo img.eye{ position:absolute; left:0; top:0;}
.h_tit{ font-size:.28rem; line-height:1.5; text-align:center; padding:.15rem 0;}
.h_tit font{ color:#fe0000;}
.h_tit .red{ color:#bf0101;}
.h_tit .time{ color:#fe0000;}
.qus_tj{ border:.02rem solid #3c6abf; width:3.9rem; margin:.1rem auto .35rem auto; text-align:center;}
.qus_tj li{ border-bottom:.02rem solid #3c6abf; font-size:.28rem; display:flex; flex-wrap:wrap; position:relative; background:#e9ecf5;}
.qus_tj li:last-child{ border-bottom:none;}
.qus_tj li em{ width:50%; border-right:.02rem solid #3c6abf; padding:.05rem 0;}
.qus_tj li span{ width:50%; color:#bf0101; padding:.05rem 0;}
.qus_tj li img{ display:block; position:absolute; height:.4rem; right:-.25rem; top:50%; transform:translate(0,-50%);}
.qus_tj li:nth-child(2n){ background:#cfd5eb;}
.com_but{ width:2.8rem; display:block; border:none; cursor:pointer; background:linear-gradient(to bottom,#f8af62,#ff6543); border-radius:1000px; text-align:center; margin:0 auto; height:.6rem; font-size:.32rem; color:#fff; font-weight:bold; box-shadow:.04rem .04rem .08rem rgba(0,0,0,.3); text-shadow:.02rem .02rem .01rem rgba(0,0,0,.4);}
.help_w_s{ margin-top:2.65rem;}
.help_w_s .help_logo{ width:1.74rem; height:1.74rem; top:-1.25rem;}
.prize_list{ border:.02rem solid #f29c63; width:4.15rem; margin:0 auto; text-align:center; background:#fbece7;}
.prize_list li{ border-bottom:.02rem solid #f29c63; display:flex; flex-wrap:wrap; font-size:.24rem;}
.prize_list li:last-child{ border-bottom:none;}
.prize_list *{ font-family:"楷体";}
.prize_list li i{ width:.65rem; border-right:.02rem solid #f29c63; padding:.08rem 0;}
.prize_list li em{ border-right:.02rem solid #f29c63; flex-grow:1; padding:.08rem 0;}
.prize_list li span{ width:1.25rem; padding:.08rem 0;}
.prize_list li span a{ color:#fe0000;}
.prize_list li span a.gray{ color:#bbbcbe;}
.prize_list li:nth-child(1) *{ font-weight:bold;}
.form_list{ width:3.65rem; margin:0 auto; font-size:.28rem;}
.form_list li{ display:flex; flex-wrap:wrap; margin-bottom:.28rem; width:100%;}
.form_list li em{ flex-grow:1;}
.form_list li em.em1{ padding:0 0 0 .25rem;}
.f_intxt{ background:#fff; border:.02rem solid #999; width:2.9rem; padding:0 .2rem; font-size:.28rem; line-height:1.5;}
.f_intxt1{ width:1.25rem; background:url(../images/point1.png) #fff right .08rem center no-repeat; background-size:.16rem .14rem;}
.f_intxt2{ width:100%; padding:.1rem .2rem; resize:none; margin-top:.1rem;}
.combg2{ width:100%; min-height:100vh; background:url(../images/bg2.jpg) center top no-repeat; background-size:cover; position:relative;}
.combg2 .gift_but{ left:auto; right:.62rem;}
.con2{ padding:.1rem 0; min-height:100vh; width:100%; position:relative; background:url(../images/mask1.png) center top no-repeat; background-size:cover;}
.tit2{ position:absolute; top:3.35rem; left:3.32rem; width:2.1rem; display:block;}
.nub_img{ position:absolute; left:1.63rem; top:4.57rem; display:block; width:2.94rem;}
.nub1_2{ padding:4rem 0 0 0;}
.nub1_2 .txt{ font-size:.38rem; text-align:center; line-height:1.210526315789474; position:relative; z-index:16;}
.nub1_2 .txt p{ color:#fff;}
.nub1_2 .txt p font{ color:#ff0;}
.pig_img2{ width:4.2rem; position:absolute; bottom:0; right:0; z-index:15;}
.pig_img2 img{ display:block; width:100%;}
.pig_img2 img.eye{ position:absolute; left:0; top:0;}
.dj_time{ width:1.17rem; height:1.18rem; background:url(../images/timebg.png) 0 0 no-repeat; background-size:cover; text-align:center; color:#fff; font-weight:bold; line-height:1.18rem; font-size:.48rem; font-family:"Arial"; margin:2.03rem auto 0 auto; position:relative; z-index:12;}
.answer_c .txt{ text-align:center; font-size:.48rem; color:#fff; line-height:1.125; padding:.4rem 1.3rem; min-height:3.2rem; position:relative; z-index:12;}
.select_list{ width:5.2rem; margin:0 auto; position:relative; z-index:12;}
.select_list li{ border-radius:1000px; line-height:.64rem; color:#fff; font-size:.45rem; background:rgba(178,80,15,.65); text-align:center; margin-bottom:.3rem; position:relative;}
.select_list li:after{ content:""; display:block; position:absolute; top:50%; transform:translate(0,-50%);}
.select_list li.correct{ background:#00af50;}
.select_list li.correct:after{ width:.94rem; height:.73rem; background:url(../images/correct.png) 0 0 no-repeat; background-size:cover; right:-.1rem;}
.select_list li.error{ background:#c00000;}
.select_list li.error:after{ width:.69rem; height:.7rem; background:url(../images/error.png) 0 0 no-repeat; background-size:cover; right:.15rem;}
.page{ text-align:center; color:#fff; font-size:.45rem; padding:.95rem 0 0 0; position:relative; z-index:12;}
.com_tit{ width:3.42rem; margin:1.68rem auto 0 auto; display:block;}
.com_txt{ text-align:center; color:#fff; font-size:.38rem; line-height:1.263157894736842; padding:.28rem 0 .3rem 0; position:relative; z-index:23;}
.com_txt font{ color:#ff0;}
.all_but{ width:100%; position:relative; z-index:23;}
.red_but{ width:1.9rem; background:linear-gradient(to bottom,#fe0000,#7e0001); margin:0 .3rem; height:.85rem;}
.yellow_but{ width:1.9rem; margin:0 .3rem; height:.85rem;}
.pig_failure{ width:2.1rem; position:absolute; top:7.45rem; left:50%; transform:translate(-50%,0); z-index:22;}
.pig_failure img{ display:block; width:100%;}
.pig_failure .tear{ position:absolute; top:1.27rem; left:50%; transform:translate(-50%,0); width:3.28rem;}
.pig_success{ width:2.6rem; position:absolute; top:7.02rem; left:50%; transform:translate(-50%,0); z-index:22;}
.pig_success img{ display:block; width:100%;}
.pig_success .eye{ position:absolute; top:0; left:0;}
.combg2_2{ background-image:url(../images/bg2_2.jpg);}
.combg2_3{ background-image:url(../images/bg2_3.jpg);}
.combg2_3_1{ background-image:url(../images/bg2_3_1.jpg);}
.maskbg{ position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.8)); z-index:11;}
.maskbg1{ background:rgba(0,0,0,.3);}
.tit_1{ display:block; position:absolute; top:1.54rem; right:.73rem; height:1.63rem; z-index:18;}
.gift_name{ text-align:center; background:rgba(0,0,0,.4); position:relative; margin-bottom:.15rem;}
.gift_name img{ display:block; height:1.52rem; position:absolute; left:50%; top:-.55rem; transform:translate(-50%,0); z-index:21;}
.gift_name *{ font-family:"Microsoft YaHei";}
.gift_name .gift_tit{ font-size:.24rem; font-weight:bold; padding:.95rem 0 .1rem 0; position:relative; z-index:22;}
.peo_gift img{ height:1.32rem; top:-.4rem;}
.peo_gift .gift_tit{ padding-top:.9rem;}
.book_gift img{ height:1.42rem; top:-.22rem;}
.book_gift .gift_tit{ padding-top:.9rem;}
.gift_name .guang{ width:4.3rem; height:4.3rem; top:50%; transform:translate(-50%,-50%); z-index:18;}
.loading{
position:fixed;left:0;top:0;right:0;bottom:0;z-index:99
}
 /* 预加载 */
   .loading-text {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }
		        .loading-dots {
            display: inline-flex;
            align-items: center;
            height: 30px;
        }
        .dot {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            margin: 0 4px;
            background-color: #60a5fa;
            animation: pulse 1.5s infinite ease-in-out;
        }
        .dot:nth-child(2) {
            animation-delay: 0.2s;
            background-color: #a78bfa;
        }
        .dot:nth-child(3) {
            animation-delay: 0.4s;
            background-color: #f472b6;
        }
		    @keyframes pulse {
            0%, 100% {
                transform: scale(1);
                opacity: 0.7;
            }
            50% {
                transform: scale(1.3);
                opacity: 1;
            }
        }
        /* 文字效果样式 */
        .char-by-char {
            opacity: 0;
            animation: charAppear 0.1s forwards;
        }
        @keyframes charAppear {
            to {
                opacity: 1;
            }
        }
.show{
display:block;
}
.hide{
display:none
}