﻿* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/1.5 arial,"微软雅黑";
	background: #fff;
	min-width: 1000px;
	width: 100%;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

#bg {
	width: 100%;
	height:100%;
}

.lsxm-top {
	display:flex;justify-content:space-between;align-items:center
}

.lsxm-culture {font-family:"微软雅黑"; font-size:16px;   display: block; padding: 0; line-height: 80px; text-decoration: none;   zoom: 1; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 16px; }

.banner {
	width: 100%;
	height:100%;
	background: url(/resource/lsxm_common/images/banner.png) no-repeat;
	background-size: 100%;
}

.denglu {
	width: 400px;
	height: 380px;
	background: #fff;
	position: absolute;
	top: 50%;
	margin-top:-16%;
	right: 10%;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

.dlfs {
	width: 100%;
	height: 80px;
}

.dlfs span {
	border-bottom: 1px solid #45b9fa;
	color: #45b9fa;
	font-size: 24px;
	font-weight: bold;
	line-height: 80px;
	margin-left: 32px;
}

.dlfs img {
	float: right;
	height:100%;
}

.dlkuang {
	width: 336px;
	height: 50px;
	margin: 30px 32px;
}

.inputicon{
	width:6%;
	/*height: 50%;*/
	position:relative;
	z-index:1;
	top:50%;
	margin:0 2%;
}

.inputicon img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	margin:auto;
	width:100%;
}

.dlkuang > input {
	width: 90%;
	height: 100%;
	color: #919191;
	font-size: 20px;
	float: right;
	padding-left: 10%;
	border-radius: 5px;
	border: 1px solid #dddddd;
}

.dlkuang > div > input:focus {
	box-shadow: 2px 2px 6px rgba(69,185,250,0.5);
	border: 1px solid #45b9fa;
}

.djdl {
	width: 336px;
	height: 50px;
	margin: 0 32px;
}

.djdl button {
	color: #fff;
	font-size: 28px;
	width: 100%;
	height: 100%;
	background: #45b9fa;
	border: 1px solid #2696d5;
	border-radius: 5px;
}

#down {
	width: 100%;
	height: 100vh;
	background:url(/resource/lsxm_common/images/bg_back.png) no-repeat;
	background-size:100% 100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.login-container{
	height:80vh;
	width:141.7vh;
	background:url(/resource/lsxm_common/images/bg_front.png) no-repeat;
	background-size:100% 100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.login-container .copy-right{
	height:8.57%;
	width:69.55%;
	display:flex;
	justify-content:center;
	align-items:center;
	align-self:flex-end;
	font-size:12px;
	color:#999999;
}
.login-container .copy-right>span:nth-last-child(1){
	margin-left:24px;
	cursor:pointer;
}
.login-container .input-container{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:91.43%;
	width:30.45%;
}
.input-container .input-wrap>input{
	border:none;
	width:100%;
	height:100%;
	outline:none;
}
.input-container .logo{
	background:url(/resource/lsxm_common/images/bg_logo.png) no-repeat;
	background-size:100% 100%;
}
.input-container .input-wrap{
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.input-container .login-btn{
	background:#337df7;
	color:#fffefe;
	text-align:center;
	cursor:pointer;
}
.el-scrollbar__wrap{
	overflow-x: hidden;
}

.el-dialog__body{
	padding: 10px 20px;
}
@media screen and (max-width:1600px){
	.login-container{
		min-height:615px;
		min-width:1087px;
	}
	.input-container .logo{
		width:270px;
		height:92px;
		margin-bottom:32px;
	}
	.input-container .input-wrap{
		width:262px;
		height:33px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:0 8px;
		margin-bottom:14px;
	}
	.input-container .login-btn{
		width:262px;
		height:36px;
		line-height:36px;
		font-size:12px;
		margin:15px;
		box-shadow:0px 0px 5px #337df7;
	}
}
@media screen and (min-width:1600px) and (max-width:2000px){
	.login-container{
		min-height:864px;
		min-width:1528px;
	}
	.input-container .logo{
		width:380px;
		height:130px;
		margin-bottom:46px;
	}
	.input-container .input-wrap{
		width:368px;
		height:46px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:0 12px;
		margin-bottom:19px;
	}
	.input-container .login-btn{
		width:368px;
		height:50px;
		line-height:50px;
		font-size:16px;
		margin:22px 0;
		box-shadow:0px 0px 8px #337df7;
	}
}
.input-container .input-checkbox{
	border: none;
}
