@charset "utf-8";
.loginBg {
  position: relative;
  min-height: 760px;
  background: url(../images/loginBg.jpg) no-repeat center bottom #ddf3ff;
}
.login_logo {
  width: 1190px;
  height: 50px;
  margin: 0 auto;
  padding-top: 45px;
}
.login_logo a img {
  height: 36px;
}
.register-main {
  width: 860px;
  height: 630px;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 113, 191, 0.3);
  -moz-box-shadow: 0px 0px 10px rgba(0, 113, 191, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 113, 191, 0.3);
  margin-top: 30px;
}
.register-L {
  width: 610px;
  height: 100%;
  border-radius: 5px 0 0 5px;
  background-color: #fff;
}
.register-R {
  width: 250px;
  height: 100%;
  border-radius: 0 5px 5px 0;
  background: url(../images/regBg03.png) no-repeat left bottom #f9f9f9;
  box-sizing: border-box;
  padding-top: 380px;
  padding-left: 60px;
}
.register-Rperson {
  background-image: url(../images/regBg02.png);
}
.register-Rcompany {
  background-image: url(../images/regBg01.png);
} 
.register-R .p1 {
  color: #999;
  font-size: 16px;
  line-height: 40px;
}
.register-R .p2 {
  color: #0066cc;
  font-size: 24px;
  line-height: 40px;
}
.register-R .loginLink {
  display: block;
  width: 100px;
  height: 40px;
  background: url(../images/regBtn.png) no-repeat;
  margin-top: 15px;
}
.register-L h5 {
  font-size: 24px;
  color: #333;
  line-height: 60px;
  padding-top: 50px;
  text-align: center;
  font-weight: normal;
}
.register-main .titleTab {
  line-height: 46px;
  font-size: 16px;
  text-align: center;
  /* border-bottom: 1px solid #ccc; */
  /* margin:0 40px; */
  margin-left: 120px;
  width: 350px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.titleTab div {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  width: 170px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.titleTab div .tab_img {
  width: 32px;
  height: 32px;
  margin-right: 4px;
}
.titleTab img {
  width: 23px;
  height: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}

.person_reg .tab_img {
  background: url('../images/person-tab.png') center center;
  background-size: 100% 100%;
}
.company_reg .tab_img {
  background: url('../images/company-tab.png') center center;
  background-size: 100% 100%;
}

.person_reg.cur .tab_img {
  background: url('../images/person-tab-active.png') center center;
  background-size: 100% 100%;
}
.company_reg.cur .tab_img {
  background: url('../images/company-tab-active.png') center center;
  background-size: 100% 100%;
}
/* .titleTab div:hover{
	color:  #4D7EFF  ;
} */
.titleTab div.cur {
  color: #4d7eff;
  /* border-bottom: 3px solid  #4D7EFF  ; */
  font-weight: 600;
  border-color: #4d7eff;
}
.titleTab .cur img {
  display: block;
}
.titleTab .tips {
  position: absolute;
  top: -43px;
  left: 15px;
  display: block;
  /* width: 114px; */
  /* height: 20px; */
  line-height: 20px;
  font-size: 12px;
  font-style: normal;
  text-align: center;
  background-color: #fff2e0;
  color: #ff8900;
  border-radius: 3px;
  display: none;
  padding: 4px 10px;
  border: 1px solid #ffd29d;
}
.titleTab .tips:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
	background-color: #FFF2E0;
	border: 1px solid #FFD29D;
  position: absolute;
  left: 50%;
  top: 24px;
	transform: rotate(45deg);
	border-top: 0;
	border-left: 0;
}
.titleTab div.cur .tips {
  display: block;
}

.reg-box {
  /* padding-top: 20px; */
  font-size: 14px;
}
.reg_common {
  padding-left: 365px;
  font-size: 14px;
}
.reg_input_list {
  width: 350px;
  height: 44px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin-top: 20px;
  border-radius: 5px;
  margin-left: 120px;
  position: relative;
}
.yx_input_list {
  width: 240px;
}
.reg_input_list .titIcon {
  float: left;
  width: 43px;
  height: 42px;
  border-right: 1px solid #ccc;
  color: #ccc;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
}
.pwd-wrap {
  position: relative;
}
.eyeIcon {
  position: absolute;
  width: 43px;
  height: 36px;
  color: #ccc;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  cursor: pointer;
  right: 11px;
  top: 1px;
}
.address_sel select {
  box-sizing: border-box;
  width: 170px;
  margin-right: 20px;
  padding-left: 10px;
  height: 38px;
  line-height: 38px;
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  background: url(../images/icon.png) 145px -35px no-repeat;
  border: 1px solid #ccc;
  overflow: hidden;
  cursor: pointer;
}

.yz_sel {
  line-height: 36px;
}
.yz_sel a {
  margin-right: 60px;
}
.yz_sel a label input {
  position: relative;
  top: 2px;
  margin-right: 3px;
}
.yz_sel .iconfont {
  color: #4d7eff;
  margin-left: 5px;
}
.yz_tips {
  font-size: 12px;
}
.agree_label {
  margin-left: 130px;
  line-height: 24px;
  font-size: 14px;
}
.ssoAgree {
  margin-top: 15px;
}
.agree_label input {
  margin-right: 8px;
  position: relative;
  top: 1px;
}
input:checked:after {
  content: '';
  position: absolute;
  z-index: 99;
  background-color: #4d7eff;
  width: 100%;
  height: 100%;
  border: 1px solid #4d7eff;
  left: -1px;
  top: -1px;
  text-align: center;
  line-height: 13px;
  border-radius: 3px;
  font-family: fangsong;
}
input:checked:before {
  position: absolute;
  content: '';
  width: 3px;
  height: 7px;
  z-index: 100;
  left: 4px;
  top: 1px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  color: #fff;
}
.regBtn {
  margin-left: 120px;
  margin-top: 20px;
  width: 350px;
  height: 42px;
  border-radius: 5px;
  margin-bottom: 50px;
}
.reg_tips {
  font-size: 12px;
  color: #999;
  line-height: 22px;
  padding: 0 30px;
}
.ssoTips {
  line-height: 20px;
  margin: 0 30px;
  color: #afafaf;
  font-size: 12px;
}

.inputBox {
  margin-top: 15px;
}
.inputBox .tit {
  line-height: 38px;
}
.inputBox .inputText {
  float: left;
  width: 294px;
  height: 42px;
  box-sizing: border-box;
  padding-left: 15px;
  margin-right: 10px;
}
.inputBox .yzmInput {
  width: 184px;
}
.inputBox .yzmBtn {
  width: 100px;
  height: 44px;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  position: absolute;
  left: 250px;
}
.errorText {
  background: url(../images/tipsBg.png) no-repeat left 1px;
  padding-left: 20px;
  color: #ef7e30;
  font-size: 12px;
  position: absolute;
  left: 355px;
  width: 120px;
}
.succeedText {
  width: 14px;
  height: 18px;
  margin-top: 11px;
  background: url(../images/tipsBg.png) no-repeat left -49px;
  padding-left: 19px;
  line-height: 38px;
  position: absolute;
  left: 355px;
  width: 100px;
}

.email_sending {
  width: 230px;
  height: 120px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -115px;
  margin-top: -60px;
  z-index: 120;
  border-radius: 8px;
  background: url(../images/send.png) no-repeat center 25px #fff;
}
.email_sending .text {
  text-align: center;
  margin-top: 82px;
  font-size: 14px;
}
.redSucessPop {
  width: 490px;
  height: 280px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -245px;
  margin-top: -140px;
  background-color: #fff;
  box-shadow: 0px 0px 12px rgb(0 0 0 / 20%);
  z-index: 101;
  box-sizing: border-box;
  padding: 28px 0;
}
.redSucessPop .title {
  font-size: 16px;
  font-weight: bold;
  color: #555;
  text-align: center;
  line-height: 20px;
}
.redSucessPop .line {
  color: #e1e1e1;
  margin-right: 20px;
}
.redSucessPop .line.rl {
  margin-left: 20px;
  margin-right: 0;
}
.redSucessPop .text {
  font-size: 14px;
  color: #999;
  line-height: 22px;
  padding: 25px 28px;
  border-bottom: 1px solid #e1e1e1;
}
.redSucessPop .btn {
  margin-top: 18px;
  text-align: center;
}
.redSucessPop .btn input {
  width: 76px;
  height: 36px;
  cursor: pointer;
}
.blue_text {
  text-align: center;
  display: block;
  color: #4d7eff;
}

.noSelectTab {
	background-color: #ddd;
	color: #333;
}