/***************************************************登录*********************************************************************/
.loginBg {
    background-image: url('../images/login/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center center; 
    height: 100vh;
    margin: 0; 
  }
/***************************************************注册*********************************************************************/
.loginMain{background: rgba(10, 158, 91, .8);width: 25%;border-radius: 10px;position: relative;left: 50%;top: 20%;transform: translate(-50%);padding: 60px 100px 40px;}
.loginCon{}
.loginCon .logo{display: flex;justify-content: center;}
.loginCon .logo img{max-width: 300px;width: 100%;display: block;}
.loginCon p{color: #fff;text-align: center;font-size: 20px;}
.inputCon{display: flex;justify-content: space-between;margin-bottom: 20px;}
.inputCon label{font-size: 20px;color: #fff;width: 10%;text-align: right;margin-right: 20px;}
.inputCon input{width: 70%;border-radius: 5px;border: 0;height: 30px;line-height: 30px;padding: 0 10px;}
.loginBtn{background: #272c67;border-radius: 10px;color: #fff;text-align: center;height: 40px;line-height: 40px;font-size: 20px;margin-top: 40px;cursor: pointer;}
.registerBtn{background: #4650c1;border-radius: 10px;text-align: center;height: 40px;line-height: 40px;font-size: 20px;margin-top: 20px;cursor: pointer;}
.registerBtn a{color: #fff;}
.zcMain .logo{margin-bottom: 40px;}
.zcMain .inputCon{margin-bottom: 15px;}
.zcMain .inputCon label{width: 30%;/*! letter-spacing: 7px; */margin-right: 0;}
.zcMain .inputCon .right{width: 76%;display: flex;align-items: center;}
.zcMain .inputCon .right input{width: 80px;margin-right: 20px;}
.zcMain .inputCon .right .code{height: 30px;border-radius: 5px;}
.zcMain .inputCon .right .code img{display: block;width: 100%;border-radius: 6px;height: 100%;}
.zcMain .loginBtn{margin-top: 20px;}
@media (max-width: 1780px) {
    .zcMain{ width: 40%;}
    .inputCon label{width: 20%;}
    .inputCon input{width: 80%;}
    }
   @media (max-width: 1200px) {
   }
   
   @media (max-width: 992px) {
    .loginMain{padding: 60px 20px 40px;width: 50%;}
   }
   
   @media (max-width: 768px) {
    .loginMain {
        width: 80%;
      }
    .inputCon{margin-bottom: .2rem;}
    .inputCon label{font-size: 16px;margin-right: .2rem;}
    .loginBtn {margin-top: .6rem;height: .6rem;line-height: .6rem;font-size: 18px;}
   }
   @media (max-width: 560px) {
   }