

.pages[data-v-1ccb062e] {
	width: 100%;
	min-height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	
}


.pages_main[data-v-1ccb062e] {
	background-color: #fff;
	padding: 40px;
	min-height: 564px;
	width: 100%;
	position: relative
}

.pages_main .el-input__inner[data-v-1ccb062e] {
	border: 1px solid transparent;
	background-color: rgba(0,0,0,.04)
}

.pages_main .el-input__inner[data-v-1ccb062e]:hover {
	background-color: rgba(0,0,0,.08);
	border: 1px solid rgba(0,0,0,.08)
}

.pages_main .el-input__inner[data-v-1ccb062e]:focus {
	border: 1px solid #007bff;
	background-color: #fff
}

.pages_main .el-input.is-disabled .el-input__inner[data-v-1ccb062e] {
	border: 1px solid transparent;
	background-color: rgba(0,0,0,.08)
}

.logo[data-v-1ccb062e] {
	position: absolute;
	left: 40px;
	top: 5px;
	display: none
}

.left-card[data-v-1ccb062e] {
	display: none;
	width: 320px;
	background: linear-gradient(180deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.95)),linear-gradient(270deg,rgba(140,51,255,.3),rgba(255,39,118,.3));
	border-radius: 8px 0 0 8px
}

.left-container[data-v-1ccb062e] {
	width: 380px;
	min-height: 500px;
	margin-right: 100px
}

.left-title[data-v-1ccb062e] {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.left-item[data-v-1ccb062e] {
	margin-top: 16px;
	display: flex;
	align-items: center
}

.text-item[data-v-1ccb062e] {
	display: inline-block;
	margin-left: 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: rgba(0,0,0,.72)
}[data-v-1ccb062e] .el-dialog {
	width: 480px
}

@media screen and (max-width:480px) {
	.pages_layout[data-v-1ccb062e] {
		min-height: calc(0vh - 281px)
	}

	.pages_main[data-v-1ccb062e] {
		height: 100%;
		min-height: 400px
	}

	.card[data-v-1ccb062e] {
		display: block;
		height: 100%
	}[	data-v-1ccb062e] .el-dialog {
		width: 100%
	}
}

@media screen and (min-width:480px) {
	.pages_layout[data-v-1ccb062e] {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100vh
	}

	.pages_main[data-v-1ccb062e] {
		width: 400px;
		flex: 0 0 400px;
		border-radius: 8px
	}

	.logo[data-v-1ccb062e] {
		display: block
	}
}

@media screen and (min-width:800px) and (max-width:1080px) {
	.card[data-v-1ccb062e] {
		display: flex
	}

	.left-card[data-v-1ccb062e] {
		display: block
	}

	.pages_main[data-v-1ccb062e] {
		border-radius: 0 8px 8px 0
	}
}

@media screen and (max-width:1080px) {
	.left-container[data-v-1ccb062e],.left-img[data-v-1ccb062e],.top-logo[data-v-1ccb062e] {
		display: none
	}
}

@media screen and (min-width:1080px) {
	.left-img[data-v-1ccb062e] {
		margin-right: 50px
	}

	.left-container[data-v-1ccb062e] {
		margin-right: 130px
	}
}

@media screen and (min-width:1600px) {
	.left-img[data-v-1ccb062e] {
		margin-right: 144px;
		width: 580px
	}

	.left-container[data-v-1ccb062e] {
		margin-right: 224px
	}
}

