@charset "utf-8";
/*------------------------------------------------------------
	登录页面login
------------------------------------------------------------*/
.layui-login {
	height: 100%;
}
.layui-login .overflow {
	height: 100%;
	overflow: auto;
	background: url("../img/bg01.webp") no-repeat center center;
	background-size: cover;
}
.layui-login .header {
	box-sizing: border-box;
	padding: 0 15px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 16px rgba(130, 130, 130, 0.25);
}
.layui-login .header .width {
	max-width: 1580px;
	height: 80px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.layui-login .header .logo {
	max-width: 175px;
}
.layui-login .header .logo img {
	width: 100%;
}
.layui-login .header .txt {
	font-size: 24px;
}
.layui-login .m-wave {
	width: 100%;
	height: 110px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.layui-login .m-wave .wave-item {
	width:6000px;
	height:110px;
	position:absolute;
}
.layui-login .m-wave .wave-bg {
	width:50%;
	height:100%;
	float:left;
	background: url("../img/waveBg.png") 0 0 repeat-x;
}
.layui-login .m-wave .wave-bg1 {
	background-position:0 -20px;
}
.layui-login .m-wave .wave-bg2 {
	background-position:0 -232px;
}
.layui-login .m-wave .wave-bg3 {
	background-position:0 -436px;
}
.layui-login .footer {
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.layui-login .copyright {
	text-align: center;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
	position: relative;
	z-index: 15;
}
.layui-login .box {
	height: calc(100% - 190px);
	min-height: 700px;
	padding: 60px 0;
	box-sizing: border-box;
}
.layui-login .box .width {
	max-width: 970px;
	height: 600px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 25px 5px rgba(221, 231, 239, 1);
	border-radius: 20px;
	display: flex;
}
.layui-login .box .lbox {
	width: 45%;
	position: relative;
}
.layui-login .box .lbox .img01 {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 20px 0 0 20px;
}
.layui-login .box .lbox .img01 img {
	border-radius: 20px 0 0 20px;
}
.layui-login .box .lbox .bl01 {
	position: absolute;
	left: 30px;
	top: 386px;
	content: "";
  width: 229px;
  height: 28px;
  background-image: url("../img/icon03.png");
  background-size: auto;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  -webkit-animation-name: bgSlideH;
  animation-name: bgSlideH;
  -webkit-animation-duration: 14s;
  animation-duration: 14s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bgSlideH {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 100% center;
  }
}
@keyframes bgSlideH {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 100% center;
  }
}
.layui-login .box .lbox .img02 {
	position: absolute;
	right: 40px;
	bottom: 85px;
	-webkit-animation:scroll_anim .5s linear 0s infinite alternate;
	animation:scroll_anim .5s linear 0s infinite alternate;
}
@-webkit-keyframes scroll_anim{
	0%{
		-webkit-transform:translate3d(0,5px,0);
		transform:translate3d(0,5px,0)
	}
	to{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
@keyframes scroll_anim{
	0%{
		-webkit-transform:translate3d(0,5px,0);
		transform:translate3d(0,5px,0)
	}
	to{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
.layui-login .box .lbox .bl02 {
	position: absolute;
	right: 35px;
	bottom: 57px;
	content: "";
  width: 260px;
  height: 28px;
  background-image: url("../img/icon03.png");
  background-size: auto;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  -webkit-animation-name: bgSlideH;
  animation-name: bgSlideH;
  -webkit-animation-duration: 14s;
  animation-duration: 14s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.layui-login .box .rbox {
	width: 55%;
	background-color: #fff;
	border-radius: 10px 20px 20px 10px;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.layui-login .box .rbox .img01 {
	position: absolute;
	left: -160px;
	top: 345px;
	width: 197px;
}
.layui-login .box .rbox .img01 img {
	width: 100%;
}
.layui-login .box .rbox .inner {
	width: 310px;
}
.layui-login .box .rbox .ttl {
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}
.layui-login .box .rbox .layui-btn {
	font-size: 24px;
	height: 52px;
	line-height: 52px;
	border-radius: 4px;
	background-color: rgba(6, 74, 134, 1);
}
.layui-login .box .rbox .layui-input {
	height: 50px;
	border-radius: 5px;
	font-size: 16px;
	padding-left: 45px;
}
.layui-login .box .rbox .imgcode {
	width: 122px;
	float: right;
}
.layui-login .box .rbox .imgcode img {
	width: 100%;
}
.layui-login .box .rbox .layui-form-item .layui-input-inline {
	width: 178px;
}
.layui-login .box .rbox .layui-form-item {
	margin-bottom: 20px;
}
.layui-login .box .rbox .layui-form-item.zhanghao input {
	background: url("../img/icon05.webp") no-repeat left 10px center;
	background-size: 24px auto;
}
.layui-login .box .rbox .layui-form-item.mima input {
	background: url("../img/icon06.webp") no-repeat left 10px center;
	background-size: 24px auto;
}
.layui-login .box .rbox .layui-form-item.yanzheng input {
	background: url("../img/icon07.webp") no-repeat left 10px center;
	background-size: 24px auto;
}
/*------------------------------------------------------------
	页面login
------------------------------------------------------------*/