.login_bj_box{
  width: 100%;
  height: 100%;
 /*  background: #ccc215; */
 background: url('/zh/public/images/y/login_bj.png') no-repeat center center;
  overflow: hidden;
  position: relative;
  background-size: 100%;
}
.login_bj_box .login_box{
  width: 1440px;
  margin:0 auto;
  position: relative;
  height: 100%;
}
.login_bj_box .login_head{
  width: 100%;
  height: 44px;
  position: absolute;
  top:18px;
  left:0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login_bj_box .login_head a{
  font-size: 16px;
  color:#fff;
}
.login_bj_box .login_title{
  width: 755px;
  height: 156px;
  position: absolute;
  top:0;bottom:0;
  left:0;
  margin:auto;
}
.login_bj_box  .login_mode{
  width: 520px;
  height: 660px;
  background: #fff;
  border-radius: 12px 12px 12px 12px;
  position: absolute;
  top:0;bottom:0;
  right:0;
  margin:auto;
  padding: 72px 80px 0;
  box-sizing: border-box;
}
.login_mode h3{
  color: #05A296;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}
.login_mode .login_table {
  display: flex;
  justify-content: center;
  margin-top: 72px;
}
.login_mode .login_table div:nth-child(1){
  margin-right: 72px;
}
.login_mode .login_table div {
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0em;
  color: #313335;
  position: relative;
  cursor: pointer;
  padding-bottom: 14px;
  font-weight: 600;
}
.login_mode .login_table .ation{
  color: #0062B0;
}
.login_mode .login_table .ation span {
  width: 32px;
  height: 4px;
  background: #05A296;
  border-radius: 2px 2px 2px 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.login_mode .table_ul{
  display:none;
}
.login_mode .table_ul li{
  margin-top:40px;
}
.login_mode .table_ul li p{
  display: flex;
  align-items: center;
  color: #313335;
  font-weight:600
} 
.login_mode .table_ul li input{
  width: 100%;
  height: 48px;
  color: #313335;
  border:1px solid #D9DBD7;
  font-size: 14px;
  padding:0 17px;
  box-sizing: border-box;
  margin-top: 13px;
}
.login_mode .table_ul li .logb{
  position: relative;
}
.login_mode .table_ul li .logb div{
  position: absolute;
  right: 15px;top:29px;
  margin:auto;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #046B63;
  cursor: pointer;
}
.login_mode .table_ul .wwmm{
  margin-top: 13px;
  display: flex;
  justify-content: space-between;
  color: #313335;
}
.login_mode .table_ul .wwmm b{
  font-weight: 400;
}
.login_mode .table_ul .wwmm span{
  width: 16px;
  height: 16px;
  position: relative;
}
.login_mode .table_ul .wwmm input{
  width: 16px;
  height: 16px;
  /* margin-right: 6px; */
}
.login_mode .table_ul .wwmm a{
  color: #046B63;
}
.login_mode  .login_btn{
  width: 360px;
  height: 48px;
  background: #05A296;
  border-radius: 4px 4px 4px 4px;
  margin-top: 30px;
  font-size: 14px;
  color:#fff;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}
.login_mode  .login_xy{
  margin-top: 10px;
  color: #767B80;
  font-size: 13.5px;
  /* transform: scale(0.8); */
}
.login_mode  .login_xy span{
  width: 16px;
  height: 16px;
  position: relative;
}
.login_mode  .login_xy input{
  width: 16px;
  height: 16px;
}
.login_mode .login_xy a{
  color:#05A296
}

/* 注册页面 */
.register_mode{
  width: 520px;
  height:725px;
  background: #fff;
  border-radius: 12px 12px 12px 12px;
  position: absolute;
  top:0;bottom:0;
  right:0;
  margin:auto;
  padding: 44px 62px 0;
  box-sizing: border-box;
}
.register_mode h2{
  color: #046B63;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  font-style: normal;
  text-transform: none;
  text-align: center;
  margin-bottom: 44px;
}
.register_mode ul li{
  text-align: right;
  margin-bottom: 30px;
  position: relative;
}
.register_mode ul li input{
  width: 311px;
  height: 48px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #D9DBD7;
  padding:0 17px;
  box-sizing: border-box;
  font-size: 14px;
}
.register_mode ul li span{
  position:absolute;
  left: 0;
  line-height: 48px;
  text-align: center;
  width: 85px;
}
.register_mode ul li .register_yzm_btn{
  width: 95px;
  height:48px;
  position: absolute;
  right: 0;top:0;
  color: #046B63;
  font-weight: 500;
  font-size: 14px;
  border-left: 1px solid #D9DBD7;
  text-align: center;
  line-height: 48px;
}
.register_mode  .register_ckbo{
  font-size: 16px;
  color: #313335;
  overflow: hidden;
}
.register_mode  .register_ckbo p{
  width: 33%;
  display: inline-block;
  float: left;
  padding-left:10px;
  box-sizing: border-box;
  margin-bottom: 16px;
  position: relative;
}
.register_mode  .register_ckbo p:nth-child(1){
  width: 35%;
}
.register_mode  .register_ckbo p:nth-child(2){
  width: 40%;
}
.register_mode  .register_ckbo p:nth-child(3){
  width: 25%;
}
.register_mode  .register_ckbo input{
  width: 16px;
  height: 16px;
}
.register_mode  .register_ckbo p span{
  width: 16px;
  height: 16px;
  position: relative;
}
.register_mode  .login_btn{
  height: 48px;
  background: #05A296;
  border-radius: 4px 4px 4px 4px;
  margin-top: 30px;
  font-size: 14px;
  color:#fff;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}
.register_mode  .login_xy{
  margin-top: 10px;
  color: #767B80;
  font-size: 13.5px;
  /* transform: scale(0.8); */
}
.register_mode  .login_xy span{
  width: 16px;
  height: 16px;
  position: relative;
}
.register_mode  .login_xy input{
  width: 16px;
  height: 16px;
  /* margin-right: 6px; */
}
.register_mode .login_xy a{
  color:#05A296
}

input[type='checkbox']:checked:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background:url(/zh/public/images/y/ck_xz.png);
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}

::-webkit-inner-spin-button { visibility: hidden; }
::-webkit-calendar-picker-indicator {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 1px #fff, 0 1px #eee;
    background: url(/zh/public/images/y/time_logo.png)no-repeat 40% 40%;
    color: #666;
}