.content {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  margin-top: 110px;
  overflow: unset;
  min-height:unset;
  /*min-height: calc(100vh - 3.2rem);*/
  /*position: relative; */
}
@media (max-width: 767px) {
  .content {
    margin-top: 90px;
  }
}

html.zimbia-layout {
  font-size: 55px !important;
  height: 100%;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
html.zimbia-layout body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  width: 100%;
}
html.zimbia-layout .commonMenu {
  position: fixed;
}
html.zimbia-layout .content {
  flex: 1 0 auto;
}
html.zimbia-layout .content .header {
  z-index: 9;
}
html.zimbia-layout .content .header .logo,
html.zimbia-layout .commonMenu .menuTop .logo {
  display: inline-block;
  width: 3.2rem;
  height: 50px;
  /* margin-top: 20px; */
  background-image: url(../images/zimbia-sugar_logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
  .content .header {
    width: 100%;
    height: 1.28rem;
    background: linear-gradient(to right, #F5C2C0, #FFE4E7);
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 999;
    padding: 0 .26rem 0 .4rem;
    justify-content: space-between; }
    .content .header .ms {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .content .header .link {
      height: 100%;
      display: flex;
      align-items: center; }
      .content .header .link a {
        height: 100%;
        display: flex;
        align-items: center;
        font-size: .26rem;
        padding: 0 .26rem;
        color: #333333; }
      .content .header .link div {
        width: .03rem;
        height: .24rem;
        background: #333; }
  .content .banner {
    overflow: hidden;
    width: calc(100% - .6rem);
    margin: 0 auto; }
    .content .banner img {
      width: 100%; }
    .content .banner .p {
      display: block; }
    .content .banner .p1 {
      display: none; }
  .content .main_list_info {
    width: calc(100% - .6rem);
    margin: 0 auto;
    margin-top: .55rem;
    border-radius: .3rem;
    border: 1px solid #FFB9C7;
    padding: .1rem .2rem;
    background: #FFE3E6;
    margin-bottom: .75rem;
    box-shadow: 0 0 .2rem #FFB9C7; }
    .content .main_list_info .label {
      display: flex;
      align-items: flex-start;
      padding: .25rem 0;
      border-bottom: 1px solid #FFB9C7; }
      .content .main_list_info .label:last-child {
        border: none; }
      .content .main_list_info .label img {
        width: 1.3rem; }
      .content .main_list_info .label img.homeicon {
        width: 110px;
        height: 110px;
        object-fit: contain; }
          .content .main_list_info .label .imagebox {
            width: 90px !important;
            height: 90px !important;
            background: linear-gradient(0deg, #fe92a8 0%, #ffd0da 100%);
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            box-shadow: 0 5px 10px #fe94a9;
            border-radius: 10px;
          }
      .content .main_list_info .label div {
        flex: 1;
        padding-left: .15rem; }
        .content .main_list_info .label div h2 {
          text-align: start;
          font-size: 18px;
          line-height: 40px;
          font-weight: bold;
          color: #fe92a8; }
        .content .main_list_info .label div span {
          text-align: start;
          display: block;
          font-size: 14px;
          font-weight: 400;
          color: #666666;
          line-height: 25px; }
  .content .main_home_info {
    width: calc(100% - .6rem);
    margin: 0 auto;
    margin-bottom: 1.26rem; }
    .content .main_home_info.on .slide .swiper .swiper-slide .md div {
      background: rgba(115, 203, 248, 0.7); }
    .content .main_home_info.on ul li .t div {
      background: #73cbf8; }
    .content .main_home_info.on ul li .t span {
      color: #73cbf8; }
    .content .main_home_info .title {
      display: flex;
      align-items: center;
      margin-bottom: .2rem; }
      .content .main_home_info .title img {
        width: .58rem;
        margin-right: .25rem; }
      .content .main_home_info .title span {
        font-size: .44rem;
        color: #333333;
        font-weight: bold; }
    .content .main_home_info ul {
      overflow: hidden; }
      .content .main_home_info ul li {
        overflow: hidden;
        margin-top: .48rem;
        padding-left: .05rem; }
        .content .main_home_info ul li p {
          font-size: .24rem;
          color: #666666;
          line-height: .38rem;
          padding-left: .18rem; }
        .content .main_home_info ul li .t {
          display: flex;
          align-items: center;
          margin-bottom: 10px; }
        .left-bar {
          border-left: 5px solid #fe92a8;
        }
        .left-bar-blue {
          border-left: 5px solid #73cbf8;
        }
          .content .main_home_info ul li .t h2 {
            font-size: 20px;
            color: #fe92a8;
            margin-left: 10px;
            font-weight: bold;
          }
          .content .main_home_info ul li .t span {
            font-size: .29rem;
            color: #fe92a8; }
        .content .main_home_info .box h3 {
          font-size: 18px;
          color: #666666;
          padding-left: 0.3rem;
          line-height: .5rem;
        }
        .content .main_home_info .box p {
          font-size: 18px;
          color: #666666;
          line-height: normal;
          padding-left: inherit;
        }
    .content .main_home_info .slide {
      width: 100%;
      height: 5.1rem;
      position: relative;
      overflow: hidden;
      border-radius: 15px; }
      .content .main_home_info .slide .btn {
        width: .23rem;
        position: absolute;
        top: 50%;
        cursor: pointer;
        transform: translateY(-50%);
        z-index: 99; }
        .content .main_home_info .slide .btn.prev {
          left: .42rem; }
        .content .main_home_info .slide .btn.next {
          right: .42rem; }
      .content .main_home_info .slide .swiper {
        width: 100%;
        height: 100%; }
        .content .main_home_info .slide .swiper .swiper-slide {
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          position: relative;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center; }
          .content .main_home_info .slide .swiper .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
      .content .main_home_info.on .n_tuijian_tit.swpptop30 {
        margin-bottom: 15px;
      }
      .content .main_home_info .slide .md {
        overflow: hidden;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        pointer-events: none; }
        .content .main_home_info .slide .md p {
          margin: 0;
          text-align: center;
          font-size: 28px;
          margin-bottom: .16rem;
          color: #fff;
          font-weight: 700;
          text-shadow: 0 2px 6px rgba(0,0,0,0.6); }
        .content .main_home_info .slide .md div {
          overflow: hidden;
          width: 1.5rem;
          min-height: .58rem;
          margin: 8px auto 0;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          line-height: 1.2;
          text-align: center;
          color: #fff;
          background: rgba(0,0,0,0.5);
          border-radius: 20px;
          padding: 6px 12px;
          box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
      @media (max-width: 767px) {
        .content .main_home_info .slide .md p {
          font-size: 18px;
        }
        .content .main_home_info .slide .md div {
          font-size: 12px;
          padding: 5px 10px;
        }
      }
  .content .main_button {
    width: calc(100% - .6rem);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: -.1rem; }
    .content .main_button div {
      overflow: hidden;
      width: 3.1rem;
      height: .83rem;
      font-size: .33rem;
      color: #fe92a8;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 0 20px #ffb6c5;
      border-radius: .5rem;
      border: 2px solid #fe92a8; }
      @media (max-width: 767px) {
        .content .main_button div {
          height: 40px;
          font-size: 16px;
        }
      }
      .content .main_button div:active {
        box-shadow: inset 0px 15px 10px -10px #f83964,inset 0px -10px 10px -20px #f83964;
        background: #FE92A8;
        color: #fff;
        border: 2px solid #FE92A8; }
      .content .main_button div.on {
        background: #FE92A8;
        border: 1px solid #FE92A8;
        color: #fff; }
  .content .main_register {
    width: 100%;
    padding: 0 .6rem; }
  .content .main_register.container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: calc(100vh - 223px);
    padding: 20px 0;
    transform: translateY(-30px);
  }
  @media (max-width: 767px) {
    .content .main_register.container {
      padding-left: -15px !important;
      padding-right: -15px !important;
      width: 100% !important;
      max-width: none !important;
      box-sizing: border-box;
    }
    .content .main_register.container .row {
      width: 100%;
      margin: 0;
    }
    .content .main_register.container .col-sm-12,
    .content .main_register.container .col-xs-12,
    .content .main_register.container .col-md-12 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }
    .content .main_register .head {
      margin-bottom: 5px;
      overflow: hidden; }
      .content .main_register .head p {
        font-size: 25px;
        text-align: center;
        color: #fd5678;
        font-weight: bold; }
      .content .main_register .head span {
        display: block;
        text-align: center;
        font-size: 15px;
        line-height: 25px;
        color: #999999; }
    .content .main_register .button_grow {
      width: 100%;
      margin-top: .68rem;
      display: flex;
      gap: .5rem;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }
      .content .main_register .button_grow > div,
      .content .main_register .button_grow a > div {
        overflow: hidden;
        flex: 0 0 150px;
        width: 150px;
        min-width: 150px;
        max-width: 150px;
        border: 1px solid #e44e71;
        height: .74rem;
        cursor: pointer;
        display: flex;
        border-radius: .5rem;
        align-items: center;
        box-shadow: 0 0 20px #ffb6c5;
        justify-content: center;
        font-size: .29rem;
        margin: 0;
        color: #e44e71;
        padding: 0 .6rem;
      }
      .content .main_register .button_grow div:active,
      .content .main_register .button_grow a > div:active {
        box-shadow: inset 0px 15px 10px -10px #f83964,inset 0px -10px 10px -20px #f83964;
        background: #FE92A8;
        color: #fff;
        border: 1px solid #FE92A8;
      }
      .content .main_register .button_grow div.on,
      .content .main_register .button_grow a > div.on {
        background: #FE92A8;
        color: #fff;
        border: 1px solid #FE92A8;
      }
      .content .main_register .button_grow div.ons,
      .content .main_register .button_grow a > div.ons {
        background: none;
        box-shadow: none;
        border: 1px solid rgba(0, 0, 0, 0);
      }
      .content .main_register .button_grow .btn-register {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
      }
    @media (max-width:480px) {
      .content .main_register .button_grow { justify-content: center; }
      .content .main_register .button_grow > div,
      .content .main_register .button_grow a > div { flex: 1 1 100%; min-width: 0; }
    }
    .content .main_register .form {
      overflow: hidden;
      width: 100%;
      font-size: 12px;
      margin-top: .05rem; }
    .content .main_register .child ul li label > span {
      font-weight: 400 !important;
      font-family: inherit !important;
      font-size: 14px !important;
      line-height: 1.2 !important;
      text-rendering: optimizeLegibility;
    }
      .content .main_register .form .label {
        width: 100%;
        height: .67rem;
        display: flex;
        align-items: center;
        border: none;
        border-radius: .4rem;
        margin-top: .22rem;
        padding-left: .3rem;
        overflow: hidden;
        background: #f8f8f8; }
        .content .main_register .form .label img {
          width: .3rem; }
        .content .main_register .form .label > input {
          height: .67rem;
          flex: 1;
          border: none;
          background: #f8f8f8;
          font-size: .21rem;
          color: #999999;
          padding-left: .16rem;
          display: block; }
          .content .main_register .form .label > input::placeholder {
            color: #999999; }
      .content .main_register .form > input {
        width: 100%;
        height: .67rem;
        border: none;
        border-radius: .4rem;
        background: #f8f8f8;
        font-size: .21rem;
        color: #999999;
        padding-left: .38rem;
        display: block;
        margin-top: .22rem; }
        .content .main_register .form > input::placeholder {
          color: #999999; }
      .content .main_register .form .reg {
        display: flex;
        align-items: baseline;
        font-size: .24rem;
        margin-top: .24rem;
        padding-left: .1rem;
        color: #999999; }
      .content .main_register .form .link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: .16rem; }
        .content .main_register .form .link label {
          display: flex;
          align-items: center;
          font-size: .24rem;
          color: #999999; }
        .content .main_register .form .link a {
          font-size: .24rem;
          color: #999999; }
      .content .main_register .form .child {
        overflow: hidden;
        width: 100%;
        background: #f8f8f8;
        border-radius: .65rem;
        margin-top: .33rem;
        padding: .3rem .37rem; }
        .content .main_register .form .child p {
          font-size: .26rem;
          color: #fe92a8; }
        .content .main_register .form .child ul {
          overflow: hidden; }
          .content .main_register .form .child ul li {
            overflow: hidden;
            margin-top: .2rem; }
            .content .main_register .form .child ul li label {
              display: flex;
              align-items: center;
              margin-bottom: .14rem;
              line-height: 1; }
                  .content .main_register .form .child ul li:nth-child(2) > label {
                    margin-top: 15px;
                  }
              .content .main_register .form .child ul li label input {
                margin: 0;
                background: none; }
              .content .main_register .form .child ul li label span {
                font-size: .26rem;
                color: #333333;
                margin-left: .13rem; }
            .content .main_register .form .child ul li em {
              display: block;
              font-size: .24rem;
              color: #999999;
              line-height: .38rem; }
  .content .main_age {
    padding: 0 .4rem; }
  .content .main_age.adult-page .btn div {
    width: 42%;
  }
  .content .main_age.adult-page .btn div a {
    display: block;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .content .main_age.adult-page .btn div a,
  .content .main_age.adult-page .btn div a p,
  .content .main_age.adult-page .btn div a .p-14 {
    color: #fff !important;
  }
  .content .main_age.adult-page .btn div a p,
  .content .main_age.adult-page .btn div a .p-14 {
    margin: 0;
    white-space: normal;
  }
  .content .main_age.adult-page .btn .btn-box:hover {
    box-shadow: inset 0px 20px 12px -12px #f83964, inset 0px -12px 12px -20px #f83964;
  }
  .content .main_age.adult-page .btn .on:hover {
    box-shadow: inset 0px 20px 12px -12px #1fb6d9, inset 0px -12px 12px -20px #1fb6d9;
  }
  @media (max-width: 600px) {
    .content .main_age.adult-page {
      margin-top: 70px;
    }
    .content .main_age.adult-page .btn div {
      width: 44%;
      padding: 10px;
      border-radius: 6px;
    }
    .content .main_age.adult-page .btn div a,
    .content .main_age.adult-page .btn div a .age-btn,
    .content .main_age.adult-page .age-title,
    .content .main_age.adult-page .btn-box > a {
      box-sizing: border-box !important;
    }
    .content .main_age.adult-page .btn-box > a {
      min-height: auto;
      display: block;
      padding: 0;
      text-align: center;
    }
    .content .main_age.adult-page .age-title {
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
      font-size: 18px !important;
      font-weight: normal !important;
      line-height: 1.2 !important;
      text-align: center !important;
    }
    .content .main_age.adult-page .age-sub {
      display: block;
      width: 100%;
      margin: 2px 0 0;
      font-size: 14px !important;
      line-height: 22px !important;
      text-align: center !important;
    }
  }
  .content .main_age .btn {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: default !important;
  }
  @media (min-width: 1200px) {
    .content .main_age.adult-page {
      width: 1000px !important;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
  }
    .content .main_age .btn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: .45rem .2rem; }
      .content .main_age .btn div {
        overflow: hidden;
        padding: .15rem 0 .2rem 0;
        width: 2.94rem;
        border-radius: .1rem;
        background: #FE92A8;
        box-shadow: 0 0 20px #ffb6c5;
      }
      .content .main_age .btn div.on {
        background: #89DFF3;
        box-shadow: 0 0 20px #89DFF3;
      }
        .content .main_age .btn div p {
          text-align: center;
          font-size: .33rem;
          color: #fff;
          margin-bottom: .12rem; }
        .content .main_age .btn div span {
          display: block;
          font-size: .23rem;
          color: #fff;
          text-align: center; }
    .content .main_age .num {
      width: 3.2rem;
      height: 3.2rem;
      margin: 0 auto;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      color: #fe92a8;
      font-weight: bold;
      margin-bottom: .55rem;
      background-image: url(../../new/images/18.png); }
    .content .main_age > p {
      font-size: 14px;
      margin: 10px;
      color: #999999;
      line-height: .4rem; }
  .content .main_term {
    overflow: hidden;
    width: 100%;
    padding: 16.5px; }
  @media (min-width: 1200px) {
    .content .main_term.feature-page,
    .content .main_term.notification-page,
    .content .main_term.terms-page,
    .content .main_term.contact-page {
      width: 1100px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
  }
  /* .content .main_term.notification-page,
  .content .main_term.notification-page * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  } */
  .content .main_term.notification-page .box1 ul li p,
  .content .main_term.notification-page .box ul li p {
    font-size: 16px;
    color: rgb(237, 81, 149);
    margin: 20px 0 14px 0;
  }
  .content .main_term.notification-page .box1 ul li span.admin-advice {
    line-height: 23px;
  }
  .content .main_term.feature-page .box1 ul li p,
  .content .main_term.feature-page .box ul li p {
    font-size: 16px;
    color: rgb(237, 81, 149);
    margin: 20px 0 14px 0;
  }
  .content .main_term.feature-page span {
    font-size: 14px;
    line-height: 23px;
    color: #666666;
  }
    .content .main_term .title {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fcedf1;
      font-size: 22px;
      font-weight: bolder;
      color: #e55073;
      border-radius: 10px;
      min-height: 43px;
      line-height: 43px;
      text-align: center;
      word-break: break-word;
      white-space: normal;
      padding: 0 10px;
    }
    .content .main_term .box2 {
      overflow: hidden;
      width: 100%;
      border-radius: 10px;
      border: 1px solid #fcedf1;
      margin-top: 18.15px;
      margin-bottom: 50px;
      padding: 20px 30px; }
      .content .main_term.contact-page .main_forms {
        overflow: hidden;
        width: 100%;
        border-radius: 20px;
        margin: 0 auto;
        background: #fcedf1;
        max-width: 100%;
        padding: 50px 30px 30px 20px;
        font-size: 12px;
      }
      .content .main_term.contact-page .main_forms .label {
        width: 100%;
        position: relative;
        padding: 0 !important;
        margin-bottom: 20px;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 0.05rem;
      }
      .content .main_term.contact-page .main_forms .label input {
        width: 100%;
        height: 45px;
        border-radius: 8px;
        background: #fff;
        border: none;
        font-size: 14px;
        padding-left: 12px;
        flex: 1 1 auto;
      }
      .content .main_term.contact-page .main_forms .label .required-star {
        font-size: 16px;
        color: red;
        font-weight: bold;
        width: 16px;
        text-align: center;
        line-height: 1;
        flex: 0 0 16px;
      }
      .content .main_term.contact-page .main_forms .label textarea {
        width: 100%;
        height: auto;
        min-height: 120px;
        border: none;
        font-size: 16px;
        font-family: "微软雅黑";
        border-radius: 8px;
        padding: 10px 20px;
        box-sizing: border-box;
        outline: none;
        flex: 1 1 auto;
        resize: vertical;
      }
      .content .main_term .box2 > p {
        font-size: 14px;
        margin-bottom: 20px;
        color: #666666;
        line-height: 23px; }
      .content .main_term .box2 .label {
        display: flex;
        align-items: center;
        padding: 11px 0; }
        .content .main_term .box2 .label div {
          display: flex;
          width: 130.9px;
          align-items: center; }
          .content .main_term .box2 .label div img {
            width: 22px;
            margin-right: 6.6px; }
          .content .main_term .box2 .label div h3 {
            font-size: 15.4px;
            color: #333; }
        .content .main_term .box2 .label p {
          font-size: 15.4px;
          color: #666; }
    .content .main_term .box1 {
      overflow: hidden;
      width: 100%;
      border-radius: 10px;
      border: 1px solid #fcedf1;
      margin-top: 15px;
      padding: 22px 35px;
    }
      .content .main_term .box1 .tit {
        display: block;
        text-align: center;
        font-size: 24px;
        margin: 20px 0;
        color: #333; }
      .content .main_term .box1 ul {
        overflow: hidden; }
        .content .main_term .box1 ul li {
          overflow: hidden;
          margin-bottom: 18.7px; }
          .content .main_term .box1 ul li p {
            font-size: 14.3px;
            color: #e55073;
            line-height: 24.75px; }
          .content .main_term .box1 ul li span {
            display: block;
            font-size: 14px;
            color: #666666; }
            .content .main_term .box1 ul li span em {
              color: #6666D4; }
            .content .main_term .box1 ul li span i {
              color: #FFA100; }
    .content .main_term .box {
      overflow: hidden;
      width: 100%;
      border-radius: .1rem;
      border: 1px solid #fcedf1;
      margin-top: 18.15px;
      padding: 22px 13.2px; }
      .content .main_term .box ul {
        overflow: hidden; }
        .content .main_term .box ul li {
          overflow: hidden;
          margin-bottom: 11px; }
          .content .main_term .box ul li:last-child {
            margin-bottom: 0; }

          @media (max-width: 767px) {
            .content { padding-left: 16px; padding-right: 16px; }
            .content .main_term { padding: 12px; }
            .content .main_term .box1,
            .content .main_term .box2,
            .content .main_term .box { padding-left: 18px; padding-right: 18px; }
            .content .main_term .title { font-size: 22px; }
          }

          @media (max-width: 480px) {
            .content { padding-left: 10px; padding-right: 10px; }
            .content .main_term { padding: 8px; }
            .content .main_term .box1,
            .content .main_term .box2,
            .content .main_term .box { padding-left: 14px; padding-right: 14px; }
            .content .main_term .title { font-size: 22px; }
            .content .main_term .box1 .tit { font-size: 24px; margin: 10px 0; }
          }
          .content .main_term .box ul li.on p {
            font-size: 30px;
            text-align: center;
            margin-bottom: 20px;
            line-height: 35px;
            color: #000;
          }
          .content .main_term .box ul li p {
            font-size: 14px;
            color: #e55073;
            line-height: 23px;
            margin-bottom: 20px; }
          .content .main_term .box ul li span {
            display: block;
            font-size: 14px;
            color: #666666;
            line-height: 23px;
            margin-bottom: 20px; }

.bot {
  width: 100%;
  display: table;
  background: url(../images/bot_06.png) no-repeat;
  background-size: cover;
  padding: 1.08rem 0 .5rem 0;
  text-align: center;
  color: #ee5472;
  font-size: .26rem; }

.bot a {
  color: #ee5472;
  font-size: .26rem; }

.bot .footer-logo-link {
  width: 3rem;
  display: block;
  margin: .12rem auto 0;
  line-height: 0;
}

.bot img {
  width: 3rem;
  margin: 0 auto;
  padding: 0px;
  display: table;
  margin-top: .3rem; }

@media (max-width: 767px) {
  .bot {
    padding: 70px 0 0px 0;
  }
  .content .main_age .btn {
    justify-content: center !important;
    gap: 0.6rem !important;
  }
  .content .main_term .box ul li.on p {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }
}



@media (min-width: 1200px) {
  body {
    max-width: 100%; }

  html {
    font-size: 55px !important; }

  .bot {
    width: 100%;
    display: table;
    background-image: linear-gradient(to right, #ebbcdc 0%, #fadfdf 100%);
    background-size: 100%;
    padding: .45rem 0;
    padding-bottom: 0px;
    text-align: center;
    color: #ee5472; }

  .bot a {
    color: #ee5472; }

  .bot .footer-logo-link {
    margin-top: 15px;
  }

  .bot .footer-logo {
    margin-top: 0;
  }

  .bot img {
    width: 3rem;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 15px; }

  .content .header {
    padding: 0; }

  .content .header .ms {
    width: 1200px;
    margin: 0 auto;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%; }

  .content .main_home_info .box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }

  .content .main_home_info .title {
    margin-bottom: .6rem; }

  .content .main_home_info .slide {
    width: 50%; }

  .main_home_info_box .main_home_info:nth-child(even) .box {
    flex-direction: row-reverse; }

  .content .main_list_info {
    display: flex; }

  .content .main_button {
    justify-content: center; }
    .content .main_button div {
      width: 4.5rem;
      margin: 0.1rem 0.5rem 0.1rem 0.5rem;
      padding: 28px;
      border-radius: 100px;
    }

  .content .main_list_info .label {
    border: none;
    padding: .2rem .2rem .4rem .2rem;
    flex: 1;
    display: block; }
    .content .main_list_info .label img {
      margin: 0 auto;
     }
    .content .main_list_info .label img.homeicon {
      width: 80px;
      height: 80px;
      padding: 5px 0 0 5px;
      object-fit: contain; }
    .content .main_list_info .label div {
      width: 80%;
      max-width: 320px;
      padding: 0;
      margin: 0 auto; }
      .content .main_list_info .label div h2 {
        text-align: center; }
      .content .main_list_info .label div span {
        text-align: center;}

  .content {
    width: 1200px;
  }

  .content .main_age .btn {
    justify-content: between; }
    .content .main_age .btn .btn-box {
      width: 44%;

      .p-14 {
        font-size: 14px;
      }
    }
    .content .main_age .btn div {
      margin: 0 .3rem;
      cursor: pointer; }

  .content .main_age > p {
    text-align: center; }

  .content .main_age {
    margin-top: 10vh; }

  .content .main_register .form {
    width: 400px;
    margin: 0 auto; }

  .content .main_register .form .label {
    height: .8rem; }

  .content .main_register .form .label > input {
    font-size: .24rem; }

  .content .main_register .form > input {
    height: .8rem;
    font-size: .24rem; }

  .content .main_register .button_grow div:hover {
    box-shadow: inset 0px 15px 10px -10px #f83964,inset 0px -10px 10px -20px #f83964;
    background: #FE92A8;
    color: #fff;
    border: 1px solid #FE92A8; }

  .content .main_register .button_grow div.ons:hover {
    box-shadow: none; }

  .content .main_button div:hover {
    box-shadow: inset 0px 15px 10px -10px #f83964,inset 0px -10px 10px -20px #f83964;
    background: #FE92A8;
    color: #fff;
    border: 2px solid #FE92A8; }

  .content .main_home_info ul {
    width: 50%;
    padding-left: .3rem; }

  .main_home_info_box .main_home_info:nth-child(even) .box ul {
    padding-left: 0;
    padding-right: .3rem; }

  .content .banner .p {
    display: none; }

  .content .banner .p1 {
    display: block; }

  .content .main_button {
    margin-top: .5rem; }

  .content .main_age .btn div {
    width: 3.5rem; }
    .content .main_age .btn div:hover {
      box-shadow: inset 0px 15px 10px -10px rgba(0, 0, 0, 0.1), inset 0px -10px 10px -20px rgba(0, 0, 0, 0.1); } }

@media (max-width: 767px) {
  .content .banner,
  .content .main_button,
  .content .main_list_info,
  .content .main_home_info {
    width: calc(100% - 15px);
  }
  .content .main_list_info .label div h2 {
    line-height: normal;
  }
  .content .main_button {
    justify-content: center;
    gap: 22px;
  }
  .content .main_button a {
    flex: 1 1 0;
    max-width: 160px;
  }
  .content .main_button div {
    width: 100%;
    height: 46px;
    font-size: 15px;
  }
  .content .main_list_info .label {
    align-items: flex-start;
  }
  .content .main_list_info .label .imagebox {
    width: 70px !important;
    height: 70px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    flex: 0 0 60px;
    align-self: flex-start;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
  }
  .content .main_list_info .label div {
    padding-left: 12px;
  }
  .content .main_list_info .label .imagebox img {
    width: 80%;
    height: 80%;
    object-fit: contain;
    object-position: center center;
    display: block;
    margin: 0 auto;
  }
  .content .main_age .num {
    width: 2.2rem;
    height: 2.2rem;
    background-size: contain;
    font-size: 1.2rem;
  }
}

.container{
  min-height: 310px;
}
@media (min-height: 650px) {
  .container{
    min-height: 403px;
  }
}
@media (min-height: 700px) {
  .container{
    min-height: 480px;
  }
}

@media (max-width: 480px) {
  .content .main_list_info .label .icon-wrap,
  .content .main_list_info .label .homeicon-box {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .content .main_list_info .label .homeicon-box {

    top: 40px !important;
    border-radius: 8px !important;
  }

  .content .main_list_info .label div {
    flex: initial !important;
    padding-left: 12px;
    width: calc(100% - 72px) !important;
  }

  .content .main_list_info .label .imagebox,
  .content .main_list_info .label .icon-wrap,
  .content .main_list_info .label .homeicon-box {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    flex: 0 0 60px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .content .main_list_info .label .imagebox img {
    width: 82% !important;
    height: 82% !important;
    object-fit: contain;
    object-position: center center;
    display: block;
    margin: 0 auto;
    padding: 0 !important;
  }
}
@media (min-height: 800px) {
  .container{
    min-height: 580px;
  }
}
@media (min-height: 840px) {
  .container{
    min-height: 655px;
  }
}
@media (min-height: 930px) {
  .container{
    min-height: 720px;
  }
}

@media (min-height: 1020px) {
  .container{
    min-height: 745px;
  }
}

@media (min-height: 1150px) {
  .container{
    min-height: 900px;
  }
}

@media (min-height: 1250px) {
  .container{
    min-height: 1000px;
  }
}

@media (min-height: 1350px) {
  .container{
    min-height: 1140px;
  }
}
/*# sourceMappingURL=css.css.map */