/* 通用样式 */
body{position:relative;height:100vh;background:url(../Images/error_bg.jpg) no-repeat center center / cover;}
/* 通用字体 */
.hn{vertical-align:middle;}
/* 错误页面 */
.error-box,.error-box .detail .txt{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.error-box .detail{position:relative;width:300px;height:300px;color:#fff;line-height:1;text-align:center;margin:0 auto 60px;background:rgba(41,81,70,.7);border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.error-box .detail:hover{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg);}
.error-box .detail .txt{color:#bbcdc5;}
.error-box .detail .txt h3{font-size:45px;font-weight:normal;font-family:Arial;text-transform:uppercase;font-style:italic;}
.error-box .detail .txt p{font-size:16px;line-height:1.8;margin-top:15px;}
.error-box .links{text-align:center;}
.error-box .links a{display:inline-block;width:130px;height:40px;line-height:40px;color:#fff;text-align:center;background:#33614d;border-radius:40px;}
.error-box .links a:hover{color:#fff;background:#bb8255;}
.error-box .links a+a{margin-left:20px;}
.error-box .links a .hn{font-size:20px;margin-right:10px;}
@media (min-width:1200px){
    /* 通用样式 */
    body{min-width:1200px;}
    /* 错误页面 */
    .error-box .detail{width:350px;height:350px;}
    .error-box .detail .txt h3{font-size:50px;}
    .error-box .detail .txt p{font-size:18px;}
    .error-box .links a{width:180px;height:45px;line-height:45px;border-radius:45px;}
}