@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;}
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);}
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(../img/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{position:absolute;top:27%;left:30%;z-index:2;width:750px;border-radius:5px;background:#fff;box-shadow:0 0 5px #333;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.login-top{box-sizing:border-box;margin: 35px auto;color:#303030;text-align:center;font-size:2rem;}
.hf_left{float:left;width:320px;}
.hf_left img{width:100%;height:100%;}
.hf_right{float: right; width: 430px; height: 100%;}
.login-center{box-sizing:border-box;margin-bottom:30px;padding:0 20px;_padding:0 10px;width:100%;}
.login-center-img{float:left;margin-top:5px;width:20px;height:20px;}
.login-center-img img{width:100%;}
.login-center-input{position:relative;float:left;margin-left:15px;width:230px;height:30px;}
.login-center-input input{position:relative;z-index:2;box-sizing:border-box;padding-left:10px;width:100%;height:30px;outline:0;border:0;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #ccc;border-left:1px solid #fff;color:#333;transition:all .5s;}
.login-center-input-text{position:absolute;top:50%;left:5px;z-index:0;margin-top:-10px;padding:0 5px;height:20px;background:#fff;color:#1e90ff;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-top:29px;width:250px;height:40px;border-radius:5px;background-color:#1e90ff;color:#fff;text-align:center;line-height:40px;cursor:pointer;box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px, rgba(0, 0, 0, 0.24) 0px 1px 2px;border: none;font-size: 1.1rem;}
.login-button:hover {background-color: #0069D9}
.keep{width: 100px;float: left;height: 16px; line-height: 16px;padding: 0 55px;}
.keep input{margin-right: 2px; display: block;float: left;}
.checkbox{line-height: 12px;}