html {
  scroll-behavior: smooth;
}
body {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #444444;
}

/* Main content */
main {
  min-height: 35vw;
  margin: 0;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a{
  color: #444444;
  text-decoration: none;
}
a:hover{
  color: #3fbbc0;
}

.text-white {
  color: #fff !important;
}
.font-14 {
  font-size: clamp(1px, .9vw, 14px);
  line-height: 1.2vw;
}
.font-16 {
  font-size: clamp(1px, 1vw, 16px);
  line-height: 1.4vw;
}

.font-17 {
  font-size: clamp(1px, 1.1vw, 18px);
  line-height: 1.8vw;
}

.font-18 {
  font-size: clamp(1px, 1.2vw, 20px);
  line-height: 1.8vw;
}

.font-20 {
  font-size: clamp(1px, 1.4vw, 24px);
  line-height: 2.0vw;
}

.font-22 {
  font-size: clamp(1px, 1.6vw, 26px);
  line-height: 2.0vw;
}

.font-26 {
  font-size: clamp(1px, 2vw, 30px);
  line-height: 3vw;
}

.font-30 {
  font-size: clamp(1px, 2.6vw, 36px);
  line-height: 3.4vw;
}

.section-title {
  font-size: clamp(1px, 2vw, 30px);
  font-weight: bold;
  /* text-transform: uppercase; */
  margin-bottom: 1vw;
  margin-top: 2vw;
  padding-bottom: 1.2vw;
  position: relative;
  color: #238ecb;
}

.section-title::after {
  content: '';
  position: absolute;
  display: block;
  width: 80px;
  height: 5px;
  background: #238ecb;
  bottom: 0;
  left: calc(50% - 40px);
}

/* toast 样式 */
  .toast{
    position:fixed;
    top:10vw;
    left:50%;
    transform:translateX(-50%);
    background:#18d26e;
    color:#fff;
    padding:1vw 2vw;
    border-radius:6px;
    opacity:0;
    transition:opacity .3s, transform .3s;
    pointer-events:none;
    z-index:9999;
  }
  .toast.show{
    opacity:1;
    transform:translate(-50%,0);
  }