login.css 4.26 KB
.black{
  position: fixed;
  background: #000;
  opacity: 0.36;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
#login{
  position: fixed;
  background: #fff;
  top: 65px;
  left: 50%;
  padding: 41px 25px 50px;
  z-index: 1000;
  border-radius: 8px;
  display: none;
}
#login .title{
  font-size: 30px;
  color: #153578;
  line-height: 30px;
  margin-bottom: 20px;
}
#login input{
  border: none;
  width: 445px;
  height: 45px;
  line-height: 45px;
  margin-top: 30px;
  background:none;  
  outline:none; 
  font-size: 20px;
  color: rgba(51, 51, 51, 1);
}
#login input.inputTwo{
  width: 200px;
}
#login .code{
  width: 87px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  margin-top: 33px;
  cursor: pointer;
}
#login .code img{
  width: 100%;
}
#login input::placeholder{
  font-size: 18px;
  color: rgba(21, 53, 120, 1);
  opacity: 0.7;
}
#login input:focus{   
	border:none;
}
#login .line{
  display: flex;
  justify-content: space-between;
  width: 445px;
  border-bottom: 1px solid rgba(21, 53, 120, 1);
}
#login button{
  width: 445px;
  height: 59px;
  background: #153578;
  border-radius: 3px 3px 3px 3px;
  border: none;
  font-size: 28px;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 20px;
}
#login .buttom{
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#login .buttom .left{
  color: rgba(102, 102, 102, 1);
}
#login .buttom .left span,#login .buttom .right{
  cursor: pointer;
  color:rgba(21, 53, 120, 1);
}
.register{
  width: 780px;
  height: 963px;
  position: absolute;
  top: 70px;
  left: 50%;
  z-index: 1000;
  transform: translate(-50%,0);
  background: #FFFFFF;
  box-shadow: 0px 6px 12px 0px rgba(21, 53, 120, 0.19);
  border-radius: 13px 13px 13px 13px;
}
.register .content{
  padding:0 110px;
  background: #fff;
}
.register .title{
  color: #153578;
  font-size: 20px;
  padding:50px 0 0 121px;
  margin-bottom: 20px;
}
.register input::placeholder{
  font-size: 14px;
  color: rgba(91, 113, 160, 1);
  opacity: 0.7;
}
.register input:focus{   
	border:none;
}
.register .line{
  display: flex;
  justify-content: space-between;
  width: 520px;
  border-bottom: 1px solid rgba(91, 113, 160, 1);
}
.register .line span{
  padding-top: 15px;
  width:15px;
}
.register .content .liuyan{
  font-size: 14px;
  color: rgba(91, 113, 160, 1);
  opacity: 0.7;
  padding:15px;
}
.register input{
  border: none;
  width: 520px;
  height: 45px;
  line-height: 45px;
  background:none;  
  outline:none; 
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
}
.register textarea{
  width: 521px;
  height: 80px;
  border: 1px solid #5B71A0;
  border-radius: 6px;
  resize: none;
}
.register textarea:focus{
  outline: none
}
.register .tishi{
  padding-left: 15px;
  opacity: 0.7;
}
.register .tishi .top{
  color: #5B71A0;
  font-size: 16px;
  padding: 15px 0;
}
.register .tishi .bottom{
  color: #5B71A0;
  font-size: 14px;
}
.register .tishi .bottom span{
  font-size: 16px;
}
.register button{
  width: 445px;
  height: 59px;
  background: #153578;
  border-radius: 3px 3px 3px 3px;
  border: none;
  font-size: 28px;
  color: #FFFFFF;
  margin-top: 40px;
  cursor: pointer;
  margin-left: 47px;
}
.register .cancle{
  cursor: pointer;
  color: #153578;
  font-size: 22px;
  padding-top: 40px;
  text-align: center;
}
.register .getcode{
  width: 145px;
  font-size: 16px;
  color: #153578;
  cursor: pointer;
  letter-spacing: 3px;
}
#register,#setPassword,#forgetPassword,#forgetSuccess,.black{
  display: none;
}
#registerSuccess{
  text-align: center;
  display: none;
}
#registerSuccess p{
  text-align: center;
}
#registerSuccess p.one{
  padding-top: 393px;
  font-size: 20px;
  color: #153578;
}
#registerSuccess p.two{
  padding-top: 39px;
  font-size: 30px;
  color: #153578;
}
#setPassword .title{
  text-align: center;
  font-size: 20px;
  color: #153578;
  padding-top: 275px;
  padding-left: 0;
}
#setPassword button{
  margin-top: 260px;
}
#setPassword .content{
  padding: 0 110px;
}
#forgetPassword button{
  margin-top: 320px;
}
#forgetSuccess{
  text-align: center;
}
#forgetSuccess p{
  margin-top: 430px;
  font-size: 30px;
  padding-left: 0;
  color: #153578;
  text-align: center;
}
.jiaoyan{
  font-size: 14px;
  color: red;
  margin-top: 30px;
  /* display: none; */
}

::-ms-clear,::-ms-reveal{display:none;}