@charset "UTF-8";

[v-cloak] {
	display: none !important;
}

.el-header,
.el-main,
.el-footer,
body {
	padding: 0;
	margin: 0;
}

html,
body,
#app,
.wrapper {
	height: 100%;
}

.el-menu-div {
	border-bottom: none !important;
}

.logo-left-col {
	text-align: right;
}

.head-div{
	box-shadow: 0px 0px 0.52vw #050c0b2b;
}
.el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: 0.156vw solid #409EFF;
}

.el-menu--horizontal>.el-menu-item {
	float: left;
	height: 3.333vw;
	line-height: 3.333vw;
	margin: 0;
	border-bottom: 0.10416vw solid transparent;
	border-bottom-color: transparent;
	color: #222222;
	font-size: 0.83vw;
	padding: 0 1.6145vw;
}





/* image */
.img-00 {
	width: 5.3125vw;
	height: 2.03125vw;
	margin-top: 1.09375vw;
	cursor: pointer;
}

.img-01 {
	width: 6.145vw;
	height: 1.5625vw;
	margin-top: 0.8854vw;
	cursor: pointer;
}


.img-02 {
	width: 100%;
	height: 100%;
}

.img-f0 {
	width: 10vw;
	height: 2.604vw;
}

.img-f1 {

	width: 0.8333vw;
	height: 0.8333vw;
	float: left;
	margin-right: 0.2083vw;
}

.img-f2 {
	width: 7.8125vw;
	height: 7.8125vw;
}


.span-f0 {
	margin-top: -0.4vw;
	font-size: 0.8vw;
	color: #829EB7;
}

/* row */

.row-00 {
	margin-top: 1.55vw;
	background-image: linear-gradient(#fff,#F9FBFD);
}

.row-f1 {
	margin-top: 3.5vw;
	float: none !important;
}

.row-f2 {
	margin-top: 0.833vw;
}

.row-f3 {
	margin-top: 0.3645vw;
}


.div-00 {
	float: left;
	margin-right: 1.6145vw;
	height: 3.333vw;
	line-height: 3.333vw;
}


.div-01 {
	float: right;
	height: 3.333vw;
	line-height: 3.333vw;
}


.div-f0 {
	margin-top: 4.1666vw;
	float: left;
}

.div-f1 {
	float: left;
	height: 5.2083vw;
	border: solid 0.052vw #829EB7;
	margin: 3.02vw 3.4375vw auto 2.08333vw;
}

.div-f2 {
	height: 9.27vw;
	float: left;
}

.div-f3 {
	height: 0.8333vw;
	float: left;
}

.div-f4{
	height: 0.8vw;
	line-height: 0.8vw;
	float: left;
	font-size: 0.8vw;
	color: #829EB7;
}
.div-f5 {
	margin-top: 1.5625vw;
	float: right;
}

.div-f6 {
	margin: 1.5625vw 3.125vw auto auto;
	float: right;
}

.div-f7 {
	color: #FFF;
	float: left;
	margin-top: -0.5vw;
}


.footer-div-f1 {
	background: #FFF;
}

.link-f0 {
	margin-right: 1.0416vw;
	/*margin-top: -0.4vw;*/
	float: left;
	color: #FFF !important;
	font-size: 0.8vw;
	line-height: 0.8vw;
}

.col-main-div {
	float: left;
	width: 71.458vw;
	margin-left: 14.27vw;
}

.login-div {
	background:#fff;
	box-shadow: 0px 0px 0.52vw #00000029;
	opacity: 1;
	border-radius: 0.156vw;
	height: 33.02vw;
	margin: 3.29vw auto 4.16vw;
}


.back-img-div{
	float: left;
	width: 37.55vw;
	height:33.02vw;
}


.back-img{
	width: 37.55vw;
	height:33.02vw;
}



.form-div{
	float: left;
	width: 33.90625vw;

}



.form-logo-img{
	margin: 3.38vw auto 2.1875vw 8.07vw;
	height: 3.38vw;
	width: 17.86vw;
}


.form-z0{
	width: 25vw;
	margin: auto;
}

.el-form-item__label{
	font-size: 0.83vw;
	line-height: 0.83vw;
	height: 0.83vw;
	margin-bottom: 0.625vw;
	padding: 0 !important;
}


.el-form-item__content {
	line-height: 2.604vw;
}
.el-form-item{
	margin-bottom: 1.04vw;
	line-height: 0;
}

.el-input{
	line-height: 0;
}

.code-input{
	width: 12.5vw;
	float: left;
}


.code-img{
	float: left;
	margin-left: 6.61vw;
	width: 5.88vw;
	height: 2.604vw;
	cursor: hand;
}

.btn-img{
	margin-top: 1.54vw;
	width: 25vw;
	height: 2.604vw;
	cursor: pointer;
}
.input-img{
	width: 1.5625vw;
	height: 1.5625vw;
	line-height: 1.5625vw;
	margin-left: 1.04vw;
}

.el-input__inner{
	height: 2.604vw;
	line-height: 2.604vw;
	padding: 0 !important;
	border-radius: 0.26vw;
	border: 0.05vw solid #DCDFE6;
	border-left: none;
	font-size: 1vw;
}

.el-input__inner:focus {
	border-color: #DCDFE6;
}


.el-input-group__prepend {
	background-color: #fff;
	color: #90939900;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	border: 0.05vw solid #DCDFE6;
	border-top-left-radius: 0.26vw;
	border-bottom-left-radius: 0.26vw;
	padding: 0;
	white-space: nowrap;
	border-right: none !important;
	width: 3.23vw;
	/*height: 1.5625vw;*/
	/*line-height: 1.5625vw;*/
}

.el-input .el-input__clear {
	font-size: 1.2vw;
	line-height: 2.604vw;
	width: 1.3vw;
}
.el-input__suffix {
	right: 0.26vw;
}
.el-input__inner:hover {
	border-color: #DCDFE6;
}
.span-z1{
	font-size: 0.625vw;
	color: #829EB7;
}

.copy-right-div{
	text-align: center;
	width: 100%;
	margin-top: 1.927vw;
	margin-bottom: 1.04vw;
}


.el-form-item.is-error .el-input__inner{
	border-color: #DCDFE6 !important;
}

.el-form-item.is-success .el-input__inner{
	border-color: #DCDFE6 !important;
}