@charset "utf-8";
/* CSS Document */
/*Reset*/
*{box-sizing:content-box;}
a:hover, a:focus{text-decoration:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
body{-webkit-text-size-adjust:none;}
fieldset,img{border:0;}
button{border: none;}
input::-webkit-input-placeholder { color: #fff; }
img{ vertical-align: top; max-width: 100%; }
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
.bh20{clear:both;height:20px;line-height:1px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.clearfix:after{visibility:hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.cli{ clear:both; font-size:0; height:0; overflow:hidden;display:block;}
.lclear{clear:left;font-size:0;height:0;overflow:hidden;}	
.fl{float:left;}
.fr{float:right;}
body{font-size:12px;font-family:'微软雅黑',"宋体","Arial Narrow",Helvetica,sans-serif;color:#000;line-height:1.2;text-align:left;}
a{color:#333;text-decoration:none;}
body,html{width:100%;height:100%;}
input{outline:0;border:0;background-color:rgba(0,0,0,0);color:#000;}
canvas{display:block;vertical-align:bottom;}
.count-particles{position:absolute;top:48px;left:0;padding-bottom:2px;width:80px;background:#002;color:#13e8e9;text-align:left;text-indent:4px;font-weight:700;font-size:.8em;font-family:Helvetica,Arial,sans-serif;line-height:14px;}
.js-count-particles{font-size:1.1em;}
#stats,.count-particles{margin-top:5px;margin-left:5px;-webkit-user-select:none;}
#stats{overflow:hidden;border-radius:3px 3px 0 0;}
.count-particles{border-radius:0 0 3px 3px;}
#particles-js{position:relative;margin-right:auto;margin-left:auto;width:100%;height:100%;background-image:url(../images/bg.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
.logins{position:absolute;top:50%;left:50%;z-index:1;display:none;margin:auto;margin-top:-80px;margin-left:-40px;width:80px;height:80px;color:#fff;text-align:center;-webkit-animation:sk-rotating-plane 1.2s infinite ease-in-out;animation:sk-rotating-plane 1.2s infinite ease-in-out;}
.sk-rotating-plane{position:absolute;top:50%;left:50%;z-index:1;display:none;margin:auto;margin-top:-80px;margin-left:-40px;width:80px;height:80px;-webkit-animation:sk-rotating-plane 1.2s infinite ease-in-out;animation:sk-rotating-plane 1.2s infinite ease-in-out;}
.sk-rotating-plane.active{display:block;}
@keyframes sk-rotating-plane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}
50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0);}
100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
@keyframes login-small{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);}
100%{-webkit-transform:scale(.2);-moz-transform:scale(.1);-o-transform:scale(.1);transform:scale(.2);-ms-transform:scale(.1);}
}
.login-cms{position:absolute;right:13%;top:47%;z-index:2;margin-top:-250px;margin-left:-175px;height: 483px;box-shadow: 0 0 5px #333;border-radius: 10px;background: #fff;    box-shadow: 0 0 5px #999;webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.login-top{box-sizing:border-box;margin-top:50px;margin-bottom:16px;color:#000;text-align:center;letter-spacing: 3px;font-size: 28px;font-weight: 600;overflow: hidden;}
.ms{text-align: center;font-size: 15px;color: #666;margin-bottom: 42px;}
.hf_left{float:left;width:450px;}
.hf_left img{width:100%;height:446px;}
.hf_right{float: right;padding: 0 50px;height: 100%;position: relative;}
.login-center{box-sizing:border-box;margin-bottom:10px;padding: 5px 20px 10px 20px;/* margin-top: 20px; */width:100%;overflow: hidden;border-bottom: 1px solid #ECECEC;position: relative}
.login-center-img{float:left;margin-top: 6px;width:24px;height:24px;}
.login-center-img img{width:100%;}
.login-center-input{position:relative;float:left;margin-left:15px;width:230px;}
.login-center-input input{position:relative;z-index:2;box-sizing:border-box;padding-left:10px;width:100%;height:40px;outline:0;border:0;font-size: 16px;
border-bottom:1px solid #fff;color:#999;transition:all .5s;}
.login-center-input-text{position:absolute;top:50%;left:5px;z-index:0;margin-top:-10px;padding:0 5px;height:20px;color:#fff;font-size:14px;line-height:20px;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.login-center-input input:focus~.login-center-input-text{top:0;z-index:3;margin-top:-15px;opacity:1;}
.login.active{-webkit-animation:login-small .8s;animation:login-small .8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.login-button{display:block;margin:0 auto;margin: 15px 0 5px 0;width:100%;font-size:16px;height:46px;font-weight:500;border-radius:5px;background-color:#478dff;color:#fff;text-align:center;line-height:40px;cursor:pointer;}
input{-webkit-text-fill-color: #999;}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
 box-shadow: 0 0 0 1000px #fff inset;
}

.block{position: relative}
.block .alert{color:#000;text-align:center;position:absolute;left:8px;bottom:1px;font-size:-26px;z-index:9999;color:red}
.block .alert span{font-size: 14px;}
.keep{width: 100px;float: left;height: 16px; line-height: 16px;padding: 0 20px;}
.keep input{margin-right: 2px; display: block;float: left;}
.checkbox{line-height: 12px;}
.footers{height: 126px;position: absolute;bottom: 0;left: 0;width: 100%;}
.footer{width: 1200px;line-height: 95px;color: #fff;font-size: 15px;margin: 0 auto;text-align: center;}