/** Shopify CDN: Minification failed

Line 321:35 Unexpected "{"

**/
html:has(.nyg-mask-box[style*="display: block"]) {
  overflow: hidden;
}
.header-box{
    background: white;    
    z-index: 999;     
    box-shadow: 0px 4px 7px 2px #0000001f;
    position: relative;
  }
     .comfirm-btn {
       gap: 10px;
       flex-wrap: wrap;
       flex-direction: row;
       justify-content: start;
       align-items: start;     
       width: 100%;
       display: flex;
     }
     .shop-btn {
       width: 16.67rem;
       height: 5.17rem;
       border-radius: 0.5rem;
       color: white;
       font-size: 1.5rem;
       cursor:pointer;
       width:100%;
       font-family: var(--heading-font);

     }
.foot-0-box{
  position: relative;
}
.foot-0-box .foot-item-content{
      position: absolute;
    margin: auto;
    top: 180px;
    bottom: 0;
    left: 5vw;
    display: flex;
    gap: 50px;
}

.left-part{
  width:400px;
}
.left-part > div{
  width:400px;
  text-align: left;
  color:var(--color-primary);
}
#no-width-2{
  width:210px;
}

     .re-btn {
       height: 2.08rem;
       font-size: 1.67rem;
       line-height: 2rem;
       text-align: right;
       font-style: normal;
       margin:10px auto;
       cursor: pointer;
       color:#666;
     }

     .foot-2-box .foot-item-content,
     .foot-6-box .foot-item-content,
     .foot-8-box .foot-item-content {
       display: grid;
       grid-auto-flow: column;
       gap: 55px;
       top: 60px;
       max-height: none;
       justify-content: center;
     }
.foot-2-box{
  position: relative;
}
.foot-2-box .foot-item-content{
  position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    right: 0;
  left:0;
  max-width: 1200px;
    margin: auto;
}

.foot-2-box .foot-mobile-part img{
  max-height:250px;
}
.foot-8-box .foot-img-container img{
  max-height:280px;
}
     .pm-select-box .foot-item,
     .mobile-note {
       display: none;
       align-content: start;
     }

     .pm-select-box .foot-item-content {
       top: 100px !important;
       gap: 10px !important;
     }

     .pm-select-box .foot-item.show {
       display: block;
     }

   

     @media (min-width: 769px) { 
      .nyg-mask-box{
       min-height:900px;
      }
       .left-part{
         margin-left:5vw;
       }
       .foot-item-faq{
         display:none;
       }      
       .foot-mobile-part{
           display:none!important;
       }
       .foot-0-item{
         width:300px;
         background: #f2f2f2;
         height: fit-content!important;        
         gap:10px;
         max-width:25vh;
       }
       .foot-0-item img{
         width:100%;
       }
       .foot-0-item,.foot-1-item,.type-swatch-item{
  border:1px solid transparent;
}
.foot-0-item:hover,.foot-1-item:hover,.type-swatch-item:hover{
  border:1px solid var(--red-color);
}
     }

     @media (max-width: 769px) {
       .foot-img-container{
         background: url(/cdn/shop/files/measure-bg-new-7.webp) no-repeat;
         background-size: auto 100%;
        text-align: center;
        background-position: center top;
        height: 180px;
        width:200px;
         text-align: center;
    }
        .foot-img-container img{
          width:auto;
        }
     .foot-5-box .type-swatch-item, .foot-6-box .type-swatch-item,.foot-7-box .type-swatch-item{
        padding:0;
      }
        .foot-text-container{
            align-self: center;
    padding-left: 20px;
    text-align: left;
          flex:1;
        }
          .foot-8-box .foot-img-container{
            width:50%;
            height:auto;
            max-height:280px;
          }
       
       .foot-panel-container{
         width:50%;  
         justify-content: space-between;
        display: flex;
        flex-direction: column;
       }
       .foot-panel-container  .panel-box{
             display: flex;
    flex-direction: column;
    align-items: self-start;
         margin-left: 15px;
         padding-bottom: 0;
        margin-top: 0px;
         border-image: linear-gradient(69deg, rgba(200, 186, 176, 1), rgba(240, 235, 230, 1)) 1 1;
         font-size:16px;
         font-weight: 600;
       }
       .comfirm-btn {
         flex-direction: column;
         position: relative;
         margin-bottom: -5rem;
       }
      
  .pm-select-box .foot-item-title{
       height:50px;
     }
       .nyg-mask-box{
         height:100%!important;
       }
  

       .re-btn {
         font-size: 1.6rem;
       }
       .foot-2-box .foot-item-content {
         gap: 0;
       }

       .pm-select-box.show-item {
         background: none;
       }
     
       .parent-sec {
         display: flex;
         visibility:hidden;
         bottom:0;
       }

       .base-foot-box .foot-item-content .item .header-bar {
         top: 90px;
       }

       .base-foot-box .foot-item-content .item .header-bar-2 {
         top: 113px;
       }

       .foot-container .pm-select-box .foot-item-content {
         display: flex;
         flex-direction: column;
         width: 100vw;
       }

       .pm-select-box {
         display: inline-block;
       }

       .pm-select-box .foot-item.show {
         display: flex;
         width: 100%;
         margin: auto;
          max-height: 187px;
       }

       .pm-select-box .foot-item .mobile-note {
         width: 40%;
         background: #652a0d;
         color: white;
         font-family: Quicksand;
         aspect-ratio: 1;
         justify-content: center;
         align-items: start;
         display: flex;
         flex-direction: column;
         padding-left: 20px;
       }

       .mobile-note p:first-child {
         margin: 0;
       }

       .pm-select-box .foot-item .mobile-note .m-n-h {
         font-size: 17px;
         font-weight: 600;
       }

       .pm-select-box .foot-item .mobile-note .m-n-n {
         font-size: 12px;
         font-weight: 500;
         text-align: left;
       }

       .pm-select-box .foot-item .mobile-note button {
         width: 100px;
         height: 33px;
         background: #ffffff;
         box-shadow: 0px 2px 2px 0px #b4afa3;
         border-radius: 14px;
         font-weight: 500;
         font-size: 17px;
         color: #652a0d;
         border: 0;
       }

       .pm-select-box .foot-item picture {
         width: 60%;
         display: flex;
         align-items: center;
       }

       .foot-0-box .foot-item-content,
       .foot-1-box .foot-item-content,
       .pm-select-box .foot-item-content,
       .pm-select-box .foot-item-box {
         position: relative !important;
         height: auto !important;
         top: 20px !important;
       }

       .pm-select-box .foot-item picture img {
         aspect-ratio: 420/330;
         width: 100%;
         height: 100%;
       }

       .pm-select-box .note2,
       .pm-select-box .foot-item .note,
       .pm-select-box .foot-item .name,
       .pm-select-box .foot-item .header-bar-3 {
         display: none !important;
       }

     }

     .foot-0-box .foot-item-content,
     .foot-1-box .foot-item:hover, {
       box-shadow: 3px 4px 6px 1px #00000030;
     }

     .foot-2-box .foot-2-item {
       margin: auto;
       display: grid;
       justify-content: center;
       align-content: center;
       justify-items: center;
     }


    .nyg-mask-box .foot-5-box img{
       height:100%;
     }
.type-swatch{
  margin-top:20px;
}
.type-swatch-item{
  background: white;
  width:100%;
  padding:8px 20px;
  border:1px solid white;
}
.type-swatch-item .desc{
  color:#666;
  font-size:14px;
}
.type-swatch-item .title{
  font-size:20px;
  margin-bottom:-4px;
}
.type-swatch-item.active{
  border:1px solid var(--red-color)
}
.type-swatch button{
  display: inline-block!important;
    width: 136px;
}

     .foot-5-item {
       display: block;
       height: 100%;
     }
     .foot-7-item .name,
     .foot-6-item .name,
     .foot-5-item .name {
       min-width: 180px;
       height: 38px;
       background: #ffffff;
       box-shadow: 0px 2px 4px 0px #b4afa3;
       border-radius: 6px;
       margin: auto;
       white-space: pre;
       display: inline-block;
       padding: 0 10px;
     }

     .foot-item-content .item {
       height: 100%;
       position: relative;
     }


.nyg-mask-box  .foot-1-item img{
max-height:334px;
}
     .nyg-mask-box img {
       max-width: 100%;    
       height:100%;
       
     }

     .foot-item-content {
       top: 60px;
     }
     
     .foot-2-item .name,
     .foot-5-item .name,
     .foot-6-item .name,
     .foot-7-item .name {
       position: absolute;
       bottom: -60px;
       width: 130px;
       height: 38px;
       line-height: 38px;
       border-radius: 6px;
       font-size:14px;
     }
 .foot-2-item .name{
   bottom: 26%;
    right: 0;
    left: 0;
    margin: auto;
 }

     .foot-7-item .name {
       bottom: 10px;
       font-size: 16px !important;
     }

     .MTool-name {
       color: #757575;
       font-size: 18px;
       font-weight: 600;
     }

     .MTool-Stepcontent {
       height: 12px;
       font-weight: 400;
       font-size: 14px;
       display: none;
     }

     .MTool-Step.active {
       color: #652a0d;
       cursor:pointer;
     }
 .MTool-Step.active .MTool-Stepcontent{
   display:block;
 }

     .MTool-num {
       margin: 0;
     }

     .MTool-num span {
       width: 20px;
       height: 20px;
       background: #b6b6b6;
       color: white;
       border-radius: 4px;
       display: inline-block;
       line-height: 20px;
     }

     .MTool-Step.active .MTool-num span {
       background: #652a0d;
     }

     .MTool-Step.active .MTool-name {
       color: #652a0d;
     }

     .submit-btn,
     .submit-btn-2 {    
       border-radius: 4px;
       background: var(--red-color);
       color:white;
       display: block;
       padding:10px 18px;
       font-family:var(--heading-font);
       cursor: pointer;
     }



     .foot-2-box-b2 .input-wrapper {
       position: relative;
     }

     .input-wrapper {
       position: relative;
     }

     .input-field {
       position: relative;
       margin:20px 0;
       display: inline-block;
     }

     .input-field input {
       width: 160px;
       height: 38px;
       background: #ffffff;
       border-radius: 6px;
       --color-heading:var(--red-color);
     }

     .input-field .label {
       position: absolute;
       right: 20px;
       top: 5px;
     }

    #no-width-2 .input-field .label{
      right:40px;
    }
.foot-0-box .foot-mobile-part,.foot-1-box .foot-mobile-part{
  padding-top:20px!important;
}
     .nyg-mask-content-box {
       width: 100%;
       position: relative;
       height: 100%;
        height: calc(100% - var(--top-header-height));
     }

     .MTool-footer {
       width: 100%;
       height: 100px;
       background: #f2f2f2;
       display: flex;
       justify-content: center;
       align-items: center;
     }

     .MTool-footer .MTool-StepBar {
       display: flex;
       max-width: 92%;
       margin: 0 auto;
     }

     .MTool-Step {
       text-align: center;
       flex: 1;
       min-width: 150px;
     }

     .MTool-line {
       flex: 1;
       width: 100px;
       height: 1px;
       background: lightslategray;
       align-self: center;
       padding: 0 20px;
     }

     form button {
       border: 0;
     }

     .close-button {
       position: absolute;
       top: 10px;
       right: 15px;
       font-size: 24px;
       cursor: pointer;
     }

     .popup-trigger-button {
       margin-top: 0;
     }

     .measurement-in-product-box {
       display: block;
     }

     .t4s-product__info-wrapper .measurement-in-product-box {
       display: block;
     }

     .foot-3-right-box {
       padding-left: 20px;
     }

     .foot-3-left-box .foot-item-title {
       text-align: left !important;
     }

     .foot-3-left-box input {
       border: unset;
       flex: 1;
       background-color: #f6f6f6;
       height: 25px;
       font-size: 12px;
       padding: 2px 10px;
     }

     .foot-3-left-box .input-wrapper {
       display: flex;
       align-items: center;
       gap: 15px;
     }

     .foot-3-left-box .input-field {
       border: 1px solid #666;
       display: flex;
       flex: 1;
       align-items: center;
     }

     .foot-3-left-box .submit-btn {
       background-color: #000;
       color: #fff;
       padding: 2px 15px;
       font-size: 12px;
       cursor: pointer;
     }

     .foot-3-left-box .note-box {
       display: flex;
       margin-top: 10px;
     }

     .foot-3-left-box .note-box svg {
       flex-shrink: 0;
       width: 10px;
     }

     .foot-3-left-box .note-box span {
       font-size: 12px;
       vertical-align: middle;
       line-height: 1.2;
       display: inline-block;
       padding-left: 5px;
     }

     .foot-3-left-box .input-field .label {
       background-color: #fff;
       padding: 2px;
       color: #000;
       border-left: 1px solid #666;
       font-size: 12px;
       width: 60px;
       text-align: center;
     }

     .foot-3-inner-box {
       display: flex;
       align-items: center;
     }
     
     .foot-3-left-box,
     .foot-3-right-box {
       width: 50%;
     }

     .foot-4-item {
       position: relative;
     }
     .foot-4-item img{
       height:100%;
     }
     .foot-4-right-box {
       padding-left: 20px;
     }

     .foot-4-left-box .foot-item-title {
       text-align: left !important;
     }

     .foot-4-left-box input {
       border: unset;
       flex: 1;
       background-color: #f6f6f6;
       height: 25px;
       font-size: 12px;
       padding: 2px 10px;
     }

     .foot-4-left-box .input-wrapper {
       display: flex;
       align-items: center;
       gap: 15px;
     }

     .foot-4-left-box .input-field {
       border: 1px solid #666;
       display: flex;
       flex: 1;
       align-items: center;
     }

     .foot-4-left-box .submit-btn {
       background-color: #000;
       color: #fff;
       padding: 2px 15px;
       font-size: 12px;
       cursor: pointer;
     }

     .foot-4-left-box .note-box {
       display: flex;
       margin-top: 10px;
     }

     .foot-4-left-box .note-box svg {
       flex-shrink: 0;
       width: 10px;
     }

     .foot-4-left-box .note-box span {
       font-size: 12px;
       vertical-align: middle;
       line-height: 1.2;
       display: inline-block;
       padding-left: 5px;
     }

     .foot-4-left-box .input-field .label {
       background-color: #fff;
       padding: 2px;
       color: #000;
       border-left: 1px solid #666;
       font-size: 12px;
       width: 60px;
       text-align: center;
     }

     .foot-4-inner-box {
       display: flex;
       align-items: center;
     }

     .foot-4-left-box,
     .foot-4-right-box {
       width: 50%;
     }

     .foot-item-box:not(.show-item) {
       display: none;
     }

     .measurement-in-product-box .click-btn {
       background: #000;
       color: #fff;
       border-color: #000;
       font-size: 18px;
       padding: 5px;
       text-align: center;
       cursor: pointer;
       transition: all 0.3s ease;
       width: 250px;
       margin-bottom: 5px;
     }

     .measurement-in-product-box .click-btn-box .tips-box {
       font-size: 12px;
       color: #912626;
     }

     .measurement-in-product-box .click-btn-box {
       margin-bottom: 20px;
     }

     .measurement-in-product-box .click-btn:hover {
       opacity: 0.8;
     }

     .nyg-mask-box {
       width: 100%;     
       top: 0px;
       left: 0px;
       z-index: 2222222222;
       visibility:hidden;
       height: calc(100vh - var(--bottom-footer-height));
      
     }

     .nyg-mask-inner-box {
       width: 100%;
       position: relative;
       display: inline-block;
       height: 100%;     
     }

     .nyg-mask-inner-box .close-btn {
       position: absolute;
       top: 10px;
       right: 10px;
       cursor: pointer;
     }

     .nyg-mask-inner-box .close-btn svg {
       width: 30px;
       height: 30px;
     }

     .nyg-mask-inner-box .return-btn {
       position: absolute;
       top: 25px;
       left: 40px;
       cursor: pointer;
       display: none;
     }

     .nyg-mask-inner-box .return-btn svg {
       width: 22px;
       height: 22px;
     }

     .foot-8-box .foot-item-content {
       max-height: none;
       top: 81px;
     }

   
     .grid-cols-2{
        display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap:15px;
     }
     .foot-1-box .foot-item-content {            
       height:fit-content;
     }
    .foot-1-box{
      position: relative;
    }
     .foot-1-box .swiper{
       margin:auto;
       position: absolute;
    width: 70vw;
    left: 5vw;
    margin: 0 auto;
    top: 120px;
    bottom: 0;
       padding-right: 20px;
       max-width: 1200px;
       min-width:500px;
           height: fit-content;
    padding-bottom: 60px;
     }
 .foot-1-box .swiper-arrow{
   opacity: 1;
   visibility: visible;
 }

.foot-1-box .swiper-actions{
  display:block!important;
}

     .foot-5-box .foot-item-content {      
       justify-content: center;
       gap: 15px;
     }

     .foot-5-box .foot-item-content .note {
       font-size: 12px;
       line-height: 1.3;
     }

     .foot-6-box .foot-item-content{
       display: grid;
       grid-template-columns: repeat(auto, 1fr);
     }


     .foot-6-box .foot-item-content .note {
       font-weight: 500;
       font-size: 16px;
       color: #652a0d;
       width: 250px;
       height: 52px;
       background: #ffffff;
       border-radius: 8px;
       opacity: 0.75;
       bottom: 77px;
       margin: auto;
       left: 0;
       right: 0;
       white-space: pre-line;
       line-height: 18px;
       display: flex;
       justify-content: center;
       align-items: center;
       position: absolute;
       z-index: 3;
     }
     .foot-fullness-box .type-swatch-item:not(.show){
       display:none!important;
     }

     .foot-item-box .foot-item {
       text-align: center;
       cursor: pointer;
       position: relative;
     }

     .foot-container
      {
       /* background: url(/cdn/shop/files/measurement-bg3.webp) no-repeat; */
       background: url(/cdn/shop/files/measure-bg-new-9.webp) no-repeat;
       background-size: auto 100%;
       text-align: center;
       background-position: right top;
        height: 100%;
        display: flex;
     }
     .foot-item-box{
       display: flex;
       width:100%;
       max-width: 1520px;
       margin:auto;
       height:100%;       
     }
     .foot-2-box .item {
       margin-left: auto;
       height:100%;
       display:block;
     }

     .foot-2-box .item:nth-child(2) {
       margin-right: auto;
     }

     .foot-1-item {
       background: #f2f2f2;
       border-radius: 4px;
       height:fit-content!important;
       box-sizing: content-box;
     }
     .foot-1-item:not(.show){
       display: none;
     }
     .foot-1-item.active {
       border:1px solid var(--red-color)!important;   
     }

  
     .foot-1-item.item .name,.foot-0-item.item .name {
       margin-top: -10px;
       font-size:20px;
       background: #f2f2f2;
       color: #652a0d;
       border-radius: 10px;
       padding-top:5px;
     }
 .foot-1-item.item .desc,.foot-0-item.item .desc{
   padding:5px 15px;
   height:9rem;
   font-size:14px;
   color:#999;
 }
    .foot-0-item img{
      max-width:350px;
      height:auto;
    }
 

    .foot-0-box .item.active {
     border:1px solid var(--red-color);
     }

     .foot-item-box .item .countinue-btn {
       opacity: 0;
       font-size: 12px;
       padding: 2px;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -140%);
       background: #000;
       max-width: 120px;
       width: 100%;
       color: #fff;
       cursor: pointer;
     }

     .foot-item-box .item:hover .countinue-btn {
       opacity: 0;
     }

     .foot-item-title { 
       font-size:30px;
       text-align: left;
       letter-spacing: 1px;
       line-height:36px;
     }

     .foot-item-title2 {
       font-weight: 400;
       font-size: 16px;
       text-align: left;
       padding-top: 10px;
       font-family: var(--heading-font)
     }
     
     .foot-item-desc {
       font-size: 14px;
       text-align: center;
     }

     .panel-box {
       font-size: 20px;
       color: #3B1B0C;
       line-height: 25px;
           justify-content: space-between;
    width: 100%;
       display: flex;
       border-bottom: 1px solid;
border-image: linear-gradient(68deg, rgba(240, 235, 230, 1), rgba(200, 186, 176, 1)) 1 1;
       padding-bottom:10px;
       margin-top:10px;
       font-weight:600;
     }
     .panel-box span{
        font-weight: 400;
       font-size:16px;
        font-family: var(--body-font);
       color:#242222;
     }
     .room-name-input{
           width: 100%;
    height: 40px;
    border: 0;
    border-radius: 4px;
     }


.foot-6-item picture.loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border: 3px solid rgba(0,0,0,0.1);
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin2 1s ease-in-out infinite;
  transform: translate(-50%, -50%);
}

.foot-6-item picture.loading img {
  opacity: 0; 
}

@keyframes spin2 {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

.room-name-input::placeholder {
  text-align: center;
}
     .foot-8-box .content-box:first-child {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: end;
     }

     .foot-8-box .content-box:last-child {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: start;
     }

    
     .foot-8-box .foot-item-content .qty-box p {
       font-weight: 600;
       font-size: 24px;
       color: #652a0d;
       line-height: 30px;
       text-align: left;
       margin: 12px 0;
     }

     .base-foot-box .foot-item-content {
       display: block;
     }

     .foot-3-box .foot-item-content .item,
     .foot-4-box .foot-item-content .item ,
.foot-8-box .foot-item-content{
       margin: auto;
       display:block;
     }

     .base-foot-box .foot-item-content .item .header-bar {
       position: absolute;
       top: 120px;
       transform: scale(1.5);
       margin: auto;
       right: 0;
       left: 0;
     }

 

     @media screen and (max-width: 769px) {
       .foot-7-box .left-part .submit-btn,.foot-6-box .left-part .submit-btn{
            position: sticky;
    bottom: -77px;
       }
       #no-width-2{
         width:100%;
       }
       #no-width-2 .input-wrapper{
         flex-direction: row;
       }
       #no-width-2 .input-wrapper input{
         width:80%;
       }
       #no-width-2 .input-field .label{
         right:10%;
       }
       
       .submit-btn, .submit-btn-2{
         margin:auto;
       }
       .foot-mobile-part .foot-2-item  .name{
         bottom:-30%;
       }
       .room-name-input{
         --input-padding:0 14rem 0 16rem!important;
       }
       
       .nyg-mask-content-box .foot-0-box .left-part >h1{
         font-size:30px;
         margin:10px;
       }
        .foot-1-item.item .name,.foot-0-item.item .name{
         margin-top:0;
         background:white;
       }
       .foot-container{
         background:#F5F3F1;
       }
       .left-part{
         width:100%;
         align-items: center !important;
         padding-top:20px;
         overflow: scroll;
                 height: 100%;
        padding-bottom: 200px;
       }  
       .foot-pc-part{
           display:none!important;
       }
       .left-part > div{
         text-align: center;
         width:100%;
         padding:0 20px;
       }
       .foot-item-content{
         display:none;
       }
       .foot-item-title2 {
         font-size: 14px;
       }
       .foot-mobile-part .foot-1-item,.foot-mobile-part .foot-0-item{
         height:200px!important;
         background: white;
         border: 1px solid transparent;
       }
       .foot-6-box .item .name,
       .foot-8-box .item .name {
         bottom: 5px;
       }

       .foot-6-box .foot-item-content,
       .foot-8-box .foot-item-content {
         grid-auto-flow: row !important;
       }

       .MTool-footer {
         position: fixed;
        bottom: 0;
        z-index: 9999999999;
        overflow: scroll;
        left: 0;
        height: 59px;
        width: 100%;
         background: white;
       }
       .MTool-footer::-webkit-scrollbar {
  display: none; 
}
.MTool-Step{
  min-width:100px;
}
       .nyg-mask-content-box{
         height:100%;
       }
       .MTool-Step.active .MTool-Stepcontent{
         font-size:12px;
       }
       .MTool-name{
         font-size:14px;
       }
       .nyg-mask-inner-box {
         height: 100%;
         background: #F5F3F1;
       }

       .nyg-mask-inner-box .return-btn {
         left: 20px;
        bottom: 60px;
        top: auto;
       }

       .foot-item-desc {
         padding: 0;
       }

      
       .foot-1-box.foot-item-box .item .name,.foot-0-box.foot-item-box .item .name{
         font-size:18px;
       }

       .foot-item-title {
        margin: 5px 0;
        font-size: 20px;
        line-height: 26px;
       }

       .foot-4-inner-box,
       .foot-3-inner-box {
         flex-direction: column-reverse;
       }

       .foot-3-box .foot-2-item {
         overflow: visible;
       }

      
       .input-range-box {
         top: 66px;
       }

       .foot-3-No-box-2 .input-range-box {
         top: 81px;
       }

       .foot-3-No-box-2 .input-range-box .input-wrapper .input-field:last-child {
        
       }
.foot-3-No-box-2
         .input-range-box
         .input-wrapper
         .input-field:first-child {
        
       }
       .foot-4-No-box .header-bar-3 {
         top: 183px !important;
         height: 390px !important;
       }

       .foot-4-No-box-2 .header-bar {
         top: 130px !important;
       }

       .foot-4-No-box-2 .header-bar-3 {
         height: 39px !important;
         top: 146px !important;
       }

       

       .foot-3-No-box-2 .input-range-box .input-wrapper .input-field .label {
         right: 10px;
       }

       .input-range-box input {
         width: 100%;
       }


       .foot-item-box.show-item {
         padding: 0;
       }

       .foot-item-title {
         padding: 0;
       }
       .foot-3-box .foot-mobile-part img,.foot-4-box .foot-mobile-part img{
         height:auto;
       }
       .foot-8-box .content-box >.flex{
         max-height:350px;
       }
       .foot-4-left-box,
       .foot-4-right-box,
       .foot-3-left-box,
       .foot-3-right-box {
         width: 100%;
       }

       .foot-4-left-box input,
       .foot-3-left-box input {
         max-width: 150px;
       }

       .foot-item-box .item .name {
         font-size: 14px;        
       }
       .foot-0-item img{
         width:50%;
       }
       .foot-1-item .text-container,.foot-0-item .text-container{
         text-align: left;
         justify-content: center;
       }
        .foot-1-item .text-container .desc,.foot-0-item .text-container .desc{
          height:10rem;
          padding-left: 0;
        }

       .foot-1-box .left-part{
         padding-bottom:20px!important;
       }
      .foot-1-box .foot-mobile-part{
        padding-bottom:200px;
      }
       .foot-3-box .foot-mobile-part, .foot-4-box .foot-mobile-part{
        padding:10px 0 0 0;
      }

     }

     .nygment-tips-maskbox {
       display: none;
       background-color: rgba(0, 0, 0, 0.5);
       position: fixed;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 100%;
       z-index: 22222222222222;
     }

     .nygment-tips-maskbox-inner {
       position: absolute;
       right: 0px;
       width: 420px;
       padding: 30px 20px;
       background-color: #ffffff;
       height: 100%;
     }

     .foot-8-box {
       text-align: center;
     }

     .nygment-tips-maskbox-inner .header-box {
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding-bottom: 20px;
       border-bottom: 1px solid #ccc;
     }

     .nygment-tips-maskbox-inner .header-box .title-box {
       font-size: 25px;
       font-weight: bold;
       color: #000000;
     }

     .nygment-tips-maskbox-inner .header-box .icon-close-box {
       width: 30px;
       height: 30px;
     }

     .nygment-tips-maskbox-inner .header-box .icon-close-box svg {
       width: 100%;
       height: 100%;
       cursor: pointer;
     }

     .nygment-tips-maskbox-inner .header-box .icon-close-box svg rect {
       fill: #000000;
     }

     .nygment-tips-maskbox-inner .content-box {
       overflow: auto;
       max-height: 100%;
       padding-bottom: 30px;
       padding-top: 30px;
     }

     .nygment_tips {
       font-size: 14px;
       color: #727171;
     }

     .nygment-tips-box {
       display: inline-block;
       width: 14px;
       height: 15px;
       line-height: 0;
       margin-left: 10px;
       cursor: pointer;
       transform: translateY(2px);
     }

     .nygment-tips-box svg {
       width: 100%;
       height: 100%;
     }

     @keyframes jump {
       0% {
         transform: translateY(0);
       }

       50% {
         transform: translateY(-5px);
       }

       100% {
         transform: translateY(0);
       }
     }

     .nygment-tips-box svg {
       animation: jump 1s infinite;
       animation-delay: 1s;
     }

     @media screen and (max-width: 589px) {
       .nygment-tips-maskbox-inner {
         width: 100%;
       }
     }