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); } }