@charset "utf-8";
html{-webkit-text-size-adjust: 100%; font-size: 62.5%;background: url("../images/login-bg.png") no-repeat;background-size: 100% 100%;background-attachment: fixed;}
body{font-family: "Microsoft YaHei", "PingFangSC-Regular", Arial, Helvetica, sans-serif;overflow-x: hidden; -webkit-overflow-scrolling: touch;background: transparent;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, textarea, p, blockquote, th, td, hr{margin: 0; padding: 0; -webkit-box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
a{background:transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;outline:0;}
a:active,img,a:hover{outline:0; color:inherit;}
abbr[title]{border-bottom: 1px dotted;}
:focus{ outline: 0; }
:link, :visited, ins{ text-decoration: none; }
a, a:link, a:visited, a:hover, a:active{text-decoration:none;outline:0;} 
b, strong{font-weight: bold;}
sub, sup{vertical-align: baseline;}
img{border: 0;}
hr{box-sizing: content-box; height: 0;}
pre{overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;}
button{overflow: visible;}
*:focus { outline: none; border:none;}
.clearfix{*zoom: 1;clear:both;} 
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } 
.clearfix:after {clear: both;} 
ul,li{list-style: none;}
i,em{display: inline-block;}
.mh{display: flex;height:100vh; align-items:center;justify-content: center;}
.login-cont{
	height: 52vh;
	width: 45vw;
	border-radius: 2vh;
	background: rgba(255, 255, 255, 0.8);
	margin-top: 5vh;
	box-shadow: 0px 7px 20px 0px rgba(204, 204, 204, 0.5);}
.icon-user:before {
	display: none;
}
.form-ulist input{border:none}
.form-ulist li{
	margin-bottom: 3.5vh;
	font-size: 1.96vh;
	float: left;
	width: 100%;
	height: 5.5vh;
	border-radius: 0.7vh;
	opacity: 1;
	background: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	display: flex;
	border: 0.2vh solid #979797;
	align-items: center;
}
.utitle{padding-left: 1vh;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5%;}
.form-ulist li input{    background: rgba(255, 255, 255, 0.8);
	height: 5.2vh;
	line-height: 5vh;
	padding: 0 1vh;width: 19vw;font-size: 1.96vh;}
.m-t-70{margin-top: 70px;}
.utitle{margin-right:1vh;}
.yzm-btn{position: relative;top:1px;float:right;}
.utxt{padding:8px 6px}
.form-section ul{padding:0 6vh}
.form-section .inner{padding:0 1px}
input:-webkit-autofill {
 box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
	font-size: 1.96vh;
}  
.btn-blue2{
	border-radius: 4vh;
	opacity: 1;
	background: #188EEE;
	font-size: 3vh;
	color: #fff;
	width: 100%;
	display: inline-block;
	padding: 0.8vh 0;
	text-align: center;
	outline: 0 !important;
	border: none !important;}
.btn-blue2:hover{color: #fff;opacity: 0.85;}
.m-t-10{margin-top: 10px;}
.m-t-30{margin-top: 30px;}
.m-t-50{margin-top: 50px;}
.txt-danger{color: #eb9b26;font-size: 16px;}
.fz12{font-size: 12px;}
.body-bg{display: flex;flex-direction:column;align-items: center;}
.login-tit{
	font-family: Source Han Sans;
	font-size: 3.8vh;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0em;
	font-feature-settings: "kern" on;
	color: #188EEE;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 3vh;
}
.ft18{
	font-size: 1.9vh;
}
.body-bg .inner{padding:1vh;}
.m-t-20{margin-top:20px}
.m-t-30{margin-top:30px}
.m-t-40{margin-top:40px}
.login-title{
	font-family: AlibabaPuHuiTi;
	font-size: 5.2vh;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.8vh;
	font-feature-settings: "kern" on;
	color: #3D3D3D;
	margin-top: -12vh;
	margin-bottom: 0vh;
}
.form-section{
	padding-top: 4vh;
	position: relative;
}

input:-webkit-autofill::first-line {
	font-size: 1.96vh;
}
input::-webkit-input-placeholder{
	/* WebKit browsers */
	color: #8E8E8E;
	font-size: 1.96vh;
}
input:-moz-placeholder{
	/* Mozilla Firefox 4 to 18 */
	color: #8E8E8E;
	font-size: 1.96vh;
}
input::-moz-placeholder{
	/* Mozilla Firefox 19+ */
	color: #8E8E8E;
	font-size: 1.96vh;
}
input:-ms-input-placeholder{
	/* Internet Explorer 10+ */
	color: #8E8E8E;
	font-size: 1.96vh;
}

input[type="text"]:focus, input[type="text"]:valid,input[type="password"]:valid,input[type="password"]:focus{
	font-size: 1.96vh;
}
.footer-area{
	position: fixed;
	bottom: 0;
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	left: 0;
	height: 5vh;
	text-align: center;
	line-height: 5vh;
	font-size: 1.42vh;
	color: #333333;
}
.modal-content{
	height: 57vh;
	border-radius: 2vh;
}

.fademodal {
	z-index: 999;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.modal-dialog{
	z-index: 1000;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 34vw;
	height: 64vh;
}
.input-area input {
	box-sizing: border-box;
	box-shadow: none;
	padding: 0 1vh;
	line-height: 4.5vh;
	font-size: 1.75vh !important;
	width: 100%;
	height: 5.5vh;
	border-radius: 0.7vh;
	opacity: 1;
	background: rgba(255, 255, 255, 0.8);
	display: flex;
	border: 0.2vh solid #979797;
}
.input-area{
	margin-left: 1vh;
}
.red {
	color: red;
}
.flex-row{
	display: flex;
	align-items: center;
}
.m-b-4vh{
	margin-bottom: 4vh;
}
.btn-primary{
	background: #188EEE !important;
	border: none;
	outline: 0;
	font-size: 1.96vh;
	padding: 1.2vh 1vh;
	width: 35%;
	border-radius: 3vh;
	margin: 1vh 1vh;
}
.btn-primary2 {
	margin-left: 1.5vh;
	background: #188EEE !important;
	border: none;
	outline: 0;
	font-size: 1.96vh;
	padding: 1.3vh 2vh;
	border-radius: 0.7vh;
	color: #fff;
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
	color: #fff;
	opacity: 0.85 !important;
}
.btn-primary2:hover,.btn-primary2:active,.btn-primary2:focus{
	color: #fff;
	opacity: 0.85 !important;
}
.btn-default{
	background: #FFFFFF !important;
	border: 0.1vh solid #188EEE;
	font-size: 1.96vh;
	padding: 1vh 1vh;
	width: 35%;
	border-radius: 3vh;
	margin: 1vh 1vh;
	color: #188EEE !important;
}
.btn-default:hover,.btn-default:active,.btn-default:focus{
	background: rgb(0 0 0 / 5%) !important;
	border: 0.1vh solid #188EEE;
}
.m-t-3vh{
	margin-top: 4vh;
}

.font16{
	font-size: 1.75vh;
}
.font18{
	font-size: 1.96vh;
	font-family: Microsoft YaHei;
	font-weight: normal;
	line-height: 29px;
	text-align: right;
	letter-spacing: 0px;
}

.modal-header {
	min-height: 3vh;
	padding: 3vh 1vh 0 1vh;
	border-bottom: none;
}
.modal-title {
	font-family: Source Han Sans;
	font-size: 3vh;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0em;
	font-feature-settings: "kern" on;
	color: #188EEE;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.modal-body {
	position: relative;
	padding: 2vh;
}
.justify-center{
	justify-content: center;
}
.text-center{
	text-align: center;
}