html { font-size: 16px; }



.business-flight-section {
  width: 100%;
  padding: 60px 20px 20px 20px;
  background: #ffffff;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
}
.bf-title {
  font-size: clamp(2rem, 2vw, 4rem);
  color: #222222;
  text-align: center;
  margin-bottom: 10px;
  font-weight:700;
}
.bf-desc p {
  font-size: clamp(16px,1vw,22px);
  line-height: 1.5;
  color: #555;
  text-align: left;
}

/* 移动端适配 */
@media (max-width:768px){
  .business-flight-section{
    padding:15px 16px 15px 16px;
  }
  .bf-title{
    margin-bottom:18px;
	font-size: 1.5rem;
  }
  .bf-desc p {
    font-size: 1rem;
    line-height: 1.5;
	}
}



/*机票开始*/
/* 卡片容器 弹性布局 */
        .card-wrap {
            display: flex;
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
        }
        /* 卡片项 */
        .deal-card {
            flex: 1;
            border: 1px solid #e5e7eb;
            border-radius: 0.4rem;
            overflow: hidden;
        }
        /* 头部图片区域 */
        .card-header {
            position: relative;
            height: 15.2rem;
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: flex-end;
        }
        .card-header h2 {
            color: #fff;
            font-size: 1.5rem;
            padding: 2rem;
            text-shadow: 0 0 0.4rem rgba(0,0,0,0.6);
        }
        .header-europe {
            
        }
        .header-asia {
         
        }
        /* 内容区域 */
        .card-body {
            padding: 1rem;
			padding-bottom:1rem;
        }
        .row-title {
            display: flex;
            justify-content: space-between;
            font-size: 1.2rem;
            color: #999;
            margin-bottom: 1.6rem;
        }
        .city-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0;
            border-bottom: 1px solid #eee;
        }
        .city-name {
            font-size: 1.2rem;
            color: #0066cc;
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }
        .price {
            font-size: 1.2rem;
            font-weight: bold;
            color: #0066cc;
        }
        /* 按钮区域 */
        .card-footer {
            padding: 0rem 2rem 1rem 2rem;
            text-align: center;
        }
        .btn-deal {
            padding: 0.8rem 1.5rem;
            background-color: #0066cc;
            color: white;
            border: none;
            border-radius: 0.2rem;
            font-size: 1rem;
            cursor: pointer;
        }
        .btn-deal:hover {
            background-color: #0052a3;
        }


/* 机票隐藏状态 */
.deal-card .card-body a:nth-child(n+9) {
  display: none;
}
/* 卡片展开，全部显示 */
.deal-card.expanded .card-body a:nth-child(n+9) {
  display: block;
}






        /* 响应式：小于768px，卡片垂直排列 */
        @media (max-width:980px) {
            .card-wrap {
                flex-direction: column;max-width:95%; margin:auto;gap: 1rem;
            }
.city-name {font-size: 1.1rem;}
.price {font-size: 1.2rem;}	
.btn-deal {
    padding: 0.6rem 1.1rem;    
    font-size: 0.8rem;
   
}
.card-header {height: 10rem;}			
}
/*机票结束*/




/*开始*/
.container_flights_all {
	background-color: #f9f9f9;
	margin-top: 30px;
	padding-bottom:60px;
	padding-top:60px;
	width:100%;
	

}
.container_flights {
            max-width: 1100px;
            margin: 0 auto;
            text-align: center;
        }
        h1 {
            font-size: 35px;
            color: #111827;
            margin-bottom: 20px;
        }
        .subtitle {
            font-size: 18px;
            color: #374151;
            margin-bottom: 60px;
        }
        .grid-wrap {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }
        .item {
            display: flex;
            text-align: left;
            gap: 16px;
        }
         .item img {
            width: 56px;
            height: 56px;           
        }
        .text h3 {
            font-size: 20px;
            color: #111827;
            margin-bottom: 12px;
            text-transform: uppercase;
        }
        .text p {
            font-size: 16px;
            color: #374151;
            line-height: 1.5;
        }
        /* 自适应：屏幕小于768px改成单列 */
        @media (max-width: 768px) {
            .grid-wrap {
                grid-template-columns: 1fr;
            }
            h1 {font-size: 24px; line-height:27px;}
.subtitle {font-size: 16px;margin-bottom: 30px;}
.container_flights_all {margin-top:10px;padding-top: 30px;padding-bottom: 30px;}

.container_flights {max-width: 95%; margin:auto}
.text h3 {font-size:16px;}
.text p {font-size: 14px;}
.item {gap:10px;}
.item img {width: 42px;height:42px; }

}
/*结束*/



/*开始*/
.flight-wrap {
max-width: 1200px;
margin: 20px auto 48px auto;
padding: 0px;
}
.flight-title {
text-align: center;
font-size: 1.8rem;
color: #111;
font-weight: 700;
margin-bottom: 42px;
}
.flight-row {
display: grid;
/* 固定列宽，严格复刻原图距离：出发机场｜固定间距｜飞机｜固定间距｜到达机场｜舱位｜价格 */
grid-template-columns: 200px 70px 60px 170px 200px 1fr 220px;
align-items: center;
padding: 30px 50px;
border-bottom: 1px solid #e2e2e2;
}
.airport-box .code {
font-size: 22px;
font-weight: 700;
color: #222;
}
.airport-box .name {
font-size: 16px;
color: #6e6e6e;
margin-top: 6px;
}
.plane-icon {
text-align: center;
font-size: 36px;
color: #111;
}
.cabin-text {
text-align: left;
color: #6e6e6e;
font-size: 16px;
}
.price-text {
text-align: right;
font-size: 30px;
font-weight: 700;
color: #222;
}

/* 移动端适配 */
@media (max-width:768px) {
.flight-wrap { margin:0 20px;}
	
.flight-row {
display: flex;
justify-content: space-between;
align-items: center;
padding:24px 0;
}

.flight-title{
font-size:22px;
line-height:28px;
margin-bottom:22px;
}
.flight-row {
grid-template-columns: 1fr auto;
gap:16px;
padding:15px 20px;
}
.plane-icon,
.airport-box:nth-child(5),
.cabin-text {
display: none;
}
.airport-box .code{
font-size:20px;
}
.price-text{font-size:20px;}
.airport-box .name {font-size: 14px;}
}
/*结束*/

