@charset "utf-8";

/* CSS Document 后台管理登录 */

body {
	background: #fff !important;
}

.loginheader {
	width: 1000px;
	margin: auto;
	height: 60px;
	position: relative;
}

.loginheader img {
	vertical-align: top;
	height: 60px;
}

.loginheader span {
	font-size: 18px;
	margin-left: 20px;
	color: #5a5c5d;
	position: absolute;
	bottom: 5px;
}

.loginmain {
	width: 100%;
	height: 498px;
	position: relative;
}

.main_index {
	width: 1000px;
	margin: auto;
	height: 498px;
	position: relative;
}



.logo_copyright {
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #888888;
	font-size: 14px;
	margin-top: 10px;
}


.login_txt ul li {
	height: 40px;
	line-height: 38px;
	border: 1px solid #ccc;
	padding-left: 40px;
	position: relative;
	margin-top: 20px;
}

input.login_username {
	vertical-align: top;
	height: 38px;
	width: 100%;
	padding: 0;
	border: none;
	background: none;
	/*position: absolute;*/
	left: 0;
	top: 0;
	/*padding-left: 38px;*/
}

.login_icon {
	background: #f3f3f3;
	width: 38px;
	height: 38px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	border-right: 1px solid #ccc;
	color: #b3b3b3;
}

.login_icon .iconfont {
	font-size: 22px;
}

.login_txt {
	position: relative;
}

.login_mes {
	display: none;
	background: #ffebec;
	height: 24px;
	line-height: 24px;
	border: 1px dashed #f00;
	color: #f00;
	padding-left: 5px;
	position: absolute;
	width: 300px;
	top: 5px;
}

.login_txt ul li.focus {
	border: 1px solid #98cbff;
}

.login_txt ul li.focus .login_icon {
	background: #d0e7ff;
	border-right: 1px solid #98cbff;
	color: #98cbff;
}

.login_txt ul li.on {
	border: 1px solid #e33a3d;
}

.login_txt ul li.on .login_icon {
	background: #ffebea;
	border-right: 1px solid #e33a3d;
	color: #e33a3d;
}

.login_txt ul li input:hover, .login_txt ul li input:focus {
	outline: none;
}

.login_yzm {
	margin-top: 20px;
}

input.login_yz_input {
	width: 138px;
	height: 38px;
	border: 1px solid #ccc;
	float: left;
}

input.login_yz_input.on {
	border: 1px solid #f00;
}

input.login_yz_input:focus {
	outline: none;
}

.yam_pic {
	width: 70px;
	height: 40px;
}

.yam_reset {
	float: left;
	line-height: 40px;
	margin-left: 10px;
}

.yam_reset a {
	color: #3492f4;
}

.yam_reset a:hover {
	text-decoration: none;
}

.login_rember {
	height: 38px;
	line-height: 38px;
	margin: 5px 0;
}

.login_rember label {
	margin-left: 5px;
	color: #818080;
}

.login_submit {
	width: 100%;
	height: 35px;
}

.login_submit input {
	width: 100%;
	height: 100%;
	background: #2691fe;
	border: none;
	color: #fff;
	letter-spacing: 2px;
	font-size: 16px;
	cursor: pointer;
}

.login_submit input:hover {
	background: #1d84ed;
}

.login_visit {
	line-height: 30px;
}

.login_visit a {
	color: #4f4f4f;
}

.login_flash {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 498px;
}


/* 幻灯css */

.focusBox {
	position: relative;
	width: 100%;
	height: 498px;
	overflow: hidden;
}

.focusBox .pic {
	position: relative;
	z-index: 0;
	width: 100%!important;
}

.focusBox .pic li {
	position: relative !important;
	width: 100%!important;
	height: 498px;
	background-size: 100% 100%;
}


/*.focusBox .pic li img { width:1920px; height:498px; position:absolute; left:50%; top:0; margin-left:-960px;}*/

@media only screen and (max-width:1000px) {
	.loginheader {
		width: 100%;
	}
	.main_index {
		width: 100%;
	}
}

@media only screen and (max-width:100px) {
	.loginheader {
		width: 100%;
	}
	.main_index {
		width: 100%;
	}
}

@media only screen and (max-width:350px) {
	.login_wen {
		width: 90%;
		padding: 10px 5%;
	}
}
.loginBox{
	overflow: hidden;
	position: absolute;
	width: 310px;
	height: 440px;
	right: 0;
}

.loginBox .login_wen{
	width: 310px;
	height: 400px;
	
	background: #fff;
	position: absolute;
	top: 40px;
	right: 0;
	
}

.login_wen{
	padding: 10px 20px;
}
.wxlogin{
	position: absolute;
	width: 310px;
	height: 400px;
	top: 45px;
	right: 0;
	display: none;
}

.login_tel{
	color: #333;
	margin-top: 19px;
	font-size: 16px;
}

.login_cont{
	position: relative;
}

.tag{
	position: absolute;
	right: 0;
	top:40px;
	width: 310px;
	background: #fff;
}

.tag .iconimg{
	position: absolute;
	right: 8px;
	top:8px;
}
.tag .box{
	position: absolute;
    right: 55px;
    top: 8px;
    color: #df9c1f;
    background-size: 100% 100%;
    padding: 5px 16px;
    padding-left: 8px;
}
.tag .box img{
	margin-right: 8px;
}

.tag .title{
	padding: 5px 16px;
}