* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  body {
      background-color: #f4f0ea;
      color: #43362e;
      line-height: 1.6;
      font-size: 1rem;
  }
  img{max-width: 100%}

  /* 头部样式 */
  .header {
      background: url('../images/headbg.jpg') no-repeat center center;
      background-size: cover;
      padding: 260px 0.6666666rem;
      text-align: center;
      color: #fff;
  }

  .header .logo {
    width:10rem;
    margin:0 auto;
  }

  .header .tagline {
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
      opacity: 0.9;
  }

  .btn-contact {
      display: inline-block;
      padding: 0.6rem 1.8rem;
      background: #fff;
      color: #43362e;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 500;
      transition: all 0.3s;
  }

  .btn-contact:hover {
      background: #5a4a42;
      color: #fff;
  }

  /* 品牌理念区 */
  .brand-space {
      display: grid;
      grid-template-columns: 4fr 5fr 0.5fr;
      padding: 7rem 0px 6rem 0px;
      gap: 1.2rem;
      align-items: center;

  }

  .brand-text {
      background: #dad2c5;
      height: 19.6666rem;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 1rem;
  }

  .brand-text h2 {
      font-size: 2.8rem;
      line-height: 1.2;
      margin-bottom: 0.5rem;
      font-weight: 400;
      color: #43362e
  }

  .brand-text p {
      font-size: 0.6rem;
      color: #43362e;
      text-align: center;
  }

  .brand-text .line {
      width: 6rem;
      height: 8px;
      background-color: #c5aa8f
  }

  .brand-images {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 0.6666666rem;

  }


  .brand-images .row1 {
      display: flex;
      gap: 0.6666666rem;
  }

  .brand-images .row2 {
      display: flex;
      gap: 0.6666666rem;
  }

  .brand-images .card {
      overflow: hidden;
  }

  .brand-images img {
      width: 100%;
      display: block;
      border-radius: 2px;
  }


  .brand-rline {
      background: #dad2c5;
      height: 100%;
  }

  /* 通用表格样式 */
  .wrap{
      max-width: 1670px;
      margin: 0 auto;
  }

  .price-table {
      width: 100%;
      margin-bottom: 3.3rem
  }


  .price-table tr {
      display: grid;
      grid-template-columns: 7fr 2fr 2fr;
      text-align: left;
      align-items: center;
  }
  .price-table tr td:nth-child(2) {
      text-align: center;
  }

  .price-table tr td:nth-child(3) {
      text-align: center;
  }



  .price-table thead tr{
      background: url(../images/titbg.jpg) no-repeat center left;

      border-radius: 4px;
      font-size: 1rem;
      height: 2.67rem;

  }




  .price-table thead th:nth-child(1) {
      text-align: left;
      font-weight: 600;
      color: #f3e9df;
      padding:0px 0px 0px 1.59rem;
      position: relative;
      overflow: hidden;
      overflow: hidden;
    display: flex
;
    align-items: center;
  }

  .price-table thead th:nth-child(2) {
      text-align: center;
      color: #1b1a19;
      font-weight: 400;
      font-size: 0.78rem;
      overflow: hidden;
  }

  .price-table thead th:nth-child(3) {
      text-align: center;
      color: #1b1a19;
      font-weight: 400;
      font-size: 0.78rem;
      overflow: hidden;
  }


  .price-table thead th .en {
      font-size: 0.72rem;
      padding-top: 4px;
      margin-left: 0.56rem
  }

  .price-table thead th .setit{
    position: absolute;
    left:60%;
      
      color:#f3e9df;
      font-size: 0.78rem;

  }





  .price-table tbody tr td {
      border-bottom: 1px solid #665b54;
      font-size: 0.78rem;
      color: #43362e;
  }

  .price-table tbody tr td{padding:1.1rem 0px}
  .price-table tbody tr td:nth-child(1) {padding:1.1rem 1.866666rem;font-weight: 600}



  .price-table tbody tr:nth-last-child(1) td{border-bottom:0;}


.center-image-row{display: flex;justify-content:space-between;margin-bottom:3.3rem}

.dec-care-title{display: flex;justify-content: space-between;align-items:center;}
.dec-care-title h2{font-size: 1.599999rem;}
.dec-care-title .prenext{display: flex;gap:5px;position: relative;width:4rem;}
.dec-care-title .more{width:3rem;}
.dec-care-title .swiper-button-prev-page{background:url(../images/declogo_06.jpg) no-repeat;width:1.8666rem;height: 1.1rem;display: block;position: relative;cursor: pointer;background-size: cover;}
.dec-care-title .swiper-button-next-page{background:url(../images/declogo_08.jpg) no-repeat;width:1.8666rem;height: 1.1rem;display: block;position: relative;cursor: pointer;background-size: cover;}


.dec-care-pic{margin: 3.3rem auto;overflow: hidden;}
.dec-care-pic .swiper-slide{position: relative;overflow: hidden;}
.dec-care-pic .swiper-slide img{display: block;max-height: 100%;width:100%;}

.dec-care-pic .swiper-slide .text{background:#a79281;padding:0.95rem 1.1666rem;display: flex;align-items: center;gap:0.6666666rem;color: #f3e9df;position: absolute;bottom:0;width: 100%;opacity: 0;}
.dec-care-pic .swiper-slide .text h4{font-size: 1.1666666rem;font-weight: 400}
.dec-care-pic .swiper-slide .text .desc{display: flex;flex-direction:column;gap:0;}
.dec-care-pic .swiper-slide .text .desc p{line-height: 1.2;font-size: 0.58rem;}


/**.dec-care-pic .swiper-slide.swiper-slide-active .text{height: auto;opacity: 1}**/
.dec-care-pic .swiper-slide:hover .text{height: auto;opacity: 1;transition: opacity 0.5s ease;}



.price-section .section-title{background:#a79281;border-radius: 4px;
    font-size: 0.78rem;
    line-height: 2.2rem;padding:0px 1.86666rem;color: #f3e9df;display: flex;justify-content: space-between;}



.price-section .section-title span{font-size: 0.72rem;}
.price-section .section-items .line{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;}

.price-section .section-items .line:nth-last-child(1){border:0;}
.price-section .section-items span{padding:1.67rem;display:flex;align-items: center;font-weight: 600;color: #43362e;font-size:0.78rem; gap:10px;}
.price-section .section-items span i{width: 1rem;height: 1rem;background: #000;border-radius: 50%;font-size: 0.76rem;color: #fff;display: inline-block;text-align: center;line-height: 1rem;font-style: normal;}


.price-section .section-items span:nth-child(1){border-bottom:1px solid #8a8079;}
.price-section .section-items span:nth-child(2){border-bottom:1px solid #8a8079;}
.price-section .section-items span:nth-child(3){border-bottom:1px solid #8a8079;}
.price-section .section-items span:nth-child(4){border-bottom:1px solid #8a8079;}


  /* 面部护理标题 */
.facial-care-title{margin: 3.3rem auto}
.facial-care-title img{width: 100%}
.facial-care-pic{width: 100%;margin-bottom: 3.3rem;}
.facial-care-pic img{width: 100%}





.contactus{background: #ab9f89;padding: 3.35rem 0.62rem;color: #fff;text-align: center;display: flex;gap:1.86666rem;flex-direction: column;margin-top:3.3rem;}
.contactus h3{color: #e2dcd0;font-size:1.166rem;font-weight: 400;line-height: 1}
.contactus p{font-size:0.72rem;color: #e2dcd0;line-height: 1}

.contactinfo{display:grid;grid-template-columns: 2fr 3fr;padding:3.3rem 0.68rem 3.3rem 0.68rem;gap:0.48rem;}
.contactinfo h3{color: #141414;font-size:1.166rem;}
.contactinfo p{color: #000;font-size:0.78rem;font-weight:600;}
.contactinfo .btn-help{ color: #000;font-size:0.72rem;background:#5b4a3e;border-radius:1.86666rem;padding:0.28rem 1.25555rem;color:#fff;font-weight: 400;text-decoration:none;margin-top: 1.86666rem;display: inline-block;}

 

.footer{display:grid;grid-template-columns: 1fr 1fr 1fr;padding:3.3rem 0.6666666rem;border-top:1px solid #5b4a3e;position: relative;}



   .address{display: flex;flex-direction: column;gap:10px;justify-content: center;}
  .address p{display: flex;align-items: center;font-size: 0.72rem;color: #191919;line-height: 0.78rem;gap:10px;}
  .address p i{width: 0.76rem;height: 0.76rem;display: inline-block;}
  .address .i1{background: url(../images/icon1.png) no-repeat;background-position:center center;background-size:auto 100%;}
  .address .i2{background: url(../images/icon2.png) no-repeat;background-position: center center;background-size:auto 100%;}
  .address .i3{background: url(../images/icon3.png) no-repeat;background-position: center center;background-size:auto 100%;}

.address .map{margin-top:1.86666rem}

.footer .flogo{position: absolute;right:0px;top:60%;}




  /* 响应式适配 */
  @media (max-width: 1700px) {



      .brand-images {
          grid-template-columns: 1fr;
      }

      .price-table th,
      .price-table td {
          padding: 0.6rem 0.5rem;
          font-size: 0.8rem;
      }

      .facial-care-title {
          font-size: 2rem;
      }
  }




  /* 响应式适配 */
  @media (max-width: 1100px) {

    .wrap{max-width: 92%;margin-left:4%;margin-right: 4%;}
      .brand-space {
          grid-template-columns: 1fr;
      }

      .brand-text{background:unset;}
      .brand-images{padding:0px 0.6666666rem;}

.price-table thead tr{background-position: 20% 100%;}
.price-table tr{grid-template-columns: 4fr 2fr 2fr;}

.price-table tr,.price-table td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;overflow: hidden; }



.price-section .section-items .line {
    display: grid
;
    grid-template-columns: 1fr 1fr 1fr;
}



.footer {
          grid-template-columns: 1fr 1fr;
          gap:2rem;
      }



.footer .flogo{display: none}
.price-section .section-items .line{border:0;}

.contact-info{text-align: center;}
.contactinfo .btn-help{margin-top: 0.2rem}
.price-section .section-items span{padding:1rem;}
.price-section .section-items span:nth-child(4){border-bottom: none}
  }











  @media (max-width: 768px) {
.price-table thead tr{background-position: 28% 100%;}
.dec-care-pic .swiper-slide .text{padding:0.45rem;}
.dec-care-pic .swiper-slide .text h4{font-size: 0.66rem}

      }