@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	list-style-type:none;
}
a{
	text-decoration:none;
	font-family:"Microsoft YaHei UI Light";
}
img{ border:none;}
input, .btn, button{ outline:none;}
input{
	color: #666;
    font-family:"Microsoft YaHei UI Light";
    font-size: 16px;
}
.btn, .btn1, button{cursor:pointer;}
h2{
	color:#687189;
	font-family:"Microsoft YaHei UI Light";
	font-size:18px;
	font-weight:normal;
	float:left;
	line-height:45px;
	padding-left:30px;
}
/*-------------------------------------*/
body{
	font-family:"Microsoft YaHei UI Light";
	position: relative;
	min-height: 100%;
}
html, body{
	margin:0;
	height:100%;
	overflow: hidden;
}
#ESCloginbody{
	position:relative;
	min-width:1280px;
}
	
}
/*-----------------login-top----------------------------------------------------------------*/
#ESCloginLogo{
	float:left;
	padding-right:20px;
}
#ESCloginLogo a{
	#height:80px;
	overflow:hidden;
	display:block;
}
/*----------top-wrap----------*/
body.sideMenu {
	margin: 0;
	-webkit-transform: none;
	transform: none;
}
#sideToggle {
	display: none;
}
#sideToggle:checked + .sidebar {
	left: 0;
}
#sideToggle:checked ~ #wrap {
}
.sidebar {
	position: absolute;
	bottom: 0;
	left: -162px;
	width: 162px;
	background: #106ebe;
	transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	z-index: 98;
}
body > aside > h2 {
	color: #FFF;
	text-align: center;
	font-weight: normal;
	padding: 10px;
}
#wrap {
	transition: 0.25s ease-out;
	-webkit-transition: 0.25s ease-out;
	float:left;
	position: relative;
}
.NRemind{
	width: 26px;
    height: 18px;
    border-radius: 10px;
    background-color: #ff0000;
    font-size: 12px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 18px;
	position: absolute;
    right: -8px;
    top: -8px;
}

#wrap > label {
	display: inline-block;
}
#wrap > label {
	border-radius: 6px;
    border: 2px solid #81ceff;
    color: #81ceff;
    cursor: pointer;
    display: block;
    font-family: Courier New;
    font-size: 50px;
    font-weight: bold;
    width: 44px;
    height: 34px;
    line-height: 40px;
    text-align: center;
    text-shadow: 0 -8px;
	margin:0;
}
#wrap > label:hover {
	background: #0151ab;
	color:#fff;
}
/*-----------------------------*/
.LSideul{
	padding:20px 0 0 0;
}
.LSideul li, #Lsetting{
	line-height:48px;
}
#Lnotice{
	position:relative;
}
#Lnotice .NRemind{
	position:absolute;
	right:18px;
	top:15px;
}
.LSideul li a, #Lsetting a{
	color:#fff;
	font-size:14px;
	padding-left:18px;
	line-height: 48px;
    height: 48px;
    display: block;
	text-decoration: none;
}
.LSideul li a .Licon{
	width:22px;
	height:22px;
	float: left;
	margin:13px 10px 0 0;
}
.LSideul li#Lnotice a .Licon{
	background:url(../images/LnoticeIcon.png) no-repeat center center;
}
.LSideul li#Lhelp a .Licon{
	background:url(../images/LhelpIcon.png) no-repeat center center;
}
.LSideul li#Ldownload a .Licon{
	background:url(../images/LdownloadIcon.png) no-repeat center center;
}
#Lsetting a{
	background:url(../images/LsettingIcon.png) no-repeat 18px center;
	padding-left:50px;
	width:162px;
}
.LSideul li a:hover, #Lsetting a:hover{
	background-color:#0745cb;
}
.sidebar aside{
	position:relative;
	height: 100%;
}
#Lsetting{
	position:absolute;
}

/*----------top-right----------*/
.ESCtopRight{
	/* float:right; */
	position:absolute;
	right:0;
	top:0;
}
.ESCtopRight a{
	font-size:12px;
	color:#000;
	line-height: 16px;
}
.ESCtopRight a:hover{
	color:red;
}
.languageBox{
	padding-bottom:6px;
	padding-top:6px;
	color: #999;
	margin:0;
	font-family:"Microsoft YaHei UI Light";
}
.cnTxt{
	padding-right:2px;
}
.enTxt{
	padding-left:2px;
}
/*--------------settingPop--------------*/
#settingPop{
	position:absolute;
	width:290px;
	height:100%;
	background-color:#f1f1f1;
	border-right:1px solid #cbcbcb;
	right: -290px;
    top: 0;
	padding:34px 20px 0 50px;
	overflow-y: scroll;
}
.settingDiv{
	padding-bottom:42px;
}
.settingDiv h2{
	color:#505050;
	font-size:20px;
	font-family: "Microsoft YaHei UI Light";
	font-weight:normal;
	line-height:20px;
	float:none;
	padding:0 0 12px 0;
	margin:0;
}
.RbgBox{
	overflow:hidden;
}
.RbgBox .RbgPic{
	float:left;
	margin-right:8px;
	border:2px solid #f1f1f1;
}
.RbgBox .RbgPic img{
	width:50px;
	height:50px;
	overflow:hidden;
	border:1px solid #e6e6e6;
}
.RbgBox .RbgPic:hover{
	border:2px solid #000;
}

/*---------uploadBg-----------*/
.LuploadBtn, .LuploadBg, .LuploadMask{
	width:118px;
	height:30px;
}
.LuploadBtn{
	position:relative;
	margin-top:22px;
}
.LuploadBg{
	position:absolute;
	left: 0;
    top: 0;
	opacity: 0;
    cursor: pointer;
}
.LuploadMask{
	background-color:#d2d2d2;
	display: block;
	line-height:30px;
	text-align:center;
	color:#505050;
	font-size:16px;	
}
.LuploadMask:hover{
	background-color:#aeaeae;
}
.Lprompt{
	font-size:12px;
	line-height:18px;
	padding-top:20px;
}
/*------------uploadLogo---------------*/
.RlogoPic{
	width:184px;
	height:60px;
	overflow:hidden;
	display: block;
	background-color:#a5a5a5;
	border:1px solid #e6e6e6;
	text-align: center;
}
.RlogoPic img{
	width:162px;
	height:60px;	
}











/*------------main--------------*/
/* .l-main{
	position: absolute;
    top: 80px;
    bottom: 24px;
    overflow: auto;
    width:100%;
} */
#ESCloginMain{
	width:100%;
	/* height:526px; */
	overflow:hidden;
	height: 100%;
    display: table;
}
#ESCloginContent{
/* 	width:80%;
	height:auto;
	margin:auto;
	position:relative; */
	display: table-cell;
    vertical-align: middle;
}
/*-----------登陆窗口------------*/
.ESCloginBox{
	width:366px;
	min-height:328px;
	background-color:#f1f2f4;
	border:1px solid #fafbfd;
	border-radius:4px;
/* 	position:absolute;
	right:0;
	top:76px; */
	-webkit-box-shadow:0px 2px 6px 0px rgba(0, 0, 0, .5);
    box-shadow:0px 2px 6px 0px rgba(0, 0, 0, .5);
    padding:0 23px;
    z-index: 97;
    margin-right: 60%;
    float:right;
}
.ESCloginTit{
	font-size:22px;
	font-weight:normal;
	color:#666;
	padding:22px 0 0 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0;
	margin-bottom:0;
}
#ESCloginForm{
	width:318px;
	margin:auto;
	margin-top:26px;
	background-color:#e6e7e9;
	border:1px solid #c8c8ca;
	border-radius:4px;
	padding: 4px 0 4px 0;
}
.loginInput{
	width:auto;
	height:auto;
	color:#a4a4a4;
	padding:10px 18px 10px 60px;
	margin-bottom:0;
	line-height:16px;
}
.loginInput input{
	width: 224px;
    height: 34px;
    border: none;
	line-height:34px;
	background: none;
}
#ESCloginName{
	background:url(../images/eacUserIcon.png) no-repeat left center;
}
#ESCloginPass{
	background:url(../images/eacPassIcon.png) no-repeat left center;
}
.allIconbg{
	background:url(../images/eacPassIcon.png) no-repeat left center;
}
.smscodeIconbg{
	background:url(../images/eacEmilIcon.png) no-repeat left center;
}
.bottInput{
	background:url(../images/login_bott_line.jpg) repeat-x left top;
}
.loginTxt{
	color:#666;
	font-size:16px;
}
.loginTxt:hover{
	color:red;
}
#ESCLforget, #ESCnews{
	width:320px;
	margin:auto;
}
#ESCLforget .loginTxt{
	line-height:32px;
}
.ESCloginBtn{
	width:320px;
	height:60px;
	color:#fff;
	background-color:#0367d9;
	border-radius:4px;
	border:none;
	font-size:22px;
	font-family:"Microsoft YaHei UI Light";
	letter-spacing:5px;
	cursor:pointer;
	outline:none;
	margin: auto;
    line-height: 60px;
    text-align: center;
	margin-bottom: 16px;
	overflow:hidden;
}
.ESCloginBtn:hover{
	background-color:#246ab9;
}
#ESCnews{
	height:18px;
	overflow:hidden;
	margin-top: 12px;
    margin-bottom: 18px;
    line-height: 18px;
}
#ESCnews a{
	display:block;
}
.txtScoll{
	height:30px;
	width:800px;
	overflow:hidden;
	line-height:18px;
	overflow:hidden;
	float:left;
	margin-top:34px;
	font-size:14px;
	font-family:"Microsoft YaHei UI Light";
	color:#666;
	font-weight:normal;
}
#randomCodeArea{
	clear: both;
    width: auto;
    height: auto;
    overflow: hidden;
}
#randomCodeArea img {
    float: left;
    margin-left: 10px;
	border:1px solid #c9c9cb;
}
/* #randomCodeArea{background:url(../images/codeIcon.png) no-repeat left center; } */
#randomCodeArea input, #smsCode {
    float: left;
    width: 146px; 
}
#getSmsCode{
	color: #fff;
    background-color: #b1b2b6;
    height: 34px;
    width: 80px;
    margin-left: 10px;
    border: 1px solid #c9c9cb;
}
/*-------提示信息------*/
#errMsg, #msg{
    width: 200px;
    margin: auto;
    font-size: 14px;
    font-family:"Microsoft YaHei UI";
    color: #ff0000;
    /*padding-bottom: 10px;*/
    line-height: 18px;
    user-select: none;
}

/*------------版权---------------*/
.copyright{
	text-align:center;	
	position: absolute;
    width: 100%;
    bottom: 0;   
    font-family:"Microsoft YaHei UI";    
	z-index:99;
	font-family:"Microsoft YaHei UI Light";
}
/*-------------第三方账号登陆--------------*/
.otherLogin{
	width:320px;
	margin:auto;
	height: 24px;
    line-height: 24px;
    margin-bottom:14px;
}
.oLoginDt{
	color:#666;
	font-weight:normal;
	line-height:24px;
	font-size:14px;
	float:left;
}
.oLogindd{
	float:left;
}
.oLogindd a{
	
	height:25px;
	overflow:hidden;
	display:block;
	float:left;
	margin:0 4px;
}
#qqLogin{
	background:url(../images/otherLoginIcon-qq.png) no-repeat left center;
}
#sinaLogin{
	background:url(../images/otherLoginIcon-sina.png) no-repeat left center;
}
#wechatLogin{
	background:url(../images/otherLoginIcon-WeChat.png) no-repeat left center;
}
#qqLogin:hover{
	background:url(../images/otherLoginIcon-qq01.png) no-repeat left center;
}
#sinaLogin:hover{
	background:url(../images/otherLoginIcon-sina01.png) no-repeat left center;
}
#wechatLogin:hover{
	background:url(../images/otherLoginIcon-WeChat01.png) no-repeat left center;
}
.escloginEnter{
	background:url(../images/escBLoginIcon.png) no-repeat left center;
}
.escloginEnter:hover{
	background:url(../images/escBLoginIcon2.png) no-repeat left center;
}

/** 清除内外边距 **/
body, h1, button, input,img{
  border:medium none; 
} 
/** 设置默认字体 **/
body,button, input, select, textarea {
  font: 16px/16px Microsoft YaHei ,tahoma, Srial, helvetica, sans-serif;
}
/** 重置超链接元素 **/
a { text-decoration: none; color:#000000;} 
a:hover { text-decoration: none; color:#064b99!important;cursor:pointer; } 
a, button{cursor:pointer; outline: none;}
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}
/** 重置图片元素 **/
img{ border:0px;max-width: 100%;height:auto;display:block;} 
a, img {
    -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}
/*----*/
input, select {outline: none;}

html , body{height:100%;}
body{
	background-color: #ffffff;
	color:#000000;
	overflow: hidden;
	position:relative;
	-webkit-overflow-scrolling:touch;
}
.fr{float:right;}
.fl{float:left;}

/*==========================================l-pic=============================*/
.l-pic{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.l-pic img{min-height: 100%;width: 100%;}
/*==========================================l-cont=============================*/
#l-cont{
	position: absolute;
	top:0;
	left:0;
	background: url(../images/l-left-bg.png) no-repeat left top;
	height: 100%;
    width: 34.375%;
    background-size: 100% 100%;
	padding: 3.06%;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.l-logo{overflow: hidden;}
.l-logo .logo{
	padding:0 36px 0 0;
}
.lang-a{
	padding-left: 36px;
	border-left: 1px solid #000000;
	margin-top: 5px;
	line-height: 68px;
}
#l-cont h1{
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	/*padding: 104px 0 52px 0;*/
	padding: 84px 0 42px 0;
}
.inp-div{padding: 18px 0 26px 0;}
.inp-div label{
	display: block;
	color: #444444;
}
.inp-div input{
	border-bottom: 1px solid #555555;
	line-height: 30px;
	height:30px;
	width: 66.5%;
	background: none;
}
.loginBg-btn{
	border-radius: 20px;
	width: 66.5%;
	height: 46px;
	line-height: 46px;
	background: #0197df;
	font-size: 18px;
	color: #fff;
	display: block;
	margin-top: 50px;
}
.loginBg-btn:hover{background:#064b99;}

@media only screen and (max-width:480px) {
	.l-logo{
		width: 230px;
		margin: 20px auto 0;
	}
	.l-logo .logo{
		padding: 0;
		float: none;
		display: block;
	}
	.lang-a{
		border: none;
		float: none;
		display: block;
		padding: 0;
		text-align: center;
		padding-top: 5%;
	}
	#xdiv2{text-align: center;}
	.l-cont h1{text-align: center; padding-top: 52px;}
	.l-pic{display: none;}
	.l-cont{width: 100%; background: none;}
	.inp-div input, .l-btn{width: 100%;}
	.link-div{width: 100%;}
	.l-code-tit, .c-weChat-div img{margin: auto;}
	.logo img{width: }
}