/* 登录页 */
html{font-size:16px;}
html,body{width:100%;height:100%;margin:0;padding:0;overflow:auto;-ms-overflow-style:scrollbar;background:#eff1f4;
font-size:14px;font-family:"Microsoft YaHei",Helvetica,Arial,Sans-serif}
.nav-tabs{border-bottom: 1px solid #224b9b;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #fff;cursor: default;background-color: #224b9b;border: 1px solid #224b9b;border-bottom-color: #224b9b;}
.nav>li>a:focus, .nav>li>a:hover{background-color: #224b9b;border-color: #224b9b ;}
input{height: 40px;}
.login-page { display: table; height: 100%; width: 100%; padding: 0; }
/*.login-page .main { height: 100%; width: 40%; position: fixed; left: 60%;display: table; }*/
.login-page .main>.row{display: table-cell;vertical-align: middle;}
.login-wrap input { background-color: transparent; color: #000; }
.login-wrap .btn { border-color: white;height: 36px; }

/* 登录框靠右 */
.Layout_right .main{position: fixed;width: 40%;left: 60%;height: 100%;display: table;}
.Layout_right .login-wrap{max-width: 440px;}
.Layout_right .login-qr-code{display: block;}
.Layout_right .mobile-client-box .mobile-client{display: none;}
.Layout_right .qr-content .login-qr-code{display: none;}
/* 登录框居中 */
.Layout_center .main{height: 100%;display: table; margin: 0 auto;}
.Layout_center .login-wrap{max-width: 440px;}
.Layout_center .login-qr-wrap .login-qr-code{display: none;}
.Layout_center .login-qr-code{display: block;}
.Layout_center .mobile-client-box .mobile-client{display: none;}
/* 登录框横排 */
.Layout_bottom .main{height: 100%;display: table;margin: 0 auto;}
.Layout_bottom .login-qr-code{display: block;}
.Layout_bottom .main>.row{height: 100%;vertical-align: bottom;}
.Layout_bottom .main>.row>div{height: 100%;}
.Layout_bottom .main>.row>div .login-wrap{height: 100%;}
.Layout_bottom .main .login-wrap-content{height: 100%;display: table;}
.Layout_bottom .main .login-wrap{ max-width: 100%;background: url('none');}
.Layout_bottom .main  #tab_username{display: table-cell;vertical-align: bottom;}
.Layout_bottom .login-qr-wrap,.Layout_bottom .mobile-client-box{vertical-align: middle;}
.Layout_bottom .mobile-client-box{position:absolute !important;top: 50%;left: 50%;transform: translate(-50%, -50%);display: table-cell;}
.Layout_bottom .login-qr-wrap .qr-content,.Layout_bottom  .mobile-client-box{padding: 20px 40px;background: rgba(0, 0, 0, 0.4);position: relative;}
.Layout_bottom .login-qr-wrap .qr-content .login-qr-code,.Layout_bottom .mobile-client-box .mobile-client{font-size: 30px;cursor: pointer;margin-bottom: 20px;position: absolute;right: 10px;top: 5px;color: #fff;}
.Layout_bottom .login-wrap .login-logo{display: none;}
.Layout_bottom .login-wrap .login-from-wrap .form-group{float: left;margin-right: 30px;margin-bottom: 90px;border: 0;}
.Layout_bottom .login-wrap .login-from-wrap .input-group-addon{border: 0;}
.Layout_bottom .login-wrap .password .input-group-addon{border-radius: 0;}
.Layout_bottom .form-control:focus{box-shadow: none;}
.Layout_bottom .center-block{float: left;display: inline-block;border-radius: 0 2px 2px 0;position: relative;left: -30px;width: 100px;}
.Layout_bottom .login-wrap .login-from-wrap .password-switch-remember{width: 100%;position: absolute;bottom: 30px;margin-bottom: 0;}
.Layout_bottom .login-wrap .login-from-wrap .password-switch-remember span{color: #fff;}
.Layout_bottom .login-wrap .login-from-wrap .password-switch-remember .login-qr-code,.Layout_bottom .login-wrap .login-from-wrap .password-switch-remember .mobile-client{font-size: 16px;cursor: pointer;position: absolute;top: -2px;display: inline;color: #fff;}
.Layout_bottom .login-wrap .login-from-wrap .password-switch-remember div:nth-child(3){right: 30px;}
.Layout_bottom .login-wrap .login-from-wrap .password-switch-remember div:nth-child(4){right: 60px;}
.Layout_bottom .login-wrap .login-from-wrap .password-switch-remember .login-qr-code b{margin-left: 5px;}
.Layout_bottom .user::after{content: "";border-top: 16px solid transparent;border-bottom: 20px solid transparent;border-left: 21px solid #fff;position: absolute;right: -19px;top: 0;}
.Layout_bottom .password-triangle1{width: 0;height: 0;border-top: 20px solid #fff;border-left: 20px solid transparent;position: absolute;left: -19px;top: 0;}
.Layout_bottom .password-triangle2{width: 0;height: 0;border-bottom: 20px solid #fff;border-left: 20px solid transparent;position: absolute;left: -19px;top: 16px;}
.Layout_bottom .login-qr-wrap .nav-tabs>li>a{color: #fff;}
.Layout_bottom .btn{height: 36px;background: #1aaada;color: #fff;border: 0;border-radius: 0 2px 2px 0;}

.login-wrap {border: 0;background: url(./../images/lg-bg.png);border-radius: 6px; margin: 0 auto; padding: 0 50px 50px 50px;}
.login-from-wrap{position: relative;}
.login-from-wrap:before{display: table;content: " ";}
.login-from-wrap .form-horizontal:after{display: table;content: " ";clear: both;}
.login-wrap .login-logo{text-align: center;padding: 40px 0;position: relative;}
.login-wrap .login-logo img { max-height: 50px; min-height: 40px; }
.login-wrap .login-from-wrap .form-group { margin-right: 0; margin-left: 0; margin-bottom: 35px; border-radius: 4px; border: 1px solid #846d6d;position: relative; }
.login-wrap .login-from-wrap .input-group-addon { border: 0; background: #fff; border-right: 1px solid; }
.login-wrap .login-from-wrap .form-control {height: 36px; border: 0; background: #fff; }
.login-wrap .login-from-wrap .password-switch-remember{display: block;height: 30px;  position: relative; margin-bottom: 35px; cursor: pointer; }
.login-wrap .login-from-wrap .password-switch-remember .form-password { height: 20px; width: 37px; background: url(./../images/password-switch-bg.png) 0 0 no-repeat; border-radius: 15px; position: relative; }
.login-wrap .login-from-wrap .password-switch-remember span { position: absolute; left: 48px; top: -1px; color: #333; font-size: 14px; }
/* 记住密码 按钮效果*/
.login-wrap .login-from-wrap .form-password.password-switch-remember-action { background: url(./../images/password-switch-bg1.png) 0 0 no-repeat; }
.login-wrap .login-from-wrap .form-password em { height: 22px; width: 22px; background: url(./../images/dot.png) 0 0 no-repeat; border-radius: 100%; position: absolute; top: 0; left: -1px; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.login-wrap .login-from-wrap .form-password.password-switch-remember-action em { left: 17px; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }

/* 二维码app下载切换 */
.login-qr-wrap{display: none;}
.login-wrap .login-from-wrap .password-switch-remember .login-qr-code ,.login-wrap .login-from-wrap .password-switch-remember .mobile-client{display: none;}
.login-wrap .login-logo .login-qr-code ,.login-wrap .login-logo .mobile-client{font-size: 30px;cursor: pointer;margin-bottom: 20px;position: absolute;top: 5px;}
.login-wrap .login-logo div:nth-child(2){right: -35px;}
.login-wrap .login-logo div:nth-child(3){right: 5px;}
.login-wrap .qr-code-box {text-align: center; }
.login-wrap .mobile-client-box img{padding:15px}

/* 登录页页脚样式 */
.footer { position: fixed; bottom: 10px; left: 0; width: 100%; text-align: center; z-index: 88888888; color: black; }
.footer p { max-width: 1200px; margin: 0 auto; }
/* 手机端登录页样式 */
@media screen and (max-width:768px) {
	.login-page .main { width: 375px; position: inherit; background: none; margin: 0 auto; }
	.login-wrap .login-qr-code{display: none;}
	.login-wrap .mobile-client{display: none;}
}

/* 手机端登录页样式 */
@media screen and (max-width:320px) {
	.login-page .main { width: 290px; position: inherit; background: none; margin: 0 auto; }
	.login-wrap{width: 100%;}
}