body{margin:0;padding:0;font-family:"Microsoft YaHei","Open Sans",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;background-color:#fff;color:rgba(0,0,0,0.8);font-size:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;word-wrap:break-word}
@font-face {font-family: 'icomoon';src: url('../fonts/icomoon.ttf') format('truetype');
font-weight: normal;font-style: normal;}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{text-decoration: none}
.icon-weibo:before {content: "\f3d9";}
.icon-qq:before {content: "\f420";}
.icon-weixin:before {content: "\f421";}
button,input{font-family:"Microsoft YaHei","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif}
::-webkit-input-placeholder{color:rgba(0,0,0,.6)}::-moz-placeholder{color:rgba(0,0,0,.6)}:-ms-input-placeholder{color:rgba(0,0,0,.6)}
.login-wrap{margin-top:100px;}
.loginbox{position:relative;z-index:999;-webkit-perspective:500px;-moz-perspective:500px;-ms-perspective:500px;-o-perspective:500px;perspective:500px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:1.0;visibility:visible;overflow:auto}
.loginbox .part{width:320px;position:relative;height:auto;padding:0 5px;top:0;left:0;right:0;bottom:0;z-index:9;margin:auto;-webkit-animation: showPanel 0.5s ease;-moz-animation: showPanel 0.5s ease;animation: showPanel 0.5s ease-in;}
.loginbox h2{font-size:28px;text-align:center;margin:70px auto 40px;}
.loginbox h2 img{width:180px;height:auto;border:none;}
.loginbox p{margin:0;}
.loginbox .input-item{margin-bottom:10px; position: relative;}
.loginbox .input-submit{margin-bottom:6px;}
.loginbox .input-submit .submit{font-size:14px;background:#000;color:#fff;width:100%;border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:12px 0;cursor:pointer}
.loginbox .input-submit .submit:hover{background: rgba(0,0,0,.8)}
.loginbox .input-item .input-control{padding:13px 12px;border:none;width:294px;border:1px solid #eaeaea;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.loginbox .input-item .captcha-clk{position:absolute;top:1px;right:1px;cursor: pointer;}
.loginbox .safe{margin-bottom:50px;margin-top:15px;overflow:hidden}
.loginbox .safe a{font-size:13px;color: rgba(0,0,0,.7);}
.loginbox .safe .signup-loader, .loginbox .safe .signin-loader{float:right}
.loginbox .sign-tips, .loginbox .sign-tip{font-size:8px;color:#f42;margin-bottom:10px;margin-top: -4px;display:none}
.loginbox .regSuccess{font-size:14px;text-align:center;margin-top:90px;}
.loginbox .social-login{text-align:center;font-size: 12px;}
.loginbox .social-login span{color:#aaa;position: relative;}
.loginbox .social-login span:before{top: 9px;left: -105px;}
.loginbox .social-login span:after{top: 9px;right: -105px;}
.loginbox .social-login span:before, .loginbox .social-login span:after{position: absolute;content: '';border-bottom: rgba(0,0,0,0.06) 1px solid;box-shadow: 0 1px rgba(255,255,255,0.5);width: 90px;}
.loginbox .social-login ul{display:inline-block;list-style:none;margin:0;margin-top:20px;padding:0;list-style: none;}
.loginbox .social-login ul li{float:left;margin-left:20px;margin-right:20px;}
.loginbox .social-login ul li i{font-size:24px;color:#aaa;}
.loginbox .social-login ul li i.icon-qq{font-size:22px;}
.left{float:left;}
.right{float:right;}
#particles {position: absolute;top: 0;z-index: -1;width: 100%;height: 100%;}
#particles canvas {display: block;}

@media (max-width: 640px){
	.login-wrap{margin-top: 0;}
}