.page-product-detail{padding-top:128px;background-color: var(--gray-light);}
/*.product-detail-main{padding-bottom:120px;}*/

.page-product-detail .detail-head-info{display: flex;align-items: center;justify-content: space-between;border-top:1px solid var(--border-color);padding:22px 0;border-bottom:1px solid var(--border-color);}
.page-product-detail .detail-main-box{padding-bottom:90px;}
 
@media screen and (max-width: 750px) {
  .page-product-detail .detail-main-box{padding-bottom:32px;}
}
.page-product-detail .detail-head-info .head-left a{cursor: pointer;}

.page-product-detail .head-right{display: flex;align-items: center;}
.page-product-detail .head-right .right-in{display: flex;align-items: center;}
.page-product-detail .head-right .right-price{margin-right:32px;cursor: pointer;}
.page-product-detail .head-right .price-txt{font-size:18px;}
.page-product-detail .head-right .price-label{font-size:12px;color:var(--text-color-second);}
.page-product-detail .head-right .right-link{}
.page-product-detail .head-right .right-link .link-btn{display: flex;height:50px;align-items: center;justify-content: center;background-color: var(--gray-light);border-radius: 4px;padding:0 24px;}
.page-product-detail .head-right .right-link .link-btn:hover{background-color: var(--primary-color);color:#fff;}

/* 商品mate信息 */
.detail-mate-info {display: flex;margin-top: 24px;}

.detail-mate-info .mate-info-box {width:520px;margin-left:50px;padding-top:24px;}
.detail-mate-info .mate-info-box .mate-size {font-size:20px;}
.detail-mate-info .mate-info-box .mate-size-full {font-size:26px;font-weight:400;line-height: 1;}
.detail-mate-info .mate-info-box .mate-modal{color:var(--text-color-second);margin-top:24px;}
.detail-mate-info .mate-info-box .mate-color-box {margin-top:32px;}
.detail-mate-info .mate-info-box .mate-color-box .color-label{}
.detail-mate-info .mate-info-box .mate-color-box .color-res{font-weight:400;margin-top:4px;}
.detail-mate-info .mate-info-box .mate-color-box .color-list{display: flex;flex-wrap: wrap;gap:12px;margin-top:4px;}
.detail-mate-info .mate-info-box .mate-color-box .color-item{width:60px;height:60px;border-radius: 4px;cursor: pointer;position:relative;}
.detail-mate-info .mate-info-box .mate-color-box .color-item.active::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius: 4px;border:2px solid rgba(255,255,255,0.5);box-sizing: border-box;}

.detail-mate-info .mate-info-box .mate-btn-box{margin-top:50px;display: flex;gap:12px;align-items: center;}

/* 产品特点 */
.detail-mate-info .mate-features{margin-top:32px;}
.detail-mate-info .mate-features .features-title{font-size:16px;font-weight: bold;}
.detail-mate-info .mate-features .features-cont{color:var(--text-color-second);font-size:16px;line-height: 1.4;margin-top:12px;}
.detail-mate-info .mate-features .features-cont p{margin:0;line-height: 1.6;position:relative;padding-bottom:4px;word-wrap: break-word;}
.detail-mate-info .mate-features .features-cont p:before{content:"•";margin-right:4px;}

/* 商品参数导航 */
.detail-params-nav-box{position:sticky;top:60px;z-index: 102;background:#fff;}
@media screen and (max-width: 1180px) {
  .detail-params-nav-box{display:none;}
}
.detail-params-nav-box .params-nav-list{display: flex;align-items:center;gap:32px;border-bottom:1px solid var(--border-color);}
.detail-params-nav-box .params-nav-list .nav-item{cursor:pointer;height:90px;display:flex;align-items: center;font-size:18px;}
.detail-params-nav-box .params-nav-list .nav-item:hover{color:var(--primary-color);font-size:18px;font-weight:500;}


/* 商品参数 */
.detail-params{padding: 24px 0;margin-top:120px;display: flex;}
.detail-params .param-item{text-align: center;padding: 30px 0;flex:1;border-right: 1px solid var(--border-color);}
.detail-params .param-item:last-child{border-right: none;}
.detail-params .param-item .param-label{font-weight: 500;}
.detail-params .param-item .param-value{font-size:32px;font-weight: 400;margin-top:30px;line-height: 1;}

/* 商品详情 */
.detail-product-box{padding-top: 80px;background:#fff;}
@media screen and (max-width: 1180px) {
  .detail-product-box{padding-top:32px;}
}
@media screen and (max-width: 750px) {
  
}
.detail-product-box .detail-product-content{margin-top:47px;}
@media screen and (max-width: 1180px) {
  .detail-product-box .detail-product-content{margin-top:24px;}
}
@media screen and (max-width: 750px) {
  
}
.detail-product-box .detail-product-content .detail-item-img img{display:block;width:100%;border-radius: 16px;}
.detail-product-box .detail-product-content .detail-item-text{margin-top:24px;}
.detail-product-box .detail-product-content .detail-item-text p{margin:0;line-height: 1.4;margin-bottom:8px;}
.detail-product-box .detail-product-content .detail-item-text p:last-child{margin-bottom:0;}

/* 产品安装列表(网格) */
.detail-install-box{padding:90px 0;background:#fff;}
@media screen and (max-width: 1180px) {
  .detail-install-box{padding:32px 0;}
}
@media screen and (max-width: 750px) {
  
}

.install-list-cont{display: flex;margin-top:60px;}
@media screen and (max-width: 1180px) {
  .install-list-cont{margin-top:32px;}
}
@media screen and (max-width: 750px) {
  
}

.install-list-cont .common-grid-in{flex:1;margin:-10px;}
.install-list-cont .common-grid-in .common-grid-item{width:25%;padding:10px;}
@media screen and (max-width: 1180px) {
  .install-list-cont .common-grid-in .common-grid-item{width:50%;}
}
@media screen and (max-width: 750px) {
  .install-list-cont .common-grid-in .common-grid-item{width:100%;}
}

.install-list-cont .common-grid-in .common-grid-item .common-grid-item-in{
  display: block;background:#fff;cursor:pointer;transition: all .3s;overflow:hidden;
  position:relative;height:auto;
}
.install-list-cont .common-grid-in .common-grid-item .common-grid-item-in:hover .step-title{color:var(--primary-color);}
.install-list-cont .common-grid-in .common-grid-item .item-img img{display:block;width:100%;height:auto;border-radius: 16px;}
.install-list-cont .common-grid-in .common-grid-item .item-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;}
.install-list-cont .common-grid-in .common-grid-item .item-icon:before{width:15px;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index: 2;content:""}
.install-list-cont .common-grid-in .common-grid-item .item-icon i{font-size:57px;color:#FF0033;position:relative;z-index: 3;transition: all .3s;}
.install-list-cont .common-grid-in .common-grid-item-in:hover .item-icon i{color:var(--primary-color);}
.install-list-cont .common-grid-in .common-grid-item-in textarea{display: none;}
.install-list-cont .common-grid-in .step-title{text-align:center;padding-top:20px;}


     
 /* 商品参数  */
 .detail-spec-box{padding-top:90px;background:#fff;}
 @media screen and (max-width: 1180px) {
  
 }
 @media screen and (max-width: 750px) {
  .detail-spec-box{padding-top:32px;}
 }
 .detail-spec-box .detail-spec-content{display:flex;}
 @media screen and (max-width: 1180px) {
  .detail-spec-box .detail-spec-content{flex-direction: column;}
 }
 @media screen and (max-width: 750px) {
  
 }
 .detail-spec-box .detail-spec-content .spec-title{margin-right:150px;font-size:32px;font-weight:bold;padding-top:16px;}
@media screen and (max-width: 1180px) {
  
}
@media screen and (max-width: 750px) {
  .detail-spec-box .detail-spec-content .spec-title{margin-right:0;}
}

 .detail-spec-box .detail-spec-content .detail-spec-content{margin-right:150px;}
 .detail-spec-box .detail-spec-content .spec-content{flex:1;}
 @media screen and (max-width: 1180px) {
  .detail-spec-box .detail-spec-content .spec-content{margin-top:12px;}
 }
 @media screen and (max-width: 750px) {
  
 }

/* 参数面板动画样式 */
.product-spec-content .param-item-cont{overflow:hidden;transition:height 0.3s ease-out;}
.product-spec-content .param-item{border-bottom:1px solid #eee;transition:all 0.3s ease;}
.product-spec-content .param-item:last-child{border-bottom:none;margin-bottom:0;}
.product-spec-content .param-item-tit{display:flex;justify-content:space-between;align-items:center;padding:15px 0;cursor:pointer;user-select:none;transition:background-color 0.3s ease;}
.product-spec-content .tit-txt{font-size:16px;}
.product-spec-content .tit-icon{transition:transform 0.3s ease;font-size:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.product-spec-content .param-item.expanded .tit-icon{transform:rotate(180deg);}
.product-spec-content .sub-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;transition:background-color 0.2s ease;}
.product-spec-content .sub-item-label{color:#555;margin-right:20px;font-size:14px;}
.product-spec-content .sub-item-value{color:#333;text-align:right;font-size:14px;flex:1;word-break:break-word;}

/* 参数弹窗样式优化 */
.product-spec-content .param-item{overflow:hidden;}
.product-spec-content .param-item-tit{padding:15px 0 15px 0;cursor:pointer;}
.product-spec-content .param-item.expanded .param-item-tit{border-bottom:none;}
.product-spec-content .param-item-cont{padding:0 0 16px 0;background-color:white;}
.product-spec-content .sub-item:last-child{border-bottom:none;}

/* Vue过渡动画样式 */
.param-expand-enter-active,.param-expand-leave-active{transition:height 0.4s ease-out,opacity 0.4s ease-out;overflow:hidden;}
.param-expand-enter,.param-expand-leave-to{height:0!important;opacity:0;}
  

/* 商品下载 */
.detail-download-box{padding:80px 0;}
@media screen and (max-width: 1180px) {
  .detail-download-box{padding:32px 0;}
}
@media screen and (max-width: 750px) {
  
}

.detail-download-box .product-download-content{margin-top:50px;}
@media screen and (max-width: 1180px) {
  .detail-download-box .product-download-content{margin-top:24px;}
}
@media screen and (max-width: 750px) {
  
}

.detail-download-box .product-download-content .download-item{display:flex;align-items: center;justify-content: space-between;color:var(--text-color-second);border-top:1px solid var(--border-color);padding:12px 0;}
.detail-download-box .product-download-content .download-item .item-left{font-size:16px;}
.detail-download-box .product-download-content .download-item .item-right{display:flex;align-items: center;justify-content: space-between;cursor:pointer;}
.detail-download-box .product-download-content .download-item .item-right span{font-size:16px;}
.detail-download-box .product-download-content .download-item .item-right i{font-size:20px;margin-left:8px;}
.detail-download-box .product-download-content .download-item:hover .item-left{color:var(--text-color);}
.detail-download-box .product-download-content .download-item:hover .item-right span{color:var(--primary-color);}
.detail-download-box .product-download-content .download-item:hover .item-right i{color:var(--primary-color);}

/* 联系我们弹窗 */
.product-contact-dialog{width:calc(100% - 16px);max-width:1200px;}
.product-contact-dialog .el-dialog__body{padding:40px 70px;}
.product-contact-dialog .contact-content{display:flex;}
.product-contact-dialog .contact-left{width:250px;margin-right:100px;}
.product-contact-dialog .contact-left .left-title{font-size:32px;}
.product-contact-dialog .contact-left .left-cover{padding-top:32px;}
.product-contact-dialog .contact-left .left-cover img{width:200px;height:auto;display: block;}
.product-contact-dialog .contact-left .left-no{font-size:16px;color:var(--text-color-second);margin-top:20px;}


.product-contact-dialog .contact-right{flex:1;}
.product-contact-dialog .contact-right .pro-name{padding-bottom:24px;padding-left:8px;}

/* 弹窗表单 */
.product-contact-dialog .contact-form{flex:1;}
.product-contact-dialog .contact-form .common-form-box .form-in .form-item{width:100%;padding:8px;}
.product-contact-dialog .contact-form .common-form-box .form-in .form-item.item-full{width:100%;padding:8px;}
.product-contact-dialog .contact-form .common-form-box .form-in .form-item .submit-btn{margin:0 auto;}
.product-contact-dialog .contact-form .common-input-box{background:transparent;border-bottom:1px solid #DEDEDE;}
.product-contact-dialog .contact-form .common-input-box .input-dom-box input{background:transparent;}
.product-contact-dialog .contact-form .common-textarea-box .textarea-dom-box textarea{background:transparent;}
.product-contact-dialog .contact-form .common-textarea-box{border-bottom:1px solid #DEDEDE;background:transparent;border-radius: 0;}
.product-contact-dialog .form-item-btn{margin-top:52px;display:flex;}
.product-contact-dialog .form-item-btn .trans-border{border:1px solid #9E9E9E;}



@media screen and (max-width: 1520px) { 
}
@media screen and (max-width: 1300px) {
  .page-product-detail{padding-top:90px;}
  /*.product-detail-main{padding-bottom:60px;}*/
  .detail-params{margin-top:60px;}
  .detail-params .param-item{padding:16px 8px;}
  .detail-params .param-item .param-value{font-size:24px;margin-top:16px;}
  
  
}
@media screen and (max-width: 1180px) {
  .detail-mate-info{display: block;}
  .detail-mate-info .mate-info-box{width:auto;margin-left:0;}
  .detail-mate-info .mate-info-box .mate-btn-box{margin-top:32px;}
  .detail-mate-info .mate-info-box .mate-size-full{font-size:20px;margin-top:8px;}
  .detail-mate-info .mate-info-box .mate-color-box{margin-top:24px;}
  .detail-yingyong .detail-yingyong-title{padding-top:64px;padding-bottom:32px;}

  .detail-extra-block{margin-top:60px;}
  .detail-extra-block .extra-swiper-box{margin-top:16px;}

  .detail-looking-for{margin-top:60px;}
  .detail-related-box{margin-top:60px;padding-top:60px;}
  .detail-related-box .related-list{margin-top:32px;}
}
@media screen and (max-width: 750px) {
  .detail-mate-info .mate-img-swiper-box .mate-swiper .swiper-slide{padding:0;}
  .mate-swiper .swiper-button-next,.mate-swiper .swiper-button-prev{
    display: none;
  }
  .detail-mate-info .mate-img-swiper-box .mate-swiper .mate-img{width:100%;height:auto;}
  .detail-mate-info .mate-img-album-box .swiper-slide .album-img{width:40px;height:40px;}
  .detail-mate-info .mate-img-album-box .swiper-slide{height:66px;}
  
  .detail-params{margin-top:24px;padding:0;flex-direction: column;}
  .detail-params .param-item{padding:16px 0;border:none;}
  .detail-params .param-item .param-label{font-size:14px;}
  .detail-params .param-item .param-value{margin-top:8px;font-size:18px;}

  .detail-extra-block{margin-top:32px;}
  .detail-extra-block .extra-head{padding-bottom:0;}

  .page-product-detail .detail-head-info{padding:16px 0;}

  .page-product-detail .detail-head-info .head-left a{font-size:14px;}
  .page-product-detail .head-right .right-link .link-btn{font-size:14px;}

  .page-product-detail .head-right{margin-top:0px;}
  .product-price-dialog .price-desc-modal-content{padding:0;}
  .product-price-dialog .price-modal-tit{font-size:20px;}

  .product-params-dialog .params-dialog-title{padding:24px 0 0 0;}
  .product-params-dialog .product-spec-content{padding:0;}
  .product-params-dialog .param-item .sub-item{align-items: flex-start;}

  .detail-mate-info .mate-info-box .mate-color-box .color-item{width:57px;height:57px;}

  .detail-related-box{padding-bottom:60px;}

  .swiper-few-slides .swiper-button-next,
  .swiper-few-slides .swiper-button-prev{
    display: block !important;
  }

  .swiper-single-slide .swiper-button-next,
  .swiper-single-slide .swiper-button-prev{
    display: none !important;
  }
  
  /* 参数面板移动端响应式样式 */
  .product-spec-content .param-item-tit{padding:12px 0;}
  .product-spec-content .sub-item{flex-direction:column;align-items:flex-start;padding:10px 0;}
  .product-spec-content .sub-item-label{margin-right:0;margin-bottom:5px;font-size:14px;}
  .product-spec-content .sub-item-value{text-align:left;font-size:12px;}
  
}
@media screen and (max-width: 480px) {
   
}

.product-video-dialog{width:calc(100% - 32px);max-width:1200px;}
/* YouTube视频容器响应式样式 */
.youtube-video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 宽高比 */
  overflow: hidden;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* 富文本图片预览弹窗 */
.product-image-preview-dialog{width:calc(100% - 32px);max-width:1100px;border-radius: 16px;}
.product-image-preview-dialog .el-dialog__body{padding:0;}
.product-image-preview-box{padding:16px;box-sizing:border-box;text-align:center;}
.product-image-preview-box .preview-img{max-width:100%;height:auto;display:inline-block;}

/* 导航项高亮样式 */
.detail-params-nav-box .nav-item.active {
  color: var(--primary-color);
  font-weight: 500;
  position: relative;
}

.detail-params-nav-box .nav-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--primary-color);
  transition: all 0.3s ease;
}

/* 导航项悬停效果 */
.detail-params-nav-box .nav-item:hover {
  color: var(--primary-color);
  transition: color 0.3s ease;
}

/* 商品详情弹窗样式 */
.product-detail-dialog{width:calc(100% - 32px);max-width:1200px;border-radius: 16px;overflow:hidden;}
.product-detail-dialog .dialog-product-detail-box{display:flex;flex-direction: column;gap:32px;}
.product-detail-dialog .el-dialog__body{padding:0 35px 35px 35px;}
.product-detail-dialog .detail-item{display:flex;gap:24px;align-items: center;}
@media screen and (max-width: 1180px) {
  
}
@media screen and (max-width: 750px) {
  .product-detail-dialog .detail-item{display:block;}
}
.product-detail-dialog .detail-item:nth-child(2n){flex-direction: row-reverse;}
.product-detail-dialog .detail-item .detail-item-left{flex:1;}
.product-detail-dialog .detail-item .detail-item-left img{display:block;width:100%;height:auto;border-radius: 16px;}
.product-detail-dialog .detail-item .detail-item-right{flex:1;}
.product-detail-dialog .detail-item .detail-item-right p{margin:0;margin-bottom:8px;}
 


/* 产品参数 */
.product-param-box{}
.product-param-box .com-collapse .com-collapse-header{padding:20px 0;}
.product-spec-content .com-collapse .com-collapse-header .com-collapse-header-text{font-size:20px;}
.product-spec-content .com-collapse .com-collapse-content-item{padding:16px 0;}
.product-spec-content .com-collapse .com-collapse-content-item:first-child{padding-top:0;}
.product-spec-content .com-collapse .com-collapse-content-item:last-child{}
.product-param-box .product-detail-param-item{display: flex;justify-content: space-between;}
@media screen and (max-width: 750px) {
  .product-param-box .product-detail-param-item{display: block;}
}
.product-param-box .product-detail-param-item .param-label{ color:#555;}
.product-param-box .product-detail-param-item .param-value{ color:#333;line-height:1.8;}
@media screen and (max-width: 750px) {
  .product-param-box .product-detail-param-item .param-value{margin-top:8px;}
}


.product-param-box .product-detail-param-item .param-value a{color:var(--primary-color)}
.product-spec-content .com-collapse .com-collapse-item-expanded .com-collapse-content{padding-bottom:0;}