*:focus {
  outline: none;
}

img {
  border: none;
}

.hide {
  display: none !important;
}

a:focus {
  outline: none;
}

@font-face {
  font-family: "DIN Condensed Bold";
  src: url("DIN Condensed Bold.ttf") format("opentype");
}

@font-face {
  font-family: "YouSheBiaoTiHei-2";
  src: url("YouSheBiaoTiHei-2.ttf") format("opentype");
}

@font-face {
  font-family: "优设标题黑";
  src: url("优设标题黑.ttf") format("opentype");
}

/*头部*/

/*主体*/
section {
  background-color: #f4f8fc;
}

.yztj_topout {
  width: 100%;
  height: 11.25rem;
  background: url(banner.png) no-repeat top center;
  background-size: cover;
}

.yztj_top_inbox {
  width: 57.5rem;
  height: auto;
  margin: 0 auto;
}

.yztj_top_inbox > div {
  font-size: 2.25rem;
  color: #333b57;
  font-weight: 600;
  padding-top: 2.5625rem;
  margin-bottom: 1.125rem;
  line-height: 3.125rem;
}

.yztj_top_inbox > span {
  display: block;
  font-size: 1.125rem;
  color: #8b95a8;
  line-height: 1.875rem;
  font-weight: 500;
}

.zctj_outbox {
  width: 75rem;
  margin: 0 auto;
  margin-top: 1.875rem;
  padding-bottom: 3.125rem;
  display: flex;
  justify-content: space-between;
}

.zctj_inbox {
  background: #ffffff;
  border-radius: 0.25rem;
  width: 36.875rem;
  height: 37.5rem;
  padding: 1.5rem 2.125rem;
  background-color: #fff;
  position: relative;
}

.zctj_tit {
  width: 100%;
  height: 3.25rem;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  background: url(icon_zctj.png) no-repeat left top;
  background-size: 3.25rem;
  padding-left: 4.125rem;
}

.zctj_tit > span {
  display: block;
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-size: 1.375rem;
  color: #1a202d;
  font-weight: 500;
}

.zctj_inbox > img {
  display: block;
  margin-bottom: 1.125rem;
  width: 100%;
  height: 13.375rem;
}

.zctj_ms {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 1rem;
  color: #636e7f;
  letter-spacing: 0;
  line-height: 1.875rem;
  font-weight: 400;
  height: 11.25rem;
  margin-bottom: 1.875rem;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.yjscbut {
  width: 6.25rem;
  height: 2.5rem;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 2.5rem;
  background: #1e78ff;
  border-radius: 1.25rem;
  font-family: AlibabaPuHuiTi_2_75_SemiBold;
  font-size: 1rem;
  color: #ffffff;
  font-weight: 600;
  outline: none;
  border: none;
}

.rctj_tit {
  background-image: url(icon_rctj.png);
}

.makeing {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.74);
  border-radius: 0.25rem;
  z-index: 999;
  top: 0;
  left: 0;
  font-family: AlibabaPuHuiTi_3_65_Medium;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  padding-top: 20.625rem;
  line-height: 1.75rem;
}

.makeing::after {
  content: "";
  display: block;
  position: absolute;
  width: 3.75rem;
  height: 3.75rem;
  background-image: url(makeing.png);
  background-repeat: no-repeat;
  top: 15rem;
  left: 16.5265rem;
  background-size: 3.75rem;
  transform-origin: 50% 50%;
  animation: loading 4s linear infinite;
}

.makeover {
  display: none;
  position: absolute;
  top: 31.625rem;
  left: 50%;
  transform: translateX(-50%);
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-size: 1rem;
  color: #1e78ff;
  letter-spacing: 0;
  line-height: 1.875rem;
  font-weight: 500;
  z-index: 999999;
}

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}