/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/
.sell_tip {width:180px;height:70px;background:url('sell_tip.gif') no-repeat;overflow:hidden;z-index:1000;position:absolute;}
.sell_tip p {margin:0 0 4px 2px;font-weight:bold;}
.sell_tip div {padding:8px 0 0 10px;}
.tools {padding:8px 0;border-bottom:#EEEEEE 1px solid;}
.tools table {width:100%;}
.tools select {padding:2px;}
.tool-btn {background:url('btn_1.gif') no-repeat;height:22px;line-height:22px;width:70px;padding:0 0 0 10px;border:none;cursor:pointer;}
.tool-btn:hover {background:url('btn_2.gif') no-repeat;}

.img_list li {height:22px;line-height:22px;overflow:hidden;}
.product_option {padding:10px 20px 10px 20px;}
.iq_btn {margin-top:10px;border:none !important;}
.cc_inp {border:#CCCCCC 1px solid;text-align:center;}

.sell-price {font-family:Arial;color:#E4393C;}
.sell-price b {font-size:18px;}
.sell-price span {color:#999999;}
.sell-price i {font-size:12px;float:right;display:inline-block;color:#999999;font-style:normal;font-weight:normal;background:url('ico-spread.png') no-repeat 0 center;padding:0 0 0 16px;cursor:pointer;}

.btn-buy,.btn-cart {font-size:16px;width:148px;height:36px;line-height:36px;border:none;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;}
.btn-buy {background:#FFEDED;border:#FF0036 1px solid;color:#FF0036;}
.btn-buy:hover {background:#F7BBBB;}
.btn-buy:disabled {background:#F2F2F2;border:#D6D6D8 1px dashed;color:#CDCDCD;cursor:not-allowed;}
.btn-cart {background:#FF0036;border:#FF0036 1px solid;color:#FFFFFF;}
.btn-cart:hover {background:#DF3033;}
.btn-cart:disabled {background:#CDCDCD;border:#CDCDCD 1px solid;color:#999999;cursor:not-allowed;}






	.video-placeholder{
		position: relative;
	}
	
	.play-btn {
	    width: 45px;
	    height: 45px;
		 position: absolute;
		left: 40%;
		top: 40%;
	    background: rgba(0, 0, 0, 0.2);
	    backdrop-filter: blur(10px);
	    border-radius: 50%;
	    display: flex	;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	    transition: all 0.3s ease;
		font-size:25px;
	}
	
	
/* CSS 样式 */
.film-time-indicator {

  display: flex;
  align-items: center;
 color: rgba(80, 80, 80, 0.75); /* 修改为深灰色 */
  font-family: 'Courier New', monospace;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.3);
}

.film-time-indicator i {
  margin-right: 5px;
  font-size: 14px;
  opacity: 0.85;
}
.film-time-indicator .time_list{font-size:14px;}



	.enterprise {
		   background: linear-gradient(90deg, #8C4A1F, #CD7F32);
			color: #FFE4C4;    /* 铜 */
	}
	
	.advanced {
	   background: linear-gradient(90deg, #4A90E2, #2E5AAC);
	   color: #FFFFFF; /* 银 */
	}
	
	.gold {
		background: linear-gradient(90deg, #FFA500, #FFD700);
		color: #4B3621; /* 金 */
	}
	
	.diamond {
		background: linear-gradient(90deg, #9B59B6, #8E44AD);
	 color: #FFFFFF; /* 铂金 */
	}
	
	.supreme {
		background: linear-gradient(180deg, #9E2A2B, #5C1A1B);
		color: #FFD700;   /*钻石*/	  
	}
	
	.red-gradient-4 {
  background: linear-gradient(90deg, #FF416C, #FF4B2B);
  color: #FFFFFF; /*  推荐 纯白色文字，与鲜艳红色形成强烈对比，清晰易读 */
	}

.en-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 11px;
}




.enterprise-age-color{  color: #333;  background: #f0f7ff;   border: 1px solid #d0e3ff;}
.enterprise-icon-color{  background: #4a90e2;  color: white;}
    /* 下面样式是空间的样式 */

       /* 铜会员样式 */
        .enterprise-copper {
            background: #f0f7ff;
            border: 1px solid #d0e3ff;
            color: #333;
        }
        .icon-copper {
            background: linear-gradient(90deg, #8C4A1F, #CD7F32);
            color: #FFE4C4;
        }
        
        /* 银会员样式 */
        .enterprise-silver {
            background: #f0f7ff;
            border: 1px solid #d0e3ff;
            color: #333;
        }
        .icon-silver {
            background: linear-gradient(90deg, #4A90E2, #2E5AAC);
            color: #FFFFFF;
        }
        
        /* 金会员样式 */
        .enterprise-gold {
            background: #f0f7ff;
            border: 1px solid #d0e3ff;
            color: #333;
        }
        .icon-gold {
            background: linear-gradient(90deg, #FFA500, #FFD700);
            color: #4B3621;
        }
        
        /* 铂金会员样式 */
        .enterprise-platinum {
            background: #f0f7ff;
            border: 1px solid #d0e3ff;
            color: #333;
        }
        .icon-platinum {
            background: linear-gradient(90deg, #9B59B6, #8E44AD);
            color: #FFFFFF;
        }
        
        /* 钻石会员样式 */
        .enterprise-diamond {
            background: #f0f7ff;
            border: 1px solid #d0e3ff;
            color: #333;
        }
        .icon-diamond {
            background: linear-gradient(180deg, #9E2A2B, #5C1A1B);
            color: #FFD700;
        }


.enterprise-age {
  display: inline-flex;
  align-items: center;
  font-family: 'Microsoft YaHei', sans-serif;
  font-size: 13px;
  line-height: 1;
  border-radius: 10px;
  padding: 0 5px 0 0; 
}
.enterprise-icon {
  display: inline-block;
  width: 53px;
  height: 20px; 
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 12px;
}
.enterprise-years {
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size:14px;
  height:20px;
  line-height: 20px;
}


.player-wrapper {
            width: 100%;
            max-width: 890px;
            height: 480px;
            margin: 0 auto;
            position: relative;
            background: #000;
            border-radius: 8px;
            overflow: hidden;
     /*       box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); */
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 100%;
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        #videoPlayer {
            max-width: 100%;
            max-height: 100%;
            display: block;
            outline: none;
        }
        
        .play-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
        }
        
        .play-overlay:hover {
            background: rgba(0, 0, 0, 0.5);
        }
        
        .play-button {
            width: 90px;
            height: 90px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
            border: 2px solid rgba(255, 255, 255, 0.3);
        }
        
        .play-button::after {
            content: '';
            border-style: solid;
            border-width: 18px 0 18px 30px;
            border-color: transparent transparent transparent #fff;
            margin-left: 10px;
        }
        
        .play-overlay:hover .play-button {
            transform: scale(1.1);
            background: rgba(255, 0, 85, 0.7);
            border-color: rgba(255, 255, 255, 0.6);
        }
        
        .controls {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            padding: 15px 20px;
            display: flex;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 10;
            box-sizing: border-box; /* 修复布局问题 */
        }
        
        .player-wrapper:hover .controls {
            opacity: 1;
        }
        
        .control-btn {
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            font-size: 18px;
            margin: 0 8px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.2s ease;
            flex-shrink: 0; /* 防止按钮被压缩 */
        }
        
        .control-btn:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: scale(1.1);
        }
        
        .progress-container {
            flex: 1;
            height: 6px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 10px;
            margin: 0 15px;
            cursor: pointer;
            position: relative;
            min-width: 50px; /* 确保进度条不会消失 */
        }
        
        .progress {
            height: 100%;
            background: #ff0055;
            border-radius: 10px;
            width: 0%;
            position: relative;
        }
        
        .progress::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 12px;
            height: 12px;
            background: white;
            border-radius: 50%;
            opacity: 0;
            transition: opacity 0.2s;
        }
        
        .progress-container:hover .progress::after {
            opacity: 1;
        }
        
        .time {
            color: white;
            font-size: 15px;
            margin: 0 10px;
            min-width: 110px;
            text-align: center;
            font-family: monospace;
            flex-shrink: 0; /* 防止时间显示被压缩 */
        }
        
        .volume-container {
            display: flex;
            align-items: center;
            margin: 0 15px;
            flex-shrink: 0; /* 防止音量控制被压缩 */
        }
        
        .volume-slider {
            width: 90px;
            height: 6px;
            -webkit-appearance: none;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 10px;
            outline: none;
            transition: all 0.2s;
        }
        
        .volume-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: white;
            cursor: pointer;
            transition: all 0.2s;
        }
        
        .volume-slider:hover {
            background: rgba(255, 255, 255, 0.3);
        }
        
        .right-controls {
            display: flex;
            align-items: center;
            margin-left: auto; /* 将右侧控件推到最右边 */
        }
        
        .video-info {
            margin-top: 20px;
            text-align: center;
        }
        
        .video-info h3 {
            margin-bottom: 10px;
            color: #ff7e5f;
        }
        
        .video-info p {
            color: rgba(255, 255, 255, 0.85);
            line-height: 1.6;
        }
        
        .aspect-ratio-display {
            position: absolute;
            top: 15px;
            right: 15px;
            background: rgba(0, 0, 0, 0.7);
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 14px;
            color: #ff7e5f;
            z-index: 20;
        }
        
        .video-samples {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 25px;
            flex-wrap: wrap;
        }
        
        .sample-btn {
            background: rgba(255, 255, 255, 0.1);
            border: none;
            border-radius: 30px;
            padding: 10px 20px;
            color: white;
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .sample-btn:hover {
            background: rgba(255, 126, 95, 0.7);
            transform: translateY(-3px);
        }
        
        .sample-btn i {
            font-size: 18px;
        }
        
        .issue-fix {
            background: rgba(255, 126, 95, 0.2);
            border-radius: 10px;
            padding: 20px;
            margin-top: 25px;
        }
        
        .issue-fix h3 {
            color: #ff7e5f;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .issue-fix h3 i {
            font-size: 24px;
        }
        
        .issue-fix ul {
            padding-left: 20px;
            margin-top: 10px;
        }
        
        .issue-fix li {
            margin-bottom: 8px;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.6;
        }
        
        @media (max-width: 768px) {
            .player-wrapper {
                height: auto;
                max-height: 480px;
            }
            
            .controls {
                padding: 10px;
                flex-wrap: wrap; /* 小屏幕上允许换行 */
            }
            
            .control-btn {
                margin: 0 5px;
                font-size: 16px;
            }
            
            .volume-container {
                display: none;
            }
            
            .volume-btn {
                display: block;
            }
            
            .time {
                min-width: 90px;
                font-size: 13px;
            }
            
            .header h1 {
                font-size: 28px;
            }
            
            .progress-container {
                order: 1; /* 在小屏幕上将进度条放在底部 */
                width: 100%;
                margin: 10px 0;
            }
        }
		
		
	
				
				
				// tab页
       .product-container {
            width: 890px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            overflow: hidden;
        }
        
        .product-header {
            padding: 40px 40px 20px;
            border-bottom: 1px solid #f1f5f9;
        }
        
        .product-title {
            font-size: 28px;
            font-weight: 600;
            color: #1e293b;
            margin-bottom: 15px;
        }
        
        .product-subtitle {
            font-size: 16px;
            color: red;
         
            line-height: 1.6;
        }
        
        .tabs-container {
            padding: 0 30px;
        }
        
        .tabs {
            display: flex;
            border-bottom: 1px solid #e2e8f0;
            margin-bottom: 30px;
        }
        
        .tab {
            padding: 16px 28px;
            font-size: 16px;
            font-weight: 500;
            color: #64748b;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .tab:hover {
            color: #3b82f6;
        }
        
        .tab.active {
            color: #3b82f6;
            font-weight: 600;
        }
        
        .tab.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 3px;
            background: #3b82f6;
            border-radius: 3px 3px 0 0;
        }
        
        .tab-content {
            padding: 0 30px 40px;
            min-height: 400px;
        }
        
        .tab-pane {
            display: none;
            animation: fadeIn 0.4s ease;
        }
        
        .tab-pane.active {
            display: block;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* 产品详情样式 */
        .detail-content {
            line-height: 1.8;
            color: #334155;
        }
        
        .detail-content p {
            margin-bottom: 20px;
        }
        
        .features {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
            margin: 30px 0;
        }
        
        .feature-card {
            background: #f8fafc;
            border-radius: 10px;
            padding: 20px;
            border: 1px solid #f1f5f9;
            transition: all 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-3px);
            border-color: #dbeafe;
            box-shadow: 0 5px 15px rgba(59, 130, 246, 0.05);
        }
        
        .feature-card i {
            font-size: 24px;
            color: #3b82f6;
            margin-bottom: 15px;
        }
        
        .feature-card h3 {
            font-size: 18px;
            margin-bottom: 10px;
            color: #1e293b;
        }
        
        .feature-card p {
            font-size: 15px;
            color: #64748b;
            margin-bottom: 0;
        }
        
        /* 产品参数样式 */
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        
        .specs-table th, 
        .specs-table td {
            padding: 16px 20px;
            text-align: left;
            border-bottom: 1px solid #f1f5f9;
        }
        
        .specs-table th {
            background-color: #f8fafc;
            font-weight: 600;
            color: #1e293b;
        }
        
        .specs-table tr:hover td {
            background-color: #f1f5f9;
        }
        
        /* 产品图片样式 */
        .gallery {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 20px;
        }
        
        .gallery-item {
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            height: 200px;
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
        }
        
        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }
        
        .gallery-item .img-placeholder {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            color: #94a3b8;
            font-size: 40px;
        }
        
        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 产品手册样式 */
        .documents {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .document-card {
            display: flex;
            align-items: center;
            padding: 20px;
            background: #f8fafc;
            border-radius: 10px;
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
        }
        
        .document-card:hover {
            border-color: #dbeafe;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(59, 130, 246, 0.05);
        }
        
        .document-icon {
            width: 60px;
            height: 60px;
            background: #dbeafe;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
        }
        
        .document-icon i {
            font-size: 28px;
            color: #3b82f6;
        }
        
        .document-info h3 {
            font-size: 17px;
            margin-bottom: 8px;
            color: #1e293b;
        }
        
        .document-info p {
            font-size: 14px;
            color: #64748b;
            margin-bottom: 0;
        }
        
        .download-btn {
            margin-top: 10px;
            padding: 8px 18px;
            background: #3b82f6;
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .download-btn:hover {
            background: #2563eb;
        }
        
        /* 解决方案样式 */
        .solutions {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .solution-card {
            display: flex;
            background: #f8fafc;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #f1f5f9;
            transition: all 0.3s ease;
        }
        
        .solution-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .solution-img {
            width: 200px;
            height: 180px;
            background: #e2e8f0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #94a3b8;
            font-size: 40px;
        }
        
        .solution-content {
            padding: 25px;
            flex: 1;
        }
        
        .solution-content h3 {
            font-size: 18px;
            margin-bottom: 12px;
            color: #1e293b;
        }
        
        .solution-content p {
            color: #64748b;
            line-height: 1.7;
            margin-bottom: 15px;
        }
        
        .learn-more {
            color: #3b82f6;
            text-decoration: none;
            font-weight: 500;
            font-size: 15px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        
        .learn-more:hover {
            text-decoration: underline;
        }
		
		  /* 联系方式样式 */
		        .contact-container {
		            display: flex;
		            gap: 30px;
		            margin-top: 20px;
		        }
		        
		        .contact-info {
		            flex: 1;
		            background: #f8fafc;
		            border-radius: 16px;
		            padding: 30px;
		        }
		        
		        .contact-form {
		            flex: 1;
		            background: #f8fafc;
		            border-radius: 16px;
		            padding: 30px;
		        }
		        
		        .section-title {
		            font-size: 20px;
		            color: #1e293b;
		            margin-bottom: 25px;
		            padding-bottom: 15px;
		            border-bottom: 1px solid #e2e8f0;
		            display: flex;
		            align-items: center;
		            gap: 12px;
		        }
		        
		        .contact-details {
		            display: flex;
		            flex-direction: column;
		            gap: 22px;
		        }
		        
		        .contact-item {
		            display: flex;
		            align-items: flex-start;
		            gap: 18px;
		        }
		        
		        .contact-icon {
		            width: 50px;
		            height: 50px;
		            background: #e0f2fe;
		            border-radius: 12px;
		            display: flex;
		            align-items: center;
		            justify-content: center;
		            color: #3b82f6;
		            font-size: 22px;
		        }
		        
		        .contact-text h4 {
		            font-size: 17px;
		            color: #1e293b;
		            margin-bottom: 5px;
		        }
		        
		        .contact-text p {
		            font-size: 16px;
		            color: #64748b;
		            line-height: 1.6;
		        }
		        
		        .form-group {
		            margin-bottom: 22px;
		        }
		        
		        .form-group label {
		            display: block;
		            margin-bottom: 8px;
		            font-weight: 500;
		            color: #334155;
		        }
		        
		        .form-control {
		            width: 90%;
		            padding: 14px 14px;
		            border: 1px solid #e2e8f0;
		            border-radius: 10px;
		            font-size: 16px;
		            transition: all 0.3s ease;
		            background: white;
		        }
		        
		        .form-control:focus {
		            outline: none;
		            border-color: #3b82f6;
		            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
		        }
		        
		        textarea.form-control {
		            min-height: 120px;
		            resize: vertical;
		        }
		        
		        .submit-btn {
		            background: #3b82f6;
		            color: white;
		            border: none;
		            padding: 14px 28px;
		            border-radius: 10px;
		            font-size: 16px;
		            font-weight: 500;
		            cursor: pointer;
		            transition: all 0.3s ease;
		            display: inline-flex;
		            align-items: center;
		            gap: 10px;
		        }
		        
		        .submit-btn:hover {
		            background: #2563eb;
		            transform: translateY(-2px);
		            box-shadow: 0 5px 15px rgba(37, 99, 235, 0.2);
		        }
		        
        
        /* 响应式设计 */
        @media (max-width: 900px) {
            .product-container {
                width: 100%;
            }
            
            .features, .documents {
                grid-template-columns: 1fr;
            }
            
            .gallery {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 600px) {
            .tabs {
                overflow-x: auto;
                padding-bottom: 5px;
            }
            
            .gallery {
                grid-template-columns: 1fr;
            }
            
            .solution-card {
                flex-direction: column;
            }
            
            .solution-img {
                width: 100%;
                height: 150px;
            }
        }