@charset "utf-8";

html,
body {
  width: 100%;
  height: 100%;
}

html {
  overflow-x: hidden;
}

@font-face {
  font-family: "Arial-BoldMT";
  src: url("../fonts/Arial-BoldMT.otf");
}

@font-face {
  font-family: "SourceHanSerifCN-Heavy";
  src: url("../fonts/SourceHanSerifCN-Heavy.otf");
}

@font-face {
  font-family: "SourceHanSerifCN-Bold";
  src: url("../fonts/SourceHanSerifCN-Bold.otf");
}

@font-face {
  font-family: "PingFang";
  src: url("../fonts/PingFang-SC-Regular.TTF");
}

@font-face {
  font-family: 'iconfont';
  /* Project id 3407054 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype');
}

@font-face {
  font-family: 'iconfont-color';
  /* project id 3407657 */
  src: url('../fonts/iconfont-color.woff2') format('woff2'),
    url('../fonts/iconfont-color.woff') format('woff'),
    url('../fonts/iconfont-color.ttf') format('truetype');
}

.iconfont {
  font-family: 'iconfont';
  font-weight: normal;
}

.iconfont-color {
  font-family: 'iconfont-color';
}

.amt--bold {
  font-family: "Arial-BoldMT";
}

.shscn--heavy {
  font-family: "SourceHanSerifCN-Heavy";
}

.shscn--bold {
  font-family: "SourceHanSerifCN-Bold";
}

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

.fl {
  float: right;
}

.clearfix:after {
  height: 0;
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

.clearfix {
  zoom: 1;
}

* html .clearfix {
  zoom: 1;
}

/* 最多显示一行 */
.line-text--one {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 最多显示两行 */
.line-text--two {
  width: 100%;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 最多显示三行 */
.line-text--four {
  width: 100%;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/* layout */
.wp {
  width: 1200px;
  margin: auto;
}