/***!
 *  ZENG G1.Z [BASED ON DESTOON SECONDARY DEVELOPMENT]
 *  
 *  COPYRIGHT (C) 2022-2026 WWW.GYS.NET.CN ALL RIGHTS RESERVED.
 *  LICENSE HTTP://WWW.GYS.NET.CN/LICENSE1
 *  
 *  $Id$
 ** */

@charset "utf-8";
@import url("zeng.reset.css");

*, *::before, *::after { box-sizing: initial; }
a { padding: 0px; }

div.zeng-container {
    display: block; position: relative; margin: 0px auto; padding: 0px; z-index: 8;
    overflow: hidden; transition: padding-inline 0.32s ease-in-out;
    
    div.zeng-wrap {
        margin: 0px auto; padding: 0px 24px; width: inherit; height: inherit;
        transition: inherit;
    }
    div.zeng-tips {
        display: block; position: relative; margin: 56px auto 32px; padding: 0px;
        font-size: 3rem; color: var(--zeng-deep-color);
        text-align: center; font-weight: var(--zeng-font-bold);
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.00);
    }
    div.zeng-tips span {
        display: inherit; margin: 16px 0px 0px;
        font-size: 1.2rem; color: rgba(0, 0, 0, 0.64);
    }
    ul, ol, li, dl, dt, dd { margin: 0px; padding: 0px; list-style-type: none; }
    
    a.zeng-logo {
        display: inline-block; position: relative; z-index: 0;
        height: fit-content; font-size: 1.2rem; color: rgba(0, 0, 0, 0.32);
        
        span { position: absolute; inset: -4px 0px auto auto; }
        img { float: left; width: auto; height: 72px; }
    }
}

div.zeng-container[name="apexes"] {
    height: 36px; overflow: visible; z-index: 998;
    background: rgba(0, 0, 0, 0.02); border-bottom: solid 1px rgba(0, 0, 0, 0.04);
    
    div.zeng-wrap { width: var(--zeng-view-width); box-sizing: border-box; }
    div.zeng-node {
        display: flex; float: right; height: inherit; font-size: 1.2rem;
        align-items: center;
    }
    div.zeng-node:first-child { float: left; }
    div.zeng-node a { position: relative; margin-left: 16px; }
    div.zeng-node a::before {
        position: absolute; inset: 3px auto 2px -8px; z-index: 0;
        border-left: solid 1px rgba(0, 0, 0, 0.24);
        border-right: solid 1px rgba(255, 255, 255, 1.00);
        will-change: transform; transform: rotate(16deg); content: "";
    }
    div.zeng-node a:hover { color: var(--zeng-deep-color); }
    div.zeng-node a:first-child {
        display: inline-flex; margin: 0px; align-items: center;
        
        img { position: relative; top: 1px; margin-right: 4px; }
    }
    div.zeng-node a:first-child::before { display: none; }
    
    div.zeng-node img { position: relative; top: 1px; }
    div.zeng-node img + a { margin-left: 4px; }
    div.zeng-node img + a::before { display: none; }
    
    ul {
        float: right; height: 100%;
        font-size: 1.2rem; border-right: solid 1px rgba(0, 0, 0, 0.04);
    }
    li {
        display: inline-flex; position: relative; float: left; padding: 0px 16px;
        height: inherit; line-height: 32px; color: rgba(0, 0, 0, 0.64);
        align-items: center; justify-content: center;
        border-left: solid 1px rgba(0, 0, 0, 0.04); cursor: pointer;
    }
    
    li a { position: relative; }
    li a > em {
        display: inline; position: relative; top: 11.48px; float: left;
        margin: 0px 6px 0px 0px; width: 11px; height: 11px;
        background: url("../image/QRcode.png") no-repeat 0px 0px;
        border-radius: 2px;
    }
    li a:hover > em { background-position: -11px 0px; }
    
    li:hover, li:hover > a, li.last, li.that {
        color: rgba(0, 0, 0, 0.64); background: rgba(255, 255, 255, 1.00);
        border-left-color: rgba(0, 0, 0, 0.08);
    }
    li:hover a:hover { color: var(--zeng-deep-color); }
    
    li:hover::after, li.last::after {
        position: absolute; inset: auto 0px -1px 0px; z-index: 94;
        height: 2px; background: rgba(255, 255, 255, 1.00); content: "";
    }
    li > div {
        display: none; position: absolute; inset: 36px -1px auto auto; z-index: 98;
        padding: 16px 16px 8px; width: auto; line-height: 1.48;
        background: #fff; border: solid 1px rgba(0, 0, 0, 0.04);
        border-top-color: rgba(0, 0, 0, 0.02);
        border-bottom-color: rgba(0, 0, 0, 0.08);
        border-radius: 0px 0px 4px 4px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04); cursor: default;
    }
    li > div::before {
        position: absolute; inset: -1px 0px auto 0px; z-index: 0;
        height: 1px; background: rgba(255, 255, 255, 0.96); content: "";
    }
    li:nth-child(-n + 2) > div { right: auto; left: -1px; }
    
    li p { display: block; margin: 0px; padding: 0px; width: 248px; }
    li p span { display: block; margin: 0px 0px 8px; }
    li p span:last-child { margin-bottom: 0px; }
    li p strong {
        display: inherit; margin: 0px 0px 4px; color: rgba(0, 0, 0, 0.88);
        clear: both;
    }
    li p a { position: relative; margin-right: 16px; line-height: 24px; }
    li p a::before {
        position: absolute; inset: 3px auto auto -10px; z-index: 0;
        height: 12px;
        border-left: solid 1px rgba(0, 0, 0, 0.08);
        will-change: transform; transform: rotate(16deg); content: "";
    }
    li p a:nth-child(2)::before { display: none; }
    li p a:hover { color: var(--zeng-high-color); }
    
    li p.item {
        display: block; margin: 0px; width: 264px;
        
        span:last-child { margin-bottom: 4px; }
    }
    li p.item a:nth-child(2)::before { display: none; }
    
    li p.fuwu {
       width: 148px;
       
       span a { display: inline-block; margin: 0px; width: 100%; }
       span a::before { display: none; }
    }
    li p.pics {
        display: inline-flex; margin: 0px; padding: 0px; width: auto;
        
        span { margin: 0px 12px 10px; }
        span img { width: 100px; height: 100px; }
        span font {
            display: block; text-align: center; font-weight: var(--zeng-font-bold);
        }
        span font:last-child { font-weight: 100; }
    }
}

div.zeng-container[name="header"] {
    display: grid; padding: 0px; overflow: visible; z-index: 996;
    grid-template-rows: auto 42px; height: 158px;
    
    div.zeng-wrap {
        width: var(--zeng-view-width); height: auto; box-sizing: border-box;
    }
    div.zeng-head {
        display: grid; grid-template-columns: 200px auto 268px; column-gap: 24px;
        align-items: center;
    }
    div.zeng-menu {
        display: grid; position: relative;
        grid-template-columns: 200px auto; column-gap: 24px; font-size: 1.6rem;
    }
    div.zeng-side {
        display: grid; position: relative; height: 42px; justify-content: right;
        grid-template-columns: calc(56% - 8px) calc(44% - 2px); column-gap: 10px;
    }
    div.zeng-side img {
        position: relative; margin: 0px 4px 0px 0px; width: 20px; opacity: 0.80;
        transition: opacity 0.24s ease-in-out;
    }
    div.zeng-side i { display: none; }
    div.zeng-side a {
        display: inline-flex; margin: 0px; padding: 0px 12px 0px 8px;
        width: 100%; height: inherit;
        font-size: 1.6rem; color: rgba(0, 0, 0, 0.64);
        align-items: center; justify-content: right;
        background: rgba(0, 0, 0, 0.02);
        border: solid 1px rgba(0, 0, 0, 0.04); border-radius: 4px;
        box-sizing: border-box; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.02);
        transition: color 0.24s, background 0.24s, border-color 0.24s;
    }
    div.zeng-side a:first-child { margin: 0px; }
    div.zeng-side a:last-child {
        padding-right: 14px; border-right: solid 2px var(--zeng-main-color);
    }
    div.zeng-side a:hover {
        color: var(--zeng-deep-color);
        background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08);
        
        img { opacity: 1.00; }
    }
    div.zeng-side a:last-child:hover { border-right-color: var(--zeng-deep-color); }
    
    form.zeng-form {
        display: inline-flex; position: relative; inset: auto auto auto 84px;
        width: calc(100% - 84px); height: 42px; background: #fff;
        
        div { margin: 0px; height: inherit; box-sizing: border-box; }
    }
    
    dl.zeng-type {
        display: inline-block; position: relative; z-index: 4;
        margin: 0px; padding: 0px; height: 442px;
        background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0.96));
        border-radius: 4px 4px 0px 0px;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
        transition: height 0.04s ease-in-out;
    }
    dl.zeng-type::before {
        position: absolute; inset: 40px 0px 0px; z-index: -2;
        background: url("../image/circle.png") no-repeat; background-size: cover;
        opacity: 0.64; content: "";
    }
    dl.zeng-type::after {
        position: absolute; inset: 40px 0px 0px; z-index: -4;
        border: solid 1px rgba(255, 255, 255, 1.00);
        background-image: linear-gradient(to top, var(--zeng-deep-color), var(--zeng-main-color));
        opacity: 0.00; transition: opacity 0.16s ease-in-out; content: "";
    }
    dl.zeng-type dt {
        display: flex; position: relative; margin: 0px 0px 12px; height: 42px;
        color: rgba(255, 255, 255, 1.00);
        font-weight:lighter; letter-spacing: 0.24px;
        align-items: center; justify-content: center;
        background: var(--zeng-main-color); border-radius: 4px 4px 0px 0px;
        cursor: default;
    }
    dl.zeng-type dd {
        display: block; margin: 0px; height: 40px;
        background-repeat: no-repeat; background-position: 14px 9px;
        transition: background 0.24s ease-in-out;
    }
    dl.zeng-type dd:hover {
        /* background: rgba(255, 255, 255, 1.00); */
        background: rgba(0, 0, 0, 0.02);
        background-repeat: no-repeat; background-position: 14px 9px;
    }
    dl.zeng-type h4 {
        display: grid; position: relative; z-index: 4;
        grid-template-columns: repeat(2, 1fr); column-gap: 8px;
        margin: 0px; padding: 0px 24px 0px 30px; height: inherit; line-height: 40px;
        font-size: 1.48rem; color: rgba(0, 0, 0, 0.72);
        font-weight: var(--zeng-font-bold); align-items: center;
        text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
    }
    dl.zeng-type h4 a { color: rgba(0, 0, 0, 0.72); }
    dl.zeng-type h4 a:hover { color: var(--zeng-deep-color); }
    dl.zeng-type h4::after {
        position: absolute; inset: 0px -8px 0px auto; z-index: 4;
        width: 10px; background: none; content: "";
    }
    
    dl.zeng-type[type="site"],
    dl.zeng-type[type="site"] dt { border-radius: 4px 0px 0px 0px; }
    dl.zeng-hide { height: 42px; overflow: hidden; }
    
    div.zeng-type-node {
        display: none; position: absolute; inset: 42px 24px 0px 224px; z-index: 2;
        padding: 0px 0px 0px 24px; height: 400px;
        grid-template-columns: auto 268px; column-gap: 24px;
        border-radius: 0px 0px 4px 0px;
    }
    div.zeng-type-node::after {
        position: absolute; inset: 0px; z-index: -2;
        background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0.96));
        border-radius: 0px 0px 4px 0px;
        box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.04); content: "";
    }
    div.zeng-type-node > div { position: relative; padding: 0px; height: inherit; }
    div.zeng-type-node > div:first-child {
        display: block; overflow-x: hidden; padding-right: 10px;
    }
    div.zeng-type-node > div:first-child::before {
        display: block; position: sticky; inset: 0px 0px auto 0px; z-index: 8;
        height: 20px;
        background: linear-gradient(to top, transparent 0px, #fff 16px);
        content: "";
    }
    div.zeng-type-node > div:first-child::after {
        display: block; position: sticky; inset: auto 0px 0px 0px; z-index: 8;
        height: 20px;
        background: linear-gradient(to bottom, transparent 0px, #fff 16px);
        content: "";
    }
    div.zeng-type-node h4 {
        display: flex; position: relative; margin: 0px; padding: 0px 0px 0px 16px;
        height: 40px; font-size: 1.6rem; font-weight: var(--zeng-font-bold);
        align-items: center;
        
        a { color: var(--zeng-deep-color); }
        a:hover { color: var(--zeng-high-color); }
        
        a.more {
            position: absolute; right: 0px; padding: 4px 8px;
            font-size: 1.2rem; color: rgba(0, 0, 0, 0.56);
            background: rgba(0, 0, 0, 0.04); border-radius: 4px;
        }
        a.more:hover { color: var(--zeng-deep-color); }
    }
    div.zeng-type-node h4::before {
        position: absolute; inset: 15px auto auto 0px; z-index: 0;
        width: 0px; height: 0px;
        border-style: solid; border-width: 6px;
        border-color: transparent transparent transparent var(--zeng-main-color);
        border-radius: 2px; opacity: 0.16; content: "";
    }
    div.zeng-type-node h4::after {
        position: absolute; inset: auto 0px 0px; z-index: 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.04); content: "";
    }
    div.zeng-type-node h4:first-child { margin-top: -8px; }
    
    div.zeng-type-node p {
        display: grid; margin: 8px 0px 0px; padding: 0px;
        grid-template-columns: repeat(5, 1fr); column-gap: 8px;
        font-size: 1.4rem;
    }
    div.zeng-type-node p a {
        display: block; position: relative; z-index: 0;
        margin: 0px 0px 4px; padding: 0px 16px;
        width: auto; height: 28px; line-height: 28px;
        color: rgba(0, 0, 0, 0.56);
        text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
    }
    div.zeng-type-node p a::after {
        position: absolute; inset: 0px; z-index: -2;
        background: var(--zeng-main-color); border-radius: 2px;
        opacity: 0.02; transition: opacity 0.24s ease-in-out; content: "";
    }
    div.zeng-type-node p a:hover { color: var(--zeng-deep-color); }
    div.zeng-type-node p a:hover::after { opacity: 0.16; }
    
    ul.zeng-navi {
        position: relative; margin: 0px; padding: 0px; z-index: 8;
        height: 42px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.02);
    }
    ul.zeng-navi::after {
        position: absolute; inset: 0px 0px 0px auto; z-index: 0;
        border-right: solid 1px rgba(0, 0, 0, 0.02); content: "";
    }
    ul.zeng-navi li { position: relative; float: left; margin: 0px; height: inherit; }
    ul.zeng-navi li a {
        display: inline-flex; position: relative; z-index: 10;
        padding: 0px 16px; height: inherit; align-items: center;
    }
    ul.zeng-navi li a:hover { color: var(--zeng-deep-color); }
    
    ul.zeng-navi li p {
        display: none; position: absolute; inset: 0px 0px auto; z-index: 2;
        margin: 0px; padding: 48px 0px 10px; font-size: 1.4rem; text-align: center;
        background: rgba(255, 255, 255, 1.00); border-radius: 2px;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    }
    ul.zeng-navi li p::before {
        position: absolute; inset: 42px 16px auto;
        border-bottom: solid 1px rgba(0, 0, 0, 0.08); content: "";
    }
    ul.zeng-navi li p::after {
        position: absolute; inset: -4px -4px auto; z-index: -2;
        height: 48px;
        background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.80));
        content: "";
    }
    ul.zeng-navi li p a {
        padding: 0px; height: 28px; color: rgba(0, 0, 0, 0.64);
        justify-content: center;
    }
    ul.zeng-navi li p a:hover { color: var(--zeng-deep-color); }
    
    ul.zeng-navi li img {
        position: absolute; inset: 0px 8px auto auto; z-index: 4;
        width: 16px; height: 16px;
    }
    ul.zeng-navi li:first-child::before {
        position: absolute; inset: 15px auto auto 1px; z-index: 8;
        width: 0px; height: 0px;
        border-style: solid; border-width: 6px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 1.00);
        border-radius: 2px; opacity: 0.24; content: "";
    }
    ul.zeng-navi li.that a { color: var(--zeng-deep-color); }
    ul.zeng-navi li.fuwu { float: right; }
    
    ul.zeng-navi[type="site"]::after {
        inset: 0px 0px 0px -24px;
        background: var(--zeng-main-color); border-radius: 0px 4px 0px 0px;
        opacity: 0.88;
    }
    ul.zeng-navi[type="site"] li a { color: rgba(255, 255, 255, 0.96); }
    ul.zeng-navi[type="site"] li a:hover {
        color: rgba(255, 255, 255, 0.88); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.64);
    }
    ul.zeng-navi[type="site"] li p { background: none; }
    ul.zeng-navi[type="site"] li p a { color: rgba(0, 0, 0, 0.64); }
    ul.zeng-navi[type="site"] li p a:hover {
        color: var(--zeng-deep-color); text-shadow: none;
    }
    ul.zeng-navi[type="site"] li p::before {
        inset: 42px 0px 0px;
        background: #fff; border: none; border-radius: 0px 0px 4px 4px;
    }
    ul.zeng-navi[type="site"] li p::after { top: 42px; left: 0px; }
    ul.zeng-navi[type="site"] li:hover::after {
        position: absolute; inset: 0px; z-index: 8;
        background: rgba(255, 255, 255, 0.08); content: "";
    }
    ul.zeng-navi[type="site"] li.that a {
        color: rgba(255, 255, 255, 1.00); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.64);
    }
    ul.zeng-navi[type="site"] li.that a:hover { color: rgba(255, 255, 255, 1.00); }
}
div.zeng-container[name="header"]::after {
    position: absolute; inset: 0px; z-index: -4;
    background: url("../image/header.png") no-repeat center bottom #fff;
    border-bottom: solid 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); content: "";
}

div.zeng-container[name="helper"] {
    z-index: 0; margin: 32px auto 0px; padding-block: 32px 42px;
    background: var(--zeng-back-color); border-top: solid 1px rgba(0, 0, 0, 0.04);
    
    div.zeng-wrap { width: var(--zeng-view-width); box-sizing: border-box; }
    
    span,
    a { display: flex; height: 24px; color: rgba(0, 0, 0, 0.64); align-items: center; }
    a:hover { color: var(--zeng-high-color); }
    
    a.zeng-logo {
        display: inline-block; position: relative; inset: -8px auto auto 0px;
        height: auto; opacity: 0.48; transition: opacity 0.24s ease-in-out;
        
        span { height: auto; }
    }
    a.zeng-logo:hover { opacity: 0.88; }
    
    p {
        margin: 3px 0px 0px; padding: 0px; color: rgba(0, 0, 0, 0.32);
        
        a { display: inline-flex; color: rgba(0, 0, 0, 0.32); }
        a:hover { color: var(--zeng-deep-color); }
    }
    ul {
        display: grid; position: relative; margin: 0px auto; padding: 0px;
        grid-template-columns: 225px auto 216px 156px 264px;
    }
    li {
        position: relative; margin: 0px; padding: 0px 24px 0px 32px;
        width: auto; min-height: 168px; font-size: 1.2rem; list-style: none;
        border-left: solid 1px rgba(255, 255, 255, 0.56);
        border-right: solid 1px rgba(0, 0, 0, 0.04);
    }
    li strong {
        display: flex; position: relative; padding: 0px; height: 32px;
        font-size: 1.4rem; color: var(--zeng-base-color);
        font-weight: var(--zeng-font-bold); align-items: center;
    }
    li strong::before {
        position: absolute; inset: 11px auto auto -12px; z-index: 0;
        width: 0px; height: 0px;
        border-style: solid; border-width: 6px;
        border-color: transparent transparent transparent var(--zeng-main-color);
        border-radius: 2px; content: "";
    }
    li br { clear: both; }
    
    li:first-child {
        padding: 2px 24px 0px 0px; border-left: none;
        
        p { padding-left: 70px; font-size: 1.2rem; letter-spacing: -0.64px; }
    }
    li:last-child { padding: 0px; text-align: right; border-right: none; }
    li:last-child img {
        margin: 4px 0px; padding: 2px; width: inherit;
        background: rgba(255, 255, 255, 1.00); border: none;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08); opacity: 0.80;
        box-sizing: border-box;
    }
    li:last-child font {
        display: flex; width: 100%;
        font-size: 1.2rem; color: rgba(0, 0, 0, 0.48); text-align: center;
        align-items: center; justify-content: center;
    }
    li:last-child span {
        display: inline-block;
        margin: 0px 0px 0px 22px; padding: 0px; width: 104px; height: auto;
    }
    li:last-child span:hover img { opacity: 0.96; }
    li:last-child span:first-child { margin: 0px; }
    
    li:nth-child(2) span { float: left; width: 76px; }
}

div.zeng-container[name="bottom"] {
    display: grid; grid-template-rows: 96px auto 56px; row-gap: 16px; z-index: 0;
    color: rgba(255, 255, 255, 0.48);
    background: linear-gradient(to right,
        var(--zeng-deep-color) 0%, var(--zeng-main-color) 61.80%, var(--zeng-deep-color)
    );
    
    div.zeng-wrap {
        display: grid; width: var(--zeng-view-width); box-sizing: border-box;
        
        a { color: rgba(255, 255, 255, 0.64); }
        a:hover { color: #fff; }
    }
    div.zeng-note {
        padding-block: 16px 0px;
        grid-template-columns: auto 200px 360px; column-gap: 24px;
    }
    div.zeng-note p {
        position: relative; margin: 0px; width: auto; line-height: 24px; font-size: 1.2rem;
    }
    div.zeng-note p font {
        position: relative; top: 1.48px; margin-left: 4px; font-size: 1.8rem;
        font-weight: var(--zeng-font-bold);
    }
    div.zeng-note p:first-child strong {
        display: block; margin-bottom: 4px;
        font-size: 1.6rem; color: rgba(255, 255, 255, 0.80); font-weight: lighter
    }
    div.zeng-note p:first-child font {
        margin: 0px 4px; font-weight: var(--zeng-font-bold);
    }
    div.zeng-note p:first-child sup {
        position: relative; top: -2px; margin: 0px 2px 0px -4px;
        color: rgba(255, 255, 255, 0.64);
    }
    div.zeng-note p:nth-child(2) {
        a { display: inline-block; margin: 2px 16px 0px 0px; }
    }
    div.zeng-note p:nth-child(2) i {
        width: auto; height: 56px; line-height: 56px; font-size: 3.8rem;
        opacity: 0.48;
    }
    div.zeng-note p:last-child { padding: 4px 0px 0px; text-align: right; }
    
    div.zeng-desc {
        grid-template-columns: auto 582px; grid-template-rows: 48px 64px;
        row-gap: 16px; font-size: 1.2rem;
        
        p { margin: 0px; width: auto; height: 100%; line-height: 24px; }
        p:first-child { grid-column: 1/3; text-align: justify; }
        /* p:last-child { display: flex; justify-content: space-between; } */
        img { position: relative; top: 2.56px; margin-right: 4px; height: 16px; }
    }
    
    div.zeng-mate {
        grid-template-columns: auto 582px; font-size: 1.4rem;
        
        a { padding-inline: 1px; color: rgba(255, 255, 255, 0.48); }
        a:hover { color: rgba(255, 255, 255, 0.64); }
    }
    div.zeng-mate i.mate {
        margin: 1px 8px 0px 0px; padding: 0px; width: auto; height: 28px;
        background: url("../image/mate-icon.png") no-repeat;
        opacity: 0.48; transition: opacity 0.24s ease-in-out;
    }
    div.zeng-mate i.tencent { width: 36px; background-position:    0px -10px; }
    div.zeng-mate i.baidu   { width: 27px; background-position:  -40px -10px; }
    div.zeng-mate i.huawei  { width: 28px; background-position:  -71px -10px; }
    div.zeng-mate i.west    { width: 26px; background-position: -103px -10px; }
    div.zeng-mate i.aliyun  { width: 34px; background-position: -133px -10px; }
    
    div.zeng-mate p { display: inline-flex; margin: 0px; align-items: baseline; }
    div.zeng-mate p:last-child {
        position: relative;
        font-size: 1.2rem; text-align: right; justify-content: space-between;
    }
    div.zeng-mate p:last-child a {
        display: inherit; position: relative; top: -5px; margin-left: 8px;
        align-items: center;
    }
    div.zeng-mate p:last-child a:nth-child(2) { margin-left: 0px; }
    div.zeng-mate p:last-child a:hover i { opacity: 0.72; }
    
    div.zeng-desc p:last-child,
    div.zeng-mate p:last-child {
        position: relative; padding-inline-start: 120px; text-align: justify;
        
        strong {
            position: absolute; inset: 0px auto auto 0px; font-size: 1.4rem;
            font-weight: lighter;
        }
    }
}
div.zeng-container[name="bottom"]::before {
    position: absolute; inset: 0px; z-index: -2;
    background: url("../image/bottom.jpg") no-repeat center bottom;
    background-size: cover; opacity: 0.48; content: "";
}
div.zeng-container[name="bottom"]::after {
    position: absolute; inset: 96px 0px 0px; z-index: -4;
    background: rgba(255, 255, 255, 0.08); content: "";
}

div.zeng-container[name="footer"] {
    z-index: 996; height: 36px; font-size: 1.2rem; color: rgba(255, 255, 255, 0.32);
    background: var(--zeng-base-color);
    
    div.zeng-wrap {
        display: grid; grid-template-columns: auto 640px; width: var(--zeng-view-width);
        box-sizing: border-box;
    }
    span { display: flex; height: inherit; align-items: center; }
    span:last-child { justify-content: right; }
    span:last-child img { margin-right: 2px; height: 16px; opacity: 0.56; }
    
    a {
        display: flex; height: inherit; color: rgba(255, 255, 255, 0.40);
        align-items: inherit;
    }
    a:hover { color: rgba(255, 255, 255, 0.48); }
}

div.zeng-container[name="handle"] {
    position: fixed; left: 50%; bottom: calc(100px + 48px + 24px);
    margin-left: 620px; width: 48px; height: auto; overflow: visible;
    
    div.zeng-wrap {
        display: inline-block; position: relative; margin-block: 8px; padding: 0px;
        font-size: 1.2rem;
        border-radius: 24px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    }
    div.zeng-wrap:first-child { background: rgba(255, 255, 255, 1.00); }
    
    div.zeng-item {
        position: relative; z-index: 2;
        margin: 0px auto; padding: 4px 0px 8px; width: 48px; text-align: center;
    }
    div.zeng-item::after {
        position: absolute; inset: auto 12px 0px; z-index: 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.04); content: "";
    }
    div.zeng-item:first-child {
        padding-top: 16px;
        border-top-right-radius: 24px; border-top-left-radius: 24px;
    }
    div.zeng-item:first-child::after {
        top: 1px;
        border-top-right-radius: 24px; border-top-left-radius: 24px;
    }
    div.zeng-item:last-child {
        padding-bottom: 16px;
        border-bottom-right-radius: 24px; border-bottom-left-radius: 24px;
    }
    div.zeng-item:last-child::after {
        bottom: 1px; border-bottom: none;
        border-bottom-right-radius: 24px; border-bottom-left-radius: 24px;
    }
    
    div.zeng-item i {
        float: none; margin: 0px auto; width: 32px; height: 32px; line-height: 32px;
        font-size: 2.8rem; color: rgba(0, 0, 0, 0.64);
    }
    div.zeng-item p {
        display: block; position: relative; z-index: 2;
        margin: 4px; padding: 0px; width: 40px; text-align: center;
        
        span { display: block; margin-top: -2px; }
    }
    div.zeng-item p.vip {
        position: relative; color: rgba(255, 255, 255, 1.00);
        
        i { width: 40px; font-size: 3.32rem; color: rgba(255, 255, 255, 1.00); }
        span { margin-top: -4px; }
    }
    div.zeng-item p.vip::after {
        position: absolute; inset: -20px -4px; z-index: -2;
        background: var(--zeng-main-color); border-radius: 24px; content: "";
    }
    
    div.zeng-item:hover {
        color: var(--zeng-deep-color); cursor: pointer;
        
        i { color: var(--zeng-deep-color); }
        p.vip::after { background: var(--zeng-deep-color); }
        
        div.zeng-body { display: block; }
    }
    div.zeng-item:hover::after {
        position: absolute; inset: -1px 1px 1px; z-index: 0;
        background: rgba(0, 0, 0, 0.02); border-bottom: none; content: "";
    }
    div.zeng-item:first-child:hover::after { top: 1; }
    
    div.zeng-body {
        display: none; position: absolute; inset: 0px 48px auto auto;
        margin: 0px; padding: 16px 28px 8px 8px; width: 168px;
        font-size: 1.2rem; color: rgba(0, 0, 0, 0.88);
    }
    div.zeng-body::after {
        position: absolute; inset: 0px 20px 0px 0px; z-index: -4;
        background: rgba(255, 255, 255, 1.00);
        border: solid 1px rgba(255, 255, 255, 1.00); border-radius: 4px;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16); content: "";
    }
    div.zeng-body h4 {
        display: block; margin: 0px 0px 12px; line-height: 1.64;
        font-size: 2rem; font-weight: var(--zeng-font-bold);
    }
    div.zeng-body span {
        display: block; font-size: 1.2rem; color: rgba(0, 0, 0, 0.64);
        font-weight: lighter;
    }
    div.zeng-body a {
        display: flex; margin: 8px; padding: 0px 0px 2px; height: 28px;
        font-size: 1.4rem; color: rgba(255, 255, 255, 1.00);
        align-items: center; justify-content: center;
        background: var(--zeng-main-color); border-radius: 16px;
        transition: background 0.24s ease-in-out;
    }
    div.zeng-body a:hover {
        text-decoration: none; background: var(--zeng-deep-color);
    }
}

div.zeng-container[name="banner"] {
    height: 400px; overflow: visible; z-index: 0;
    
    div.zeng-wrap {
        display: grid; padding-top: 12px; width: var(--zeng-view-width);
        grid-template-columns: 200px auto 268px; column-gap: 24px;
        grid-template-rows: auto 72px; row-gap: 16px;
        box-sizing: border-box;
        
        div { background: rgba(0, 0, 0, 0.04); }
        div:nth-child(1), div:nth-child(4) { background: none; }
    }
    
}


/* 企业列表 ==================================================================== */
div.zeng-list-qiye {
    display: inline-grid; position: relative; z-index: 0;
    grid-template-columns: auto 320px; column-gap: 16px;
    margin: 8px 0px; padding: 16px; width: 100%; height: auto;
    font-size: 1.4rem; background: #fff; border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.16s ease-in-out; box-sizing: border-box;
    
    div.main { position: inherit; }
    div.side {
        display: inline-grid;
        grid-template-columns: repeat(2, calc((100% - 16px) / 2));
        column-gap: 16px;
    }
}
div.zeng-list-qiye h3 {
    margin: 0px; padding: 0px; height: 30px; line-height: 28px;
    font-size: 1.6rem;
    color: var(--zeng-base-color); font-weight: var(--zeng-font-bold);
}
div.zeng-list-qiye h3 a {
    display: inline-block; max-width: calc(100% - 106px); height: inherit;
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
div.zeng-list-qiye h3 a:hover { color: var(--zeng-deep-color); }

div.zeng-list-qiye p { margin: 0px; }
div.zeng-list-qiye p.link { position: absolute; top: 0px; right: 0px; padding: 0px; }
div.zeng-list-qiye p.link a {
    display: inline-block; padding: 4px 16px 5px; color: var(--zeng-deep-color);
    background: #fff; border: solid 1px var(--zeng-main-color); border-radius: 4px;
    transition: color 0.24s ease-in-out, border-color 0.24s ease-in-out;
}
div.zeng-list-qiye p.link a:hover { color: var(--zeng-high-color); border-color: currentColor; }
div.zeng-list-qiye p.link a.maps { color: rgba(0, 0, 0, 0.16); border-color: currentColor; }

div.zeng-list-qiye p.tags {
    display: inline-block; position: relative; margin: 12px 0px 0px; padding: 0px;
    width: calc(100% - 120px); overflow: visible; font-size: 1.2rem;
}
div.zeng-list-qiye p.tags img {
    position: relative; top: 1.48px; margin: 0px 4px 0px 0px;
    width: 16px; height: 16px; border: none;
}
div.zeng-list-qiye p.tags span {
    display: inline-flex; position: relative; float: left; z-index: 0;
    margin: 0px 8px 8px 0px; padding: 0px 8px 1px; height: 24px; overflow: hidden;
    color: rgba(0, 0, 0, 0.64); align-items: center; box-sizing: border-box;
}
div.zeng-list-qiye p.tags span::after {
    position: absolute; inset: 0px; z-index: -4;
    background: #fff; border: solid 1px rgba(0, 0, 0, 0.08); border-radius: 4px;
    opacity: 0.24; content: "";
}
div.zeng-list-qiye p.tags span:nth-child(5n + 1) { color: var(--zeng-base-color); }
div.zeng-list-qiye p.tags span:nth-child(5n + 1)::after { border-color: currentColor; }
div.zeng-list-qiye p.tags span:nth-child(5n + 2) { color: var(--zeng-main-color); }
div.zeng-list-qiye p.tags span:nth-child(5n + 2)::after { border-color: currentColor; }
div.zeng-list-qiye p.tags span:nth-child(5n + 3) { color: var(--zeng-high-color); }
div.zeng-list-qiye p.tags span:nth-child(5n + 3)::after { border-color: currentColor; }
div.zeng-list-qiye p.tags span:nth-child(5n + 4) { color: var(--zeng-deep-color); }
div.zeng-list-qiye p.tags span:nth-child(5n + 4)::after { border-color: currentColor; }
div.zeng-list-qiye p.tags span:nth-child(5n + 5) { color: var(--zeng-high-color); }
div.zeng-list-qiye p.tags span:nth-child(5n + 5)::after { border-color: currentColor; }

div.zeng-list-qiye p.tags span:last-child {
    padding: 2px 0px 4px 2px; font-size: 1.4rem; color: rgba(0, 0, 0, 0.64);
}
div.zeng-list-qiye p.tags span:last-child::after { display: none; }

div.zeng-list-qiye p.tags span.year {
    padding: 4px 6px 5px 28px; color: var(--zeng-high-color);
}
div.zeng-list-qiye p.tags span.year::after { border-color: currentColor; }
div.zeng-list-qiye p.tags span.year font {
    display: inline-flex; position: absolute; top: 4px; left: 4px; z-index: 0;
    padding: 0px 4px 2px; height: 16px;
    font-size: 1rem; color: rgba(255, 255, 255, 0.80); align-items: center;
    box-sizing: border-box;
}
div.zeng-list-qiye p.tags span.year font::after {
    position: absolute; inset: 0px; z-index: -4;
    background: var(--zeng-high-color); border-radius: 2px; opacity: 0.72; content: "";
}
div.zeng-list-qiye p.tags span.vip {
    padding: 3px 4px 3px 0px;
    color: rgba(0, 0, 0, 0.72); font-weight: var(--zeng-font-bold);
}
/* div.zeng-list-qiye p.tags span.vip::after { display: none; } */
div.zeng-list-qiye p.tags span.vip img {
    top: 1px; float: left; margin: 0px 4px 0px 4px; width: 13px; height: 13px;
}
div.zeng-list-qiye p.note {
    position: relative; margin: 0px 0px 16px; padding: 0px; height: 40px;
}
div.zeng-list-qiye p.note span {
    display: inline-block; position: relative; float: left; padding: 0px 16px;
    height: inherit; font-size: 1.4rem;
}
div.zeng-list-qiye p.note span::before {
    position: absolute; inset: 2px auto 0px 0px; z-index: 0;
    border-left: solid 1px rgba(0, 0, 0, 0.04); content: "";
}
div.zeng-list-qiye p.note span:first-child { padding: 0px 16px 0px 0px; }
div.zeng-list-qiye p.note span:first-child::before { display: none; }

div.zeng-list-qiye p.note span:last-child {
    padding: 0px; width: 100%;
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
div.zeng-list-qiye p.note span:last-child > a { margin: 0px 4px 0px 0px; }
div.zeng-list-qiye p.note span:last-child > a:last-child { margin: 0px; }
div.zeng-list-qiye p.note strong {
    display: block; float: none; margin: 0px 0px 4px;
    font-size: 1rem; color: rgba(0, 0, 0, 0.32); font-weight: lighter;
}
div.zeng-list-qiye p.ying {
    position: relative; padding: 12px 0px 4px; width: 100%;
    font-size: 1.4rem; border-top: solid 1px rgba(0, 0, 0, 0.04);
}
div.zeng-list-qiye p.ying span {
    display: block; width: 432px;
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
div.zeng-list-qiye p.ying span:last-child {
    position: absolute; top: 10px; right: 0px; padding: 2px 14px 3px 10px;
    width: auto;
}
div.zeng-list-qiye p.ying img {
    position: relative; top: 3.72px; float: left;
    margin: 0px 4px 0px 0px; width: 14px; height: 14px; border: none;
}
div.zeng-list-qiye p.ying strong {
    color: rgba(0, 0, 0, 0.48); font-weight: var(--zeng-font-bold);
}
div.zeng-list-qiye p.ying a { color: rgba(0, 0, 0, 0.48); }
div.zeng-list-qiye p.ying a:hover { color: rgba(0, 0, 0, 0.88); }

div.zeng-list-qiye p.sell {
    display: inline-block; position: relative; margin: 0px; padding: 0px;
    width: 100%; height: 100%; overflow: hidden; border-radius: 4px;
}
div.zeng-list-qiye p.sell::before {
    display: none; position: absolute; inset: auto 0px 36px; z-index: 4;
    border-top: solid 1px rgba(255, 255, 255, 0.16);
    border-bottom: solid 1px rgba(0, 0, 0, 0.04); content: "";
}
div.zeng-list-qiye p.sell a { width: 100%; height: 100%; }
div.zeng-list-qiye p.sell img {
    float: left; width: 100%; height: 100%; max-height: 202px;
    object-fit: cover; border: none; border-radius: 4px;
    opacity: 0.80; transition: all 0.24s ease-in-out;
}
div.zeng-list-qiye p.sell img.maps { filter: blur(4px); }
div.zeng-list-qiye p.sell span {
    display: block; position: absolute; inset: auto 0px 0px; z-index: 0;
    padding: 0px 8px; height: 28px; line-height: 28px;
    font-size: 1.2rem; color: rgba(255, 255, 255, 0.64); text-align: center;
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
    background: rgba(0, 0, 0, 0.24); border-radius: 0px 0px 4px 4px;
    transition: all 0.16s ease-in-out;
}
div.zeng-list-qiye p.sell span > span {
    display: inline; position: relative; inset: auto; padding: 0px;
    height: auto; line-height: unset;
    text-overflow: initial; white-space: initial; overflow: initial;
    background: initial; border-radius: initial;
}
div.zeng-list-qiye p.sell:hover img {
    filter: blur(0px); opacity: 1.00; transform: scale(1.08);
}
div.zeng-list-qiye p.sell:hover span {
    color: #fff; background: rgba(0, 0, 0, 0.48);
}
div.zeng-list-qiye p.sell:hover span > span { background: none; }

div.zeng-list-qiye p.null img { height: calc(100% - 28px); filter: blur(1px); }
div.zeng-list-qiye p.null span { background: rgba(0, 0, 0, 0.04); }
div.zeng-list-qiye p.null:hover span { background: rgba(0, 0, 0, 0.08); }
div.zeng-list-qiye p.null:hover img { transform: scale(1.00);}

div.zeng-list-qiye::before {
    position: absolute; inset: 0px auto 0px 0px; z-index: 0;
    width: 0px;
    background: var(--zeng-deep-color); border-radius: 4px 0px 0px 4px;
    opacity: 0; transition: width 0.16s ease-in-out, opacity 0.16s ease-in-out;
    content: "";
}
div.zeng-list-qiye::after {
    position: absolute; inset: 1px; z-index: -4;
    background: #fff; border-radius: 4px; opacity: 0.02; content: "";
}
div.zeng-list-qiye:nth-child(5n + 2)::after {
    background: linear-gradient(to right, var(--zeng-main-color), #fff 72%);
}
div.zeng-list-qiye:nth-child(5n + 3)::after {
    background: linear-gradient(to right, var(--zeng-high-color), #fff 72%);
}
div.zeng-list-qiye:nth-child(5n + 4)::after {
    background: linear-gradient(to right, var(--zeng-deep-color), #fff 72%);
}
div.zeng-list-qiye:nth-child(5n + 5)::after {
    background: linear-gradient(to right, var(--zeng-base-color), #fff 72%);
}
div.zeng-list-qiye:hover {
    background: #fff; box-shadow: 0px 0px 8px 0px var(--zeng-shad-color);
}
div.zeng-list-qiye:hover::before { width: 4px; opacity: 0.72; }
div.zeng-list-qiye:hover::after { opacity: 0.04; }

div.zeng-list-qiye:hover p.sell img { filter: blur(0px); opacity: 0.88; }

/* 空白区域 ==================================================================== */
div.zeng-empty {
    display: inline-block; margin: 8px 0px 0px; padding: 40px 32px;
    width: 100%; min-height: 640px; line-height: 2;
    font-size: 1.2rem; background: #fff; border-radius: 4px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08); box-sizing: border-box;
    
    div { color: rgba(0, 0, 0, 0.56); }
    
    * { display: block; }
    
    span { display: inline-block; }
    a.b {
        display: inline-block; margin: 16px 0px 0px; padding: 0px 8px;
        font-size: 1.4rem; color: var(--zeng-deep-color);
        border: solid 1px currentColor; border-radius: 4px;
    }
    a.b:hover { color: var(--zeng-high-color); }
}

/* 产品列表 ==================================================================== */
div.tools {
    margin: 8px 0px; padding: 6px 0px; height: 48px;
    background: #fff; border-radius: 4px; box-sizing: border-box;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
    
    tr { height: 28px; }
}
div.tools td:first-child {
    position: relative; width: 36px;
    input { position: absolute; inset: 8px auto auto 19px; margin: 0px; }
}
div.tools td:nth-child(2) input {
    position: relative; top: 1px; float: left; margin-left: 13px;
    width: 69px; height: 21px; line-height: 21px; font-size: 1.2rem;
    border: none; box-sizing: border-box;
}
div.tools td:nth-child(2) input:hover { color: var(--zeng-high-color); }

div.tools + table {
    background: #fff; box-sizing: border-box;
    
    td { width: calc((100% - 8px) / 5); border-radius: 4px; }
    td.thumb ul:first-child a { font-size: 1.4rem; }
}
div.tools + table td.thumb > a img {
     width: 128px; height: 128px; border-radius: 4px;
}
div.tools + table td.thumb li {
    position: relative;
    input { position: relative; top: 0px; margin: 0px 2px 0px 0px; }
}
div.tools + table td.thumb ul:first-child li {
    display: -webkit-box; height: 44px;
    line-clamp: 2px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    text-overflow: ellipsis; overflow: hidden;
}
div.tools + table td.thumb ul + div a {
    display: inline-block; position: relative;
    margin-top: 12px; padding: 4px 8px; width: 56px; height: 24px;
    font-size: 1.2rem; box-sizing: border-box;
    
    img { display: none; }
}
div.tools + table td.thumb ul + div a::before {
    position: absolute; inset: 0px; z-index: 4;
    line-height: 24px; color: #fff; content: "询价";
}
div.tools + table td.thumb ul + div a::after {
    position: absolute; inset: 0px; z-index: 0;
    background: var(--zeng-main-color); border-radius: 4px;
    opacity: 0.88; transition: all 0.24s ease-in-out;
    content: "";
}
div.tools + table td.thumb ul + div a:hover::after {
    background: var(--zeng-deep-color); opacity: 1.00;
}
div.tools + table td.thumb ul:last-child img { padding: 0px; border: none; }
div.tools + table > tbody > tr > td:hover {
    background: rgba(0, 0, 0, 0.02);
}

div.zeng-list-sell {
    display: inline-block; position: relative; z-index: 0;
    margin: 8px 0px; padding: 0px; width: 100%;
    font-size: 1.4rem;  background: #fff; border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.16s ease-in-out; box-sizing: border-box;
}
div.zeng-list-sell td { padding: 0px; box-sizing: border-box; }
div.zeng-list-sell td:first-child {
    position: relative; width: 36px;
    
    input { position: absolute; inset: 16px auto auto 19px; margin: 0px; }
}
div.zeng-list-sell td:nth-child(2) {
    div { margin: 16px; width: 128px; height: 128px; border-radius: 4px; }
    a { display: block; float: left; }
}
div.zeng-list-sell td:nth-child(2) img {
    float: left; width: 100%; height: 100%;
    border-color: rgba(255, 255, 255, 0.64); border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04); box-sizing: border-box;
}
div.zeng-list-sell td:nth-child(3) { display: none; }
div.zeng-list-sell td:nth-child(4) {
    position: relative; font-size: 1.4rem; vertical-align: top;
    
    ul { display: block; margin: 14px 0px 16px; height: 100%; }
    li { line-height: 32px; }
}
div.zeng-list-sell td:nth-child(4) li:nth-child(2) {
    font-size: 1.2rem;
    
    span { position: relative; float: left; height: 32px; line-height: 32px; }
    span::before { position: absolute; inset: 0px auto 0px 0px; }
    
    span:first-child { margin-right: 16px; padding-left: 64px; }
    span:first-child::before { content: "更新时间："; }
    
    span:last-child { padding-left: 64px; background: none; }
    span:last-child::before { content: "所在地区："; }
}
div.zeng-list-sell td:nth-child(4) li:first-child {
    line-height: 24px;
    
    a { font-size: 1.8rem; }
}
div.zeng-list-sell td:nth-child(4) li:last-child {
    position: absolute; inset: auto 0px 8px 0px;
    
    img { margin: -2px 4px 0px 0px; }
    a { font-size: 1.4rem; color: rgba(0, 0, 0, 0.48); }
    a:hover { color: var(--zeng-deep-color); }
    .f_grey { color: inherit; }
}
div.zeng-list-sell td:last-child { line-height: 24px; }
div.zeng-list-sell td:last-child a {
    display: inline-block; position: relative;
    margin-top: 8px; padding: 4px 8px; width: 72px; height: 28px;
    box-sizing: border-box;
    
    img { display: none; }
}
div.zeng-list-sell td:last-child a::before {
    position: absolute; inset: 0px; z-index: 4;
    line-height: 28px; color: #fff; content: "询价";
}
div.zeng-list-sell td:last-child a::after {
    position: absolute; inset: 0px; z-index: 0;
    background: var(--zeng-main-color); border-radius: 4px;
    opacity: 0.88; transition: all 0.24s ease-in-out; content: "";
}
div.zeng-list-sell td:last-child a:hover::after {
    background: var(--zeng-deep-color); opacity: 1.00;
}

div.zeng-list-sell::before {
    position: absolute; inset: 0px auto 0px 0px; z-index: 0;
    width: 0px;
    background: var(--zeng-deep-color); border-radius: 4px 0px 0px 4px;
    opacity: 0; transition: width 0.16s ease-in-out, opacity 0.16s ease-in-out;
    content: "";
}
div.zeng-list-sell::after {
    position: absolute; inset: 1px; z-index: -4;
    background: #fff; border-radius: 4px; opacity: 0.02; content: "";
}
div.zeng-list-sell:nth-child(5n + 2)::after {
    background: linear-gradient(to right, var(--zeng-main-color), #fff 72%);
}
div.zeng-list-sell:nth-child(5n + 3)::after {
    background: linear-gradient(to right, var(--zeng-high-color), #fff 72%);
}
div.zeng-list-sell:nth-child(5n + 4)::after {
    background: linear-gradient(to right, var(--zeng-deep-color), #fff 72%);
}
div.zeng-list-sell:nth-child(5n + 5)::after {
    background: linear-gradient(to right, var(--zeng-base-color), #fff 72%);
}
div.zeng-list-sell:hover {
    background: #fff; box-shadow: 0px 0px 8px 0px var(--zeng-shad-color);
}
div.zeng-list-sell:hover::before { width: 4px; opacity: 0.72; }
div.zeng-list-sell:hover::after { opacity: 0.04; }

div.zeng-list-buy {
    display: inline-block; position: relative; z-index: 0;
    margin: 8px 0px; padding: 0px; width: 100%;
    font-size: 1.4rem; background: #fff; border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.16s ease-in-out; box-sizing: border-box;
    
    td { padding: 0px; box-sizing: border-box; }
}
div.zeng-list-buy td:first-child {
    div { margin: 16px; width: 128px; height: 128px; border-radius: 4px; }
    a { display: block; float: left; }
}
div.zeng-list-buy td:first-child img {
    float: left; width: 100%; min-width: 128px; height: 100%; min-height: 128px;
    border-color: rgba(255, 255, 255, 0.64); border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04); box-sizing: border-box;
}
div.zeng-list-buy td:nth-child(2) {
    position: relative; color: rgba(0, 0, 0, 0.48); vertical-align: top;
    a { font-size: 1.8rem; }
    
    ul { display: block; margin: 14px 0px 0px; }
    li { line-height: 24px; }
    li:first-child { margin-bottom: 8px; }
    li:last-child { position: absolute; inset: auto 0px 12px; font-size: 1.4rem; }
    li:last-child a { font-size: 1.4rem; }
}
div.zeng-list-buy td:last-child {
    position: relative; width: 200px; line-height: 40px;
    font-size: 1.2rem; color: rgba(0, 0, 0, 0.64);
}
div.zeng-list-buy td:last-child a {
    display: inline-block; position: relative; padding: 4px 28px;
    height: 32px; line-height: 24px; font-size: 1.4rem; color: #fff;
    background: var(--zeng-main-color); border-radius: 4px;
    transition: background 0.24s ease-in-out; box-sizing: border-box;
}
div.zeng-list-buy td:last-child a:hover { background: var(--zeng-deep-color); }
div.zeng-list-buy td:last-child::after {
    position: absolute; inset: 0px; z-index: -2;
    background: rgba(0, 0, 0, 0.02); border-left: solid 1px rgba(0, 0, 0, 0.04);
    content: "";
}
div.zeng-list-buy::before {
    position: absolute; inset: 0px auto 0px 0px; z-index: 0;
    width: 0px;
    background: var(--zeng-deep-color); border-radius: 4px 0px 0px 4px;
    opacity: 0; transition: all 0.16s ease-in-out; content: "";
}
div.zeng-list-buy::after {
    position: absolute; inset: 1px; z-index: -4;
    background: #fff; border-radius: 4px; opacity: 0.02; content: "";
}
div.zeng-list-buy:nth-child(5n + 2)::after {
    background: linear-gradient(to right, var(--zeng-main-color), #fff 72%);
}
div.zeng-list-buy:nth-child(5n + 3)::after {
    background: linear-gradient(to right, var(--zeng-high-color), #fff 72%);
}
div.zeng-list-buy:nth-child(5n + 4)::after {
    background: linear-gradient(to right, var(--zeng-deep-color), #fff 72%);
}
div.zeng-list-buy:nth-child(5n + 5)::after {
    background: linear-gradient(to right, var(--zeng-base-color), #fff 72%);
}
div.zeng-list-buy:hover {
    background: #fff; box-shadow: 0px 0px 8px 0px var(--zeng-shad-color);
}
div.zeng-list-buy:hover::before { width: 4px; opacity: 0.72; }
div.zeng-list-buy:hover::after { opacity: 0.04; }

div.list-none {
    height: 320px; background-color: #fff; border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); box-sizing: border-box;
}
div.zeng-qrcode {
    display: grid; position: relative; margin: 8px 10px 16px; padding: 16px;
    grid-template-columns: 112px auto; column-gap: 16px;
    line-height: 1.72; color: rgba(0, 0, 0, 0.32);
    align-items: center; justify-content: left;
    background: rgba(0, 0, 0, 0.02); border-radius: 4px;
    box-sizing: border-box;
    
    img { padding: 8px; width: 96px; height: 96px; background: #fff; border-radius: 50%; }
    font { font-size: 1.6rem; color: rgba(0, 0, 0, 0.80); }
}

/* 重置搜索 ==================================================================== */
form.zeng-search {
    display: inline-block; margin: 8px 0px 0px; padding: 16px; width: 100%;
    background: #fff; border-radius: 4px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08); box-sizing: border-box;
    
    .sf { padding-top: 16px; }
    .sf-v { width: auto; }
    .sf-v input,
    .sf-v select {
        height: 32px;
        border-color: rgba(0, 0, 0, 0.24); border-radius: 4px;
        box-sizing: border-box;
    }
    .sf-v input[type="radio"], .sf-v input[type="checkbox"] {
        position: relative; top: 1px; margin: 0px 4px 0px 0px; padding: 0px;
        height: auto;
    }
    
    .btn-blue {
        margin:8px 0px 16px;
        background: var(--zeng-main-color); border-color: var(--zeng-main-color);
        border-radius: 4px; transition: all 0.24s ease-in-out;
    }
    .btn-blue:hover {
        background: var(--zeng-deep-color); border-color: var(--zeng-deep-color);
    }
}

/* 重置样式 ==================================================================== */
form.zeng-form {
    .search-inp {
        margin: 0px; width: 430px; background: rgba(255, 255, 255, 1.00);
        border: solid 2px var(--zeng-main-color); border-right: none;
        border-radius: 4px 0px 0px 4px;
        
        input {
            padding-bottom: 7px; height: 38px; line-height: 1;
            background-position: 0px 11px; box-sizing: border-box;
        }
    }
    #search-tip, #search-rec {
        margin: 2px 0px 0px -2px; padding: 0px 0px 12px; width: 515px;
        border-color: rgba(0, 0, 0, 0.08); border-radius: 0px 0px 4px 4px;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    }
    #search-tip {
        padding-bottom: 8px; height: auto; overflow: visible;
        
        .search-tip { padding: 0px; height: auto; overflow: visible; }
        
        li {
            padding-inline: 36px 12px; height: 32px; line-height: 32px;
            background-position: 12px 9px; box-sizing: border-box;
        }
        li:hover { background-color: rgba(0, 0, 0, 0.02); }
        li:first-child { padding-top: 4px; height: 36px; background-position-y: 13px; }
        li:last-child { padding-bottom: 8px; height: 40px; background-position-y: 13px; }
    }
    #search-rec {
        height: auto; overflow: visible;
        
        p { height: 40px; line-height: 40px; }
        p + div { padding-inline: 22px; }
        
        div { padding: 0px 12px; height: auto; }
        span { margin: 0px 4px 4px 0px; padding: 4px 8px; border-radius: 2px; }
        span:hover { background: var(--zeng-main-color); }
    }
    .search-mod {
        position: relative; margin: 0px; width: auto;
        background: rgba(255, 255, 255, 1.00); border-color: var(--zeng-main-color);
        
        input {
            margin: 0px 12px 0px 0px; padding: 0px 24px 1px 0px;
            width: 88px; height: 38px; line-height: 1;
            background-color: #fff; background-position-y: 11px;
            box-sizing: border-box;
        }
    }
    .search-mod::before {
        position: absolute; inset: 2px auto 2px 0px; z-index: 0;
        border-left: solid 1px rgba(0, 0, 0, 0.04); content: "";
    }
    #search-mod {
        inset: 38px -2px auto 0px; margin: 0px; width: auto; height: auto;
        line-height: 24px;
        border: solid 2px var(--zeng-main-color); border-top: none;
        border-radius: 0px 0px 4px 4px;
        
        ul { padding: 0px 0px 8px; }
        li {
            display: flex; float: none; padding: 0px 36px 0px 0px; width: auto;
            justify-content: right;
        }
        li:hover { background: rgba(0, 0, 0, 0.02); border-radius: 4px; }
        i { margin: 4px 2px 0px 0px; }
        p {
            margin: 0px; padding-left: 36px; color: rgba(0, 0, 0, 0.48);
            background-color: var(--zeng-back-color); background-position: 10px 9px;
        }
    }
    #search-mod::before {
        position: absolute; inset: 0px 0px auto; z-index: 0;
        border-top: solid 2px rgba(0, 0, 0, 0.04); content: "";
    }
    #search-cls { margin: 8px 0px 0px -32px; background-position-y: 3px; }
    #search-cls:hover { background-position-y: 3px; }

    .search-btn {
        margin: 0px; background: var(--zeng-main-color);
        border: solid 2px var(--zeng-main-color); border-radius: 0px 4px 4px 0px;
        transition: background 0.24s ease-in-out, border-color 0.24s ease-in-out;
        
        input { display: block; margin: 0px auto; line-height: 1; background: none; }
    }
    .search-btn:hover {
        background: var(--zeng-deep-color); border-color: var(--zeng-deep-color);
    }
    .search-adv, .search-hot { display: none; }
}

span.head_t b { position: relative; top: 0px; font-size: 1rem; }

div#destoon-card {
    font-size: 1.2rem;
    border-radius: 0px 0px 4px 4px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    
    .card-info { padding: 8px 20px 12px; border-radius: inherit; }
    .card-info li { height: 24px; line-height: 24px; }
    .card-info li img { position: relative; top: 1px; border-radius: 2px; }
}

div.m {
    position: relative; z-index: 4;
    padding: 0px 24px; width: var(--zeng-view-width); overflow: visible;
    background: none; box-sizing: border-box;
}
div.m2 {
    z-index: 0;
    
    .m2l { width: calc(1200px - 268px - 24px); }
    .m2r { padding: 8px 0px 0px; width: 268px; }
}
div.m3 {
    .m3l { width: calc(100% - 268px - 24px); }
    .m3r { width: 268px; }
}
div.nav {
    margin: 0px; padding: 10px 16px 10px 40px; height: 44px;
    background-color: var(--zeng-back-color); background-position: 16px 14px;
    border-radius: 2px; box-sizing: border-box;
    
    s { position: relative; top: 4.48px; margin: 0px 0px 0px 4px; }
}
div.sort-f {
    position: relative; margin-bottom: 8px; padding: 8px 0px; border: none;
    border-radius: 4px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}
div.sort-f::after {
    position: absolute; inset: 0px; z-index: -2;
    background: rgba(255, 255, 255, 1.00); content: "";
}
div.sort-k {
    display: inline-flex; position: relative; padding: 0px 16px; z-index: 0;
    width: auto; height: 24px; line-height: 1;
    font-size: 1.2rem; color: rgba(0, 0, 0, 0.64);
    font-weight: var(--zeng-font-bold); align-items: center;
}
div.sort-k::after {
    position: absolute; top: 7px; right: 8px; z-index: 0;
    height: 12px; border-right: solid 1px rgba(0, 0, 0, 0.08); content: "";
}
div.sort-v { width: calc(100% - 128px); line-height: 1; }
div.sort-v span {
    display: inline-flex; position: relative; float: left; z-index: 0;
    margin: 0px 12px 0px 0px; padding: 0px 4px 0px 0px; height: 24px;
    color: var(--zeng-deep-color); font-weight: var(--zeng-font-bold);
    align-items: center;
}
div.sort-v span::after {
    position: absolute; inset: 0px; z-index: -4;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.04));
    border-radius: 4px; content: "";
}
div.sort-v span strong { font-weight: lighter; }
div.sort-v span a { color: var(--zeng-deep-color); font-weight: var(--zeng-font-bold); }
div.sort-v span a:hover { color: var(--zeng-high-color); }
div.sort-v span i {
    position: relative; margin: 0px 0px 2px 4px; width: 14px; height: 14px;
    background: url("../ico-close.png") no-repeat; cursor: pointer;
}
div.sort-v span i:hover { background-image: url("../ico-close-on.png"); }

div.sort-v input {
    position: relative; float: left; margin: 0px; padding: 0px 24px 0px 8px;
    height: 24px; border: solid 1px rgba(0, 0, 0, 0.08); border-radius: 4px;
    transition: border-color 0.24s ease-in-out; outline: none;
    box-sizing: border-box;
}
div.sort-v input:hover { border-color: rgba(0, 0, 0, 0.24); }
div.sort-v input:focus { border-color: var(--zeng-main-color); }

div.sort-v input[type="submit"] {
    margin: 0px 0px 0px -28px; padding: 0px; width: 24px;
    background: url("../ico-search.png") no-repeat center center; border: none;
    cursor: pointer;
}
div.sort-v ul { display: inline-block; height: 24px; min-height: 24px; }
div.sort-v li {
    display: inline-flex; margin: 0px 16px 0px 0px; padding: 0px; height: 24px;
    line-height: 1; align-items: center; justify-content: center;
}
div.sort-v li.on { background: none; }
div.sort-v li.on a { color: var(--zeng-deep-color); font-weight: var(--zeng-font-bold); }

div.sort-r,
div.sort-m {
    display: inline-flex; position: relative; float: right; padding: 0px 16px;
    color: rgba(0, 0, 0, 0.48); align-items: center; cursor: pointer;
}
div.sort-r:hover,
div.sort-m:hover { color: var(--zeng-deep-color); }

div.sort-s { position: relative; margin: 16px 0px 8px; padding: 0px; overflow: visible; }
div.sort-s ul { display: block; margin: 0px; padding: 0px; height: 40px; }
div.sort-s li {
    display: inline-flex; position: relative; float: left; z-index: 8;
    padding: 0px 12px 0px 16px; height: inherit;
    font-size: 1.4rem; color: var(--zeng-deep-color); align-items: center;
}
div.sort-s li::after {
    position: absolute; inset: 0px 0px 0px auto; z-index: -4;
    border-right: solid 1px rgba(0, 0, 0, 0.04); content: "";
}
div.sort-s li:first-child { padding: 0px 16px; width: auto; min-width: auto; }
div.sort-s li a {
    width: 100%; color: rgba(0, 0, 0, 0.64);
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
div.sort-s li a:hover { color: var(--zeng-deep-color); }
div.sort-s li img {
    position: relative; margin: 0px 0px 0px 4px; width: 15px; height: 15px;
    opacity: 0.72; transition: transform 0.16s ease-in-out;
}
div.sort-s li:hover img {
    opacity: 1.00; will-change: transform; transform: rotate(180deg);
}
div.sort-s dl {
    display: none; position: absolute; top: 40px; left: 0px; z-index: 4;
    margin: 0px; padding: 0px 0px 8px; min-width: 102px; color: rgba(0, 0, 0, 0.64);
    background: #fff; border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}
div.sort-s dd {
    display: flex; position: relative; z-index: 0;
    margin: 0px; padding: 0px 16px; width: auto; height: 28px; line-height: 1;
    align-items: center; white-space: nowrap; cursor: default;
}
div.sort-s dd.that,
div.sort-s dd:hover { color: var(--zeng-deep-color); }

div.sort-s dd.that::after,
div.sort-s dd:hover::after {
    position: absolute; inset: 0px 1px; z-index: -4;
    background: rgba(0, 0, 0, 0.02); content: "";
}

/* 会员级别 ==================================================================== */
table.tb {
    position: relative; background: #fff;
    border: solid 1px #fff; border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    
    th { font-size: 1.4rem; }
}
table.tb input[class="btn-green"] {
    background: var(--zeng-main-color); border-color: var(--zeng-main-color);
}
table.tb input[class="btn-green"]:hover {
    background: var(--zeng-deep-color); border-color: var(--zeng-deep-color);
}

/* 重置询价 ==================================================================== */
table.tf {
    position: relative; background: #fff;
    border-top: solid 1px rgba(0, 0, 0, 0.12); border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    
    tr { position: relative; }
    tr::after {
        position: absolute; inset: 0px; z-index: 0;
        background: var(--zeng-high-color);
        opacity: 0.00; transition: opacity 0.24s ease-in-out; content: "";
    }
    tr:hover { position: relative; background: none; }
    tr:hover::after { opacity: 0.02; }
    
    tr:first-child td { padding-top: 32px; }
    tr:last-child td { padding-bottom: 32px; }
    
    td { position: relative; border-top-color: rgba(0, 0, 0, 0.02); z-index: 2; }
    
    input[size="60"], textarea[cols="80"] { width: 640px; }
    input[size="20"], input[size="30"], input[size="40"] { width: 320px; }
    input[size="10"] { width: 106px; }
}
table.tf input, table.tf select, table.tf textarea {
    padding: 8px;
    background: #fff; border-color: rgba(0, 0, 0, 0.12); border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
}
table.tf label { display: inline-block; height: 24px; line-height: 24px; }
table.tf input[type="checkbox"] {
    position: relative; top: 2px; margin: 0px 4px 0px 0px; padding: 0px;
}
table.tf input:focus, table.tf select:focus, table.tf textarea:focus {
    border-color: rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 4px 0px var(--zeng-shad-color);
}
table.tf input[type="submit"] {
    padding-block: 10px; line-height: 1; font-size: 1.4rem; color: #fff;
    background: var(--zeng-main-color); transition: background 0.24s ease-in-out;
    box-sizing: border-box;
}
table.tf input[type="submit"]:hover { background: var(--zeng-deep-color); }

/* 产品对比 ==================================================================== */
div.compare {
    position: relative; width: 1200px; background: #fff;
    border-top: solid 1px rgba(0, 0, 0, 0.12); border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    
    tr { position: relative; }
    tr::after {
        position: absolute; inset: 0px; z-index: 0;
        background: var(--zeng-high-color);
        opacity: 0.00; transition: opacity 0.24s ease-in-out; content: "";
    }
    tr:hover { position: relative; background: none !important; }
    tr:hover::after { opacity: 0.02; }
    
    td { width: auto; }
}
div.compare th {
    border-color: rgba(0, 0, 0, 0.04); background: var(--zeng-back-color);
}
div.compare td { position: relative; z-index: 2; border-color: rgba(0, 0, 0, 0.02); }

div.bd-b { margin-bottom: 24px; border: none; }
div.bd-b > table {
    background: rgba(255, 255, 255, 1.00);
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    border-radius: 4px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    
    .contact-td { width: 268px; border-left-color: rgba(0, 0, 0, 0.04); }
}
div.contact-body { padding-inline: 16px; }
div.contact-vd {
    display: grid; grid-template-columns: repeat(2, auto);
    width: auto; height: 56px;
    
    div {
        padding-top: 2px; width: auto; height: 56px; line-height: 24px;
        box-sizing: border-box;
    }
}
div.contact-v1 {
    background: var(--zeng-main-color); border-color: var(--zeng-main-color);
    border-radius: 4px 0px 0px 4px;
}
div.contact-d0 { border-radius: 0px 4px 4px 0px; }
div.contact-btn { width: auto; }
div.contact-btn span { width: calc(50% - 16px); }
div.contact-btn span:hover { background: var(--zeng-main-color); }

.contact-body li { height: 32px; line-height: 32px; }

div.pages { font-size: 1.4rem; }
div.pages a:link,
div.pages a:visited,
div.pages a:active {
    margin: 0px; padding: 8px 4px; border-color: rgba(0, 0, 0, 0.08); border-radius: 4px;
    transition: all 0.24s ease-in-out;
}
div.pages a:hover {
    background: var(--zeng-deep-color); border-color: var(--zeng-deep-color);
}
div.pages strong {
    padding: 8px 4px;
    background: var(--zeng-deep-color); border-color: var(--zeng-deep-color);
    border-radius: 4px;
}
div.pages label { padding: 8px; border-radius: 4px; }
div.pages label em { top: 4px; float: none; width: auto; height: auto; background: none; }

div.head-txt {
    position: relative; margin: 0px;
    background: #fff; border-bottom-color: rgba(0, 0, 0, 0.02);
    border-radius: 4px 4px 0px 0px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
}
div.content {
    position: relative; background: #fff;
    border-radius: 0px 0px 4px 4px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
}
div.tool { border-top: none; }

div.show-note {
    position: relative; padding: 16px;
    line-height: 1.72; font-size: 1.4rem; color: rgba(0, 0, 0, 0.48);
    background: rgba(255, 255, 0, 0.08);
    border: solid 1px rgba(255, 255, 255, 0.96); border-radius: 4px;
    box-sizing: border-box; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    
    strong { color: var(--zeng-deep-color); }
}

div.head-10 { background: none; }
div.head-sub {
    position: relative; margin: 0px; padding: 16px; line-height: 1;
    background: #fff; border-bottom-color: rgba(0, 0, 0, 0.02);
    border-radius: 4px 4px 0px 0px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
    
    strong { font-size: 1.6rem; }
}
div.list-txt,
div.list-rank {
    margin: 0px 0px 16px; padding: 8px 16px 12px;
    background: #fff; border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    
    em { background: rgba(0, 0, 0, 0.08); }
    li { padding: 0px; }
}
div.list-txt:last-child,
div.list-rank:last-child { margin: 0px; }

div.list-txt li { background: none; }
div.list-txt i,
div.list-txt em,
div.list-rank i,
div.list-rank em {
    display: flex; position: relative; top: 9px; z-index: 0;
    float: left; margin: 0px 8px 0px 0px; padding: 0px 0px 2px;
    width: 16px; height: 16px;
    font-size: 1.2rem; color: rgba(0, 0, 0, 0.32);
    align-items: center; justify-content: center;
    background: rgba(0, 0, 0, 0.02); border-radius: 4px;
    box-sizing: border-box;
}
div.list-txt em::after,
div.list-rank em::after {
    position: absolute; inset: 0px; z-index: 4;
    width: 16px; height: 16px;
    background: rgba(0, 0, 0, 0.32);
}
div.list-txt li:nth-child(-n + 3) em,
div.list-rank li:nth-child(-n + 3) em { color: var(--zeng-high-color); }

div.list-thumb {
    z-index: 8; background: #fff;
    border-radius: 0px 0px 4px 4px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
    
    li { text-align: center; }
}

div.ui-ball {
    bottom: calc(50% + 106px);
    
    b { background-color: var(--zeng-main-color); }
    b:hover { background-color: var(--zeng-deep-color); }
}
div.back2top {
    z-index: 998;
    
    a {
        background-color: var(--zeng-main-color); background-position: center 10px;
        border-radius: 24px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    }
    a:hover {
        background-color: var(--zeng-deep-color);
        box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32);
    }
}
span.highlight { padding: 0px 2px; color: var(--zeng-high-color); }

#mid_div {
    overflow: hidden; border-color: #fff; border-radius: 4px; box-sizing: initial;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}
#big_div { width: 560px; z-index: 98; }
.ab_im { border-color: rgba(0, 0, 0, 0.08); }
.ab_im, .ab_on { box-sizing: initial; }
.ab_on { background: var(--zeng-main-color); border-color: var(--zeng-main-color); }

table:has(div[id="mid_div"]) td { float: left !important; }
table:has(div[id="mid_div"]) td > table td { float: none !important; padding-block: 4px; }
table:has(div[id="mid_div"]) td > table td:nth-child(4) { padding-top: 0px; width: 467px; }
table:has(div[id="mid_div"]) td > table td.sell-price {
    color: var(--zeng-main-color);
    
    b { color: var(--zeng-deep-color); }
}
table:has(div[id="mid_div"]) td > table td.sell-price i {
    padding-left: 18px; color: var(--zeng-deep-color); font-weight: var(--zeng-font-bold);
    background-position-y: 1px;
}

table:has(div[id="mid_div"]) td > table td .btn-act {
    width: 138px;
    background: var(--zeng-main-color); border-color: var(--zeng-main-color);
    border-radius: 4px; transition: all 0.24s ease-in-out;
}
table:has(div[id="mid_div"]) td > table td .btn-act:hover {
    background: var(--zeng-deep-color); border-color: var(--zeng-deep-color);
}

#zoomer { box-sizing: initial; }
div.m:has(#mid_pic) { position: initial; }