/* 公用 */
body{margin: 0;padding: 0;}
*{vertical-align: center;}
a {
    text-decoration: none; /* 移除下划线 */
    color: inherit; /* 继承父元素的文本颜色 */
    outline: none; /* 移除点击时的焦点框（谨慎使用，可能影响可访问性） */
  }
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}

/* bnr-swiper轮播图*/
.bnr-swiper{width:100%;height:auto;margin:0.5rem auto 0;position: relative;}
.bnr-swiper .swiper-slide{width: 100%;overflow: hidden;}
.bnr-swiper .swiper-slide img{width: 100%;height: 5.2rem;}
.bnr-swiper .swiper-pagination-bullet {
    width: 8px;        /* 分页器指示器宽度 */
    height: 8px;       /* 分页器指示器高度 */
    background: #ffffff;   /* 非活动状态颜色 */
    opacity: 1;         /* 不透明度 */
    margin: 0 5px !important; /* 指示器间距 */
}

.bnr-swiper .swiper-pagination-bullet-active {
    background: #9a0202;   /* 活动状态颜色 */
    width: 12px;        /* 活动指示器宽度（可创建不同形状） */
    border-radius: 5px; /* 活动指示器圆角 */
}

/* 分页器容器位置调整 */
.bnr-swiper .swiper-pagination {
  position: absolute;bottom: 5px;height: 15px;
}
/* 禁用分页器的焦点边框 */
.swiper-pagination-bullet:focus {
    outline: none;        /* 移除所有浏览器的焦点边框 */
    box-shadow: none;     /* 移除可能的焦点阴影 */
}

/* 额外：移除移动端点击高亮效果 */
.swiper-pagination-bullet {
    -webkit-tap-highlight-color: transparent;
}
/* 列表banner */
.banner{width:100%;height:auto;position:relative;box-sizing: border-box;}
.banner .bnr-img{width:100%;height:auto;object-fit:cover;overflow: hidden;}
.banner .bnr-img img{width:100%;height:auto;}
.banner .bnr-title{text-align:left;position: absolute;top: 70px;left: 30px;}
.banner .bnr-title h1{font-size:30px;color:#222222;letter-spacing:2px;line-height:1.5;font-weight: 600;}
.banner .bnr-title p{font-size:18px;color:#474747;border-left:4px solid #1a5b89;background:linear-gradient(90deg,rgb(235,235,235),transparent);width:auto;display:inline-block;margin:0px 0 0 5px;padding:2px 10px;}
/* 详情banner */
.bannerShow{width:100%;height:auto;background: #f0f0f0;box-sizing: border-box;padding: 100px 20px 20px;}
.bannerShow .bnr-title{width: 100%;}
.bannerShow .bnr-title h1{font-size: 20px;color: #333333;font-weight: 600;letter-spacing: 2px;line-height: 2;padding: 0 5px;}
.bannerShow .bnr-title .cansu1{border-bottom: 1px solid #999;padding: 0 5px;height: 30px;}
.bannerShow .bnr-title .cansu1 span{font-size: 14px;color: #333333; }
.bannerShow .bnr-title .cansu1 p{display: inline-block;font-size: 14px;color: #000;line-height: 1.5;padding-bottom: 5px;}
.bannerShow .bnr-title .cansu2{display: flex;justify-content: flex-start;border-bottom: 1px solid #999;padding: 10px 5px;}
.bannerShow .bnr-title .cansu2 .li{margin-right: 20px;}
.bannerShow .bnr-title .cansu2 .li p:first-child{font-size: 12px;color: #333333;line-height: 1.5;padding-bottom: 5px;}
.bannerShow .bnr-title .cansu2 .li p:last-child{font-size: 16px;color: #444;line-height: 1.5;font-weight: 600;}
.bannerShow .bnr-img{overflow: hidden;display: flex;padding: 20px;margin-top: 20px;}
.bannerShow .bnr-img img{width: 100%;height: auto;}

/* 列表内容 */
.content{width:100%;height:auto;margin: 30px auto;}
.content .pk-list,.content .bus-list{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.content .ct-item{width:100%;}
.content .ct-item .ct-item-title{font-size:22px;color:#333;font-weight:600;text-align:center;}
.content .ct-item-list{padding: 0 20px;}
.content .ct-item-list .series-block{margin: 30px 0 40px;}
.product-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.product-list{display:flex;flex-direction: column;}
.product-item{width:100%;text-decoration:none;color:#333;border-radius:0px;overflow:hidden;display: flex;border-bottom: 1px solid #ededed;padding: 20px 0;}
.product-item:last-child{border-bottom: none;}
.product-img{width:50%;height:auto;padding:5px 10px 5px 0;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.product-img img{display:block;width:100%;height:auto;transition:transform 0.3s ease;}
.product-info{padding:10px 0;text-align:left;width: 50%;box-sizing: border-box;}
.product-info h3{font-size:16px;margin: 0 0 5px 0;color:#333;}
.product-info .size{font-size:12px;color:#666;margin:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.product-info .pk-size{white-space: wrap;width: 100%;}
/* 悬停效果 */
.product-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.product-item:hover .product-img img{transform:scale(1.1);}
/* 客车列表 */
.ct-screen{width: 100%;height: auto;margin: 0;padding: 0 20px;}
.ct-item-sort{background-color: #f5f5f5;padding: 15px;height: 0.6rem;display: flex;vertical-align: middle;justify-content: flex-start;align-items: center;}
.ct-item-sort span{font-size: 14px;font-weight: 600;color: #333;}
.ct-item-sort span a{font-size: 14px;padding: 0 10px;position: relative;padding-right: 22px;transition: all 0.3s ease;}
.ct-item-sort span a::after{position: absolute;content: '';width: 22px;height: 10px;background: url('../image/arrow1.png')no-repeat center;background-size: 14px;top: 50%;right: 0;transform: translateY(-50%);transition: all 0.3s ease;}
.ct-item-sort span a.active{color: #1a5b89;}
.ct-item-sort span a.active::after{background: url('../image/arrow2.png')no-repeat center;background-size: 14px;}
.ct-item-sort span a:hover{color: #1a5b89;}
.ct-item-sort span a:hover::after{background: url('../image/arrow2.png')no-repeat center;background-size: 14px;}
/* 客车列表 */
.bus-list .product-item:hover h3,.bus-list .product-item:hover p{color: #1a5b89;}
.bus-pro-info{text-align: left !important;align-items: flex-start !important;}
.bus-pro-info .m-btn{width: auto;height: auto;font-size: 14px;padding: 5px 15px 5px 0;text-align: center;color: #1a5b89;border-radius: 5px;}
/* 搜索框 */
.ct-screen{box-sizing: border-box;}
.search-container{display: flex;align-items: center;padding: 0 0 20px 0;} 
.search-container .tit{font-size:14px;color: #333;}
.ipt{border:1px solid #cdcdcd;border-radius:20px;height: auto;display: flex;justify-content: space-between;align-items: center;padding: 0 10px 0 15px;flex: 1;}
.search-container input{padding:8px 0;outline:none;border-radius:5px;flex: 1;border: none;}
.search-container .btn-cz{background:url('../image/icon_1.png')no-repeat center;background-size:22px;width:35px;height:35px;border-radius:5px;cursor:pointer;}
.search-container .reset-btn{color:#1a5b89;display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:600;margin-left: 10px;}
.search-container .reset-btn .icon-refresh {background:url('../image/chongzhi.png')no-repeat center;background-size:18px;width:25px;height:25px;}
.ct-screen .item{border-top: 1px dashed #cdcdcd !important;height: auto !important;display: flex !important;align-items: flex-start !important ;justify-content: flex-start !important;flex-wrap: wrap !important;gap: 10px !important;padding: 10px 0;}
.ct-screen .item span{font-size: 0.36rem;color: #333;font-weight: 600;}
.ct-screen .item .afl{display: flex;flex-wrap: wrap;}
.ct-screen .item .afl a{font-size: 14px ;color: #333;padding: 3px 15px ;border-radius: 20px;transition: all 0.3s ease;margin-bottom: 5px ;display: inline-block ;}
.ct-screen .item .afl a:first-child{font-size: 14px;color: #555;font-weight: 600;padding: 0;border: none;padding: 3px 15px;}
.ct-screen .item .afl a.active{color: #fff;background-color: #1a5b89;padding: 3px 15px;}
.ct-screen .item .afl a:hover{color: #fff;background-color: #1a5b89;}

/* 详情内容 */
.contentShow{width:100%;height:auto;}
.contentShow h2{font-size: 22px;color: #333;font-weight: 500;letter-spacing: 1px;position: relative;display: block;padding-bottom: 10px;margin-bottom: 30px;}
.contentShow h2::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 30px;height: 4px;background-color: #1a5b89;border-radius: 10px;}
.contentShow .textEd{width:100%;height:auto;margin:40px auto;box-sizing:border-box;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #eee;padding: 20px;}
.contentShow .textEd .txt{text-align: center;color: #333;}
.contentShow .textEd .txt h3{font-size: 18px;color: #333333;text-align: center;margin: 20px 0 10px;font-weight: 500;}
.contentShow .textEd .txt p{line-height: 24px;font-size: 14px;text-align: justify;}
.contentShow .textEd .txt img{max-width: 100%;width: auto;display: block;margin-bottom: 2px;height: auto;}

/* 详情页轮播图 */
.imgBox{width: 100%;height: auto;margin: 40px auto;text-align: center;}
.swiperBox{width:100%;height:auto;margin: 0 auto;position: relative;}
.swiperBox .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.mySwiper2 .swiper-slide{width: 100%;box-sizing: border-box;}
.swiper-slide{background-size:cover;background-position:center;}
.mySwiper2{height:auto;width:100%;margin-bottom: 6px;}
.mySwiper{height:auto;width: 100%;box-sizing: border-box;overflow: hidden;}
.mySwiper .swiper-slide{width:20%;height:auto;opacity:0.7;}
.mySwiper .swiper-slide-thumb-active{opacity:1;}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.swiper-button-prev{left:0 !important;right:auto;padding:5px;background:#fff;}
.swiper-button-next{right:0 !important;left:auto;padding:5px;background:#fff;border:none;}
.imgBox .swiper-button-next:focus,
.imgBox .swiper-button-prev:focus {
  outline: none;
}
/* 基础样式保持不变 */
.specs .specs-tab {
  display: flex;
  flex-wrap: wrap;
}

/* 详情页车辆配置 */
.carSpecs{display: flex;flex-direction: column;align-items: center;padding-bottom: 40px;}

/* tab划动样式 */
.specs-tab{width:100%;height:100%;display:flex;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin: 0;}
/* 隐藏滚动条 */
.specs-tab::-webkit-scrollbar{display:none;}
.specs-tab .li{height:100%;text-align:center;scroll-snap-align:start;flex-shrink:0;}
.specs-tab .li a{color:#333;font-size:14px;text-decoration:none;display:block;width:100%;height:100%;}
.specs-tab .li.active{background:#333;}
.specs-tab .li.active a{color:white;}
/* 渐变遮罩提示可滑动 */
.box::before,.box::after{content:'';position:absolute;top:0;bottom:0;width:20px;z-index:10;pointer-events:none;}



.specs-cont{width: 100%;border-top: 5px solid #ccc;}
.specs-cont .item .carType .tit{font-size: 14px;color: #fff;display: flex;justify-content: space-around;padding-left: 10px;background-color: #444;}
.specs-cont .item .carType span:first-child{text-align: left;padding-left: 10px;}
.specs-cont .item .carType span{flex: 1;display: block;text-align: center;padding: 10px 0;}
.specs-cont .item .carType .price{font-size: 12px;color: #333;display: flex;justify-content: space-around;padding-left: 20px;background-color: #e8e8e8;}
.specs-cont .item .carType .tit span:first-child{position: relative;padding-left: 20px;}
.specs-cont .item .carType .tit span:first-child::after{content: '';position: absolute;top: 50%;left: 0;width: 10px;height: 10px;transform: translateY(-50%);background-color: red;border-radius: 50%;}

.specs-cont .item .para{display: flex;}
.specs-cont .item .para .tit{writing-mode:vertical-rl;font-size:14px;color:#555;font-weight:600;background-color:#d6d6d6;width:22px;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom: 1px solid #9e9e9e;}
.specs-cont .item .para:last-child .tit{border-bottom: none;}
.specs-cont .item .para table{flex: 1;}
.specs-cont .item .para table tbody tr{display: flex;justify-content: space-around;}
.specs-cont .item .para table tbody tr td{flex: 1;}
.specs-cont .item .para table tbody tr td:first-child{text-align: left;padding-left: 10px;display: flex;align-items: center;}
.specs-cont .item .para table tbody tr td{text-align:center;word-break:break-all;word-wrap:break-word;white-space:normal;}

table{border-collapse:collapse;width:100%;}
table th,table td{border:1px solid #ddd;padding:2px;font-size: 12px;}
table th{background-color:#f2f2f2;text-align:left;}
table tr:nth-child(even){background-color:#f9f9f9;}
.left-column{background-color:#ccc;}

.busSpecs .specs-tab{background-color: #d9dadb;justify-content: flex-start;gap: 10px;box-sizing: border-box;}
.busSpecs .specs-tab .li{background: none;line-height: 0;padding: 10px;}
.busSpecs .specs-tab .li a{color: #333;font-size: 14px;font-weight: 600;display: inline-block;box-sizing: border-box;padding: 0;width: auto;height: auto;line-height: 1;padding-bottom: 2px;}
.busSpecs .specs-tab .li.active a{border-bottom: 3px solid #1a5b89;}

.busSpecs .specs-cont .item .para table tbody tr{justify-content: flex-start !important;}
.busSpecs .specs-cont .item .para table tbody tr td{font-size: 14px;padding: 10px;}
.busSpecs .specs-cont .item .para table tbody tr td:first-child{width: 34%;flex: initial;}
.busSpecs .specs-cont .item .para table tbody tr:first-child td:nth-child(2){font-weight: 600;font-size: 16px;color: #1a5b89;}

/* 产品列表页 */
.series-title{font-size:18px;color:#333;margin-bottom:20px;padding-left: 5px;border-left:4px solid #1a5b89;line-height: 1;}
.product-info{padding:10px 0;text-align:left;display:flex;flex-direction:column;gap: 5px;}
.detail-btn{color:#1a5b89;font-size:14px;margin-top:10px;}
.product-item:hover .detail-btn{color:#fff;background-color:#1a5b89;transform:translateY(-2px);}
.detail-btn:active{transform:translateY(0);}
/* 返回顶部 */
.up-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:#1a5b89;font-size:14px;color:white;border-radius:50%;box-sizing:border-box;text-align:center;transition:opacity 0.3s,visibility 0.3s;z-index:999;padding:5px;line-height:1.2;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px rgba(0,0,0,0.5);}