/*全程支持Support at Every Stage开始*/

.youshi_all{
background-color: #fcfcfc;
width:100%;
background-image: url(/img/bg/21.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.container {
max-width: 1280px;
margin: 0 auto;			
padding: 60px 20px;
}
.section-title {
margin-bottom: 40px;
}
.section-title h2 {
font-size: 34px;
font-weight: 700;
color: #111111;
margin-bottom:12px;
}
.section-title p {
font-size:16px;
color:#444444;
}
/* 网格布局，2行4列 */
.step-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap:24px;
}
.step-card {
border-radius:14px;
overflow:hidden;
}
.card-text {
border:1px solid #999999;
padding:24px 22px;
border-radius:14px;
background-color:#f1f4f9;
position:relative;
}
.card-text.white-bg {
background-color:#f1f6fc;
border:none;
}
.num-badge {
width:44px;
height:44px;
background-color:#1a1a1a;
color:#fff;
font-size:24px;
font-weight:bold;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
margin-bottom:18px;
}
.card-text h3 {
font-size:22px;
font-weight:600;
margin-bottom:12px;
color:#111;
}
.card-text p {
font-size:15px;
line-height:1.6;
color:#333;
}
.card-img {
height:100%;
}
.card-img img {
width:100%;
height:250px;
object-fit:cover;
border-radius:14px;
display:block;
}
/* 响应式 */
@media (max-width:992px) {
.step-grid {
grid-template-columns: repeat(2,1fr);
}
.section-title h2 {font-size: 26px;text-align: center;}
.section-title p {font-size: 14px;text-align: center;}
}
@media (max-width:768px) {
.step-grid {
grid-template-columns: 1fr;
}
.container {
padding: 30px 20px 15px 20px;
}
.section-title {
margin-bottom: 20px;
}


}
/*全程支持Support at Every Stage结束*/




/*优惠机票开始*/

/* 标题模块 */
.section-heading {
text-align: center;
margin-bottom: 40px;
}
.main-titlee {
font-size: 35px;
color: #083d81;
font-weight: 600;
margin-bottom: 10px;
margin-top:50px;
}
.sub-title {
font-size: 18px;
color: #083d81;
}



.page-wrap_all{
background-image: url(/img/bg/24.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-bottom:50px;}
	
.page-wrap {
max-width: 1200px;
margin: 0 auto;
padding:10px;
}
/* 卡片容器，自适应网格 */
.card-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 28px;
}
.travel-card {
display: flex;
flex-direction: column;
gap:16px;
}
.card-img-wrap {
width: 100%;
border-radius:8px;
overflow:hidden;
}
.card-img-wrap img {
width:100%;
height: 280px;
object-fit: cover;
display:block;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.city-name {
font-size:17px;
color:#083d81;
font-weight:500;
max-width:200px;

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

}
.rating {
color:#f59e0b;
font-size:20px;
font-weight:bold;
}
.card-subtitle {
color:#666;
font-size:13px;
margin:4px 0 12px;
}
.price-area {
display:flex;
align-items:center;
gap:12px;
}
.price-current {
font-size:17px;
font-weight:bold;
color:#B72525;
}
.price-original {
color:#999;
text-decoration: line-through;
font-size:13px;
}
/* 移动端：屏幕小于768px强制一行2列 */
@media (max-width: 768px) {
.rating{ display:none;}
.main-titlee {
font-size: 25px;
line-height:30px;
margin-bottom: 10px;
margin-top:20px;
}
.sub-title {
font-size: 14px;
}
.card-container {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.city-name {
font-size: 14px;
}
.price-current {
font-size: 14px;
}
.card-img-wrap img {
height: 200px;
}
}
/*优惠机票结束*/


/*航空公司开始*/
.airline-wrap_all { background-color: #edf2ff; width:100%; }	
.airline-wrap {

padding: 120px 40px;
display: flex;
gap: 60px;
align-items: center;
max-width: 1280px;
margin:auto
}
.airline-text {
flex: 1;
max-width: 420px;
}
.airline-text h2 {
font-size: 26px;
color: #1a2b80;
margin-bottom: 28px;
line-height: 1.2;
}
.airline-text p {
font-size: 15px;
color: #203894;
line-height: 1.7;
margin-bottom: 16px;
}
.airline-logos {
flex: 1.6;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px 24px;
align-items: center;
}
.logo-item {
display: flex;
justify-content: center;
align-items: center;
}
.logo-item img {
max-height: 52px;
object-fit: contain;
}
/* 响应式 */
@media(max-width: 1200px) {
.airline-wrap {
flex-direction: column;
}
.airline-text {
max-width: 100%;
}
}
@media(max-width:768px) {
.airline-logos {
grid-template-columns: repeat(2,1fr);
}
.airline-text h2 {
font-size: 20px;
margin-bottom:15px;				
}
.airline-text p {
font-size: 14px;           
}
.airline-wrap {
flex-direction: column;
gap: 20px;
padding: 50px 40px;
}					
}
/*航空公司结束*/



/*fq开始*/
.faq-all{
	width:100%;
	background-image: url(/img/bg/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom:30px;
}
.faq-container {
            max-width: 640px;
            margin: 0px auto;
			padding-top:50px;
        }
        .faq-title {
            text-align: center;
            margin-bottom: 28px;
        }
        .faq-title h1 {
            font-size: 30px;
            font-weight: 700;
            color: #111111;
            margin-bottom:16px;
        }
        .faq-title p {
            font-size:14px;
            color:#444444;
        }
        .faq-item {
            border:1px solid #ddd;
            border-radius:16px;
            background:#ffffff;
            margin-bottom:8px;
            overflow:hidden;
        }
        .faq-header {
            padding:17px 26px;
            display:flex;
            justify-content: space-between;
            align-items:flex-start; /* 改为顶部对齐，多行标题不会垂直居中裁切 */
            cursor:pointer;
            gap:16px;
            outline: none;
        }
        .faq-header h3 {
            font-size:18px;
            font-weight:600;
            color:#1a2b80;
            flex: 1;
            /* 默认只显示1行 */
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        /* 激活展开时，取消单行限制，完整显示标题 */
        .faq-item.active .faq-header h3{
            display:block;
            overflow:visible;
        }
      
        .icon {
            width: 13px;
            height: 13px;
            position: relative;
            flex-shrink: 0;
            transition: transform 0.32s ease;
            margin-top:4px; /* 箭头和多行标题顶部对齐微调 */
        }
        .icon::after {
            content: "";
            position: absolute;
            top: 45%;
            left: 20%;
            width: 50%;
            height: 50%;
            border-right: 2px solid #111;
            border-bottom: 2px solid #111;
            transform: rotate(45deg);
        }
        /* 面板过渡参数和箭头完全对齐 */
        .faq-body {
            height: 0;
            overflow:hidden;
            transition: height 0.32s ease;
            padding:0 26px;
        }
        .faq-body-inner {
            padding:0 0 26px 0;
        }
        .faq-body p {
            font-size:14px;
            color:#606060;
            line-height:1.65;
        }
        .faq-item.active .icon {
            transform: rotate(180deg);
        }
        /* 移动端适配 */
        @media(max-width:780px){
            .faq-title h1{
                font-size:25px;
            }
            .faq-header h3{
                font-size:14px;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
            .faq-item.active .faq-header h3{
                display:block;
                overflow:visible;
            }
			.faq-header {
                padding: 15px 13px
            }
			.faq-container{ max-width:94%;}
			.faq-body{padding: 0 15px;}
			
			.faq-item {border-radius: 8px;}
        }
		
/*fq结束*/