@charset "utf-8";
/**
 * kuaixia_2026 公共样式：重置、页头、页脚、星级、通用布局
 * 各页面模板请先引用本文件，再引用页面专属 CSS
 */

:root {
    --kx-page-width: 1300px;
}

/* 重置与基础 */
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
body, button, input, select, textarea {
    font: 14px/1.5 \5fae\8f6f\96c5\9ed1, \5b8b\4f53, arial;
}
fieldset, img {
    border: 0;
}
li, ol, ul {
    list-style: none;
}
:focus {
    outline: 0;
}
img {
    display: block;
}
img.lazy-pending {
    background: #f2f2f2;
}
img.lazy-loaded {
    animation: kx-lazy-fade 0.3s ease;
}
@keyframes kx-lazy-fade {
    from { opacity: 0.2; }
    to { opacity: 1; }
}
.mw1300 {
    min-width: var(--kx-page-width);
    width: var(--kx-page-width);
    margin: 0 auto;
}
.none, legend {
    display: none;
}
.fl {
    float: left;
    display: inline;
}
.fr {
    float: right;
    display: inline;
}
body {
    color: #676767;
    background: #f2f2f2;
}
a {
    color: #444;
    text-decoration: none;
}
a:hover {
    color: #fd3939;
    text-decoration: none;
}
a:active {
    outline: 0;
}
a span, a:hover span {
    cursor: pointer;
}
em, i, s, strong, u {
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}
b {
    font-weight: 400;
}

/* clearfix */
.kx-top-nav:after, .kx-top-nav:before, .clearfix:after, .clearfix:before {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.kx-top-nav:after, .clearfix:after {
    clear: both;
}
.kx-top-nav, .clearfix {
    *zoom: 1;
}

/* 版心宽度（全站统一，见 :root --kx-page-width） */
#footer div,
#footer p,
.kx-header dt,
.kx-nav li,
#subNav,
.kx-top-nav {
    width: var(--kx-page-width);
    min-width: var(--kx-page-width);
    display: block;
    margin: 0 auto;
    clear: both;
    box-sizing: border-box;
}

/* 主体：页头与页脚之间的页面区域 */
#page,
#container,
.idx-page,
.idx-container,
.list-container,
.sitemap-page,
.zt-page,
#mainBody,
.idx-main-body,
.wrap1200,
.kx-list-wrap,
.wrapper,
.main,
.ozt,
#topbanner2,
#page.company-page {
    min-width: var(--kx-page-width);
    width: var(--kx-page-width);
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    box-sizing: border-box;
}

/* 页头 → 主体：统一上间距与内容宽度 */
.kx-article-soft,
.kx-article-android,
.kx-list-wrap,
.idx-page,
body.company-body #page.company-page,
.kx-new-wrap,
.kx-sitemap-wrap,
.kx-help-wrap,
.kx-search-wrap {
    margin-top: 15px;
    min-width: var(--kx-page-width);
    width: var(--kx-page-width);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* 星级（列表/详情通用） */
.star0, .star1, .star2, .star3, .star4, .star5, .star6 {
    background: url(/static/images/litterStar.png) no-repeat;
    width: 84px;
    height: 13px;
    display: inline-block;
}
.star1 { background-position: 0 -26px; }
.star2 { background-position: 0 -52px; }
.star3 { background-position: 0 -78px; }
.star4 { background-position: 0 -104px; }
.star5, .star6 { background-position: 0 -130px; }

.lstar0, .lstar1, .lstar2, .lstar3, .lstar4, .lstar5, .lstar6 {
    background: url(/static/images/litterStar.png) no-repeat;
    width: 84px;
    height: 13px;
    display: inline-block;
}
.lstar1 { background-position: 0 -26px; }
.lstar2 { background-position: 0 -52px; }
.lstar3 { background-position: 0 -78px; }
.lstar4 { background-position: 0 -104px; }
.lstar5, .lstar6 { background-position: 0 -130px; }

/* 顶栏 */
.kx-top-nav-c {
    width: 100%;
    background: #3d3c3a;
    border-bottom: 1px solid #2f2e2c;
    font-size: 13px;
}
.kx-top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    line-height: 38px;
}
.kx-top-nav i {
    float: none;
    flex-shrink: 0;
    color: #6a6967;
    font-style: normal;
}
.kx-top-nav strong {
    float: none;
    flex: 1;
    min-width: 0;
    font-weight: 400;
    color: #ececeb;
    letter-spacing: 0.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kx-top-nav a {
    color: #c4c3c1;
    margin: 0 10px;
    transition: color 0.2s;
}
.kx-top-nav a.focus {
    color: #8fd894;
}
.kx-top-nav a.focus:hover,
.kx-top-nav a:hover {
    color: #fff;
}

/* 头部 logo + 搜索 */
.kx-header {
    background: #fff;
}
.kx-header dt {
    position: relative;
    height: 110px;
}
.kx-logo {
    display: block;
    width: 310px;
    overflow: hidden;
    padding: 20px 0 16px 0;
}
.kx-logo-frame {
    position: relative;
    display: inline-block;
    line-height: 0;
    vertical-align: top;
}
.kx-logo img {
    padding-left: 1px;
    display: block;
}
/* 眼窝与 183x60 logo 对齐，瞳孔仅在白眼球内移动 */
.kx-eye-socket {
    position: absolute;
    overflow: hidden;
    border-radius: 42% 48% 42% 48%;
    pointer-events: none;
    z-index: 2;
}
.kx-eye-socket-l {
    left: 24.6%;
    top: 45%;
    width: 10.4%;
    height: 23.3%;
}
.kx-eye-socket-r {
    left: 37.2%;
    top: 45%;
    width: 10.4%;
    height: 21.7%;
}
.kx-eye-pupil {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #111;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
    pointer-events: none;
    will-change: transform;
    transition: transform 0.1s ease-out;
}
@media (prefers-reduced-motion: reduce) {
    .kx-eye-pupil {
        transition: none;
    }
}
#slogan {
    position: absolute;
    left: 200px;
    top: 32px;
}
.kx-search {
    width: 534px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 9;
}
.bdcs-search-form-input {
    float: left;
    display: inline;
    width: 385px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    padding: 4px 60px 4px 5px;
    background: #fff;
    border: 2px solid #47b751;
    border-right: 0 none;
    font-size: 12px;
    color: #333;
}
.bdcs-search-form-submit {
    float: left;
    width: 72px;
    height: 38px;
    border: 0 none;
    cursor: pointer;
    background: #47b751;
    color: #fff;
    font-size: 14px;
}
.bdcs-hot {
    width: 534px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    top: 37px;
    left: 0;
    z-index: -1;
}
.bdcs-hot-item {
    margin-right: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #666;
}
.bdcs-hot-item:hover {
    color: #ff5800;
}

/* 主导航 */
.kx-nav {
    background: #47b751;
    height: 45px;
    line-height: 45px;
    text-align: center;
    box-shadow: 0 4px 18px 0 rgb(113, 177, 119);
}
.kx-nav a {
    width: 120px;
    float: left;
    font-size: 16px;
    color: #fff;
}
.kx-nav .nav-cur, .kx-nav a:hover, .kx-nav p.hover i {
    background-color: #399241;
}
.kx-nav p {
    width: 120px;
    float: left;
    position: relative;
}
.kx-nav p span {
    display: none;
    position: absolute;
    width: 118px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}
.kx-nav p.hover span {
    display: block;
}
.kx-nav p i {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 102px;
    padding-right: 18px;
    background: url(/static/images/pcspr.png) -193px -277px no-repeat;
}
.kx-nav p.hover i {
    background-position: -193px -312px;
}
.kx-nav p a {
    font-size: 14px;
    border: 0;
    color: #444;
    display: block;
    height: 40px;
    line-height: 40px;
}
.kx-nav p a:hover {
    background: #f2f2f2;
}
#subNav {
    height: 40px;
    line-height: 40px;
}
#subNav i {
    float: right;
    padding-right: 15px;
}
#subNav span {
    padding-left: 15px;
}
#subNav a {
    padding: 0 15px;
}
#subNav i a {
    border-right: 1px solid #ddd;
}

/* 页脚 */
#footer {
    border-top: 1px solid #f3f3f3;
    margin-top: 20px;
    padding: 25px 0;
    text-align: center;
    background: #4f4f4f;
    clear: both;
}
#footer div {
    color: #bbb;
}
#footer p {
    margin-top: 10px;
    color: #999;
}
#footer a {
    margin: 0 15px;
    color: #f8f8f8;
}
#footer img {
    display: inline;
}
#footer p a {
    color: #999;
}

/* 返回顶部（首页/频道页；详情页见 article-soft.css .down-detailPage） */
body:not(.down-detailPage) #gotoBox {
    display: none;
    position: fixed;
    bottom: 220px;
    left: 50%;
    cursor: pointer;
    margin-top: -50px;
    margin-left: 660px;
    width: 41px;
}
body:not(.down-detailPage) #gotoBox a,
body:not(.down-detailPage) #gotoBox i {
    display: block;
    line-height: 36px;
    height: 36px;
    width: 30px;
    padding: 3px 5px;
    font-style: normal;
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
}
body:not(.down-detailPage) #gotoBox i {
    background: url(/static/images/gtp.gif) 0 0 no-repeat;
    border: 0;
    padding: 4px 6px;
}
body:not(.down-detailPage) #gotoBox a {
    margin-bottom: 7px;
}
body:not(.down-detailPage) #gotoBox a:hover {
    text-decoration: none;
    background-color: #3ba354;
    border-color: #3ba354;
    color: #fff;
}
body:not(.down-detailPage) #gotoBox i.hover {
    background-position: 0 -44px;
}
body:not(.down-detailPage) #gotoBox a.cur {
    color: #47b751;
}
body:not(.down-detailPage) #gotoBox a.cur:hover {
    color: #fff;
}

/* 通用分页（多页列表可复用） */
.pagenav {
    height: 30px;
    padding: 20px 0 10px;
    overflow: hidden;
    text-align: center;
}
.pagenav a, .pagenav span {
    margin: 0 4px;
    border: 1px solid #ddd;
    color: #666;
    padding: 5px 11px;
    text-decoration: none;
    background: #f8f8f8;
    display: inline-block;
    font-size: 13px;
}
.pagenav a:hover, .pagenav .curr {
    border-color: #47b751;
    background: #47b751;
    color: #fff;
}

@media (min-width: 1367px) and (max-width: 1920px) {
    body:not(.down-detailPage) #gotoBox { margin-left: 660px; }
}
@media (max-width: 1366px) {
    body:not(.down-detailPage) #gotoBox { margin-left: 625px; }
}
@media (max-width: 1350px) {
    body:not(.down-detailPage) #gotoBox { display: none; }
}

/* 面包屑（内容页 / 列表页 / 厂商页统一） */
#fast-nav.kx-crumb.section-panel,
#fast-nav.kx-company-crumb {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 4px;
    height: auto;
    min-height: 40px;
    line-height: 1.6;
    margin: 0 0 15px;
    padding: 10px 20px;
    font-size: 13px;
    color: #999;
    background: #fff;
    background-image: none;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
    position: relative;
    z-index: 2;
    overflow: hidden;
    clear: none;
}
#fast-nav.kx-crumb.section-panel::before,
#fast-nav.kx-company-crumb::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2347b751'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") center/contain no-repeat;
}
#fast-nav.kx-crumb.section-panel::after,
#fast-nav.kx-company-crumb::after {
    content: none;
    display: none;
}
#fast-nav.kx-crumb a,
#fast-nav.kx-company-crumb a {
    color: #666;
}
#fast-nav.kx-crumb a:hover,
#fast-nav.kx-company-crumb a:hover {
    color: #47b751;
}
#fast-nav.kx-crumb span,
#fast-nav.kx-company-crumb span {
    color: #333;
}

/* 旧版面包屑（无 kx-crumb 类时保留居中，避免撑破布局） */
body:not(.down-detailPage) #fast-nav:not(.kx-crumb):not(.kx-company-crumb) {
    min-width: 0;
    width: auto;
    max-width: var(--kx-page-width);
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    box-sizing: border-box;
}