.main-wrapper {
    width: 100%;
    height: 710px;
    overflow: hidden;
}

.page-nav {
    height: 710px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-nav li {
    text-align: center;
    width: 33%;
}
.body_mask{
    position: absolute;
    z-index: 99999;
    display: block;
    width:1080px;
    height: 1920px;
    background-color: #0f486c;
}
.body_mask img{
    position: fixed;
    top: calc(50% - 75px);
    left:calc(50% - 75px);
}
.split-line{
    width: 300px;
    opacity: 0.3;
}
.forecast-alert{
    display: flex;z-index:4;position: absolute;width:100%;height:100px;line-height:100px;background-color:#FC8326;
}
.forecast-alert div:first-of-type{
    width:110px;height: 100px;background-image: url('../imgs/icon/alert.png');background-size:60% 60%;background-repeat:no-repeat;background-position: center center;
}
.forecast-alert div:last-of-type{
    width:970px;height: 100px;;
}
.forecast-alert div:last-of-type .notice{
    font-size: 56px;color: #ffffff;font-family: bold;letter-spacing: 2px;
}