@charset "UTF-8";
html{
  font-size: 6.25vw;
}
@media screen and  (min-width:1600px){
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

html {
  scrollbar-width: thin;
  scrollbar-color: #ffa200 #f5f0eb;
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #ffa200;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #ffa200;border-radius:8px;
}	


.w_width{max-width:1000px; margin-right: auto; margin-left: auto;}
.w1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:1rem;padding-right:1rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 2.93%;padding-right:2.93%;}
}




/* 头部样式 */
.header {
width: 100%;
background: rgba(255, 162, 0, 1);
    display: flex;
    align-items: center;
    padding: 0.1rem 0.3rem;
}

.header .logo {
display: inline-flex;
font-size: 0.37rem;
font-weight: 900;
letter-spacing: 0px;
line-height: 0.5rem;
color: rgba(39, 39, 39, 1);

}

@media  screen and (max-width: 767px){
.header {
    padding: 0.3rem 2.93%;
}
.header .logo {
font-size: 0.74rem;
line-height: 1.4rem;
}
}
/* Banner样式 */
.banner {width: 100%;display: block;
    position: relative;
}
.banner .box { display: inline-flex; position: absolute; left: 0; bottom: 0; z-index: 10;
 flex-direction: column;
}
.banner .box .tit1{ display: inline-flex;
border-radius: 2px;
background: rgba(255, 162, 0, 1);
font-size: 0.63rem;
font-weight: 700;
letter-spacing: 0px;
line-height: 0.91rem; padding:0 0.47rem 0 0.59rem;
color: rgba(255, 255, 255, 1);

}
.banner .box .tit2{ display: inline-flex;
background: rgba(245, 240, 235, 1);
font-size: 0.38rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.55rem; padding:0.13rem 1.17rem 0.16rem 0.59rem;
color: rgba(47, 47, 47, 1);
}

.size42{ display: block; width: 100%;
font-size: 0.42rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.56rem;
color: rgba(47, 47, 47, 1);
text-align: center;
vertical-align: top;
}
.h-title{ display: block; width: 100%;
font-size: 0.42rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.6rem;
color: rgba(253, 173, 33, 1);
text-align: center;
}
.h-info{ display: block; width: 100%; margin-top: 0.33rem;
font-size: 0.24rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.45rem;
color: rgba(47, 47, 47, 1);
text-align: center;
vertical-align: top;
}

@media  screen and (max-width: 767px){
.banner .box .tit1{
font-size:0.8rem;
line-height: 1.2rem; padding:0.1rem 0.9rem 0.1rem 0.9rem;
}
.banner .box .tit2{
font-size: 0.6rem;
line-height:1.4rem; padding:0.26rem 0.9rem 0.32rem 0.9rem;
}

.size42{
font-size: 0.84rem;
line-height: 1.12rem;
}
.h-title{ 
font-size: 0.84rem;
line-height: 1.2rem;
}
.h-info{  margin-top: 0.66rem;
font-size: 0.5rem;
line-height: 0.9rem;
}
}

/* 通栏背景颜色区域样式 */
.section1 {
width: 100%;
    background: linear-gradient(180deg, rgba(245, 240, 235, 1) 0%, rgba(245, 240, 235, 1) 100%);
    padding-top:0.91rem;padding-bottom:0.67rem;
}

.section1 .case1 {
    width: 100%; display: block; padding:0 0.2rem;
}

.section1 .u2 {
    display: flex;
    gap: 0.3rem;
grid-template-columns: repeat(3, 1fr);
}

.section1 .u2 li {
 display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
width: 100%;
border-radius: 0.16rem; position: relative;
background: rgba(255, 255, 255, 1); padding:0.39rem 0.1rem 0.33rem 0.1rem;
}

.section1 .u2 li:hover {
    transform: translateY(-5px);
}

.section1 .u2 .pic {
width: 0.31rem; position: absolute; left:50%; top: 0; transform: translate(-50%,-50%);
height: 0.31rem;
opacity: 1; border-radius: 50%; display:flex; align-items: center; justify-content: center;
background: rgba(255, 255, 255, 1);

}

.section1 .u2 .pic img {
    width: 0.25rem;
    height: 0.25rem;
    object-fit: contain;
    
}
.section1 .u2 .tit1 {
    width: 100%;
    font-size: 0.28rem;
    font-weight: 500;
    letter-spacing: 0px;
    line-height:0.4rem;
    color: rgba(255, 100, 0, 1);
    text-align: center;

}

.section1 .info{ margin:0.39rem 0 0.49rem 0;
    display: block; width: 100%; text-align: center;
font-size: 0.28rem;
font-weight: 500;
letter-spacing: 0px;
line-height:0.41rem;
color: rgba(47, 47, 47, 1);

}

@media  screen and (max-width: 767px){
.section1 {
    padding-top:1.8rem;padding-bottom:1.3rem;
}

.section1 .case1 {
 padding:0;
}

.section1 .u2 li {
border-radius: 0.32rem; padding:0.8rem 0.2rem 0.66rem 0.2rem;
}

.section1 .u2 .pic {
width:0.9rem;
height:0.9rem;
}

.section1 .u2 .pic img {
    width:0.8rem;
    height: 0.8rem;

    
}
.section1 .u2 .tit1 {
    font-size: 0.48rem;
    line-height:0.78rem;

}

.section1 .info{ margin:0.8rem 0 1rem 0;
    
font-size: 0.56rem;

line-height:0.82rem;
}
}


/* 内容区域样式 */
.section2 { width: 100%;
    padding-top:38px;padding-bottom:47px;
}

.section2 .case2 {display: block; width: 100%;
    margin-top: 0.66rem;
}

.section2 .u3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
    list-style: none;
    margin-bottom: 0.53rem;
}

.section2 .u3 .li {
width: 100%; overflow: hidden;
opacity: 1;
border-radius: 0.45rem;
background: rgba(245, 240, 235, 1);
border: 1px solid rgba(237, 235, 232, 1);
    transition: transform 0.3s;
}

.section2 .u3 .li:hover {
    transform: translateY(-5px);
}

.section2 .u3 .pic { display: block; width: 100%; line-height: 0;
 aspect-ratio: 100 / 50;
    overflow: hidden;
}

.section2 .u3 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.section2 .u3 .li:hover .pic img {
    transform: scale(1.05);
}

.section2 .u3 .text { width: 100%; display: block; position: relative;
     padding:0.36rem 0.25rem 0.36rem 0.25rem;
}
.section2 .u3 .num {position: absolute; left:50%; top: 0; transform: translate(-50%,-50%);display:flex; align-items: center; justify-content: center;
width: 0.5rem;
height:  0.5rem;
opacity: 1;
background: rgba(255, 255, 255, 1);
 border-radius: 50%;
font-size: 0.24rem;
font-weight: 700;
letter-spacing: 0px;
line-height: 1;
color: rgba(255, 162, 2, 1);

}
.section2 .u3 .tit {width: 100%; text-align: center;  display: flex;  flex-wrap: wrap; align-items: center; justify-content: center;
font-size: 0.26rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.38rem;  min-height: 0.76rem;
color: rgba(47, 47, 47, 1);

}
.section2 .u3 .info {width: 100%; text-align: center; margin-top: 0.2rem;
font-size: 0.2rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.32rem;
color: rgba(47, 47, 47, 1);
text-align: justify;
vertical-align: top;
}

@media (max-width:1024px) {

}
@media (max-width:767px) {
.section2 .case2 {
    margin-top:1rem;
}	
.section2 .u3{ display: block;  grid-template-columns: repeat(1, 1fr);  gap: 0.4rem;  margin-bottom:1rem;}  
.section2 .slick-track{ display: flex; }
 .section2 .u3 .info{margin-top: 0.4rem;
font-size: 0.6rem;line-height: 1rem;}
.section2 .u3 .tit {
font-size: 0.8rem;
line-height: 1.4rem; min-height:2.8rem;
}
.section2 .u3 .text {
     padding:0.8rem 0.5rem 0.8rem 0.5rem;
}
.section2 .u3 .num {
width:1.1rem;
height: 1.1rem;
font-size: 0.6rem;
}
}

.section4{ padding-top: 0.36rem; padding-bottom: 0.96rem;
width: 100%;
background: rgba(245, 240, 235, 1);
}

.section4{ padding-top: 0.36rem; padding-bottom: 0.92rem;
width: 100%;
background: rgba(245, 240, 235, 1);
}
.section4 .hd{display: block; width: 100%; margin-top: 0.33rem;
}
.section4 .hd ul{display: grid; gap:14px; width: 100%;grid-template-columns: repeat(3, 1fr);}
.section4 .hd li{ cursor: pointer;
width: 100%; display: flex; align-items: center; justify-content: center;
height: 0.7rem;
opacity: 1;
border-radius: 8px 8px 0px 0px;
background: rgba(209, 226, 184, 1);
font-size: 0.24rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 1;
color: rgba(47, 47, 47, 1);

}
.section4 .hd li.on{background: rgba(125, 200, 0, 1);color: rgba(255, 255, 255, 1);}
.section4 .bd {display: block; width: 100%;
background: rgba(255, 255, 255, 1); padding:23px 20px 0 20px;
}
.section4 .case3 {display: block; width: 100%;
    
}
.section4 .title {display: block; width: 100%;
font-size: 0.34rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.49rem;
color: rgba(253, 173, 33, 1);
text-align: center;
vertical-align: top;
 margin-bottom: 0.31rem;
    
}
.section4 .u3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:0.52rem 0.3rem;
    list-style: none; padding-bottom: 0.51rem;
	border-bottom: 3px dotted rgba(63, 63, 63, 1);
	 margin-bottom: 0.34rem;

}
.section4 .case3:last-child .u3{border-bottom:0 !important;}
.section4 .u3 li {
width: 100%; overflow: hidden;
opacity: 1;
    transition: transform 0.3s;
}

.section4 .u3 li:hover {
    transform: translateY(-5px);
}

.section4 .u3 .pic { display: block; width: 100%; line-height: 0;
 aspect-ratio: 100 / 100;
    overflow: hidden;border-radius: 0.12rem;
}

.section4 .u3 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.section4 .u3 li:hover .pic img {
    transform: scale(1.05);
}
.section4 .u3 .tit {width: 100%;  margin-top: 0.23rem;
font-size: 0.22rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.33rem;
color: rgba(47, 47, 47, 1);
text-align: center;
vertical-align: top;

}


@media (max-width:767px) {
.section4{ padding-top: 0.72rem; padding-bottom:1rem;
}
.section4 .hd{margin-top: 0.66rem;
}
.section4 .hd ul{ gap:0.4rem;}
.section4 .hd li{
height:1.4rem;
font-size: 0.54rem;


}
.section4 .bd { padding:0.5rem 0.5rem 0 0.5rem;
}

.section4 .title {
font-size: 0.68rem;
line-height: 0.9rem;
 margin-bottom: 0.64rem;
    
}
.section4 .u3 {

    gap:0.6rem 0.4rem;
 padding-bottom: 0.51rem;
	border-bottom: 1px dotted rgba(63, 63, 63, 1);
	 margin-bottom: 0.68rem;

}
.section4 .u3 .pic {border-radius: 0.24rem;
}

.section4 .u3 .tit { margin-top: 0.48rem;
font-size: 0.48rem;

line-height: 0.9rem;
}
}

.section5{ padding-top: 0.55rem; padding-bottom: 0.48rem;
width: 100%; position: relative;
}
.section5 .bg{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 1;}

@media (max-width:767px) {
.section5{ padding-top:1.1rem; padding-bottom:1.1rem;
}
}


.form1{ width:7.31rem; margin:0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;/*矩形 3备份*/
border-radius: 0.25rem;
background: rgba(255, 255, 255, 0.92); padding:0.37rem 0.37rem 0.23rem 0.37rem;
}
.form1 .lab{ width:100%; position:relative; display: flex; flex-wrap: wrap; margin-top: 0.33rem;}
.form1 .lab2{ width:100%; position:relative; display: flex; flex-wrap: wrap; margin-top: 0.28rem;}
.form1 .lab1{width: 100%; margin-top: 0.2rem;
font-size: 0.2rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.33rem;
color: rgba(66, 66, 66, 1);
text-align: center;
}
.form1 .w100{ width:100%;}
.form1 .wrap{ flex-wrap: wrap;}
.form1 .title{
font-size: 0.34rem;
font-weight: 700;
letter-spacing: 0px;
line-height: 0.49rem;
color: rgba(253, 173, 33, 1);
text-align: center;
vertical-align: top;
 width: 100%; margin-bottom: 0.21rem;}
 .form1 .info{
font-size: 0.20rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.35rem;
color: rgba(47, 47, 47, 1);
text-align: center;
vertical-align: top;

  width: 100%; padding-bottom: 0.11rem;}
.form1 .name{
font-size: 0.2rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.33rem;
color: rgba(47, 47, 47, 1);
 width: 100%; margin-bottom: 0.1rem;}
.form1 .name span{
font-size: 0.22rem; margin-right: 5px;
font-weight: 500;
color: rgba(255, 25, 25, 1);
}
.form1 .text{ float: left; width: 100%; color: #333333;font-size:0.16rem; line-height:0.44rem; height:0.66rem; padding:0.1em 0.17rem; 
border-radius: 4px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(214, 214, 214, 1);
 border-radius: 8px;
}
.form1 .submit{display: inline-flex; justify-content: center; align-items: center; padding-bottom: 1px;
border-radius: 0.32rem;
background: rgba(255, 162, 2, 1);
font-size: 0.22rem; height:0.63rem; width:3.18rem; 
font-weight: 500;
line-height: 1;
color: rgba(255, 255, 255, 1);
 margin:0 auto;
}
.form1 .submit:hover{ background:linear-gradient(180deg, rgba(255, 187, 4, 1) 0%, rgba(255, 185, 4, 1) 44.21%, rgba(255, 162, 2, 1) 100%), rgba(255, 162, 2, 1);}
.form1 .dl{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:2px 0 5px 0; 
border-bottom: 1px dashed rgba(151, 151, 151, 1);
}
.form1 .dd{display: flex; align-items: flex-start; width: 50%; margin: 0.13rem 0;
font-size: 0.22rem;
font-weight: 500;
letter-spacing: 0px;
line-height:0.33rem;
color: rgba(47, 47, 47, 1);

}
.form1 .dd .check{ cursor: pointer; position:relative; min-width:0.32rem; height:0.32rem; display:flex; margin:1px 0.17rem 0 0;background: #fff;
border-radius: 8px;
border: 1px solid rgba(175, 172, 172, 1);
}
.form1 .dd.checked .check{background:url(../img/checked.svg) rgba(255, 162, 2, 1) center no-repeat;border: 1px solid rgba(255, 162, 2, 1); background-size: 100% 100%; }
.form1 .checkbox{display: flex; align-items: flex-start; width: 100%; margin-top: 0.25rem;
font-size: 0.22rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.33rem;
color: rgba(255, 162, 2, 1);
}
.form1 .checkbox .check{ cursor: pointer; position:relative; min-width:0.32rem; height:0.32rem; display:flex; margin:1px 0.17rem 0 0;background: #fff;
border-radius: 8px;
border: 1px solid rgba(175, 172, 172, 1);
}
.form1 .checkbox .check.checked{background:url(../img/checked.svg) rgba(255, 162, 2, 1) center no-repeat;border: 1px solid rgba(255, 162, 2, 1); background-size: 100% 100%; }


.form1 input::placeholder{ color:#666; opacity:1 !important;}
.form1 textarea::placeholder{ color:#666; opacity:1 !important;}

@media screen and (max-width:1024px) {
.form1{ width: 100%;}	
}
@media screen and (max-width:767px) {
.form1{ 
border-radius: 0.5rem; padding:0.74rem 0.74rem 0.74rem 0.74rem;
}
.form1 .lab{margin-top: 0.6rem;}
.form1 .lab2{ margin-top: 0.5rem;}
.form1 .lab1{margin-top: 0.4rem;
font-size: 0.5rem;
line-height:0.9rem;
}
.form1 .title{
font-size: 0.68rem;
line-height: 0.98rem;
 margin-bottom: 0.42rem;}
 .form1 .info{
font-size: 0.5rem;
line-height: 0.9rem;padding-bottom:0;}
.form1 .name{
font-size: 0.5rem;
line-height: 0.9rem;margin-bottom: 0.2rem;}
.form1 .name span{
font-size: 0.6rem;
}
.form1 .text{font-size:0.5rem; line-height:1rem; height:1.6rem; padding:0.3em 0.34rem; 
}
.form1 .submit{
border-radius:1.6rem;
font-size: 0.6rem; height:1.4rem; width:7.6rem; 
}

.form1 .dd{
font-size: 0.5rem;
line-height:0.9rem;

}
.form1 .dd .check{min-width:0.6rem; height:0.6rem; margin:0.15rem 0.3rem 0 0;
}

.form1 .checkbox{ margin-top: 0.5rem;
font-size: 0.5rem;
line-height: 0.9rem;

}
.form1 .checkbox .check{ min-width:0.6rem; height:0.6rem; display:flex; margin:0.15rem 0.3rem 0 0;
}

}


.btn-center {
   display:flex; justify-content: center; width: 100%;
}
.btn-primary {
display:inline-flex; align-items: center; justify-content: center;
height: 0.64rem; padding:0 1.26rem 0 1.26rem;
opacity: 1;
border-radius: 0.64rem;
background: linear-gradient(180deg, rgba(255, 187, 4, 1) 0%, rgba(255, 185, 4, 1) 44.21%, rgba(255, 162, 2, 1) 100%), rgba(255, 162, 2, 1);
background-blend-mode: normalnormal;
box-shadow: 0px 4px 8px  rgba(0, 0, 0, 0.21), 0px 5px 5px 4px rgba(255, 255, 255, 0.25);
	font-size: 0.24rem;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 0.34rem;
	color: rgba(255, 255, 255, 1);

}
.btn-primary:hover {
    transform: translateY(-5px);
}

@media screen and (max-width:767px) {
.btn-primary {
height:1.4rem; padding:0 2.6rem 0 2.6rem;
border-radius: 0.68rem;
	font-size: 0.6rem;
	line-height: 1;
}
}



/* 底部样式 */
.footer {

    background: rgba(255, 162, 2, 1);
    padding-top:0.33rem; padding-bottom:19px;
    
}
.footer-logo{
width:100%;
font-size: 0.28rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.33;
color: rgba(255, 255, 255, 1);
text-align: center;
}
.footer-content{
margin-top: 18px;
width: 100%;
font-size: 0.18rem;
font-weight: 400;
letter-spacing: 0px;
line-height: 0.35rem;
color: rgba(255, 255, 255, 1);
text-align: center;
vertical-align: top; cursor: pointer;
}

.footer-bq{
 margin-top: 4px;
width: 100%;
font-size: 0.18rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.35rem;
color: rgba(255, 255, 255, 1);
text-align: center;
vertical-align: top;
}
.footer-bq a{color: rgba(255, 255, 255, 1);}

@media screen and (max-width:767px) {
.footer {
    padding-top:0.66rem; padding-bottom:1.14rem;
    
}
.footer-logo{
font-size: 0.8rem;
line-height:1.2rem;
}
.footer-content{
font-size: 0.5rem;
line-height: 0.9rem; margin-top: 0.6rem;
}

.footer-bq{
font-size: 0.5rem;
line-height: 0.9rem; margin-top: 0.4rem;
}
}



/* 新添加的样式 */

.section3{width: 100%; padding-top: 0.36rem; padding-bottom: 0.28rem;
background: linear-gradient(180deg, rgba(245, 240, 235, 1) 0%, rgba(245, 240, 235, 1) 100%);
}

.meal-promo { display: flex; flex-wrap: wrap; justify-content: center;
    text-align: center;
}

.meal-image {
    position: relative;
    display: inline-block; line-height: 0;
    border-radius: 0.45rem;aspect-ratio: 100 / 100;
    overflow: hidden; width:4.4rem;
}

.meal-image img {
    width: 100%;
    height: 100%; object-fit: cover;
    height: auto;
    display: block;
}
.meal-btn {
 display: flex; justify-content: center; width: 100%; position: relative; top: 0; margin-top: -0.28rem;
}
.meal-inof {
background: rgba(125, 200, 0, 1);
    color: white;
    padding: 0.06rem 0.55rem 0.09rem 0.55rem;
    border-radius: 0.53rem;
    font-size: 0.26rem; line-height:0.38rem;
    display: inline-flex;
    cursor: pointer;
}

.meal-title {width: 100%;
  display: block;
font-size: 0.42rem;
font-weight: 500;
line-height: 0.60rem;
color: rgba(252, 173, 32, 1);
text-align: center;
vertical-align: top;
text-align: center;
    margin-top: 0.29rem;
}

.price-info { text-align: center;
    width: 7.06rem;
    margin:0.39rem  auto 0 auto;
    opacity: 1;
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 1);
text-align: center; padding:0.43rem 0.2rem 0.19rem 0.2rem;
}

.price-title {
font-size: 0.24rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.41rem;
color: rgba(47, 47, 47, 1);
text-align: center;
width: 100%;
}

.price-per {  margin-top:0.25rem;
font-size: 0.24rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.41rem;
color: rgba(47, 47, 47, 1);
text-align: center;
width: 100%;
}

.price-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.21rem;
    margin: 0.62rem 0 0 0;
}

.feature-item {
    padding: 0.2rem;
    display: flex;
    align-items: center;
    border-radius: 0.26rem;
    background: rgba(245, 240, 235, 1);
 position: relative; flex-wrap: wrap; padding:0.47rem 0.5rem; min-height: 2.29rem;
}


.checkmark {
width: 31px; position: absolute; left:50%; top: 0; transform: translate(-50%,-50%);
height: 31px;
opacity: 1; border-radius: 50%; display:flex; align-items: center; justify-content: center;
background: rgba(255, 255, 255, 1);

}

.checkmark img {
    width: 25px;
    height: 25px;
    object-fit: contain;
 }   

.feature-text {
width: 100%;
font-size: 0.26rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.45rem;
color: rgba(47, 47, 47, 1);
text-align: center;

}

.price-note { width: 100%; text-align: left;
 
 font-size: 0.20rem;
 font-weight: 500;
 letter-spacing: 0px;
 line-height: 0.45rem;
 color: rgba(47, 47, 47, 1);

    margin-top: 0.23rem;
}

.process-steps {
   width: 100%; margin: 0.5rem 0 0.73rem 0;
}
.process-info{
width: 100%; text-align: center;
font-size: 0.24rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.45rem;
color: rgba(47, 47, 47, 1);

}
.process-title {width: 100%;
font-size: 0.42rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.60rem;
color: rgba(53, 46, 38, 1);
text-align: center;
vertical-align: top;
    margin:0.37rem 0 0.48rem 0;
    text-align: center;
}

.steps-container {
    display: grid;
 overflow: hidden;
    gap: 0.5rem;grid-template-columns: repeat(3, 1fr);
}

.step-item {
    flex: 1; position: relative;
    text-align: center;
}
.step-item::after{ display: block; content: ''; position: absolute; right: -0.5rem; top:1.9rem; width: 0.5rem; height:0.32rem; background: url(../img/ico1.png) center no-repeat; background-size:auto 100% !important;}
.step-number {
width: 100%;
font-size: 0.30rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.45rem;
color: rgba(254, 108, 11, 1);
text-align: center;
    margin-bottom: 0.49rem;
}

.step-image {
    margin-bottom: 0.2rem;
	width: 100%;
	height: 1.05rem;
	opacity: 1;
	border-radius: 0.3rem;
	background: rgba(255, 255, 255, 1);
 display: flex; align-items: flex-end; justify-content: center;
}

.step-image img {
    width: 100%;height: 1.22rem; object-fit: contain;
}

.step-info {
width: 100%;
font-size: 0.16rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 0.25rem;
color: #2f2f2f;
text-align: center;
vertical-align: top;

}

@media (max-width:1024px) {
.meal-image{ width: 100%;}	
.price-info{ width: 100%;}   
}
@media (max-width:767px) {
  .steps-container{grid-template-columns: repeat(1, 1fr);} 
  .section3{padding-top: 0.72rem; padding-bottom: 0.56rem;
  }
  

  .meal-image {

      border-radius: 0.9rem;
  }

  .meal-btn {
 margin-top: -0.56rem;
  }
  .meal-inof {

      padding: 0.12rem 1.1rem 0.18rem 1.1rem;
      border-radius: 1rem;
      font-size: 0.52rem; line-height:0.8rem;

  }
  
  .meal-title {
  font-size: 0.84rem;

  line-height: 1.2rem;

      margin-top: 0.58rem;
  }
  
  .price-info {
      margin:0.8rem  auto 0 auto;

      border-radius: 0.9rem;
    padding:0.86rem 0.4rem 0.4rem 0.4rem;
  }
  
  .price-title {
  font-size: 0.56rem;

  line-height: 1rem;

  }
  
  .price-per {  margin-top:0.5rem;
  font-size: 0.56rem;

  line-height: 1rem;

  }
  
  .price-features {

      grid-template-columns: repeat(2, 1fr);
      gap: 0.42rem;
      margin:1.24rem 0 0 0;
  }
  
  .feature-item {
      padding: 0.4rem;

      border-radius: 0.52rem;
 padding:0.94rem 1rem; min-height: 4.5rem;
  }
  
  
  .checkmark {
  width: 0.9rem;
  height: 0.9rem;

  
  }
  
  .checkmark img {
      width: 0.8rem;
      height: 0.8rem;

   }   
  
  .feature-text {

  font-size: 0.6rem;

  line-height: 1rem;

  }
  
  .price-note {
   
   font-size: 0.5rem;

   line-height: 1rem;

  
      margin-top: 0.46rem;
  }
  
  .process-steps {
 margin: 1rem 0 1.46rem 0;
  }
  .process-info{

  font-size: 0.6rem;

  line-height: 1.2rem;

  
  }
  .process-title {
  font-size: 0.84rem;

  line-height: 1.2rem;

      margin:0.74rem 0 0.96rem 0;

  }
  
  .steps-container {

      gap:1.4rem;
  }
  
  .step-number {
  font-size: 0.7rem;
  line-height: 1rem;
      margin-bottom: 1rem;
  }
  
  .step-image {
      margin-bottom: 0.4rem;
  	height: 3.6rem;
  	border-radius: 0.6rem;

  }
  .step-item::after{  right:50%; top:100%; margin-top:0.4rem; width: 0.5rem; height:0.6rem; transform: rotate(90deg); -ms-transform: rotate(90deg); }
  .step-image img {
  height: 4.08rem;
  }
  
  .step-info {

  font-size: 0.6rem;

  line-height: 1rem;
  }
  
}



.grxxbhfz{
position: fixed;
left: 0;
top: 0;
width: 100%; display: none; align-items: center; justify-content: center;
height: 100%; z-index: 30;
background: rgba(0, 0, 0, 0.5);
}
.grxxbhfz.om{ display: flex;}
.grxxbhfz .box{ position: relative; 
width: 1114px; padding:36px;
border-radius: 8px;
background: rgba(255, 255, 255, 1);
font-size: 16px;
font-weight: 500;
letter-spacing: 0px;
line-height:20px;
color: rgba(0, 0, 0, 1);
}
.grxxbhfz .title{
width: 100%; text-align: center;
font-size: 20px;
font-weight: 500;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(23, 23, 23, 1);

}
.grxxbhfz .cont{ display: block; width: 100%; overflow: hidden; overflow-y: auto; max-height: 70vh;scrollbar-width: thin; margin-top: 0.63rem; padding:0 0.16rem;
  scrollbar-color: #ffa200 #f5f0eb; }
 .grxxbhfz .colse{position: absolute; cursor: pointer;
right: 15px;
top:16px;
width:33px; line-height: 0; display: flex; align-items: center; justify-content: center;
height:33px; z-index: 30;}
 .grxxbhfz .colse img{width:23px;height:23px;}
 
 
 @media (max-width:1200px) {
.grxxbhfz .box{ width:94%; padding:25px 10px;}	 
.grxxbhfz .cont{ margin-top:20px; padding:0 5px;}
}	 



/*260204start*/
.size42,
.section2 .u3 .tit,
.meal-title,
.process-title,
.step-number,
.h-title,
.section4 .title{ font-weight: bold;}
.form1 .tt{  color: rgba(47, 47, 47, 1);}


/*260204end*/