* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "微软雅黑", sans-serif;
}
body {
	background-color: #fff;
}
.login-container {
	padding-bottom:20px;
}

@media screen and (min-width: 1025px) {
    .login-container {
		margin-left:300px;
		margin-right:300px;
	}
}


.header {
	background: url('./images/login-top@2x.png') no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	position: relative;
	overflow: hidden;
	height:250px;
}
/*.header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);
	background-size: 20px 20px;
}*/
/*.logo {
	font-size: 48px;
	font-weight: bold;
	color: #000;
	position: relative;
}
.logo span {
	position: relative;
}
.logo .dot1 {
	position: absolute;
	top: 10px;
	left: 30px;
	width: 8px;
	height: 8px;
	background-color: #00a8ff;
	border-radius: 50%;
}
.logo .dot2 {
	position: absolute;
	top: 30px;
	left: 60px;
	width: 8px;
	height: 8px;
	background-color: #00e0ff;
	border-radius: 50%;
}
.logo .dot3 {
	position: absolute;
	top: 10px;
	left: 90px;
	width: 8px;
	height: 8px;
	background-color: #00a8ff;
	border-radius: 50%;
}
.logo .eye {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #fff;
	border-radius: 50%;
	position: relative;
	vertical-align: middle;
	margin-left: -5px;
}
.logo .eye::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 8px;
	width: 8px;
	height: 8px;
	background-color: #000;
	border-radius: 50%;
}
.logo .star {
	position: absolute;
	top: -5px;
	right: -10px;
	color: #00e0ff;
	font-size: 16px;
}
.logo .wave {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 8px;
	background: linear-gradient(90deg, #4a69ff, #ff4a8d);
	border-radius: 4px;
}*/
.welcome-text {
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0;
	text-align: center;
	border-radius: 20px 20px 0 0;
	margin-top:220px;
	/*background-color: #FFF;*/
	height:30px;
	background: linear-gradient(to top, #FFF, #FDEDCF);
	/*background-color: #F8B332;*/
}

.welcome-logo {
	text-align: center;
}
.welcome-logo img {
	margin-top:20px;
	width:50%;
}
.form-group {
	margin: 20px;
}
.form-group label {
	display: block;
	font-size: 15px;
	margin-bottom: 8px;
	color: #333;
}
.form-group input {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #eee;
	border-radius: 25px;
	font-size: 13px;
	background-color: #f9f9f9;
}
.form-group input::placeholder {
	color: #ccc;
}
.btn-enter {
	display: block;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 14px 0;
	background-color: #ffb800;
	color: #000;
	font-size: 15px;
	border: none;
	border-radius: 25px;
	cursor: pointer;
}
.other-login {
	text-align: center;
	margin: 20px 0;
	font-size: 15px;
	color: #666;
}
.register-text {
	text-align: center;
	margin: 40px 0 20px;
	font-size: 14px;
	color: #999;
	/*padding-top:20px;*/
}
.register-text a {
	color: #ff8a00;
	text-decoration: none;
}
.agreement {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin-bottom: 20px;
}
.agreement input {
	vertical-align: middle;
}

/*.agreement input[type="checkbox"]:checked {
	background-color: red;
 }*/

.agreement a {
	color: #ff8a00;
	text-decoration: none;
}

.agreement .check-input {
  width: 16px;
  height: 16px;
}    


.agreement input.check-input[type="checkbox"] {
-webkit-appearance: none; /* 移除默认样式 */
outline: none;
border-radius: 5px;
background: #E3E3E3; 
background-image: url('./images/check@2x.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}

.agreement input.check-input[type="checkbox"]:checked {
background-color: #E3E3E3; /* 你可以更改这个颜色为你想要的颜色 */

}
/* 显示对勾 */
.agreement input.check-input[type="checkbox"]:checked::after {
content: "";
display: block;
width: 15px;
height: 15px;
position: absolute;
background-image: url('./images/checked@2x.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.form-erro {
	color:red;
}
.form-group a {
	color: #21A2F4;
	text-decoration: none;
}

.txt2_reg {
  font-size: 13px;
  font-family: PingFangSC-Light;
  color: rgba(33, 162, 244, 1);
  line-height: 17px;
}

.infoBox1_reg {
  font-size: 13px;
  font-family: PingFangSC-Light;
  color: rgba(207, 207, 207, 1);
  line-height: 17px;
}
.infoBox2_reg {
  font-size: 13px;
  font-family: PingFangSC-Light;
  color: rgba(207, 207, 207, 1);
  line-height: 17px;
}

.word7_reg {
  font-size: 13px;
  font-family: PingFangSC-Light;
  color: rgba(206, 45, 34, 1);
  line-height: 17px;
}

.error-msg{
    z-index: 41;
    width: 155px;
    display: block;
    overflow-wrap: break-word;
    color: #DE070C;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    line-height: 25px;
    text-align: left;
    border: 0;
}