@charset "utf-8";
/* CSS Document */

body{ font-family:12px/1.5 "微软雅黑"， Microsoft YaHei,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}




/*****************************  login-css   css  *****************************/
.login-bg{ background:#f8f8f8;}
.login-box-h185{ height: 11.563em; border-bottom: 2px solid #e04c4c;}

.login-logo-box{ padding-top: 3.9375em;}
.logo-img{ height: 4em; float: left; padding-right: 15px; border-right: 2px solid #333; margin-right: 15px;}
.logo-text{ font-size: 2em; line-height: 2em;}

.login-box{ width:100%; display: inline-block;}
.login-box-l{ width:75%; float: left;}
.login-box-r{ width:25%; float: left;}

.login-img-box{padding: 13em 0;}
.login-img-box .thumbnail{ padding:0; border-radius: 0; border: none; background-color: transparent; margin-bottom: 0;}
.login-img-box .thumbnail>img{ height: 312px;}

.login-r-box{ background:#fff; border-radius: 5px; box-shadow: 0 0 15px #ddd;}
.login-r-box h3{ padding:30px 15px 0 15px; font-weight: 400; margin: 0;}
.login-p{ padding: 0 15px;}
.login-box-p{ border: 1px solid #ccc; line-height: 19px; margin-top: 28px; padding: 5px; width: 100%; display: inline-flex;}
.login-ico-box{ width: 15%;}
.input-box{ width:85%; line-height: 25px; color: #666; border: none; outline: none; padding-left: 10px;}

.login-text-box{ line-height: 35px;}
.login-text-box a{ color:#06f; text-decoration: none !important;}
.login-text-box a:hover, .login-text-box a:focus{ color:#e04c4c; text-decoration: underline !important;}
.login-text-box span{ float:right;}
.login-text-box span a{ color:#999; text-decoration: underline;}
.login-text-box span a:hover{ color:#e04c4c; text-decoration: underline;}

.login-btn-box{ padding: 3em 15px;}
.login-btn-box .btn-danger{ width:100%; background-color: #e04c4c; border: none; line-height: 1.7em; font-size: 1.3em; font-weight: 100;}
.login-btn-box .btn-danger:hover, .login-btn-box .btn-danger:focus{ background-color: #e04c4c!important; outline:none!important;}

.login-box-ico{ border-top:1px solid #eee; line-height: 48px; min-height: 48px;}
.login-box-ico p{ float:left; padding-right: 15px; font-size: 1.1em; font-weight: 100;}
.login-box-ico p a{ color: #666; text-decoration: none;}
.login-box-ico p a:hover{ text-decoration: none;}


/*****************************  register-css   css  *****************************/
.register-box{ border-bottom:2px solid #666; line-height: 57px; min-height: 57px; position: relative;}
.register-box .nav-pills{ position: absolute; margin-top: 0.5px;}
.register-box .nav-pills>li>a{ border-radius: 0; font-size: 1.6em; font-weight: 100; color: #666;}
.register-box .nav-pills>li>a:hover, .register-box .nav-pills>li>a:focus{ background-color: #e04c4c; font-size: 1.6em; font-weight: 100; color: #fff;}
.register-box .nav>li>a{ padding:  0px 25px !important; margin-right: 15px;}
.register-box .nav-pills>li.active>a{ background-color: #e04c4c; font-size: 1.6em; font-weight: 100;}
.register-box .nav-pills>li.active>a:focus, .register-box .nav-pills>li.active>a:hover{ background-color: #e04c4c; font-size: 1.6em; font-weight: 100;}
.register-box span{ float:right; font-size:1em; color: #999; margin-top: 17px; font-weight: 100;}
.register-box span a{ color: #e04c4c;}


.register-box-div{ width:50%; margin: 0 auto;}
.register-box-div .box-register{ width: 100%; display: inline-flex; margin-bottom: 2em;}
.box-register .box-register-l{ width: 20%; text-align: right; margin-right: 15px; line-height: 32px; font-size: 1.3em; font-weight: 100;}
.box-register .box-register-l b{ color: #e04c4c; font-size: 0.8em;}
.box-register .box-register-r{ width: 80%;}
.box-input{ border: 1px solid #ddd; line-height: 32px; padding-left: 15px; font-size: 1.1em; font-weight: 100; width: 100%; outline:none;}
.box-input-w30{ width: 30%!important;}

.pw-strength {clear: both; position: relative; top: 3px; width: 100%; text-align: center;}   /******** 密码强度 *****/
.pw-bar{ background:#d4d4d4; height: 5px; overflow: hidden; width: 100%;}
.pw-bar-on{ background:#69a967; width:0px; height:5px; position: absolute; top: 0px;left: 0px; transition: width .5s ease-in; -moz-transition: width .5s ease-in; -webkit-transition: width .5s ease-in; -o-transition: width .5s ease-in;}       /******** 密码强度 *****/
.pw-weak .pw-defule{ width:0%;}        /******** 密码强度 *****/
.pw-weak .pw-bar-on {width: 32%;}       /******** 密码强度 *****/
.pw-medium .pw-bar-on {width: 64%;}       /******** 密码强度 *****/
.pw-strong .pw-bar-on {width: 100%;}       /******** 密码强度 *****/
.pw-txt {padding-top: 2px; width: 100%; overflow: hidden; display: inline-flex;}      /******** 密码强度 *****/
.pw-txt span {color: #707070; float: left; font-size: 12px; text-align: center; width: 35%;}      /******** 密码强度 *****/

.text-register{ padding: 15px 0; font-size: 1.2em; font-weight: 100; color: #999;}

.btn-box-register{ width: 60%; margin-top: 15px;}
.btn-box-register .btn-danger{ width: 100%; line-height: 28px; border: none; font-size: 1.3em; font-weight: 100; outline: none!important;}


/*****************************  password-css   css  *****************************/
.btn-box-password{ width: 40%; margin-top: 3em;}
.btn-box-passwords{ width: 70%; margin: 30px auto 0 auto;}
.btn-box-password .btn-danger, .btn-box-passwords .btn-danger{ width: 100%; line-height: 28px; border: none; font-size: 1.3em; font-weight: 100; outline: none!important;}















@media(min-width:1024px){
	.login-h5{ height: 3.5em; overflow: hidden;}
	.login-h2{ height: 2.5em; overflow: hidden;}
	
}


@media(min-width:1200px){
	 
	.login-h5{ height: 6em; overflow: hidden;}
	.login-h2{ height: 5.5em; overflow: hidden;}
}