@charset "UTF-8";
/* 清除默认样式的代码 */
/* 去除常见标签默认的 margin 和 padding */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
  margin: 0;
  padding: 0;
}

/* 內减模式 */
* {
  box-sizing: border-box;
}

/* 设置网页统一的字体大小、行高、字体系列相关属性 */
body {
  /* font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei",
    "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; */
  /* font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; */
  -webkit-font-smoothing: antialiased;
  color: #333;
  line-height: 1;
  background: #f3f4f5;
}

/* 去除列表默认样式 */
ul,
ol {
  list-style: none;
}

/* 去除默认的倾斜效果 */
em,
i {
  font-style: normal;
}

/* 去除a标签默认下划线，并设置默认文字颜色 */
a {
  text-decoration: none;
  color: #333;
}

/* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
img {
  vertical-align: middle;
}

/* 去除input默认样式 */
input {
  border: none;
  outline: none;
  color: #333;
  background-color: transparent;
}
textarea{
  border: none;
  outline: none;
  color: #333;
  background-color: transparent;
}

/* 左浮动 */
.fl {
  float: left;
}

/* 右浮动 */
.fr {
  float: right;
}

/* 双伪元素清除法 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
/* 版心 */
.wrapper {
  width: 1200px;
  margin: 0 auto;
}
/* flex布局 */
.flex1{
  display: flex;
}
.flex2{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.felx3{
  display: flex;
  flex-wrap: wrap;
}
.flex4{
  display: flex;
  align-items: center;
}
.flex5{
  display: flex;
  justify-content: space-between;
}
.flex6{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex7{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex8{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex9{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex10{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex11{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex12{
  display: flex;
  align-items: end;
  justify-content: space-between;
}
/* 边距 */
.t30{
  font-weight: bold;
  font-size: 30px;
  color: #333333;
}
.t12{
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-left: 15px;

}
.t18{
  font-size: 18px;
  color: #333333;
}
.t24{
  font-weight: bold;
  font-size: 24px;
  color: #333333;
}
.mt0{
  margin-top: 0 !important;
}
.mb10{
  margin-bottom: 10px;
}
.mb15{
  margin-bottom: 15px;
}
.mb20{
  margin-bottom: 20px;
}

.mb30{
  margin-bottom: 30px;
}
.mb40{
  margin-bottom: 40px;
}
.mb60{
  margin-bottom: 60px;
}
.mt10{
  margin-top: 10px;
}
.mt15{
  margin-top: 15px;
}
.mt20{
  margin-top: 20px !important;
}
.mt25{
  margin-top: 25px;
}
.mt30{
  margin-top: 30px;
}
.mr20{
  margin-right: 20px;
}
.ml5{
  margin-left: 5px;
}
.ml15{
  margin-left: 15px;
}
/* 公用标题 */
.ti1{
  font-weight: bold;
  font-size: 30px;
  color: #333333;
}
.ti2{
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-left: 15px;

}
.lh48{
  line-height: 48px;
}
.f28{
  font-weight: 700;
  font-size: 28px;
  color: #000000;
}
.f20{
  font-weight: 700;
  font-size: 20px;
  color: #000000;
}
.f18{
  font-size: 18px;
  color: #22160B;
  margin: 26px 0 60px;
}
.t1{
  text-align: center;
}

/* 文本隐藏 */
.oneline{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.twoline{
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.threeline{
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.fourline{
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.fiveline{
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.ji-hdr-search-zx{
  width: 111px;
  height: 37px;
  overflow: hidden;
  display: block;
}
.ji-hdr-search-zx img{
  width: 111px;
  height: 37px;
  overflow: hidden;
}