@charset "utf-8";
/**
 * 现代简约商务风改版 - 分步实施
 * 第1步：顶部区域优化
 */

/* ==================== 第1步：顶部区域（Logo + 搜索 + 导航） ==================== */

/* ===== 顶部信息栏 ===== */
.eyou_top {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E8E8E8 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
    height: 36px !important;
    line-height: 36px !important;
}

.eyou_top a {
    color: #666 !important;
    font-size: 13px !important;
    transition: color 0.3s ease !important;
}

.eyou_top a:hover {
    color: #52C41A !important;
}

/* ===== Header主体区域 ===== */
#header {
    background: #FFFFFF !important;
    margin: 0 auto !important;
    padding: 24px 0 !important;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;*/
}

/* ===== 搜索框区域优化 ===== */
#header #search {
    width: 520px !important;
    float: right !important;
}

#header #topsearch {
    background: #F5F5F5 !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 8px !important;
    height: 44px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03) !important;*/
}

/* 搜索框悬浮效果 */
#header #topsearch:hover {
    border-color: #52C41A !important;
    background: #FAFAFA !important;
    box-shadow: 0 4px 8px rgba(82, 196, 26, 0.1) !important;
}

/* 搜索框聚焦效果 */
#header #topsearch:focus-within {
    border-color: #52C41A !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(82, 196, 26, 0.1), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* 输入框优化 */
#header #keyword {
    background: transparent !important;
    border: none !important;
    font-size: 15px !important;
    color: #333 !important;
    padding: 0 16px !important;
    height: 44px !important;
    line-height: 44px !important;
}

#header #keyword::placeholder {
    color: #BFBFBF !important;
}

#header #keyword:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* 搜索按钮优化 - 绿色渐变 */
#header .search_key {
    width: 100px !important;
    height: 44px !important;
    line-height: 44px !important;
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    margin-left: -1px !important;
}

#header .search_key:hover {
    background: linear-gradient(135deg, #389E0D 0%, #52C41A 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(82, 196, 26, 0.3) !important;
}

#header .search_key:active {
    transform: translateY(0) !important;
}

/* ===== 导航栏优化 ===== */
.nav {
    background: #FFFFFF !important;
    height: 52px !important;
    line-height: 52px !important;
    margin-bottom: 24px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #F0F0F0 !important;
}

.nav .w1200 {
    padding: 0 20px !important;
}

.nav li {
    float: left !important;
    margin-right: 8px !important;
}

.nav li a {
    display: block !important;
    padding: 0 24px !important;
    font-size: 16px !important;
    color: #333 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    font-weight: 400 !important;
}

/* 导航悬浮效果 */
.nav li a:hover {
    background: #F6FFED !important;
    color: #52C41A !important;
}

/* 导航当前选中 */
.nav li.current a,
.nav li a.current {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    box-shadow: 0 2px 8px rgba(82, 196, 26, 0.25) !important;
}

/* ===== 热词搜索（如果有）===== */
.hotkey {
    font-size: 13px !important;
    line-height: 1.8 !important;
    margin-top: 8px !important;
}

.hotkey a {
    margin-right: 16px !important;
    color: #8C8C8C !important;
    transition: color 0.3s ease !important;
}

.hotkey a:hover {
    color: #52C41A !important;
}

/* ===== 间距优化 ===== */
.h20 {
    height: 20px !important;
}


/* ==================== 第2步：分类导航区域（topnav）美化 ==================== */
/* 原则：只修改装饰样式（颜色、圆角、阴影），不修改布局属性 */

/* ===== 整体容器 - 添加渐变背景和边框 ===== */
.topnav {
    background: linear-gradient(135deg, #FAFFFE 0%, #FFFFFF 100%) !important;
    border: 1px solid #E8F5E9 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* ===== 左侧分类按钮 - 改为绿色主题 ===== */
.topnav .navbox span {
    background: #F6FFED !important;
    color: #52C41A !important;
    border-radius: 10px !important;
    border: 1px solid #E8F5E9 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-weight: 500 !important;
}

/* 左侧分类悬浮和选中效果 - 绿色渐变 */
.topnav .navbox span.current,
.topnav .navbox span:hover {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    color: #FFFFFF !important;
    border-color: #52C41A !important;
    box-shadow: 0 4px 12px rgba(82, 196, 26, 0.25) !important;
}

/* ===== 右侧图标区域 ===== */
/* 图标项添加过渡效果 */
.topnav .navmain ul li {
    transition: all 0.3s ease !important;
}

/* 图标悬浮上浮效果 */
.topnav .navmain ul li:hover {
    transform: translateY(-5px) !important;
}

/* 图标图片 - 增强阴影 */
.topnav .navmain ul li img {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
}

/* 图标悬浮时放大和加深阴影 */
.topnav .navmain ul li:hover img {
    transform: scale(1.05) !important;
    box-shadow: 0 4px 16px rgba(82, 196, 26, 0.15) !important;
}

/* 图标文字 - 改为绿色主题 */
.topnav .navmain ul li:hover p {
    color: #52C41A !important;
    font-weight: 500 !important;
}


/* ==================== 第3步：精选推荐区域（eyou_box1）美化 ==================== */
/* 原则：只修改装饰样式（颜色、圆角、阴影），不修改布局属性 */

/* ===== 整体容器 ===== */
.eyou_box1 {
    background: linear-gradient(135deg, #FAFFFE 0%, #FFFFFF 100%) !important;
    border: 1px solid #E8F5E9 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    padding: 20px !important;
}

/* ===== 左侧卡片区域 ===== */
/* 卡片添加圆角和阴影 */
.eyou_box1 .box1_l li {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
}

/* 卡片悬浮效果 */
.eyou_box1 .box1_l li:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(82, 196, 26, 0.15) !important;
}

/* 卡片图片圆角 */
.eyou_box1 .box1_l li a>img {
    border-radius: 12px !important;
}

/* 遮罩层圆角 */
.eyou_box1 .box1_l li .zhe {
    border-radius: 12px !important;
}

/* 信息层圆角 */
.eyou_box1 .box1_l li .info {
    border-radius: 12px !important;
}

/* 下载按钮 - 改为绿色渐变 */
.eyou_box1 .box1_l li .info span {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    box-shadow: 0 4px 12px rgba(82, 196, 26, 0.3) !important;
    transition: all 0.3s ease !important;
}

.eyou_box1 .box1_l li .info span:hover {
    background: linear-gradient(135deg, #389E0D 0%, #52C41A 100%) !important;
    transform: scale(1.05) !important;
}

/* ===== 右侧排行榜区域 ===== */
/* 排行榜项添加背景和圆角 */
.eyou_box1 .box1_r li {
    background: #FAFAFA !important;
    border-radius: 10px !important;
    border: none !important;
    border-bottom: none !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    transition: all 0.3s ease !important;
}

/* 排行榜悬浮效果 */
.eyou_box1 .box1_r li:hover {
    background: #F6FFED !important;
    transform: translateX(5px) !important;
    box-shadow: 0 2px 8px rgba(82, 196, 26, 0.1) !important;
}

/* 排行榜文字悬浮颜色 - 改为绿色 */
.eyou_box1 .box1_r li:hover p {
    color: #52C41A !important;
}

/* 排行榜图标圆角 */
.eyou_box1 .box1_r li img {
    border-radius: 10px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

/* 排名数字圆角 */
.eyou_box1 .box1_r li span {
    border-radius: 6px !important;
}

/* 前三名颜色 - 改为绿色系 */
.eyou_box1 .box1_r li:nth-child(1) span {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
}

.eyou_box1 .box1_r li:nth-child(1) em {
    background: rgba(82, 196, 26, 0.3) !important;
}

.eyou_box1 .box1_r li:nth-child(2) span {
    background: linear-gradient(135deg, #73D13D 0%, #95DE64 100%) !important;
}

.eyou_box1 .box1_r li:nth-child(2) em {
    background: rgba(115, 209, 61, 0.3) !important;
}

.eyou_box1 .box1_r li:nth-child(3) span {
    background: linear-gradient(135deg, #95DE64 0%, #B7EB8F 100%) !important;
}

.eyou_box1 .box1_r li:nth-child(3) em {
    background: rgba(149, 222, 100, 0.3) !important;
}


/* ==================== 第4步：分类切换区域（eyou_box2/eyou_box4）美化 ==================== */
/* 原则：只修改颜色、圆角，不碰任何布局、定位、显示属性 */

/* 整体容器背景 */
.eyou_box2,
.eyou_box4 {
    background: linear-gradient(135deg, #FAFFFE 0%, #FFFFFF 100%) !important;
    border: 1px solid #E8F5E9 !important;
    border-radius: 12px !important;
}

/* 标题装饰条 - 绿色 */
.xztit p em {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    border-radius: 2px !important;
}

/* 更多链接 - 绿色 */
.xztit>a {
    color: #52C41A !important;
}

.xztit>a:hover {
    color: #389E0D !important;
}

/* 标签按钮圆角 */
.xztit ul li {
    border-radius: 8px !important;
}

/* 标签按钮选中/悬浮 - 绿色 */
.xztit ul li.current,
.xztit ul li:hover {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
}

/* 应用卡片背景和圆角 */
.eyou_box2 .indextab li,
.eyou_box4 .indextab li {
    background: #FAFAFA !important;
    border-radius: 12px !important;
}

/* 应用卡片悬浮背景 - 绿色 */
.eyou_box2 .indextab li:hover,
.eyou_box4 .indextab li:hover {
    background: #F6FFED !important;
    border-top-color: #52C41A !important;
}

/* 应用图标圆角 */
.eyou_box2 .indextab li img,
.eyou_box4 .indextab li img {
    border-radius: 20px !important;
}

/* 应用名称悬浮 - 绿色 */
.eyou_box2 .indextab li:hover p:nth-child(2),
.eyou_box4 .indextab li:hover p:nth-child(2) {
    color: #52C41A !important;
}

/* 下载按钮 - 绿色 */
.eyou_box2 .indextab li em,
.eyou_box4 .indextab li em {
    border-color: #52C41A !important;
    color: #52C41A !important;
    border-radius: 12px !important;
}

.eyou_box2 .indextab li:hover em,
.eyou_box4 .indextab li:hover em {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    color: #FFFFFF !important;
}


/* ==================== 第5步：专题推荐区域（eyou_box3/eyou_box5）主题色 ==================== */
/* 只修改颜色，不改布局 */

/* 整体容器背景 */
.eyou_box3,
.eyou_box5 {
    background: linear-gradient(135deg, #FAFFFE 0%, #FFFFFF 100%) !important;
    border: 1px solid #E8F5E9 !important;
    border-radius: 12px !important;
}

/* 卡片圆角 */
.eyou_box3 ul li,
.eyou_box5 ul li {
    border-radius: 12px !important;
}

/* 下载按钮 - 绿色 */
.eyou_box3 ul li .info span,
.eyou_box5 ul li .info span {
    border-color: #52C41A !important;
    color: #52C41A !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
}

.eyou_box3 ul li .info:hover span,
.eyou_box5 ul li .info:hover span {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    color: #FFFFFF !important;
}

/* 标题悬浮 - 绿色 */
.eyou_box3 ul li .info:hover p,
.eyou_box5 ul li .info:hover p {
    color: #52C41A !important;
}


/* ==================== 第6步：排行榜区域（eyou_box6）主题色 ==================== */
/* 只修改颜色，不改布局 */

/* 整体容器背景 */
.eyou_box6 {
    background: linear-gradient(135deg, #FAFFFE 0%, #FFFFFF 100%) !important;
    border: 1px solid #E8F5E9 !important;
    border-radius: 12px !important;
}

/* 排行榜标题卡片边框 - 改为绿色系 */
.eyou_box6 .rankmain .rankbox {
    border-color: #52C41A !important;
    background: #F6FFED !important;
}

.eyou_box6 .rankmain:nth-child(3) .rankbox {
    border-color: #73D13D !important;
    background: #F6FFED !important;
}

.eyou_box6 .rankmain:nth-child(4) .rankbox {
    border-color: #95DE64 !important;
    background: #F6FFED !important;
}

/* 排行榜项圆角 */
.eyou_box6 .rankmain ul li .tbox,
.eyou_box6 .rankmain ul li .fbox {
    border-radius: 10px !important;
}

/* 排行榜前三名数字 - 绿色系 */
.eyou_box6 .rankmain ul li:nth-child(1) .tbox em,
.eyou_box6 .rankmain ul li:nth-child(1) .fbox em {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
}

.eyou_box6 .rankmain ul li:nth-child(2) .tbox em,
.eyou_box6 .rankmain ul li:nth-child(2) .fbox em {
    background: linear-gradient(135deg, #73D13D 0%, #95DE64 100%) !important;
}

.eyou_box6 .rankmain ul li:nth-child(3) .tbox em,
.eyou_box6 .rankmain ul li:nth-child(3) .fbox em {
    background: linear-gradient(135deg, #95DE64 0%, #B7EB8F 100%) !important;
}

/* 下载按钮 - 绿色 */
.eyou_box6 .rankmain ul li .tbox .info a:nth-last-child(1) {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
}


/* ==================== 第7步：友情链接区域（eyou_box7）主题色 ==================== */
/* 只修改颜色，不改布局 */

/* 整体容器背景 */
.eyou_box7 {
    background: linear-gradient(135deg, #FAFFFE 0%, #FFFFFF 100%) !important;
    border: 1px solid #E8F5E9 !important;
    border-radius: 12px !important;
}

/* 链接悬浮颜色 - 绿色 */
.eyou_box7 ul li a:hover {
    color: #52C41A !important;
}


/* ==================== 第8步：页脚区域（eyou_footer）主题色 ==================== */
/* 只修改颜色，不改布局 */

/* 页脚背景 */
.eyou_footer {
    background: linear-gradient(135deg, #FAFFFE 0%, #FFFFFF 100%) !important;
    border-top: 1px solid #E8F5E9 !important;
}

/* 页脚链接悬浮颜色 - 绿色 */
.eyou_footer p a:hover {
    color: #52C41A !important;
}


/* ==================== 第9步：列表页和详情页绿色主题 ==================== */
/* 将其他页面的橙色元素也改为绿色 */

/* 通用链接悬浮 */
a:hover {
    color: #52C41A !important;
}

/* 面包屑导航 */
.crumb a:hover {
    color: #52C41A !important;
}

/* 分类标签 */
.tag_type_wrap li a:hover,
.tag_type_wrap li.current a {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    color: #FFFFFF !important;
}

/* 列表页按钮 */
.warehouse ul li .btn,
.warehouse ul li a.btn {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    border-color: #52C41A !important;
}

.warehouse ul li .btn:hover,
.warehouse ul li a.btn:hover {
    background: linear-gradient(135deg, #389E0D 0%, #52C41A 100%) !important;
}

/* 下载按钮 - 安卓 */
.xz_box1 .loadbox a.and {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    box-shadow: 0px 0px 5px 0px #52C41A !important;
}

/* 详情页标签 */
.xz_box1 .info p a {
    color: #52C41A !important;
}

.xz_box1 .info p a:hover {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    color: #FFFFFF !important;
}

/* 详情页悬浮列表 */
.xz_box4 ul li:hover,
.xz_box5 ul li:hover {
    background: #F6FFED !important;
}

.xz_box4 ul li:hover a span,
.xz_box5 ul li:hover span {
    color: #52C41A !important;
}

/* 热词标签 */
.ys, .qs {
    color: #52C41A !important;
}

/* 详情页导航标签 */
.xz_box2 .xznav span {
    color: #52C41A !important;
}

.xz_box2 .xznav span.current,
.xz_box2 .xznav span:hover {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    color: #FFFFFF !important;
}

/* 相似应用悬浮 */
.xz_box6 .similbox ul li:hover {
    background: #F6FFED !important;
    border-top-color: #52C41A !important;
}

.xz_box6 .similbox ul li em {
    border-color: #52C41A !important;
    color: #52C41A !important;
}

/* 详情页内容链接 */
.xz_box2 .cont a {
    color: #52C41A !important;
}

/* 切换按钮 */
.xz_box7 .tab_box>p {
    border-color: #52C41A !important;
}

.xz_box7 .tab_box>p span {
    color: #52C41A !important;
}

.xz_box7 .tab_box>p span.current {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
    color: #FFFFFF !important;
}

/* 排行榜下载按钮 */
.phbBox li .info .btn {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
}

/* 排行榜标签菜单 */
.xz_box7 .tab_menu li.current {
    background: linear-gradient(135deg, #52C41A 0%, #73D13D 100%) !important;
}

.xz_box7 .tab_menu li.current i {
    border-color: #52C41A transparent transparent transparent !important;
}