@charset "utf-8";

@import "base.css?t=202106181029";
@import "iconfont.css?t=202106151436";

html{background-color:#ffffff}
body{}
a{color:#4e72be;text-decoration:underline}
a:hover{color:#4e72be;}


.login-page{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}

.login-ad{height:100%;background-color:#4e72be;background-size:cover;}
.bg-01{background-image:url(images/logo_bm_gray.png)}

.login-box{display:flex;align-items:center;height:100%;background:url(images/logo_bm_gray.png) no-repeat right top;background-size:192px;background-origin:content-box;padding:16px;}

.login-form{margin:0 auto}
.login-form .title{font-size:32px;font-weight:300}
.login-form .title>span{font-size:16px;margin-left:10px;padding-left:10px;border-left:1px solid #ccc}
.login-form .title>span>sup{font-size:10px;margin-left:6px;top:-8px;}
.login-form p{margin:24px 0;position:relative;}
.login-form input[type=text],
.login-form input[type=password]{height:48px;border:1px solid #a5a5a5;border-radius:6px;font-size:16px;font-weight:300;padding:0 10px;}
.login-form input[type=text]:focus,
.login-form input[type=password]:focus{border-color:#4e72be}

.show-pwd{position:absolute;top:50%;right:11px;color:#a5a5a5;text-decoration:none;transform:translateY(-50%)}
.auth-image{width:96px}
.auth-image img{vertical-align:top}

.auth-sms{width:96px;text-align:center;font-size:14px}
.auth-sms-disabled,.auth-sms-disabled:hover,.auth-sms-disabled:visited,.auth-sms-disabled:active{cursor:default;color:#ccc}

.copyright{color:#999;text-align:center;line-height:16px}
.copyright a,.copyright a:hover{color:#999;text-decoration:none}
.copyright a:hover{text-decoration:underline}