html,
body {
    width: 100%;
    height: 100%;
}

#app {
    width: 100%;
    height: 100%;
    position: relative;
}

.act-not-begin{
    width: 7.5rem;
    height: 28.3rem;
    margin: 0 auto;
    background-size: 100% 100%;
    background-image: url(../images/act_not_begin.jpg?__rev=20250912);
}
.act-end{
    width: 7.5rem;
    height: 17.43rem;
    margin: 0 auto;
    background-size: 100% 100%;
    background-image: url(../images/act_end.jpg?__rev=20250912);
}
.api-stop{
    width: 7.5rem;
    height: 17.43rem;
    margin: 0 auto;
    background-size: 100% 100%;
    background-image: url(../images/api_stop.jpg?__rev=20250912);
}

.page{
    position: relative;
    width: 7.5rem;
    margin: 0 auto;
    background-size: 100% 100%;
}

.page.self{
    /* height: 46.54rem; */
    height: 47.24rem;
    background-image: url(../images/bg_self.jpg?__rev=20250912);
}
.page.other{
    /* height: 32.34rem; */
    height: 32.45rem;
    background-image: url(../images/bg_other.jpg?__rev=20250912);
}