/*主网页style*/
       /* 全局重置与基础样式 - 新增：隐藏滚动条 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        /* 隐藏全局滚动条（兼容各浏览器） */
        html, body {
            height: 100%;
            font-weight: bolder;
            color: #888;
            overflow-y: auto;
            overflow-x: hidden;
            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
            background: url('https://picsum.photos/1920/1080?random=1') no-repeat center center / cover;
            background-attachment: fixed;
            /* 隐藏滚动条 - Chrome/Safari/Edge */
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE/Edge */
            /* 关键：给body添加最小高度，确保能计算视口高度 */
            min-height: 100vh;
            /* 弹性布局，让内容区和底部区自动分配空间 */
            display: flex;
            flex-direction: column;
        }
        html::-webkit-scrollbar, body::-webkit-scrollbar {
            display: none; /* Chrome/Safari */
        }

        /* 视频全屏背景（仅PC端显示） */
        video{
            position:fixed;
            right:0px;
            bottom:0px;
            min-width:100%;
            min-height:100%;
            height:100vh;
            width:100vw;
            z-index:-888;
            object-fit: cover;
            object-position: center;
            display: none;
        }
        @media screen and (min-width: 768px) {
            html,body {
                background: none;
            }
            video {
                display: block;
            }
        }

        /* Logo容器（粘性定位，滚动置顶）- 关键修改：flex布局，欢迎语右对齐 */
        .logo-header {
            position: sticky;
            top: 0;
            z-index: 9;
            padding: 15px;
            display: flex;
            align-items: center;
            background: rgba(0, 0, 0, 0.5);
            justify-content: space-between; /* 核心：Logo左，欢迎语右 */
        }
        /* Logo+文字容器（左对齐） */
        .logo-group {
            display: flex;
            align-items: center;
        }
        .logo {
            width: 200px; /* 修改1：Logo尺寸改为200*50 */
            height: 50px;
            border-radius: 0; /* 修改2：取消Logo边框（先取消圆角） */
            overflow: hidden;
            border: none !important; /* 修改2：强制取消Logo边框 */
        }
        .logo img {
            width: 80%;
            height: 80%;
            object-fit: cover;
        }
        .logo-text {
            display: none !important; /* 修改3：取消Logo文字显示 */
        }
        /* 欢迎语容器（右对齐）- 关键修改：确保完全右对齐+手机版完整显示 */
        .welcome-text {
            color: #ccc;
            /*text-shadow: 3px 3px 5px #000;*/
            font-size: 14px;
            font-weight: 500;
            white-space: nowrap; /* 防止换行 */
            margin: 0; /* 移除左侧margin，确保纯右对齐 */
            flex-shrink: 0; /* 防止被压缩 */
        }
        /* 移动端欢迎语适配 - 关键修改：完整显示，不截断 */
        @media screen and (max-width: 767px) {
            .welcome-text {
                font-size: 12px;
                font-weight: 500;
                /* 移除截断相关样式，确保完整显示 */
                overflow: visible !important;
                text-overflow: unset !important;
                max-width: none !important;
                padding-left: 10px; /* 仅保留少量间距，不影响显示 */
            }
        }

        /* 主内容容器 - 居中整合所有内容 */
        .main-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 15px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            /* 关键：让主内容区自动填充剩余空间 */
            flex: 1;
        }

        /* 功能卡片容器：PC三列 / 移动端单列 */
        .top-cards-container {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        /* PC端（≥768px）三列布局 - 所有卡片统一三列，自动换行 */
        @media screen and (min-width: 768px) {
            .top-cards-container {
                flex-direction: row;
                justify-content: space-between;
                flex-wrap: wrap;
            }
            .info-card {
                width: calc(33.33% - 10px);
                max-width: 380px;
                padding: 15px;
            }
        }

        /* 通用功能卡片样式 - 移动端默认100%宽度，统一高度 */
        .info-card {
            width: 100%;
            padding: 12px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 12px;
            backdrop-filter: blur(2px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center; /* 垂直居中 */
            gap: 15px;
            flex-shrink: 0;
            /* 统一卡片高度（与时间/地震卡片一致） */
            min-height: 120px;
            height: fit-content;
        }

        /* 功能卡片左侧数字区 - 所有卡片统一尺寸 */
        .card-left {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            padding: 5px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        }
        /* 各卡片左侧渐变样式 */
        .calendar-left {background: linear-gradient(135deg, #3399ff, #0066cc);box-shadow: 0 0 15px rgba(51, 153, 255, 0.6);}
        .weather-left {background: linear-gradient(135deg, #ffcc33, #ff9900);box-shadow: 0 0 15px rgba(255, 204, 51, 0.6);}
        .quake-left {background: linear-gradient(135deg, #ff6666, #ff3333);box-shadow: 0 0 15px rgba(255, 99, 99, 0.6);}
        .hitokoto-left {background: linear-gradient(135deg, #ff66cc, #cc3399);box-shadow: 0 0 15px rgba(255, 102, 204, 0.6);}
        .canvas-left {background: linear-gradient(135deg, #9966ff, #6633cc);box-shadow: 0 0 15px rgba(153, 102, 255, 0.6);}
        .program-left {background: linear-gradient(135deg, #33cc99, #009966);box-shadow: 0 0 15px rgba(51, 204, 153, 0.6);}
        /* 新增：历史上的今天 左侧样式 */
        .history-left {background: linear-gradient(135deg, #ff9933, #ff6600);box-shadow: 0 0 15px rgba(255, 153, 51, 0.6);}

        .card-main-text {
            color: #fff;
            font-size: 32px;
            font-weight: 700;
            line-height: 1;
            display: flex;
            align-items: baseline;
        }
        .temp-unit {font-size: 16px;margin-left: 2px;}
        .card-sub-text {color: #fff;font-size: 12px;margin-top: 4px;text-shadow: 0 0 2px #000;}

        /* 功能卡片右侧详情区 */
        .card-right {
            flex: 1;
            color: #e0e0e0;
            font-family: "Microsoft JhengHei";
            /* 统一右侧区域高度 */
            height: 90px;
            font-weight: 500;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .detail-item {
            font-size: 14px;
            font-family: "Microsoft JhengHei", sans-serif;
            line-height: 1.6;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .detail-label {
            color: #ccc;
            font-size: 13px;
            min-width: 40px;
        }
        /* 各卡片文字标签色 */
        .calendar-label {color: #99ccff;}
        .weather-label {color: #ffdd99;}
        .quake-label {color: #ff9999;}
        .hitokoto-label {color: #ffb3d9;}
        .canvas-label {color: #cc99ff;}
        .program-label {color: #99e6cc;}
        /* 新增：历史上的今天 标签色 */
        .history-label {color: #ffcc80;}
        .detail-value {color: #ffffff;flex: 1;}

        /* Canvas卡片专属样式 - 核心修改：统一高度 */
        .canvas-card .card-right {
            width: 100%;
            height: 90px; /* 与其他卡片右侧高度一致 */
        }
        .canvas-wrap {
            width: 100%;
            height: 100%; /* 继承父容器高度https://picsum.photos/1920/1080?random=1 */
            border-radius: 8px;
            overflow: hidden;
            background-image: url('');
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
        }
        #canvas {
            width: 100%;
            height: 100%;
            display: block;
        }

        /* 节目预告卡片专属样式 */
        .live-icon {
            width: 25px;
            height: 15px;
            vertical-align: middle;
            margin-left: 5px;
            border-radius: 50%; /* 节目预告图片改为椭圆形（圆形） */
        }

        /* 一言一行卡片专属样式 */
        .hitokoto-content {
            color: #fff;
            font-size: 15px;
            line-height: 2.5;
            font-weight: 500;
            word-break: break-all;
        }
        .hitokoto-source {
            color: #e0e0e0;
            font-size: 12px;
            margin-top: 8px;
            font-style: italic;
            text-align: right !important; /* 修改4：一言一行来源右对齐 */
            display: block; /* 确保右对齐生效 */
        }

        /* 新闻区域整体容器 */
        .news-section {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        /* 移至新闻顶部的功能按钮组 - 核心修改：手机3个一排 */
        .news-top-btn-group {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
            padding: 10px 0;
        }
        /* 手机端：3个按钮一排 */
        @media (max-width: 767px) {
            .news-top-btn-group .site-btn {
                width: calc(33.333% - 7px);
                padding: 10px 0;
                text-align: center;
                font-size: 14px;
            }
        }
        /* PC端：优化间距与宽度 */
        @media (min-width: 768px) {
            .news-top-btn-group {
                justify-content: center;
                gap: 12px;
            }
            .news-top-btn-group .site-btn {
                flex: 0 1 auto;
                min-width: 120px;
                text-align: center;
                padding: 12px 24px;
            }
        }

        .site-btn {
            display: inline-block;
            padding: 10px 25px;
            background: linear-gradient(135deg, #ff3366  0%, #cc0033 100%);
            color: #fff !important;
            border-radius: 50px;
            text-decoration: none;
            font-size: 15px;
            font-weight: 600;
            box-shadow: 0 4px 15px rgba(204, 0, 51, 0.4);
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            flex-shrink: 0;
        }
        /* 新增鼠标经过样式 */
        .site-btn:hover {
            /* 红色到粉色的渐变（可根据需求调整色值） */
            background: linear-gradient(45deg, #ff0000 40%, #ff66cc 90%);
            /* 优化阴影效果，增强交互感 */
            box-shadow: 0 6px 20px rgba(255, 102, 204, 0.5);
        }
        .site-btn:active {
            transform: scale(0.95);
            box-shadow: 0 2px 8px rgba(204, 0, 51, 0.3);
        }
        /* 新闻标题 */
        .news-title {
            color: #fff;
            font-size: 18px;
            text-shadow: 0 0 4px #000;
            padding: 5px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
        @media screen and (min-width: 768px) {.news-title {font-size: 20px;}}

        /* 新闻卡片容器：始终单列 */
        .news-cards-container {display: flex;flex-direction: column;gap: 12px;width: 100%;}

        /* 更多新闻按钮 */
        .more-news-btn {
            width: 100%;
            padding: 12px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 12px;
            backdrop-filter: blur(2px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #fff;
            font-size: 16px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 5px;
        }
        .more-news-btn:hover {background: rgba(0, 0, 0, 0.7);}

        /* 隐藏的新闻列表 */
        .hidden-news {display: none;flex-direction: column;gap: 12px;}

        /* 新闻卡片样式 - 核心修改：固定高度+统一内边距 */
        .news-card {
            width: 100%;
            padding: 0; 
            background: rgba(0, 0, 0, 0.6);
            border-radius: 12px;
            backdrop-filter: blur(2px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            gap: 0; 
            position: relative;
            /* 核心修改：固定高度，确保图片容器高度一致 */
            min-height: 120px;
            height: 120px;
        }
        @media screen and (min-width: 768px) {
            .news-card {
                min-height: 180px;
                height: 180px;
            }
        }

        /* 新闻序号 - 桌球样式立体效果 */
        .news-index {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 28px;
            height: 28px;
            color: #fff;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            z-index: 2; 
            text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
            font-weight: bold;
            /* 桌球基础立体效果 - 模拟球体光影 */
            box-shadow: 
                inset 3px 3px 8px rgba(255,255,255,0.4),
                inset -3px -3px 8px rgba(0,0,0,0.6),
                0 6px 12px rgba(0,0,0,0.4),
                0 0 10px rgba(255,255,255,0.1);
            transition: all 0.3s ease;
        }
        
        /* 第一条 - TOP样式（红色桌球） */
        .news-index.red-1 {
            background: radial-gradient(circle at 30% 30%, #ff6666, #ff0000, #cc0000);
            box-shadow: 
                inset 3px 3px 8px rgba(255,255,255,0.4),
                inset -3px -3px 8px rgba(0,0,0,0.6),
                0 6px 15px rgba(255, 51, 51, 0.6),
                0 0 15px rgba(255, 102, 102, 0.3);
        }
        
        /* 第二条 - 红色桌球（1号球） */
        .news-index.red-2 {
            background: radial-gradient(circle at 30% 30%, #ff8080, #ff1a1a, #e60000);
            box-shadow: 
                inset 3px 3px 8px rgba(255,255,255,0.4),
                inset -3px -3px 8px rgba(0,0,0,0.6),
                0 6px 15px rgba(255, 68, 68, 0.6),
                0 0 15px rgba(255, 128, 128, 0.3);
        }
        
        /* 第三条 - 黄色桌球（2号球） */
        .news-index.yellow-3 {
            background: radial-gradient(circle at 30% 30%, #ffff99, #ffcc00, #ff9900);
            box-shadow: 
                inset 3px 3px 8px rgba(255,255,255,0.4),
                inset -3px -3px 8px rgba(0,0,0,0.6),
                0 6px 15px rgba(255, 204, 0, 0.6),
                0 0 15px rgba(255, 224, 102, 0.3);
        }
        
        /* 第四条 - 绿色桌球（3号球） */
        .news-index.green-4 {
            background: radial-gradient(circle at 30% 30%, #99ff99, #33cc33, #009900);
            box-shadow: 
                inset 3px 3px 8px rgba(255,255,255,0.4),
                inset -3px -3px 8px rgba(0,0,0,0.6),
                0 6px 15px rgba(51, 204, 51, 0.6),
                0 0 15px rgba(128, 255, 128, 0.3);
        }
        
        /* 其他序号 - 灰色桌球 */
        .news-index.gray {
            background: radial-gradient(circle at 30% 30%, #ffffff, #888888, #555555);
            box-shadow: 
                inset 3px 3px 8px rgba(255,255,255,0.3),
                inset -3px -3px 8px rgba(0,0,0,0.5),
                0 6px 12px rgba(0,0,0,0.4),
                0 0 10px rgba(250,250,250,0.1);
        }
        
        /* 大屏样式增强 */
        @media screen and (min-width: 768px) {
            .news-index {
                top: 10px;
                left: 10px;
                width: 35px;
                height: 35px;
                font-size: 14px;
            }
            .news-index.red-1 {
                box-shadow: 
                    inset 5px 5px 12px rgba(255,255,255,0.4),
                    inset -5px -5px 12px rgba(0,0,0,0.6),
                    0 8px 20px rgba(255, 51, 51, 0.7),
                    0 0 20px rgba(255, 102, 102, 0.4);
            }
            .news-index.red-2 {
                box-shadow: 
                    inset 5px 5px 12px rgba(255,255,255,0.4),
                    inset -5px -5px 12px rgba(0,0,0,0.6),
                    0 8px 20px rgba(255, 68, 68, 0.7),
                    0 0 20px rgba(255, 128, 128, 0.4);
            }
            .news-index.yellow-3 {
                box-shadow: 
                    inset 5px 5px 12px rgba(255,255,255,0.4),
                    inset -5px -5px 12px rgba(0,0,0,0.6),
                    0 8px 20px rgba(255, 204, 0, 0.7),
                    0 0 20px rgba(255, 224, 102, 0.4);
            }
            .news-index.green-4 {
                box-shadow: 
                    inset 5px 5px 12px rgba(255,255,255,0.4),
                    inset -5px -5px 12px rgba(0,0,0,0.6),
                    0 8px 20px rgba(51, 204, 51, 0.7),
                    0 0 20px rgba(128, 255, 128, 0.4);
            }
            .news-index.gray {
                box-shadow: 
                    inset 5px 5px 12px rgba(255,255,255,0.3),
                    inset -5px -5px 12px rgba(0,0,0,0.5),
                    0 8px 18px rgba(0,0,0,0.5),
                    0 0 15px rgba(200,200,200,0.2);
            }
        }

        /* 新闻图片容器 - 关键修改：固定高度+完全填充 + 手机版缩小比例 */
        .news-img-wrap {
            width: 120px; /* 修改5：手机版图片宽度从200px缩小到120px */
            flex-shrink: 0;
            border-radius: 12px 0 0 12px; 
            overflow: hidden;
            height: 100%;
            margin: 0 !important;
            padding: 0 !important;
            display: block;
        }
        @media screen and (min-width: 768px) {
            .news-img-wrap {width: 280px;} /* PC版保持280px不变 */
        }

        /* 新闻图片 - 核心修改：强制填充+无间隙 */
        .news-img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            background-color: #333;
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            object-position: center center;
        }

        /* 新闻内容区 - 高度100%，统一内边距 */
        .news-content {
            flex: 1;
            color: #fff;
            display: flex;
            flex-direction: column;
            padding: 12px 15px 12px 15px;
            justify-content: center; 
            height: 100%;
            position: relative;
        }
        @media screen and (min-width: 768px) {.news-content {padding: 15px 20px 15px 20px;}}

        /* 新闻标题 */
        .news-card-title {
            font-size: 20px; 
            font-weight: 900; /* 标题加粗（900是最粗） */
            font-family: "SimHei", "Microsoft YaHei", sans-serif; /* 标题改为黑体 */
            margin: 0 0 8px 0;
            line-height: 1.4;
            color: #fff;
            text-decoration: none;
            transition: color 0.2s ease;
            text-shadow: 1px 1px 2px #000; /* 标题也加轻微阴影增强可读性 */
        }
        @media screen and (min-width: 768px) {
            .news-card-title {
                font-size: 26px; 
                font-weight: 900; 
            }
        }
        .news-card-title:hover {color: #fff000;}

        /* 新闻描述 - 修改6：手机版隐藏，PC版保持不变 */
        .news-card-desc {
            display: none !important; /* 手机版默认隐藏 */
            font-size: 13px;
            font-weight: 300; 
            color: #ccc; /* 新闻详情文字颜色变暗 */
            line-height: 1.5;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-family:"Microsoft YaHei", sans-serif;
            margin: 0 0 30px 0;
        }
        @media screen and (min-width: 768px) {
            .news-card-desc {
                display: -webkit-box !important; /* PC版显示详情 */
                font-size: 14px;
                font-weight: 300;
                color: #ccc;
                font-family: "Microsoft YaHei", sans-serif;
                margin: 0 0 35px 0;
            }
        }

        /* 新闻热度标签 - 固定左下角 */
        .news-hot-tag {
            position: absolute;
            bottom: 12px;
            left: 15px;
            display: flex;
            align-items: center;
            gap: 6px;
            z-index: 2;
        }
        @media screen and (min-width: 768px) {
            .news-hot-tag {
                bottom: 15px;
                left: 20px;
                gap: 8px;
            }
        }

        /* hotTagImg */
        .hot-tag-img {width: 20px;height: 20px;object-fit: cover;border-radius: 4px;}
        @media screen and (min-width: 768px) {.hot-tag-img {width: 27px;height: 27px;}}
        .hot-tag-img[src=""], .hot-tag-img[src="undefined"] {display: none;}

        /* 热度数值 */
        .news-hot-value {
            font-size: 12px;
            color: #ff6666;
            white-space: nowrap; 
            background: rgba(0,0,0,0.4);
            padding: 3px 4px;
            border-radius: 8px;
            font-weight: 800;
        }
        @media screen and (min-width: 768px) {.news-hot-value {font-size: 13px;padding: 6px 8px;}}

        /* 底部版权区域 - 核心修改：通栏全屏+紧贴边沿 + 自适应固定底部 */
        .botm{
            /* 核心修改1：脱离文档流+固定宽度+无偏移 */
            position: relative;
            width: 100vw !important; 
            margin-left: calc(-50vw + 50%) !important; 
            margin-right: 0 !important;
            /* 核心修改2：移除所有内边距/外边距，确保贴边 */
            padding: 15px 0 !important;
            margin-top: auto !important; /* 关键：自动推到最底部 */
            margin-bottom: 0 !important;
            /* 其他样式保留 */
            font-size: 13px;
            font-weight: 500;
            font-family:  "Microsoft YaHei";
            text-align:center;
            background: rgba(0,0,0,0.3);
            max-width: none !important;
            left: 0;
            right: 0;
        }
        /* 版权区域内的p标签 - 关键：仅保留左右内边距，避免内容贴边 */
        .botm p {
            margin: 5px 0;
            color: #ccc;
            padding: 0 15px; /* 仅给文字加左右内边距，容器本身无内边距 */
            line-height: 1.5;
        }
        a{text-decoration:none;color: #ccc;}

        /* 加载提示 + 加载动画 */
        .loading-tip {
            color: #fff;
            text-align: center;
            padding: 20px;
            font-size: 14px;
            width: 100%;
            background: rgba(0,0,0,0.5);
            border-radius: 8px;
        }
        .loading-animation {
            display: inline-block;
            width: 20px;
            height: 20px;
            border: 3px solid rgba(255,255,255,0.3);
            border-radius: 50%;
            border-top-color: #ff6666;
            animation: spin 1s ease-in-out infinite;
            margin-right: 8px;
            vertical-align: middle;
        }
        @keyframes spin {to { transform: rotate(360deg); }}
/*主网页style*/


/*lightbox开始*/
    /* 核心：强制 16:9 比例，适配所有设备 */
.uk-lightbox-iframe {
    width: 75.5%;        /* 最大宽度，可自行调整 */
    max-width: 1920px;  /* 限制最大宽度不超大 */
    aspect-ratio: 16/9; /* ✅ 强制 16:9 比例 */
    height: auto !important; /* 高度自动计算，覆盖原有高度 */
}

.uk-lightbox {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    background: rgba(0,0,0,0.5);
    opacity: 0.0;
    transition: opacity 0.5s linear;
}
.uk-lightbox.uk-open {
    display: block;
    opacity: 1;
}
.uk-lightbox-page {
    overflow: hidden;
}
.uk-lightbox-items > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
    will-change: transform, opacity;
}
.uk-lightbox-items > .uk-active {
    display: flex;
}
.uk-lightbox-toolbar {
    padding: 8px 8px;
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.7);
}
.uk-lightbox-toolbar > * {
    color: rgba(255, 255, 255, 0.7);
}
.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0;
}
button.uk-icon:not(:disabled) {
    cursor: pointer;
}
.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
    stroke: currentcolor;
}
.uk-text-left {
    text-align: left !important;
}
.uk-text-right {
    text-align: right !important;
}
.uk-text-center {
    text-align: center !important;
}
.uk-text-justify {
    text-align: justify !important;
}
[class*='uk-position-top'],
[class*='uk-position-bottom'],
[class*='uk-position-left'],
[class*='uk-position-right'],
[class*='uk-position-center'] {
    position: absolute !important;
}
.uk-position-top {
    top: 0;
    left: 0;
    right: 0;
}
.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}
.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0;
}
.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0;
}
[hidden],
.uk-hidden {
    display: none !important;
}
@media (min-width: 640px) {
    .uk-hidden\@s {
        display: none !important;
    }
}
@media (min-width: 960px) {
    .uk-hidden\@m {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .uk-hidden\@l {
        display: none !important;
    }
}
@media (min-width: 1600px) {
    .uk-hidden\@xl {
        display: none !important;
    }
}
/*lightbox结束*/