/* 通用模块 -------------------------------------------------- */
@font-face {
  font-family: "zgrdyl";
  font-display: swap;
  src: url('../fonts/webfont.eot'); /* IE9 */
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/webfont.woff2') format('woff2'),
  url('../fonts/webfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}


  /* 布局 */
  body{
	  font-family: "zgrdyl"!important;
	  /* background-color: #f5f7fa; */
	  color: #333;
  }
  a{color: #333; transition: .5s;}
  a:hover{color:#f6b156 ;}
  .a a{display: block;}
  
  /* 裁剪 */
  .ofh{overflow: hidden;}
  /* 左浮动 */
  .fl,.col-l{float: left;}
  /* 右浮动 */
  .fr,.col-r{float: right;}
  /* 相对定位 */
  .por{position: relative;}
  /* 高100% */
  .h100full{height: 100%;}
  /* 宽100% */
  .w100full{width: 100%;}
  .allfull{width: 100%;height: 100%;}
  /* 默认图片 */
  img{width: 100%;vertical-align: middle; transition: .5s;}
  
  /* 清除浮动 */
  .htover::after{
  	content: '';
  	display: table;
  	clear: both;
  }
  
  /* 文本行数限制 1行 */
  .txtof1{
  	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
   }
   /* 文本行数限制 2行 */
   .txtof2{
  	overflow:hidden;
  	display:-webkit-box; 
  	-webkit-box-orient:vertical; 
  	-webkit-line-clamp:2; 
  	text-overflow:ellipsis
   }
   /* 文本行数限制 3行 */
   .txtof2-3{
  	-webkit-line-clamp:3; 
   }
   /* 文本行数限制 4行 */
   .txtof2-4{
	   overflow:hidden;
	   display:-webkit-box; 
	   -webkit-box-orient:vertical; 
  	-webkit-line-clamp:4;
	text-overflow:ellipsis
   }
   /* 文本行数限制 5行 */
   .txtof2-5{
  	-webkit-line-clamp:5; 
   }
   
   /* 水平居中 */
   .mid-w{position: relative;left: 50%;transform: translateX(-50%);}
   /* 垂直居中 */
   .mid-h{position: relative;top: 50%;transform: translateY(-50%);}
   /* 水平+垂直居中 */
   .mid-all{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}