/*Bootstrap 4 Admin Template*/
body {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow: hidden;}
a,i,span {display:inline-block;text-decoration:none;-webkit-transition:all 0.3s;transition:all 0.3s;}
a:hover,a:focus,i:hover,i:focus,span:hover,span:focus {text-decoration:none;}
section {padding:50px 0;}
canvas {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.container-fluid {padding:0 30px;}
@media (max-width:575px) {
  .container-fluid {padding:0 15px;}
}
*[class*="icon-"] {-webkit-transform:translateY(3px);transform:translateY(3px);}
button,input {outline:none !important;}
/*=== Helpers ===*/
.bg-white {background:#fff !important;}
.text-uppercase {letter-spacing:0.2em;}
.lh-2 {line-height:2;}
.page .text-white {color:#fff;}
.page {overflow-x:hidden;}
.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);}
.overflow-hidden {overflow:hidden;}
body {font-family:"Poppins",sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;}
html,body {position: relative;height: 100%;}

a {color:#796AEE;text-decoration:none;}
a:focus,a:hover {color:#3b25e6;text-decoration:underline;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {margin-bottom:0.5rem;font-family:inherit;font-weight:700;line-height:1.1;color:inherit;}
h1,.h1 {font-size:1.5rem;}
h2,.h2 {font-size:1.3rem;}
h3,.h3 {font-size:1.2rem;}
h4,.h4 {font-size:1.1rem;}
h5,.h5 {font-size:1rem;}
h6,.h6 {font-size:0.95rem;}
hr {border-top:1px solid rgba(0,0,0,0.1);}
small,.small {font-size:80%;font-weight:400;}
mark,.mark {padding:0.2em;background-color:#fcf8e3;}
.blockquote {padding:0.5rem 1rem;margin-bottom:2rem;font-size:1.25rem;border-left:5px solid #796AEE;}
.blockquote-footer {color:#868e96;}
.blockquote-footer::before {content:"\2014 \00A0";}

input.input-material {width:100%;border:transparent;padding:6px 8px;border-radius:3px;text-indent:22px;background-repeat:no-repeat;background-size:18px 18px;background-position:0 50%;background-color: transparent;background-color: #f1f1f1;background-position:6px;font-size: 0.85rem;height:45px;}
#login-username {background-image:url(../images/login_user.svg);}
#login-username:focus {background-image:url(../images/login_user2.svg);}
#login-password {background-image:url(../images/login_pass.svg);}
#login-password:focus {background-image:url(../images/login_pass2.svg);}
#login-yanzheng {background-image:url(../images/login_yanzheng.svg);width:calc(100% - 120px);position:relative;}
#login-yanzheng:focus {background-image:url(../images/login_yanzheng2.svg);width:calc(100% - 100px);position:relative;}
.yzm_img {width:100px;height:50px;position:absolute;right: 5px;top:18px;transform:translateY(-50%);cursor:pointer;display:block;}
input.input-material.is-invalid {border-color:#dc3545 !important;}
input.input-material:focus {border-color:#179c69;transition: all .3s;}
input.input-material ~ label {color:#aaa;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:#179c69;}
input.input-material.is-invalid ~ label {color:#dc3545;}
.form-group-material {position:relative;margin-bottom:30px;}
/** ==========================================================*     FORM PAGE* ==========================================================*/
.forms p {font-size:0.9em;color:#555;}
.forms form small {font-size:0.8em;color:#999;font-weight:300;}
.forms .line {width:100%;height:1px;border-bottom:1px dashed #eee;margin:30px 0;}
/** ==========================================================*     LOGIN PAGE* ==========================================================*/

.login_foot_btn {display:block;width:100%;text-align:center;}
.login_foot_btn .btn {margin:0 0 20px 0;width:100%;}
.bg-white-jb{background-image: linear-gradient(-30deg, #fefefe 0%, #d9ddf9 100%);}

.has-shadow {-webkit-box-shadow:10px 30px 40px rgba(0,0,0,0.15), -10px 30px 40px rgba(0,0,0,0.1);box-shadow:10px 30px 40px rgba(0,0,0,0.15), -10px 30px 40px rgba(0,0,0,0.15);}
/* * 2. BUTTONS */
.btn {font-weight:400;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;border-radius:0.25rem;-webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;}
.btn:focus,
.btn.focus {outline:0;-webkit-box-shadow:0 0 0 0.2rem rgba(121,106,238,0.25);box-shadow:0 0 0 0.2rem rgba(121,106,238,0.25);}
.btn.disabled,
.btn:disabled {opacity:.65;}
.btn:not([disabled]):not(.disabled):active,.btn:not([disabled]):not(.disabled).active {background-image:none;}
.btn-info {background: linear-gradient(to right, #179c69, #38c77f, #179c69);border-color:transparent;color: #FFF;transition: all .3s;}
.btn-info:hover {background: linear-gradient(to right, #38c77f, #179c69, #38c77f);border-color:transparent;color: #FFF;box-shadow: 0 10px 18px rgba(5, 143, 74,.5);transition: all .6s;}
.btn-info:focus,.btn-info.focus {-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.5);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.5);}
.btn-info.disabled,.btn-info:disabled {color:color-yiq(#17a2b8);background-color:#17a2b8;border-color:#17a2b8;}
.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show > .btn-info.dropdown-toggle {color:color-yiq(#117a8b);background-color:#117a8b;border-color:#10707f;}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {-webkit-box-shadow:0 0 0 0.2rem rgba(23,162,184,0.5);box-shadow:0 0 0 0.2rem rgba(23,162,184,0.5);}
.bg-cut-new{background-color:rgba(255,255,255,.8);transition: all .3s;}
.form-holder:hover .bg-cut-new{background-color:rgba(255,255,255,1);transition: all .3s;}



/* 新css */
body{width:100%;background-position:0;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;background-color:#EFFFE6;background-image: url(../images/background.jpg);overflow: hidden;}
.login{display: block;position: relative;width: 100%;height:100vh;overflow: hidden;}
.login_box{position: relative;z-index:3;width: 100%;height: 100vh;overflow: hidden;}
.login_box .login_new_front{position:absolute;z-index:3;width:100%;height:100vh;pointer-events: none;}
.login_box .login_new_back{position:absolute;z-index:2;width:100%;height:100vh;display: flex;flex-wrap: wrap;}

.login_box .login_logo_box{position:absolute;top:30px;left:30px;height:26px;width:100%;display: flex;flex-wrap: wrap;}
.login_box .login_logo_box .login_logo{max-width:100%;height:100%;margin-right:1rem;padding-right:1rem;position: relative;}
.login_box .login_logo_box .login_logo img{max-width:100%;height:100%;}
.login_box .login_logo_box .login_logo:after{content: "";width:1px;height:26px;position:absolute;right:0;top:50%;transform:translateY(-50%); background-color: #000;}
.login_box .login_logo_box .login_logo:last-child{margin-right:0;padding-right:0;}
.login_box .login_logo_box .login_logo:last-child:after{display:none;}
.login_box .login_logo_box .logo1{max-width: 100%;height: 100%;}
.login_box .login_logo_box .logo3{max-width: 100%;height: 130%;margin-top:-0.3rem;}

.login_box .login_left_box{width:calc(100% - 600px);}
.login_box .login_content_box{width:600px;display: flex;align-items: center;}
.login_box .login_content_box .lcb_con{position: relative;background: #ffffff;-webkit-box-shadow:0 6px 30px rgba(0, 0, 0, .1);box-shadow:0 6px 30px rgba(0, 0, 0, .1);border-radius: 8px;width: 360px;color: #444444;padding:2.5rem 2rem;display: inline-block;z-index: 1;-webkit-box-sizing: border-box;box-sizing: border-box;}
.login_box .login_content_box .lcb_con .form-group{position: relative;}
.login_box .login_content_box .lcb_con .login_title{margin:10px auto 30px auto;text-align: center;}
.login_box .login_content_box .lcb_con .login_title h3{font-size:1.5rem;line-height: 1.2;font-weight:600;color:#333;margin-bottom: 8px;width: 100%;}
.login_box .login_content_box .lcb_con .login_title p{display: none;}
.login_box .login_content_box .lcb_con .login_footer {display:block;width:100%;text-align:center;font-size:0.75rem;color:#666;position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:0;}
.login_box .login_content_box .lcb_con .forget_box {margin:-5px 0 15px 0;text-align: right;padding-right: 0;}
.login_box .login_content_box .lcb_con .forget_box .forget{color:#4f4f4f;font-size:15px;line-height: 1;outline: none;box-shadow: none;border: none;text-decoration: none;padding: 0;}
.login_box .login_content_box .lcb_con .forget_box .forget:hover{outline: none;box-shadow: none;border: none;}
.login_box .login_content_box .lcb_con .forget_box .forget:focus{outline: none;box-shadow: none;border: none;}

.login_bg_box{position:absolute;width:100%;height:100vh;top:0;left:0;z-index:-1;}

.banner {position:relative;width:100%;height:100%;overflow:hidden;padding:6rem 6rem 0 0;}
.banner .banner-warp {position:relative;width:100%;height:100%;overflow:hidden;}
.banner .slide {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;transition:opacity 2s ease-in-out;}
.banner .slide img {max-width:1000px;width:100%;max-height:100%;margin:auto;pointer-events:none;}
.banner .fade {opacity:0;}
@media screen and (max-width:1200px) {
  .banner{padding:0 2rem 0 0;}
  .login_box .login_left_box{width:calc(100% - 500px);}
  .login_box .login_content_box{width:500px;}
}
@media screen and (max-width:1000px) {
  .banner{padding:0;}
  .login_box .login_left_box{width:calc(100% - 400px);}
  .login_box .login_content_box{width:400px;}
}
@media screen and (max-width:768px) {
  .login_box .login_left_box{width:100%;height: 100%;position: absolute;}
  .login_box .login_content_box{width:100%;justify-content: center;}
  .banner .slide{top: auto;bottom: 0;transform: none;}
}
/* .swiper {width: 100%;height: 100%;position: relative;}
.swiper::before{content:"";width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0);z-index:2;}
.swiper-slide {background-position:center;background-size:cover;background-repeat:no-repeat;} */

.login_bottom_box{position: absolute;right:20px;top:35px;bottom:auto;left:auto;}
.login_bottom_box span{display:block;margin:0;text-align:right;font-size:0.9rem;line-height:1.2;color:#333;letter-spacing:0;font-weight:bold;}

.login .modal-backdrop.show{opacity: 0.8!important;}
.login_modal .login_modal_content{border: none;background-color:#FFF;border-radius:2rem;border-top:6px solid #179c69;border-bottom:6px solid #179c69;}
.login_modal .login_modal_content .modal-kfimg{position:absolute;width:240px;height:auto;top:-2.8rem;left:3%;}
.login_modal .login_modal_content .modal-kfimg>img{width:100%;height:auto;}
.login_modal .login_modal_content .modal-body{position: relative;}
.login_modal .login_modal_content .modal-body .kf_body_box{position: relative;margin:0 1.6rem 0 auto;display: block;text-align: right;padding:0 10px;}
.login_modal .login_modal_content .modal-body .img_qr{max-width:200px;margin-right:-12px;}
.login_modal .login_modal_content .close{position:absolute;right:0;top:-2.1rem;border:0;background-color:rgba(255,255,255,.8);font-size:2rem;opacity:1;width:2rem;height:2rem;line-height:0.8;color: #000;text-shadow:none;border-radius:50%;cursor:pointer;pointer-events:auto;transition: all .3s;}
.login_modal .login_modal_content .close>span{margin:0;padding:0 0 4px 0;font-weight:200;}
.login_modal .login_modal_content .close:hover{background-color:rgba(247, 0, 0, 0.9);transition:.2s;color:#FFF;}
/* @media screen and (max-width:1024px) {
  .login_bottom_box{position: absolute;left:50%;bottom:10px;transform: translateX(-50%);}
  .login_bottom_box span{display: block;margin: 0 auto;text-align: center;font-size:0.85rem;line-height:1.1;color:#333;letter-spacing:1px;}
} */
@media screen and (max-width:992px) {
  .swiper-slide {background-position:left top;background-size:100% auto;}
  .login_box .login_logo_box{top:20px;left:50%;transform: translateX(-50%);margin-left:20px;}
  .login_bottom_box{position: absolute;left:50%;bottom:10px;top:auto;right:auto;transform: translateX(-50%);}
  .login_bottom_box span{display: block;margin: 0 auto;text-align: center;font-size:0.85rem;line-height:1.1;color:#333;letter-spacing:1px;}
}
/* @media screen and (max-width:600px) {
  .login_box .login_logo_box{top:20px;left:50%;transform: translateX(-50%);}
  .login_box .login_content_box {right:50%;transform: translate(50%,-50%);}
  .login_box .login_bg_box{background-color: #E5F0FF;}
  .login_box .login_bg_box .swiper {display: none!important;}
} */