measureSAAS.v2.APP/css/cyanLogin.css

body {
    font-size: 0.9rem;
    overflow: hidden;
    background: #e4e7ea;

}
a{
  color: rgba(13, 157, 173, 1);
}
.login-new-body{
  width: 100%;
  height: 100%;
  /*background-position:25% 95%;
  background-size: 40% auto;
  display: inline-block;
  opacity: .8*/
  /*animation: change 60s steps(1) infinite;*/
}
.login-new-body.img-1{
  width: 100%;
  height: 100%;
  background: url(bg/cyanBg/bg.png) no-repeat;
  /*background:#192948 url(https://jiliang-qa.oss-cn-shenzhen.aliyuncs.com/loginimg/bg_01.jpg) no-repeat;*/
  background-size: 100% 100%;
  background-size:cover;
  /*background-size: contain;*/
}
/*@keyframes change {
  0% {
  background-image: url(bg/bg_06.png);
  }
  16% {
  background-image: url(bg/bg_01.png);
  }
  32% {
  background-image: url(bg/bg_02.png)
  }
  48% {
  background-image: url(bg/bg_03.png)
  }
  64% {
  background-image: url(bg/bg_04.png)
  }
  80% {
  background-image: url(bg/bg_05.png)
  }
}*/
/*.login-new-b{
  border-right: 2px solid rgba(255, 255, 255, 0.6);
}*/
.logo-big-title{
  font-size: 14px;
}
.logo-sm-title{
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}
/*.sloganImgBox{
  width: 315px;
  height: 105px;
  background: url(bg/cyanBg/iamge_mobile_slogan.png) no-repeat;
}*/
.side-border{
  width: 2px;
  height: 24px;
  background: rgba(255, 255, 255, 0.6);
}
.sloganWid{
  margin: 0 35px;
}
.sloganLeftText{
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}
.top-subtitle{
  font-size: 12px;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.right-login{
  margin: 0 35px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
}
.right-login .position-absolute{
  right: 12px;
  top: 12px;
}
.login-border{
  width: 48px;
  height: 4px;
  background: rgba(255, 255, 255, 1);
}
.erweima img{
  width: 240px;
  height: 240px;
  padding: 12px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.right-login .bottom-text{
  padding-top: 5px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}
.btnCyan{
  background: rgba(16, 196, 216, 1);
  border-color: rgba(16, 196, 216, 1);
  color: #fff;
}
.btnCyan:hover{
  color: #fff;
  background-color: #0aa7b8;
  border-color: #0aa7b8;
}
.has-danger {
  -webkit-animation: shake 1s .2s ease both;
  -moz-animation: shake 1s .2s ease both;
  animation: shake 1s .2s ease both;
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}