@charset "utf-8";

.mainbg{
    position: relative;
}

/*.logo1{width:833px;height:53px;background: url("images/tittle_logo.png") bottom center no-repeat; }*/
/* .logo2{width:172px;height:80px; top center no-repeat;} */
.logo2{width:664px;height:42px; background: url("images/tittle_word.png") bottom center no-repeat;}
.logo3{width:600px;height:60px;margin-top: 10px;}
.logo1,.logo2,.logo3{display:block;position:relative;left:10%;}


/*.container{background:url("images/bg_middle.png") center #3397e5 no-repeat; height: 386px;}*/

.login{width: 100%;height:400px;}


/*.login_fl{width:460px;height:355px;overflow:hidden;}*/
.login_fr{width:430px;overflow:hidden;margin:auto;}
.login_bg{
    background:url("images/bg_border_bg.png") no-repeat;
    width: 400px;
    height: 269px;
    position: fixed;
    left: 33%;
    bottom: 0;
    padding-top: 62px;
    display: table;
}

/* left:expression(document.body.clientWidth < 1450? "61%": "58.2%") */


.login_input{position:relative;padding:20px 0 0 24px;}
.login_input label{height:32px;line-height:32px;color:#4D4447;font-size:17px;}
.text_div{
    width: 290px;
    margin: auto auto 22px auto;
    color: #555;
    height: 38px;
    font-family: "Microsoft YaHei","冬青黑体简体中文";
    font-weight: bold;
    font-size: 17px;
}
.text_div input{
    background: url("images/login_input.png") no-repeat;
    width: 217px;
    height: 30px;
    line-height: 22px;
    border: 0;
    /* float: right; */
}
.login_fr .text_div .text{width:275px;height:30px;line-height:24px;padding:4px 3px 2px 3px;border:0px;font-family:'方正正纤黑简体';font-size:16px;outline: none;z-index:99999;
    -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}

/*.text_divi1,.text_divi2{display:block;width:16px;height:16px;position:absolute;bottom:3px;right:52px;}
.text_divi1{background:url(images/ico_account.jpg) no-repeat;height:19px;}
.text_divi2{background:url(images/ico_pwd.jpg) no-repeat;height:19px;}*/



/*.inputCurr_icon1{background: url(images/pic_user.png) center #ffffff no-repeat;height:46px; width: 50px; border: 1px solid #0090c5;border-right: 0;display: inline-block; float: left;}
.inputCurr_icon2{background: url(images/pic_key.png) center #ffffff no-repeat;height:46px; width: 50px; border: 1px solid #0090c5;border-right: 0; display: inline-block; float: left;}*/

.dl4{margin:auto; height: 37px}
.dl4 input{
    background: url(images/btn_login_link.png) no-repeat;
    width: 229px;
    height: 37px;
    border: 5px;
    text-align: center;
    margin: auto;
    display: block;
    color: #fff;
    font-size: 25px;
    font-family: "Microsoft YaHei","冬青黑体简体中文";
    cursor: pointer;
}
/*.dl4 input:hover{background:url(images/btn_login_hover.png) center no-repeat;}
.dl4 input:active {background:url(images/btn_login_visited.png) center no-repeat;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}*/

.login_input div.checked{border:1px solid #a7d1fb;}
.error_div{display:none;position:absolute;width:282px;padding:2px 0 2px 3px;left:0;top:66px;color:#e6393d;height:20px;line-height:20px;}
/* .error div.text_div{z-index:9999;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;} */
.error .error_div{display:block;}
.error_msg{background-color:#FAFFBD;}

.btnsubmit{width: 431px; padding: 25px 0 10px 0;}
/*#btnSubmit{font-family: '方正正纤黑简体';font-size: 36px;font-weight: bold;color: #FFF;}*/
.login .text_div .msg-box{left:-180px;top:-30px;}
.login .dl2 .text_div .msg-box{left:-246px;top:-30px;}

.prompt{display: none;}
.prompt{
    color:red;
    /* margin-left: 55px; */
    height: 45px;
    text-align: center;
}

/* footer start */

font{font-size: 14px;font-weight: 500;}
.foot{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    background: url("images/foot_bg.png") repeat-x;
    font-family: "Microsoft YaHei","冬青黑体简体中文","Arial";
}

/* .footer_href_1{width:142px; height:20px;float: right;position: relative;top: 40%;right: 63.5%;z-index: 99999;}
.footer_href_2{width:126px; height:20px;float: right;position: relative;top: 40%;right: 25.5%;z-index: 99999;} */

/* footer end */

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}

.cl{clear:both;}
.head{
    width: 1270px;
    height: 126px;
    margin: auto;
}
.head_logo{
    margin: 23px 150px 23px 45px;
}

a{text-decoration:none;}
.bd_image{margin: 0;}

.systemTip{
    font-family: '方正北魏楷书简体';
    font-size: 18px;
    text-align: center;
    color: #014e8b;
    line-height:40px; }


.footer_font {
    color: #666666;
}

.content_bg{
    margin: auto;
    display: block;
}
/*  登录首页二维码  */
#rightAside {
    width: 44px;
    height: 89px;
    position: fixed;
    top: calc(33vh + 100px);
    right: 0.12rem;
}
#rightAside ul {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}
#rightAside li {
	width:44px;
	height: 44px;
	cursor: pointer;
	background: #fff;
	display: inline-block;
	position: absolute;
	right: 0;
	transition: 0.2s all;
}
#rightAside li:nth-child(1) {
	top: 0;
	background: #fff url("../images/icon-QRcode1.png") center no-repeat;
	background-size: 25px 25px;
}
#rightAside li.active:nth-child(1) {
	background: #1f8dbb url("../images/icon-QRcode2.png") center no-repeat;
	background-size: 25px 25px;
}
#rightAside li:nth-child(2) span {
	opacity: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	font-size: 12px;
	text-align: center;
	background: #1f8dbb;
	line-height: 16px;
	padding: 6px 0;
	position: relative;
	z-index: -1;
}
#rightAside li.active:nth-child(2) span  {
	opacity: 1;
	z-index: 10;
}
#rightAside .QRCodeBox {
	width: 105px;
	height: 42px;
	background: #fff;
	display: inline-block;
	padding-top:105px;
	border-radius: 5px;
	position: absolute;
	bottom: -33px;
	right: 17px;
}
#rightAside .QRCodeBox img {
	width: 95px;
	height: 95px;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: px;
}
#rightAside .QRCodeBox:before {
	content: " ";
	width: 105px;
	height: 105px;
	border-radius: 5px;
	background: url("../images/yxb.jpg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
#rightAside .QRCodeBox figcaption {
	color: #333;
	width: 100%;
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
#rightAside .QRCodeBox:after {
	content: "";
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	display: inline-block;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
#rightAside figure {
	opacity: 0;
	z-index: -1;
	transition: 0.2s all;
}
#rightAside figure.active {
	opacity: 1;
	z-index: 9;
}
/*  登录首页二维码END  */