@font-face {
  font-family: "iconfont"; /* Project id 4938614 */
  src: url('../fonts/iconfont.woff2?t=1748920893159') format('woff2'),
       url('../fonts/iconfont.woff?t=1748920893159') format('woff'),
       url('../fonts/iconfont.ttf?t=1748920893159') format('truetype');
  font-display: swap;
}
@font-face{
  font-family:icomoon;
  src:url(../fonts/icomoon.woff2?v=4.6.1) format('woff2'),
  url(../fonts/icomoon.woff?v=4.6.1) format('woff'),
  url(../fonts/icomoon.ttf?v=4.6.1) format('truetype'),
  url(../fonts/icomoon.svg?v=4.6.1#icomoon) format('svg');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "OpenSans-Medium";
  src: url('../fonts/OpenSans-Medium.ttf?t=1748920893159') format('truetype');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

.iconfont:hover {
  cursor: pointer;
}

@keyframes waveIn {
  0%{
    opacity: 0;
    transform: translateY(-100%);
  }

  60% {
    opacity: 1;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes waveOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes restoreIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
:root {
  --sticky-no-space: 68px;
  --background-white: #fff;
  --text-blue: #036CFD;
}
* {
  box-sizing: border-box;
}
html,body {
  height: 100%;
	font-family:"OpenSans-Medium", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.8rem;
}
ul {
  padding: 0;
  margin: 0;
}
h1 {
  line-height: 1.3em;
}


.fz14 {
  font-size: 14px;
}
.fz16 {
  font-size: 16px;
}
.fz18 {
  font-size: 18px;
}
.fz20 {
  font-size: 20px;
}
.fz22 {
  font-size: 22px;
}
.fz26 {
  font-size: 26px;
}
.fz30 {
  font-size: 30px;
}
.fz34 {
  font-size: 34px;
}
.fz38 {
  font-size: 38px;
}
.fz40 {
  font-size: 40px;
}
.fz58 {
  font-size: 58px;
}
.lh24 {
  line-height: 24px;
}
.lh28 {
  line-height: 28px;
}
.lh48 {
  line-height: 48px;
}

.cfff {
  color: #fff;
}
.c444454 {
  color: #444454;
}
.cff6f80 {
  color: #ff6f80;
}
.cafafaf {
  color: #afafaf;
}
.c7193bd {
  color: #7193bd;
}
.bgfff {
  background-color: #fff;
}
.bgf2f3f9 {
  background-color: #f2f3f9;
}
.bg262626 {
  background-color: #262626;
}
.bgff6f80 {
  background-color: #ff6f80;
}
.bg7193bd {
  background-color: #7193bd;
}

.text-center {
  text-align: center;
}

.w100 {
  width: 100%;
}
.w80 {
  width: 80%;
}
.w1300 {
  width: 1300px;
}
.min-w-230 {
    min-width: 230px;
}
.w90 {
  width: 90%;
}
.h100 {
  height: 100%;
}

.pt20 {
  padding-top: 20px;
}
.pt40 {
  padding-top: 40px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb40 {
  padding-bottom: 40px;
}
.pt60 {
  padding-top: 60px;
}
.pb60 {
  padding-bottom: 60px;
}
.pl20 {
  padding-left: 20px;
}
.pl50 {
  padding-left: 50px;
}
.pr10 {
  padding-right: 10px;
}
.mt40 {
  margin-top: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}


.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  justify-content: center;
  align-items: center;
}

.justify-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.align-center {
    -ms-flex-align: center;
    align-items: center;
}
.gap-12 {
  gap: 12px;
}
.flex-1 {
  flex: 1;
}

.block {
    display: block;
}


.border-1 {
  border: 1px solid #e7e4e4;
}
.border-box {
  box-sizing: border-box;
}
.pos-ab {
  position: absolute;
}
.pos-re {
  position: relative;
}

.btn {
  display: block;
  width: max-content;
  height: 52px;
  padding: 0 15px;
  text-align: center;
  font-size: 16px;
  line-height: 52px;
  color: #fff;
  background-color: #ff6f80;
  border: none;
  border-radius: 26px;
  cursor: pointer;
  white-space: nowrap;
}
.btn span {
  display: inline-block;
  color: #fff;
  opacity: 1;
  transform: none;
}
.btn.in {
  background-color: #7193bd;
}
.btn.in span {
  opacity: 0;
  transform: translateY(-100%);
  animation: waveIn .5s forwards;
  animation-delay: calc(var(--i) * 0.06s);
}
.btn.out span {
  animation: waveOut 0.4s forwards;
  animation-delay: calc((var(--len) - var(--i)) * 0.05s);
}
.btn.restore span {
  opacity: 0;
  transform: translateY(20px);
  animation: restoreIn 0.4s ease-out forwards;
  animation-delay: calc(var(--i) * 0.04s);
}


.btn-more {
  margin: auto;
}
.btn-submit {
  width: 286px;
}



.inner-banner-info .bread-crumb li,
.inner-banner-info .bread-crumb li a {
  font-size: 18px;
  color: #fff;
}
.inner-banner-info .bread-crumb li a:hover {
  color: #ff6f80;
}
.inner-banner-info .bread-crumb li a {
  padding-right: 20px;
}

@media screen and (max-width: 768px) {
  .btn {
    height: 40px;
    line-height: 40px;
  }
}