@charset "utf-8";
/* CSS Document */

.login-header {
	width: 1220px;
	height: 104px;
	margin: 0 auto;
}
.login-header .logo {
	float: left;
	width: 167px;
	height: 100%;
	background: url(../img/login/logo.png) center no-repeat;
}
.login-header .member {
	float: right;
	position: relative;
	margin-top: 50px;
	display: flex;
	flex-direction: row;
	cursor: pointer;
}
.login-header .member .rangli {
	position: absolute;
	left: 22px;
	top: -17px;
	background: url(../img/login/rangli.png) no-repeat;
	width: 69px;
	height: 23px;
	color: #fff;
	font-size: 12px;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	display: inline-block;
	text-align: center;
}
.login-header .member p {
	font-size: 16px;
	color: #16181a;
	margin-left: 8px;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
}
.banner {
	width: 100%;
	height: 626px;
	background: #eef4fa;
}
.banner .content {
	max-width: 1220px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.banner .content .left {
}
.banner .content .right {
	width: 420px;
	height: 467px;
	background: #fff;
	border-radius: 12px;
	margin-top: 50px;
	position: relative;
}
.banner .content .right .jiaobiao {
	background: url(../img/login/jiaobiao.png) no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 67px;
	height: 67px;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
}
.banner .content .right .jiaobiao p {
	margin-top: 12px;
	margin-left: 30px;
}
.banner .content .right .tab_list {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 35px;
}
.banner .content .right .tab_list ul {
	display: flex;
	flex-direction: row;
	font-size: 18px;
	align-items: center;
}
.banner .content .right .tab_list ul li {
	color: #878a8e;
	cursor: pointer;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	
}
.banner .content .right .tab_list ul li:first-child {
	margin-right: 20px;
	border-right: 1px solid #b2b2b2;
	padding-right:20px;
}
.banner .content .right .tab_list ul .reg-li{
	border-right:none !important;
   display: flex;
	flex-direction: row;
	color: #161616 !important;
	align-items:baseline;

}
.banner .content .right .tab_list ul .reg-li p{
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	font-size:14px;
	color:#878a8e;
		margin-left:5px;
}
.banner .content .right .tab_list ul span {
	width: 1px;
	height: 17px;
	background: #b2b2b2;
	margin-top: 5px;
}
.banner .content .right .tab_list ul li.current {
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	color: #161616;
}
.banner .content .right .tab_con {
	width: 340px;
	margin: 0 auto;
}
.banner .content .right .tab_con .form-item {
	margin-bottom: 16px;
}
.banner .content .right .tab_con .form-item:first-child {
	margin-top: 32px;
}
.banner .content .right .tab_con .login-input {
	width: 300px;
	background: #f3f6f8;
	border: none;
	border-radius: 4px;
	height: 44px;
	color: #262c33;
	padding-left: 20px;
	padding-right: 20px;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	font-size: 14px;
}

.banner .content .right .tab_con .fasong{
	position: absolute;
	right:20px;
	top:12px;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	font-size: 14px;
	color:#0047ab;
}
.banner .content .right .tab_con .login-input:hover {
	background: #e5e8ec;
}
.banner .content .right .tab_con .login-input:placeholder {
 color:#828282;
}
.banner .content .right .tab_con .item:last-child {
	display: none;
}
.banner .content .right .tab_con .duoxuan {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	font-size: 14px;
	color:#262c33;
	
}
.banner .content .right .tab_con .duoxuan .d-left{
		display: flex;
	flex-direction: row;
}
.banner .content .right .tab_con .duoxuan .d-right{
	margin-top:-2px;
}
.banner .content .right .tab_con .duoxuan .d-left p{
	margin-top:-2px;
}

.banner .content .right .tab_con .duoxuan input[type="checkbox"] {
	display: none;
}
.banner .content .right .tab_con .duoxuan input[type="checkbox"] {
	position: relative;
	display: inline-block ;
	width: 16px;
	height: 16px;
	border:2px solid #8f8f9d;
	border-radius: 2px;
	margin-right:6px;
	
}

.banner .content .right .tab_con .login-button{

	width:340px;
	margin: 32px auto 0px;
}
.banner .content .right .tab_con .login-button .but{
	width:340px;
	height: 44px;
	border:none;
	background: linear-gradient(to bottom, #6cb0fb, #0047ab);
	text-align: center;
	color:#fff;
	font-size:18px;
	cursor: pointer;
	border-radius: 4px;
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	box-shadow: 2px 2px 12px 5px rgba(0,71,171,0.3);
}
.banner .content .right .tab_con .login-button .but:hover{
		background: linear-gradient(to bottom, #7ab6f9, #2162bd );
}
.banner .content .right .disanfang{
	width:340px;
	margin: 50px auto 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.banner .content .right  .disanfang span{
	height:1px;
	width:76px;
	background: #dbdfe5;
	
}
.banner .content .right  .disanfang .qq{
	display: flex;
flex-direction: row;
	
	align-items: center;
}
.banner .content .right  .disanfang .qq .qq1{
	display: flex;
flex-direction: row;
	margin-right:10px;
	align-items: center;
	border-right:1px solid #dbdfe5;
	padding-right:10px;
}
.banner .content .right  .disanfang .qq  .dl{
	font-size: 14px;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	color:#646b74;
	cursor: pointer;
}
.banner .content .right  .disanfang .qq  .dl:hover{
	color:#0047ab;
	
}
.banner .content .right .disanfang .qq .qq2{
	display: flex;
flex-direction: row;
	
	align-items: center;
}
.login-foot{
	margin-top:60px;
	color:#262c33;
	font-size: 14px;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";

	
}
.login-foot .first{
		display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	justify-content: center;
	margin-bottom:5px;
}
.forget{
	width: 100%;
	height: 626px;
	background: #eef4fa;
}
.login-foot .first div{ display:block; padding:0 5px;}
.login-foot .first div a{color:#262c33;}
.forget .title{
	display: flex;
	align-items: baseline;
	flex-direction: row;
		width: 1220px;
	margin:0 auto;
	height: 60px;
	line-height: 60px;
}
.forget .title h3{
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	font-weight: normal;
	color:#161616;
	font-size:18px;
}
.forget .title p{
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	color:#878a8e;
	font-size:14px;
	margin-left:5px;
}
.forget .diban{
	width:1220px;
	height:504px;
	margin:0 auto;
	background: #fff;
	border-radius: 12px;
}
.forget .diban .step{
  width:480px;
	margin:0 auto;
}
.forget .diban .step ul{
	text-align: center;
  margin-bottom: 25px;
	display: flex;
	padding-top:40px;
}
.forget .diban .step ul li.blue{
	color: #0047ab;
}
.forget .diban .step ul li {
  width: 120px;
  display: inline-block;
  height: 48px;
  color: rgba(100,107,106,0.6);
  line-height: 24px;
font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";

}
.forget .diban .step ul li.blue .line {
  background-position: 0 0;
}
.forget .diban .step ul li .line {
  display: block;
  color: #fff;
  background: url(../img/login/step.png) -120px 0 no-repeat;
   
  width: 120px;
  height: 24px;
}
.forget .diban .step ul li p{
	font-size:14px;
}
.forget .diban .forget-form{
	width:340px;
	margin:54px auto 0px;
}
.forget .diban .forget-form .form-item {
	margin-bottom: 16px;
}

.forget .diban .forget-form .login-input {
	width: 300px;
	background: #f3f6f8;
	border: none;
	border-radius: 4px;
	height: 44px;
	color: #262c33;
	padding-left: 20px;
	padding-right: 20px;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	font-size: 14px;
}

.forget .diban .forget-form .fasong{
	position: absolute;
	right:20px;
	top:12px;
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	font-size: 14px;
	color:#0047ab;
}
.forget .diban .forget-form .login-input:hover {
	background: #e5e8ec;
}
.forget .diban .forget-form .login-input:placeholder {
 color:#828282;
}
.forget .diban  .login-button{

	width:340px;
	margin: 32px auto 0px;
}
.forget .diban  .login-button .but{
	width:340px;
	height: 44px;
	border:none;
	background: linear-gradient(to bottom, #6cb0fb, #0047ab);
	text-align: center;
	color:#fff;
	font-size:18px;
	cursor: pointer;
	border-radius: 4px;
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	box-shadow: 2px 2px 12px 5px rgba(0,71,171,0.3);
}
.forget .diban  .login-button .but:hover{
		background: linear-gradient(to bottom, #7ab6f9, #2162bd );
}
.forget .diban .success{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top:65px;
}
.forget .diban .success h5{
		font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	   font-weight: normal;
	color:#161616;
	font-size:22px;
	margin-top:20px;
}
.forget .diban .success p{
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	font-size: 16px;
	color:#878a8e;
	margin-top:6px;
}
.help-banner{
	width:100%;
	height: 220px;
	background: url(../img/login/help.png) no-repeat center;
	
	margin:0 auto;
}
.help-bg{
	background: #f5f5f5;
	width:100%;
	overflow: hidden;
	
}
.help-bg .help-content {
width:1220px;
	margin: 20px auto;
	display: flex;
	flex-direction: row;
	
}
.help-bg .help-content .menu-left{
	width:230px;
	background: #fff;
	border-radius: 4px;
	padding-bottom:20px;
}
.help-bg .help-content .menu-left .title{
	background: #2162bd;
	height: 50px;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	align-items: center;
	
}
.help-bg .help-content .menu-left .title img{
	margin-left:18px;
}
.help-bg .help-content .menu-left .title h4{
	font-weight: normal;
	color:#fff;
		font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	font-size:18px;
	margin-left:10px;
}

    /* 基础样式 */
       .menu-accordion {
            list-style: none;
            padding: 0;
            margin-left:28px;
		   margin-right:28px;
		   margin-top:24px;
		   margin-bottom:24px;
           font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
		   font-size:14px;
		   color:#161616;
        }
        
        .menu-accordion > li {
          
            position: relative;
            margin-top:14px;
          
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        /* 字体图标箭头样式 */
.menu-accordion > li .iconfont{
	color:rgba(100,107,116,0.6);
	font-size:14px;
	position: absolute;
	right:0px;
	top:2px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}

        /* 激活状态样式 */
        .menu-accordion > li.active {
        color:#0047ab;
           
        }
.menu-accordion > li.active .iconfont{
	 -webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #0047ab;
}
        /* 激活状态箭头旋转 */
   
        /* 二级菜单样式 */
        .submenu {
            display: none;
        }
        
        .submenu li,.submenu li a {
           margin-top:14px;
            white-space: nowrap;
            transition: background 0.2s;
			margin-left:14px;
			color:#646b74;
        }

        /* 选中样式 */
        .submenu li:hover,.submenu li.selected,.submenu li.selected a {
            color: #0047ab;
        }
        .submenu li:hover,.submenu li.selected {
            background: rgba(0,71,171,0.1);
        }

        /* 悬停效果 */
/*        .menu-accordion > li:hover:not(.active) {
            background: #e0e0e0;
        }*/

.help-bg .help-content .content-right{
	width:970px;

	border-radius: 4px;
	margin-left:20px;
}
.help-bg .help-content .content-right .crumbs{
	height: 50px;
	width:100%;
	background: #fff;
	border-radius: 4px;
		display: flex;
	flex-direction: row;
	align-items: center;
	 font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
		   font-size:14px;
}
.help-bg .help-content .content-right .crumbs img{
	margin-left:28px;
}
.help-bg .help-content .content-right .crumbs p{
	margin-left:12px;
	color:#262c33;
}
.help-bg .help-content .content-right .article{
	width:100%;
	background: #fff;
	border-radius: 4px;
	margin-top:20px;
}
.help-bg .help-content .content-right .article .neirong{
	margin-left:50px;
	margin-right:50px;
	padding-top:46px;
	padding-bottom:46px;
}
.help-bg .help-content .content-right .article .neirong .timing{
	 font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	border-bottom:1px solid rgba(112,129,148,0.2);
	color:#646b74;
	font-size:18px;
	padding-bottom:20px;
}
.help-bg .help-content .content-right .article .neirong .zhengwen{
	padding-top:10px;
}
.help-bg .help-content .content-right .article .neirong .zhengwen p{
	font-family: "AlibabaPuHuiTi-R","Microsoft YaHei";
	font-size:14px;
	color:#646b74 !important;
	text-indent: 28px;
	line-height: 24px;
	margin-top:12px;
}
.help-bg .help-content .content-right .article .neirong .zhengwen p b{
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	font-weight: normal;
	font-size:14px;
	color:#262c33;
}
.help-bg .help-content .content-right .article .neirong .zhengwen p .red{
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	font-weight: normal;
	font-size:18px;
	color:#ff6b35;
}
.help-bg .help-content .content-right .article .neirong .zhengwen h3{
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	font-weight:normal;
	color:#262c33;
	font-size:18px;
	text-indent: 28px;
	margin-top:18px;
}
.help-bg .help-content .content-right .article .neirong .zhengwen h5{
	font-family: "AlibabaPuHuiTi-M","Microsoft YaHei";
	font-weight:normal;
	color:#262c33;
	font-size:14px;
	text-indent: 28px;
	margin-top:12px;
}