html,body{
   position: fixed;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
}
/*加载页*/
.pg_init{
   width: 7.5rem;
   height: 15rem;
   background: url("/custom/img/act/act250625/bg_init.jpg");
   background-size: 100% 100%;
   position: relative;
   display: none;
}
.logo{
   width: 1.2rem;
   height: 1.2rem;
   display: block;
   position: absolute;
   left: 0.2rem;
   top: 0.2rem;
   background: url("/custom/img/child-care/logo.png");
   background-size: 100% 100%;
}
.login{
   font-size: 0.3rem;
   color: #ffdf2d;
   border-bottom: 1px solid #ffdf2d;
   position: absolute;
   left: 2rem;
   width: 0.7rem;
   text-align: center;
   top: 0.5rem;
}
.welcome{
   position: absolute;
   left: 1.6rem;
   top: 0.5rem;
   display: none;
}
.mobile{
   color: #ffefcd;
   font-size: 0.34rem;
   position: absolute;
   top: -0.02rem;
}
.logout{
   font-size: 0.3rem;
   color: #ffdf2d;
   border-bottom: 1px solid #ffdf2d;
   position: absolute;
   left: 2.1rem;
   width: 0.7rem;
   text-align: center;
   top: -0.02rem;
}
.btn_init_music{
   width: 0.65rem;
   height: 0.65rem;
   background: url("/custom/img/act/act250625/btn_common_music.png");
   background-size: 100% 100%;
   position: absolute;
   right: 0.3rem;
   top: 0.4rem;
}
.btn_init_music.muted{
   background: url("/custom/img/act/act250625/btn_common_musicStop.png");
   background-size: 100% 100%;
}
.btn_init_award{
   width: 0.69rem;
   height: 0.74rem;
   background: url("/custom/img/act/act250625/btn_common_gift.png");
   background-size: 100% 100%;
   position: absolute;
   right: 0.3rem;
   top: 1.2rem;
}
.btn_init_task{
   width: 0.67rem;
   height: 0.75rem;
   background: url("/custom/img/act/act250625/btn_common_task.png");
   background-size: 100% 100%;
   position: absolute;
   right: 0.3rem;
   top: 2.1rem;
}
.txt_init_first{
   width: 4.94rem;
   height: 1.69rem;
   background: url("/custom/img/act/act250625/txt_init_first.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 2.2rem;
   animation: wordShow 2s alternate;
}
.txt_init_second{
   width: 4.94rem;
   height: 1.1rem;
   background: url("/custom/img/act/act250625/txt_init_second.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 4.5rem;
   animation: wordShow 3s alternate;
}
.txt_init_third{
   width: 5.06rem;
   height: 0.42rem;
   background: url("/custom/img/act/act250625/txt_init_third.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 6.5rem;
}
@keyframes wordShow {
   0%{
      opacity: 0;
   }
   100%{
      opacity: 100;
   }
}
.divider_init{
   width: 4.62rem;
   height: 0.27rem;
   background: url("/custom/img/act/act250625/divider_init.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 7.2rem;
}
.txt_init_remainTimes{
   color: #f9be65;
   font-size: 0.25rem;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 7.6rem;
}
.btn_init_start{
   width: 4.09rem;
   height: 1.4rem;
   background: url("/custom/img/act/act250625/btn_init_startGame.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 7.8rem;
}
.btn_init_rule{
   color: #fff;
   font-size: 0.24rem;
   border-bottom: 1px solid #fff;
   display: inline-block;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top:9.5rem;
}
/**
加载页
 */
.pg_loading{
   width: 7.5rem;
   height: 15rem;
   overflow: hidden;
   display: none;
   position: relative;
}
#myVideo{
   width: 100%;
}
.pg_loading_jump{
   font-size: 0.3rem;
   color: #ffdf2d;
   border-bottom: 1px solid #ffdf2d;
   position: absolute;
   right: 0.2rem;
   width: 0.7rem;
   text-align: center;
   top: 0.2rem;
}
/*主页面*/
.pg_main{
   width: 7.5rem;
   height: 15rem;
   background: url("/custom/img/act/act250625/bg_main.png");
   background-size: 100% 100%;
   position: relative;
   display: none;
   transition: all 1s;
}
.pg_main.pg_1{
   background: url("/custom/img/act/act250625/bg_1.jpg");
   background-size: 100% 100%;
}
.pg_main.pg_2{
   background: url("/custom/img/act/act250625/bg_2.jpg");
   background-size: 100% 100%;
}
.pg_main.pg_3{
   background: url("/custom/img/act/act250625/bg_3.jpg");
   background-size: 100% 100%;
}
.pg_main.pg_4{
   background: url("/custom/img/act/act250625/bg_4.jpg");
   background-size: 100% 100%;
}
.pg_main.pg_5{
   background: url("/custom/img/act/act250625/bg_5.jpg");
   background-size: 100% 100%;
}
.pg_main.bg_success{
   background: url("/custom/img/act/act250625/bg_main.png");
   background-size: 100% 100%;
}
.pg_main_mask{
   width: 7.5rem;
   height:14.45rem;
   background: url("/custom/img/act/act250625/expand_bg.png");
   background-size: 100% 100%;
   position: absolute;
   /*bottom: 0;*/
   bottom: -2rem;
   transition: all 1s;
}
.btn_main_back{
   width: 0.71rem;
   height: 0.81rem;
   background: url("/custom/img/act/act250625/btn_common_back.png");
   background-size: 100% 100%;
   position: absolute;
   left: 0.2rem;
   top: 0.4rem;
}
.progress_main{
   width: 5.14rem;
   height: 0.49rem;
   background: url("/custom/img/act/act250625/progress_main_outer.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 0.8rem;
}
.progress_main_inner::after{
   content: "";
   width: 3.92rem;
   height: 0.17rem;
   background: url("/custom/img/act/act250625/progress_main_line.png");
   background-size: 100% 100%;
   position: absolute;
   left: 0.5rem;
   top: 0.01rem;
}
.progress_main_flash{
   width: 4.9rem;
   height: 0.23rem;
   background: yellow;
   position: absolute;
   left: 0.11rem;
   top: 0.12rem;
   border-radius: 0.1rem;
}
.progress_main_flash.flash {
   animation: flash-bar 0.8s infinite;
}
@keyframes flash-bar {
   0%, 100% { opacity: 0.7; }
   50% { opacity: 0; }
}
.progress_main_inner{
   width: 4.9rem;
   height: 0.23rem;
   background: url("/custom/img/act/act250625/progress_main_inner.png");
   background-size: 4.9rem 0.23rem;
   position: absolute;
   left: 0.11rem;
   top: 0.12rem;
}
.progress_main_txt{
   color: #fff;
   font-size: 0.28rem;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 0.06rem;
   font-weight: bold;
}
.btn_main_award{
   width: 0.69rem;
   height: 0.74rem;
   background: url("/custom/img/act/act250625/btn_common_gift.png");
   background-size: 100% 100%;
   position: absolute;
   right: 0.4rem;
   top: 0.6rem;
}
.btn_main_packup{
   width: 0.48rem;
   height: 0.66rem;
   background: url("/custom/img/act/act250625/btn_main_packUp.png");
   background-size: 100% 100%;
   position: absolute;
   right: 0.5rem;
   top: 2rem;
   visibility: hidden;
}
.btn_main_expand{
   width: 0.48rem;
   height: 0.66rem;
   background: url("/custom/img/act/act250625/btn_main_expand.png");
   background-size: 100% 100%;
   position: absolute;
   right: 0.5rem;
   top: 3.5rem;
   visibility: visible;
}

.bk_main_dialog{
   position: fixed;
   left: 50%;
   transform: translate(-50%,0);
   /*top: 2.5rem;*/
   bottom: 2.5rem;
   width: 7.5rem;
   -webkit-overflow-scrolling: touch; /* 开启惯性滚动 */
   /* 建议加上以下属性提升性能 */
   will-change: scroll-position;
   display: flex;
   flex-direction: column;
   /*height: 8rem;*/
   height: 40%;
   overflow-y: scroll;
   padding-top: 0.3rem;
   transition: all 1s;
}
.item_main_dialog{
   display: flex;
   max-width: 6.5rem;
   justify-content: left;
   align-self: flex-start;
   margin-left: 0.1rem;
   box-sizing: border-box;
}
.avatar_main{
   width: 0.82rem;
   height: 0.79rem;
   background: url("/custom/img/act/act250625/avatar_main_guo.png");
   background-size: 100% 100%;
   margin: -0.3rem 0.1rem;
}
.bk_right_main{
   flex:1;
}
.name_main{
   width: 0.8rem;
   height: 0.3rem;
   background: url("/custom/img/act/act250625/name_main_guo.png");
   background-size: 100% 100%;
}
.btn_start_game{
   width: 2.62rem;
   height: 0.78rem;
   background: url("/custom/img/act/act250625/btn_start_game.png");
   background-size: 100% 100%;
}
.txt_main{
  background: #fff;
   opacity: 0.85;
   color: #000;
   font-size: 0.28rem;
   padding: 0.2rem 0.1rem;
   border-radius: 0.1rem;
   margin: 0.25rem auto;
}
.list_main_options{
   font-size: 0;
   display: flex;
   flex-direction: column;
   margin-top: -0.3rem;
}
.item_main_choice{
   background: rgba(255, 255, 255, 0.3);
   color: #fff;
   font-size: 0.28rem;
   padding: 0.2rem 0.1rem;
   border-radius: 0.1rem;
   margin: 0.1rem 0;
   width: fit-content;
   max-width: 100%;
   display: inline-block;
   border: 0.05rem solid #fff;
}
.self{
   flex-direction: row-reverse;
   justify-content: right;
   align-self: flex-end;
   /*margin-top: -0.2rem;*/
}
.self .avatar_main{
   width: 0.82rem;
   height: 0.79rem;
   background: url("/custom/img/act/act250625/avatar_main_self.png");
   background-size: 100% 100%;
   margin:0 0.1rem;
}
.self .name_main{
   width: 0.54rem;
   height: 0.28rem;
   background: url("/custom/img/act/act250625/name_main_self.png");
   background-size: 100% 100%;
   margin-left: auto;
   margin-right: 0;
}
.self .txt_main{
   background: #fbdcff;
}
.system .txt_main{
   background: #f8e8c0;
}
.system .avatar_main{
   width: 0.82rem;
   height: 0.79rem;
   background: url("/custom/img/act/act250625/avatar_main_system.png");
   background-size: 100% 100%;
   margin: -0.3rem 0.1rem;
}
.system .name_main{
   width: 1.07rem;
   height: 0.29rem;
   background: url("/custom/img/act/act250625/name_main_system.png");
   background-size: 100% 100%;
}
.options .avatar_main{
   width: 0.82rem;
   height: 0.79rem;
   background: transparent;
   margin: -0.3rem 0.1rem;
}
.options .name_main{
   width: 1.07rem;
   height: 0.29rem;
   background: transparent;
}
.input_bg{
   width: 7.5rem;
   height: 3.09rem;
   background: url("/custom/img/act/act250625/input_bg.png");
   background-size: 100% 100%;
   position: fixed;
   bottom: 0;
   pointer-events: none;
}
.input_main{
   width: 6.76rem;
   height: 1.21rem;
   background: url("/custom/img/act/act250625/input_main.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   bottom: 1rem;
}
input:disabled{
   color: #000;
   opacity: 1;
}
#input_txt{
   width:4.8rem;
   height: 0.6rem;
   position: absolute;
   left: 0.25rem;
   top: 0.05rem;
   background: transparent;
   font-size: 0.3rem;
   color: #000;
   pointer-events: visible;
}
.input_main_btn{
   width: 1.5rem;
   height: 0.8rem;
   position: absolute;
   right: 0;
   top: 0;
   pointer-events: visible;
}

/*逃脱成功页面*/
.pg_success{
   width: 7.5rem;
   height: 15rem;
   background: url("/custom/img/act/act250625/bg_success.jpg");
   background-size: 100% 100%;
   position: relative;
   display: none;
}
.btn_get_award{
   width: 2.52rem;
   height: 0.72rem;
   background: url("/custom/img/act/act250625/btn_get_award.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 8rem;
}

/*逃脱失败页面*/
.pg_fail{
   width: 7.5rem;
   height: 15rem;
   background: url("/custom/img/act/act250625/bg_fail.jpg");
   background-size: 100% 100%;
   position: relative;
   display: none;
}

/*弹窗*/
.pop{
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background: rgba(0,0,0,0.5);
   display: none;
}
.pop_inner{
   position: absolute;
   left: 50%;
   transform: translate(-50%,-50%);
}
.pop_close{
   position: absolute;
   right: 0.2rem;
   top: 0.1rem;
   width: 0.8rem;
   height: 0.8rem;
}
.is-show{
   display: block!important;
}
/*关注公众号*/
.pop_wxNotice{
   width: 7.18rem;
   height: 7.74rem;
   /*background: url("/custom/img/act/act250625/pop_wxNotice.png");*/
   /*background-size: 100% 100%;*/
}
.pop_wxNotice img{
   width: 100%;
}

/*关注视频号*/
.pop_wxVideoNotice{
   width: 7.18rem;
   height: 7.74rem;
   /*background: url("/custom/img/act/act250625/pop_wxVideoNotice.png");*/
   /*background-size: 100% 100%;*/
}
.pop_wxVideoNotice img{
   width: 100%;
}

/*任务列表*/
.pop_task{
   width: 7.18rem;
   height: 9.5rem;
   background: url("/custom/img/act/act250625/pop_task.png");
   background-size: 100% 100%;
}
.pop_task_challangeTimesTxt{
   color: #7a591c;
   font-size: 0.3rem;
   font-weight: bold;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 1.5rem;
}
.pop_task_list{
   color: #7a591c;
   font-size: 0.32rem;
   font-weight: bold;
   position: absolute;
   top: 2.2rem;
   display: flex;
   flex-direction: column;
   left: 50%;
   transform: translate(-50%,0 );
}
.pop_task_item{
   width: 6rem;
   height: 1.05rem;
   position: relative;
}
.pop_task_item.finish::before{
   content: "";
   width: 1.39rem;
   height: 0.85rem;
   background: url("/custom/img/act/act250625/tag_task_finish.png");
   background-size: 100% 100%;
   position: absolute;
   right: 1.5rem;
   bottom: 0;
}
.pop_task_title{
   position: absolute;
   top: 0.15rem;
   left: 0.8rem;
}
.pop_task_btn{
   width: 1.87rem;
   height: 0.6rem;
   position: absolute;
   left: 4rem;
   top: 0.25rem;
}
.btn_share{
   background: url("/custom/img/act/act250625/btn_task_share.png");
   background-size: 100% 100%;
}
.btn_download{
   background: url("/custom/img/act/act250625/btn_task_download.png");
   background-size: 100% 100%;
}
.btn_follow{
   background: url("/custom/img/act/act250625/btn_task_follow.png");
   background-size: 100% 100%;
}

/*逃脱成功奖励*/
.pop_success{
   width: 7.5rem;
   height: 15rem;
   background: url("/custom/img/act/act250625/bg_success.jpg");
   background-size: 100% 100%;
}
.pop_successEscape{
   width: 7.18rem;
   height: 9.5rem;
   background: url("/custom/img/act/act250625/pop_successEscape.png");
   background-size: 100% 100%;
}
.pop_successEscape_tips{
   color: #ca7d43;
   font-size: 0.35rem;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 6.8rem;
   width: 6.5rem;
   text-align: center;
   display: none;
}
.pop_successEscape_gift{
   width: 6.56rem;
   height: 1.38rem;
   background: url("/custom/img/act/act250625/pop_successEscape_gift.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 6.3rem;
}
.pop_successEscape_txt{
   color: #ca7d43;
   font-size: 0.35rem;
   padding: 0.06rem 0.2rem;
}
.pop_successEscape_copy{
   width: 1rem;
   height: 0.6rem;
   position: absolute;
   right: 0.1rem;
   top: 0;
}
.btn_pop_successEscape_back{
   width: 2.5rem;
   height: 0.8rem;
   position: absolute;
   left: 0.4rem;
   top: 1.6rem;
}
.btn_pop_successEscape_again{
   width: 2.62rem;
   height: 0.82rem;
   background: url("/custom/img/act/act250625/btn_try_again.png");
   background-size: 100% 100%;
   position: absolute;
   left: 3.5rem;
   top: 1.6rem;
}
.btn_pop_successEscape_again.disabled{
   background: url("/custom/img/act/act250625/btn_try_again_no.png");
   background-size: 100% 100%;
}
.txt_pop_susuccessEscape{
   color: #a4421c;
   font-size: 0.26rem;
   position: absolute;
   left: 4rem;
   top: 2.4rem;
}

/*活动规则*/
.pop_rule{
   width: 7.18rem;
   height: 9.5rem;
   background: url("/custom/img/act/act250625/pop_rule.png");
   background-size: 100% 100%;
}
.pop_rule_outer{
  width: 6.14rem;
  height: 7rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
   overflow-y: scroll;
   top: 2rem;
}
.pop_rule_inner{
   width: 6.14rem;
   height: 5.76rem;
   background: url("/custom/img/act/act250625/pop_rule_inner.png");
   background-size: 100% 100%;
}

/*我的奖励*/
.pop_gift{
   width: 7.18rem;
   height: 7.74rem;
   background: url("/custom/img/act/act250625/pop_gift.png");
   background-size: 100% 100%;
}
.pop_gift_tips{
   color: #ca7d43;
   font-size: 0.35rem;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 6.4rem;
   width: 6.5rem;
   text-align: center;
}
.pop_gift_inner{
   display: none;
   width: 6.56rem;
   height: 1.38rem;
   background: url("/custom/img/act/act250625/pop_successEscape_gift.png");
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 6rem;
}
.pop_gift_txt{
   color: #ca7d43;
   font-size: 0.35rem;
   padding: 0 0.2rem;
   position: absolute;
   left: 0.2rem;
   top: 0.08rem;
}
.pop_gift_copy{
   width: 1.2rem;
   height: 0.6rem;
   position: absolute;
   left: 5.6rem;
   top: 0;
}
/*逃脱失败*/
.pop_failEscapeWithNoTimes{
   width: 7.5rem;
   height: 8.57rem;
   background: url("/custom/img/act/act250625/pop_failEscapeWithNoTimes.png");
   background-size: 100% 100%;
}
.pop_failEscapeWithNoTimes_back{
   position: absolute;
   left: 50%;
   transform: translate(-50%, 0);
   width: 3rem;
   height: 1rem;
   top: 6.8rem;
}

/*逃脱失败*/
.pop_failEscape{
   width: 7.18rem;
   height: 9.5rem;
   background: url("/custom/img/act/act250625/pop_failEscape.png");
   background-size: 100% 100%;
}
.txt_pop_failEscape{
   color: #7a591c;
   font-size: 0.3rem;
   font-weight: bold;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0);
   top: 1.5rem;
}
.pop_failEscape_list{
   color: #7a591c;
   font-size: 0.32rem;
   font-weight: bold;
   position: absolute;
   top: 2rem;
   display: flex;
   flex-direction: column;
   left: 50%;
   transform: translate(-50%,0 );
}
.pop_failEscape_item{
   width: 6rem;
   height: 1.05rem;
   position: relative;
}
.pop_failEscape_item.finish::before{
   content: "";
   width: 1.39rem;
   height: 0.85rem;
   background: url("/custom/img/act/act250625/tag_task_finish.png");
   background-size: 100% 100%;
   position: absolute;
   right: 1.5rem;
   bottom: 0;
}
.pop_failEscape_title{
   position: absolute;
   top: 0.1rem;
   left: 0.8rem;
}
.pop_failEscape_btn{
   width: 1.87rem;
   height: 0.6rem;
   position: absolute;
   left: 4rem;
   top: 0.25rem;
}
.pop_failEscape_back{
   width: 2.8rem;
   height: 0.8rem;
   position: absolute;
   left: 0.5rem;
   top: 8.5rem;
}
.pop_failEscape_again{
   width: 2.62rem;
   height: 0.82rem;
   background: url("/custom/img/act/act250625/btn_try_again.png");
   background-size: 100% 100%;
   position: absolute;
   left: 3.6rem;
   top: 8.46rem;
}
.pop_failEscape_again.disabled{
   background: url("/custom/img/act/act250625/btn_try_again_no.png");
   background-size: 100% 100%;
}
/*继续旅途*/
.pop_continueGame{
   width: 7.18rem;
   height: 5.46rem;
   background: url("/custom/img/act/act250625/pop_continueGame.png");
   background-size: 100% 100%;
}
.pop_continueGame_again{
   position: absolute;
   left: 0.4rem;
   width: 3rem;
   height: 1rem;
   top: 3.8rem;
}
.pop_continueGame_continue{
   position: absolute;
   left: 5rem;
   transform: translate(-50%, 0);
   width: 3rem;
   height: 1rem;
   top: 3.8rem;
}

.dot {
   display: inline-block;
   width: 0.1rem;
   height: 0.1rem;
   margin: 0 0.06rem;
   border-radius: 50%;
   background-color: black;
   animation: blink 1.2s infinite;
}

.dot:nth-child(2) {
   animation-delay: 0.2s;
}
.dot:nth-child(3) {
   animation-delay: 0.4s;
}

@keyframes blink {
   0%,
   20% {
      opacity: 0;
   }
   50% {
      opacity: 1;
   }
   100% {
      opacity: 0;
   }
}

/*PC端展示*/
html,body{
   width: 100%;
   height: 100%;
   overscroll-behavior: none; /* Chrome Android 支持 */
   -webkit-overflow-scrolling: auto; /* iOS 设置非弹性滚动 */
   touch-action: pan-y;
}
.PC{
   justify-content: center;
   align-items: center;
   height: 100vh;
   background-color: #f0f0f0;
   display: none;
}
.PC img{
   max-width: 100%;
   max-height: 100%;
}
input::placeholder{
   color: #0c0c0c;
}

/*弹窗-游戏玩法说明*/
.pop_gamplay_tips{
   width: 7.18rem;
   height: 5.46rem;
   background: url("/custom/img/act/act250625/pop_tips.png");
   background-size: 100% 100%;
}
.pop_gameplay_submit{
   width: 3rem;
   height: 1rem;
   position: absolute;
   left: 50%;
   transform: translate(-50%, 0);
   top: 3.5rem
}