/* 设置响应式布局 */
    @media screen and (min-width: 1px) and (max-width: 768px) {

        .error{
            width: 100%;
            height: 900px;
            background: linear-gradient(to right, #acecea, #f3d9e4);
            background-size: 100% 100%;
        }

        .error h1 {
            font-size: 50px;
            text-align: center;
            /* padding-top: 50px; */
        }
        .error h2{
            color: white;
            text-align: center;

        }
        .error p{
            text-align: center;
            align-items: center;
            font-size: 20px;
        }
        .error h1 a{
            font-size: 20px;
            text-decoration: none;
            /*去掉下划线*/
            color: inherit;
            /* 去除字体颜色 */
        }
    }

    @media screen and (min-width: 768px) {
        .error{
            width: 100%;
            height: 900px;
            background: linear-gradient(to right, #acecea, #f3d9e4);
            background-size: 100% 100%;
        }

        .error h1 {
            /* color: white; */
            font-size: 50px;
            text-align: center;
            /* padding-top: 50px; */

        }
        .error h2{
            color: white;
            text-align: center;

        }
        .error p{
            text-align: center;
            align-items: center;
            font-size: 20px;
        }
        .error h1 a{
            font-size: 20px;
            text-decoration: none;
            /*去掉下划线*/
            color: inherit;
            /* 去除字体颜色 */
        }

    }