@charset "UTF-8";
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0 auto;
    width:100%;
	height: 100%;
	min-height:1080px;
	font-family:"microsoft yahei", arial, sans-serif;
	-webkit-text-size-adjust:none;
	background-image:url("/img/loginbg.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	overflow-x:hidden;
	overflow-y:auto;
}
body {margin:0 auto;}
.h100p {
    height: 100%!important;
}
.w100p {
    width: 100%!important;
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
h2 {
    display: block;
    font-size: 2.0em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin:0px 20px 20px;
    font-weight: bold;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent
}
a:link{color:white;}
a:visited{color:white;}
a:hover{color:#348fed;}
input::-webkit-input-placeholder{
	color:white;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:white;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:white;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:white;
}
input:-webkit-autofill {
	-webkit-text-fill-color: #ffffff !important;
	transition: background-color 5000s ease-in-out 0s !important;
}
input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    background-color: transparent !important;
    font-size: 18px;
}
input[type="checkbox"] + label::before {
    content: "\a0";  /*不换行空格*/
    display: inline-block;
    width: .8em;
    height: .8em;
    margin-right: .5em;
    border: 1px solid #0878b7;
    background-color: transparent;
    line-height: .65;  /*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/
}
input[type="checkbox"]:checked + label::before {
    content: "\2713";
    background-color: transparent;
}
#app {
	position: relative;
	width:100%;
	height:100%;
	min-height:1080px;
}
#loginbox {
	position:absolute;
	top:20vh;
	right:5%;
	width:32vw;
	height:56vh;
	min-width:410px;
	min-height:398px;
	background-image:url("/img/loginbox.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
}
#copyright {
	position:absolute;
	left:0;
	top:95%;
	width:100%;
	text-align: center;
	font-size: 20px;
	color:white;
}
.codeimg {
	width:18px;
	margin-right:5px;
}
.loginbtn {
	width:26vw;
	min-width:330px;
	cursor: pointer;
}
.box-top {
	margin-top:25% !important;
}
.login-center{
	box-sizing: border-box;
	margin: 0 3vw 6%;
	border: 1px solid #0b8ab9;
	border-radius: 3px;
	height:6vh;
	min-height:36px;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
}
.login-center-img {
	margin-left:3%;
	width:2.5vh;
	height:2.5vh;
	min-width:20px;
	min-height:20px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	box-sizing:border-box;
}
.login-name {
	background-image:url("/img/name.png");
}
.login-password {
	background-image:url("/img/password.png");
}
.comline {
	margin: 0 3vw 6%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:row-reverse;
}
.remember {
	display:flex;
	align-items:center;
	color:white;
	font-size:18px;
}
.qrcode {
	color:white;
	font-size:18px;
	display:flex;
	align-items:center;
	cursor: pointer;
}
.login-center-input{
	margin:1%;
	width: 90%;
	height: 30px;
}
.login-center-input input{
	z-index: 2;
	transition: all 0.5s;
	padding-left: 10px;
	color: #ffffff;
	width: 100%;
	height: 30px;
	border: 0;
	box-sizing: border-box;
	outline: none;
	position: relative;
	font-size: 18px;
}
.qr {
	margin-top:20%;
	height:43.7%;
}
#qrcodeimg {
	margin: 0 auto; /*水平居中*/
    position: relative;
    text-align:center;
    color:white;
}
#swbtn{
	text-align:center;
	font-size: 16px;
	color: #fff;
}
/* PC */
@media (max-width:1679px) {
	html, body {
		width:100%;
		height:100%;
		min-width:1280px;
		min-height:690px;
	}
	#app {
		min-height:690px;
	}
	#copyright {
		font-size: 14px;
	}
	.codeimg {
		width:16px;
	}
}
@media (max-width:1000px) {
	.login-center{
		margin: 0 5vw 3.5vh;
	}
	.comline {
		margin: 0 5vw 3.5vh;
	}
}
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {border-radius:5px;background-color:#070c41;}