*{box-sizing: border-box; margin:0; padding:0;}
html,body{width:100%;font-family:"思源黑体"; margin:0; padding:0;}


.wrap{width:100%;}

.box{ width:80%; max-width:1360px; margin:0 auto;}

.login_top{width: 100%;height: 113px;}
.login_top .logo{height: 51px;float: left;margin-top: 33px;}
.login_top .logo img{ height: 51px;}
.login_top .txt{height: 50px;float: left;margin-left: 20px;border-left:1px solid #d3d3d3;margin-top: 32px;padding-left: 20px;font-size: 28px;color: #666;line-height: 50px;}

.register-box-body{ width:100%; height:600px; margin:0 auto; position:relative;padding:0; background:url(login.jpg) no-repeat;}

.reg-tabs{ width:400px; height:500px; padding:30px 30px; background:#fff; position:relative;float: right; margin-top:50px; border-radius:10px; }
.reg-tabs .tit{ width:100%; margin-bottom:20px; font-size:24px; text-align:center; color:#333; font-weight:bold;}
.sign_type{ margin-bottom:40px;border-bottom:1px solid #ddd;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}
.sign_type span{ line-height:50px;padding:10px;position:relative;display:inline-block;cursor:pointer;width:100%;text-align:left; font-size:18px; color:#333; font-weight:bold;}
.sign_type span:before{content:"";display:"inline-block";position:absolute;width:100%;height:2px;background:0 0;margin:0;padding:0;left:0;top:100%}
.sign_type span.active{color:#009de6;}
.sign_type span.active:before{-webkit-animation:product-tab-active .3s forwards;animation:product-tab-active .3s forwards;width:100%;background:#009de6;}

.input-group{ width:100%; line-height:50px; margin-bottom:25px; position:relative;}
.input-group-addon{ position:absolute; left:20px;}
.input-group-addon img{ margin-top:16px;}
.input-group input{ width:100%; line-height:50px; padding-left:50px;box-sizing: border-box;font-size: 13px; background:#e9f0fe; border:1px solid #ccc; outline:none; color:#999;}
.form .text-right{ width:100%; text-align:right; margin:25px 0;}
.form .text-right a{ color:#333; text-decoration:none;}

.form button{cursor: pointer;width: 100%;height: 50px;margin-top: 30px;right: 0;border: 0;color: #fff;font-size: 16px;line-height: 50px; background:#66b1ff; border:none; outline:none; }

.form .zhuce{ text-align:center;margin-top:30px;}

.yzm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; height:52px;}
.yzm input{ width:60%; padding-left:20px;font-size: 16px;}
.yzm button{ width:33.5%; background:#ccc; height:52px; line-height:52px; margin-left:5%;}


.login_bt{width: 100%;line-height:60px;text-align: center;}