body,html{height:auto}
body{background:#f3f3f3}
.register_wrap{background:#fff;width:400px;height:520px;box-shadow:0 0 10px #ccc;border-radius:5px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;padding:30px 50px}
.reg_wrap_container{width:100%;height:100%}
.reg_wrap_container small{font-size:14px;margin-top:10px;display:block}
.reg_wrap_container .c_reg_title{font-size:30px;}
.register_form{margin-top:50px}
.reg_form_item{border-bottom:1px solid #dedede}
.reg_form_item span{color:#e24848}
.reg_form_item input{border:none;width:100%}
.reg_form_item input:focus{outline:none}
.reg_form_item{padding:10px 0;margin-bottom:10px;position:relative}
.reg_get_code{position:absolute;top:10px;right:0;cursor:pointer;background:#fff;outline:none;border:none}
.reg_btn{width:100%;margin-top:20px;padding:10px 0}
.reg_btn:hover{color:#fff;}
/* .reg_btn:visited{color:#fff}
.reg_btn:active{color:#fff}
.reg_btn:link{color:#fff} */
.reg_form_item_btn{border:none;}
.disabled{background:#cacaca}

/*忘记密码  */
.forget_top{width:100%;}
.forget_container{margin:150px auto 90px}
.forget_top ul li{width:33.3%;height:6px;background:#dcdcdc;position:relative}
.forget_top ul li span{border-radius:50%;background:#dcdcdc;width:30px;height:30px;line-height:30px;position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px}
.forget_top ul li p{padding-top:25px;font-size:16px;color:#616161}
.forget_top ul li.forget_active, .forget_top ul li.forget_active span{background:#2d8efe}
.forget_top ul li.forget_active_on, .forget_top ul li.forget_active_on span{background:#83bcfe}
.forget_title{margin:100px 0 30px;font-size:20px}
.forget_wrap{width:100%;}
.forget_form{width:580px;height:500px;margin:100px auto;display:none}
.forget_form_1{display:block}
.forget_form .reg_form_item{border:none;line-height:63px;padding:0;margin:0}
.forget_form .reg_form_item input{border:1px solid #dcdcdc;padding:0 10px;line-height:40px;width:50%;margin-left:30px}
.forget_btn{border:none;outline:none;line-height:40px;padding:0 20px;margin-left:30px}
.forget_btn:hover{color:#fff}
.forget_code{width:110px;height:40px;cursor:pointer;margin-left:16px}
.forget_next{width:200px;line-height:40px;padding:0;margin-left:124px}
.forget_next:hover{color:#fff}
.forget_form_2 .reg_form_item input{margin-left:23px}
.forget_form i{font-size:100px;}
.forget_black{padding:10px 30px;margin:50px 0}
.forget_black:hover{color:#fff}
.reg_form_item div{padding:0}
.forget_form label{font-weight:normal;width:90px}
.reg_login{margin-top:10px;color:#303030;display:block}
.reg_form_item .reg_login span{color:#303030;}
.reg_login:hover{color:#303030}

@media (max-width: 435px){
  body,html{height:100%}
  .register_wrap{padding-top:110px;width:100%;height:100%;position:static;padding-bottom:0;padding:110px 40px 0;border-radius:0}
  .forget_wrap{padding:0}
  .forget_form{margin-top:30px;width:auto;height:auto}
  .forget_form label{display:none}
  .forget_form .reg_form_item div{text-align:left}
  .forget_btn{margin-left:20px}
  .forget_form .reg_form_item input{margin-left:20px;width:55%}
  .reg_form_item_btn{padding:0 20px !important;}
  .forget_next{width:100%;margin:0}
  .forget_code{margin-left:12px}
  .forget_form_2 .reg_form_item input{width:90%}
  .forget_container{margin:100px auto 0}
  .forget_title{margin:60px 0 30px}
  .c_apps_head{background:#000 !important;}
}
@media (max-width: 411px){
  body,html{height:auto}
}
@media (max-width: 375px){
  /* .reg_form_item div{padding:0} */
  .forget_btn{padding:0 12px}
  .forget_code{width:94px}
  .forget_form_1 .reg_form_item input{width:55%}
}
@media (max-width: 320px){
  .forget_btn{padding:0 12px;margin-left:5px;font-size:12px}
  .forget_code{width:84px;margin-left:5px;}
  .forget_form_1 .reg_form_item input{width:55%}
  .reg_wrap_container h2{font-size:26px}
  .reg_wrap_container .c_reg_title{font-size:28px}
  .register_form{margin-top:30px}
}