index.css 3.49 KB
.login {
  width: 100%;
  height: 100%;
}
.loginCenter {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url('assets/images/login/江水置换/bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
.loginCenter p {
  margin: 0;
}
.loginCtop {
  width: 100%;
  height: 74px;
  padding: 20px 30px;
}
.loginCTleft {
  float: left;
}
.loginCTleft img {
  width: 40px;
  float: left;
}
.loginCTleft p {
  float: left;
  font-size: 24px;
  font-weight: 400;
  color: #0F293F;
  margin: 0 14px;
  letter-spacing: 2px;
}
.loginCTright {
  float: right;
}
.loginCTright .time {
  float: left;
  font-size: 30px;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #0F293F;
  margin-right: 20px;
}
.loginCTright .dateBox {
  float: left;
  font-size: 14px;
  font-family: Microsoft YaHei UI;
  font-weight: 300;
  color: #0F293F;
}
.loginCcenter {
  width: 1100px;
  height: 650px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.loginCCtitleImg {
  width: 682px;
  height: 50px;
  margin: auto;
}
.loginCCbottomBox {
  width: 100%;
}
.loginCCbigImg {
  width: 687px;
  height: 600px;
  float: left;
}
.loginCCright {
  float: left;
  width: 413px;
  height: 600px;
  background: white;
  padding: 0 40px;
}
.loginForm > div {
  width: 100%;
  text-align: left;
}
.loginForm .formgroup {
  margin-bottom: 30px;
  position: relative;
  line-height: 1;
}
.loginForm .formgroup:nth-child(2) {
  margin-bottom: 16px;
}
.loginForm .formgroup:nth-child(3) {
  margin-bottom: 52px;
  height: 30px;
}
.loginForm .formgroup input[type="checkbox"] {
  width: 13px;
  height: 13px;
  margin-left: 12px;
}
.loginForm .formgroup input {
  box-shadow: none;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #2D3033;
  padding: 0 40px;
}
.loginForm .formgroup span {
  position: relative;
  top: -2px;
  margin-left: 10px;
  font-size: 14px;
  float: right;
  font-weight: 400;
  color: #9FA8B3;
}
.loginForm .formgroup img {
  position: absolute;
  bottom: 10px;
  height: 24px;
  left: 6px;
}
.loginForm .rmpwdInput span {
  font-size: 12px;
  color: #fff;
  visibility: hidden;
  position: absolute;
  top: 3px;
  left: -7px;
}
.loginForm .rmpwdInput.active {
  background-color: #2ea0f2;
}
.loginForm .rmpwdInput.active span {
  visibility: visible;
  color: #fff;
}
.loginForm .rmpwdInput {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #2ea0f2;
  position: relative;
  float: right;
}
.loginCCRtitleImg {
  width: 100px;
  margin: 80px 0 60px;
}
.loginForm .formgroup .loginCCpwdImg {
  left: auto;
}
.eyesopen {
  display: none;
}
.loginCCsubmit {
  width: 205px;
  border-radius: 25px;
  outline: none;
}
.loginCcode {
  width: 34px;
  height: 34px;
  position: absolute;
  right: -33px;
  background: rgba(255, 255, 255, 0.7);
  padding: 6px;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  bottom: 0;
}
.loginCcode:hover {
  display: block;
  background: transparent;
}
.loginCcode:hover img {
  display: none;
}
.loginCcode:hover .codeBig {
  display: block;
}
.loginCcode img {
  width: 23px;
}
.loginCcode .codeBig {
  width: 128px;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.7);
  padding: 6px;
  display: none;
}
.loginCcode .codeBig span {
  font-size: 12px;
  opacity: 0.75;
}
.CodeText {
  font-size: 14px;
  font-weight: 400;
  color: #121F2B;
  text-align: center;
  line-height: 24px;
}
/*# sourceMappingURL=index.css.map */