html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  background: url("../images/login1/login-bg.jpg") no-repeat;
  background-size: cover;
}

#page1 {
  /* position: relative; */
  width: 100%;
  height: 200px;
  padding-top: 150px;
  /* padding-bottom:1%; */
}

.img0 {
  width: 500px;
  display: block;
  margin: 0 auto;
}



/*.login-form {*/
/*width: 80%;*/
/*}*/

/*.login-input {*/
/*background: white;*/
/*border-radius: 4px;*/
/*margin: 5px 0;*/
/*border-style: none;*/
/*padding-left: 40px;*/
/*color: #333;*/
/*!*height: 60px;*!*/
/*!*font-size: 22px;*!*/

/*font-size: 16px;*/
/*}*/

input::placeholder {
  color: #999;
}

.layui-form-checked[lay-skin=primary] i {
  background-color: rgba(47, 145, 252, 1);
  border-color: rgba(47, 145, 252, 1);
}

.layui-form-checkbox[lay-skin=primary] i {
  border-color: rgba(47, 145, 252, 1) !important;
}

.layui-form-checkbox[lay-skin=primary] i:hover {
  border-color: rgba(47, 145, 252, 1);
}

.layui-form-checkbox:hover i.layui-icon {
  border-color: rgba(47, 145, 252, 1);
  /* color:rgba(47,145,252,1); */
}

i.layui-icon.layui-icon-ok {
  border-radius: 4px;
  /*width: 20px;*/
  /*height: 20px;*/
  /* line-height: 16px; */
  width: 14px;
  height: 14px;
  /*margin-bottom: 1px;*/
}

.layui-form-checkbox span {
  /*font-size: 18px;*/
  font-size: 14px;
}

.sub-btn {
  border-radius: 4px;
  font-size: 16px;
  /*font-size: 20px;*/
  /* text-align: center; */
  /*height: 50px;*/
  /*margin-bottom: 50px;*/
}

.login-box {
  width: 800px;
  height: 400px;
  display: flex;
  flex-direction: row
}

.left {
  width: 400px;
  height: 400px;
  background-color: rgba(32, 93, 183, .8);
  border-radius: 10px 0 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.left-title {
  margin-top: 20px;
  color: #ffffff;
  font-size: 25px;
  font-family: 'MicrosoftYaHei-Bold';
}

.right {
  width: 400px;
  height: 400px;
  background-color: #ffffff;
  border-radius: 0 10px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.right-item-input, .right-item-checkbox {
  margin-top: 30px;
}

.right-item-input {
  width: 280px;
  height: 38px;
  border: 1px solid #DEDEDE;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.right-item-input img {
  margin: 0 10px;
  width: 17px;
  height: 18px;
}

.right-item-input input {
  height: 38px;
  border: none;
  flex: 1;
  flex-shrink: 1;
  padding-right: 10px;
}

.right-item-checkbox {
  width: 280px;
  height: 38px;

}

.sub-btn {
  width: 285px;
  height: 40px;
  border: none;
  background-color: #176AE6;
  color: #ffffff;
  font-size: 18px;
}