/* 重置样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
}

:root {
    --primary-color: #001f60;
    --org-color:#DFA42D;
}

.primary-color {
    color: var(--primary-color);
}
.pd-0{padding: 0!important;}
.pd-16{padding: 16px!important;;}

html{font-size: clamp(14px, 3.75vw, 20px);}
body{font-size: 1rem;}
html, body {
    height: 100%;
    overflow-x: hidden;
    background-color: #f7f7f7;
    color: #333;font-size:14px!important;
    
}
a {
    color: #333;
    text-decoration: none;
}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.yellow-down-line-left::after{ content: "";display: block;width:30px;height: 3px;background-color: #e1a62d;margin: 3px 0 0;}
.yellow-down-line-center::after{ content: "";display: block;width:30px;height: 3px;background-color: #e1a62d;margin: 4px auto 0;}



/* 顶部栏 */
.header {
    position: relative;
    height: 220px;    
    background-size: cover;
    background-position: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    align-items: center;
    vertical-align: top;
    border-radius: 0 0 10px 10px;
}

.header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 34, 105, 0.8), rgba(0, 34, 105, 0));
    z-index: -1;
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem;
}



.logo img {
    height: 60px;
    width: auto;
    /* filter: brightness(0) invert(1); */
}

.menu-toggle {
    background: none;
    border: none;
    font-size: 34px;
    color: white;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 0.2s;
    margin-top: -2rem;

}

.menu-toggle:hover {
    /*background-color: rgba(255, 255, 255, 0.2);*/
}

/* 主内容 */
.main {
    padding: 30px 0 10px; /* 留出顶部和页脚的空间 */
}

.main h1 {
    margin-bottom: 16px;
    color: #222;
}

.main p {
    line-height: 1.6;
    margin-bottom: 12px;
    color: #666;
}

.content-placeholder {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    margin-top: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* 固定页脚菜单 */
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-color:#001f60;
    z-index: 1000;
    border-radius: 10px 10px 0 0;
}

.footer-menu {
    display: flex;
    height: 100%;
    justify-content: space-around;
    align-items: center;
}

.footer-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s;
}

.footer-icon {
    height: 40px;
    width: auto;
    margin-bottom: 6px;
    transition: filter 0.2s;
}



/* 弹出层 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.overlay.show {
    opacity: 1;
    visibility: visible;
}

.popup-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    /* max-width: 400px; */
    height: 100%;
    /* background-color: #36363675; */
    z-index: 2001;
    /* box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5); */
    transition: right 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.popup-menu.open {
    right: 0;
}





.close-popup {
    background: none;
    border: none;
    font-size: 38px;
    color: #ffffff;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 0.2s;
}



.popup-content {
    flex: 1;
    padding: 130px 24px;
}

/* 图标网格 */
.icon-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}



.icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    padding: 16px 8px;
    transition: all 0.2s;
}

.icon-item img{

    width: 100%;
    margin-bottom: 12px;

}



.icon-item i {
    font-size: 28px;
    margin-bottom: 8px;
}

.icon-item span {
    font-size: 13px;
    text-align: center;
}
.popup-footer{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


@media (max-width: 360px) {
    .footer-item span {
        font-size: 11px;
    }
    .footer-icon {
        height: 18px;
    }
    .main h1 {
        font-size: 24px;
    }
}

.home-service-icon{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 0 25px 30px 25px;
}
.home-service-icon a {
    flex: 0 0 33.333%; 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    padding: 5px;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
}
.home-service-icon img {
    width: 90%;
    margin-bottom: 5px;
}

/* 最新动态头部布局 */
.container-head {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    margin-bottom: 15px;
}

.container-head span {
    flex: 1;
    
}

.container-head .title{
text-align: center;
    font-size: 1.7rem;
    color: #2b2c2c;

}
.container-head .title::after{
    content: "";
    display: block;
    width: 60px;
    height: 5px;
    background-color: #e1a62d;
    margin: 10px auto 0;
}

.container-head span:last-child{
    text-align: right;
}

.container-head a {
   background-color: #001f60;
    color: #ffffff;
    padding: 8px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.7rem;
    transition: all 0.2s;
    border: none;
    width: 80px;
}
.home-news-item{display: flex;gap: 10px;background-color: #ffffff;border-radius: 0.5rem;margin-bottom: 10px;}
.home-news-img{width: 180px;height: 100px;overflow: hidden;object-fit: cover;background-size: cover;border-radius: 0.5rem;background-position: center;}
.home-news-content{padding: 1rem 0.3rem 0 0;width: 100%;}
.home-news-title{font-size: 0.9rem;overflow: hidden;text-overflow: ellipsis;max-height: 2.6rem;color: #2b2c2c;}
.home-news-item .content{flex: 1;font-size: 0.8rem;}
.home-news-description{font-size: 0.8rem;color: #898b8e;padding-top: 0.5rem;}


.home-even-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
}

.home-even-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    padding: 5px;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.home-even-icon img{
    width: 60%;
    height: auto;
    padding: 100px 0 30px 0;
}
.home-even-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,34,105,0.9));
    z-index: 1;
}

.home-even-item > * {
    position: relative;
    z-index: 2;
}
.home-even-content,.home-even-content p {
    color: #ffffff;
    margin-bottom: 0;
    
}
.home-even-content p{font-size: 0.7rem;margin-top: 0.3rem;}

.home-contact{margin: 4rem 2rem 2rem 2rem; display: grid;gap: 50px;grid-template-columns: repeat(2, 1fr);}
.home-contact a{display: block; background-color: #ffffff;border-radius: 0.6rem;box-shadow: #47474742 0 0 10px 0;padding: 0.8rem 1rem;color: var(--primary-color); text-align: center;display: inline-flex;align-items: center; justify-content:center;}
.home-contact a img{width: 1.5rem;margin-right: 1rem;}
.copyright{text-align: center;font-size: 0.8rem; color: #cacaca;margin: 1rem 0  3rem 0;}



/* 关于 */

.about-list{margin-top: 2rem;}
.about-item{display: flex;gap: 10px;background-color: #ffffff;border-radius: 0.5rem;margin-bottom: 20px;box-shadow: #9393933d 0 0 18px 0;}
.about-img{width:140px;height: auto;overflow: hidden;object-fit: cover;background-size: cover;border-radius: 0.5rem;background-position: center;flex: 0 0 auto;}
.about-content{padding: 1rem 0.5rem 0.5rem 0;width: 70%;display: flex; flex-direction: column;}
.about-title{font-size: 1rem;overflow: hidden;text-overflow: ellipsis;max-height: 2.6rem;color: #2b2c2c;}
.about-item .content{flex: 1;font-size: 0.8rem;}
.about-description{font-size: 0.7rem;color: #8a8a8a;padding-top: 0.5rem;display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.more_info{margin-left: auto;background-color: var(--primary-color);color: #fff;padding: 0.4rem 1rem;font-size: 0.7rem;}
.about-title::after{ content: "";display: block;width:30px;height: 3px;background-color: #e1a62d;margin: 3px 0 0;}

.about-detail-title{color: #fff;font-size: 1.6rem;text-align: center;font-weight: 600;padding-top: 1rem;}
.about-detail-card{padding:1rem 0 0 0;background-color: #ffffff;box-shadow: #9393933d 0 0 18px 0;border-radius: 1rem;overflow: hidden;margin-bottom: 2rem;}
.about-detail-card-head{border-bottom: #001f60 2px solid;margin-bottom: 0.8rem;padding: 0.5rem 0.8rem;}
.about-detail-card-content{padding: 0.8rem;position: relative;z-index: 2;}
.about-detail-card h2{margin-bottom: 0.3rem;}
.about-detail-subtitle{color: #303131;}
.detail-img{width: 100%;overflow: hidden;margin: 0;position: relative;margin-top: -3.3rem;}
.detail-img img{width: 100%;height: auto;display: block;}
.detail-img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, #ffffff 0%, rgba(255,255,255,0) 50%);pointer-events: none;}


/* 市场资源 */
.market-nav-list{display: flex;gap: 10px;margin-bottom: 1rem;}
.market-nav-item{padding: 0.5rem 0;font-size: 0.8rem;color: #2b2c2c;cursor: pointer;width: 16%;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;}
.market-nav-item img{width: 80%;height: auto;object-fit: contain;}
.market-nav-item span{display: block;height: 2rem;}
.nav-active span{border-bottom: 2px solid #e1a62d;font-weight: 600;}


.list-item{display: flex;gap: 10px;background-color: #ffffff;border-radius: 0.5rem;margin-bottom: 20px;box-shadow: #9393933d 0 0 18px 0;}
.list-img{width:140px;height: auto;overflow: hidden;object-fit: cover;background-size: cover;border-radius: 0.5rem;background-position: center;flex: 0 0 auto;position: relative; }
.list-content{padding: 1rem 0.5rem 0.5rem 0;width: 70%;display: flex; flex-direction: column;}
.list-title{font-size: 1rem;overflow: hidden;text-overflow: ellipsis;max-height: 2.6rem;color: #2b2c2c;}
.list-item .content{flex: 1;font-size: 0.8rem;}
.list-description{font-size: 0.7rem;color: #8a8a8a;padding-top: 0.5rem;display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.list-tag{position: absolute;bottom: 10px;left: 10px;background-color: #fff; padding: 5px; border-radius: 5px;  font-size: 0.8rem;}
.list-date{margin-left: auto;color: #585858;padding: 0.4rem;font-size: 0.7rem;}


/* 文章内容 */
.content-txt h3 {margin-bottom: 2rem;}
.content-txt{line-height: 1.8rem;text-align: justify;word-wrap: break-word;}
.content-txt img{width:100%;margin: 1rem 0;}



/* 滚动懒加载 核心样式 */
.lazy-load {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(20px) !important;
  transition: all 0.6s ease !important;
}
.lazy-load.active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* 用户 */

.user-face{width: 100px; height: 100px;background-repeat: no-repeat;background-size:cover;border-radius: 50%;margin:0 auto;background-color: #ffffff; background-position: center;background-repeat: no-repeat; position: relative;margin-top: -60px;z-index:1001;}
.user-info{text-align: center;display: flex; flex-direction: column;}
.user-title{font-size: 1.2rem;font-weight: 600;margin:1rem 0.5rem;}
.user-face-edit{position: absolute;right: -10px;bottom: 5px;background-color: var(--primary-color);width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 0.8rem;}

.person-fun-list{display: flex;gap: 10px;}
.person-fun-item{width: 100px;height: 100px;background-color: #ffffff;border-radius: 0.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
.person-fun-item img{width: 60px;height: auto;}
.person-fun-item span{font-size: 0.8rem;}

.tel-box{margin: 4rem 2rem 2rem 2rem;text-align: center;}
.tel-box a{display: block;background-color: #ffffff;border-radius: 0.6rem;box-shadow: #47474742 0 0 10px 0;padding: 0.8rem 1rem;color: var(--primary-color);text-align: center;display: inline-flex;align-items: center;justify-content: center;}
.tel-box a img {width: 1.5rem;margin-right: 1rem;}

.form-item {display:flex;align-items:center;padding:16px 20px;margin-bottom:12px;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);font-size:20px;} 
/* .form-item:first-child {border:2px solid #0a2463;}  */
.form-item img {width:32px;height:32px;margin-right:16px;color:#0a2463;flex-shrink:0;} .form-item input,.form-item select,.form-item textarea {padding:0.3rem;width:100%;border:none;outline:none;font-size:1rem;} 
.form-group {width:100%;} 
.form-label {font-size:0.8rem;color:#999;margin:0 6px;} 
.form-value {color:#333;font-weight:500;} 
.form-select {flex:1;border:none;outline:none;font-size:20px;color:#333;background:transparent;appearance:none;} 
.select-arrow {margin-left:auto;color:#999;font-size:24px;}
.form-item-tips{font-size: 0.8rem;color: #999;margin: 1rem 0;}
.form-privacy-tips{color: var(--primary-color);}
.success-tips{text-align: center;display: flex;align-items: center;justify-content: center; gap: 10px;flex-direction: column;}

.white-btn{display: block;background-color: #ffffff;border-radius: 0.6rem;box-shadow: #47474742 0 0 10px 0;padding: 0.8rem 1rem;color: var(--primary-color);text-align: center;display: inline-flex;align-items: center;justify-content: center;width: 200px;}


/* 新闻 */
.category{padding:0 15px; display: flex;gap: 20px;}
.category .active{font-weight: 700;}

.scroll-news-list{display: flex;flex-direction: row;gap: 10px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;flex-wrap: nowrap;-ms-overflow-style: none; scrollbar-width: none;padding: 1rem;}
.scroll-news-list::-webkit-scrollbar { display: none;}


.scroll-news-item{display: flex;gap: 10px;background-color: #ffffff;border-radius: 0.5rem;margin-bottom: 20px;box-shadow: #9393933d 0 0 18px 0;flex-direction: column;padding: 10px;width: 200px;padding-bottom: 30px;position: relative;}
.scroll-news-img{width:180px;height: 120px;overflow: hidden;background-size: cover;border-radius: 0.5rem;background-position: center;flex: 0 0 auto;position: relative;}
.news-type{position: absolute; left: 10px;bottom: 10px;background-color: #fff;border-radius: 5px;padding: 5px;font-size: 0.8rem;}
.scroll-news-title{font-size: 0.9rem;overflow: hidden;text-overflow: ellipsis;max-height: 2.6rem;color: #2b2c2c;}
.scroll-news-time{flex: 1;font-size: 0.7rem;color: #8a8a8a;position: absolute;bottom: 10px;}


.news-list{display: flex; gap: 20px; flex-direction: column;}
.news-item{display: flex;flex-direction: column;gap: 10px;box-shadow: #9393933d 0 0 18px 0;padding: 10px;border-radius: 0.5rem;}
.news-img{width:100%;height: 150px;overflow: hidden;background-size: cover;border-radius: 0.5rem;background-position: center;flex: 0 0 auto;position: relative;}
.news-content{display: flex;flex-direction: row;gap: 10px;justify-content: space-between;}
.news-title{font-size: 0.9rem;overflow: hidden;text-overflow: ellipsis;max-height: 2.6rem;color: #2b2c2c;width: 66%;}

.area{margin: 15px 0;}
.area a{padding: 5px;font-size: 0.8rem;}
.area .active{background-color: var(--primary-color);color: #fff;padding: 5px 10px;border-radius: 3px;box-shadow: #47474742 0 0 10px 0; }


.even-list{display: flex; gap: 20px; flex-direction: column;}
.even-item{display: flex;flex-direction: column;gap: 10px;box-shadow: #6b6b6b3d 0 0 18px 0;padding: 10px;border-radius: 0.5rem;}
.even-img{width:100%;height: 150px;overflow: hidden;background-size: cover;border-radius: 0.5rem;background-position: center;flex: 0 0 auto;position: relative;}
.even-description{font-size: 0.8rem;color: #898b8e;padding-top: 0.5rem;display: flex;flex-direction: column;gap: 10px}   
.even-content{display: flex;flex-direction: row;gap: 10px;justify-content: space-between;}
.even-title{color: #2b2c2c;}
.even-btn { flex-shrink: 0;  align-self: flex-end; }
.btn{color: #fff;padding: 0.4rem 0.8rem;border-radius: 0.2rem;font-size: 0.8rem;border: none;}
.btn-primary{background-color: var(--primary-color);}
.btn-org{background-color: var(--org-color);}
.btn-gray{background-color: #868686;}

.even-detail-head{display: flex;flex-direction: column;gap: 10px;padding: 20px;}
.even-detail-content{padding: 20px;background-color: #fff;}
.even-detail-content img{width: 100%;}
.even-detail-item{display: flex;flex-direction: row;gap: 10px}
.even-detail-item img{width: 24px;height: auto;object-fit: cover;}


.scroll-service-list{display: flex;padding: 1rem;margin-bottom: 1rem;flex-direction: row;gap: 10px;}
.scroll-service-item{display: flex;gap: 5px;background-color: #ffffff;border-radius: 0.5rem;box-shadow: #9393933d 0 0 18px 0;flex-direction: column;padding: 0;width: 250px;position: relative;}
.scroll-service-img{width:100%;height: 150px;overflow: hidden;background-size: cover;border-radius: 0.5rem 0.5rem 0 0;background-position: center;flex: 0 0 auto;position: relative;}
.scroll-service-title{font-size: 0.9rem;color: #2b2c2c;padding: 10px;}

.list-fav{color: #585858;padding: 0.4rem;font-size: 0.7rem;}


/* 轮播外层容器 */
.slider-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.slider-wrapper-transport-service {
  position: relative;
  width: 100%;
  max-width: 2200px;
  margin: 0 auto;
  overflow: hidden;
}


/* 轮播轨道 */
.slider-track {
  display: flex;
  transition: transform 0.4s ease; /* 滑动动画 */
  scroll-snap-type: x mandatory;scroll-behavior: smooth;
}

/* 每个item宽度：一屏显示3个（可自己改） */
.slider-item {
  flex: 0 0 calc(200% / 5);
  display: block;
  text-align: center;
  text-decoration: none;
  color: #333;
}
.slider-wrapper-transport-service .slider-track {
  display: flex;
  transition: transform 0.4s ease;
}

.transport-service-item {
  flex: 0 0 calc(100% / 1.2);
  display: block;
}

/* 图片样式 */
/* .scroll-service-img {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  margin-bottom: 12px;
} */

/* 左右按钮 */
.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-90%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(0,0,0,0.3);
  color: #fff;
  border: none;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
}
.prev-btn { left: 10px; }
.next-btn { right: 10px; }

/* 指示器小点 */
.slider-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 15px;
}
.slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
}
.slider-dot.active {
  background: #00aaff;
}

.header-title{padding:0 15px;color: #fff;margin: auto;font-size: 1.2rem;text-align: center;font-weight: 700;width: 100%;margin-top: 2rem;}
.header-subtitle{color: #fff;font-size: 1rem;text-align: center;padding:0 15px;margin: auto;width: 100%;}
.txt-01{padding: 20px;color: #303131;font-size: 0.9rem;line-height: 1.5rem;color: #666;}
.txt-title::after{
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #e1a62d;
    margin: 10px auto 0;
}
.txt-title{font-size: 1.3rem;text-align: center;margin: 2rem 0;}
.txt-title p{font-size: 0.8rem;}

.detail-content{margin-top: 1rem;}

.text-item{display: flex;gap: 0;background-color: #ffffff;border-radius: 0.5rem;margin-bottom: 20px;box-shadow: #9393933d 0 0 18px 0;justify-content: space-between;align-items: center;}
.text-img-r{width:120px;height: 100%;min-height: 120px;overflow: hidden;object-fit: cover;background-size: cover;border-radius: 0 0.5rem 0.5rem 0;background-position: center;flex: 0 0 auto;position: relative; flex: 0 0 140px;margin-left: auto;  }
.text-content{padding: 1rem 0.5rem 0.5rem 1rem; width: calc(100% - 160px);display: flex; flex-direction: column;min-height: 4rem;}
.text-title{font-size: 1rem;overflow: hidden;text-overflow: ellipsis;max-height: 2.6rem;color: #2b2c2c;}
.text-item .content{flex: 1;font-size: 0.8rem;}
.text-description{font-size: 0.7rem;color: #8a8a8a;padding-top: 0.5rem;display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.text-tag{position: absolute;bottom: 10px;left: 10px;background-color: #fff; padding: 5px; border-radius: 5px;  font-size: 0.8rem;}
.text-date{margin-left: auto;color: #585858;padding: 0.4rem;font-size: 0.7rem;}


.img-head-list{padding: 0;border-radius: 0.5rem;box-shadow: #9393933d 0 0 18px 0;}
.img-head-list-head h3{font-size: 1rem;}
.img-head-list-head p{color: #fff;font-size: 0.8rem;}
.img-head-list-head{border-radius: 0.5rem 0.5rem 0 0;color: #fff;padding: 20px 15px;position: relative;background-size: cover;background-position: center;z-index: 1;overflow: hidden;vertical-align: middle;}
.img-head-list-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 34, 105, 0.5), rgba(0, 34, 105, 0.5));
    z-index: -1;
}
.img-head-list-body{padding: 15px;background-color: #fff;border-radius: 0.5rem;}
.img-head-list-body ul , .img-bottom-card-content ul{
    list-style: none;
    padding-left: 0;
    font-size: 0.8rem;
}
.img-head-list-body li, .img-bottom-card-content li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 18px;line-height: 1.5rem;
}
.img-head-list-body li::before,.img-bottom-card-content  li::before {
    content: "●";
    color: #e1a62d; /* 金黄色圆点 */
    position: absolute;
    left: 0;
    top: 0;
}
.icon-list-item{display: flex;flex-direction: row;gap: 10px;padding: 15px;}
.icon-list-item-img{width: 100px;text-align: center;flex-shrink: 0;}
.icon-list-item-img img{width: 60%;object-fit: contain;}
.icon-list-item-content h3{font-size: 1.1rem;font-weight: 400;}
.icon-list-item-content p{font-size: 0.8rem;color: #a1a1a1;}
.more-link a{ width: 80%;background-color: #001f60;color: #fff;padding: 12px;margin: auto;text-align: center;}
.more-link{display: flex;flex-direction: column;gap: 8px;margin: auto;}


.img-bottom-title{color: #fff;font-size: 1.6rem;text-align: center;font-weight: 600;padding-top: 1rem;}
.img-bottom-card{padding:1rem 0 0 0;background-color: #ffffff;box-shadow: #9393933d 0 0 18px 0;border-radius: 1rem;overflow: hidden;margin-bottom: 2rem;}
.img-bottom-card-head{border-bottom: #001f60 2px solid;margin-bottom: 0.8rem;padding: 0.5rem 0.8rem;}
.img-bottom-card-content{padding: 0.8rem;position: relative;z-index: 2;}
.img-bottom-card h2{margin-bottom: 0.3rem;}
.img-bottom-subtitle{color: #303131;}
.img-bottom-img{width: 100%;overflow: hidden;margin: 0;position: relative;margin-top: -2rem;}
.img-bottom-img img{width: 100%;height: auto;display: block;}
.img-bottom-img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, #ffffff 0%, rgba(255,255,255,0) 50%);pointer-events: none;}

.tl-img img{width: 100%;object-fit: contain;}

.text-item-style2{margin: 2rem 0;box-shadow: #9393933d 0 0 18px 0;border-radius: 0.5rem;overflow: hidden;background-color: #fff;}
.text-item-s2{display: flex;gap: 1rem;background-color: #ffffff;padding: 10px;justify-content: space-between;}
.text-img-s2-r{width:140px;height: 100%;min-height: 120px;overflow: hidden;object-fit: cover;background-size: cover;background-position: center;flex: 0 0 auto;position: relative;margin-left: auto;}
.text-content-s2{padding: 1rem 0.5rem 0.5rem 1rem;width: 70%;display: flex; flex-direction: column;min-height: 4rem;flex: 1;}
.text-title-s2{font-size: 1rem;overflow: hidden;text-overflow: ellipsis;max-height: 2.6rem;color: #2b2c2c;}
.text-item-s2 .content{flex: 1;font-size: 0.8rem;}
.text-description-s2{font-size: 0.7rem;color: #8a8a8a;padding-top: 0.5rem;/*display: -webkit-box;*/ -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}

.text-item-style2 a + a::before {
  content: "";
  display: block;
  width: 90%; 
  height: 1px;
  background: #e7e7e7;
  margin: 10px auto 10px;
}

.xingxing{width: 100%;text-align: center;font-size: 0.8rem;color: #868686;}

.transport-service-item{display: flex;flex-direction: column;gap: 10px;background-color: #ffffff;box-shadow: #9393933d 0 0 18px 0;border-radius: 0.5rem;overflow: hidden;margin-bottom: 2rem;position: relative;}
.transport-service-item-img{width: 100%;height: 180px;overflow: hidden;background-size: cover;background-position: center;flex: 0 0 auto;position: relative;}
.transport-service-item-title{padding:15px 15px 0 15px;font-weight: 600;font-size: 1.2rem;}
.transport-service-item-content{padding:0 15px 15px 15px;font-size: 0.8rem;color: #585858;}
.transport-service-item-icon{width: 60px;height: 60px;position: absolute;top:150px;margin: auto;background-color: #fff;border-radius: 50%;left: 50%;transform: translateX(-50%);background-size: cover;background-position: center;box-shadow: #93939375 0 0 18px 0;background-size: 80%;background-repeat: no-repeat;}


/* reg */
.padding-2{padding: 2.6rem;}
.reg-header {
    position: relative;
    height: 180px;    
    background-size: cover;
    background-position: center;    
    z-index: 1000;
    align-items: center;
    vertical-align: top;
}
.reg-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 34, 105, 0.8), rgba(0, 34, 105, 0));
    z-index: -1;
}

.reg-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem;
}
.user-reg-title{font-size: 1.8rem; font-weight: 900; color: #001f60;margin-bottom: 2rem;}
.reg-btn{background-color: #001f60;color: #fff;border: none;width: 100%;padding:0.8rem 1rem;font-weight: 600;letter-spacing: 0.5rem;border-radius: 8px;}
.get-code-btn{background-color: #001f60;color: #fff;border: none;padding:0.3rem 1rem;border-radius: 3px;white-space: nowrap;}
.reg-tips{color:#a9a9aa;text-align: center;font-size: 0.8rem;}
.newtips{color:#a9a9aa;text-align: left;font-size: 0.8rem;}
.reg-tips a{color: #001f60;font-weight: 600;}
.reg-form-label{font-weight: bold;font-size: 1.1rem;}
.reg-form-label .iconfont{color: #001f60;margin-right: 0.8rem;}
.reg-input{border-bottom: 1px solid #cacaca;margin-bottom: 1rem;padding: 0.5rem 0;}
.reg-input .form-value{border: none; background: transparent; flex:1 }
.reg-input .form-value:focus{border: none;outline: none;}
.get-code{display: flex;}
.form-value::placeholder {color: #b9b9b9;}

/* 服务网点页面样式 2026-05-19*/
.branches-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.branch-card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.5s, box-shadow 0.5s;
}

.branch-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px #001e602a;
    border: 1px solid #001e6056;
}
.branch-card:hover .branch-title {
    color: #001f60;
}
.branch-card:hover .branch-header {
    border-bottom: 1px solid #001e602a;
}


.branch-header {
    display: flex;
    align-items: center;
    color: #2c2d31;
    border-bottom: 1px solid #efefef;
}

.branch-icon {
    width: 45px;
    height: 45px;
    color: #001f60;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.branch-title {
    font-size: 1rem;font-weight: 600;
}

.branch-content {
    padding: 1rem 0.9rem;
}

.branch-address,
.branch-phone {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    color: #666;
    font-size: 0.9rem;
    line-height: 1.6;
}

.branch-address:last-child,
.branch-phone:last-child {
    margin-bottom: 0;
}

.branch-address i,
.branch-phone i {
    color: #001f60;
    font-size: 1.1rem;
    margin-right: 0.8rem;
    flex-shrink: 0;
}

.branch-address span,
.branch-phone span {
    flex: 1;
}

.branch-phone span {
    color: #001f60;
    font-weight: 500;
}

/* 标签筛选样式 */
.branch-tag {
    margin-bottom: 1.2rem;
}

.tag-list {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.tag-item {
    padding: 0.36rem 0.8rem;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #666;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s;
}

.tag-item:hover {
    border-color: #001f60;
    color: #001f60;
}

.tag-item.active {
    background-color: #001f60;
    border-color: #001f60;
    color: #fff;
}

.tag-item.active:hover {
    background-color: #001f60;
    border-color: #001f60;
}
/* 服务网点页面样式end 2026-05-19*/

/* 服务网点图片容器通栏 */
.branch-body-s2{flex-direction: column;}
.branch-noimg{display: none;}
.branch-img-container{ width: 100%;
    height: calc(100% * 3 / 4);
    max-height: 140px;
    overflow: hidden;}
.branch-img-container img{width: 100%;height: 100%;object-fit: contain;}

/* 活动报名页面样式 2026-06-15*/

.activity-list{display: flex; gap: 20px; flex-direction: column;}
.activity-item{display: flex;gap: 10px;background-color: #ffffff;border-radius: 0.5rem;box-shadow: #9393933d 0 0 18px 0;}
.activity-img{width: 140px;height: auto;overflow: hidden;object-fit: cover;background-size: cover;border-radius: 0.5rem;background-position: center;flex: 0 0 auto;position: relative;}
.activity-tag{position: absolute;  top: 0; left: 0; padding: 5px; border-radius: 3px;  font-size: 0.8rem;}
.activity-description{font-size: 0.8rem;color: #898b8e;display: flex;flex-direction: column;gap: 10px}   
.activity-content{padding: 1rem 0.5rem 1rem 0;  width: 70%; display: flex; flex-direction: column;}
.activity-title{color: #2b2c2c;}
.activity-btn { flex-shrink: 0;  align-self: flex-end; }
.activity-status-ing .activity-tag{background-color: var(--primary-color);color: #fff;}
.activity-status-bming .activity-tag{background-color: #DFA42D;color: #fff;}
.activity-status-sing .activity-tag{background-color: #9ddbec;color: #001f60;}
.activity-status-per .activity-tag{background-color: var(--org-color);color: #fff;}
.activity-status-end .activity-tag{background-color: #868686;color: #fff;}
.activity-status-end{filter: grayscale(100%);}

.activity-status-tag-ing{background-color: var(--primary-color);color: #fff;padding: 4px;border-radius: 6px;}
.activity-status-tag-sing{background-color: #09a344;color: #fff;padding: 4px;border-radius: 6px;}
.activity-status-tag-per{background-color: var(--org-color);color: #fff;padding: 4px;border-radius: 6px;}
.activity-status-tag-end{background-color: #868686;color: #fff;padding: 4px;border-radius: 6px;}

.activity-detail-head{padding: 20px;}
.activity-detail-info{display: flex;justify-content: space-between;flex-wrap: nowrap;padding: 20px;align-items: center;background: #fff;}
.activity-detail-info-status{flex-shrink: 0; white-space: nowrap;}
.activity-detail-content{padding: 20px;background-color: #fff;}
.activity-detail-content img{width: 100%;}
.activity-detail-item{display: flex;flex-direction: row;gap: 10px}
.activity-detail-item img{width: 24px;height: auto;object-fit: cover;}

/* 活动底部固定操作栏 */
.activity-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:1000;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.footer-left{flex:1}
.collect-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#f5f5f5;border:none;border-radius:25px;color:#666;font-size:14px;cursor:pointer;transition:all 0.3s}
.collect-btn:hover{background-color:#eee}
.collect-btn.collected{background-color:#fff3e0;color:#DFA42D}
.collect-btn i{font-size:18px}
.footer-right{flex:2;text-align:right}
.action-btn{padding:12px 30px;border:none;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s}
.action-btn.status-available{background-color:#001f60;color:#fff}
.action-btn.status-available:hover{background-color:#003399}
.action-btn.status-pending{background-color:#DFA42D;color:#fff}
.action-btn.status-approved{background-color:#09a344;color:#fff}
.action-btn.status-rejected{background-color:#e53935;color:#fff}
.action-btn.status-full{background-color:#9e9e9e;color:#fff;cursor:not-allowed}
.action-btn.status-survey{background-color:#1e88e5;color:#fff}
.form-item{background-color:#fff;padding:16px;margin-bottom:12px;border-radius:8px;display:flex;align-items:flex-start;gap:12px}
.form-item img{width:24px;height:24px;flex-shrink:0;margin-top:4px}
.form-group{flex:1}
.form-label{font-size:14px;color:#333;font-weight:500;margin-bottom:8px;display:block}
.form-label .required{color:#e53935;margin-left:2px}
.form-value{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;box-sizing:border-box;transition:border-color 0.3s}
.form-value:focus{outline:none;border-color:#001f60}
.form-value::placeholder{color:#999}
.form-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.form-select:focus{outline:none;border-color:#001f60}
.form-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;box-sizing:border-box;resize:none;transition:border-color 0.3s}
.form-textarea:focus{outline:none;border-color:#001f60}
.form-textarea::placeholder{color:#999}
.radio-group{display:flex;flex-wrap:wrap;gap:16px}
.radio-item{display:flex;align-items:center;cursor:pointer;user-select:none}
.radio-item input[type="radio"]{appearance:none;width:18px;height:18px;border:2px solid #ddd;border-radius:50%;margin-right:8px;cursor:pointer;position:relative;transition:all 0.3s}
.radio-item input[type="radio"]:checked{border-color:#001f60;background-color:#001f60}
.radio-item input[type="radio"]:checked::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%}
.radio-label{font-size:14px;color:#333}
.checkbox-group{display:flex;flex-wrap:wrap;gap:16px}
.checkbox-item{display:flex;align-items:center;cursor:pointer;user-select:none}
.checkbox-item input[type="checkbox"]{appearance:none;width:18px;height:18px;border:2px solid #ddd;border-radius:4px;margin-right:8px;cursor:pointer;position:relative;transition:all 0.3s}
.checkbox-item input[type="checkbox"]:checked{border-color:#001f60;background-color:#001f60}
.checkbox-item input[type="checkbox"]:checked::after{content:'';position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.checkbox-label{font-size:14px;color:#333}
.form-item-tips{font-size:12px;color:#999;line-height:1.6;margin-bottom:16px}
.form-submit{margin-top:20px}
.submit-btn{width:100%;padding:14px;background-color:#001f60;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.3s}
.submit-btn:hover{background-color:#003399}
.submit-btn:active{transform:scale(0.98)}
.rating-group{display:flex;flex-direction:column;gap:8px}
.rating-stars{display:flex;flex-direction:row;gap:4px}
.rating-star{font-size:28px;color:#ddd;transition:color 0.3s;cursor:pointer}
.rating-star:hover,.rating-star.active,.rating-star.hover{color:#DFA42D}
.rating-labels{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-top:4px}
.matrix-table{width:100%;border-collapse:collapse;font-size:12px}
.matrix-header{display:flex;background-color:#f5f5f5;border-radius:6px 6px 0 0;padding:8px 4px}
.matrix-row{display:flex;border-bottom:1px solid #eee;align-items:center;padding:8px 4px}
.matrix-row:last-child{border-bottom:none;border-radius:0 0 6px 6px}
.matrix-label{flex:2;font-weight:500;color:#333}
.matrix-header .matrix-label{font-weight:600;color:#666}
.matrix-header span:not(.matrix-label){flex:1;text-align:center;color:#666}
.matrix-option{flex:1;display:flex;justify-content:center;cursor:pointer}
.matrix-option input[type="radio"]{appearance:none;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;cursor:pointer;transition:all 0.3s}
.matrix-option input[type="radio"]:checked{border-color:#001f60;background-color:#001f60}
.matrix-option input[type="radio"]:checked::after{content:'';display:block;width:8px;height:8px;background-color:#fff;border-radius:50%;margin:-2px -2px;box-sizing:border-box}
.upload-area{border:2px dashed #ddd;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all 0.3s;background-color:#fafafa}
.upload-area:hover{border-color:#001f60;background-color:#f0f4f8}
.upload-area.dragover{border-color:#001f60;background-color:#e8f0fe}
.upload-icon{font-size:32px;color:#999;margin-bottom:8px}
.upload-text{font-size:14px;color:#333;margin-bottom:4px}
.upload-hint{font-size:12px;color:#999}
.upload-preview{margin-top:12px}
.preview-file{display:flex;align-items:center;justify-content:space-between;background-color:#f5f5f5;padding:10px 12px;border-radius:6px}
.preview-file span{font-size:13px;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.remove-file{background-color:#e53935;color:#fff;border:none;width:24px;height:24px;border-radius:50%;font-size:16px;cursor:pointer;margin-left:12px;display:flex;align-items:center;justify-content:center}

/* 活动报名页面样式 2026-06-15 end*/