@charset "utf-8";
/*
ST09-v8-CSS-xiaohei-qq:290948585-20220301
*/
#msgs{z-index:1000;position:absolute;width:150px;margin:-42px auto 0 96px;background:#333333;border-radius:5px;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;}
.login-show {width:400px;min-height:200px;float:left;}
.login-main {width:360px;background:#FFFFFF;/* border:#E5E5E5 1px solid; */margin:0 28px;border-radius: 5px;float:left;margin-top: 50px;padding: 40px;}
.login-head {height:50px;overflow:hidden;}
.login-head ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.login-head li {float:left;width:120px;height:48px;line-height:48px;text-align:center;font-size: 18px;border-bottom:#E5E5E5 2px solid;}
.login-head a {display:block;width:100%;height:48px;}
.login-head li:hover {border-bottom:#666666 2px solid;}
.login-head .on,.login-head .on:hover {border-bottom: #16499D 2px solid;font-weight:bold;}
.login-body {padding-bottom:20px;}
.login-body div {padding:30px 30px 0 30px;font-size:14px;}
.login-oauth {border-top:#E5E5E5 1px solid;text-align:center;margin-top:20px;}
.login-oauth img {width:24px;height:24px;padding:8px;}
.login-oauth img:hover {background:#E5E5E5;}
.login-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code {padding:10px 10px 10px 30px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.input-captcha {background:url('image/input-captcha.png') no-repeat 8px center;width:100px;margin-right:10px;}
.input-question {background:url('image/input-question.png') no-repeat 8px center;width:260px;}
.input-user {background:url('image/input-username.png') no-repeat 8px center;width:260px;}
.input-pass {background:url('image/input-password.png') no-repeat 8px center;width:260px;}
.input-mob {background:url('image/input-mobile.png') no-repeat 8px center;width:260px;}
.input-mail {background:url('image/input-mail.png') no-repeat 8px center;width:260px;}
.input-text {background:url('image/input-text.png') no-repeat 8px center;width:260px;}
.input-code {background:url('image/input-password.png') no-repeat 8px center;width:100px;}

.reg-main {width:900px;margin:0 auto;}
.reg-step ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.reg-step li {display:inline;float:left;width:240px;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:bold;border-bottom:#E5E5E5 2px solid;color:#9999B2;}
.reg-step li i {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('image/reg-step.png') no-repeat 0 0;display:inline-block;margin:12px 6px 0 0;font-style:normal;font-size:14px;}
.reg-step li b {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('image/reg-step.png') no-repeat 0 -48px;display:inline-block;margin:12px 6px 0 0;font-size:14px;}
.reg-step .on {border-bottom:#16499D 2px solid;color:#16499D;color:#333333;}
.reg-step .on i {background:url('image/reg-step.png') no-repeat 0 -24px;}
.reg-step .on b {background:url('image/reg-step.png') no-repeat 0 -72px;}
.reg-tb {width:700px;margin:0 auto;}
.reg-tb td {padding:10px;font-size:14px;}
.reg-tb .tl {width:120px;text-align:right;}
.reg-tb .tr {width:330px;}
.reg-inp {width:280px;padding:10px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.reg-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.tips {position:absolute;z-index:100;width:300px;background:url('image/tips_bg.gif') no-repeat 0 bottom;overflow:hidden;margin:-6px 0 0 -10px;}
.tips div{background:url('image/tips_top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;font-size:12px;}

/**/
body {background: #f5f7fd url(images/login-bg.jpg);}
.mip-reg-logo {text-align: center; margin-bottom: 0;}
.box-reg{padding:40px;background:#ffffff;width: 1000px;margin: auto;margin-top: 50px;border-radius: 5px;}
/**/
.regid{padding-top: 0px;}
.type-block-group{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.type-block-group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding: 50px 50px 50px;}
.type-block{display: inline-block; width: 24%; margin: 0 3%; overflow: hidden;}
.type-block .type-name-block{display: inline-block; width: 100%; vertical-align: top;}
.type-block .type-icon{display: block; width: 50%; margin: 0 auto;}
.type-block .type-name{font-size: 20px; line-height: 3;}
.type-block .type-desc{font-size: 14px; color: #666a79; display: inline-block; width: 100%; overflow: hidden; margin-bottom: 20px; text-align: left; line-height: 1.75; height: 70px; vertical-align: top; text-align: justify;}
.tui-btn{display: inline-block; margin-bottom: 0; font-weight: 200; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; line-height: 1.5; font-size: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); -moz-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); color: #666; background-color: #fafafa; border-color: #d9d9d9;}
.tui-btn, .tui-btn:active, .tui-btn:focus{outline: 0;}
.type-block .choose-type-btn{font-size: 14px; width: 100px; height: 40px; position: relative;}
.type-block .choose-type-btn:not([disabled]){color: #ed4040; background-color: transparent; border-color: #ed4040;}
.radio-xh,.tui-btn>input[type="radio"]{position: absolute; z-index: 99999999; top: 0; left: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; opacity: 0;}
.radio-xh-2{display: block; width: 100px; height: 40px; line-height: 40px; position: relative; /* color: #ffffff; */ z-index: 2; position: absolute;}
.radio-xh-2 .x-yes{position:relative;z-index:1111;color: #ffffff;}
.tui-btn>input[type="radio"]:checked+.radio-xh-2:before{content: ''; font-size: 0; width: 100%; height: 100%; background: #ed4040; position: absolute; left: 0; top: 0; border-radius: 2px; cursor: pointer; color: #ffffff; -webkit-transition: all 250ms ease; transition: all 250ms ease; z-index: 1;}
.radio-xh-2 .x-yes{display:none}
.tui-btn>input[type="radio"]:checked+.radio-xh-2 .x-yes{display:block}
.tui-btn>input[type="radio"]:checked+.radio-xh-2 .x-icon{display:none}