适配

@media screen and (max-width: 320px) {

}

@media screen and (min-width: 320px) and (min-height: 350px) and (max-height: 400px) {
.page1-center {
width: 63%;
}

.more-alert-box {
    width: 65%;
    margin: 5% auto;
}

}

@media screen and (min-width: 320px) and (min-height: 400px) and (max-height: 440px) {
.page1-center {
width: 75%;
}

.more-alert-box {
    width: 75%;
    margin: 5% auto;
}

}

@media screen and (min-width: 320px) and (min-height: 450px) and (max-height: 460px) {
.page1-center {
width: 80%;
}
}

@media screen and (min-width: 320px) and (min-height: 461px) and (max-height: 499px) {
.page1-center {
width: 82%;
}
}

@media screen and (min-width: 320px) and (min-height: 500px) and (max-height: 530px) {
.page1-center {
width: 92%;
}
}

@media screen and (min-width: 359px) and (min-height: 500px) and (max-height: 520px) {
.page1-center {
width: 80%;
}

.more-alert-box {
    width: 85%;
    margin: 5% auto;
}

}

@media screen and (min-width: 360px) and (min-height: 560px) and (max-height: 580px) {
.page1-center {
width: 90%;
}
}

@media screen and (min-width: 375px) and (min-height: 600px) and (max-height: 650px) {
.page1-center {
width: 93%;
}
}

@media screen and (min-width: 393px) and (min-height: 580px) and (max-height: 600px) {
.page1-center {
width: 85%;
}
}

@media screen and (min-width: 414px) and (min-height: 670px) and (max-height: 700px) {

}