.wrapper {
    width: 100%;
    padding: 20px calc((100% - 1302px)/2) 50px;
    background: url("./background.png") repeat center center;
}

.local {
    font-size: 14px;
    margin: 0 20px;
    border-bottom: 1px solid #e6e6e8;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.local span {
    color: #333;
}

.local a {
    color: #5167ef;
} 

.pageList {

}

.list-background {
    width: 400px;
    margin: 0 30px 30px 0;
    float: left;
}

.list-background:nth-child(3n) {
    margin: 0 0 30px 0;
}

.list-background img {
    width: 100%;
    height: 230px;
    border-radius: 10px;
}

.list-background p {
    margin: 10px 0 0 0;
    text-align: center;
}

.list-background p a {
    font-size: 14px;
    color: #000;
}

@media screen and (max-width: 768px) {
    html {
        transform-origin: top left;
        transform: scale(var(--scale-factor));
        width: 100vw;
        height: 100vh;
        overflow-x: hidden;
        box-sizing: border-box;
    }
  }