[v-cloak] {
	display: none;
}
/* 重置标签 */
html,body{width: 100%;height: 100%;}
*{margin:0;padding:0;border:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
img{max-width:100%;}
/*end reset*/
/****-----start-body----****/
body{
	font-family: '微软雅黑', sans-serif;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.main{
	width: 100%;
	height: 100%;
	background: rgba(44, 44, 44, 0.4);
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(90deg, rgba(44, 44, 44, 0.4), rgba(0, 102, 179, 0.7));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(90deg, rgba(44, 44, 44, 0.4), rgba(0, 102, 179, 0.7));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(90deg, rgba(44, 44, 44, 0.4), rgba(0, 102, 179, 0.7));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, rgba(44, 44, 44, 0.4), rgba(0, 102, 179, 0.7));
	/* Standard syntax */
}
body{
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url("/assets/img/login.jpeg");
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	background-size: 100% 100%;
	background-position: left top;
}
.website-name{
	text-align: center;
	padding-top: 8em;
	font-size: 36px;
	color: #fff;
}
.app-cam{
	width: 28%;
	margin: 0 auto;
	/*margin-top: 4em;*/
	padding: 1em 0 2em 0;
	text-align: center;
	/*border: 1px solid #eee;*/
	/*background-color: #fff;*/
	/*box-shadow: #ccc 0px 0px 10px 1px;*/
}
.title{
	line-height: 60px;
	text-align: center;
}
.title-txt{
	font-size: 20px;
	font-weight: 500;
	color: #3182D8;
	vertical-align: middle;
}
.title-line {
	display: inline-block;
	width: 160px;
	border-top: 2px solid #ccc ;
}
.form{
	width: 80%;
	margin: 0 auto;
}
.error_msg{
	line-height: 40px;
	color: #E6A23C;
}
.tip_div{
	text-align: left;
	color: #999;
	font-size: 14px;
	margin-top: 0.6em;
}
form {
	padding: 0% 1%;
}
.app-cam input[type="text"], .app-cam input[type="password"]{
	background-color: rgba(0, 0, 0, 0.4);
	color: #ffffff;
	outline: medium;
	border: 1px solid rgba(0, 0, 0, 0.4);
}
.app-cam input[type="text"]{
	width: 90%;
	padding: 0.8em 5%;
	font-size: 14px;
}
.app-cam input[type="password"]{
	width: 90%;
	padding: 0.8em 5%;
	margin-top: 2em;
	font-size: 14px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #fff;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #fff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: #fff;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #fff;
}
.app-cam input[type="button"]{
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	width: 100%;
	cursor: pointer;
	outline: medium;
	margin-top: 3em;
	background: rgba(4, 119, 206, 0.9);
	border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*box-shadow: #0066B3 0px 0px 5px 1px;*/
}
.app-cam input[type="button"]:hover{
	background: rgba(4, 119, 206, 1);
}
.return_index{
	margin-top: 0.5em;
	font-size: 14px;
}
.return_index a{
	color: #ccc;
	cursor: pointer;
}
.copy-right{
	position: fixed;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #efefef;
}

/*-----start-responsive-design------*/
@media (max-width:1600px){
	.title-line{
		width: 140px;
	}
}
@media (max-width:1440px){
	.app-cam{
		width:30%;
		margin-top: 6em;
	}
	.website-name{
		text-align: center;
	}
	.title-line{
		width: 140px;
	}
}
@media (max-width:1440px){
	.app-cam{
		width: 30%;
		margin-top: 2em;
	}
	.website-name{
		text-align: center;
	}
	.title-line{
		width: 140px;
	}
}
@media (max-width:1366px){
	.app-cam{
		width: 30%;
		margin-top: 2em;
	}
	.website-name{
		text-align: center;
		padding-top: 4em;
	}
	.title-line{
		width: 120px;
	}
}
@media (max-width:1280px){
	.app-cam {
		width: 35%;
		margin-top: 2em;
	}
	.website-name{
		text-align: center;
		padding-top: 3em;
		font-size: 28px;
	}
	.title-line{
		width: 120px;
	}
}
@media (max-width:1024px){
	.app-cam {
		width: 47%;
		margin-top: 2em;
	}
	.website-name{
		text-align: center;
		padding-top: 1em;
		font-size: 26px;
	}
	.title-line{
		width: 120px;
	}
}
@media (max-width:768px){
	.app-cam {
		width: 54%;
		padding: 0;
		margin-top: 0;
	}
	.website-name{
		text-align: center;
		font-size: 18px;
	}
	.title-line{
		width: 100px;
	}
	.app-cam input[type="button"] {
		margin-top: 1em;
	}
}
@media (max-width:640px){
	.app-cam {
		width: 65%;
	}
	.website-name{
		text-align: center;
		font-size: 16px;
	}
	.title-line{
		width: 80px;
	}
	.error_msg{
		line-height: 30px;
	}
}

/** 拼图验证码相关 **/
#verify-dialog .el-dialog{
	width: 330px;
}
#verify-dialog .el-dialog .el-dialog__header{
	padding: 8px;
}
#verify-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn{
	top: 5px;
	right: 5px;
}
#verify-dialog .el-dialog .el-dialog__body{
	padding: 10px 8px;
}