html,body{height:100%;padding:0px;margin:0;box-sizing:border-box;}
body{font-family:"Microsoft Yahei";background:#fdfdfb url(../images/erro_bg.png)no-repeat center 20%;}
body .erro{position:fixed;left:50%;top:50%;transform: translate(-50%,-75%);text-align:center;}
i{display:inline-block;width:181px;height:134px;background:url(../images/erro-ico.png)}
h1{display:block;font-size:18px;color:#533112;font-weight:normal;font-weight:bold;line-height:25px;margin-top:30px;}
p{display:block;color:#533112;font-size:14px;margin:10px auto 20px auto;}
span{color:#ce0505;}
a{color:#533112;height:50px;line-height:50px;font-size:18px;display:inline-block;text-decoration:none;overflow:hidden;position:relative;}
a:before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #533112;content:"";display:inline-block;margin-right:10px;}
a:hover{color:#533112;}
a:after{
    content:"";
    position:absolute;left:-100%;bottom:0;
    height:2px;width:100px;
    background:#000;
    -webkit-transition: all .3s;
    -moz-transition: all .3s ;
    -ms-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s;
}
a:hover:after{
    left:0;
}