* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
a{text-decoration: none;}

.clear{ clear:both}

.fa {
/* 清除fa字体图标样式 */
font-family: inherit !important;
font-style: normal;
font-weight: normal;
/* 必须设置宽高，背景图才看得见 */
width: 20px;
height: 20px;
display: inline-block; 
background-size: contain;    /* 图片完整缩放，不裁切 */
background-repeat: no-repeat;
background-position: center;
}	
.fa-globe {background-image: url("/img/diqiu.png");}
.fa-plane-departure{background-image: url("/img/qifei.png");}
.fa-plane-arrival{background-image: url("/img/jiangluo.png");}
.fa-calendar{background-image: url("/img/riqi.png");}
.fa-user{background-image: url("/img/ren.png");}
.fa-suitcase{background-image: url("/img/jicang.png");}
.fa-flag-name{background-image: url("/img/xingm.png");}  
.fa-flag-us{background-image: url("/img/dianhua.png");}
.fa-flag-email{background-image: url("/img/email.png");}
.fa-exchange{background-image: url("/img/qiehuan.png");}
.fa-arrow-right{background-image: url("/img/youjiantou.png");}  
.fa-plus{background-image: url("/img/jiahao.png");}  
.fa-times{background-image: url("/img/x.png");width: 20px;height: 20px;}  
.fa-phone{
background-image: url(/img/tel.png);
background-position: center;
width:20px;
height:20px;
transform: translateY(3px);
}
.fa-bars{background-image: url("/img/daohang7.png");width:30px;height:30px;}
.fa-zh{
	background-image: url(/img/yuyan.svg);
	width:25px;
	height:25px;
	vertical-align: middle;
	
}
.fa-en{background-image: url("/img/en.svg");width:20px;height:20px;vertical-align: middle;}


/* Hero外层容器，全屏背景 */
.hero-wrap {
width: 100%;
min-height: 100vh;
background: linear-gradient(rgba(0,0,0,0.32), rgba(0,0,0,0.32)), url("/img/banner/1.jpg");
background-size: cover;
background-position: center;
color: #ffffff;
position: relative;
}

/* 顶部导航 */
.top-nav {
width: 100%;
padding:24px 60px;
display:flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.nav-left {
display:flex;
align-items:center;
gap:36px;
}
.logo {
width:70px;
}
.nav-menu {
display:flex;
gap:28px;
list-style:none;
}
.nav-menu li a {
color:#fff;
text-decoration:none;
font-size:18px;
transition: opacity 0.2s;
}
.nav-menu li a:hover {
opacity:0.75;
}
.nav-menu li .dropdown-icon::after {
content:" \f078";
font-family:FontAwesome;
font-size:12px;
}
/* 汉堡按钮 移动端显示 */
.hamburger-btn{
display:none;
background:transparent;
border:none;
color:#fff;
font-size:28px;
cursor:pointer;
z-index:110;
}
/* 右上角电话卡片 */
.phone-badge {
background:rgba(255,255,255,0.15);
backdrop-filter: blur(8px);
border-radius:12px;
padding:8px 12px;
display:flex;
align-items:center;
gap:10px;
}
.phone-avatar {
width:36px;
height:36px;
border-radius:50%;
background:#ccc;
overflow:hidden;
}
.phone-avatar img { width:100%; height:100%; padding:2px}	
.phone-text h5 {
font-size:12px;
opacity:0.85;
}
.phone-text p {
font-size:15px;
font-weight:600;
}
/* 移动端遮罩 */
.mobile-overlay {
position:fixed;
inset:0;
background:rgba(0,0,0,0.55);
z-index:98;
opacity:0;
visibility:hidden;
transition: all 0.3s ease;
}

.mobile-menu-tel i {
    margin-right:8px;
}
@media(min-width:992px){
.mobile-menu-tel{ display:none;}
.yidong{display:none;}
}

/*中英文切换按钮开始*/

.lang-dropdown-wrap {
    position: absolute;
    display: inline-block;
    /* 右侧外边距调至0，和电话卡片紧挨着，想要一点缝隙改为2px */
    margin-right: 0px;
	top:35px;
	right:350px;
}
@media(max-width:992px){
.lang-dropdown-wrap{display:none;}
.yidong {
    display: flex;
    gap:0px;  /*两个链接之间的间距，可自己调*/
	align-items: center;
	border-bottom:none !important;
}
.nav-menu li.yidong a {
    display: flex;
    align-items: center;
    gap:6px;
    color:#fff;
    font-size:14px;
    white-space:nowrap; /*禁止文字自动换行*/
	width:50%;
	line-height:25px;
}
.nav-menu li.mobile-menu-tel a{ font-size:15px;}
}
/* 按钮样式：深色圆角按钮 */
.lang-btn {
    background: #1f2937;
    color: #ffffff;
    border: none;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}
.lang-btn_fy {background: rgba(8, 61, 129, 1);}


.lang-btn .lang-flag {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 2px;
}

.lang-btn .lang-text {
    color: #ffffff;
}

.lang-btn .fa-chevron-down {
    color: #ffffff;
    font-size: 12px;
	background-image: url("/img/xiajiantou.png");
	width:12px;
	height:12px;
}

/* 下拉菜单：白色圆角卡片，阴影 */
.lang-menu {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    min-width: 120px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 999;
    padding: 8px 0;
    overflow: hidden;
}

/* 下拉菜单小三角，居中 */
.lang-menu::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
}

/* 语言选项 */
.lang-menu-item {
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    color: #111827;
    position: relative;
	float:left;	
}

.lang-menu-item .lang-flag {
    width: 22px;
    height: 22px;
    border-radius: 2px;
    object-fit: cover;
}

/* 选项分割线 */
.lang-menu-item:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #e5e7eb;
	width:95%
}

.lang-menu-item:hover {
/*background: #f3f4f6;*/
	
}

.lang-dropdown-wrap.open .lang-menu {
    display: block;
}


.top-nav{
    display:flex;
    align-items:center;
    gap:0 !important; /* 清除flex布局自带间隙 */
}

.phone-badge{
    margin-left: 0px !important;
}

/*中英文切换按钮结束*/

/* Hero内容区域 */
.hero-content {
padding:0 180px;
padding-top:120px;
padding-bottom:50px;
}
.hero-heading-row {
display:grid;
grid-template-columns: 1fr 420px;
gap:30px;
margin-bottom:32px;
}
.main-title {
font-size:44px;
font-weight:700;
line-height:1.1;
}
.hero-desc {
padding-top:24px;
font-size:17px;
line-height:1.65;
opacity:0.94;
}
/* 表单卡片 */
.quote-form-card {
background:#ffffff;
color:#222;
border-radius:16px;
padding:32px;
max-width:100%;
}
/* =========关键修改：第一行网格和下面表单列对齐 总网格：1fr 1fr 1fr + 220px按钮预留========= */
.form-grid-top {
display:grid;
grid-template-columns: 1fr 2fr;
gap:20px;
margin-bottom:20px;
}

/* from to外层容器：相对定位，箭头悬浮层 */
.from-to-wrap {
width:100%;
position:relative;
display:flex;
gap:20px;
align-items:stretch;
}
.from-to-wrap .form-item{
flex:1 1 0;
}
/* 交换箭头：绝对定位悬浮，不占布局空间 */
.swap-icon {
position:absolute;
z-index:3;
left:50%;
top:50%;
transform:translate(-50%,-50%);
background:#083d81;
color:#fff;
width:32px;
height:24px;
border-radius:6px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
/* 第二行：DepartureReturn Passengers Cabin 三个1fr，Name和DepartureReturn同宽度 */
.form-row-2col {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:20px;
margin-bottom:20px;
}
/* Name就在这里第一列1fr，和form-row-2col的每一列1fr宽度完全相等 */
.form-row-bottom {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:20px;
align-items: stretch;
/* ==========【修改开始】========== */
grid-template-areas:
"name phone email"
". btn .";
}
.form-row-bottom .form-item:nth-child(1) { grid-area: name; }
.form-row-bottom .form-item:nth-child(2) { grid-area: phone; }
.form-row-bottom .form-item:nth-child(3) { grid-area: email; }
.form-row-bottom .form-item:nth-child(4) { 
grid-area: btn;
}
.btn-submit {
width: auto; /* 取消100%宽度，按钮自适应内容 */
min-width:220px;
}
/* ==========【修改结束】========== */

.form-item {
display:flex;
flex-direction:column;
gap:6px;
position:relative;
}
.form-label-small {
font-size:13px;
color:#555;
}
.form-input-wrap {
position:relative;
width:100%;
height:100%;
}
.form-input-wrap i.fa-globe,
.form-input-wrap i.fa-plane-departure,
.form-input-wrap i.fa-plane-arrival,
.form-input-wrap i.fa-calendar,
.form-input-wrap i.fa-user,
.form-input-wrap i.fa-suitcase,
.form-input-wrap i.fa-flag-us,
.form-input-wrap i.fa-envelope-o,
.form-input-wrap i.fa-flag-email,
.form-input-wrap i.fa-flag-name
{
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
color:#888;
z-index:2;
}
.form-control {
width:100%;
border:1px solid #e4e4e7;
border-radius:10px;
padding:14px 14px 14px 42px;
font-size:16px;
background:#fff;
height:100%;
min-height:48px;
}
.form-control.no-icon {
padding-left:14px;
}
.btn-submit {
background:#083d81;
color:#fff;
border:none;
border-radius:10px;
font-size:16px;
font-weight:600;
height:100%;
min-height:48px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
cursor:pointer;
}

/* ========== Trip Type下拉弹窗 ========== */
.trip-type-dropdown{
position:absolute;
top:calc(100% + 8px);
left:0;
width:100%;
background:#ffffff;
border-radius:12px;
box-shadow:0 4px 20px rgba(0,0,0,0.15);
z-index:100;
padding:20px;
display:none;
}
.trip-type-dropdown.open{
display:block;
}
.trip-type-dropdown h4{
font-size:16px;
margin-bottom:18px;
color:#222;
}
.trip-option-item{
margin-bottom:16px;
cursor:pointer;
}
.trip-option-item:last-child{
margin-bottom:0;
}
.trip-option-item label{
display:flex;
gap:10px;
cursor:pointer;
}
.trip-option-title{
font-size:15px;
color:#222;
}
.trip-option-desc{
font-size:13px;
color:#666;
margin-top:3px;
}


/*文本框的placeholder文字大小*/

/* 标准 */
::placeholder {
font-size: 12px; /* 修改这个值统一全部占位符大小 */
color: #999;
}

/* webkit内核 Chrome、Edge、Safari */
::-webkit-input-placeholder {
font-size: 13px;
color: #999;
}

/* Firefox */
::-moz-placeholder {
font-size: 13px;
color: #999;
}

/* IE */
:-ms-input-placeholder {
font-size: 13px;
color: #999;
}	

.J-datepicker-range-day .return_date0001{margin-left:0px}
/* ========== FLOATING LABEL：悬浮在边框上 ========== */
.floating-input-wrap{
position:relative;
width:100%;
height:100%;
}
.floating-input-wrap .bordered-input{
width:100%;
border:1px solid #e4e4e7;
border-radius:10px;
padding:14px 14px 14px 44px;
font-size:16px;
background:#fff;
cursor:pointer;
height:100%;
min-height:48px;
font-size:13px;
color: #999;
}
.floating-label{
position:absolute;
left:14px;
top:-6px;
background:#fff;
padding:0 6px;
font-size:10px;
color:#444;
pointer-events:none;
z-index:2;
}
/* from to 隐藏悬浮标签 */
.hide-float-label .floating-label{
display:none !important;
}
.floating-input-wrap .icon-cal{
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
color:#888;
z-index:1;
}

/* ========= Passengers Popup 乘客弹窗 ========= */
.passenger-popup{
position:absolute;
top:calc(100% + 10px);
left:0;
width:100%;
min-width:340px;
background:#fff;
border-radius:14px;
box-shadow:0 4px 24px rgba(0,0,0,0.14);
z-index:102;
padding:24px;
display:none;
}
.passenger-popup.open{
display:block;
}
.passenger-popup h3{
font-size:18px;
margin-bottom:22px;
color:#222;
}
.passenger-row{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:20px;
}
.passenger-row:last-child{
margin-bottom:0;
}
.passenger-info{
display:flex;
flex-direction:column;
}
.passenger-title{
font-size:16px;
color:#222;
}
.passenger-sub{
font-size:13px;
color:#777;
margin-top:2px;
}
.passenger-counter{
display:flex;
align-items:center;
gap:14px;
}
.passenger-btn{
width:38px;
height:38px;
border-radius:8px;
border:none;
font-size:18px;
cursor:pointer;
}
.btn-minus{
background:#f3f3f3;
color:#444;
}
.btn-plus{
background:#083d81;
color:#fff;
}
.passenger-num{
min-width:24px;
text-align:center;
font-size:17px;
}

/* ========= Cabin Class Popup 客舱弹窗 ========= */
.cabin-popup{
position:absolute;
top:calc(100% + 10px);
left:0;
width:100%;
min-width:320px;
background:#ffffff;
border-radius:14px;
box-shadow:0 4px 24px rgba(0,0,0.14);
z-index:102;
padding:20px;
display:none;
}
.cabin-popup.open{
display:block;
}
.cabin-popup h3{
font-size:18px;
margin-bottom:14px;
color:#222;
}
.cabin-radio-item{
display:flex;
align-items:center;
margin-bottom:10px;
cursor:pointer;
}
.cabin-radio-item:last-child{
margin-bottom:0;
}
.cabin-radio-item input{
display:none;
}
.custom-radio{
width:16px;
height:16px;
border-radius:50%;
border:1px solid #cccccc;
position:relative;
margin-right:14px;
}
.cabin-radio-item input:checked + .custom-radio{
border-color:#083d81;
}
.cabin-radio-item input:checked + .custom-radio::after{
content:"";
width:10px;
height:10px;
background:#083d81;
border-radius:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.cabin-text{
font-size:15px;
color:#222;
}

/* ========= Multi City 多航段样式 ========= */
.multi-city-container{
margin-bottom:20px;
}
.add-flight-btn{
color:#083d81;
font-size:17px;
cursor:pointer;
display:inline-flex;
align-items:center;
gap:6px;
margin-bottom:0px;
}
.add-flight-btn i{
font-size:20px;
}
.flight-segment-row{
width:100%;
position:relative;
display:flex;
gap:20px;
align-items:end;
margin-bottom:16px;
}
.flight-segment-row .form-item{
flex:1 1 0;
}
/* 删除×按钮，放在to输入框右上角 */
.segment-delete-btn{
position:absolute;
right:-10px;
top:-10px;
width:22px;
height:22px;
background:#083d81;
color:#fff;
border:none;
border-radius:6px;
font-size:16px;
cursor:pointer;
z-index:10;
}

/* ========== 响应式适配 ========== */
@media(max-width:992px){


.form-row-bottom {
grid-template-columns: 1fr;
grid-template-areas:
"name"
"phone"
"email"
"btn";
}

.btn-submit {
width: 100%;   /* 移动端按钮占满 */
}

.flight-segment-row {
flex-direction: column;
align-items: stretch;   /* 关键 */
gap: 16px;
padding-top: 12px;
}


.flight-segment-row .form-item {
width: 100%;
min-width: 0;
}


.segment-delete-btn {
right: 0;
top: -10px;
}



.hamburger-btn{
display:block;
}
.nav-menu{


display: block;



position:fixed;
top:0;
right:0;
height:100vh;
width:280px;
background:#083d81;
flex-direction:column;
padding:80px 32px;
gap:24px;
transform: translateX(100%);
transition: transform 0.35s ease;
z-index:100;
}
.nav-menu li a{
font-size:18px;
display:block;
padding:15px 0;
border-bottom:1px solid rgba(255,255,255,0.1);
}
.nav-menu.active{
transform: translateX(0);
}
.hero-heading-row {
grid-template-columns:1fr;
}
.main-title {
font-size:48px;
}
.hero-desc {
padding-top:0;
}
.form-row-2col {
grid-template-columns:1fr;
}
.form-row-bottom {
grid-template-columns:1fr;
}
.form-grid-top{
grid-template-columns:1fr;
}
.trip-type-dropdown{
max-width:100%;
}
.flight-segment-row{
flex-direction:column;
}
.from-to-wrap{
flex-direction:column;
}
}
@media(max-width:768px){
.top-nav {
padding:16px 20px;
}
.hero-content {
padding:0 13px;
padding-top:20px;
padding-bottom: 40px;
}
.main-title {
font-size:28px; 
}
.quote-form-card {
padding:20px;
padding-top:30px;
}
.phone-badge{
display:none;
}
.passenger-popup{
min-width:unset;
width:calc(100vw - 40px);
left:50%;
transform:translateX(-50%);
}
.cabin-popup{
min-width:unset;
width:calc(100vw - 40px);
left:50%;
transform:translateX(-50%);
}
}






/*页脚开始*/
.footer-wrap {
    background-color: #083d81;
    color: #e8edff;
    padding: 10px 24px;
}
.footer-wrap a{ color:#FFFFFF;}
.footer-container {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    align-items: center;
}
/* logo：auto自动宽度，由图片大小决定 */
.footer-logo {
    flex: 0 0 auto;
}
/* ========== 在这里自定义每一块宽度 ========== */
.footer-item.hotline {
    flex: 0 0 165px;
}
.footer-item.address {
    flex: 0 0 380px;
}
.footer-item.email {
    flex: 0 0 195px;
}
.copyright {
    flex: 0 0 320px;
}
/* 文字最多2行，超出省略号 */
.footer-item p {
    font-size: 15px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.copyright {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 移动端：768px以下切换纵向布局 */
@media (max-width:768px) {
    .footer-container {
        flex-direction: column;
        align-items: flex-start;
        gap:10px;
        padding-top:20px;
        flex-wrap: wrap;
    }
    /* 移动端取消固定宽度 */
    .footer-logo,
    .footer-item.hotline,
    .footer-item.address,
    .footer-item.email,
    .copyright {
        flex: 0 0 auto;
    }
    .footer-item{ padding-top:10px; margin:0px; padding-bottom:0px;}
    .footer-item p {
        font-size:15px;
        text-align: left;
        display: block;
        overflow: visible;
    }
    .copyright {
        font-size:15px;
        text-align:left;
        display:block;
        overflow:visible;
    }
}
/*页脚结束*/


/*分页banner样式一开始---待删除*/
.hero-wrap_fy {
width: 100%;
min-height:450px;
background: none;
background-color:rgba(8, 61, 129, 1);/*#083d81*/
}
.banner-wrap_all {}
.banner-wrap {

display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 6%;
gap: 32px;
flex-wrap: nowrap;
width:1200px;
margin:auto;
}
.banner-text {
flex: 1;
min-width: 0;
color: #fff;
}
.banner-text h1 {
font-size: 40px;
line-height: 1.1;
margin-bottom: 16px;
font-weight: 700;
}
.banner-text p {
font-size: 22px;
opacity: 0.95;
}
.banner-image-box {
flex: 0 0 auto;
}
.banner-image {
width: 250px;
/* clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*/
display: block;
}

/* 移动端媒体查询，控制尺寸 */
@media (max-width: 768px) {
.banner-wrap {
padding: 0px 5%;
gap: 3px;
width:100%
}
.banner-text h1 {
font-size: 17px;
line-height:22px;
}
.banner-text p {
font-size: 14px;
}
.banner-image {
width: 110px;
}
}
/*分页banner样式一结束---待删除*/



/*分页banner样式二开始*/
.lang-btn_fy {
    background: none;
}
.hero-wrap_fyy{
width: 100%;
min-height:450px;
height:450px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner_fenye {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
}
.banner__main {
font-size: clamp(2rem, 3vw, 5rem);
color: #fff;
font-weight: 600;
margin-bottom: 12px;
padding-top:60px;   
}
.banner__sub {
font-size: clamp(1rem, 1.8vw, 2rem);
color: #fff;
font-weight: 500;
}
.banner__sub, .banner__main{font-family: Tahoma, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;}
@media (max-width: 768px) {
.hero-wrap_fyy{
min-height:280px;
height:280px;
}
.banner__main {
font-size: clamp(2rem, 3vw, 5rem);
margin-bottom: 12px;
padding-top:0px;
line-height:34px;          
}
}
/*分页banner样式二结束*/










/*弹出窗口开始*/
.btn_n{cursor: pointer;}

.is-open {
display: block !important;
}

.popup-overlay {
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
opacity: 0;
transition: all 150ms ease-in;
pointer-events: none;
}
.popup-overlay.is-open {
pointer-events: auto;
opacity: 1;
}

.popup-wrap {
background: white;
text-align: center; 
min-width: 950px;
max-width: 950px;
min-height: 600px;
max-height: 600px;
position: absolute;
top: 49%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 55;
border-radius: 5px
}

.close {
position: absolute;
width: 30px;
height: 30px;
right: -8px;
top: -12px;
cursor: pointer;
z-index: 60;
border-radius: 50%;
border:2px #083d81 solid;	
vertical-align: middle;

display: flex;
align-items: center;     /* 垂直居中 */
justify-content: center; /* 水平居中 */
background-color:#FFFFFF;
}
.close .a, .close .b {
background: #083d81;
position: absolute;
height: 2px;
width: 20px;


}
.close .a {
transform: rotate(-45deg);
}
.close .b {
transform: rotate(45deg);
}

.popup-img {
/*background: url(/img/yuyueliuyan.jpg);*/
background-size: cover;
background-position: center;
width: 35%;
float: left;
height: 100%;
border-radius: 5px 0px 0px 5px;
}


@media screen and (max-width: 1200px) {

.a, .b, .c, .d {
position: relative;
display: block;
z-index: 2;
background: white;
height: 13%;
margin-bottom: 30%;
border-radius: 50px;
transform: rotate(0);
transform-origin: 50% 50% 0;
transition: all 400ms ease;
}

.d {
bottom: 85%;
}
}

@media screen and (max-width: 800px) { 
.popup-wrap .popup-img {
display: none;
}

.popup-wrap {
min-width: 100% !important;
min-height: 100% !important;
}
.popup-wrap .popup {
width: 100%;
}

.popup-overlay .popup-wrap .popup h2 {
font-size: 1.4em;
}
}



/**/
.popup-wrap_wrap {
position: relative;
max-width: 1600px;
margin: 20px auto;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}
.close-btn {
position: absolute;
top: 12px;
right: 12px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
border: 2px solid #0066cc;
color: #0066cc;
font-size: 22px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.popup-top {
display: flex;
flex-wrap: wrap;
}
.form-area {
width: 50%;
padding: 30px 30px 0px 30px;
background: #ffffff;
}
.img-area {
width: 50%;
position: relative;
}
.img-area img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.img-badge-bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,0.55);
color: white;
display: flex;
justify-content: space-around;
padding:14px 10px;
align-items:center;
}
.badge-item{
text-align:center;
}
.badge-item img{
width:60px;
margin:auto;       
}
.badge-itemm img{
width:80px;
margin:auto;            
}
.badge-itemmm img{
width:27px;
margin:auto;           
}
.form-area h1 {
font-size: 32px;
color: #222;
margin-bottom:10px;
}
.sub-title{
font-size:18px;
color:#444;
margin-bottom:30px;
}
.popup-top .form-area .form-item{
margin-bottom:16px;
}
.popup-top .form-area .form-item textarea,  .popup-top .form-area .form-item input{
width:100%;
padding:9px 12px;
border:1px solid #ddd;
font-size:13px;
border-radius:5px;
}
.popup-top .submit-btn{
width:100%;
padding:10px;
background:#4292d8;
color:#fff;
border:none;
font-size:18px;
cursor:pointer;
margin:0px 0 15px;
border-radius:5px;
}
.benefit-list{
list-style:none;
}
.benefit-list li{
display:flex;
align-items:center;
margin-bottom:14px;
font-size:13px;
color:#222;
}
.check-icon{
display:inline-block;
width:15px;
height:15px;
border-radius:50%;
background:#0066cc;
color:white;
text-align:center;
line-height:15px;
margin-right:10px;
font-weight:bold;
}
.popup-bottom{
display:flex;
flex-wrap:wrap;
background:#2b2b2b;
color:#fff;
padding:10px;
}
.step-item{
width:33.333%;
padding:0 5px;
display:flex;
gap:10px;
text-align:left;
}
.step-num{
width:40px;
height:40px;
border-radius:50%;
border:2px solid #fff;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
font-weight:bold;
}
.step-text h3{
font-size:18px;
margin-bottom:0px;
}
.step-text p{
color:#ddd;
font-size:14px;

line-height:1.4;
}
/* 响应式适配 */
@media screen and (max-width: 980px){
.form-area,.img-area{width:100%;}
.step-item{width:100%;margin-bottom:24px;}
.close {
width: 25px;
height: 25px;
right: 8px;
top: 8px;
}
.a, .b, .c, .d {margin-bottom: 0%;}

.close .a, .close .b {height: 2px;width: 15px;}



/* 新增移动端body锁定样式开始========= */
.lock-body{
overflow:hidden;
height:100%;
position:fixed;
width:100%;
}

.popup-wrap {
background: white;
text-align: center;
/* 删掉写死min-height max-height */
/* min-height: 600px; max-height: 600px; */
max-height: 90vh; /* 最大高度视口90% */
overflow-y: auto; /* 弹窗内部滚动！重点 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 55;
border-radius: 5px;
min-width: 950px;
}


.popup-wrap .popup-img { display: none; }
.popup-wrap {
min-width: 100% !important;
/* min-height: 100% !important; 删除这行 */
max-height:100vh;
}
.popup-wrap .popup { width: 100%; }
.popup-overlay .popup-wrap .popup h2 { font-size: 1.4em; }

/* 新增body锁定样式结束============ */


}
/*留言弹出窗口结束*/