@charset "UTF-8";html{background:#eee}.login{width:800px;margin:100px auto 20px}.login .log-header:after,.login .log-header:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-header:after{clear:both}.login .log-layout{background:#fff;padding:0;margin:20px auto;height:455px}.login .log-layout:after,.login .log-layout:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-layout:after{clear:both}.login .log-layout .log-from{width:400px;float:left;padding:50px 50px 10px}.login .log-layout .log-from .login-switch:after,.login .log-layout .log-from .login-switch:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-layout .log-from .login-switch:after{clear:both}.login .log-layout .log-from .login-switch .switch-item{float:left;font-size:14px;padding:0 40px 8px 0;position:relative;margin-bottom:30px;cursor:pointer}.login .log-layout .log-from .login-switch .switch-item.on{color:#4BB63D;font-weight:border;cursor:default}.login .log-layout .log-from .login-switch .switch-item.on:after{width:50px;height:3px;position:absolute;content:'';background:#4BB63D;border-radius:20px;left:0;bottom:0}.login .log-layout .log-from .bin-title{margin-bottom:20px}.login .log-layout .log-from .bin-title:after,.login .log-layout .log-from .bin-title:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-layout .log-from .bin-title:after{clear:both}.login .log-layout .log-from .bin-title h2{font:700 18px/20px "Microsoft YaHei",Simhei,Arial,Helvetica;color:red;margin-bottom:10px}.login .log-layout .log-from .bin-title h2:after,.login .log-layout .log-from .bin-title h2:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-layout .log-from .bin-title h2:after{clear:both}.login .log-layout .log-from .bin-title p{font:400 12px/18px "Microsoft YaHei",Simhei,Arial,Helvetica;color:#999}.login .log-layout .log-from .log-field{border-bottom:1px solid #ddd;padding:5px 0}.login .log-layout .log-from .log-field:after,.login .log-layout .log-from .log-field:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-layout .log-from .log-field:after{clear:both}.login .log-layout .log-from .log-field .log-icon{width:40px;height:45px;display:inline-block;float:left;background:url(../img/register/icon.png) no-repeat}.login .log-layout .log-from .log-field .log-icon.i1{background-position:3px -522px}.login .log-layout .log-from .log-field .log-icon.i2{background-position:3px -366px}.login .log-layout .log-from .log-field .log-icon.i3{background-position:3px -154px}.login .log-layout .log-from .log-field .log-icon.i4{background-position:3px -590px}.login .log-layout .log-from .log-field .log-icon.i5{background-position:3px -295px}.login .log-layout .log-from .log-field .log-key{float:left;color:#666;width:80px;font:400 14px/45px "Microsoft YaHei",Simhei,Arial,Helvetica}.login .log-layout .log-from .log-field .log-val{float:left}.login .log-layout .log-from .log-field .log-val input{border:none;font:400 14px/45px "Microsoft YaHei",Simhei,Arial,Helvetica;width:200px}.login .log-layout .log-from .log-field .log-val input::-webkit-input-placeholder{color:#ccc}.login .log-layout .log-from .log-field .log-val input::-moz-placeholder{color:#ccc}.login .log-layout .log-from .log-field .log-val input:-ms-input-placeholder{color:#ccc}.login .log-layout .log-from .log-field .log-val input:-moz-placeholder{color:#ccc}.login .log-layout .log-from .log-field .log-val .getcode{float:right;font:400 14px/45px "Microsoft YaHei",Simhei,Arial,Helvetica;color:#4BB63D;cursor:pointer}.login .log-layout .log-from .log-field .log-val .getcode.mosend{color:#ccc}.login .log-layout .log-from .submit{text-align:center;padding:20px 0 0}.login .log-layout .log-from .submit:after,.login .log-layout .log-from .submit:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-layout .log-from .submit:after{clear:both}.login .log-layout .log-from .submit p{color:#999;font:400 12px/18px "Microsoft YaHei",Simhei,Arial,Helvetica;margin-top:30px}.login .log-layout .log-from .submit p:after,.login .log-layout .log-from .submit p:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-layout .log-from .submit p:after{clear:both}.login .log-layout .log-from .submit p .agree{margin:3px 5px 0 40px;float:left}.login .log-layout .log-from .submit p .text{float:left}.login .log-layout .log-from .submit p a{color:#999}.login .log-layout .log-from .submit p a:hover{text-decoration:none;color:#4BB63D}.login .log-layout .log-from .submit p button{width:160px;height:44px;background:#4BB63D;color:#fff;text-align:center;cursor:pointer;border:none;font:400 16px/44px "Microsoft YaHei",Simhei,Arial,Helvetica;border-radius:3px}.login .log-layout .log-from .submit p button:hover{background:#37a029}.login .log-layout .log-from .rel-login{text-align:center}.login .log-layout .log-from .rel-login:after,.login .log-layout .log-from .rel-login:before{content:" ";height:0;line-height:0;font-size:0;display:table}.login .log-layout .log-from .rel-login:after{clear:both}.login .log-layout .log-from .rel-login a{display:inline-block;margin:40px 20px 0}.login .log-layout .log-from .rel-login a img{display:block;margin:0 auto;width:36px}.login .log-layout .log-from .rel-login a span{font:400 12px/18px "Microsoft YaHei",Simhei,Arial,Helvetica;display:block}.login .log-layout .log-from .rel-login a span.member{color:#a6cf43}.login .log-layout .log-from .rel-login a span.qq{color:#4db0fd}.login .log-layout .log-from .rel-login a span.weixin{color:#4bb63d}.login .log-layout .log-from .rel-login a span.forget{color:#e46e5f}.login .log-layout .log-from .rel-login a:active,.login .log-layout .log-from .rel-login a:hover{text-decoration:none}.login .log-layout .log-slogo{width:300px;height:380px;float:right}.login .log-layout .log-slogo img{display:block}.wx-qrscene{position:fixed;width:100%;left:0;top:0;right:0;bottom:0;background:#333}.wx-qrscene .wxlogin{width:800px;margin:100px auto}.wx-qrscene .wxlogin h2{color:#fff;font-weight:700;font-size:22px;line-height:2;text-align:center}.wx-qrscene .wxlogin p{font-size:14px;color:#fff;line-height:2;text-align:center}.wx-qrscene .wxlogin img{width:200px;height:200px;margin:50px auto}