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: 28px;
color: #222222;
text-align: center;
margin-bottom: 10px;
font-weight:700;
}
.bf-desc p {
font-size: 15px;
line-height: 1.5;
color: #555;
text-align: left;
}

.bf-desc {background: #ffffff;
border-radius: 8px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
width: 1200px;
list-style: none;
padding: 20px 30px;
box-sizing: border-box;
margin: 20px auto 12px auto;
}


/* 移动端适配 */
@media (max-width:768px){

.bf-desc {
width: 94%;
list-style: none;
padding: 16px;
box-sizing: border-box;
margin: 20px auto 5px auto;
}
.business-flight-section {padding: 15px 0px 15px 0px;}



.bf-title{
margin-bottom:18px;
font-size: 1.5rem;
}
.bf-desc p {
font-size: 14px;
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: 16px;
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: 18px;
color: #0066cc;
display: flex;
align-items: center;
gap: 0.4rem;
}
.price {
font-size: 18px;            
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: 18px;}
.price {font-size: 18px;}	
.btn-deal {
padding: 0.6rem 1.1rem;    
font-size: 0.8rem;

}
.card-header {height: 10rem;}			
}
/*机票结束*/




/*开始*/
.container_flights_all {
background-color: #f9f9f9;
margin-top: 0px;
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: #555;
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: #555;
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;width: 93%;margin: auto;margin-bottom: 30px;}
.container_flights_all {margin-top:0px;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_all{width: 100%;
background-image: url(/img/bg/22.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 60px 0;}
.flight-wrap {
max-width: 1200px;
margin: 0px auto 0px auto;
padding: 0px;
}
.flight-title {
text-align: center;
font-size: 1.8rem;
color: #555;
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: #555;
}
.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: #555;
}

/* 移动端适配 */
@media (max-width:768px) {

.flight-wrap_all {
padding: 40px 0;
}

.flight-wrap { margin:0 20px;}

.flight-row {
display: flex;
justify-content: space-between;
align-items: center;
padding:24px 0;
}

.flight-title{
font-size:20px;
line-height:1.3;
margin-bottom:22px;
margin-top:0px;
}
.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:18px;
}
.price-text{font-size:18px;}
.airport-box .name {font-size: 14px;}
}
/*结束*/






.hangban_cont{ width:100%;}
.hangban_cont ul { width:1200px; list-style: none;padding: 0px;box-sizing: border-box; margin:20px auto;}

.hangban_cont li {
padding: 34px;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 1px 10px rgba(0,0,0,0.1); 
}

.hangban_cont strong,
.hangban_cont h1,
.hangban_cont h2,
.hangban_cont h3 {
text-align: center;
font-size: 25px;
margin: 0;
font-weight:700;
line-height:1.2;
margin-top:0.8rem;
margin-bottom:0.3rem;

}

.hangban_cont li > div, .hangban_cont li > p{
line-height: 1.7;
font-size: 16px;
color: #555;
}

@media (max-width: 768px) {
.hangban_cont ul { width:100%; margin:10px auto;}
.hangban_cont {
padding: 0.75rem;
}
.hangban_cont li {
padding: 0.95rem;
}
.hangban_cont strong,
.hangban_cont h1,
.hangban_cont h2,
.hangban_cont h3 {
font-size: 1.5rem;
}
.hangban_cont li > div, .hangban_cont li > p {
font-size: 0.95rem;
}
}