﻿@charset "utf-8";
/* 登录样式
 * 20170925
 */
 iframe{border: 0px;}
#content {
    width: 100%;
    position: relative;
}
.login-newbg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 600px;
}

#content .content-layout {
	width: 1200px;
	/*background: url(../images/login_bg.png) left 98px no-repeat;*/
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 600px;
    z-index: 999;
}

.login-box-warp {
    position: absolute;
    top: 80px;
    right: 10px;
    width: 508px;
	height:436px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 1px 10px rgba(0,0,0,.2);
}

.login-box{position: relative;}
.login-box .hd{ width:120px; height:436px; border-radius:5px 0 0 5px;background-color:#2b5c93; float:left;}
.login-box .hd li{ overflow:hidden; cursor:pointer; height:120px; border-bottom:1px solid #5E91C9; text-align:center; color:#547ba8; font-size:12px; line-height:32px;}
.login-box .hd li.on{ background:url(../images/login_box_tab_on.png) right 52px no-repeat; color:#fff;}
.login-box .hd li i{ display:block; margin:25px auto 10px; width:40px; height:40px;}
.icon-u1{background:url(../images/login_box_tab.png) right top no-repeat;}
.icon-u2{background:url(../images/login_box_tab.png) right bottom no-repeat;}
.login-box .hd li.on .icon-u1{ background-position:left top;}
.login-box .hd li.on .icon-u2{ background-position:left bottom;}

.login-box .bd{ float:left; padding:35px 46px;}

.login-links{ padding-top:80px; width:100px; margin:0 auto;}
.login-links a{ display:block; width:63px; height:28px; margin-bottom:15px; border:1px solid #fff; color:#fff; font-size:12px; line-height:28px; padding-left:35px;}
.login-links a.btn1{ background:url(../images/login_links_01.png) 10px center no-repeat;}
.login-links a.btn2{ background:url(../images/login_links_02.png) 10px center no-repeat;}

.login-switch {
    width: 64px;
    height: 64px;
    line-height: 52px;
    position: absolute;
    right:2px;
    top: 2px;
}

.login-switch .iconfont {
	height:64px;
    cursor: pointer;
    display: none;
}

.login-switch .quick{ background:url(../images/icon_quick.png) no-repeat;}
.login-switch .static{ background:url(../images/icon_static.png) no-repeat;}

.module-quick .login-switch .static, .module-static .login-switch .quick, .module-quick .login-tip .static, .module-static .login-tip .quick {
    display: block;
}

.login-tip {
    position: absolute;
    top:28px;
    right: 58px;
	width:105px;
	height:24px;
}
.poptip {
	background:url(../images/icon_poptip_bg.png) no-repeat;
    height: 17px;
	font-size:12px;
	color:#ea8502;
    line-height: 17px;
    padding: 3px 13px 4px 7px;
    position: relative;
}

.poptip .poptip-content{ display:none;}

.login-title {
    height: 18px;
    line-height: 18px;
    font-size: 16px;
	font-weight:bold;
    color: #2b5c93;
    padding-bottom: 8px;
	
}
.static-form {
    position: relative;
}
.module-quick .quick-form, .module-static .static-form {
    display: block;
}
.module-quick .static-form, .module-static .quick-form {
    display: none!important;
}

.qrcode-main {
    position: relative;
    margin: 24px auto 0;
	text-align:center;
	width: 296px;
}
.qrcode-desc {
    overflow: hidden;
    width: 296px;
    margin: 24px auto 0;
}
.qrcode-desc p {
    line-height: 18px;
	text-align:center;
    color: #666;
    font-size: 14px;
}


.per_box .dg{
	/*position: relative;*/
	height: 36px;
	border: 1px solid #e0e0e0;
	margin-top: 22px;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	overflow: hidden;
}
.per_box .dg input{
	float: left;
	width: 238px;
	height: 14px;
	padding: 10px;
	line-height: 14px;
	color: #999;
	background: none;
	border: none;
	margin-top: 1px;
}
.per_box .dg span{
	float: left;
	width: 35px;
	height: 36px;
	border-right: 1px solid #d2d2d2;
}
.per_box .dg1 span{
	background: url(../images/dl24_10.png) #f5f5f5 no-repeat center;
}
.per_box .dg2 span{
	background: url(../images/dl24_13.png) #f5f5f5 no-repeat center;
}
.per_box .dg3{
	margin-top: 22px;
	overflow: hidden;
}

.per_box .dg3 .dg3_1{
	float: left;
	width: 170px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	height: 36px;
}
.per_box .dg3 .dg3_1 span{
	float: left;
	width: 35px;
	height: 36px;
	border-right: 1px solid #d2d2d2;
	background: url(../images/dl24_18.png) #f5f5f5 no-repeat center;
}
.per_box .dg3 .dg3_1 input{
	width: 110px;
	float: left;
	height: 14px;
	padding: 10px;
	line-height: 14px;
	color: #999;
	background: none;
	border: none;
	margin-top: 1px;
}
.yzm{
	float: right;
	width:108px;
	height:36px;
	line-height:36px;
	text-align:center;
	cursor:pointer;
	font-size:12px;
	color:#1a60b6;
	background-color:#e1f3ff;
	border:1px solid #448aca;
	border-radius: 2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	margin-left: 0;
}
.sr_tips{
	margin-top: 15px;
}
.sr_tips span{
	display: block;
	padding-left: 19px;
	margin-left: 9px;
	color: #ff3300;
	font-size: 12px;
	background: url(../images/dl24_22.png) no-repeat left center;
	width: 268px;
	word-break:break-all;
}
	
.remeber{
	margin-top: 9px;
	overflow: hidden;
	height: 21px;
	line-height: 21px;
	padding-left: 6px;
}
.remeber span{
	float: left;
	font-size: 12px;
	color: #666;
	margin-right: 18px;
}
.remeber span input{
	margin-right: 8px;
}
.remeber a{
	float: left;
	font-size: 12px;
	color: #2174d0;
	padding-left: 19px;
	border-left: 1px solid #d2d2d2;
}
.load_btn{
	margin-top: 22px;
	overflow: hidden;
}
.load_btn a{
	float: left;
	width: 140px;
	height: 40px;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}
.load_btn a.a1{
	background: #1a60b6;
}
.load_btn a.a1:hover{
	color:#fff;
	background: #144593;
}
.load_btn a.a2{
	float:right;
	color:#333;
	border:1px solid #dfdfdf;
	background: #f7f7f7;
}
.load_btn a.a2:hover{
	color:#fff;
	background: #c1c1c1;
}
.login-other {
    margin-top: 15px;
    overflow: hidden;
    text-align: right;
	font-size:12px;
	color:#6a6a6a;
}
.login-other a{color:#666; padding:0 4px;}
.login-other a:hover{ color:#1a60b6;}

/* 找回密码 */
.acc_box{
	margin-left: 100px;
	border-radius: 8px;
	overflow: hidden;
	width: 800px;
	height: 348px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.3);
	background: #fff;
	border: 1px solid #cdcdcd;
	/*display: none;*/
	position: absolute;
	left: 50%;
	margin-left: -400px;
	display: none;
	margin-top:200px;
	z-index:999;
	
}
.acc_box .p_top{
	background: #f0f0f0;
	height: 46px;
	border-bottom: 1px solid #cdcdcd;
	line-height: 46px;
	overflow: hidden;
}
.acc_box .p_top span{
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin-left: 24px;
}
.acc_box .p_top a{
	float: right;
	margin-right: 17px;
	margin-top: 13px;
}
.acc_box .p_content{
	height: 254px;
	overflow: hidden;
}
.acc_box .p_content .mi_img{
	margin-left: 152px;
	margin-top: 75px;
	float: left;
}
.acc_box .p_content .mi_text{
	float: left;
	width: 370px;
	margin-top: 16px;
	margin-left: 36px;
}
.acc_box .p_content .mi_text p{
	color: #999;
	line-height: 25px;
}
.acc_box .p_content .mi_mode{
	margin-top: 24px;
}
.acc_box .p_content .mi_mode .mi1{
	margin-bottom: 10px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}
.acc_box .p_content .mi_mode span{
	float: left;
	width: 108px;
	text-align: right;
	font-size:12px;
}
.acc_box .p_content .mi_mode em{
	float: left
}
.acc_box .p_content .mi_mode em input{
	padding: 10px 0;
	text-indent: 10px;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	border: 1px solid #dcdcdc;
	width: 240px;
	box-shadow: 1px 1px 2px #ededed inset;
}
.acc_box .p_foot{
	background: #f0f0f0;
	height: 46px;
	border-top: 1px solid #cdcdcd;
}
.acc_box .p_foot a{
	float: left;
	width: 100px;
	height: 36px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 36px;
	background: #d2d2d2;
	margin-right: 9px;
	margin-top: 5px;
}
.acc_box .p_foot a.a1{
	color: #fff;
	background: #317dd2;
	margin-left: 576px;
}

/*我的服务*/
.right-nav-myfw{position: absolute;left:50%; margin-left: 618px; top: 225px; z-index: 99999;}
.right-nav-myfw li{ margin-bottom: 10px;}

/*2017-12-03改*/
.choose-box{ margin-top:10px;font-size:13px;}
.choose-box .select-name{padding: 0 5px;font-weight:bold;width: 112px;height: 30px;border: #e0e0e0 solid 1px;}
.choose-box .top-right{margin: 0px 15px; }
.choose-box .radio{  position: relative;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;}

.radio input[type="radio"]{
  position: absolute;
  margin-left: -1px;
  margin-top: 3px;
}