.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}


@maincolor:#3091F2;
.panel-container{
	width: 1170px;
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;  
}
.clearfix {
  overflow: auto;
  zoom: 1;
}
html{
	height: 100%;
}
body{
	font-family: 'Microsoft YaHei' !important;
	height: 100%;
}
a{
	color: #555;
	text-decoration: none;
}
*{
	padding: 0;
	margin: 0;
}
.enter_bg{
	background: url(../images/login_BG_02.png) no-repeat;
	background-size: 90% auto;
}
.txt-center{
	text-align: center;
}
.txt-red{
	color: red;
}
[v-cloak]{
	display: none;
}
.login-panel{
	width: 400px;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 180px;
	.panel-head{
		margin-bottom: 30px;
		.iconfont{
			font-size: 44px;
			color: @maincolor;
		}
		.logo-box{
			font-size: 44px;
			display: inline-block;
		}
		.panel-head-tit{
			font-size: 24px;
			color: #333;
		}
		.head-status{
			color: @maincolor;
			font-size: 16px;
			padding-left: 6px;
			border-left: 1px solid #ddd;
			line-height: 16px;
			display: inline-block;
		}
	}
	.panel-bottom{
		text-align: center;
		margin-top: 30px;
		.bottom-tips{
			font-size: 14px;
			color: #333;
			margin: 0;
			a{
				color: @maincolor;
				text-decoration: none;
			}
		}
		.other-ways-tit{
			position: relative;
			width: 220px;
			border-top: 1px solid #eee;
			margin: 40px auto 30px;
			span{
				top: 0;
				left: 50%;
				padding: 0 15px;
				transform: translate(-50%,-50%);
				position: absolute;
				background: #fff;
				color: #999;
				font-size: 14px;
			}
		}
		.other-ways-list{
			-js-display: flex;
			display: flex;
			justify-content: space-around;
			margin: 0;
			li{
				list-style: none;
				text-align: center;
				a{
					text-decoration: none;
					border: 1px solid #eee;
					border-radius: 50%;
					display: inline-block;
					padding: 10px;
				}
				.iconfont{
					font-size: 30px;
				}
				.icon-qq{color: #46B9FB;}
				.icon-weixin{color: #32D46B;}
				.icon-weibo{color: #FA7260;}
			}
		}
	}
	.login-form-content{
		.el-input{
			.el-input__inner{
				height: 50px;
				line-height: 50px;
				border-radius: 0;
			}
		}
		.el-button{
			width: 100%;
			height: 50px;
			border-radius: 0;
		}
		.el-form-item{
			margin: 0;
		}
		.el-form-item + .el-form-item{
			margin-top: 22px;
		}
		.code-input-box{
			.code-input-style{
				width: 210px;
			}
			.code-btn-style{
				width: 170px;
				position: absolute;
				right: 0;
				top: 0;
			}
		}
		.form-btoom{
			.panel-option-wrap{
				display: flex;
				-js-display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 14px;
				.link-tips{
					font-size: 14px;
					color: @maincolor;
					text-decoration: none;
				}
				.wrap-txt{
					color: #333;
				}
			}
			.checkbox-tips{
				display: flex;
				align-items: center;
				justify-content: center;
				.el-checkbox{
					padding-right: 10px;
				}
				a{color: @maincolor;}
			}
		}
	}
}
.login-form{
	.panel-input{
		input{padding-left: 46px;}
	}
}