/* -------------------------------- 公共 --------------------------------------- */
body { font-size: 16px; transition: all 0.3s ease 0s; color: #fff; }

.mt-55 { margin-top: 55px; }
/* -------------------------------- btn ------------------------------------ */
.btn { padding: 8px 12px; background-color: #fff; border-radius: 4px; font-size: 16px; cursor: pointer; }
.btn.blue { background-image: linear-gradient(rgb(91, 143, 229), rgb(71, 121, 203) 99%); color: #fff; }
.btn:hover {
  opacity: 0.96;
}
.btn.download-btn { padding: 12px 22px; color: #fff; position: relative; font-weight: 600; box-shadow: rgb(0 0 0 / 30%) 0px 15px 20px -10px; font-size: 20px; background: linear-gradient(rgb(250, 84, 0) -7%, rgb(250, 62, 0) 105%); }

/* -------------------------------- header -------------------------------------------- */
.header { background-color: var(--headerBgColor); }
.nav { padding: .3rem 0; background-color: var(--navBgColor); }
.nav ul { padding-right: 16.2%; }
.nav li { padding: .1rem .24rem; background-color: var(--navLiBgColor); border-radius: 100px; border-color: var(--navLiBorderColor); color: var(--navLiColor); text-align: center; margin-right: .16rem; }

.header h1 { font-style: normal; font-family: poppins, sans-serif;  font-weight: 700; text-align: center; font-size: .72rem; background-color: transparent; padding: .4rem 0; }

.footer { width: 100%; padding: .8rem 0; background-color: var(--footerBgColor); }
.footer .footer-main { width: 100%; max-width: 1280px; margin: 0 auto; }
.footer .footer-main div { text-align: center;}
.footer .footer-main div a { color: var(--footerLinkColor); text-decoration: underline; font-size: .16rem; }
.footer .footer-main div span { color: var(--footerColor); font-size: .14rem; }  


@media screen and (max-width: 1200px) {
  .nav ul { padding-right: .3rem; }
}