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=6512bb1);
}
.act-end{
    width: 7.5rem;
    height: 17.43rem;
    margin: 0 auto;
    background-size: 100% 100%;
    background-image: url(../images/act_end.jpg?__rev=6512bb1);
}
.api-stop{
    width: 7.5rem;
    height: 17.43rem;
    margin: 0 auto;
    background-size: 100% 100%;
    background-image: url(../images/api_stop.jpg?__rev=6512bb1);
}

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

.page.self{
    height: 56.18rem;
    background-image: url(../images/bg_self.jpg?__rev=6512bb1);
}
.page.other{
    height: 41.97rem;
    background-image: url(../images/bg_other.jpg?__rev=6512bb1);
}