@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-weight: normal;}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}.none{display:none;}.block{display:block;}.noBg{background:none !important;}.noBd{border:none !important;}.noPd{padding:0 !important;}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#848484; background:#fff; }
a { color: inherit; }
a:hover { text-decoration:none;color: #fc0019;transition:color .5s;-webkit-transition:color .5s;-moz-transition:color .5s;}
.w1000{  width: 1000px;margin: auto;  position: relative;}
.erroIndex{background: url("../errorImg/erroIndex.jpg") no-repeat 50% 50%;  width: 100%;  height: 100%;  padding-top: 158px;}
.starBg{margin:0 auto 0;  width: 722px;  height: 247px;background: url("../errorImg/stars.png") no-repeat 50% 50%;  position: relative;}
.starBg .num{  margin-left: -287px;  left: 50%;  top: -20px;  width: 574px;  height: 295px;background: url("../errorImg/404.png") no-repeat 50% 50%;  position: absolute;z-index: 10;}
.starBg .airport{  width: 69px;  height: 77px;background: url("../errorImg/airport.png") no-repeat 0 0;  top: -10px;  right: -10px;  position: absolute;}
.starBg .airport span{opacity: 0;  display: block; position: absolute;background-repeat: no-repeat;background-position: 0 0;}
.starBg .airport span.a-1{  width: 10px;background-image: url("../errorImg/air-1.png");  left: -15px;  bottom: 4px;  height: 16px;}
.starBg .airport span.a-2{  width: 17px;background-image: url("../errorImg/air-2.png");  left: -25px;  bottom: -4px;  height: 27px;}
.starBg .airport span.a-3{  width: 20px;background-image: url("../errorImg/air-3.png");  left: -35px;  bottom: -13px;  height: 37px;}
.starBg .airport.active span.a-1{ animation:airport .3s 1s;  -webkit-animation:airport .3s 0s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards; }
.starBg .airport.active span.a-2{ animation:airport .3s 1.5s;  -webkit-animation:airport .3s .7s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards; }
.starBg .airport.active span.a-3{   animation:airport .3s 2s ;  -webkit-animation:airport .3s 1.4s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards; }
.starBg .star{  position: relative;  width: 100%;  height: 100%;}
.starBg .star span{  width: 12px;  height: 12px;  opacity: 0;  position: absolute;background: url("../errorImg/star.png") no-repeat 50% 50%;  display: block;}
.starBg .star .s-1 {  -webkit-animation: flashlight 1.6s 0s  infinite;  animation: flashlight 1.6s 0s  infinite;  top: 10px;  left: 10px;  }
.starBg .star .s-2 {  -webkit-animation: flashlight 1.6s .6s  infinite;  animation: flashlight 1.6s .6s  infinite;  top: 100px;  left: 30px;  }
.starBg .star .s-3 {  -webkit-animation: flashlight 1.6s 1.2s  infinite;  animation: flashlight 1.6s 1.2s  infinite;  top: -10px;  left: 200px; }
.starBg .star .s-4 {  -webkit-animation: flashlight 1.6s 1.8s  infinite;  animation: flashlight 1.6s 1.8s  infinite;  top: 0px;  left: 300px;  }
.starBg .star .s-5 {  -webkit-animation: flashlight 1.6s 2.4s  infinite;  animation: flashlight 1.6s 2.4s  infinite;top: 40px;  left: 460px; }
.starBg .star .s-6 {  -webkit-animation: flashlight 1.3s 1.6s  infinite;  animation: flashlight 1.3s 1.6s  infinite;  top: 100px;  right: 100px;  }
.errTxt{padding-left: 200px;margin:  32px auto 0;  width: 362px;  position: relative;}
.errTxt .mess{  position: absolute;  top: -5px;  left: 0;}
.errTxt .mess h1{  font-weight: bold;  color: #6c3d66;  font-size: 41px;    letter-spacing: 6px;  line-height: 42px;}
.errTxt .mess p{ color: #6d3e67;  font-size:14px;  margin-top: -2px;}
.errTxt .mess p span{  font-weight: bold;}
.errTxt .btn{  display: block;  width: 162px;  line-height: 52px;  padding-left: 23px;transition: .3s;-webkit-transition: .3s;  color: #6c3d66;  font-size: 16px;background: url("../errorImg/erro-arr.png") no-repeat 124px 50%;  height: 52px;border:2px solid #6c3d66;}
.errTxt .btn:hover{background-position-x:132px;}
@-webkit-keyframes airport {
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
@keyframes airport {
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
@-webkit-keyframes flashlight {
    from{
        -webkit-transform: scale(.1);
        transform: scale(.1);opacity: .3;
    }
    to{
        -webkit-transform: scale(1);
        transform: scale(1);opacity: 1;
    }
}
@keyframes flashlight {
    from{
        -webkit-transform: scale(.1);
        transform: scale(.1);opacity: .3;
    }
    to{
        -webkit-transform: scale(1);
        transform: scale(1);opacity: 1;
    }
}