/* login-bg */
.login-bg { height: 720px; background: url('/images/login-bg.jpg') no-repeat center center; }
.login-bg .w1200 { position: relative; height: 720px; }
.login-bg .logo { margin-top: 40px; }
	/**/
.login-bar { 
	position: absolute; top: 135px; right: 0;
	width: 420px; height: 480px; background-color: #fff; box-shadow: 0 7px 20px 0 rgba(0,0,0, .35); 
}
.login-bar .tab-nav { height: 74px; line-height: 74px; padding: 0 50px; border-bottom: 1px solid #eee; }
.login-bar .tab-nav span { float: left; font-size: 18px; color: #595959; position: relative; cursor: pointer; margin-right: 50px; }
.login-bar .tab-nav span.cur { color: #ff552e; font-weight: 600; }
.login-bar .tab-nav span.cur:after { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-color: #ff552e; content: ''; }
	/**/
.login-form { padding: 20px 50px; }
.login-form li { height: 40px; margin-top: 20px; color: #8c8c8c; }
.login-form .input-bar { height: 38px; padding: 0 10px; border: 1px solid #d9d9d9; border-radius: 3px; }
.login-form .input-bar .tips { line-height: 38px; color: #ccc; }
.login-form .input-bar .txt { display: block; width: 100%; height: 38px; line-height: 38px; }
.login-form .input-bar.w160 { width: 138px; }
.login-form .input-bar.w190 { width: 168px; }
.login-form .yzm { width: 138px; height: 38px; border: 1px solid #d9d9d9; border-radius: 3px; cursor: pointer; }
.login-form .yzm img { display: block; }
.login-form .btn-yz { 
	float: right; width: 110px; height: 38px; line-height: 38px; border-color: #ff552e; color: #ff552e !important;
	border-radius: 3px; text-align: center; color: #ccc; cursor: pointer; 
}
.login-form .btn-yz:hover { color: #ff552e; }
.login-form .btn-no, .login-form .btn-no:hover { border-color: #d9d9d9; color: #ccc; }
.login-form .btn-oe { display: block; width: 100%; height: 42px; line-height: 42px; font-size: 18px; } 
.login-form .check-btn { margin-top: 10px; }
	/**/
.login-erwei { padding: 40px; text-align: center; font-size: 16px; }
.login-erwei img { display: block; width: 258px; height: 258px; margin: 0 auto 20px; }


/* 2018-09-20 */
.mt10 { margin-top: 10px !important; }
.mt30 { margin-top: 30px !important; }
.mb15 { margin-bottom: 15px; }
.login-bar { width: 380px; height: 460px; }
.login-erwei { padding: 10px 40px; }
.login-bar .tab-nav { height: 42px; line-height: 42px; padding: 30px 30px 0; border-bottom: none; }
.login-bar .tab-nav span { font-size: 16px; margin-right: 76px; }
.login-form { padding: 20px 30px; }
.login-erwei img { margin-bottom: 10px; }
.login-form .btn-yz { width: 138px; }

/* check-btn */
.check-btn { float: left; height: 20px; color: #8c8c8c; position: relative; padding-left: 30px; cursor: pointer; margin-right: 20px; }
.check-btn:before { 
	position: absolute; left: 0; top: 0; content: ''; transition: all .15s linear;
	width: 14px; height: 14px; background-color: #fff; border: 1px solid #bfbfbf; margin-top: 2px;
}
.check-btn:hover:before {  }
.check-btn-click:before { }
.check-btn-click:after {position: absolute; left: 2px; top: 0; content: '√'; font-family: "Verdana"; color: #999; font-size: 12px; }
	/**/
.radio-bar .check-btn:before { border-radius: 50%; }

.login-bar { width: 420px; height: 460px;}
.login-bar li { height: auto; min-height: 40px; }
.login-bar .protocol a { display: inline-block; }
.login-form .input-bar.w160 { width: 180px; }
.login-bar iframe{ width:340px}

/* #18512 by luqianyou 2021/12/30 */
.protocol-badge { position: relative; }
.protocol-badge .u-badge { 
    position: absolute; left: -10px; top: 36px; 
    border: 1px solid #FF8E62; background-color: #FFF5F1; border-radius: 4px; box-shadow: 0 2px 10px rgb(0,0,0,.06); 
    font-size: 12px; line-height: 20px; color: #F25618; padding: 0 6px; white-space: nowrap;
}
.protocol-badge .u-badge:before, 
.protocol-badge .u-badge:after {
    position: absolute; left: 12px; content: '';
    border: 5px solid transparent;
}
.protocol-badge .u-badge:before{  top: -9px; border-bottom-color: #FFF5F1; z-index: 2; } 
.protocol-badge .u-badge:after { top: -10px; border-bottom-color: #ff8e62; }