.pg-1{
  width: 7.5rem;
  height: 29.26rem;
  background: url("/custom/img/act/act250926/pg1.jpg");
  background-size: 100% 100%;
    display: none;
}
.btn-main{
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
}
.btn-download {
    width: 1.98rem;
    height: 1rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
}
.txt-open-server{
    color: #457b53;
    font-size: 0.28rem;
    position: absolute;
    left: 4.1rem;
    top: 6rem;
}
.txt-open-server-countdown{
    color: #457b53;
    font-size: 0.28rem;
    position: absolute;
    left: 4.1rem;
    top: 7rem;
    width: 2.6rem;
    text-align: center;
}
.btn-pop-rule {
    width: 0.64rem;
    height: 2.19rem;
    background: url("/custom/img/act/act250926/btn-rule.png");
    background-size: 100% 100%;
    position: fixed;
    right: 0;
    top: 8rem;
    z-index: 100;
}
.login{
    color: #6c5dc9;
    font-size: 0.24rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 8.6rem;
    display: none;
    border-bottom: 1px solid #6c5dc9;
}
.welcome{
    color: #2e6f54;
    font-size: 0.24rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 8.6rem;
    display: none;
}
.logout{
    color: #6c5dc9;
    border-bottom: 1px solid #6c5dc9;
}

.txt-server-invite{
    color: #df6e30;
    font-size: 0.28rem;
    position: absolute;
    left: 2.4rem;
    top: 10.6rem;
}
.btn-appoint{
    width: 2.09rem;
    height: 0.62rem;
    background: url("/custom/img/act/act250926/btn-appoint.png");
    background-size: 100% 100% ;
    position: absolute;
    left: 4.4rem;
    top: 10.45rem;
}
.btn-appoint.has-appoint{
    background: url("/custom/img/act/act250926/btn-has-appoint.png");
    background-size: 100% 100% ;
}
.btn-appoint.end{
    background: url("/custom/img/act/act250926/btn-appoint-end.png");
    background-size: 100% 100% ;
}

.progress-inner {
    width: 6.06rem;
    height: 0.14rem;
    background: url("/custom/img/act/act250826/progress-outer.png");
    background-size: 100% 100%;
    position: absolute;
    left: 0.7rem;
    top: 11.75rem;
}
.progress-dot-1,.progress-dot-2,.progress-dot-3{
    width: 0.24rem;
    height: 0.24rem;
    background: url("/custom/img/act/act250926/progress-dot.png");
    background-size: 100% 100% ;
    position: absolute;
    top: -0.05rem;
}
.progress-dot-1{
    left: 1.6rem;
}
.progress-dot-2{
    left: 3.5rem;
}
.progress-dot-3{
    left: 5.3rem;
}
.tag-dot-1,.tag-dot-2,.tag-dot-3{
    width: 1.37rem;
    height: 1.05rem;
    background: url("/custom/img/act/act250926/tag-appoint.png");
    background-size: 100% 100% ;
    position: absolute;
    left: 5.5rem;
    display: none;
}
.tag-dot-1{
    top: 12.6rem;
}
.tag-dot-2{
    top: 15.2rem;
}
.tag-dot-3{
    top: 17.8rem;
}
.btn-follow-weixin{
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0.9rem;
    top: 24.5rem;
}
.btn-follow-forumn{
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 3.2rem;
    top: 24.5rem;
    display: block;
}
.btn-follow-weibo{
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 5.7rem;
    top: 24.5rem;
    display: block;
}

.is-show{
    display: block!important;
}

.pg-2{
    width: 7.5rem;
    height: 39.5rem;
    background: url("/custom/img/act/act250926/pg2.jpg");
    background-size: 100% 100%;
    display: none;
}


/*按钮*/
.bottom-btn{
    width: 7.5rem;
    height: 0.91rem;
    background: url("/custom/img/act/act250926/btn.png");
    background-size: 100% 100%;
    display: flex;
    position: fixed;
    bottom: 0;
}
.bottom-btn-inner{
    width: 2.5rem;
    height: 0.9rem;
}
.bottom-btn-01.active{
    width: 2.5rem;
    height: 0.91rem;
    background: url("/custom/img/act/act250926/btn-1-active.png");
    background-size: 100% 100%;
}

.bottom-btn-02.active{
    width: 2.5rem;
    height: 0.91rem;
    background: url("/custom/img/act/act250926/btn-2-active.png");
    background-size: 100% 100%;
}

/*弹窗*/
.pop{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 1000;
}
.pop-inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.pop-close{
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    right: 0;
    top: 0;
}
.pop-rule{
    width: 7.31rem;
    height: 5.98rem;
    background: url("/custom/img/act/act250926/pop-rule.png");
    background-size: 100% 100%;
}
/*二维码展示*/
.pop-ercode{
    width: 7.31rem;
    height: 5.98rem;
    background: url("/custom/img/act/act250926/pop-ercode.png");
    background-size: 100% 100%;
}
.ercode{
    position: absolute;
    width: 3.1rem;
    left: 2rem;
    top: 1.2rem;
}