/* 通用模块 -------------------------------------------------- */
   @media (min-width: 320px){html{font-size: 43.6667px;} }
   @media (min-width: 360px){html{font-size: 48px;} }
   @media (min-width: 375px){html{font-size: 50px;} }
   @media (min-width: 384px){html{font-size: 51.2px;} }
   @media (min-width: 414px){html{font-size: 55.2px;} }
   @media (min-width: 448px){html{font-size: 59.7333px;} }
   @media (min-width: 480px){html{font-size: 48px;} }
   @media (min-width: 512px){html{font-size: 68.2667px;} }
   @media (min-width: 544px){html{font-size: 72.5333px;} }
   @media (min-width: 576px){html{font-size: 76.8px;} }
   @media (min-width: 608px){html{font-size: 81.0667px;} }
   @media (min-width: 640px){html{font-size: 85.3333px;} }
   @media (min-width: 750px){html{font-size: 100px;} }
     /* 布局 */
     .wp{max-width: 1580px; margin: 0 auto;}
     @media only screen and (min-width: 950px) and (max-width: 1920px) {
   	.wp{max-width: 82.29vw; margin: 0 auto;}
     }
     @media only screen  and (max-width: 950px) {
   	.wp{max-width:none; padding: 0 30px;}
     }
     @media only screen  and (max-width: 500px) {
     	.wp{padding: 0 20px;}
     }
     video{outline: none;}
     body{
   	  font-family: "microsoft yahei";
   	  /* background-color: #f5f7fa; */
   	  color: #333;
     }
     a{color: #333; transition: .5s;}
     a:hover{color:#2A7DB9 ;}
     .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%);}