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

body,
div,
a,
input,
select,
textarea,
img,
ul,
li,
ol,
p,
label,
span,
i,
pre,
table,
tbody,
tr,
td,
th {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}
@font-face {
  font-family: "Source Han Sans CN-Bold";
  src: url("./font/SourceHanSansCN-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Source Han Sans CN-Medium";
  src: url("./font/SourceHanSansCN-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Source Han Sans CN-Regular";
  src: url("./font/SourceHanSansCN-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Source Han Sans CN-Light";
  src: url("./font/SourceHanSansCN-Light.otf") format("opentype");
}

span {
  display: inline-block;
}

.head {
  position: relative;
  width: 100%;
  height: 45px;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
}

.head_span {
  height: 45px;
  line-height: 45px;
}

.tou_span {
  /*height: 42px;*/
  color: #ffffff;
  line-height: 29px;
}
.en_D{
  text-transform: uppercase;
}
.en_S{
  text-transform: capitalize;
}
.Title_tou {
  position: relative;
  width: 100%;
  height: 42px;
  background-color: red;
  padding: 6px;
}
.iconfont{
  display: contents;
}
.jz {
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}
.daxie {
  text-transform: uppercase;
}
.bg_fu {
  background-attachment: fixed;
}
.transXT50 {
  transform: translateX(200px);
  -webkit-transform: translateX(200px);
  opacity: 0;
  visibility: hidden;
  transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: transform 600ms,
    opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}
.transXT502 {
  transform: translateX(-200px);
  -webkit-transform: translateX(-200px);
  opacity: 0;
  visibility: hidden;
  transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: transform 600ms,
    opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}
.transYT20 {
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: transform 600ms,
    opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}
.transYT50,
.tY50 {
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.8s, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: transform 0.8s,
    opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}
.transYT502 {
  transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  opacity: 0;
  visibility: hidden;
  transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: transform 600ms,
    opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}
.action.transYT50,
.action .tY50,
.action.transYT502,
.action.transYT20 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.action.transXT50,
.action.transXT502 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}