@charset "utf-8";
/* 
 * Theme Name:404错误页样式
 * 官网: http://www.zhilewa.com
 * 店铺: http://zhilewa.taobao.com
 * Author: 智乐网 出品制作
 * 
 * 尊重原创，支持正版，感谢您的支持。
*/
img,legend{border:0;}
ul{padding:0;}
body{color:#333;font-size:16px;font-family:'Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei',Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding: 0;}
a{background-color:transparent;text-decoration:none;}
a:active,a:hover{outline:0;}
.f-red{color:#c10;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:40px;height:40px;line-height:40px;border-radius:50%;background:url(../css/images/icon_bg.jpg)}
ol,ul{list-style:none;margin:0;}
.home-link{font-size:22px;font-weight:200;}
.home-link a{ color:#05345F;}
.container{width:1140px;margin:0 auto;}
.col-half{width:50%;}
.text-center{text-align:center;}
.clearfix:after,.clearfix:before{display:table;content:" ";}
.clearfix:after{clear:both;}
.btn{height:50px;background-color:#0E8CFD;line-height:50px;}
.main{width:100%;background:url(../css/images/404-bg.png) top center repeat-x #0086FF;text-align:center;width: 100%;overflow: hidden;}
.footer .links{width:1140px;height:100px;border-bottom:1px solid #32373D;line-height:100px;border-color:#fff;margin:0 auto;}
.footer .about-links li{display:inline-block;margin-right:35px;float:right;}
.footer .social-links{margin-left: 50px;float:left;}
.footer .social-links li{float:left;margin-left:12px;width:40px;height:40px;text-align:center;line-height: 40px;}
.icon-sina{background-position: -1px 0px;font-size:26px;}
.icon-wechat{background-position: -44px 0px;font-size:26px;cursor:pointer;}
.icon-home{background-position: -86px 0px;font-size:26px;}
.icon-rss{background-position: -129px 0px;font-size:26px;}
.copyright,.copyright a{color:#32373D;text-align:center;line-height:48px;}
.dialog,.dialog-overlay{top:0;left:0;width:100%;height:0;}
.dialog{position:fixed;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;display: none;}
.dialog-overlay{position:absolute;z-index:100;background:rgba(55,58,71,.5);opacity:0;transition:opacity .3s;}
.dialog-open .dialog-overlay{height:100%;opacity:1;pointer-events:auto;}
.dialog-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;box-sizing:border-box;width:420px;height:410px;background:#fff;text-align:center;line-height:26px;opacity:0;margin:auto;padding:4em;}
.dialog-qrcode{width:170px;}
.dialog-open .dialog-content{pointer-events:auto;}
.dialog.dialog-close .dialog-content,.dialog.dialog-open .dialog-content{animation-duration:.3s;animation-fill-mode:forwards;}
.dialog.dialog-open .dialog-content{animation-name:anim-open;}
.dialog.dialog-close .dialog-content{animation-name:anim-close;}
.dialog .dialog-close{width:150px;cursor:pointer;margin:0 auto;}
.text-image{margin:6px auto 6px -3px;}
.footer{width:1140px;height:70px;background-color:#0086FF;margin:110px auto 0;}
.footer #logo{float:left;margin-top:15px;background:url(../css/images/404-logo.jpg) no-repeat;width:125px;height:35px;}
.footer p{float:left;display:inline;line-height:30px;margin:20px 50px;}
.btn,.iconfont,.footer .about-links li a,a,.main{color:#fff;}
.dialog.dialog-open,body,html,.main{height:100%;display: block;}