@import "base.css";

 body{background: #fff;}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
	transition: background-color 5000s ease-in-out 0s;
}

.login-bg{position: relative; width: 100vw; height: 100vh;  display: grid;grid-gap: 0; grid-template-columns: 40% 60%; }

.swi-bg{background: #fbfbfb;}
.swi-bg .login-logo-box{position: absolute; top: 15px; left: 15px; z-index: 999;display: inline-flex;align-items: center;}
.swi-bg .login-logo-box .logo{color: var(--th0); font-size: 32px;}
.swi-bg .login-logo-box .txt-box{margin: 0; }
.swi-bg .login-logo-box .txt-box .txt1{font-size: 18px; margin-left: 5px; font-weight: bold;}


.login-box-bg{display: inline-flex;align-items: center;justify-content: center;flex-direction: column; margin-top: -150px;}
.login-box-bg .login-box{ }


.txt-box {margin-bottom:40px;padding: 5px;}
.txt-box .ti1{font-weight: lighter; font-size: 36px; color: var(--bl); }
.txt-box .ti2{font-weight: bold; font-size: 36px; color: var(--bl);}

.login-form-box{width: 330px;padding: 5px;}
.login-form-box .input-box{position: relative; width: 100%; height: 54px; line-height: 54px; margin-top: 10px;}


.login-form-box .input-box:first-child {margin-bottom: 20px;}
.login-form-box .input-box-pass{margin-bottom: 5px;}

.login-form-box .input-box .icomm{position: absolute;z-index: 10;left: 15px;font-size: 16px;top: 50%; transform: translateY(-50%); color: var(--999);}
.login-form-box .input-box .input-ent{position: relative;z-index: 5;width: 100%;padding-left: 40px;border: none; height: 54px; line-height: 52px; border: 1px solid var(--bbb);  color: var(--bl);}
.login-form-box .input-box .input-ent:focus{border: 1px solid var(--th0); line-height: 52px;
	-webkit-box-shadow: 0 0 5px rgba(var(--r),var(--g),var(--b),.3);
	-moz-box-shadow: 0 0 5px rgba(var(--r),var(--g),var(--b),.3);
	-ms-box-shadow: 0 0 5px rgba(var(--r),var(--g),var(--b),.3);
	-o-box-shadow: 0 0 5px rgba(var(--r),var(--g),var(--b),.3);
	box-shadow: 0 0 5px rgba(var(--r),var(--g),var(--b),.3);
}

.login-checkbox{margin-top: 10px;}
.layui-form-checkbox[lay-skin="primary"]{margin-left: 0;}


.layui-form-checked[lay-skin=primary] i{border-color: var(--th0)!important;background-color: var(--th0);}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: var(--th0)!important;}


.login-btn{display: block; width: 100%; height: 54px;line-height: 54px; text-align: center;margin-top: 40px; font-size: 16px; color: var(--ff); background: rgba(var(--r),var(--g),var(--b),.9);border: none;box-shadow: none;}
.login-btn{color: #fff; background: rgba(var(--r),var(--g),var(--b),.9); cursor: pointer;}
.login-btn:hover{ background: rgba(var(--r),var(--g),var(--b),1);  }
.btn-dingtalk-line{ width: 100%; text-align: center; height: 54px; border: 1px solid var(--bbb);margin-top: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
 }

 .btn-dingtalk-line .icomm{ display: block; height: 28px; aspect-ratio: 1; background:var(--c00);font-size: 16px; color:#fff; margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn-dingtalk-line .txt{ font-size: 14px; color: var(--c00);}
.btn-dingtalk-line:hover{border-color: var(--c00);}

.login-btn{
    -moz-transition: all ease-out .3s;
    -webkit-transition: all .3s ease-out;
    -o-transition: all ease-out .3s;
    transition: all .3s ease-out
}


/*****/
.swiper{width:100%;height:100%;}
.swiper-slide,.swiper-backface-hidden .swiper-slide{ -webkit-box-sizing:border-box;box-sizing:border-box;padding:100px 20px;color:var(--bl3); text-align: center;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;}
.parallax-bg{position:absolute;top:0;left:0;width:130%;height:100%;background-position:center;background-size:cover;-webkit-background-size:cover;}
.swiper-slide .swiper-middle{display: inline-flex;align-items: center;justify-content: center;flex-direction: column; width: 100%;}
.swiper-slide .title{font-size:24px;word-wrap: break-word; margin: 0 auto;width: 100%; text-align: center;}
.swiper-slide .subtitle{font-size:16px;font-weight: 300;margin: 0 auto; margin-top: 10px;word-wrap: break-word; width: 90%;}
.swiper-slide .img-box{width: 640px;margin-bottom: 60px;  }
.swiper-slide .img-box .swiper-img{width: 50%;}

.swiper-button-prev,.swiper-button-next{color: rgba(255,255,255,.7); width: 40px; height: 40px; background: rgba(0,0,0,.05);}
.swiper-button-prev::after,.swiper-button-next::after{color: #fff; font-size: 24px; }

.swiper-button-prev:hover,.swiper-button-next:hover{color: #fff;background: rgba(var(--r), var(--g), var(--b), .8);}
.swiper-button-prev{left: 0;}
.swiper-button-next{right: 0;}
.swiper-pagination-bullet-active{background: var(--th0);}