* {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'PingFangSC-Regular', 'Microsoft YaHei';
    box-sizing: border-box;
    text-decoration: none;
}

html,
body {
    width: 100%;
    height: 100%;
    min-width: 1200px;
}

.not-found {
    width: 100%;
    min-height: 100%;
    background: url("../img/404bg_s.jpg")no-repeat center center;
}

.not-found .logo {
    margin: 0 0 0 120px;
    padding-top: 70px;
}

.not-found .center {
    width: 1300px;
    height: 300px;
    margin: 180px auto 0;
    display: flex;
}

.not-found .center .left {
    width: 617px;
    height: 259px;
    margin-right: 100px;
}

.not-found .center .left img {
    width: 100%;
    height: 100%;
    margin-top: 30px;
}

.not-found .center .right p:nth-child(1) span {
    font-family: PingFangSC-Semibold;
    font-size: 72px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    margin-right: 20px;
}

.not-found .center .right p:nth-child(2) {
    font-family: PingFangSC-Medium;
    font-size: 26px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
}

.not-found .center .right p:nth-child(3) {
    font-family: PingFangSC-Regular;
    font-size: 21px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    margin-top: 20px;
}

.not-found .center .right p:nth-child(4) span {
    font-family: PingFangSC-Regular;
    font-size: 21px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    line-height: 29px;
}

.not-found .center .right p:nth-child(4) em {
    font-family: PingFangSC-Semibold;
    font-size: 28px;
    color: #FF1240;
    letter-spacing: 0;
    text-align: justify;
    line-height: 40px;
    font-style: normal;
    padding-right: 6.8px;
}

.not-found .center .right a {
    width: 200px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF1240;
    border-radius: 2px;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    margin-top: 33px;
}

.not-found .center .left .mo,
.not-found .center .right .mo {
    display: none;
}

@media screen and (max-width:1000px) {
    html,
    body {
        width: 100%;
        min-width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .not-found .center .left .mo,
    .not-found .center .right .mo {
        display: block;
    }
    .not-found .center .left .pc,
    .not-found .center .right .pc {
        display: none;
    }
    .not-found {
        background: none!important;
        height: 100%;
        /* padding-top: 50px; */
    }
    .not-found .logo {
        display: none;
    }
    .not-found .logo {
        margin-left: 30px;
        padding-top: 50px;
    }
    .not-found .center {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        flex-direction: column;
        justify-content: space-evenly;
        height: 100%;
        padding-top: 0.65rem;
    }
    .not-found .center .left {
        width: 74%;
        height: auto;
        margin: 0 auto;
    }
    .not-found .center .right {
        width: 82.2%;
        color: #222222;
        margin: 0 auto;
    }
    .not-found .center .left img {
        height: auto;
        margin-top: 0;
    }
    .not-found .center .right p {
        color: #ffffff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 19px;
    }
    .not-found .center .right p:nth-child(1) span {
        color: #999999;
        font-size: 46px;
        font-family: 'PingFangSC-Semibold';
        margin-right: 0;
    }
    .not-found .center .right p span {
        color: #999999;
        text-align: center;
    }
    .not-found .center .right p:nth-child(2) {
        color: #999999;
        font-size: 14px;
        text-align: center;
        margin: 28px auto 18px;
    }
    .not-found .center .right p:nth-child(3) {
        color: #999999;
        font-size: 14px;
        text-align: center;
        margin-top: 0;
    }
    .not-found .center .right p:nth-child(4) {
        color: #999999;
        font-size: 13px;
        text-align: center;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .not-found .center .right p:nth-child(4) span {
        color: #999999;
        font-size: 13px;
        text-align: center;
    }
    .not-found .center .right p:nth-child(4) em {
        color: #4284ED;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
    }
    /* .not-found .center .right a {
        height: 44px;
        width: 200px;
        line-height: 44px;
        text-align: center;
        background: #4284ED;
        border-radius: 5px;
        font-size: 13px;
        margin: 38px auto 0;
        display: block;
    } */
    .not-found .center .right p a,
    .not-found .center .right a {
        color: #999999;
        text-decoration: none;
        display: inline;
        width: auto;
        line-height: 19px;
        font-size: 14px;
        margin-top: 0;
        height: auto;
        background: none;
    }
    .not-found .center .right a.mo {
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        background: #4284ED;
        border-radius: 50%;
        font-size: 13px;
        margin: 38px auto 0;
        display: block;
        color: #ffffff;
    }
    .not-found .center .right a.pc {
        display: none;
    }
    .background {}
    .not-found .center .right a.pc {
        display: none;
    }
}