@charset "utf-8";
/* 592下载站 PC —— 应用详情页 / 资讯详情页 */

/* ============ 应用信息头部 ============ */
.d-info {
    width: 100%; background: #fff; padding: 22px 24px 24px;
    box-sizing: border-box; overflow: hidden; margin-bottom: 14px;
}
.d-ico {
    float: left; width: 128px; margin-right: 24px; text-align: center;
}
.d-ico .im {
    width: 128px; height: 128px; border-radius: 16px; overflow: hidden;
    background: #f2f4f7;
}
.d-ico .im img { width: 128px; height: 128px; }
.d-ico .qr-tip {
    margin-top: 10px; font-size: 12px; color: #a8a8a8; line-height: 18px;
}
.d-base { float: left; width: 620px; }
.d-base h1 {
    font-size: 26px; font-weight: bold; line-height: 34px; color: #232323;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    margin-bottom: 4px;
}
.d-base .d-sub { font-size: 13px; color: #a8a8a8; height: 22px; line-height: 22px; overflow: hidden; }
.d-base .d-intro {
    margin-top: 12px; font-size: 14px; color: #555; line-height: 24px;
    padding: 10px 14px; background: #f7faf9; border-left: 3px solid #1fbd7a;
    border-radius: 0 4px 4px 0; max-height: 96px; overflow: hidden;
}
.d-base ul.d-meta { overflow: hidden; margin-top: 12px; }
.d-base ul.d-meta li {
    float: left; width: 310px; height: 30px; line-height: 30px; font-size: 13px;
    color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.d-base ul.d-meta li em { color: #a8a8a8; margin-right: 4px; }
.d-base ul.d-meta li a { color: #1fbd7a; }
.d-base .d-btns { margin-top: 16px; overflow: hidden; }
.d-base .d-btns li {
    position: relative; float: left; height: 46px; border-radius: 5px;
    margin: 0 16px 0 0; letter-spacing: 1px;
}
.d-base .d-btns li a {
    display: block; height: 46px; line-height: 46px; padding: 0 34px;
    color: #fff; font-size: 16px; border-radius: 5px;
}
.d-base .d-btns li.az a { background: #25c88a; }
.d-base .d-btns li.pg a { background: #5298ff; }
.d-base .d-btns li.wp a { background: #525252; }
.d-base .d-btns li.pc a { background: #fea342; }
.d-base .d-btns li a:hover { opacity: .9; color: #fff; }
.d-base .d-btns li.off a { background: #c9ccd1; cursor: default; }
.d-base .d-notice {
    margin-top: 10px; font-size: 12px; color: #a8a8a8; line-height: 20px;
}
.d-base .d-notice b { color: #f0412a; font-weight: normal; }
/* 下架提示 */
.d-off {
    display: inline-block; height: 46px; line-height: 46px; padding: 0 34px;
    background: #eee; color: #999; border-radius: 5px; font-size: 16px;
}

/* 右侧数据卡 */
.d-score {
    float: right; width: 150px; text-align: center; padding-top: 6px;
    border-left: 1px solid #f0f0f0; min-height: 120px;
}
.d-score .sc-item { padding: 8px 0; border-bottom: 1px dashed #eee; }
.d-score .sc-item:last-child { border-bottom: none; }
.d-score .num { font-size: 20px; color: #1fbd7a; line-height: 28px; font-weight: bold; }
.d-score .tip { font-size: 12px; color: #a8a8a8; }

/* ============ 两栏 ============ */
.d-main { float: left; width: 900px; }
.d-side { float: right; width: 320px; }

.d-sec { background: #fff; margin-bottom: 14px; overflow: hidden; }
.d-sec .d-h {
    height: 54px; line-height: 54px; padding: 0 20px; border-bottom: 1px solid #f0f0f0;
}
.d-sec .d-h h2 {
    font-size: 20px; font-weight: bold; color: #1fbd7a;
}
.d-sec .d-h h2:before {
    content: ''; float: left; width: 5px; height: 27px; background: #1fbd7a;
    margin: 14px 13px 0 0;
}
.d-sec .d-h .r { float: right; font-size: 13px; color: #a8a8a8; }
.d-sec .d-b { padding: 18px 20px 22px; }

/* 正文 */
.d-content { font-size: 15px; line-height: 28px; color: #444; word-break: break-all; }
.d-content img { max-width: 100%; height: auto; display: block; margin: 8px auto; }
.d-content p { margin-bottom: 10px; }
.d-content a { color: #1fbd7a; }

/* 截图横向滚动 */
.d-shots { overflow: hidden; position: relative; }
.d-shots .shot-wrap { overflow: hidden; width: 100%; }
.d-shots ul { white-space: nowrap; font-size: 0; }
.d-shots li {
    display: inline-block; width: 200px; margin-right: 12px; vertical-align: top;
}
.d-shots li img {
    width: 200px; height: 340px; object-fit: cover; border-radius: 6px;
    background: #f2f4f7; cursor: pointer; transition: opacity .2s;
}
.d-shots li img:hover { opacity: .88; }
.d-shots .s-prev, .d-shots .s-next {
    position: absolute; top: 50%; margin-top: -24px; width: 30px; height: 48px;
    background: rgba(0, 0, 0, .45); color: #fff; text-align: center;
    line-height: 48px; font-size: 20px; cursor: pointer; z-index: 3;
}
.d-shots .s-prev { left: 0; border-radius: 0 4px 4px 0; }
.d-shots .s-next { right: 0; border-radius: 4px 0 0 4px; }
.d-shots .s-prev:hover, .d-shots .s-next:hover { background: rgba(31, 189, 122, .9); }

/* 标签 */
.d-tags { overflow: hidden; margin-top: 16px; padding-top: 14px; border-top: 1px dashed #f0f0f0; }
.d-tags b { float: left; font-size: 13px; color: #777; line-height: 28px; margin-right: 8px; }
.d-tags a {
    float: left; display: inline-block; height: 28px; line-height: 28px;
    padding: 0 14px; margin: 0 8px 8px 0; background: #f6f7f9; color: #666;
    border-radius: 14px; font-size: 13px;
}
.d-tags a:hover { background: #1fbd7a; color: #fff; }

/* 参数表 */
.d-params { overflow: hidden; }
.d-params li {
    float: left; width: 50%; font-size: 13px; color: #777; line-height: 30px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.d-params li em { color: #a8a8a8; }

/* 主内容区相关下载（卡片网格） */
.xz-slist-card {
    overflow: hidden; margin: -6px 0 0;
}
.xz-slist-card li {
    float: left; width: 33.3333%; padding: 10px 8px 0;
    box-sizing: border-box;
}
.xz-slist-card li .im {
    float: left; width: 72px; height: 72px; border-radius: 12px;
    overflow: hidden; background: #f2f4f7; margin-right: 12px;
}
.xz-slist-card li .im img {
    width: 72px; height: 72px; object-fit: cover;
}
.xz-slist-card li .tx {
    overflow: hidden; padding-top: 4px;
}
.xz-slist-card li .tx p {
    font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;
    margin-bottom: 4px;
}
.xz-slist-card li .tx p a { color: #333; }
.xz-slist-card li .tx p a:hover { color: #1fbd7a; }
.xz-slist-card li .tx span {
    font-size: 12px; color: #a8a8a8;
}

/* ============ 详情页侧栏（与 list.css 的 .c-side 对齐，并精致化标题） ============ */
.d-side .s-box { background: #fff; margin-bottom: 14px; overflow: hidden; }
.d-side .s-h {
    position: relative; height: 50px; line-height: 50px; padding: 0 18px;
    font-size: 18px; font-weight: bold; color: #1fbd7a;
    border-bottom: 1px solid #f0f0f0;
}
.d-side .s-h:before {
    content: ''; position: absolute; left: 0; top: 15px;
    width: 4px; height: 20px; background: #1fbd7a; border-radius: 2px;
}
.d-side .s-b { padding: 8px 16px 16px; }

/* 侧栏图标九宫格（热门推荐） */
.d-side .s-icons { overflow: hidden; }
.d-side .s-icons li {
    float: left; width: 96px; text-align: center; margin: 14px 0 4px;
}
.d-side .s-icons li img {
    width: 68px; height: 68px; border-radius: 14px; display: block;
    margin: 0 auto 6px;
}
.d-side .s-icons li p {
    font-size: 13px; line-height: 18px; height: 18px; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; color: #555;
}
.d-side .s-icons li:hover p { color: #1fbd7a; }

/* 评论 */
.d-cmt-form { margin-bottom: 14px; }
.d-cmt-form textarea {
    width: 100%; height: 88px; border: 1px solid #eee; border-radius: 4px;
    padding: 10px 12px; box-sizing: border-box; font-size: 14px; color: #333;
    background: #fafbfc;
}
.d-cmt-form .f-act { margin-top: 10px; overflow: hidden; }
.d-cmt-form .f-tip { float: left; font-size: 12px; color: #a8a8a8; line-height: 34px; }
.d-cmt-form .f-tip input {
    height: 32px; line-height: 32px; width: 160px; border: 1px solid #eee;
    border-radius: 4px; padding: 0 10px; font-size: 13px; color: #555;
    background: #fafbfc; box-sizing: border-box;
}
.d-cmt-form .xz-btn { float: right; height: 34px; line-height: 34px; padding: 0 26px; }
.d-cmt-item { padding: 14px 0; border-top: 1px dashed #f0f0f0; }
.d-cmt-item .ch { overflow: hidden; font-size: 13px; color: #a8a8a8; margin-bottom: 6px; }
.d-cmt-item .ch .floor { color: #1fbd7a; margin-right: 8px; }
.d-cmt-item .ch b { color: #555; font-weight: normal; margin-right: 10px; }
.d-cmt-item .ch .time { float: right; }
.d-cmt-item .cc { font-size: 14px; line-height: 24px; color: #444; word-break: break-all; }
.d-cmt-item .reply { font-size: 12px; color: #1fbd7a; margin-top: 4px; }
.d-cmt-page { padding: 12px 0 0; text-align: center; }
.d-cmt-page a {
    display: inline-block; min-width: 26px; height: 26px; line-height: 26px;
    padding: 0 8px; margin: 0 3px; border: 1px solid #e6e6e6; font-size: 12px; color: #666;
}
.d-cmt-page a.cur { background: #1fbd7a; border-color: #1fbd7a; color: #fff; }
.d-cmt-empty { padding: 24px 0; text-align: center; color: #a8a8a8; font-size: 14px; }

/* ============ 资讯详情 ============ */
.a-article { background: #fff; padding: 26px 30px 30px; margin-bottom: 14px; }
.a-article h1 {
    font-size: 26px; line-height: 38px; color: #232323; text-align: center;
    font-weight: bold; margin-bottom: 12px;
}
.a-article .a-meta {
    text-align: center; font-size: 13px; color: #a8a8a8; padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0; margin-bottom: 18px;
}
.a-article .a-meta span { margin: 0 10px; }
.a-article .a-body { font-size: 15px; line-height: 30px; color: #444; word-break: break-all; }
.a-article .a-body p { margin-bottom: 12px; }
.a-article .a-body img { max-width: 100%; height: auto; display: block; margin: 10px auto; }
.a-article .a-body a { color: #1fbd7a; }
.a-article .a-summary {
    margin: 14px 0; font-size: 14px; color: #555; line-height: 24px;
    padding: 10px 14px; background: #f7faf9; border-left: 3px solid #1fbd7a;
    border-radius: 0 4px 4px 0;
}
.a-article .a-tags { margin-top: 20px; padding-top: 16px; border-top: 1px dashed #f0f0f0; }

/* 上下篇 */
.a-pn { overflow: hidden; padding: 0 30px 24px; background: #fff; margin-bottom: 14px; }
.a-pn p { font-size: 14px; color: #666; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.a-pn p a { color: #666; }
.a-pn p a:hover { color: #1fbd7a; }

/* ============ 图片灯箱 ============ */
.xz-lightbox {
    position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999;
    background: rgba(0, 0, 0, .86); display: none;
}
.xz-lightbox img {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    max-width: 70%; max-height: 86%;
}
.xz-lightbox .lb-close {
    position: absolute; right: 30px; top: 24px; width: 40px; height: 40px;
    line-height: 40px; text-align: center; color: #fff; font-size: 30px; cursor: pointer;
}