/* 通知公告样式 */
.hnNewsList .register {
	/* margin-top: 20px; */
	display: flex;
}

.hnNewsList .register .left {
	flex-shrink: 0;
	width: 260px;
	padding-bottom: 56px;
	margin-right: 40px;
}

.left .hnLeft-banner {
	width: 260px;
	height: 415px;
}

.hnNewsList .register .right {
	flex-grow: 1;
	position: relative;
	min-height: calc(max(100vh - 64px - 216px, 640px) - 80px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hnNewsList .register .right .items {
	flex-grow: 1;
	border-radius: 6px;
	background-color: #fff;
	padding: 40px;

}

.hnNewsList .register .right .items .item {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.hnNewsList .register .right .items .date {
	flex-shrink: 0;
	color: #9ba5af;
	font-weight: 700;
	text-align: center;
	margin-right: 16px;
}

.hnNewsList .register .right .items .date .day {
	font-size: 24px;

}

.hnNewsList .register .right .items .date .yearMonth {
	font-size: 12px;

}

.hnNewsList .register .right .items .itemMain {
	flex-grow: 1;
	position: relative;
	padding-left: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hnNewsList .register .right .items .itemMain::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-left: 1px solid #d9d9d9;
	display: block;
	content: "";
}

.hnNewsList .register .right .items .itemMain .title {
	font-size: 16px;
	font-weight: 700;
	white-space: normal;
}

.hnNewsList .register .right .items .itemMain .title a {
	color: #45474d;
}

.hnNewsList .register .right .items .itemMain .summary {
	margin-top: 12px;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hnHelpItems {
	flex-grow: 1;
}

.hnHelpItems .hnHelpItem {
	border: 1px solid hsla(0, 0%, 85.1%, .5);
	border-radius: 12px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.01);
	background-color: #fff;
	padding: 24px;
	color: #45474d;
	font-weight: bold;
	display: block;
	margin-bottom: 24px;
}
.hnBackground02{
	width: 1200px;
	    flex-grow: 1;
	    border-radius: 12px;
	    background-color: #fff;
	    padding: 24px;
	    margin-bottom: 24px;
}



.creditList {
  margin: 0 auto;
  width: 1102px;
  // padding-top: 32px;
  padding-bottom: 48px;

 
}
.creditList .bannerPanel {
    margin-bottom: 30px;

  
  }
.creditList  .bannerPanelImg {
      border-radius: 12px;
    }
.creditList  .searchForm {
    // margin-bottom: 10px;
    height: 58px;

 
  }
 .creditList  .hnxsyzFormSearch {
      display: flex;
      justify-content: space-between;

    
    }
	.creditList  .creditFormL {
	    display: flex;
	  }
.creditList  .creditTipPanel {
    margin-bottom: 20px;

 
  }

 .creditList  .creditTip {
      border-radius: 6px;
      background-color: rgba(252, 141, 69, .06);
      padding: 16px 16px;
      display: flex;
      align-items: flex-start;
      color: #fc8d45;
    }
 .creditList .creditTablePanel {
    position: relative;
    min-height: 400px;

    
  }
    .hnxsyzFormItem{
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		color: #222;
		font-size: 14px;
		font-variant: tabular-nums;
		line-height: 1.5715;
		list-style: none;
margin-right: 16px;
		margin-bottom: 28px;
		vertical-align: top;
		    display: flex;
		    flex-flow: row wrap;
		    min-width: 0;
		
	}
  
  .hnxsyzFormItem .hnxsyzFormItem-label {
      display: inline-block;
      flex-grow: 0;
      overflow: hidden;
      white-space: nowrap;
      text-align: right;
      vertical-align: middle;
	  margin-right: 10px;
  }
 .hnxsyzFormItem .hnxsyzFormItem-label > label {
      position: relative;
      display: inline-flex;
      align-items: center;
      max-width: 100%;
      height: 32px;
      color: rgba(0, 0, 0, 0.85);
      font-size: 14px;
  }
  
 .hnxsyzFormItem .hnxsyzFormItem-label > label.hnxsyzFormItem-labelReq::before {
      display: inline-block;
      margin-right: 4px;
      color: #ff4d4f;
      font-size: 14px;
      font-family: SimSun, sans-serif;
      line-height: 1;
      content: '*';
  }
  
  
  .hnxsyzFormItem .hnxsyzFormItem-control {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
  }
  .hnxsyzInput-text {
      display: inline-block;
      width: 100%;
      height: 30px;
      line-height: 30px;
      padding: 0 9px;
      outline: none;
      resize: none;
      font-size: 14px;
      box-shadow: none;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 4px;
      border: 1px solid #D9D9D9FF;
      font-size: 13px;
  }
  
  
  .hnCreditTable {
  	border-spacing: 0;
  	width: 100%;
  	border: 1px solid #e6e6e6;
  	border-collapse: collapse;
  }
  
  .hnCreditTable th,
  .hnCreditTable td {
  	border: 1px solid #cccccc;
  }
  
  .hnCreditTable th {
  	background-color: #fafafa;
  	color: rgba(0, 0, 0, 0.85);
  	padding: 15px 0;
  	text-align: center;
  	font-size: 14px;
  }
  
  .hnCreditTable tr td:first-child {
  	width: 10%;
  }
  
  	font-weight: bold;
  	color: #4ca0e6;
  }
  
  tbody> tr>td:nth-child(1) {
  	width: 55%;
  }
  
  .hnCreditTable td {
  	color: #fff;
  	padding: 15px 0;
  	text-align: center;
  	font-size: 14px;
  	color: #333333;
  }
  
  .hnCreditTable td a {
  	color: #3f91f7;
  }
  
  
  .hnCreditTable td a:hover {
  	color: #f0672b;
  }
  
  .creditTableEmpty{
	      position: absolute;
	      top: 50%;
	      left: 50%;
	      transform: translate(-50%, -50%);
		  display: flex;
		      flex-direction: column;
		      align-items: center;
		  
  }
  
   .creditTableEmpty .creditTableEmpty-img{
	       width: 200px;
	       height: 200px;
		       vertical-align: middle;
		       border-style: none;
		   
   }
   
     .creditTableEmpty  .creditTableEmpty-desc{
		 margin-top: 16px;
		     font-size: 14px;
		     color: #999;
		 
	 }
	 
	 .creditTableEmpty .creditTableEmpty-childrenr {
	     margin-top: 32px;
	 }
/* 学时验证开始*******************结束 */