.index-video {
            padding: 1rem 0 0rem 0;
            display: block
        }

        .index-tqhy {
            padding-top: 1rem;
        }

        .carousel-wrapper {
            position: relative;
           
        }
        /* Swiper容器样式 */
        .index-video .swiper {
            width: 100%;
            position: relative;
            margin-bottom: 40px;
        }
        /* 单个视频模块 */
        .video-section {
            display: flex;
            align-items: center;
            gap: 40px;
            padding: 20px;
        }
            /* 反向布局 */
            .video-section.reverse {
                flex-direction: row-reverse;
            }
        /* 视频容器 */
        .video-container {
            flex: 1;
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
        }

.video-container iframe{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;opacity:0}
            .video-container img {
                width: 100%;
                display: block;
            }
        /* 播放按钮 */
        .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            /* Petfair渐变主题 */
           
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            z-index: 1;
        }

            .play-btn:hover {
              
                transform: translate(-50%, -50%) scale(1.1);
            }

           
        /* 文字容器 */
        .text-container {
            flex: 1;
        }

        .video-category {
            font-size: 0.18rem;
            font-family: "Roboto";
            line-height: 0.5rem;
            font-weight: 700;
            background: linear-gradient(to right, #002a9a, #1fa245);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            color: transparent;
            -webkit-background-clip: text;
            -moz-background-clip: text;
            -ms-background-clip: text;
            background-clip: text;
            margin-bottom: 8px;
            display: inline;
        }

        .video-title {
            font-size: 28px;
            font-weight: 700;
            color: #222;
            margin-bottom: 16px;
            line-height: 1.3;
            position: relative;
        }

        .video-desc {
            font-size: 15px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 24px;
        }

        .watch-more {
            font-size: 14px;
            /* Petfair主题色 */
            font-family: "Roboto";
            line-height: 0.5rem;
            font-weight: 700;
            background: linear-gradient(to right, #002a9a, #1fa245);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            color: transparent;
            -webkit-background-clip: text;
            -moz-background-clip: text;
            -ms-background-clip: text;
            background-clip: text;
            margin-bottom: 8px;
            display: inline;
        }
        /* 固定按钮组（轮播下方） */
        .buttongroup {
            text-align: center;
        }

            .buttongroup .button {
                margin-right: 1rem;
  font-size: 0.2rem;
  min-width: 2rem;
  height: 0.58rem;
  line-height: 0.58rem;
  border-radius:0.4rem;
            }
			 .buttongroup .button:last-child{margin-right:0}


@media (max-width: 1023px) {
   .buttongroup .button {
        font-size: 16px;
		margin-right:0
    }
	
}
        .video-title::before {
            bottom: -11px;
            left: 0;
            content: "";
            width: 0.56rem;
            height: 2px;
            position: absolute;
            background: linear-gradient(to right, #002a9a, #1fa245);
        }

        /* 移动端适配 */
        @media (max-width: 1024px) {
            .video-section, .video-section.reverse {
                flex-direction: column;
                gap: 24px;
                padding: 10px;
				display:block;
            }
			
			.video-container iframe{height:200px;}

            .swiper-button-prev,
            .swiper-button-next {
                width: 30px;
                height: 30px;
                margin-top: -15px;
            }

            .play-btn {
                width: 40px;
                height: 40px;
            }
        }
		@media (max-width: 767px) {
		 .index-video .swiper-button-prev,
            .index-video .swiper-button-next {
                position:static;display:inline-block;
                padding: 5px;
                
            }
            .index-video .swiper{margin-bottom:0}
             .index-video .swiper{margin-bottom:0}
			}
        /* 视频信息标签 */
        .video-meta {
            position: absolute;
            bottom: 8px;
            left: 12px;
            color: #fff;
            font-size: 12px;
            z-index: 1;
            text-shadow: 0 1px 3px rgba(0,0,0,0.3);
        }
        
        .index-pingjia {
            padding-top: 1rem;
        }
.index-pingjia .index-title{padding-bottom:0.3rem;}
        .tabs {
            display: flex;
             position:relative;
            margin: 0 auto 40px;
            
        }
		
		.tabs::before{
				bottom: -4px;
                left: 0;
                content: "";
                width: 100%;
                height: 1px;
                position: absolute;
                background: #e0e0e0;}

        .tab-item {
            padding: 0 40px;
            font-size: 24px;
            cursor: pointer;
			text-align:center;
			flex:1;
            position: relative;
            transition: all 0.3s ease;
             
        }
		
		.tab-item .hezi{display:inline-block;vertical-align:top;position:relative;}

            .tab-item.active .hezi::before {
                bottom: -4px;
                left: 0;
                content: "";
                width: 100%;
                height: 2px;
                position: absolute;
                background: linear-gradient(to right, #002a9a, #1fa245);
            }
			
			

        /* Swiper核心样式 */
        .review-content-wrap {
            padding-bottom: 0.5rem;
            position: relative;
            /*overflow: hidden;*/
           
        }

        .review-swiper {
            display: none;
        }

            .review-swiper.active {
                display: block;
            }

        .index-pingjia .swiper-button-prev,
        .index-pingjia .swiper-button-next {
            width: 0.5rem;
            height: 0.5rem;
            border-radius: 50%;
            transition: all 500ms ease;
            border: solid 1px #9b9b9b;
        }

            .index-pingjia .swiper-button-prev:after,
            .index-pingjia .swiper-button-next:after {
                color: #9f9f9f;
                font-size: 0.18rem;
            }

            .index-pingjia .swiper-button-prev:hover,
            .index-pingjia .swiper-button-next:hover {
                border-color: #fff;
                background: linear-gradient(to right, #002a9a, #1fa245);
            }

                .index-pingjia .swiper-button-prev:hover:after,
                .index-pingjia .swiper-button-next:hover:after {
                    color: #fff;
                }

        .index-pingjia .swiper-button-prev {
            left: -1rem;
        }

        .index-pingjia .swiper-button-next {
            right: -1rem;
        }

        @media (max-width: 1024px) {


            .index-pingjia .swiper-button-prev {
                left: auto;
                right: 50px;
            }

            .index-pingjia .swiper-button-next {
                right: 0;
            }

            .index-pingjia .swiper-button-prev,
            .index-pingjia .swiper-button-next {
                top: -1.1rem;
                margin-top: 0;
            }
        }


        /* 卡片基础样式 */
        .review-card {
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 12px;
            padding: 40px;
            position: relative;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            height: 100%;
        }

        .review-content {
            line-height: 1.8;
            margin-bottom: 40px;
			height:174px;overflow:hidden;
        }

        /* 移动端字体适配 */
       

        .review-author {
            display: flex;
            align-items: center;
            gap: 12px;
			height:90px;
			overflow:hidden;
        }

        .author-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
        }

        .author-info {
            display: flex;
            flex-direction: column;
        }

        .author-name {
            font-size: 18px;
            font-weight: 600;
        }

        .author-title {
            font-size: 14px;
            color: #666666;
			height:42px;
			display: flex;
			flex: content;
        }

        .quote-icon {
            position: absolute;
            right: 40px;
            bottom: 53px;
            font-size: 80px;
            color: #e0e0e0;
            opacity: 0.3;
        }
.quote-icon1 {
            position: absolute;
            left: 6px;
            top: 0;
            font-size: 80px;
            color: #e0e0e0;
            opacity: 0.3;
        }


        /* 底部按钮 */
        .join-btn {
            color: #fff;
            text-align: center;
            display: inline-block;

            height: 0.58rem;
            padding: 0 0.15rem;
            line-height: 0.58rem;
            min-width: 2.5rem;
            border-radius: 0.4rem;
            background: linear-gradient(to right, #002a9a, #1fa245);
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
            margin: 0 auto;
			font-size:0.2rem;
        }

            .join-btn::before {
                content: "";
                position: absolute;
                width: 100px;
                height: 100%;
                background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
                top: 0;
                left: -100px;
                opacity: 0.6;
            }


@media (max-width: 1260px) {
.author-name{font-size:14px;}
.author-title{font-size:12px;}
.review-content {
                font-size: 14px;
                margin-bottom: 20px;
				height:200px;overflow:hidden;
            }
			.join-btn{height:0.58rem;line-height:0.58rem;min-width:2.5rem;}
			.join-btn a{font-size:16px;}
}


 
        @keyframes shine {
            0% {
                left: -100px;
            }

            100% {
                left: 100%;
            }
        }

        .join-btn:hover::before {
            animation: shine 1.5s ease-out infinite;
        }

        .join-btn:hover {
            transform: scale(1.05);
        }

        .join-btn a {
            z-index: 2;
            color: #fff;
            display: block;
            position: relative;
            text-decoration: none;
        }

        .join-btn img {
            margin-bottom: 0.03rem;
            vertical-align: middle;
            max-height: 0.24rem;
            margin-left: 5px;
        }
		 @media (max-width: 767px) {
            .review-content {
                font-size: 14px;
				height:auto;
                margin-bottom: 20px;
            }
			.author-title{font-size:12px;}
			.anniu{text-align: center;
  margin: 0 auto;
    margin-top: 20px;
  margin-bottom: 20px;}
 
            .tab-item {
                padding: 0px 11px;
                font-size: 16px;
            }
            .review-card {
                padding: 20px;
            }

            .quote-icon {
                right: 20px;
                bottom: 20px;
                font-size: 80px;
            }

            .index-pingjia .swiper-button-prev,
            .index-pingjia .swiper-button-next,
            .index-xlzl-ph .swiper-button-prev,
            .index-xlzl-ph .swiper-button-next {
                position:static;display:inline-block;
                padding: 5px;
                
            }
            .tab-item.active::before {
                width:2rem;
            }
        }
        
        .index-video .swiper-button-prev,
    .index-video .swiper-button-next {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        transition: all 500ms ease;
        border: solid 1px #9b9b9b;
    }

        .index-video .swiper-button-prev:after,
        .index-video .swiper-button-next:after {
            color: #9f9f9f;
            font-size: 0.18rem;
        }

        .index-video .swiper-button-prev:hover,
        .index-video .swiper-button-next:hover {
            border-color: #fff;
            background: linear-gradient(to right, #002a9a, #1fa245);
        }

            .index-video .swiper-button-prev:hover:after,
            .index-video .swiper-button-next:hover:after {
                color: #fff;
            }

    .index-video .swiper-button-prev {
        left: -1rem;
    }

    .index-video .swiper-button-next {
        right: -1rem;
    }

@media (max-width: 1024px) {
    
    .index-video .swiper-button-prev {
        left: auto;
        right: 50px;
    }

    .index-video .swiper-button-next {
        right: 0;
    }

    .index-video .swiper-button-prev,
    .index-video .swiper-button-next {
        top: -1.1rem;
        margin-top: 0;
    }	
}