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;
}
.font-34 {
  font-size: clamp(1px, 3vw, 40px);
  line-height: 3.4vw;
}
.txt-blue{
  color: #1327B2 !important;
}
.txt-yellow{
  color: #FF9D2E !important;
}
.p-title{
  font-weight: bold;
  font-size: 3vw;
  color: #333333;
}



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

.section-title::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #3fbbc0;
  bottom: 0;
  left: calc(50% - 25px);
}

/* 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);
  }