.auth-wrap{background:url("../images/auth/cermag-bg.png");position: relative;min-height: 100vh;display: flex;align-items: center;justify-content: flex-start;background-repeat: no-repeat;background-size: cover;background-position: center;}
/*.auth-wrap{background: linear-gradient(107.56deg, #393B3D 0%, #585A5C 100%);position: relative;min-height: 100vh;display: flex;align-items: center;justify-content: flex-end;}*/
.auth-background{z-index: -1; position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: flex-start;width: 100%;height:100%;}
.auth-background .auth_dots img{position: absolute;}
.auth-background .auth_dots img.auth_dots_bottom{bottom: 0;left: 0;}
.auth-background .auth_dots img.auth_dots_top{top: 0;right: 0;}
.auth-background .auth_illustration{max-width: 980px;width: 54vw;display: block;}

.auth-panel{width: 600px;margin-left: 180px;}
.auth-panel .auth-panel-inner{background: #FFFFFF;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.16);border-radius: 24px;padding: 40px;}
.auth-panel .auth-panel-outer{margin-top: 30px;text-align: center;}
.auth-panel .auth-panel-outer p{margin: 0;font-weight: 500;font-size: 12px;line-height: 17px;color: #fff;display: flex;align-items: center;justify-content: center;}
.auth-panel .auth-panel-outer p img{display: block;margin-left: 5px;}
.auth-panel .auth-head{margin-bottom: 30px;text-align: center;}
.auth-panel .auth-head img{max-width: 200px;display: block;margin: 0 auto;}
.auth-panel .auth-title{font-weight: 600;font-size: 30px;line-height: 32px;margin-bottom: 30px;position: relative;padding-bottom: 16px;border-bottom: 2px solid #F0F2F5;}
.auth-panel .auth-title:after{content: "";background-color: #6bb336;height: 4px;position: absolute;left: 0;width: 110px;bottom: -3px;}
.auth-panel .forgot-pwd{padding-top: 8px;text-align: right}
.auth-panel .forgot-pwd a{color: #939698;font-weight: 600;font-size: 14px;line-height: 24px;}
.auth-panel .form-forgot-space input{padding-right: 50px;}
.auth-panel .pwd-show-hide{position: absolute;top: 35px;right: 12px;}
.auth-panel .pwd-show-hide a{height: 24px;width: 24px;display: flex;align-items: center;justify-content: center;font-size: 18px;color:#191B1D;text-decoration: none;}

.auth-panel .auth-panel-other{display: none;}
.auth-panel .auth-panel-other .auth-smtitle{font-weight: 600;font-size: 25px;line-height: 25px;color: #191B1D;text-align: center;margin-bottom: 8px;}
.auth-panel .auth-panel-other .auth-desc{font-weight: 400;font-size: 16px;line-height: 24px;color: #939698;text-align: center;margin-bottom: 48px;}
.auth-panel .auth-panel-other .auth-desc b{font-weight: 500;color:#6B6E6F;}
.auth-panel .auth-button{text-align: center;}
.auth-panel .auth-button .backtologin{color: #939698;font-weight: 500;font-size: 16px;line-height: 24px;text-align: center;margin-top: 48px;text-decoration: none;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
.auth-panel .auth-button .backtologin:hover{color: #000;}
.auth-panel .auth-button .backtologin i{font-size: 20px;line-height: 1;margin-right: 10px;}
.auth-panel .auth-button p{margin-bottom: 0;margin-top: 48px;color: #939698;font-size: 16px;line-height: 24px;}

@media screen and (max-width: 1370px){
    .auth-panel{width: 400px;margin-left: 120px;}
    .auth-panel .auth-panel-inner{padding: 25px;}
    .auth-panel .auth-title{padding-bottom: 10px;font-size: 22px;line-height: 22px;margin-bottom: 24px;}
}