﻿html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

.row{margin:0 0;}

.login-page {position: relative;overflow-x: hidden;/*background: #EEF5F9;*/}
/*.login-page::before {content: '';width: 100%;height: 100%;display: block;z-index: -1; background: url(/images/p_big3.jpg); background-size: cover; -webkit-filter: blur(10px);filter: blur(10px);z-index: 1;position: absolute;top: 0;right: 0;}*/
.login-page .container {min-height: 100vh;z-index: 999;padding: 20px;position: relative;}
.login-page .form-holder div[class*='col-'] {padding: 0;}
.login-page .form-holder {width: 100%;border-radius: 5px;overflow: hidden; margin-bottom: 50px;}
.login-page .form-holder .info, .login-page .form-holder .form {min-height: 50vh;padding: 40px 40px;height: 100%;background: rgba(255, 255, 255, 0.6);}
.login-page .form-holder .info {position:relative; background: rgba(42,58,107, 0.9);color: #fff;}
.login-page .form-holder .info .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
.login-page .form-holder .info .logo .logo-img{width:200px; vertical-align: text-bottom;}
.login-page .form-holder .info .logo .logo-text{font-size: 40px;font-weight: 600;margin-left: 15px;}
.login-page .form-holder .form form {width: 100%;}
.login-page .form-holder .form .form-group {position: relative;margin-bottom: 30px;}
.login-footer{position: absolute; bottom: 50px; color: #fff; text-align: center; width: 100%;}
.has-shadow {-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);}

/** 文本框 **/
button,input {outline: none !important;}
input.input-material {width: 100%;border: none;padding: 14px 40px;background: rgba(255, 255, 255, 0);border-bottom: 1px solid #d6d6d6;}
input.input-material.is-invalid {border-color: #dc3545 !important;}
input.input-material:focus {border-color: #0069d9 !important;}
input.input-material ~ label {color: #eee;position: absolute;top: 14px;left: 0;cursor: text;-webkit-transition: all 0.2s;transition: all 0.2s;font-weight: 300;}
input.input-material ~ label.active {font-size: 0.8rem;top: -10px;color: #796AEE;}
input.input-material.is-invalid ~ label {color: #dc3545;}

/** 图标 **/
i.fa{position: absolute; left: 15px; top: 16px; font-size: 18px; color: #6c757d;}
i.fa.fa-lock{font-size:20px;}

/** 验证信息 **/
.invalid-feedback{padding:0 40px;font-size:14px;}

/** 按钮 **/
.btn:focus, .btn.focus {outline: 0;-webkit-box-shadow: 0 0 0 0.2rem rgba(42,58,107, 0.25); box-shadow: 0 0 0 0.2rem rgba(42,58,107, 0.25);}
.btn.disabled, .btn:disabled { opacity: .65;}
.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {background-image: none;}

.btn-main { color: #fff;background-color: #2a3a6b;border-color: #2a3a6b; width:100%;border-radius: 50px; line-height:30px;}
.btn-main:hover {color:#fff!important; /*background-color: #000055;border-color: #003366;*/}
.btn-main:focus, .btn-main.focus {background-color: #003366 !important;-webkit-box-shadow: 0 0 0 0.1rem rgba(42,58,107, 0.5);box-shadow: 0 0 0 0.1rem rgba(42,58,107, 0.5);}
.btn-main.disabled, .btn-main:disabled {color: color-yiq(#2a3a6b);background-color: #2a3a6b;border-color: #2a3a6b;}
.btn-main:not(:disabled):not(.disabled):active, 
.btn-main:not(:disabled):not(.disabled).active,
.show > .btn-main.dropdown-toggle {color: color-yiq(#003366);background-color: #003366;border-color: #003366;}
.btn-main:not(:disabled):not(.disabled):active:focus, .btn-main:not(:disabled):not(.disabled).active:focus,
.show > .btn-main.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.1rem rgba(42,58,107, 0.5);box-shadow: 0 0 0 0.1rem rgba(42,58,107, 0.5);}

/** 图片验证码 **/
.img-code{width: 90px; height: 32px; position: absolute; right: 15px;cursor:pointer;}

/** placeholder **/
::-webkit-input-placeholder {color: rgba(0,0,0,.5);} /* Edge */
:-ms-input-placeholder {color: rgba(0,0,0,.5);} /* Internet Explorer 10-11 */
::placeholder {color: rgba(0,0,0,.5);}

/** layer **/
.layui-layer-close1 {background: url(../../images/close.png) no-repeat !important;}



