#loginBox{padding: 0;box-shadow: none;border: none;background: transparent;text-align: center;}
#loginBox .btn{width: 100%;height: 38px;line-height: 38px;margin: 14px 0;letter-spacing: 14px;cursor: pointer;}
#loginBox .btn{width: 100%;overflow: hidden;}
#loginBox .btn.noletter{letter-spacing: 0;}
#loginBox .btn.down{cursor: default;}
#loginBox .btn.down:hover{background: #12A5F8;}
#loginBox .loading,#loginBox .loading:after,#loginBox .loading:before{width: 6px;height: 6px;background: #fff;border-radius: 50%;-webkit-animation:load .9s infinite ease-out;animation:load .9s infinite ease-out;}
#loginBox .loading{margin: 15px auto;position: relative;}
#loginBox .loading:before{content: '';position: absolute;left: -1em;-webkit-animation-delay:-0.12s;animation-delay:-0.12s;}
#loginBox .loading:after{content: '';position: absolute;left: 1em;-webkit-animation-delay:0.12s;animation-delay:0.12s;}
#loginBox .link{font-size: 14px;color: #12a5f8;text-decoration: underline;}
#loginBox .link:hover{color: #ff0000;}
#loginBox .cssIpt{position: relative;width:375px;margin: 0 auto;}
#loginBox .cssIpt input[type="text"],#loginBox .cssIpt input[type="password"]{width:334px;height: 17px;padding: 10px 23px;margin: 18px 0;border-color: #999;border-radius: 6px;font-size: 14px;color: #333;}
#loginBox .cssIpt input[type="password"]{outline: none;border: 1px solid #999;}
#loginBox .cssIpt input[type="text"]:focus{box-shadow: none;}
#loginBox .cssIpt span{font-size: 14px;color: #999;position: absolute;top: 25px;left: 17px;background: #fff;padding: 0 5px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
#loginBox .cssIpt label{width:100%;color: #12a5f8;font-size: 12px;position: absolute;bottom: -5px;left: 0px;display: block;text-align: center;display: none;}
#loginBox .cssIpt.on input{border-color: #12a5f8;}
#loginBox .cssIpt.on span{top: 5px;color: #12a5f8;}
#loginBox .cssIpt.err input{border-color: #ff0000;}
#loginBox .cssIpt.err span{top: 5px;color: #ff0000;}
#loginBox .cssIpt.err label{display: block;color: #de4b38;}
#loginBox .Labeling{height: 38px;line-height: 38px;color: #12A5F8;text-align: left;font-weight: bold;margin-bottom: 50px;margin-left: -28px;}
#loginBox .resetBtn{letter-spacing: 0px;margin: 30px 0;}
#loginBox.one .login,#loginBox.two .register,#loginBox.three .reset,#loginBox.four .inform,#loginBox.five .resetTel{display: block;}
#loginBox.one .close,#loginBox.two .close{right: 15px;top: 7px;}
#loginBox.three .close,#loginBox.four .close{right: 15px;top: 55px;}
#loginBox.five .close{right: 10px;top: 55px;}


.w487{width:487px;height:480px;box-shadow: 0 5px 15px rgba(0,0,0,.5);border: 1px solid #999;border-radius: 8px;margin: 0 auto;background: #fff;;}
.login{width: 375px;height: 430px;padding: 25px 56px;display: none;}
.login .logo{width:381px;height: 50px;background: url(../images/logo3.jpg) no-repeat;margin-bottom: 36px;}
.login .dealPwd{height: 33px;}
.login .radio{float: left;cursor: pointer;}
.login .radio i{width: 9px;height: 9px;background: #999;display: inline-block;border-radius: 50%;margin:0 5px;}
.login .radio i.on{background: #12A5F8;}
.login .dealPwd a{font-size: 14px;color: #999;}
.login .forget{float: right;text-decoration:underline;}
.login .forget:hover{color: #ccc;}

.register{width: 375px;height: 650px;padding: 0 56px;background: url() 21px 9px #fff no-repeat;display: none;}
.register:before{content: '';display: block;height: 80px;}
 
.reset,.inform,.resetTel{width: 375px;height: 380px;padding: 0 56px;margin-top: 50px;display: none;}
.resetTel{height: 370px;}
.inform .con{font-size: 14px;color: #333;text-align: left;text-indent: 2em;}
#loginBox .cssIpt input[type="text"].scode{float: left;width: 150px;}
#loginBox .cssIpt .scodeBtn{float: left;width: 170px;height: 39px;margin: 18px 0;}
#loginBox .cssIpt .scodeBtn>img{width: 170px; height: 40px; float: left; margin-left: 10px;cursor: pointer;}
#loginBox .getcode{margin: 0;margin-left:20px;letter-spacing:0;}
#loginBox .getcode.send{background: #bbb;}
@-webkit-keyframes load{
	0%,30%{background: rgba(255,255,255,0.3);}
	50%,100%{background: rgba(255,255,255,1);}
}
@keyframes load{
	0%,30%{background: rgba(255,255,255,0.3);}
	50%,100%{background: rgba(255,255,255,1);}
}
input:- webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } 

#loginBox .btn.part-two{letter-spacing:3px;display:inline-block;width:185px;margin-top:0;}
#loginBox .btn.part-thrid{letter-spacing:4px;display:inline-block;width:122px;margin-top:0;}
#loginBox .part-two>i{margin-right:6px;font-size:20px;vertical-align:-3px;}
#loginBox .part-two.weibologin{background-color:#fb914a;}
#loginBox .part-two.weibologin:hover{background-color:#f3792b;}
#loginBox .part-two.qqlogin{background-color:#4da7ff;}
#loginBox .part-two.qqlogin:hover{background-color:#1d85ec;}
#loginBox .part-two.wechatlogin{background-color:#25d685;}
#loginBox .part-two.wechatlogin:hover{background-color:#05c761;}
#loginBox .part-thrid>i{margin-right:6px;font-size:20px;vertical-align:-3px;}
#loginBox .part-thrid.weibologin{background-color:#fb914a;}
#loginBox .part-thrid.weibologin:hover{background-color:#f3792b;}
#loginBox .part-thrid.qqlogin{background-color:#4da7ff;}
#loginBox .part-thrid.qqlogin:hover{background-color:#1d85ec;}
#loginBox .part-thrid.wechatlogin{background-color:#25d685;}
#loginBox .part-thrid.wechatlogin:hover{background-color:#05c761;}