 * {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-weight: normal;
 }
 .w1200 {
    width: 1200px;
    margin: auto;
 }
 .f-l {
    float: left;
 } 
 .padding0{padding-right: 0px !important;}
 button{
   	/* width: 120px; */
    line-height: 30px;	    
    font-size: 11px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #1169ac;	    
    cursor: pointer;	   
    outline:none;
   	font-size: 16px;
   	border-radius: 50px;
   	padding: 9px 28px;
   	line-height: 16px;
   }   
   /* 头部 开始 */
 header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 240;
   	border-bottom: 1px solid rgba(117,117,109,0.2);	
   }	
 header.show {
    background:  #1169ac;
    position: absolute;
 	height: 50px;
   }
 header.show .logo #logo1{
	 margin-left: 20px;
 }
 header.show .nav a {
	display: block;
    color: #FFFFFF;	
 	font-weight: 500;
 	margin-right: 50px;	  
 	font-size: 14px;
 	line-height: 50px;
	
   }
 
 /* .nav a:hover {
    border-bottom: 2px solid #3476FE;
   } */
 .bg_banner{		
	background:url(/assets/xkimg/lm-ban1.jpg) no-repeat;	 
   }
 .periphery{
    display: flex; 
    justify-content: space-between;
    padding: 20px 0px;
    }
 .periphery-l{display: flex;}
 .head_shot{
    width: 130px;
    height: 130px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    }
 .message{
	padding-left: 50px;
    }
 .message .name_certify{
 	display: flex;
 	margin-top: 15px;
 }
 .message .name_certify .name{
 	color: #FFFFFF;
 	font-size: 18px;
 }
 .message .name_certify .certify{
 	margin-left: 50px;
 	background-color: #0DD78D;
 	height: 26px;
 	border-radius: 20px;
 }
 .message .name_certify .certify p{
 	padding:0 10px; 
 	color: #FFFFFF;
 	display: flex; 
 	align-items:center;
 }
 .message .name_certify .certify p span{
 	line-height: 26px; 
 	font-size: 12px; 
 	margin-left: 8px;
 }
 .message .accounts{ padding-top: 50px;}
 .message .accounts p{color: #FFFFFF; font-size: 16px;}
 .periphery-r{
 	color: #FFFFFF; 
 	display: flex; 
 	justify-content: space-between; 
 	margin-top: 15px;  
 	align-items: center;
 	width: 500px;
 }
 .periphery-r .course_status{
 	text-align: center;
 }
 .periphery-r .course_status .count{
 	font-size: 24px;
 }
 .periphery-r .course_status .text{margin-top: 10px; font-size: 18px;}
    /* 头部 结束 */
   
   /* 公告 开始 */
   .containers{
   	margin: 0 50px;
	padding: 20px; 
	margin-bottom: 30px;     
	box-shadow: 0px 2px 12px 1px #f5f6f9;
    border: 0px solid #F2F2F2;
	/* box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 2%); border: 2px solid rgba(239,239,239,0.2); */
   }
   @media (max-width: 768px) {
      .containers{
         margin:0 !important;
      }
      .project_title span{display: none !important;}
   }
 .project_title{
 	display: flex; justify-content: space-between;margin-bottom: 20px;
 }
 .project_title a{font-size: 16px; color: #000000; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .notice_details{display: flex; margin-bottom: 24px;}
 .notice_details p{font-size: 14px; color: #999999; margin-right: 31px;}
/* .notice_content{margin-bottom: 50px;} */
 .notice_content a{font-size: 14px; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; line-height: 25px;}
   /* 公告 结束 */
   
   /* 实名认证 开始 */
   .form_container{width: 78%; margin: 0 auto;}
 .processBar{
    float: left;
    margin-top: 15px;
 	margin-right: 30px;
    }
 .underline{border-bottom: 3px solid #1169ac;}
 .processBar .bar{    
	color: #999999;
	font-size: 18px;
	margin-bottom: 20px;
	}
 .processBar .b-select{   
	color: #000000;
	}
 .processBar .bar .c-step{
	position: absolute;     
	border-radius: 50%;
	background: rgb(204, 204, 204);    
	top: 50%;
	margin-top: -4px;	  
	width: 21px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
	color: #FFFFFF;
	position: relative;
 }
 .processBar .bar .c-select{
	width: 21px;
	height: 21px;
	background:rgb(24, 144, 255);
	color: #FFFFFF;
	}
 .main-hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
 .poetry{
	color: rgb(96, 72, 124); 
	font-family: KaiTi_GB2312, KaiTi, STKaiti; 
	font-size: 16px; 
	background-color: transparent; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration: none;
	} 
  .next_step{
 	margin: 30px 0px;
 	float: right;
 	margin-right:50px;
 	background-color: #1169ac;
 	color: #FFFFFF;
  }
 .previous_step	{
 	float: left;
 	margin: 30px 0px;	  
 	margin-left: 50px;
 	background-color: #FFFFFF;
 	color: #1169ac;
 	}
 .basicinfo {
    margin: 15px 0;
 }		
 .basicinfo .row > .col-xs-4 {
    padding-right: 0;
 }		
 .basicinfo .row > div {
    margin: 5px 0;
 }
 
 .card_img{
	 width: 313px;
	 height: 165px;
	 overflow: hidden;
 }
 .card_img img{
	 width: 100%;
	 height: 100%;
 }
 .explain{font-size: 14px;}
 
   /* 实名认证 结束 */
   
   /* 我的学习 开始 */
   .study{
      border-top: 1px solid #EFEFEF;
      margin-top:20px;
   }
   .study_title{
   	border-bottom: 1px solid #EFEFEF; margin: 10px 0 25px 0; display: flex; justify-content: space-between; align-items: center;
   }
   .study_wrap{display: flex;}
   .courses_img{
   	width: 250px; border-radius: 5px;
   }
   .courses_wrap{
   	display: flex; margin: 0 30px;
   }
   .bg{
   	width: 120px; height: 111px; background:url(/assets/images/study_bg.png) no-repeat; background-size: 100% 100%;
   }
   .center{text-align: center;}
   .counts{font-size: 24px; color: #000000; padding-top: 28px;}
   .total{font-size: 14px; color: #999999;}
   .topic{text-align: center; color: #666666; font-size: 18px; margin-top: 15px;}
   .start_learn{background: #1169ac; border-radius: 50px; margin-top: 10px; margin-bottom: 10px;}
   .start_learn a{display: block; padding: 5px 18px; color: #FFFFFF; font-size: 14px;}
   .exams{background: #FFF1EA; border-radius: 50px; margin-bottom: 10px;}
   .exams:nth-child(4n){margin-bottom: 0px;}
   .exams a{display: block; padding: 5px 18px; color: #FC7530; font-size: 14px;}
   .course_title{padding-top: 20px; font-size: 16px; color: #000000;}   
   /* 我的学习 结束 */
   
   /* 我的考试 开始 */
   .exams-header{border-bottom: 0px !important;}
   .exams-header a{color: #000000;}
   .exams-header .on{border-bottom: 2px solid #000000; padding-bottom: 8px;}   
   .nyclass_card{border-bottom: 1px solid #EFEFEF; margin: 10px 0 25px 0; display: flex;}
   .bt_con{display:none;}   
   .nyclass_card h2{cursor:pointer;}
   .nyclass_card h2.on{ border-bottom: 2px solid #000000;}
   .exams_wrap{display: flex;}
   .name_wrap{width: 126px; text-align: center;}
   .name_wrap img{margin-bottom: 23px;}
   .name_wrap p{color: #000000; font-size: 18px;}
   .wrap{display: flex; margin-left:70px;}
   .exams_bg{width: 122px; height: 110px; background:url(/assets/images/exams_bg.png) no-repeat; background-size: 100% 100%; margin-bottom: 30px;}
   /* 我的考试 结束 */
   
   /* 我的证书 开始 */
   .message_wrap{display: flex; justify-content: space-between; border-bottom: 1px solid #F2F2F2; padding-bottom: 20px;}
   .certificate_number{display: flex; align-items: center;}
   .certificate_number img{margin-right: 10px;}
   .certificate_number p{color: #000000; font-size: 18px;}
   .message_wrap .date{font-size: 16px; color: #999999;}
   .certificate_wrap{display: flex; margin-top: 16px;}
   .certificate_wrap .certificate_name{width: 200px; border-radius: 5px;}
   .title_wrap{margin-left: 35px;padding-right:70px;border-right: 1px solid #F2F2F2;}   
   .school_title{font-size: 14px; color: #999999;}
   .column{display: flex; align-items: center;padding-left: 60px; padding-right:80px;border-right: 1px solid #F2F2F2;}
   .column img{padding-right: 7px;}
   .column p{color: #1169ac; font-size: 14px;}
   .preview{background: #D1E9FF; border-radius: 50px; height: 40px; margin-top: 33px; margin-left: 50px;}
   .preview a{display: block; padding: 0px 32px; color: #1169ac; font-size: 14px; line-height: 40px;}
   .preview a:hover{color:#1169ac;}
   /* 我的证书 结束 */
   
   /* 修改密码 开始 */
 .centre{
	/* display: flex;
	justify-content:center ; */
	text-align: center;
 }
   /* 修改密码 结束 */
	  
   /* 退出弹窗 开始 */
   .popup_size{width: 420px; margin: 0 auto;} 
   .popup_size .modal-content{margin-top: 50%;}
   .popup_size .modal-content .quit_wrap{padding-top: 52px; padding-bottom: 36px;}
   .popup_size .modal-content .quit_wrap .whether-quit{ padding-bottom: 48px;}
   .popup_size .modal-content .quit_wrap .whether-quit p{text-align: center; color: #000000; font-size: 24px;}
   .popup_size .modal-content .quit_wrap .choice{height: 40px; display: flex; align-items: center; justify-content: space-around; padding: 0 20px;}
   .popup_size .modal-content .quit_wrap .choice .quit{height: 40px; line-height: 40px; padding: 0 40px; color: #999999; font-size: 18px; border: 1px solid #999999; border-radius: 50px; cursor: pointer; margin-right: 20px;}
   .popup_size .modal-content .quit_wrap .choice .determine{height: 40px; line-height: 40px; padding: 0 40px; color: #fff; font-size: 18px; background-color: #1169ac; border-radius: 50px; cursor: pointer; border: 1px solid #1169ac;}
   /* 退出弹窗 结束 */
   
   
   /* 底部 开始 */
 .bottom{
   	width: 100%;
   	color: #aaa;
   	background: #393939;
   	padding: 13px 0 13px 0;   	
   }
 .bottom p{
   	line-height: 50px;
   	text-align: center;
   	margin: 0;
   	color: #EDEDED;
   	font-size: 14px;
   }
 .bottom p span{
   	margin-right: 15px;
   }
 .bottom p span:nth-child(3){
 	margin-right: 0px;
 }
 .bottom p a{
 	margin-right: 15px;
 }
 .bottom p a{
 	color: #EDEDED;
 }
   /* 底部 结束 */

.sidenav .list-group li{    
   height: 60px;
   line-height: 40px;
   font-size: 16px;
}
   
   
   