#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{display: block;}
#loginBox.one .close,#loginBox.two .close{right: 15px;top: 7px;}
#loginBox.three .close,#loginBox.four .close{right: 15px;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;padding: 0 56px;background: url(../images/r_logo.jpg) 21px 9px #fff no-repeat;display: none;}
.register:before{content: '';display: block;height: 80px;}

.reset,.inform{width: 375px;height: 365px;padding: 0 56px;margin-top: 50px;display: none;}

.inform .con{font-size: 14px;color: #333;text-align: left;text-indent: 2em;}
@-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; }