@charset "utf-8";
/*----- color -----*/
body {
--dz-BG-body:#eee;/*全局body背景*/
--dz-BG-color:#2B7ACD;/*主色调背景*/
--dz-BG-0:#ffffff;
--dz-BG-1:#333;/*深色背景*/
--dz-BG-2:#FF5656;/*高亮色*/
--dz-BG-3:#FF9900;/*排行榜2&置顶图标背景*/
--dz-BG-4:#B3CC0D;/*排行榜3&精华图标背景*/
--dz-BG-5:#f3f3f3;/*浅色背景*/
--dz-BG-6:#ccc;/*深灰色背景*/
--dz-BG-n:#A0C8EA;/*浅蓝色背景*/
--dz-FC-color:#2B7ACD;/*主色调*/
--dz-FC-fff:#fff;
--dz-FC-333:#333;
--dz-FC-666:#666;
--dz-FC-777:#777;
--dz-FC-888:#888;
--dz-FC-999:#999;
--dz-FC-aaa:#aaa;
--dz-FC-bbb:#bbb;
--dz-FC-ccc:#ccc;
--dz-FC-ddd:#ddd;
--dz-FC-nnn:#7DA0CC;
--dz-FC-light:#FF9C00;
--dz-FC-a:#F26C4F;
--dz-FC-v:#7CBE00;
--dz-FC-invalid:#FF512C;
--dz-FC-tinvalid:#FF9A9A;
--dz-FC-t: transparent;
--dz-BOR-ed:#ededed;/*边框色*/
--dz-BOR-ccc:#ccc;/*边框色*/
--dz-BOR-invalid:#FF9A9A;/*红色边框*/
}

/*----- 首页列表 -----*/

.listbox {margin:0 auto 10px;background-color:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.listbox li {height:40px;line-height:40px;margin:0 15px;font-size:15px;border-top:1px solid var(--dz-BOR-ed);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listbox li i {float:left;font-size:13px;margin-right:4px;color:var(--dz-FC-ccc)}
.listbox li span.mbk {color:var(--dz-FC-999)}
.listbox li span.mx {color:var(--dz-FC-ddd);margin:0 8px}
.listbox li span.mybk {color:var(--dz-FC-aaa);float:right;font-size:13px;padding-left:8px}
.listbox li span.mico {background-color:var(--dz-FC-ccc);float:left;width:4px;height:4px;margin:18px 10px 0 2px}
.listbox li span.mnum {float:left;width:20px;height:20px;line-height:20px;font-size:12px;text-align:center;margin-top:10px;margin-right:8px;background-color:var(--dz-FC-ccc);color:var(--dz-FC-fff);border-radius:4px}
.listbox li:nth-child(1) span.mnum {background-color:var(--dz-BG-2)}
.listbox li:nth-child(2) span.mnum {background-color:var(--dz-BG-3)}
.listbox li:nth-child(3) span.mnum {background-color:var(--dz-BG-4)}
.listbox li:first-child {border-top:none}

.header .mzlogo {
    width: 40%;
    height: 30px;
    text-align: left;
    font-size: 18px;
    position: relative;
    /* overflow: hidden; */
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header h2 img, .header .mzlogo img {
    max-height: 40px;
    vertical-align: top;
    max-width: 100%;
}