body{
  height:100vh;
}
.loginStyle{
  width:100%;
  height:100%;
  display:flex;
}
.imageStyle{
  flex:3;
  height:inherit;
}
* {
	margin: 0;
	padding: 0;
}

.carousel_map {
	width: 640px;
	height: inherit;
}

.slide {
	width: inherit;
	height: inherit;

	/* 新增 */
	overflow: hidden;
	position: relative;
}


/* 鼠标放上去显示按钮 */
.slide:hover .labels {
	display: flex;
}

.slide:hover .list {
	animation: none;
}

.slide input {
	display: none;
}

/* 按钮位置 */
.labels {
	position: absolute;
	bottom: 0.5em;
	z-index: 1;
	width: inherit;
	justify-content: center;
	display: none;	/* 鼠标移开隐藏按钮 */
}

/* 按钮样式 */
.labels label {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	margin: 0 0.3rem;
	border: 0.1rem solid #fff;
	background-color: #fff;
	box-sizing: border-box;
	cursor: pointer;
}

/* 选择哪个按钮就有被点击的效果 */
input[id=pic1]:checked ~ .labels label[for=pic1],
input[id=pic2]:checked ~ .labels label[for=pic2],
input[id=pic3]:checked ~ .labels label[for=pic3]{
	background-color:#2D5BF7;
	border: 0.1rem solid#2D5BF7;
}
/* 按钮控件选择图片 */
input[id=pic1]:checked ~ .list {
	transform: translate(calc(0 * 640px));
}
input[id=pic2]:checked ~ .list {
	transform: translate(calc(-1 * 640px));
}	
input[id=pic3]:checked ~ .list {
	transform: translate(calc(-2 * 640px));
}
ul {
	list-style: none;
}

.list {
	/* 多加了一张图的宽度 */
	width: calc(3 * 640px);
	height: inherit;
	position: relative;
	
	/* 设置动画效果 */
	animation: move 15s ease 1s infinite;
}

.item {
	width: 640px;
	height: inherit;
	float: left;
}

/* 动画关键帧轮播 */
@keyframes move {
	0% {
		transform: translate(calc(0 * 640px));
  }
	50% {
		transform: translate(calc(-1 * 640px));
	}
	100% {
		transform: translate(calc(-2 * 640px));
	}
}


.loginHomePage{
  flex:7;
  position: relative;
}
.characters{
  position:absolute;
  transform: translate(-50%,-50%);
  left:50%;
  top:50%;
  width: 449px;
  height:425px;
  /* border:1px solid #000; */
}
.loginLogo{
  margin-bottom:40px;
}
.titleTab{
  font-style: 18px;
  color:#999;
  display:flex;
  line-height:24px;
}
.active{
  font-size: 24px;
  font-weight: bold;
  color: #000;
  border-bottom:1px solid #2D5BF7;
  padding-bottom:3px;
}
.inputStyle{
  width:450px;
  height:33px;
  border:0;
  border-bottom:1px solid #e6e6e6;
  color:#3f3d3d;
  outline: none;/*清除input点击之后的黑色边框*/
}
.inputStyleTwo{
  position:relative;
}
.Code{
  position:absolute;
  left:365px;
  top:170px;
  width:83px;
  height:27px;
  border:1px solid #2d5bf7;
  background:none;
  border-radius: 3px;
  font-size:14px;
  cursor: pointer;
}
.codeImg{
  position:absolute;
  right: 20px;
  top:180px;
  cursor: pointer;
}
.dimension{
  display: flex;
  justify-content: space-between;
}
.forgotPassword{
  font-size:12px;
  color:#A9A9A9;
  cursor: pointer;
}
.rule{
  font-size:12px;
  color:#d6d6d6;
}
.file{
  color: #2d5bf7;
  cursor: pointer;
}
.loginButton{
  width: 449px;
  height:40px;
  background: #2D5BF7;
  border-radius:20px;
  border:0;
  margin-top:27px;
  font-size:18px;
  color:#fff;
}
.nextButton{
  width: 449px;
  height:40px;
  background: #2D5BF7;
  border-radius:20px;
  border:0;
  margin-top:27px;
  font-size:18px;
  color:#fff;
}
.returnLogin{
  width: 449px;
  height:40px;
  background: #2D5BF7;
  border-radius:20px;
  border:0;
  margin-top:27px;
  font-size:18px;
  color:#fff;
}
.register{
  color:#2d5bf7;
  font-size:12px;
  text-align: right;
  margin-top:20px;
  cursor: pointer;
}
.contentToSwitch{
  height:50px;
  display: none;
}
.forgotPasswordPage{
  display: none;
}
.returnSection{
  display: flex;
  align-items: center;
  margin-bottom:15px;
}
.CodePass{
  position:absolute;
  left:365px;
  top:190px;
  width:83px;
  height:27px;
  border:1px solid #2d5bf7;
  background:none;
  border-radius: 3px;
  font-size:14px;
  cursor: pointer;
}
.setANewPassword{
  display: none;
}
.changePassword{
  display: none;
}
.changePasswords{
  display: none;
  margin-top:30px;
}
.changePassword .codeImg{
  position:absolute;
  right: 20px;
  top:248px;
  cursor: pointer;

}

.changePasswords .codeImg{
  position:absolute;
  right: 20px;
  top:308px;
  cursor: pointer;

}