@font-face {
  font-family: 'SourceHanSerifCN-Medium';
  font-style: normal;
  font-weight: 700;
  src: url('../font/SourceHanSerifCN-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'SourceHanSerifCN-Regular';
  font-style: normal;
  font-weight: 100;
  /*src: url('../font/SourceHanSerifCN-Regular.ttf') format('truetype');*/
  src: url('../font/SourceHanSerifCN-Medium.woff2') format('woff2');
}

/* 把我们所有标签的内外边距清零 */
* {
  margin: 0;
  padding: 0;
  /* css3盒子模型 */
  box-sizing: border-box;
  font-family: 'SourceHanSerifCN-Regular';
}

#app {
  min-width: 1300px;
}

/* em 和 i 斜体的文字不倾斜 */
em,
i {
  font-style: normal
}

/* 去掉li 的小圆点 */
li {
  list-style: none
}

img {
  /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
  border: 0;
  /* 取消图片底侧有空白缝隙的问题 */
  vertical-align: middle
}

button {
  /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
  cursor: pointer
}

a {
  color: #666;
  text-decoration: none
}

button,
input {
  /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  /* 默认有灰色边框我们需要手动去掉 */
  border: 0;
  outline: none;
}

body {
  /* CSS3 抗锯齿形 让文字显示的更加清晰 */
  -webkit-font-smoothing: antialiased;
  background-color: #f5f5f5;
  font: 14px/1.5 '思源宋体', Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, sans-serif;
  color: #666
}

.hide,
.none {
  display: none
}

/* 主体颜色 */
:root {
  --main-color: #003e58;
  --background-color: #ff0000;
  --bgColor: #F4F4F4;
  --text-deep: #494949;
  --text-shallow: #727272;
  --text-color-grey: #999999;
  --deep-background: #f9f9f9;
}

.content {
  width: 13rem;
  margin: 0 auto;
}

iframe {
  display: block;
}

.white {
  color: #fff !important;
}

.tcenter {
  text-align: center;
}

/* goBack制作 */
.goBack {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 100px;
  width: 52px;
  height: 56px;
  border-radius: 3px;
  background-color: var(--main-color);
  cursor: pointer;
}

.goBack span {
  display: block;
  font-size: 36px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

/* title */
.titleName {
  margin-bottom: 0.8rem;
  width: 100%;
  text-align: center;
  color: var(--main-color);
}

.titleName.title_w {
  color: #fff;
}

.titleName h2 {
  font-size: 0.34rem;
  letter-spacing: 0.1rem;
  line-height: 1;
}

.titleName p {
  font-size: 0.2rem;
  line-height: 0.34rem;
  word-spacing: 0.04rem;
}