/* clear */

body,

html {

   margin: 0;

   padding: 0;

   font-family: 'PingFang SC', 'Microsoft Yahei', '微软雅黑', 'HanHei SC', 'Helvetica Neue', 'Helvetica', 'Lantinghei SC', 'Hiragino Sans GB', 'STXihei', '华文细黑', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'SimSun', '宋体', 'sans'

}

ul,
li {

   list-style: none;

   margin: 0;

   padding: 0
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {

   margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {

   font-weight: bold;

}

a {

   text-decoration: none
}



/* .container,

.container-fluid {

  padding-left: 0;

  padding-right: 0

} */



.overflow {

   overflow: hidden;

}



.fixed {

   position: fixed;

}



.absolute {

   position: absolute;

}



.relative {

   position: relative;
   margin-bottom: 35px;

}



.inbox {

   box-sizing: border-box;

}



.hide {

   display: none
}



.elli2 {

   overflow: hidden;
   text-overflow: ellipsis;

   -webkit-line-clamp: 2;

   -webkit-box-orient: vertical;

   display: -webkit-box;
}

.elli3 {

   overflow: hidden;

   text-overflow: ellipsis;

   -webkit-line-clamp: 3;

   -webkit-box-orient: vertical;

   display: -webkit-box;

}

.elli4 {

   overflow: hidden;

   text-overflow: ellipsis;

   -webkit-line-clamp: 4;

   -webkit-box-orient: vertical;

   /*display: -webkit-box;*/
   display: block;

}

.elli5 {

   overflow: hidden;

   text-overflow: ellipsis;

   -webkit-line-clamp: 5;

   -webkit-box-orient: vertical;

   display: -webkit-box;

}

.elli {

   overflow: hidden;

   text-overflow: ellipsis;

   white-space: nowrap;

}



.img-middle {

   vertical-align: middle
}



a:hover,

a:focus {

   cursor: pointer;

   text-decoration: none
}

input,

button {

   outline: 0;

}

input::-webkit-input-placeholder {

   color: #c2c2c2;

   font-size: 16px;

   line-height: 20px
}

.clear {

   clear: both;

}



.f-center {

   text-align: center
}

/* 上下居中，须父级长宽 */

.center-vertical {

   position: relative;

   top: 50%;

   transform: translateY(-50%);

   overflow: hidden;

}



/* 左右居中，须父级长宽 */

.center-horizontal {

   position: relative;

   left: 50%;

   transform: translateX(-50%);

   overflow: hidden;

}



/* 上下左右居中，须父级长宽 */

.center-center {

   position: absolute;

   left: 50%;

   top: 50%;

   transform: translate(-50%, -50%);

   overflow: hidden;

}



.inline-block {

   display: inline-block
}



/* alpha style 透明�? */



.alpha-10 {

   filter: alpha(opacity=10);

   -moz-opacity: 0.1;

   -khtml-opacity: 0.1;

   opacity: 0.1;

}



.alpha-20 {

   filter: alpha(opacity=20);

   -moz-opacity: 0.2;

   -khtml-opacity: 0.2;

   opacity: 0.2;

}



.alpha-30 {

   filter: alpha(opacity=30);

   -moz-opacity: 0.3;

   -khtml-opacity: 0.3;

   opacity: 0.3;

}



.alpha-40 {

   filter: alpha(opacity=40);

   -moz-opacity: 0.4;

   -khtml-opacity: 0.4;

   opacity: 0.4;

}



.alpha-50 {

   filter: alpha(opacity=50);

   -moz-opacity: 0.5;

   -khtml-opacity: 0.5;

   opacity: 0.5;

}



.alpha-60 {

   filter: alpha(opacity=60);

   -moz-opacity: 0.6;

   -khtml-opacity: 0.6;

   opacity: 0.6;

}



.alpha-70 {

   filter: alpha(opacity=70);

   -moz-opacity: 0.7;

   -khtml-opacity: 0.7;

   opacity: 0.7;

}



.alpha-80 {

   filter: alpha(opacity=80);

   -moz-opacity: 0.8;

   -khtml-opacity: 0.8;

   opacity: 0.8;

}



.alpha-90 {

   filter: alpha(opacity=90);

   -moz-opacity: 0.9;

   -khtml-opacity: 0.9;

   opacity: 0.9;

}



/* float style */



.fl {

   float: left;

}



.fr {

   float: right;

}



.fc {

   margin: 0 auto;

}



/* 样式 */

.h-auto-100 {

   height: 100%
}



/* 宽度样式 */

.w-auto-100 {

   width: 100%;

}

.w-auto-50 {

   width: 50%;

}



/* 背景色样�? */

.bg-white {

   background-color: #fff
}

.bg-black {

   background-color: #000
}

.bg-ebebeb {

   background-color: #f5f5f5
}



.bg-center {

   background-position: center;

   background-size: cover;

   background-repeat: no-repeat
}



.bi::before,

.bi::after,

.pick::before,

.pick::after {

   background-color: rgba(255, 255, 255, 0.9);

   content: "";

   display: block;

   position: absolute;

   z-index: 10;

   transition: all 0.3s ease 0s;

   -webkit-transition: all 0.3s ease 0s;

   -moz-transition: all 0.3s ease 0s;

   -o-transition: all 0.3s ease 0s;

   -ms-transition: all 0.3s ease 0s;

}



/*

  分页

*/

.page {

   padding: 30px 0;

   text-align: center
}

.page a {

   display: inline-block;

   width: 32px;

   height: 32px;

   line-height: 30px;

   text-align: center;
   border-radius: 3px;
   margin: 0 3px;

   border: 1px solid #ddd;

   vertical-align: top;

   color: #959595
}

.page a:hover,
.page .page-num-current {
   background: #003399;
   color: #fff;
   border: 1px solid #003399;
}

.page a.prev,

.page a.next,

.page a.ac {

   border-color: #ba0715;

   color: #ba0715
}

.page a.prev,

.page a.next {

   color: #d9d9d9;

   margin: 0 14px;

   font-size: 34px;

   border-color: #d9d9d9
}

.page a.dot {

   line-height: 20px;

   cursor: default;

}


.ad_list {
   color: #fff;
   height: 520px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column
}

.ad_list h1 {
   font-size: 45px;
}

.ad_list p {
   font-size: 18px;
   margin-top: 15px;
}

/*

  部分思源字体样式

*/

@font-face {
   font-family: 'SourceHanSans-normal';
   /* 常规 */

   src: url('../images/webfont.eot');
   /* IE9*/

   src: url('../images/webfont.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */

      url('../images/webfont.woff') format('woff'),
      /* chrome、firefox */

      url('../images/webfont.ttf') format('truetype'),
      /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

      url('../images/webfont.svg') format('svg');
   /* iOS 4.1- */

}

@font-face {
   font-family: 'SourceHanSans-bold';
   /* �? */

   src: url('../images/webfont_815d2c20e6224b79a31af1074341c908.eot');
   /* IE9*/

   src: url('../images/webfont_815d2c20e6224b79a31af1074341c908.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */

      url('../images/webfont_81348e17359c4975aa7d127534198808.woff') format('woff'),
      /* chrome、firefox */

      url('../images/webfont_992ac7a73965419aae0148a1ab93caa2.ttf') format('truetype'),
      /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

      url('../images/webfont_772ed2cd05a74fc5a7ef035924d1103b.svg') format('svg');
   /* iOS 4.1- */

}

@font-face {
   font-family: 'SourceHanSans-light';
   /* �? */

   src: url('../images/webfont_518054f86a6f4067bde5721585421a4a.eot');
   /* IE9*/

   src: url('../images/webfont_518054f86a6f4067bde5721585421a4a.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */

      url('../images/webfont_9495a4edb2a04f48960c998599c4d393.woff') format('woff'),
      /* chrome、firefox */

      url('../images/webfont_6b17317203cb479ea9d3cc09e5cab8cd.ttf') format('truetype'),
      /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

      url('../images/webfont_9a81970d93394badb2166e60da2505ad.svg') format('svg');
   /* iOS 4.1- */

}

.SourceHanSans-light {

   font-family: 'SourceHanSans-light' !important
}

.SourceHanSans-normal {

   font-family: 'SourceHanSans-normal' !important
}

.SourceHanSans-bold {

   font-family: 'SourceHanSans-bold' !important
}

@media screen and (max-width:767px) {
   .relative {
      margin-bottom: 20px;
   }
}