.contant-box{
        background: #F5F5F5;
    }
    .banner-box{
        width: 948px;
        margin: 0 auto 20px auto;
    }
    .banner-box img{
        width: 100%;
    }
    .clear{
        clear: both;
    }
    .framework{
        width: 948px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    /* 热门视频（你的原有CSS，修复浮动和布局） */
    .popular-videos{
        width: 704px;
        background: #fff;
        border-radius: 10px;
        float: left;
        height: 524px;

    }
    .title-box{
        font-size: 20px;
        color: #14A094;
        font-weight: bold;
        margin: 30px 20px 10px 20px;
        border-bottom: 1px solid #00C3B7;
        line-height: 48px;
        padding-left: 10px;
    }
    .videos-list{
        padding: 0 0px 0 20px;
        overflow: hidden; /* 新增：清除浮动，避免高度塌陷 */
    }
    .videos-table{
        width: 215px;
        float: left;
        margin-right: 10px;
        cursor: pointer; /* 提示可点击播放 */
        padding-bottom: 10px;
    }
    .videos-box{
        width: 100%;
        height: 162px;
        border-radius: 10px;
        background: #EAFFFE;
        position: relative;
        overflow: hidden; /* 新增：避免封面图溢出 */
        overflow: hidden;
    }
    .videos-img{
    	width: 100%;
    	height: 162px;
    }
    .play{
        position: absolute;
        right: 10px;
        bottom: 10px;
        cursor: pointer;
        width: 30px; /* 新增：固定播放按钮尺寸 */
        height: 30px;
    }
    .videos-text{
        font-size: 18px;
        color: #333;
        width: 100%;  
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 26px;
        padding: 10px 0;
    }

    /* 快速通道（你的原有CSS） */
    .fast-track{
        width: 234px;
        background: #fff;
        border-radius: 10px;
        float: right;
        height: 524px;
    }
    .fast-list{
        width: 198px;
        background: #FFFFFF;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
        border-radius: 6px;
        font-size: 18px;
        color: #333;
        font-weight: bold;
        padding: 16px 12px;
        box-sizing: border-box;
        margin-bottom: 10px;
        cursor: pointer; /* 提示可点击 */
        overflow: hidden;
    }
    .fast-table{
        padding: 0 20px;
    }
    .fast-list img{
        float: left;
        width: 32px; /* 新增：固定图标尺寸 */
        height: 32px;
    }
    .fast-list text{
        float: left;
        padding: 6px 0 6px 10px; /* 新增：与图标间距 */
        width: 126px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .fast-more{
        text-align: center;
        padding: 6px 0 16px 0;
    }
    .fast-more a{
        color: #14A094;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }
    .fast-more .arrow-left{
        font-family:Arial;
        padding-left: 10px;
    }

    /* 弹框样式（你的原有CSS，修复拖动关键样式） */
    /* 遮罩层：确保层级和显示过渡 */
    .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 999 !important; /* 强制低于弹框 */
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* 视频弹框：固定定位+最高层级，确保不被遮挡 */
    .video-modal {
        position: fixed !important; /* 强制fixed，避免父元素定位干扰 */
        width: 90%;
        max-width: 800px;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        z-index: 1000 !important; /* 最高层级，避免被导航栏覆盖 */
        display: none;
        transform: scale(0.95);
        transition: opacity 0.3s ease, transform 0.3s ease;
        cursor: default; /* 重置默认光标，仅标题栏可拖动 */
    }
     /* 拖动时的光标状态 */
    .video-modal.dragging {
        cursor: grabbing !important;
    }

    .modal-header.dragging {
        cursor: grabbing !important;
    }
    /* 弹框标题栏：唯一可拖动区域（核心修复） */
    .modal-header {
        height: 50px;
        background: #333;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        font-size: 16px;
        cursor: move !important; /* 提示可拖动，强制生效 */
        user-select: none !important; /* 禁止选中文本，避免拖动卡顿 */
    }

    /* 关闭按钮：优先交互，覆盖标题栏光标 */
    .close-btn {
        background: transparent;
        border: none;
        color: #fff;
        font-size: 20px;
        cursor: pointer !important; /* 恢复关闭按钮光标 */
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        transition: color 0.3s ease;
        pointer-events: auto; /* 确保点击生效 */
    }
    .close-btn:hover {
        color: #ccc;
    }

    /* 视频容器：不可拖动，避免干扰播放 */
    .video-container {
        position: relative;
        background: #000;
        cursor: default !important; /* 恢复默认光标 */
        height: auto;
			 aspect-ratio: 16 / 9;
			 pointer-events: auto;

    }
    .video-player {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        pointer-events: auto; /* 保留视频自带控制（播放/暂停等） */
    }
    .fa-times{
    	font-style: normal;
    }
    /* 加载指示器：确保居中显示 */
    .loading {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        align-items: center;
        justify-content: center;
    }
    .loading-icon {
        width: 40px;
        height: 40px;
        border: 4px solid #165DFF;
        border-top-color: transparent;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }
    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }

    /* 视频控制栏：不可拖动，优先功能交互 */
    .video-controls {
        height: 60px;
        background: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        cursor: default !important; /* 恢复默认光标 */
    }
    .control-btn {
        background: transparent;
        border: none;
        color: #333;
        font-size: 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 6px 10px;
        border-radius: 4px;
        transition: background 0.2s ease;
        pointer-events: auto; /* 确保控制按钮点击生效 */
    }
    .control-btn:hover {
        background: #e8e8e8;
    }
    .time-display {
        color: #666;
        font-size: 14px;
    }

    /* 弹框显示状态：确保过渡动画生效 */
    .modal-overlay.show {
        display: block;
        opacity: 1;
    }
    .video-modal.show {
        display: block;
        opacity: 1;
        transform: scale(1);
    }

    /* 拖动时样式反馈：增强用户感知 */
    .video-modal.dragging {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
        transition: none !important; /* 拖动时关闭过渡，避免卡顿 */
    }

    /* 兼容IE7浏览器（页面指定IE=EmulateIE7） */
    * html .modal-overlay { filter: alpha(opacity=70); }
    * html .video-modal { 
        position: absolute; 
        top: expression(eval(document.documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2)); 
    }
    * html .loading-icon { border-color: #165DFF; border-top-color: transparent; }
     /* 缩放手柄样式 - 最高优先级确保可见 */
    #resizeTL, #resizeTR, #resizeBL, #resizeBR {
        position: absolute !important;
        width: 15px !important;
        height: 15px !important;
      /*  background: #165DFF !important;*/
        z-index: 99999 !important; /* 确保在所有元素之上 */
       /* border: 2px solid white !important;*/
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    
    /* 左上角手柄 */
    #resizeTL {
        top: 0 !important;
        left: 0 !important;
        cursor: nwse-resize !important;
        transform: translate(-50%, -50%) !important;
    }
    
    /* 右上角手柄 */
    #resizeTR {
        top: 0 !important;
        right: 0 !important;
        cursor: nesw-resize !important;
        transform: translate(50%, -50%) !important;
    }
    
    /* 左下角手柄 */
    #resizeBL {
        bottom: 0 !important;
        left: 0 !important;
        cursor: nesw-resize !important;
        transform: translate(-50%, 50%) !important;
    }
    
    /* 右下角手柄 */
    #resizeBR {
        bottom: 0 !important;
        right: 0 !important;
        cursor: nwse-resize !important;
        transform: translate(50%, 50%) !important;
    }
    
    .fast-list, 
	.fast-more {
	    cursor: pointer;
	}