.box {
  width: 600px;
  height: 400px;
  border: 1px solid #ccc;
  position: absolute;
  left: 50%;
  top: 60%;
  margin: -200px 0 0 -300px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

label {
  font-size: 22px;
  font-weight: bolder;
}
.body {
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  height: 100%;
  background: url(../img/xzbj.jpg) no-repeat;;
  background-size: cover;
  text-align: center; 
}
#login {
  width: 100px;
  height: 50px;
  background-color: red;
  color: #fff;
  font-size: 22px;
  border:none;
  margin-top: 20px;
}
.password {
  width: 420px;
  text-align: left;
}



/* 验证码 */
.code{
  background-color: silver;
    font-family:Arial; /*设置字体*/
    font-style:initial;
    color:brown;
    font-size:20px;
    border:0;
    padding:2px 3px; 
    letter-spacing:3px;
    font-weight:bolder;             
    width:81px;
    height:30px;        
    margin-left: 20px;
    /* margin-top: -35px; */
  }
  a{
      text-decoration:none;
      font-size:12px;
      color:#288bc4;
  }
  a:hover{
    text-decoration:underline;
  }
  .yz{
    position: absolute;
    margin-left: 220px;
    margin-top:-10px;
  }











.Becareful {
  width: 900px;
  height: 300px;
  background-color: pink;
  margin: 0 auto;
  display: none;
}
 /* 遮盖层 */
 .box-mask{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  display: none;
}
/* 模态框 */
.box-modal{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -75px;
  width: 300px;
  height: 150px;
  text-align: center;
  line-height: 150px;
  background: #fff;
  border-radius: 4px;
}
.box-modal span{
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: -55px;
}