body{margin:0;font:12px/1.8 Tahoma,Geneva,'\5B8B\4F53';background:White;overflow:hidden;}
input,textarea,select{margin:0;padding:0;font-size:12px;outline:none;resize:none;}
html:root body,html:root input,html:root button,html:root textarea,html:root select{font-family:微软雅黑;}
form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{margin:0;padding:0;list-style:none;}
.text{width:170px;height:24px;padding:7px 9px;line-height:24px;font-size:14px;font-weight:bold;color:#f0f2f7;border:1px solid;border-color:#5d5e61;background:white;}
.button{display:inline-block;height:40px;padding:0 15px;line-height:40px;text-align:center;font-size:18px;font-family:微软雅黑;color:White;border:0 none;background-color:#167efb;background-repeat:repeat-x;background-position:0 0;cursor:pointer;}
.button:hover{text-decoration:none;background-color:#419645;}
.button span{position:relative;top:11px;display:inline-block;height:16px;line-height:16px;vertical-align:top;padding-left:8px;}
.button em{display:none;}
.btn-blue{height:50px;line-height:50px;background-color:#0380a9;width:370px;box-sizing:border-box;}
.btn-blue:hover{background-color:	#1E90FF;}
.btn-blue:active{background-color:#51b73d;}
button.button{height:40px;padding:0 10px;line-height:normal;}
.wrap{position:relative;z-index:0;height:100%;}
.hidebackground{display: block; position: absolute; top: 0px; left: 0; width:100%;height:100%; background: radial-gradient(ellipse at center,rgba(234, 230, 230, 0.88) 0,#000 100%);z-index:1001; -moz-opacity: 0.6; opacity:0.6; filter: alpha(opacity=60);}
.banner-show{position:absolute;top:0px;left:0;z-index:0;width:100%;height:100%;overflow:hidden;}
.banner-show .cell{position:absolute;top:0;left:0;width:100%;overflow:hidden;background-repeat:repeat-x;background-position:center top;}
.banner-show .cell .con{position:relative;height:100%;background-repeat:no-repeat;background-position:center top;}
.bns-01 .con{background-image:url(../images/mid_banner/loginBar/bar_1.jpg);background-position: center;background-size: cover;}
.bns-02 .con{background-image:url(../images/mid_banner/loginBar/bar_2.jpg);background-position: center;background-size: cover;}
.bns-03 .con{background-image:url(../images/mid_banner/loginBar/bar_3.jpg);background-position: center;background-size: cover;}
.register-box{z-index:1002;position:absolute;top:25%;margin:0 auto;width:100%;height:320px;background:transparent;border-radius:3px;background:rgba(250,250,250,0);}
.login-content{padding-top:20px;background:rgba(0,0,0,0.4);color:#999;width: 450px;margin: 0 auto;border-radius:5px;}
.reg-slogan{height:50px;line-height:50px;text-align:center;font-size:16px;}
.reg-form{width:370px;height:280px;margin:auto;}
.reg-form .cell{position:relative;height:46px;margin-bottom:20px;zoom:1;border:none;background: rgba(12, 12, 12, 0.4);box-sizing:border-box;border-radius:4px;}
.reg-form .cell input{position:absolute;top:0;left:0;width:334px;height:46px;margin:0 0 0 36px;border-radius:0 4px 4px 0;padding:7px 5px;font-size:16px;background: rgba(12, 12, 12, 0);border: none;color: #fff;box-sizing: border-box;font-size:12px;}
.reg-form .cell input:focus{border-color:#54e8e0;}
.reg-form .cell .icon-form{top:11px;right:10px;}
.reg-form .vcode input{width:150px;}
.reg-form .vcode .button{position:absolute;top:0;left:164px;width:162px;padding:0;font-size:14px;height: 36px;}
.reg-form .vcode img{position:absolute;top:0;left:144px;width:110px;height:40px;}
.reg-form .vcode span{position:absolute;top:0;left:264px;line-height:40px;font-size:14px;}
.reg-form .vcode .icon-form{right:204px;}
.reg-form .vcode .login-popup-hint{right:194px;}
.reg-form .bottom{height:50px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;font-weight:lighter;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;font-weight:lighter;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;font-weight:lighter;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;font-weight:lighter;}
.logo{position:absolute;top:3px;left:100px;z-index:1000;width:363px;min-height:45px;height:45px;zoom:1;background:url(../images/logo.png)}
.footer{margin:0 auto;position:absolute;top:0px;text-align:center;width:100%;height:50px;line-height:50px;color:#E2E2E2;z-index:1003;}
.focuscolor,.footer a{color:#fff;}
.login-icon{color:#999;margin: 10px 0px 0px 6px;}
.errorcolor{color:#ff0000;}
.errorcode{border-left:1px solid #ff0000;}
.LoginTip{color: #fff;text-align: right; display:inline-block; float: right; font-size:14px; line-height:40px;}
.savetoDekstop{display:inline-block;font-size:14px;line-height:40px;}
.savetoDekstop a{color:White;cursor:pointer; text-decoration:none;}
.savetoDekstop a:hover{ text-decoration:underline; }
.savetoDekstop input{display:none;}
 /*手机移动端*/
@media (max-width:650px)
{
.reg-form .cell input{width:calc(100% - 36px);}
.btn-blue,.reg-form .cell{width:96%;margin-left:2%;}
.login-content,.reg-form{width:100%;}
.wrap{width:100%;height:100%;}
.register-box{margin:0 2%; position:absolute;top:450px;left:0;width:96%;height:290px;background:white;border-radius:3px;background:rgba(250,250,250,0.0);}
.logo{width:100%;left:-5px;margin:0 0; background-repeat:no-repeat;}
.footer{height:50px;line-height:20px;}
.banner-show{position:absolute;top:50px;left:0;z-index:0;width:100%;height:100%;overflow:hidden;-webkit-filter: contrast(1) blur(2px)  hue-rotate(0deg);filter: contrast(1) blur(2px) hue-rotate(0deg);}
.banner-show .cell{position:absolute;top:0;left:0;width:100%;overflow:hidden;background-repeat:repeat-x;background-position:center top;-webkit-filter: contrast(1) blur(2px)  hue-rotate(0deg);filter: contrast(0.8) blur(2px)  hue-rotate(0deg);}
 }