*{
    margin: 0;
    padding: 0;
}
.pc-tips{
    min-width: 1280px;
    max-width: 1920px;
    width: 100%;
    height: 1080px;
    display: none;
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
}
.pc-tips img{
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    overflow-x: hidden;
}

.start-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/bg.jpg");
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.start-btn{
    width: 3rem;
    height: 0.8rem;
    position: absolute;
    left: 50%;
    top: 7.4rem;
    transform: translate(-50%, 0);
}
.logo{
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0.3rem;
    top: 0.2rem;
}
.more{
    width: 1.68rem;
    height: 0.39rem;
    background: url("/custom/img/act/act240508/more.png");
    background-size: 100% 100%;
    position: absolute;
    left: 4rem;
    top: 0.5rem;
}
.music{
    width: 0.58rem;
    height: 0.57rem;
    background: url("/custom/img/act/act240508/music.png");
    background-size: 100% 100%;
    position: absolute;
    top: 0.5rem;
    left: 5.78rem;
}
.music.active{
    width: 0.58rem;
    height: 0.57rem;
    background: url("/custom/img/act/act240508/music-active.png");
    background-size: 100% 100%;
}
.share{
    width: 0.58rem;
    height: 0.57rem;
    background: url("/custom/img/act/act240508/share.png");
    background-size: 100% 100%;
    position: absolute;
    top: 0.5rem;
    left: 6.5rem;
}
.share-tips{
   width: 1.22rem;
   height: 0.34rem;
   background: url("/custom/img/act/act240508/share-tips.png");
   background-size: 100% 100%;
   position: absolute;
   left: 6.2rem;
   top: 1.1rem;
   animation: share_anim 1s infinite;
}
.share-tips.active{
    width: 1.22rem;
    height: 0.34rem;
    background: url("/custom/img/act/act240508/get-share-tips.png");
    background-size: 100% 100%;
}
@keyframes share_anim {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}
.start-login{
    position: absolute;
    top: 13rem;
    left: 50%;
    transform: translate(-50%,0);
    display: none;
}

.is-show{
    display: block!important;
}
.prev{
    width: 1.68rem;
    height: 0.39rem;
    background: url("/custom/img/act/act240508/prev.png");
    background-size: 100% 100%;
    position: absolute;
    left: 5rem;
    top: 0.5rem;
}

.ques-1-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/ques-1.jpg");
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.ques-1-ans-A{
    width: 3.84rem;
    height: 1.04rem;
    position: absolute;
    left: 1.1rem;
    top: 3.5rem;
}
.ques-1-ans-A.active{
    background: url("/custom/img/act/act240508/ques-1-ans-A.png");
    background-size: 100% 100%;
}
.ques-1-ans-B{
    width: 3.84rem;
    height: 1.35rem;
    position: absolute;
    left: 3.5rem;
    top: 7.2rem;
}
.ques-1-ans-B.active{
    background: url("/custom/img/act/act240508/ques-1-ans-B.png");
    background-size: 100% 100%;
}
.ques-1-ans-C{
    width: 3.84rem;
    height: 1.04rem;
    position: absolute;
    left: 0.94rem;
    top: 10.2rem;
}
.ques-1-ans-C.active{
    background: url("/custom/img/act/act240508/ques-1-ans-C.png");
    background-size: 100% 100%;
}
.ques-1-ans-D{
    width: 3.84rem;
    height: 1.04rem;
    position: absolute;
    left: 3.1rem;
    top: 11.9rem;
}
.ques-1-ans-D.active{
    background: url("/custom/img/act/act240508/ques-1-ans-D.png");
    background-size: 100% 100%;
}

.ques-2-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/ques-2.jpg");
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.ques-2-ans-A{
    width: 3.84rem;
    height: 1.04rem;
    position: absolute;
    left: 3.4rem;
    top: 3.9rem;
}
.ques-2-ans-A.active{
    background: url("/custom/img/act/act240508/ques-2-ans-A.png");
    background-size: 100% 100%;
}
.ques-2-ans-B{
    width: 3.84rem;
    height: 1.35rem;
    position: absolute;
    left: 0.5rem;
    top: 5.1rem;
}
.ques-2-ans-B.active{
    background: url("/custom/img/act/act240508/ques-2-ans-B.png");
    background-size: 100% 100%;
}
.ques-2-ans-C{
    width: 3.84rem;
    height: 1.35rem;
    position: absolute;
    left: 3.3rem;
    top: 8.95rem;
}
.ques-2-ans-C.active{
    background: url("/custom/img/act/act240508/ques-2-ans-C.png");
    background-size: 100% 100%;
}
.ques-2-ans-D{
    width: 3.84rem;
    height: 1.35rem;
    position: absolute;
    top: 11.15rem;
    left: 1.1rem;
}
.ques-2-ans-D.active{
    background: url("/custom/img/act/act240508/ques-2-ans-D.png");
    background-size: 100% 100%;
}

.ques-3-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/ques-3.jpg");
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.ques-3-ans-A{
    width: 4.30rem;
    height: 1.35rem;
    position: absolute;
    left: 2.55rem;
    top: 3.4rem;
}
.ques-3-ans-A.active{
    background: url("/custom/img/act/act240508/ques-3-ans-A.png");
    background-size: 100% 100%;
}
.ques-3-ans-B{
    width: 3.84rem;
    height: 1.35rem;
    position: absolute;
    left: 0.25rem;
    top: 6.7rem;
}
.ques-3-ans-B.active{
    background: url("/custom/img/act/act240508/ques-3-ans-B.png");
    background-size: 100% 100%;
}
.ques-3-ans-C{
    width: 3.84rem;
    height: 1.04rem;
    position: absolute;
    left: 1.3rem;
    top: 9.05rem;
}
.ques-3-ans-C.active{
    background: url("/custom/img/act/act240508/ques-3-ans-C.png");
    background-size: 100% 100%;
}
.ques-3-ans-D{
    width: 3.28rem;
    height: 1.35rem;
    position: absolute;
    left: 2.95rem;
    top: 11.15rem;
}
.ques-3-ans-D.active{
    background: url("/custom/img/act/act240508/ques-3-ans-D.png");
    background-size: 100% 100%;
}
.ques-4-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/ques-4.jpg");
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.ques-4-ans-A{
    width: 4.30rem;
    height: 1.35rem;
    position: absolute;
    left: 2.75rem;
    top: 3.9rem;
}
.ques-4-ans-A.active{
    background: url("/custom/img/act/act240508/ques-4-ans-A.png");
    background-size: 100% 100%;
}
.ques-4-ans-B{
    width: 4.82rem;
    height: 1.35rem;
    position: absolute;
    left: 0.18rem;
    top: 8.62rem;
}
.ques-4-ans-B.active{
    background: url("/custom/img/act/act240508/ques-4-ans-B.png");
    background-size: 100% 100%;
}
.ques-4-ans-C{
    width: 4.29rem;
    height: 1.35rem;
    position: absolute;
    left: 2.9rem;
    top: 10.2rem;
}
.ques-4-ans-C.active{
    background: url("/custom/img/act/act240508/ques-4-ans-C.png");
    background-size: 100% 100%;
}
.ques-4-ans-D{
    width: 3.84rem;
    height: 1.04rem;
    position: absolute;
    left: 1.6rem;
    top: 11.8rem;
}
.ques-4-ans-D.active{
    background: url("/custom/img/act/act240508/ques-4-ans-D.png");
    background-size: 100% 100%;
}
.ques-5-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/ques-5.jpg");
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.ques-5-ans-A{
    width: 3.94rem;
    height: 1.04rem;
    position: absolute;
    left: 3.1rem;
    top: 3.5rem;
}
.ques-5-ans-A.active{
    background: url("/custom/img/act/act240508/ques-5-ans-A.png");
    background-size: 100% 100%;
}
.ques-5-ans-B{
    width: 3.98rem;
    height: 1.04rem;
    position: absolute;
    left: 0.2rem;
    top: 7.6rem;
}
.ques-5-ans-B.active{
    background: url("/custom/img/act/act240508/ques-5-ans-B.png");
    background-size: 100% 100%;
}
.ques-5-ans-C{
    width: 3.28rem;
    height: 1.35rem;
    position: absolute;
    left: 3.45rem;
    top: 9.1rem;
}
.ques-5-ans-C.active{
    background: url("/custom/img/act/act240508/ques-5-ans-C.png");
    background-size: 100% 100%;
}
.ques-5-ans-D{
    width: 3.84rem;
    height: 1.04rem;
    position: absolute;
    left: 3.3rem;
    top: 11.1rem;
}
.ques-5-ans-D.active{
    background: url("/custom/img/act/act240508/ques-5-ans-D.png");
    background-size: 100% 100%;
}
.ques-6-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/ques-6.jpg");
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.ques-6-ans-A{
    width: 3.28rem;
    height: 1.35rem;
    position: absolute;
    left: 3.55rem;
    top: 4.2rem;
}
.ques-6-ans-A.active{
    background: url("/custom/img/act/act240508/ques-6-ans-A.png");
    background-size: 100% 100%;
}
.ques-6-ans-B{
    width: 3.28rem;
    height: 1.35rem;
    position: absolute;
    left: 0.95rem;
    top: 7.8rem;
}
.ques-6-ans-B.active{
    background: url("/custom/img/act/act240508/ques-6-ans-B.png");
    background-size: 100% 100%;
}
.ques-6-ans-C{
    width: 4.04rem;
    height: 1.35rem;
    position: absolute;
    left: 3.15rem;
    top: 9.65rem;
}
.ques-6-ans-C.active{
    background: url("/custom/img/act/act240508/ques-6-ans-C.png");
    background-size: 100% 100%;
}
.ques-6-ans-D{
    width: 4.96rem;
    height: 1.04rem;
    position: absolute;
    left: 1.13rem;
    top: 11.55rem;
}
.ques-6-ans-D.active{
    background: url("/custom/img/act/act240508/ques-6-ans-D.png");
    background-size: 100% 100%;
}
.ques-7-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/ques-7.jpg");
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.ques-7-ans-A{
    width: 3.50rem;
    height: 1.35rem;
    position: absolute;
    left: 0.5rem;
    top: 3.25rem;
}
.ques-7-ans-A.active{
    background: url("/custom/img/act/act240508/ques-7-ans-A.png");
    background-size: 100% 100%;
}
.ques-7-ans-B{
    width: 3.28rem;
    height: 1.35rem;
    position: absolute;
    left: 0.4rem;
    top: 6.05rem;
}
.ques-7-ans-B.active{
    background: url("/custom/img/act/act240508/ques-7-ans-B.png");
    background-size: 100% 100%;
}
.ques-7-ans-C{
    width: 3.94rem;
    height: 1.04rem;
    position: absolute;
    left: 3.12rem;
    top: 8.21rem;
}
.ques-7-ans-C.active{
    background: url("/custom/img/act/act240508/ques-7-ans-C.png");
    background-size: 100% 100%;
}
.ques-7-ans-D{
    width: 3.98rem;
    height: 1.04rem;
    position: absolute;
    left: 0.16rem;
    top: 9.45rem;
}
.ques-7-ans-D.active{
    background: url("/custom/img/act/act240508/ques-7-ans-D.png");
    background-size: 100% 100%;
}

.generate{
    width: 4.01rem;
    height: 1.53rem;
    background: url("/custom/img/act/act240508/generate.png");
    background-size: 100% 100%;
    left: 50%;
    transform: translate(-50%,0);
    top: 11rem;
    position: absolute;
    display: none;
}

.login{
    font-size: 0;
    position: absolute;
    left: 0.4rem;
    top: 0.5rem;
    display: none;
}
.mobile{
    color: #322214;
    font-size: 0.3rem;
}
.logout{
    color: #91352a;
    font-size: 0.3rem;
    border-bottom: 1px solid  #91352a;
    padding-left: 0.1rem;
}
.one-more-time{
    width: 1.68rem;
    height: 0.39rem;
    background: url("/custom/img/act/act240508/one-more-time.png");
    background-size: 100% 100%;
    position: absolute;
    left: 5.6rem;
    top: 0.5rem;
}
.result-share{
    display: none;
}
.share-1{
    left: 4.8rem;
    top: 0.2rem;
}
.share-tips-1{
    left: 4.45rem;
    top: 0.8rem;
}
.long-press{
    width: 3.18rem;
    height: 0.51rem;
    background: url("/custom/img/act/act240508/long-press.png");
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 8.5rem;
}
.code{
    width: 1.09rem;
    height: 1.09rem;
    background: url("/custom/img/act/act240508/page-code.png");
    background-size: 100% 100%;
    position: absolute;
    left: 5.5rem;
    top: 7.5rem;
}
.share-1-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/share-1.jpg");
    background-size: 100% 100%;
    display: none;
}
.share-2-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/share-2.jpg");
    background-size: 100% 100%;
    display: none;
}
.share-3-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/share-3.jpg");
    background-size: 100% 100%;
    display: none;
}
.share-4-pg{
    width: 7.5rem;
    height: 15rem;
    background: url("/custom/img/act/act240508/share-4.jpg");
    background-size: 100% 100%;
    display: none;
}
.result-bot{
    width: 7.5rem;
    height: 1.94rem;
    background: url("/custom/img/act/act240508/bot-bg.png");
    background-size: 100% 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
.watch-shot{
    width: 2.43rem;
    height: 0.60rem;
    background: url("/custom/img/act/act240508/watch.png");
    background-size: 100% 100%;
    position: fixed;
    left: 1rem;
    bottom: 0.6rem;
}
.share-award{
    width: 2.43rem;
    height: 0.60rem;
    background: url("/custom/img/act/act240508/share-reward.png");
    background-size: 100% 100%;
    position: fixed;
    left: 3.8rem;
    bottom: 0.6rem;
}



/*弹窗*/
.mask{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    display: none;
}
.inner{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
.pop-name{
    width: 6rem;
    height: 4.66rem;
    background: url("/custom/img/act/act240508/pop-name.png");
    background-size: 100% 100%;
}
.pop-close{
    position: absolute;
    right: 0.3rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.1rem;
}
.pop-name-submit{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 3.1rem;
    width: 2.5rem;
    height: 1rem;
}

.result-pg{
    display: none;
    position: relative;
}

.share-pg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6rem;
    height: 12rem;
}
.share-close{
   width: 0.58rem;
   height: 0.58rem;
   background: url("/custom/img/act/act240508/close.png");
   background-size: 100% 100%;
   position: absolute;
   right: -0.5rem;
   top: -0.7rem;
}
.share-pg img{
    width: 100%;
    height: 100%;
}
.result-pic{
    width: 7.5rem;
}
.pop-award{
    width: 6.01rem;
    height: 7.29rem;
    background: url("/custom/img/act/act240508/pop-share.png");
    background-size: 100% 100%;
}
.wait-login{
    color: #4f372c;
    font-size: 0.32rem;
    text-align: center;
    position: absolute;
    top: 5.5rem;
    left: 50%;
    transform: translate(-50%, 0);
    font-weight: bold;
    display: none;
}
.login-btn{
    color:#91352a;
    font-size: 0.24rem;
    border-bottom: 1px solid #91352a;
    text-align: center;
    display: inline-block;
}
.login-inner{
    width: 4.79rem;
    height: 0.69rem;
    background: url("/custom/img/act/act240508/input.png");
    background-size: 100% 100%;
    left: 50%;
    top: 5.5rem;
    transform: translate(-50%,0);
    position: absolute;
    display: none;
}
.award-code{
    color: #31231d;
    font-size: 0.3rem;
    text-align: center;
    left: 0.8rem;
    position: absolute;
    top: 0.1rem;
}
.award-code-copy{
    width: 1.1rem;
    height: 0.6rem;
    position: absolute;
    right: 0.4rem;
}


.pop-name-input{
    color: #31231d;
    font-size: 0.3rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
    top: 2rem;
    width: 4rem;
    height: 0.6rem;
    text-align: center;
    background: transparent;
}