.login-container{ min-width: 1000px; height: 100%; padding: 90px 110px;}
.login-box{ height: 100%; border-radius: 20px; background: #fff;}
.login-box .row{ height: 100%;}
.login-pic{ height: 100%; background: url(../img/login_pic.png) center no-repeat; background-size: 70%;}

.login-form{ padding: 0 10%;}
.login-form h3{ padding: 30px 0; font-size: 30px; font-weight: 700;}
.login-form .slogan{ font-size: 16px; color: #666;}

.login-title{ border-bottom: 1px solid #e5e5e5;}
.login-title a{ padding-bottom: 14px; display: block; font-size: 20px; color: #666;}
.login-title a.active{ position: relative; font-weight: 700; color: #3F71E2;}
.login-title a.active:before{ content: ""; position: absolute; width: 80px; margin-left: -40px; left: 50%; bottom: 0; border-bottom: 6px solid #3F71E2;}


.login-form .input-inline{ padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.login-form .input-label{ float: left; width: 32px; text-align: right; line-height: 32px;}
.login-form .input-block{ margin-left: 52px;}
.login-form .input-span{ position: relative;}
.login-form .input-span span{ position: absolute; right: 0; top: 0; height: 32px; line-height: 32px; color: #999;}
.login-form .input-block input[type=text],.login-form .input-block input[type=password]{width: 100%; height: 32px; line-height: 32px; padding: 0px; background: #fff; border: 0; font-size: 16px;}
.login-form .input-block textarea{width: 100%; padding: 5px 10px; background: #f8f8f8; border: 0; border-radius: 3px;}
.login-form .input-block select{width: 100%; height: 32px; line-height: 32px; padding: 5px 10px; background: #f8f8f8; border: 0; border-radius: 3px;}

.login-role img{width: 70%;}

.login-layer{ padding: 100px 100px;}
.login-layer .btn-box .btn{ margin: 0 20px; padding: 0; width: 150px; height: 60px; line-height: 60px;}