.denglu_zhuce_box {
  background-image: url(../../img/zoujin2.jpg);
  background-size: cover;
  min-height: 100vh;
}

/*白色背景*/

.bj_color_box {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 0;
}

/*logo*/

.logo_box {
  height: 100px;
  z-index: 2;
}

.logo_box img {
  height: 55px;
}

/*登录注册块*/

.denglu_zhuce {
  width: 600px;
  height: 450px;
  background-color: #fff;
  border-radius: 5px;
  margin: 50px 0;
  z-index: 2;
  overflow: hidden;
}

/*登录注册的俩个按钮*/

.denglu_zhuce_btn {
  margin-top: 40px;
}

.denglu_btn,
.zhuce_btn {
  cursor: pointer;
  padding: 20px 10px;
  border-bottom: 2px solid #fff;
  transition: 0.3s;
}

.denglu_btn {
  margin-right: 80px;
}

.zhuce_btn {
  margin-left: 80px;
}

.btn_css {
  border-bottom: 2px solid #2251ac;
  color: #2251ac;
}

/*登录 注册 区域*/
.denglu_zhuce_con {
  height: 230px;
  left: 0;
  top: 142px;
}
/*登录*/
.denglu_box {
  width: 600px;
  height: 230px;
  overflow: hidden;
}
.denglu_rukou {
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.3s;
}
/*图标*/
.weixin {
  margin: 0 80px;
}
.qq_icon,
.weixin_icon,
.weibo_icon {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  margin: 60px 0 20px 0;
}
.weixin_icon img,
.weibo_icon img {
  width: 70%;
  height: 70%;
}
.qq_icon img {
  width: 60%;
  height: 60%;
}
.qq_icon {
  border: 1px solid #34a9ef;
}
.weixin_icon {
  border: 1px solid #21bc1b;
}
.weibo_icon {
  border: 1px solid #e82435;
}
/* 账号密码登录 */
.zhanghaomima,
.chongshemima {
  padding: 0 142px;
  height: 230px;
}
.shezhimima,
.huoquyanzhengma,
.chongshemima_one,
.chongshemima_two {
  width: 320px;
  opacity: 0;
  transition: 0.3s;
  z-index: 1;
}
.chongshemima_one {
  opacity: 1;
}
.huoquyanzhengma {
  opacity: 1;
  z-index: 2;
}
/* 登陆 输入用户名和密码 */
.dl_yhm_box,
.dl_mm_box,
.two_mm_box {
  height: 40px;
  border-radius: 7px;
}
/* 历史用户名的存放盒子 */
.lishiyonghuming_box {
  width: 100%;
  background-color: rgb(243, 243, 243);
  border: 1px solid #2251ac;
  border-radius: 3px;
  max-height: 120px;
  overflow-y: auto;
  display: none;
}
.lishiyonghuming_box li {
  width: 100%;
  height: 30px;
  padding-left: 10px;
  font-size: 14px;
  color: #222;
  line-height: 30px;
  cursor: pointer;
}
.lishiyonghuming_box li:hover {
  background-color: rgb(231, 231, 231);
  color: #2251ac;
}
.dl_mm_box {
  margin-top: 20px;
}
.two_mm_box {
  margin-top: 20px;
}
.disanfang_denglu {
  height: 320px;
}
.disanfang_denglu input,
.zhanghaomima input,
.chongshemima input {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  border-radius: 7px;
}
/* 忘记密码按钮 */
.wangjimima {
  cursor: pointer;
  margin-top: 10px;
}
/*是否同意*/
.tongyi {
  margin-top: 280px;
}
/*对号 是否选中*/
.duihao_box {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.duihao {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #a0a0a0;
  transition: 0.3s;
}
.duihao img {
  width: 0;
  height: 0;
  transition: 0.3s;
}
/*注册声明  版权声明*/
.zcsm,
.bqsm {
  cursor: pointer;
  color: #232323;
}
.zcsm:hover,
.bqsm:hover {
  color: #21bc1b;
}

/*注册*/
.zhuce_box {
  width: 600px;
  height: 230px;
  padding: 0 142px;
  overflow: hidden;
}
.yx_ipt_box,
.yanzhengma,
.tijiao_btn,
.cs_tijiao_btn,
.fanhuiyanzhengma,
.xiayibu,
.cs_xiayibu,
.queding_btn,
.zhmmdl_queding_btn {
  width: 100%;
  height: 40px;
  border-radius: 7px;
  overflow: hidden;
}
.yanzhengma {
  margin-top: 20px;
  width: 150px;
}
.yx_ipt_box,
.dl_yhm_box {
  margin-top: 40px;
}
/*input*/
.zhuce_box input {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  border-radius: 7px;
}
.cu_con_xuqiu_ipt_css::-webkit-input-placeholder {
  color: #2251ac;
}
.huoqu_btn {
  cursor: pointer;
}
/*提交按钮*/
.tijiao_btn,
.cs_tijiao_btn,
.fanhuiyanzhengma,
.xiayibu,
.cs_xiayibu,
.queding_btn,
.zhmmdl_queding_btn {
  margin-top: 20px;
}
/* 返回按钮 */
.back_btn,
.back_denglu,
.back_hqyzm {
  cursor: pointer;
  left: 0;
  top: 0;
}