@font-face {
  font-family: 'LuxeUnoRegular';
  src: url('/assets/static/fonts/LuxeUno-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'LuxeUnoHeavy';
  src: url('/assets/static/fonts/LuxeUno-Heavy.otf') format('opentype');
}
@font-face {
  font-family: 'LuxeUnoBold';
  src: url('/assets/static/fonts/LuxeUno-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'LuxeUnoLight';
  src: url('/assets/static/fonts/LuxeUno-Light.otf') format('opentype');
}
@font-face {
  font-family: 'LuxeUnoSemiBold';
  src: url('/assets/static/fonts/LuxeUno-SemiBold.otf') format('truetype');
}
@font-face {
  font-family: 'MeieRegular';
  src: url('/assets/static/fonts/MeieScript-Regular.ttf') format('truetype');
}
@media screen and (max-width: 768px) {
  .pc-nav {
    display: none !important;
  }
  .page-header {
    display: none;
  }
  .mobile-nav {
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    height: 1.11627907rem;
    align-items: flex-end;
    position: relative;
  }
  .mobile-nav .m-logo a img {
    width: 0.58139535rem;
    height: 0.88372093rem;
    margin-left: 0.37209302rem;
    margin-bottom: 0.25581395rem;
  }
  .mobile-nav .bar {
    margin-right: 0.3372093rem;
    margin-bottom: 0.32093023rem;
  }
  .mobile-nav .bar i {
    font-size: 0.46511628rem;
    color: #000;
  }
  .mobile-nav .sdheader {
    display: none;
    position: absolute;
    top: 1.11627907rem;
    z-index: 2;
  }
  .m-menu {
    width: 100%;
    height: 9.48837209rem;
    position: fixed;
    z-index: 99;
    top: 1.11627907rem;
    display: none;
  }
  .m-menu .nav-box {
    width: 100%;
    height: auto;
    background: #fff;
    display: flex;
    flex-direction: column;
  }
  .m-menu .nav-box .nav-item {
    display: flex;
    width: 100%;
    height: 1rem;
    color: #000;
    line-height: 1rem;
    justify-content: space-between;
    align-items: center;
  }
  .m-menu .nav-box .nav-item span {
    display: block;
    margin-left: 0.41860465rem;
    font: 300 0.27906977rem 'LuxeUnoLight';
  }
  .m-menu .nav-box .nav-item:nth-child(1) img {
    width: 2.1627907rem;
    height: 0.60465116rem;
    margin-right: 0.41860465rem;
  }
  .m-menu .nav-box .nav-item:nth-child(2) img {
    width: 1.76744186rem;
    height: 0.60465116rem;
    margin-right: 0.41860465rem;
  }
  .m-menu .nav-box .nav-item:nth-child(5) img {
    width: 1.76744186rem;
    height: 0.60465116rem;
    margin-right: 0.41860465rem;
  }
  .m-menu .nav-box .nav-item:nth-child(6) img {
    width: 1.76744186rem;
    height: 0.60465116rem;
    margin-right: 0.41860465rem;
  }
  .m-menu .nav-box .sub-nav span {
    margin-left: 1rem;
  }
  .m-menu.show {
    display: block;
  }
  .nav-item.active {
    background-color: #FE0761 !important;
    color: #fff !important;
  }
  /***顶条***/
  .top_bar {
    width: 100%;
    height: 1.30232558rem;
  }
  .top_bar .top_bar_main {
    width: 90%;
  }
  .top_bar .top_bar_main img {
    width: 0.93023256rem;
    height: 0.93023256rem;
  }
  .top_bar .top_bar_main p {
    width: 6.60465116rem;
    font: 400 0.30232558rem "LuxeUnoRegular";
    margin-left: 0.39534884rem;
  }
  #popup {
    top: 80%;
  }
  #popup img {
    width: 2.6744186rem;
    height: 1.20930233rem;
  }
  #popup #popup-close {
    width: 0.46511628rem;
    height: 0.46511628rem;
    font-size: 0.23255814rem;
  }
  #popup2 {
    top: 60%;
  }
  #popup2 img {
    width: 2.6744186rem;
  }
  #popup2 #popup-close {
    width: 0.46511628rem;
    height: 0.46511628rem;
    font-size: 0.23255814rem;
  }
  #popup-form {
    width: 5.02325581rem;
    height: 5.65116279rem;
    border-radius: 0.23255814rem;
  }
  #popup-form #close {
    width: 0.46511628rem;
    height: 0.46511628rem;
    font-size: 0.23255814rem;
  }
  #popup-form img {
    position: absolute;
    top: -60px;
    width: 4.18604651rem;
    height: 2.65116279rem;
    left: 50%;
    transform: translateX(-50%);
  }
  #popup-form #form1 {
    margin: 0 auto;
    width: 5.02325581rem;
    margin-top: 1.79069767rem;
    gap: 0.09302326rem;
  }
  #popup-form #form1 input {
    font-size: 0.46511628rem;
    width: 4.3255814rem;
    height: 0.62790698rem;
    border-radius: 0.23255814rem;
    font-size: 0.23255814rem;
  }
  #popup-form #form1 input:nth-child(4) {
    width: 1.3255814rem;
    height: 0.53488372rem;
    margin-top: 0.23255814rem;
    font-size: 0.27906977rem;
    font-weight: 600;
    border-radius: 0.09302326rem;
  }
  #popup-form #form1 p {
    font-size: 0.23255814rem;
    text-align: center;
  }
  /***footer***/
  footer {
    width: 100%;
    padding-top: 0.65116279rem;
    height: 18.02325581rem;
    flex-grow: 0;
    flex-shrink: 0;
    padding-bottom: 0;
    background-position-y: 86%;
    position: relative;
  }
  footer .footer-snow {
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translateX(-50%);
    z-index: 2;
  }
  footer .main {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  footer .main .ft_top {
    flex-direction: column;
  }
  footer .main .ft_top .ft_top--nav {
    width: 10rem;
    margin: 1.1627907rem auto 0 auto;
    height: auto;
  }
  footer .main .ft_top .ft_top--nav h1 {
    text-align: center;
    font: 600 0.3255814rem 'LuxeUnoSemiBold';
    color: #000;
  }
  footer .main .ft_top .ft_top--nav ul {
    height: auto;
    text-align: center;
    margin-top: 0.30232558rem;
  }
  footer .main .ft_top .ft_top--nav ul:nth-child(3) {
    margin-left: 0.23255814rem;
  }
  footer .main .ft_top .ft_top--nav ul li {
    margin-top: 0.18604651rem;
  }
  footer .main .ft_top .ft_top--nav ul li a {
    font: 300 0.27906977rem 'LuxeUnoLight';
    color: #000;
  }
  footer .main .ft_top .ft_top--img {
    margin-left: 0;
    display: none;
  }
  footer .main .ft_top .ft_top--subscribebox {
    margin: 0 auto;
    order: -1;
  }
  footer .main .ft_top .ft_top--subscribebox .ft_top--subscribe {
    width: 7.39534884rem;
    height: 1.1627907rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  footer .main .ft_top .ft_top--subscribebox .ft_top--subscribe input:nth-child(1) {
    width: 7.39534884rem;
    height: 1.1627907rem;
    font: 600 0.37209302rem 'LuxeUnoSemiBold';
  }
  footer .main .ft_top .ft_top--subscribebox .ft_top--subscribe input:nth-child(2) {
    position: absolute;
    width: 2.79069767rem;
    height: 1.1627907rem;
    font-size: 0.41860465rem;
    margin-left: 0.13953488rem;
    background-color: #FE0761;
    color: #fff;
    right: 0px;
  }
  footer .main .ft_top .ft_top--subscribebox .verify-result-true2 {
    width: 8.65116279rem;
    margin-top: 0.18604651rem;
    margin-bottom: 0.18604651rem;
  }
  footer .main .ft_top .ft_top--subscribebox .verify-result-true2 .verify-text {
    width: 8.65116279rem;
    margin-top: 0.37209302rem;
  }
  footer .main .ft_top .ft_top--subscribebox .verify-result-true2 .verify-text p {
    width: 8.65116279rem;
    font: 400 12px / 16px 'LuxeUnoRegular';
  }
  footer .main .ft_middle {
    margin-top: 1.46511628rem;
  }
  footer .main .ft_middle .ft_middle--contactus {
    height: auto;
  }
  footer .main .ft_middle .ft_middle--contactus h1 {
    text-align: center;
    font: 700 0.3255814rem 'LuxeUnoSemiBold';
    color: #000;
  }
  footer .main .ft_middle .ft_middle--contactus p {
    text-align: center;
    margin-top: 0.30232558rem;
    color: #000;
    font: 400 0.27906977rem 'LuxeUnoLight';
  }
  footer .main .ft_middle .ft_middle--contactus p a {
    margin-left: 0.3255814rem;
    color: #000;
    border-bottom: 1px solid #000;
    letter-spacing: 0.04651163rem;
    cursor: pointer;
    font: 300 0.27906977rem 'LuxeUnoLight';
  }
  footer .main .ft_bottom {
    width: 94%;
    flex-direction: column;
    height: auto;
    margin-top: 1.46511628rem;
  }
  footer .main .ft_bottom .ft_bottom--followus {
    margin: 0 auto;
    justify-content: unset;
    align-items: center;
  }
  footer .main .ft_bottom .ft_bottom--followus h1 {
    text-align: center;
    font: 600 0.3255814rem 'LuxeUnoSemiBold';
    color: #000;
  }
  footer .main .ft_bottom .ft_bottom--followus ul {
    text-align: center;
    width: auto;
    margin-top: 0.27906977rem;
  }
  footer .main .ft_bottom .ft_bottom--followus ul li {
    width: 0.62790698rem;
    margin: 0 0.1627907rem;
    padding: 0;
  }
  footer .main .ft_bottom .ft_bottom--followus ul li a img {
    width: 0.62790698rem;
    height: 0.62790698rem;
  }
  footer .main .ft_bottom .m-ft_top--img {
    margin: 1.11627907rem auto auto;
  }
  footer .main .ft_bottom .ft_text {
    margin: 1.69767442rem auto auto;
    display: block;
    font: 700 0.25581395rem 'LuxeUnoLight';
    color: #484848;
  }
  footer .main .ft_bottom .deer {
    width: 0.81395349rem;
    height: 0.74418605rem;
    left: 3.48837209rem;
    bottom: 0.60465116rem;
    position: absolute;
  }
  footer .main .ft_bottom .cman {
    width: 0.72093023rem;
    height: 0.81395349rem;
    left: 4.74418605rem;
    bottom: 0.60465116rem;
    position: absolute;
  }
  footer .main .ft_bottom .tree {
    width: 0.60465116rem;
    height: 0.79069767rem;
    right: 3.02325581rem;
    bottom: 0.60465116rem;
    position: absolute;
  }
}