@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;
}
	
}
/*-----------------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;
	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: 12%;
    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:14px;
}
.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: 320px;
    margin: auto;
    font-size: 14px;
    font-family:"Microsoft YaHei UI";
    color: #ff0000;
    /*padding-bottom: 10px;*/
    line-height: 18px;
}

/*------------版权---------------*/
.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;
}