@charset "utf-8";
/* CSS Document */
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"微软雅黑", Arial;
	font-size:14px;
	line-height:1.5;
	color:#333333;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
input,button{
	border:none;
	outline:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	width: 100%;
	max-width:1600px;
	margin:0px auto;
	height:auto;
    padding: 0px 30px;
}

* {
	box-sizing: border-box;
}

.tpleft{ float:left;}
.tpright{ float:right;}
.flex {
	display: flex;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
.f-1{
	flex:1;
	overflow:hidden;
}
:root{
 --Color1:#da251c;

}
.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}

.button{
	user-select:none;
}

/*登录*/
.login{
	background:url(../images/bg.jpg) center no-repeat;
	background-size:cover;
	height:100%;
	min-width:1200px;
	min-height:100vh;
}

.login .container{
	width:80%;
	max-width:1400px;
	margin-top:24rem;
	overflow:visible;
}

.login .header{
	line-height:1;
	font-size:72rem;
	text-align:center;
	color:#ffffff;
	padding:118rem 2%;
}

.login .info{
	color:#ffffff;
	font-size:60rem;
	line-height:1;
}

.login .info .title{
	align-items:center;
	margin-bottom:26rem;
}

.login .info .title:after{
	content:"";
	width:40rem;
	height:4rem;
	border-radius:4rem;
	background-color:#ffffff;
	margin-top:24rem;
}

.login .info .desc{
	font-size:24rem;
}

.login .form{
	background:#ffffff;
	border-radius:25rem;
	width:440rem;
	min-width:400px;
	padding:36rem 40rem 24rem;
}

.login .form ul{
	gap:16px;
}

.login .form ul li{
	height:58rem;
	background-color:#f5f5f5;
	border-radius:10rem;
	padding-left:17rem;
	width:100%;
	position:relative;
}

.login .form ul li:before{
	content:"";
	width:20rem;
	height:22rem;
	background-position:center;
	background-size:contain;
	margin-right:16rem;
}

.login .form ul li.user:before{
	background-image:url(../images/ico_03.jpg);
}

.login .form ul li.pass:before{
	background-image:url(../images/ico_06.jpg);
}

.login .form ul li.code:before{
	background-image:url(../images/ico_08.jpg);
}

.login .form ul li .input{
	background:none;
	flex:1;
	width:100%;
	overflow:hidden;
	font-size:24rem;
	padding-right:17rem;
}

.login .form ul li .error{
	position:absolute;
	top:100%;
	right:0;
	margin-top:9rem;
	font-size:24rem;
	color:red;
}

.login .login-title{
	font-size:30rem;
	color:#008bff;
	line-height:1;
	margin-bottom:30rem;
}

.login .sendbtn{
	width:88rem;
	font-size:24rem;
	color:#ffffff;
	background-color:#0088f4;
	height:100%;
}

.login .code{
	width:160rem;
	height:100%;
	object-fit:cover;
	border-radius:0 10rem 10rem 0;
}

.login .submit{
	width:100%;
	background:linear-gradient(to right,#3f95ff,#0058ff);
	height:58rem;
	color:#ffffff;
	border-radius:10rem;
	font-size:24rem;
	margin-top:40rem;
}

.login .tips{
	margin-top:15rem;
	color:#666666;
	font-size:14px;
}

.login .tips input[type='checkbox']{
	margin-right:9px;
}

.copyright{
	text-align:center;
	color:#ffffff;
	font-size:18px;
	padding:25rem 0;
}


@media (max-width:1400px){
	html {
		font-size: .7px;
	}
}