@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;

    /*红色边框*/

}



/*----- common -----*/

@font-face {

    font-family: "dzicon";

    src: url('../fonts/dzicon.eot');

    src: url('../fonts/dzicon.eot?#iefix') format('eot'), url('../fonts/dzicon.woff2') format('woff2'), url('../fonts/dzicon.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



[class^="fico-"]:before,

[class*=" fico-"]:before {

    font-family: "dzicon";

    font-style: normal;

    font-weight: normal;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    margin-right: .2em;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 1em;

    font-size: 120%;

}



/* font icon size */

.fic4 {

    font-size: 14px;

}



.fic6 {

    font-size: 16px;

}



.fic8 {

    font-size: 18px;

}



/* flip x */

.fifx::before {

    transform: scale(-1, 1);

}



/* font rotate */

@keyframes dzrotate {

    0% {

        transform: rotate(0deg)

    }



    100% {

        transform: rotate(359deg)

    }

}



.ficr {

    margin-right: .2em;

}



.ficr:before {

    margin-right: 0;

    animation: dzrotate 2s infinite linear;

}



.loadicon {

    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23999' d='M12.2 12.2L14 14H9V9l1.8 1.8c.7-.7 1.2-1.7 1.2-2.8 0-1.9-1.3-3.4-3-3.9v-2c2.8.4 5 2.9 5 5.9 0 1.6-.7 3.1-1.8 4.2zM3.8 3.8C2.7 4.8 2 6.3 2 8c0 3 2.2 5.4 5 5.9v-2.1c-1.7-.4-3-2-3-3.9 0-1.1.5-2.1 1.2-2.8L7 7V2H2l1.8 1.8z'/%3e%3c/svg%3e");

    display: inline-block;

    width: 16px;

    height: 16px;

    animation: dzrotate 1.2s infinite linear;

}



/* font color primary/secondary/notice/light/alarm/valid/invalid */

.fc-p {

    color: {

    MENUBGCOLOR

}



;

}



.fc-s {

    color: var(--dz-FC-999);

}



.fc-n {

    color: var(--dz-FC-nnn);

}



.fc-l {

    color: var(--dz-FC-light);

}



.fc-a {

    color: var(--dz-FC-a);

}



.fc-v {

    color: var(--dz-FC-v);

}



.fc-i {

    color: var(--dz-FC-invalid);

}



.fc-t {

    color: var(--dz-FC-t);

}



/* no margin right */

.fnmr:before {

    margin-right: 0;

}



/* font icon图标列表，供用户调用 */

.fico-person:before {

    content: "\f100";

}



.fico-search:before {

    content: "\f101";

}



.fico-account_box:before {

    content: "\f102";

}



.fico-account:before {

    content: "\f102";

}



.fico-home:before {

    content: "\f103";

}



.fico-assessment:before {

    content: "\f104";

}



.fico-widthfixed:before {

    content: "\f105";

}



.fico-widthauto:before {

    content: "\f106";

}



.fico-styleselect:before {

    content: "\f107";

}



.fico-add_circle:before {

    content: "\f108";

}



.fico-add:before {

    content: "\f108";

}



.fico-remove_circle:before {

    content: "\f109";

}



.fico-remove:before {

    content: "\f109";

}



.fico-rss_feed:before {

    content: "\f10a";

}



.fico-rss:before {

    content: "\f10a";

}



.fico-refresh:before {

    content: "\f10b";

}



.fico-delete:before {

    content: "\f10c";

}



.fico-comment:before {

    content: "\f10d";

}



.fico-edit:before {

    content: "\f10e";

}



.fico-push:before {

    content: "\f10f";

}



.fico-thumbup:before {

    content: "\f110";

}



.fico-thumbdown:before {

    content: "\f111";

}



.fico-collection:before {

    content: "\f112";

}



.fico-activitysm:before {

    content: "\f113";

}



.fico-share:before {

    content: "\f114";

}



.fico-check_right:before {

    content: "\f115";

}



.fico-error:before {

    content: "\f116";

}



.fico-info:before {

    content: "\f117";

}



.fico-qq:before {

    content: "\f118";

}



.fico-email:before {

    content: "\f119";

}



.fico-task:before {

    content: "\f11a";

}



.fico-scrolltop:before {

    content: "\f11b";

}



.fico-replyfast:before {

    content: "\f11c";

}



.fico-list:before {

    content: "\f11d";

}



.fico-follow:before {

    content: "\f11e";

}



.fico-friendadd:before {

    content: "\f11f";

}



.fico-mypost:before {

    content: "\f120";

}



.fico-interactive:before {

    content: "\f121";

}



.fico-settings:before {

    content: "\f122";

}



.fico-link:before {

    content: "\f123";

}



.fico-up:before {

    content: "\f124";

}



.fico-down:before {

    content: "\f125";

}



.fico-left:before {

    content: "\f126";

}



.fico-right:before {

    content: "\f127";

}



.fico-valid:before {

    content: "\f128";

}



.fico-invalid:before {

    content: "\f129";

}



.fico-stars:before {

    content: "\f12a";

}



.fico-sun:before {

    content: "\f12b";

}



.fico-star3:before {

    content: "\f12b";

}



.fico-moon:before {

    content: "\f12c";

}



.fico-star2:before {

    content: "\f12c";

}



.fico-star:before {

    content: "\f12d";

}



.fico-star1:before {

    content: "\f12d";

}



.fico-checkbox:before {

    content: "\f12e";

}



.fico-checked:before {

    content: "\f12f";

}



.fico-doing:before {

    content: "\f130";

}



.fico-volume:before {

    content: "\f131";

}



.fico-image:before {

    content: "\f132";

}



.fico-attachment:before {

    content: "\f133";

}



.fico-thread:before {

    content: "\f134";

}



.fico-clock:before {

    content: "\f135";

}



.fico-lock:before {

    content: "\f136";

}



.fico-print:before {

    content: "\f137";

}



.fico-help:before {

    content: "\f138";

}



.fico-launch:before {

    content: "\f139";

}



.fico-imgadjust:before {

    content: "\f13a";

}



.fico-vote:before {

    content: "\f13b";

}



.fico-reward:before {

    content: "\f13c";

}



.fico-vs:before {

    content: "\f13d";

}



.fico-group:before {

    content: "\f13e";

}



.fico-cart:before {

    content: "\f13f";

}



.fico-headset:before {

    content: "\f140";

}



.fico-phone:before {

    content: "\f141";

}



.fico-place:before {

    content: "\f142";

}



.fico-camera:before {

    content: "\f143";

}



.fico-voice:before {

    content: "\f144";

}



.fico-bell:before {

    content: "\f145";

}



.fico-loading:before {

    content: "\f146";

}



.fico-poke:before {

    content: '\f146';

}



.fico-profile:before {

    content: '\f147';

}



.fico-dropdown:before {

    content: '\f148';

}



.fico-ban:before {

    content: '\f149';

}



.fico-tag:before {

    content: '\f14a';

}



.pxs {

    -webkit-appearance: none;

    width: 100%;

    min-height: 48px;

    line-height: 24px;

    border: none !important;

    font-size: 14px;

    vertical-align: middle;

    background-color: transparent;

}



.flex-box {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.flex-wrap {

    flex-wrap: wrap;

}



.flex {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.flex-2 {

    -webkit-box-flex: 2;

    -webkit-flex: 2;

    -ms-flex: 2;

    flex: 2

}



.flex-3 {

    -webkit-box-flex: 3;

    -webkit-flex: 3;

    -ms-flex: 3;

    flex: 3

}



.flex-half {

    flex: 0 0 49.9%;

}



.align-items-center {

    align-items: center

}



.justify-content-between {

    justify-content: space-between

}



.justify-content-end {

    justify-content: flex-end

}



.discuz_x {

    height: 10px;

    background-color: var(--dz-BG-body);

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.m15 {

    margin: 15px !important;

}



.mt0 {

    margin-top: 0px !important;

}



.mt5 {

    margin-top: 5px !important;

}



.mt10 {

    margin-top: 10px !important;

}



.mt15 {

    margin-top: 15px !important;

}



.mb0 {

    margin-bottom: 0px !important;

}



.mb5 {

    margin-bottom: 5px !important;

}



.mb10 {

    margin-bottom: 10px !important;

}



.mb15 {

    margin-bottom: 15px !important;

}



.ml0 {

    margin-left: 0px !important;

}



.ml5 {

    margin-left: 5px !important;

}



.ml10 {

    margin-left: 10px !important;

}



.ml15 {

    margin-left: 15px !important;

}



.mr0 {

    margin-right: 0px !important;

}



.mr5 {

    margin-right: 5px !important;

}



.mr10 {

    margin-right: 10px !important;

}



.mr15 {

    margin-right: 15px !important;

}



.p0 {

    padding: 0px !important;

}



.p5 {

    padding: 5px !important;

}



.p10 {

    padding: 10px !important;

}



.p15 {

    padding: 15px !important;

}



.pt5 {

    padding-top: 5px !important;

}



.pb5 {

    padding-bottom: 5px !important;

}



.pt10 {

    padding-top: 10px !important;

}



.pb10 {

    padding-bottom: 10px !important;

}



.pl0 {

    padding-left: 0px !important;

}



.pl5 {

    padding-left: 5px !important;

}



.pl10 {

    padding-left: 10px !important;

}



.pl15 {

    padding-left: 15px !important;

}



.b0 {

    border: 0 !important;

}



.l0 {

    left: 0px !important;

}



.autowidth {

    width: auto !important;

}



.f_g,

.f_g a {

    color: var(--dz-FC-a);

}



.f_f,

.f_f a {

    color: var(--dz-FC-fff);

}



.f_b,

.f_b a {

    color: var(--dz-FC-color);

}



.f_c,

.f_c a {

    color: var(--dz-FC-ccc);

}



.f_d,

.f_d a {

    color: var(--dz-FC-ddd);

}



.f_9,

.f_9 a {

    color: var(--dz-FC-999);

}



.b_t {

    border-top: 1px solid var(--dz-BOR-ed) !important;

}



.b_b {

    border-bottom: 1px solid var(--dz-BOR-ed) !important

}



.b_a {

    border: 1px solid var(--dz-BOR-ed) !important;

}



.tbms {

    padding: 10px;

    border: 1px dashed var(--dz-BOR-invalid);

}



.tbms:before {

    font-family: dzicon;

    line-height: 14px;

    content: "\f145";

    font-size: 16px;

    color: var(--dz-FC-invalid);

}



.tbms_r:before {

    content: "\f128";

    color: var(--dz-FC-v);

}



.rq {

    color: var(--dz-FC-invalid);

}



.xi1,

.onerror {

    color: var(--dz-BG-2);

}



.xw0 {

    font-weight: 400;

}



.xw1 {

    font-weight: 700;

}



.xs1 {

    font-size: 12px !important;

}



.xs2 {

    font-size: 14px !important;

}



.xs3 {

    font-size: 16px !important;

}



.tbmu {

    padding: 8px 10px 8px 0;

    border-bottom: 1px dashed var(--dz-BOR-ed);

}



.alt,

.alt th,

.alt td {

    background-color: var(--dz-BG-5);

}



.emp {

    padding: 20px 10px;

}



.emp a {

    color: {

    HIGHLIGHTLINK

}



;

    text-decoration: underline !important;

}



.tdat {

    width: 100%;

    border: 1px solid var(--dz-BOR-ed);

}



.tdat th,

.tdat td {

    padding: 4px 5px;

    border: 1px solid var(--dz-BOR-ed);

}



.notice {

    clear: both;

    margin: 5px 0;

    padding: 3px 0;

}



.notice:before {

    content: "\f145";

    font-family: dzicon;

    font-size: 16px;

    line-height: 14px;

    margin-right: 4px;

    color: var(--dz-FC-invalid);

}



.pipe {

    margin: 0 5px;

    color: var(--dz-FC-ccc);

}



.xg1,

.xg1 a {

    color: var(--dz-FC-999) !important;

}



.xg1 .xi2 {

    color: var(--dz-BG-2) !important;

}



.xg2 {

    color: var(--dz-FC-333);

}



.avt img {

    padding: 2px;

    width: 48px;

    height: 48px;

    background: var(--dz-BG-0);

    border: 1px solid;

    border-color: var(--dz-BOR-ed) var(--dz-BOR-ed) var(--dz-BOR-ed) var(--dz-BOR-ed);

}



/*----- 通用主体 -----*/

.bodybox {

    background-color: var(--dz-BG-0);

}



/*----- 头部 -----*/

.header {

    background-color: var(--dz-BG-color);

    color: var(--dz-FC-fff);

    height: 30px;

    line-height: 30px;

    padding: 10px 12px

}



.header .mz,

.header .mzlogo {

    float: left;

    position: relative

}



.header .mzlogo a {

    line-height: normal

}



.header .my,

.header .myss {

    float: right;

    position: relative

}



.header .my a,

.header .myss a {

    float: right

}



.header .mz,

.header .my {

    width: 20%

}



.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 .myss {

    width: 60%

}



.header .myss a {

    background-color: var(--dz-BG-0);

    color: var(--dz-FC-aaa);

    line-height: 30px;

    font-size: 14px;

    padding: 0 15px;

    border-radius: 15px

}



.header .myss a i {

    float: left;

    font-size: 16px;

    margin-right: 5px;

    color: var(--dz-FC-aaa)

}



.header i {

    font-size: 20px;

    color: var(--dz-FC-fff)

}



.header .my a {

    margin-left: 10px

}



.header h2 {

    float: left;

    width: 60%;

    text-align: center;

    font-size: 18px;

    position: relative;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.header h2 img,

.header .mzlogo img {

    max-height: 30px;

    vertical-align: top;

    max-width: 100%

}



.header h2 a {

    color: var(--dz-FC-fff)

}



/*----- 浮动底部导航 -----*/

.foot {

    width: 100%;

    position: fixed;

    bottom: 0;

    z-index: 99;

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

    color: var(--dz-FC-999)

}



.foot a {

    float: left;

    text-align: center;

    height: 54px;

    line-height: 54px;

    overflow: hidden;

    position: relative

}



.foot a span {

    display: block;

    overflow: hidden

}



.foot a span.foot-ico {

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    margin-top: 4px

}



.foot a span.foot-ico em {

    display: block;

    margin: 2px auto 0;

    width: 24px;

    height: 24px;

    line-height: 24px;

    position: relative;

    background: no-repeat 0 0

}



.foot a span.foot-ico em.ma {

    background-image: url(../touch/home.svg)

}



.foot a span.foot-ico em.mb {

    background-image: url(../touch/forum.svg)

}



.foot a span.foot-ico em.md {

    background-image: url(../touch/explore.svg)

}



.foot a span.foot-ico em.me {

    background-image: url(../touch/space.svg)

}



.foot a span.foot-ico em.mf {

    background-image: url(../touch/space.svg)

}



.foot a span.foot-ico em i.ico_msg {

    position: absolute;

    background: var(--dz-BG-2);

    width: 7px;

    height: 7px;

    display: block;

    top: -1px;

    right: -1px;

    z-index: 510;

    border: 1px solid var(--dz-BG-0);

    border-radius: 50%

}



.foot a span.foot-txt {

    height: 22px;

    line-height: 22px;

    font-size: 12px;

    color: var(--dz-FC-999)

}



.foot a.mon span.foot-txt {

    color: var(--dz-FC-color)

}



.foot a.mon span.foot-ico em {

    background-position: 100% 0

}



.foot a.foot-post span.foot-ico {

    height: 44px;

    line-height: 44px;

    margin-top: 5px

}



.foot a.foot-post span.foot-ico em {

    width: 38px;

    height: 38px;

    line-height: 38px

}



.foot a.foot-post span.foot-ico em.mc {

    background: url(../touch/plus_btn.svg) no-repeat;

    background-size: auto 38px

}



.foot a.foot-post span.foot-txt {

    display: none

}



.foot_height {

    height: 54px

}



/*----- 通用设置 -----*/

.setbox {

    padding-bottom: 10px;

    overflow: hidden;

}



.setbox li {

    padding: 7px 12px;

    line-height: 30px;

    font-size: 16px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    color: var(--dz-FC-999);

}



.setbox li.tit {

    background-color: var(--dz-BG-5);

    padding: 12px 12px 5px;

    line-height: 24px;

    font-size: 14px;

}



.setbox li.sec_txt {

    height: auto

}



.setbox li.sec_txt .txt {

    border: 1px solid var(--dz-BOR-ed);

    margin-left: 10px;

    padding: 0 5px;

    height: 30px;

    line-height: 30px;

    border-radius: 4px

}



.setbox .tit {

    padding-right: 8px;

    vertical-align: top;

}



.setbox .btn-text {

    float: left

}



.setbox .input input {

    -webkit-appearance: none;

    width: 100%;

    height: 1.4em;

    line-height: 1.4;

    font-size: inherit;

    border: none;

    outline: none;

    background-color: transparent;

}



.setbox .checkbox input {

    float: right;

}



.setbox .select {

    display: block;

    position: relative

}



.setbox .select select {

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 2;

    cursor: pointer;

    left: 0;

    max-height: 100%;

    min-height: 100%;

    opacity: 0

}



.setbox .select .inner {

    display: block;

    width: 100%;

    font-size: 16px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    position: relative

}



.setbox .select .inner i {

    float: right

}



.setbox .select .btn-inner {

    display: block;

    font-size: 14px;

    min-width: 0.75em;

    overflow: hidden;

    position: relative;

    text-overflow: ellipsis;

    white-space: nowrap

}



.setbox .select .icon-arrow {

    height: 30px;

    line-height: 30px;

    float: right;

    color: var(--dz-FC-ccc)

}



.setbox .sec_code span .txt {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.setbox .sec_code span img {

    float: right;

    height: 30px

}



/*----- 通用组件Cell单元格 -----*/

.dzcell-group {

    background: var(--dz-BG-0);

    position: relative;

}



.dzcell-group-inset {

    margin: 0 15px;

    overflow: hidden;

    border-radius: 8px;

}



.dzcell-item {

    position: relative;

    display: flex;

    box-sizing: border-box;

    width: 100%;

    padding: 10px 16px;

    overflow: hidden;

    font-size: 14px;

    line-height: 24px;

    background-color: var(--dz-BG-0);

}



.dzcell-item .dzcell-title {

    width: 80px;

}



.dzcell-item .dzcell-value {

    flex: 1;

    position: relative;

    overflow: hidden;

    color: var(--dz-FC-999);

    text-align: right;

    vertical-align: middle;

    word-wrap: break-word;

}



/*------ 通用空记录 ------*/

.empty-box h4 {

    background-color: var(--dz-BG-0);

    height: 30px;

    line-height: 30px;

    padding: 80px 0;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    color: var(--dz-FC-999);

    border-top: 1px solid var(--dz-BOR-ed);

    border-bottom: var(--dz-BOR-ed);

    margin-bottom: 10px;

}



/*----- 首页幻灯 -----*/

.swiper-wrapper {

    position: relative;

    width: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex: 0 0 auto;

    flex-shrink: 0;

    width: 100%;

    position: relative

}



.dz-swiper_box {

    width: 100%;

    background-color: var(--dz-BG-1);

    overflow: hidden;

    position: relative

}



.dz-swiper .swiper-wrapper li a {

    display: block;

    width: 100%;

    height: 230px

}



.dz-swiper .swiper-wrapper li a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    overflow: hidden

}



.dz-swiper .swiper-wrapper li a span {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    display: block;

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);

    color: var(--dz-FC-fff);

    padding: 0 15px;

    font-size: 16px;

    height: 40px;

    overflow: hidden;

    line-height: 42px;

    font-weight: 400

}



.swiper-forum {

    position: absolute;

    right: 15px;

    bottom: 0;

    line-height: 34px;

    text-align: right;

    font-family: Arial;

    color: var(--dz-FC-fff);

    font-size: 12px;

    z-index: 9

}



.swiper-forum .swiper-pagination-current {

    font-weight: 400;

    font-size: 20px

}



.swiper-forum .swiper-pagination-total {

    font-style: 100

}



/*----- 首页头条 -----*/

.hotbox {

    background-color: var(--dz-BG-0);

    line-height: 24px;

    font-size: 14px;

    overflow: hidden

}



.hotbox h2 {

    margin: 15px 15px 0;

    height: 24px;

    line-height: 24px;

    font-size: 16px

}



.hotbox h2 span {

    float: left;

    margin-right: 5px;

    padding: 0 4px;

    background-color: var(--dz-BG-2);

    color: var(--dz-FC-fff);

    border-radius: 4px

}



.hotbox-toutiao a {

    display: block;

    margin: 0 15px;

    padding: 10px 0;

    border-bottom: 1px solid var(--dz-BOR-ed);

    color: var(--dz-FC-999)

}



.hotbox-toutiao a span {

    display: block;

    margin-bottom: 4px;

    line-height: 24px;

    font-size: 18px;

    color: var(--dz-FC-color);

}



.hotbox .listbox {

    margin-bottom: 0

}



/*----- 论坛首页公告 -----*/

.ann-box {

    padding: 0 15px;

    height: 40px;

    line-height: 40px;

    background-color: var(--dz-BG-0);

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.ann-box .mtit {

    float: left;

    font-size: 12px;

    height: 20px;

    line-height: 20px;

    padding: 0 5px;

    margin-top: 10px;

    margin-right: 8px;

    background-color: var(--dz-BG-2);

    color: var(--dz-FC-fff);

    border-radius: 4px

}



#ann {

    height: 24px;

    line-height: 24px;

    margin-top: 8px;

    overflow: hidden

}



#ann li {

    height: 24px;

    line-height: 24px;

    font-size: 14px;

    overflow: hidden;

    position: relative;

    z-index: 1

}



#ann li a {

    display: block;

    height: 24px;

    line-height: 24px;

    overflow: hidden

}



#ann li em {

    display: none

}



/*----- 公告列表 -----*/

.annlist {

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.annlist li {

    border-bottom: 1px solid var(--dz-BOR-ed);

    padding: 10px 15px;

    overflow: hidden;

    position: relative

}



.annlist li h2 {

    font-size: 16px;

    height: 24px;

    line-height: 24px;

    overflow: hidden

}



.annlist li h2 a {

    display: block;

    overflow: hidden

}



.annlist li h2 i {

    float: right;

    color: var(--dz-FC-ddd)

}



.annlist li h3 {

    height: 20px;

    line-height: 20px;

    margin-top: 2px;

    font-size: 14px;

    color: var(--dz-FC-bbb);

    overflow: hidden

}



.annlist li h3 a,

.annlist li h3 span.mz {

    float: left

}



.annlist li h3 a {

    margin-left: 5px;

    color: var(--dz-FC-color)

}



.annlist li h3 span.my {

    float: right

}



.annlist_box {

    background-color: var(--dz-BG-5);

    color: var(--dz-FC-666);

    line-height: 22px;

    font-size: 14px;

    margin: 8px 0 5px;

    padding: 8px 10px;

    border-radius: 4px

}



/*----- 论坛首页版块显示 -----*/

.forumlist .subforumshow {

    margin-top: 10px;

    background-color: var(--dz-BG-0);

    height: 44px;

    line-height: 44px;

    padding: 0 15px;

    border-bottom: 1px solid var(--dz-BOR-ed)

}



.forumlist .subforumshow h2 {

    font-size: 15px

}



.forumlist .subforumshow i {

    float: right;

    font-size: 20px;

    color: var(--dz-FC-aaa)

}



.forumlist .sub-forum {

    background-color: var(--dz-BG-0)

}



.forumlist .sub-forum li a.murl {

    display: block;

    height: 44px;

    overflow: hidden

}



.forumlist .sub-forum li .micon {

    float: left;

    height: 44px;

    margin-right: 10px

}



.forumlist .sub-forum li .micon img,

.forumlist .sub-forum li .micon svg {

    height: 44px;

    border-radius: 4px;

    float: none

}



.forumlist .sub-forum li .micon img {

    width: 48px;

}



.forumlist .sub-forum li .autowidth img {

    width: auto;

}



.forumlist .sub-forum li .mtit {

    height: 24px;

    line-height: 24px;

    font-size: 16px;

    overflow: hidden;

}



.forumlist .sub-forum li .mnum {

    padding-left: 6px;

    font-size: 12px;

    color: var(--dz-BG-2)

}



.forumlist .sub-forum li .mtxt {

    display: block;

    height: 20px;

    line-height: 20px;

    font-size: 13px;

    color: var(--dz-FC-999);

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.forumlist .mlist3 ul,

.forumlist .mlist4 ul {

    display: flex;

    overflow-x: scroll

}



.forumlist .mlist1 li {

    overflow: hidden;

    padding: 10px 15px;

    border-bottom: 1px solid var(--dz-BOR-ed)

}



.forumlist .mlist2 li {

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding: 10px 15px;

    overflow: hidden;

    border-bottom: 1px solid var(--dz-BOR-ed);

    border-right: 1px solid var(--dz-BOR-ed)

}



.forumlist .mlist2 li:nth-child(2n) {

    border-right: none

}



.forumlist .mlist3 li {

    float: left;

    min-width: 33.333%;

    box-sizing: border-box;

    padding: 13px 5px 10px;

    overflow: hidden;

    border-bottom: 1px solid var(--dz-BOR-ed);

    border-right: 1px solid var(--dz-BOR-ed);

    flex-shrink: 0

}



.forumlist .mlist4 li {

    float: left;

    min-width: 25%;

    box-sizing: border-box;

    padding: 13px 5px 10px;

    overflow: hidden;

    border-bottom: 1px solid var(--dz-BOR-ed);

    border-right: 1px solid var(--dz-BOR-ed);

    flex-shrink: 0

}



.forumlist .mlist3 li a.murl,

.forumlist .mlist4 li a.murl {

    height: auto

}



.forumlist .mlist3 li .micon,

.forumlist .mlist4 li .micon {

    float: none;

    display: block;

    margin: 0 auto;

    text-align: center;

}



.forumlist .mlist3 li .mtit {

    margin-top: 6px;

    text-align: center

}



.forumlist .mlist4 li .mtit {

    font-size: 13px;

    margin-top: 5px;

    text-align: center

}



/*----- 提示转跳相关 -----*/

.jump_c {

    padding: 100px 15px;

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

    border-bottom: 1px solid var(--dz-BOR-ed);

    font-size: 15px

}



.jump_c p {

    line-height: 26px

}



.jump_c p .grey {

    color: var(--dz-FC-999)

}



.tip {

    width: 300px;

    text-align: center;

    background-color: var(--dz-BG-0);

    border: 1px solid var(--dz-BOR-ed);

    border-radius: 6px

}



.tip dt {

    padding: 25px 20px;

    line-height: 30px;

    font-size: 14px

}



.tip dt.mpt {

    margin: 15px;

    padding: 10px;

    background-color: var(--dz-BG-5);

    border-radius: 4px

}



.tip dt.mpt .pt {

    min-height: 96px

}



.tip dt .pxbg {

    background-color: var(--dz-BG-5);

    margin-bottom: 5px;

    padding: 0 5px;

    border-radius: 4px

}



.tip dd {

    padding: 0 15px 15px;

    overflow: hidden

}



.tip dd .button {

    width: 48%;

    padding: 0;

    display: inline-block;

}



.tip .close {

    display: block;

    color: var(--dz-FC-fff)

}



/*----- 版块页面-头部版块名称区域 -----*/

.forumdisplay-top {

    padding: 20px 15px;

    background-color: var(--dz-BG-0);

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.forumdisplay-top img,

.forumdisplay-top svg {

    float: left;

    height: 50px;

    margin-right: 10px;

    border-radius: 4px

}



.forumdisplay-top h2 {

    height: 30px;

    line-height: 30px;

    font-size: 18px;

    color: var(--dz-FC-color)

}



.forumdisplay-top h2 #a_favorite {

    float: right;

    height: 28px;

    line-height: 28px;

    font-size: 12px;

    padding: 0 10px;

    margin-top: 10px;

    background-color: var(--dz-BG-3);

    color: var(--dz-FC-fff);

    border-radius: 4px

}



.forumdisplay-top h2 .button {

    float: right;

    height: 28px;

    line-height: 28px;

    font-size: 12px;

    padding: 0 10px;

    margin-top: 10px;

    background-color: var(--dz-BG-3);

    color: var(--dz-FC-fff);

    border-radius: 4px

}



.forumdisplay-top p {

    height: 20px;

    line-height: 20px;

    color: var(--dz-FC-999)

}



.forumdisplay-top p span {

    color: var(--dz-BG-2);

    margin-right: 8px

}



/*----- 通用会员类列表 -----*/

.imglist {

    background-color: var(--dz-BG-0);

}



.imglist .subtit {

    background-color: var(--dz-BG-body);

    height: 44px;

    line-height: 44px;

    padding: 0 15px;

    border-bottom: 1px solid var(--dz-BOR-ed)

}



.imglist .subtit h2 {

    font-size: 15px

}



.imglist li {

    overflow: hidden;

    padding: 10px 15px;

    border-bottom: 1px solid var(--dz-BOR-ed)

}



.imglist li a {

    display: block;

    height: 44px;

    overflow: hidden

}



.imglist li .mimg {

    float: left;

    width: 44px;

    height: 44px;

    margin-right: 10px

}



.imglist li .mimg img {

    width: 44px;

    height: 44px;

    border-radius: 50%

}



.imglist li .mtit {

    height: 20px;

    line-height: 20px;

    font-size: 16px;

    overflow: hidden

}



.imglist li .mtit .mtime {

    float: right;

    font-size: 12px;

    color: var(--dz-FC-bbb)

}



.imglist li .mico {

    float: right;

    margin-left: 5px;

    height: 20px;

    padding: 0 6px;

    line-height: 20px;

    font-size: 12px;

    background-color: var(--dz-BG-3);

    color: var(--dz-FC-fff);

    border-radius: 4px

}



.imglist li .mnum {

    padding-left: 6px;

    font-size: 12px;

    color: var(--dz-BG-2)

}



.imglist li .mtxt {

    display: block;

    margin-top: 6px;

    height: 18px;

    line-height: 18px;

    font-size: 14px;

    color: var(--dz-FC-999);

    overflow: hidden

}



.imglist li .mtxt i {

    float: left;

    margin-right: 4px;

    color: var(--dz-FC-ccc)

}



.imglist li .mbody {

    display: block;

    margin-top: 6px;

    line-height: 18px;

    font-size: 14px;

    color: var(--dz-FC-666);

    overflow: hidden

}



.imglist li .mtit span {

    float: left;

    font-size: 14px;

    color: var(--dz-FC-bbb)

}



.imglist li .mbody a {

    display: inline;

    color: var(--dz-FC-color)

}



.imglist li .mbody a.lit {

    color: var(--dz-BG-2)

}



/*----- 任务、道具、勋章类列表 -----*/

.medallist li {

    overflow: hidden;

    position: relative;

}



.medallist .medal_top {

    height: 38px;

    padding: 12px 0 5px;

}



.medallist .medal_top .mg_img {

    float: left;

    margin-right: 10px;

}



.medallist .medal_top .mg_img img {

    float: left;

    height: 38px;

    line-height: 38px;

    border-radius: 50%;

}



.medallist .tbmu {

    padding: 10px;

    margin-top: 15px;

    font-size: 14px;

    line-height: 24px;

    background: var(--dz-BG-5);

    border: 1px dashed var(--dz-BOR-ed);

    color: var(--dz-FC-light);

    position: relative;

}



.medallist .mg_tit h3 {

    height: 20px;

    line-height: 20px;

    font-size: 15px;

    overflow: hidden;

}



.medallist .mg_tit span {

    display: block;

    height: 18px;

    line-height: 18px;

    font-size: 12px;

    color: var(--dz-FC-999);

}



.medallist .mg_tit span .xi1 {

    font-size: 14px;

}



.medallist .medal_msg {

    margin-bottom: 5px;

    margin-left: 32px;

    line-height: 22px;

    font-size: 14px;

    color: var(--dz-FC-999);

}



.medallist .medal_btn_large {

    position: absolute;

    top: 15px;

    right: 13px;

    text-align: center;

}



.medallist .medal_btn {

    position: absolute;

    top: 20px;

    right: 13px;

    height: 30px;

    line-height: 30px;

    background-color: var(--dz-BG-color);

    font-size: 12px;

    border-radius: 3px;

    text-align: center;

}



.medallist .medal_btn span {

    color: var(--dz-FC-fff);

    padding: 0 12px;

}



.medallist .medal_btn span.hui {

    display: block;

    background: var(--dz-BG-5);

    color: var(--dz-FC-999);

}



.medallist .medal_btn a {

    color: var(--dz-FC-fff);

    padding: 0 12px;

}



.medallist .medal_btn span a {

    padding: 0 0;

}



.last_medal {

    background: var(--dz-BG-0);

}



.last_medal li {

    padding: 10px 12px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden;

}



.last_medal li a {

    display: block;

    overflow: hidden;

    position: relative;

}



.last_medal li img {

    float: left;

    margin-right: 10px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

}



.last_medal li .name {

    color: var(--dz-FC-333);

    line-height: 30px;

    font-size: 15px;

}



.last_medal .last_medal_msg {

    margin-top: 5px;

    color: var(--dz-FC-999);

    font-size: 13px;

    line-height: 20px;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.last_medal .last_medal_msg strong {

    color: var(--dz-FC-333);

}



.mgcl {

    padding: 5px;

    position: relative;

}



.mgcl li {

    float: left;

    width: 25%;

}



.mgcl.mgcls li {

    float: left;

    width: 50%;

}



.mgcl .mgcl_box {

    margin: 5px;

    padding: 10px 8px;

    background: var(--dz-BG-0);

    border-radius: 3px;

    text-align: center;

}



.mgcl .mg_img {

    height: 34px;

}



.mgcl .mg_img img {

    height: 34px;

}



.mgcl.mgcls .mg_img {

    height: 50px;

}



.mgcl.mgcls .mg_img img {

    height: 50px;

}



.mgcl .mgcl_box p {

    margin-top: 10px;

    height: 20px;

    line-height: 20px;

    font-size: 14px;

    color: var(--dz-FC-333);

    overflow: hidden;

}



.mgcl.mgcls .mgcl_box p {

    margin-top: 8px;

}



.mgcl .mgcl_box .mgcl_p strong {

    font-weight: 500;

}



.mgcl .mgcl_box .mgcl_p {

    color: var(--dz-FC-999);

}



.mgcl .mgcl_box .mgcl_btn {

    height: 26px;

    line-height: 26px;

}



.mgcl .mgcl_box .mgcl_btn a {

    display: block;

    float: left;

    padding: 0 10px;

    height: 26px;

    line-height: 26px;

    background-color: var(--dz-BG-color);

    font-size: 12px;

    color: var(--dz-FC-fff);

    border-radius: 3px;

    text-align: center;

}



.mgcl.mgcls .mgcl_box .mgcl_btn a {

    display: inline-block;

    float: initial;

}



.mgcl .mgcl_box .mgcl_btn a.mgcl_a2 {

    float: right;

}



.mgcl.mgcls .mgcl_box .mgcl_btn a {

    float: initial;

    margin: 0 5px;

}



.mgcl .mgcl_box .mgcl_btn .mgcl_sp {

    color: var(--dz-FC-a);

    font-weight: 500;

}



.tip_btn {

    padding: 0 15px 15px;

    overflow: hidden;

}



.medal_tip_top {

    padding: 15px 15px 0 15px;

}



.medal_tip_top p {

    line-height: 22px;

    font-size: 12px;

    color: var(--dz-FC-999);

}



.medal_tip_top .author p {

    margin-top: 6px;

    line-height: 24px;

    font-size: 15px;

    color: var(--dz-FC-333);

    overflow: hidden;

}



.medal_tip_box .ts {

    margin: 10px 0;

    height: 22px;

    line-height: 22px;

    font-size: 15px;

    color: var(--dz-FC-a);

    overflow: hidden;

}



.medallist .task_top .mg_tit span {

    color: var(--dz-FC-a);

}



.medallist .medal_top.task_top .mg_img img {

    width: 50px;

    height: 50px;

}



.medallist .task_list .medal_msg {

    margin-left: 60px;

}



.threadlist li.task_list .medal_msg a {

    display: initial;

    color: var(--dz-FC-a);

}



.task_list .list_jd {

    margin-left: 60px;

    margin-top: 5px;

}



.task_list_jd {

    position: relative;

    width: 100%;

    height: 20px;

    margin-bottom: 12px;

    background: var(--dz-BG-5);

    border-radius: 0 10px 10px 0;

}



.task_pdr {

    display: block;

    height: 20px;

    background: var(--dz-FC-v);

    border-radius: 0 10px 10px 0;

}



.task_csc {

    position: absolute;

    left: 0;

    top: 0;

    padding: 0 5%;

    width: 90%;

    line-height: 20px;

    font-size: 12px;

    color: var(--dz-FC-999);

}



.task_view {

    padding: 2px 15px 15px 15px;

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

    border-bottom: 1px solid var(--dz-BOR-ed);

    margin-top: 10px

}



.task_view_box {

    padding: 12px 0;

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden;

    position: relative;

}



.task_view_box .notice_avt {

    float: left;

    margin-right: 10px;

    width: 50px;

    height: 50px;

    border-radius: 50%;

}



.task_view_box .notice_avt img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

}



.task_us {

    margin-top: 3px;

    overflow: hidden;

}



.task_us .task_name {

    width: 100%;

    line-height: 24px;

    font-size: 16px;

    overflow: hidden;

}



.task_js {

    line-height: 26px;

    font-size: 14px;

    color: var(--dz-FC-999);

}



.task_viewnr {

    margin-bottom: 12px;

}



.task_viewappnr {

    border-bottom: 1px solid var(--dz-BOR-ed);

    font-size: 14px;

    padding: 10px 0;

}



.task_viewappnr .task_th {

    float: left;

    width: 140px;

    line-height: 22px;

    color: var(--dz-FC-999);

}



.task_viewappnr p {

    line-height: 22px;

}



.task_viewappnr p strong {

    overflow: hidden;

    display: block;

    width: 100%;

}



.task_viewappnr ul li a {

    color: var(--dz-FC-color);

}



.task_prize {

    color: var(--dz-FC-a);

}



.task_debtn a {

    float: left;

    margin-right: 15px;

    padding: 0 10px;

    height: 30px;

    line-height: 30px;

    background-color: var(--dz-BG-color);

    font-size: 12px;

    border-radius: 3px;

    color: var(--dz-FC-fff);

    text-align: center;

}



.task_debtn a.hui {

    background: var(--dz-BG-5);

    color: var(--dz-FC-999);

}



.task_taskid {

    background-color: var(--dz-BG-0);

    overflow: hidden

}



.task_taskid .taskid_tit {

    font-size: 15px;

    height: 40px;

    line-height: 40px;

    font-weight: 400;

    padding: 0 15px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.task_parterlist {

    padding: 0 5px 12px 5px;

    overflow: hidden;

}



.task_parterlist li {

    float: left;

    margin: 0 2%;

    width: 12.66%;

}



.task_parterlist li a {

    display: block;

    margin-top: 12px;

    text-align: center;

}



.task_parterlist li a img {

    margin: 0 auto;

    width: 100%;

    margin-bottom: 3px;

    border-radius: 50%;

    vertical-align: middle;

}



.task_parterlist li a p {

    display: block;

    width: 100%;

    height: 20px;

    line-height: 20px;

    color: var(--dz-FC-666);

    text-align: center;

    overflow: hidden;

}



.task_mbn {

    font-size: 14px;

    color: var(--dz-FC-a);

}



.medallist .tbmu_btn {

    position: absolute;

    top: 20px;

    right: 13px;

}



.medallist .tbmu_btn a {

    display: block;

    float: left;

    padding: 0 10px;

    height: 26px;

    line-height: 26px;

    background-color: var(--dz-BG-color);

    font-size: 12px;

    color: var(--dz-FC-fff);

    border-radius: 3px;

    text-align: center;

}



.medallist .tbmu_btn .buy_credits {

    margin-right: 10px;

}



.magic_log_list .dhnv {

    border-bottom: 0;

}



.magic_log_list .dhnv a.mon {

    border-bottom: 0;

}



.magic_log_list .dt {

    background: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

}



.magic_log_list .dt th,

.magic_log_list .dt td {

    padding: 11px 10px 9px 10px;

    height: 24px;

    line-height: 24px;

    font-size: 13px;

    overflow: hidden;

}



.medal_tip_box ul {

    padding: 12px 15px;

}



.medal_tip_box ul input.px.p_fre {

    text-align: center;

}



.medal_tip_box ul p {

    margin: 2px 0;

    line-height: 22px;

    overflow: hidden;

}



.medal_tip_box ul li {

    display: flex;

    position: relative;

    line-height: 22px;

    padding: 8px 12px;

    background: var(--dz-BG-0);

    font-size: 15px;

    overflow: hidden;

}



.medal_tip_box ul li span {

    display: flex;

    flex-shrink: 0;

    margin-right: 15px;

    color: var(--dz-FC-999);

}



.medal_tip_input {

    display: flex;

    width: 100%;

    color: var(--dz-FC-333);

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.medal_tip_input input {

    width: 100%;

    padding: 0 10px;

    background: var(--dz-BG-0);

    outline: none;

    border: none;

    height: 26px;

    line-height: 26px;

    font-size: 15px;

    color: #555;

}



.medal_tip_p {

    display: flex;

    width: 100%;

    color: var(--dz-FC-a);

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



/*----- 广播 -----*/

.flw_image {

    margin-bottom: 10px;

    font-size: 0;

    overflow: hidden;

    position: relative;

}



.flw_image ul li {

    float: left;

    width: 32.6%;

    padding-bottom: 25%;

    margin-top: 1.1%;

    margin-right: 1.1%;

    box-sizing: border-box;

    background: var(--dz-BG-5);

    position: relative;

    overflow: hidden;

    border-radius: 4px

}



.flw_image ul li:nth-child(3n) {

    margin-right: 0

}



.flw_image ul img {

    object-fit: cover;

    position: absolute

}



.flw_content img {

    width: 100%;

    height: 100%;

}



.flw_content,

.flw_quotenote {

    line-height: 26px;

    font-size: 16px;

}



.mtime .color {

    color: var(--dz-BG-2);

}



.flw_foot .mtit {

    padding: 0 0 !important;

    border-bottom: none !important;

}



.flw_foot {

    color: var(--dz-FC-ccc);

}



.flw_foot .flw_zbus {

    display: inline-block !important;

    color: var(--dz-FC-ccc);

}



.flw_quote {

    margin-left: 10px;

    margin-bottom: 12px;

    padding-left: 15px;

    border-left: 2px solid var(--dz-BG-color);

}



.flw_replybox {

    padding: 10px;

    margin: 8px 0;

    background-color: var(--dz-BG-5);

    font-size: 14px;

    border-radius: 4px

}



.flw_replybox .moodfm {

    margin-top: 0

}



.flw_replybox .replybox_close {

    margin-top: 10px;

    text-align: center;

    color: var(--dz-BG-2);

}



.flw_newreply {

    background: var(--dz-BG-0);

}



.flw_newreply li {

    padding: 10px;

    border-bottom: 1px solid var(--dz-BOR-ed);

}



.flw_newreply li a {

    display: inline-block !important;

    margin-right: 6px;

}



a.flw_readfull {

    color: var(--dz-BG-2);

}



.flw_more {

    margin-top: 10px;

    padding: 0 12px;

}



.flw_loadmore.pn {

    display: block;

    background-color: var(--dz-BG-0);

    color: var(--dz-FC-333);

}



/*----- 相册 -----*/

.album_list {

    margin-top: 10px;

    overflow: hidden;

}



.album_list .album_ul {

    padding: 6px;

    background: var(--dz-BG-0);

}



.album_list .album_pic {

    overflow: hidden;

    padding: 6px;

}



.album_list ul li {

    float: left;

    width: 33.33%;

}



.album_list ul li a {

    display: block;

    position: relative;

}



.album_list ul li a img {

    width: 100%;

    vertical-align: top;

}



.album_list ul li a p {

    width: 100%;

    height: 28px;

    line-height: 30px;

    font-size: 12px;

    color: var(--dz-FC-fff);

    text-align: center;

    background: rgba(0, 0, 0, 0.4);

    position: absolute;

    overflow: hidden;

    left: 0;

    bottom: 0;

}



.album_view_top {

    padding: 0 12px;

    background: var(--dz-BG-0);

    overflow: hidden;

}



.album_name {

    padding: 8px 0;

    overflow: hidden;

}



.album_name .albumname {

    height: 30px;

    line-height: 30px;

    font-size: 18px;

    color: var(--dz-FC-333);

}



.album_name span {

    float: left;

    padding-left: 10px;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

    color: var(--dz-FC-999);

}



.album_name a {

    display: inline-block;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

    color: var(--dz-FC-a);

}



.album_depict {

    padding-bottom: 8px;

    line-height: 18px;

    font-size: 14px;

    color: var(--dz-FC-999);

    overflow: hidden;

}



.album_list.album_view_list ul li {

    width: 50%;

}



.album_tbmu {

    margin-bottom: 12px;

    overflow: hidden;

}



.album_tbmu .c {

    position: relative;

}



.album_tbmu img {

    width: 100%;

    display: block;

}



.album_tbmu .tbmu {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 50px;

}



.album_tbmu .tbmu a {

    display: block;

    width: 60px;

    height: 36px;

    line-height: 38px;

    background: rgba(0, 0, 0, 0.35);

    font-size: 14px;

    color: var(--dz-FC-fff);

    text-align: center;

    overflow: hidden;

}



.album_tbmu .tbmu .z {

    border-radius: 0 3px 3px 0;

}



.album_tbmu .tbmu .y {

    border-radius: 3px 0 0 3px;

}



.album_inof {

    background: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

    padding: 8px 12px;

}



.album_inof p {

    line-height: 24px;

    font-size: 14px;

    color: var(--dz-FC-333);

}



.album_inof p span {

    color: var(--dz-FC-999);

}



.album_at {

    margin-top: 5px;

}



.medal_tip_box.album_tip ul li span {

    margin-right: 8px;

    font-size: 14px;

}



.medal_tip_box.album_tip select {

    width: 100%;

    padding: 0 10px;

    background: var(--dz-BG-0);

    outline: none;

    border: none;

}



/*----- 记录、留言 -----*/

.moodfm {

    margin-top: 10px;

    overflow: hidden;

    border-bottom: 1px solid var(--dz-BOR-ed);

}



.moodfm_post {

    background: var(--dz-BG-0);

}



.moodfm_text {

    padding: 10px 12px;

    border-bottom: 1px solid var(--dz-BOR-ed);

}



.moodfm_text textarea {

    width: 100%;

    min-height: 66px;

    line-height: 22px;

    border: none;

    resize: none;

    font-size: 14px;

    vertical-align: middle;

}



.moodfm_f {

    padding: 12px;

    overflow: hidden;

}



.moodfm_btn {

    float: right;

    height: 30px;

    line-height: 30px;

    color: var(--dz-FC-999);

}



.moodfm_btn .button {

    height: 30px;

    line-height: 30px;

    font-size: 14px

}



.moodfm_signature {

    height: 30px;

    line-height: 30px;

}



.doing_list_box {

    margin-top: 10px;

}



.doing_list_box .wall_i {

    margin-bottom: 10px;

    padding: 10px;

    font-size: 14px;

    line-height: 24px;

    background: var(--dz-BG-5);

    color: var(--dz-FC-a);

    position: relative;

}



.doing_list_box .wall_i a {

    color: var(--dz-FC-color);

}



.threadlist .doing_list_li.list {

    margin-top: 0px;

    padding: 2px 12px 12px 12px;

    border-bottom: 0px solid var(--dz-BOR-ed);

}



.mtime .doing_listgl a {

    float: right;

    margin-left: 8px;

    color: var(--dz-BG-2);

}



.do_comment {

    line-height: 26px;

    font-size: 15px;

    color: var(--dz-FC-333);

}



.do_comment .quote {

    padding: 10px 10px 7px 11px;

    margin: 5px 0;

    background: var(--dz-BG-5);

    font-size: 12px;

    color: var(--dz-FC-777);

}



.do_comment img {

    margin: 1px 1px 0;

    width: 26px;

}



.do_comment .quote li a {

    display: initial !important;

}



.wall_list .magic_doodle {

    line-height: 30px;

}



.wall_list .magic_doodle img {

    margin-right: 5px;

    margin-bottom: 2px;

}



.wall_magic_list .magic_doodle {

    margin-left: 10px;

}



/*----- 通用资讯类列表 -----*/

.wzlist {

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed)

}



.wzlist li {

    overflow: hidden;

    border-bottom: 1px solid var(--dz-BOR-ed);

    padding: 15px;

}



.wzlist li .mimg {

    float: left;

    width: 30%;

    height: 80px;

    margin-right: 10px;

    overflow: hidden;

    border-radius: 4px

}



.wzlist li .mimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    overflow: hidden

}



.wzlist li .minfo {

    overflow: hidden

}



.wzlist li .minfo p {

    display: block;

    overflow: hidden

}



.wzlist li .minfo p.mtit {

    height: 52px;

    line-height: 26px;

    font-size: 16px

}



.wzlist li .minfo p.mtime {

    height: 20px;

    line-height: 20px;

    margin-top: 8px;

    font-size: 14px;

    color: var(--dz-FC-bbb);

    position: relative

}



.wzlist li .minfo p.mtime span {

    float: right;

    color: var(--dz-BG-2)

}



/*----- 通用资讯类内容 -----*/

.wzview {

    background-color: var(--dz-BG-0);

    border-bottom: 1px solid var(--dz-BOR-ed);

    padding: 15px 15px 10px;

    overflow: hidden

}



.wzview_top h2 {

    line-height: 34px;

    font-size: 22px;

    text-align: center

}



.wzview_top p {

    height: 24px;

    line-height: 24px;

    font-size: 14px;

    text-align: center;

    margin-top: 5px;

    color: var(--dz-FC-aaa);

    overflow: hidden;

    position: relative

}



.wzview_top p span {

    padding: 0 4px

}



.wzview_desc {

    border-top: 1px solid var(--dz-BOR-ed);

    border-bottom: 1px solid var(--dz-BOR-ed);

    margin: 10px auto;

    padding: 8px 0;

    font-size: 14px;

    line-height: 24px;

    color: var(--dz-FC-color);

    overflow: hidden

}



.wzview_desc span {

    margin-right: 5px;

    font-weight: 400;

    color: var(--dz-BG-2)

}



.wzview_body {

    margin-top: 10px;

    font-size: 16px;

    line-height: 30px

}



.wzview_body .mtit {

    font-weight: 400;

    color: var(--dz-BG-2)

}



.wzview_body img {

    vertical-align: top;

    max-width: 100%;

    max-height: 100%;

    margin: 5px 0;

    border-radius: 4px

}



.wzview_sxwz {

    padding-top: 10px;

    margin-top: 15px;

    border-top: 1px solid var(--dz-BOR-ed);

    color: var(--dz-FC-color);

    overflow: hidden

}



.wzview_sxwz a {

    display: block;

    width: 100%;

    height: 28px;

    line-height: 28px;

    font-size: 14px;

    color: var(--dz-FC-color);

    overflow: hidden

}



/*----- 通用文字类列表 -----*/

.txtlist {

    background-color: var(--dz-BG-0);

    overflow: hidden

}



.txtlist .mtit {

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    font-weight: 400;

    padding: 0 15px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.txtlist .mtit em {

    margin-left: 5px;

    font-size: 12px;

    color: var(--dz-FC-999)

}



.txtlist .mtit .ytxt {

    float: right;

    margin-top: 9px;

    margin-left: 8px;

    padding: 0 5px;

    height: 20px;

    line-height: 20px;

    font-size: 12px;

    color: var(--dz-FC-color);

    background-color: var(--dz-BG-5);

    border: 1px solid var(--dz-BOR-ed);

    border-radius: 4px;

    position: relative

}



.txtlist ul {

    padding: 0 15px;

    overflow: hidden

}



.txtlist ul li {

    border-top: 1px solid var(--dz-BOR-ed);

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    overflow: hidden

}



.txtlist ul li:first-child {

    border-top: none

}



.txtlist ul li i {

    float: left;

    margin-right: 5px;

    font-size: 12px;

    color: var(--dz-FC-ddd)

}



.text-muted {

    padding: 10px 15px;

    color: var(--dz-FC-999)

}



/*----- 发现页面相关 -----*/

.findbox {

    background-color: var(--dz-BG-0);

    padding: 0 15px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.findbox ul li {

    border-top: 1px solid var(--dz-BOR-ed);

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    overflow: hidden

}



.findbox ul li a {

    display: block

}



.findbox ul li:first-child {

    border-top: none

}



.findbox ul li i {

    float: right;

    margin-left: 5px;

    font-size: 12px;

    color: var(--dz-FC-ddd)

}



.findbox ul li em {

    float: right;

    font-size: 12px;

    margin-right: 5px;

    color: var(--dz-BG-2)

}



.findbox ul li.sclist {

    font-size: 14px

}



.findbox ul li.sclist a img {

    float: left;

    height: 16px;

    margin-top: 17px;

    margin-right: 8px;

}



.findbox ul li.sclist a .favicon {

    float: left;

    height: 16px;

    margin-top: 17px;

    margin-right: 8px;

    font-size: 16px;

    color: var(--dz-FC-999);

}



.findbox ul li.sclist .mdel {

    float: right;

    padding-left: 15px

}



.findbox ul li.sclist .mdel i {

    font-size: 20px;

    color: var(--dz-BG-2)

}



/*----- 通用固定二级导航 -----*/

.dhnv {

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

    border-bottom: 1px solid var(--dz-BOR-ed);

    font-size: 15px;

    text-align: center

}



.dhnv a {

    height: 46px;

    line-height: 46px;

    color: var(--dz-FC-999);

    position: relative

}



.dhnv a.mon {

    height: 46px;

    color: var(--color-hl);

    font-weight: 400;

}



.dhnv a.mon:after {

    content: "";

    display: block;

    width: 12px;

    height: 4px;

    position: absolute;

    left: 50%;

    bottom: 2px;

    transform: translateX(-50%);

    border-radius: 2px;

    background: var(--color-hl);

    background: linear-gradient(-5deg, #FEDD1C, var(--color-hl));

}



/*----- 通用滑动二级导航 -----*/

.dhnav_box,

.dhnav {

    width: 100%;

    height: 46px;

    overflow: hidden

}



.dhnav_box {

    background-color: var(--dz-BG-0);

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



#dhnav_li {

    width: 100%;

    height: 46px;

    text-align: center;

    white-space: nowrap

}



#dhnav_li li {

    float: left;

    width: auto;

    height: 46px;

    text-align: center;

    overflow: hidden;

    color: var(--dz-FC-999);

    position: relative

}



#dhnav_li li a {

    display: inline-block;

    font-size: 15px;

    line-height: 46px;

    margin: 0 15px

}



#dhnav_li li.mon {

    height: 46px;

    border-bottom: 2px solid var(--dz-BG-color)

}



#dhnav_li li.mon a {

    color: var(--color-hl);

    font-weight: 400;

    position: relative;

}



#dhnav_li li.mon a:after {

    content: "";

    display: block;

    width: 12px;

    height: 4px;

    position: absolute;

    left: 50%;

    bottom: 2px;

    transform: translateX(-50%);

    border-radius: 2px;

    background: var(--color-hl);

    background: linear-gradient(-5deg, #FEDD1C, var(--color-hl));

}



#dhnav_li .swiper-wrappers li {

    width: 25%

}



/*----- 通用滑动三级导航 -----*/

.dhnavs_box,

.dhnavs {

    width: 100%;

    height: 46px;

    overflow: hidden

}



.dhnavs_box {

    background-color: var(--dz-BG-0);

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



#dhnavs_li {

    width: 100%;

    height: 46px;

    text-align: center;

    white-space: nowrap

}



#dhnavs_li li {

    float: left;

    width: auto;

    text-align: center;

    overflow: hidden;

    color: var(--dz-FC-999);

    position: relative

}



#dhnavs_li li a {

    display: inline-block;

    font-size: 14px;

    height: 24px;

    line-height: 24px;

    margin: 11px 15px 11px 0px;

    padding: 0 6px;

    color: var(--dz-FC-999);

    border-radius: 4px

}



#dhnavs_li li span {

    color: var(--dz-FC-ddd)

}



#dhnavs_li li.mon a {

    background-color: var(--color-hl);

    color: var(--dz-FC-fff)

}



/*----- 通用面包屑导航 -----*/

.subnavs_box,

.subnavs {

    height: 41px;

    width: 100%;

    overflow: hidden

}



#subnavs_box {

    height: 40px;

    position: relative

}



#subnavs_box {

    height: 40px;

    text-align: center;

    white-space: nowrap;

    width: 100%

}



#subnavs_box li {

    float: left;

    width: auto;

    overflow: hidden;

    position: relative

}



#subnavs_box em {

    position: absolute;

    left: 50%;

    bottom: 2px;

    margin-left: -9px;

    height: 4px;

    width: 18px;

    border-radius: 10px

}



#subnavs_box a {

    display: inline-block;

    font-size: 15px;

    height: 40px;

    line-height: 38px;

    padding: 0 12px

}



#subnavs_box a .kmsum {

    display: inline-block;

    height: 16px;

    line-height: 16px;

    margin-top: 11px;

    margin-left: 5px;

    padding: 0 6px;

    font-size: 12px;

    border-radius: 20px;

    vertical-align: top

}



#subnavs_btn {

    height: 26px;

    padding-left: 2px;

    padding-top: 7px;

    text-align: center;

    white-space: nowrap;

    width: 100%

}



#subnavs_btn li {

    float: left;

    width: auto;

    overflow: hidden

}



#subnavs_btn a {

    display: inline-block;

    font-size: 14px;

    height: 24px;

    line-height: 24px;

    padding: 0 5px;

    margin: 0 5px;

}



#subnavs_btn a.mon {

    color: var(--dz-FC-color)

}



/*----- 通用帖子列表 -----*/

.threadlist_box {

    overflow: hidden

}



.threadlist_box h2 {

    padding: 0 15px;

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

    line-height: 40px;

    font-size: 14px

}



.threadlist_box h2 .emfont {

    color: var(--dz-BG-2)

}



.threadlist_box h4 {

    background-color: var(--dz-BG-0);

    height: 30px;

    line-height: 30px;

    padding: 80px 0;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    color: var(--dz-FC-999);

    border-top: 1px solid var(--dz-BOR-ed);

    border-bottom: 1px solid var(--dz-BOR-ed);

    margin-bottom: 10px

}



.threadlist {

    padding: 0;

    overflow: hidden

}



.threadlist li.list {

    padding: 2px 15px;

    background-color: var(--dz-BG-0);

    border-bottom: 1px solid var(--dz-BOR-ed);

}



.threadlist li.list a {

    display: block

}



.threadlist_top {

    height: 38px;

    padding: 12px 0 10px

}



.threadlist_top .mimg {

    float: left;

    margin-right: 8px

}



.threadlist_top .mimg img {

    float: left;

    width: 38px;

    height: 38px;

    border-radius: 50%

}



.threadlist_top .muser h3 {

    margin-top: 2px;

    height: 20px;

    line-height: 20px

}



.threadlist_top .muser h3 .mmc {

    font-size: 15px

}



.threadlist_top .muser .mtime {

    display: block;

    height: 18px;

    line-height: 18px;

    font-size: 12px;

    color: var(--dz-FC-ccc)

}



.threadlist_tit {

    line-height: 26px;

    font-size: 18px;

    margin-bottom: 5px;

    font-weight: 400

}



.threadlist_tit .micon {

    float: left;

    width: 30px;

    height: 18px;

    line-height: 18px;

    text-align: center;

    font-size: 12px;

    background-color: var(--dz-BG-color);

    color: var(--dz-FC-fff);

    margin-top: 4px;

    margin-right: 5px;

    border-radius: 2px;

    overflow: hidden

}



.threadlist_tit .top {

    background-color: var(--dz-BG-3)

}



.threadlist_tit .digest {

    background-color: var(--dz-BG-4)

}



.threadlist_tit .lock {

    background-color: var(--dz-BG-2)

}



.threadlist_mes {

    margin-bottom: 8px;

    line-height: 22px;

    font-size: 14px;

    color: var(--dz-FC-999);

    overflow: hidden

}



.threadlist_imgs {

    margin-bottom: 10px;

    font-size: 0;

    overflow: hidden;

    position: relative

}



.threadlist_imgs li {

    float: left;

    width: 32.6%;

    padding-bottom: 30%;

    margin-top: 1.1%;

    margin-right: 1.1%;

    box-sizing: border-box;

    background: var(--dz-BG-5);

    position: relative;

    overflow: hidden;

    border-radius: 4px

}



.threadlist_imgs li:nth-child(3n) {

    margin-right: 0

}



.threadlist_imgs li img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute

}



.threadlist_imgs li em {

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 100;

    background: rgb(0, 0, 0, .5);

    color: var(--dz-FC-fff);

    font-size: 12px;

    height: 22px;

    line-height: 22px;

    padding: 1px 5px;

    border-radius: 0 0 4px 0

}



.threadlist_imgs1 {

    margin-bottom: 10px;

    font-size: 0;

    overflow: hidden;

    position: relative

}



.threadlist_imgs1 li {

    width: 100%;

    padding-bottom: 66%;

    background: var(--dz-BG-5);

    position: relative;

    overflow: hidden;

    border-radius: 4px

}



.threadlist_imgs1 li img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute

}



.threadlist_imgs2 li {

    width: 49.45%

}



.threadlist_imgs2 li:nth-child(2n) {

    margin-right: 0

}



.threadlist_foot {

    padding: 5px 0 15px;

    min-height: 22px;

    line-height: 22px;

    font-size: 13px

}



.threadlist_foot li {

    float: left;

    background-color: var(--dz-BG-5);

    padding: 0 10px;

    margin: 2px 10px 2px 0px;

    color: var(--dz-FC-aaa);

    border-radius: 4px

}



.threadlist_foot li i {

    float: left;

    font-size: 14px;

    margin-right: 3px;

    color: var(--dz-FC-ccc)

}



.threadlist_foot li.mr {

    float: right;

    margin-right: 0;

    padding: 0;

    background: none;

    color: var(--dz-FC-color)

}



.threadlist_foot li.mr a {

    float: right;

    color: var(--dz-FC-color)

}



.threadlist li.list_top {

    padding: 0 15px;

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed)

}



.threadlist li.list_top a {

    display: block;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    overflow: hidden

}



.threadlist li.list_top a .micon {

    float: left;

    height: 18px;

    line-height: 18px;

    font-size: 12px;

    background-color: var(--dz-BG-color);

    color: var(--dz-FC-fff);

    margin-top: 9px;

    margin-right: 6px;

    padding: 0 3px;

    border-radius: 2px;

    overflow: hidden

}



.threadlist li.list_top a .gonggao {

    background-color: var(--dz-BG-2)

}



/*----- 快速发帖 -----*/

.pblbox {

    background: var(--dz-BG-0);

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.pbl {

    margin: 0 auto;

    overflow: hidden

}



.pbl li {

    float: left;

    width: 30%;

    min-height: 300px;

    padding: 8px 5px;

    border-left: 1px solid var(--dz-BOR-ed);

    overflow-x: hidden;

    overflow-y: auto

}



.pbl li:first-child {

    border-left: none

}



.pbl li p {

    margin: 2px 5px;

    height: 30px;

    line-height: 30px

}



.pbl li a {

    display: block;

    height: 30px;

    line-height: 30px;

    padding: 0 6px;

    font-size: 14px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    border-radius: 4px

}



.pbl li .pbls a {

    background: var(--dz-BG-3);

    color: var(--dz-FC-fff)

}



.pbsb::after {

    float: right;

    margin-top: 11px;

    margin-right: 2px;

    vertical-align: 4px;

    content: "";

    border-top: 4px solid transparent;

    border-right: 0;

    border-bottom: 4px solid transparent;

    border-left: 4px solid

}



/*----- 用户空间 -----*/

.userinfo {

    padding-bottom: 10px;

    overflow: hidden

}



.user_avatar {

    height: 130px;

    background-color: var(--dz-BG-0);

    text-align: center;

    overflow: hidden

}



.user_avatar .avatar_bg {

    width: 100%;

    height: 100%;

    overflow: hidden

}



.user_avatar .avatar_m {

    width: 70px;

    height: 70px;

    margin: 20px auto 0

}



.user_avatar .avatar_m img {

    width: 70px;

    height: 70px;

    border-radius: 50%

}



.user_avatar .name {

    margin-top: 15px;

    height: 18px;

    line-height: 18px;

    font-size: 18px;

    color: var(--dz-FC-333)

}



.user_box {

    margin: 15px 15px 10px;

    padding: 5px 0;

    color: var(--dz-FC-aaa);

    background-color: var(--dz-BG-0);

    border: 1px solid var(--dz-BOR-ed);

    overflow: hidden;

    border-radius: 6px

}



.user_box li {

    float: left;

    width: 25%;

    margin: 8px 0;

    text-align: center;

    line-height: 20px

}



.user_box li span {

    display: block;

    font-size: 18px;

    color: var(--dz-FC-333)

}



.myinfo_list {

    margin: 0 15px 10px;

    padding: 5px 15px;

    background-color: var(--dz-BG-0);

    border: 1px solid var(--dz-BOR-ed);

    overflow: hidden;

    border-radius: 6px

}



.myinfo_list li {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    border-top: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.myinfo_list li.sig {

    height: auto;

    line-height: 30px

}



.myinfo_list li:first-child {

    border-top: none

}



.myinfo_list li a {

    display: block

}



.myinfo_list li i {

    float: right;

    font-size: 14px;

    color: var(--dz-FC-ccc)

}



.myinfo_list li em {

    font-size: 12px;

    margin-left: 5px;

    color: var(--dz-BG-2)

}



.myinfo_list li span {

    float: right;

    color: var(--dz-FC-aaa)

}



.myinfo_list li span.mtxt {

    margin-top: 12px;

    height: 18px;

    line-height: 18px;

    padding: 0 3px;

    font-size: 12px;

    background-color: var(--dz-BG-3);

    color: var(--dz-FC-fff);

    overflow: hidden;

    border-radius: 2px

}



.myinfo_list li span a {

    color: var(--dz-BG-color)

}



.myinfo_list li b {

    color: var(--dz-FC-color)

}



.myinfo_list_ico {

    margin: 0 15px 10px;

    padding: 10px;

    background-color: var(--dz-BG-0);

    border: 1px solid var(--dz-BOR-ed);

    overflow: hidden;

    border-radius: 6px

}



.myinfo_list_ico li {

    float: left;

    width: 50%;

    box-sizing: border-box

}



.myinfo_list_ico li a {

    display: block;

    background-color: var(--dz-BG-body);

    margin: 5px;

    padding: 10px;

    height: 26px;

    line-height: 26px;

    font-size: 14px;

    overflow: hidden;

    border-radius: 6px;

    position: relative;

}



.myinfo_list_ico li a i {

    float: left;

    width: 26px;

    height: 26px;

    line-height: 26px;

    font-size: 16px;

    text-align: center;

    margin-right: 8px;

    background-color: #f90;

    color: var(--dz-FC-fff);

    overflow: hidden;

    border-radius: 50%

}



.myinfo_list_ico li a em {

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: var(--color-hl);

    position: absolute;

    top: 5px;

    right: 5px;

    -webkit-animation: flash 1s infinite;

    animation: flash 1s infinite;

}



.btn_exit,

.btn_admincp {

    padding: 5px 15px;

    overflow: hidden

}



.btn_exit .pn {

    display: block;

    background-color: var(--dz-BG-2);

    color: var(--dz-FC-fff)

}



.btn_admincp .pn {

    display: block;

    background-color: var(--dz-BG-3);

    color: var(--dz-FC-fff)

}



.notice_tip {

    background-color: var(--dz-BG-0);

    padding: 15px;

    font-size: 14px;

    color: var(--dz-BG-3);

    text-align: center

}



.notice_tip a {

    color: var(--dz-BG-3)

}



@keyframes flash {

    0% {

        opacity: 0;

    }



    50% {

        opacity: 1;

    }



    100% {

        opacity: 0;

    }

}



/*----- 发信息 -----*/

.friend_msg,

.self_msg {

    padding: 20px 15px 0

}



.friend_msg .avat img,

.self_msg .avat img {

    background-color: var(--dz-BG-5);

    width: 38px;

    height: 38px;

    border-radius: 50%

}



.friend_msg .dialog_c,

.self_msg .dialog_c {

    padding: 8px 10px;

    font-size: 14px;

    line-height: 22px;

    border-radius: 4px

}



.friend_msg .dialog_c {

    margin: 0 5px 5px 10px;

    background-color: var(--dz-BG-0)

}



.self_msg .dialog_c {

    margin: 0 10px 5px 5px;

    background-color: var(--dz-BG-color);

    color: var(--dz-FC-fff)

}



.friend_msg .dialog_c img,

.self_msg .dialog_c img {

    margin: 2px 4px;

    vertical-align: bottom;

    border-radius: 4px

}



.friend_msg .date,

.self_msg .date {

    margin: 0 10px;

    height: 18px;

    line-height: 18px;

    font-size: 12px;

    color: var(--dz-FC-aaa)

}



.self_msg .date {

    text-align: right

}



.msg_post {

    height: 54px;

    overflow: hidden

}



.msg_post .px,

.msg_post .pns {

    margin: 7px 10px

}



.msgbox .page {

    margin-top: 30px

}



/*----- 通用发布输入框相关 -----*/

.post_box {

    background-color: var(--dz-BG-0);

    overflow: hidden

}



.post_box li.mli {

    height: 30px;

    line-height: 30px;

    padding: 5px 15px;

    font-size: 16px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden;

    position: relative

}



.post_box li.flex-half {

    padding: 5px 0px;

}



.post_box li.mtit {

    height: 20px;

    line-height: 20px;

    font-size: 12px;

    padding-top: 10px;

    color: var(--dz-FC-999)

}



.post_box li.mtext {

    height: auto;

    line-height: 30px;

    padding: 10px 15px;

    font-size: 16px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.post_box li.mli .input-append {

    position: absolute;

    right: 15px;

    color: #495057;

    font-size: 1rem;

}



.post_box .sort_sel {

    width: 100%;

    background: url(../touch/arrow.svg) no-repeat right center;

    background-size: 16px 16px;

    padding-left: 14px;

    height: 30px;

    line-height: 30px;

    font-size: 16px;

    border: none;

    color: graytext;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    overflow: hidden

}



.post_box .attqx .sort_sel {

    font-size: 14px;

}



.post_box .multisel .sort_sel {

    background: url(../touch/arrow.svg) no-repeat right center;

    background-size: 14px 14px;

    padding-right: 16px;

    font-size: 14px;

    border: none;

    color: graytext;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    overflow: hidden;

    width: auto;

}



.post_btn {

    padding: 15px

}



.post_box .sec_code {

    padding: 5px 15px;

    border-bottom: 1px solid var(--dz-BOR-ed)

}



.post_box li .post_attbtn {

    margin-left: 5px;

}



.post_box li .post_imgbtn,

.post_box li .post_attbtn {

    float: left;

    padding: 0 10px;

    font-size: 13px;

    color: var(--dz-FC-color);

    background-color: var(--dz-BG-5);

    border: 1px solid var(--dz-BOR-ed);

    border-radius: 4px;

    position: relative

}



.post_box li .post_imgbtn i,

.post_box li .post_attbtn i {

    float: left;

    margin-right: 5px

}



.post_box li .post_imgbtn input,

.post_box li .post_attbtn input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0

}



.post_box li .group_upico em {

    float: left;

    width: 40px;

    height: 40px;

    margin-right: 8px;

    border-radius: 2px;

    overflow: hidden;

}



.post_box li .group_upico em img {

    width: 40px;

    height: 40px;

    border-radius: 2px;

}



.post_box li .group_upico span {

    float: left;

    height: 40px;

    line-height: 40px;

}



.post_box li .editpic {

    margin: 12px;

    overflow: hidden

}



.post_box li .editpic .quote {

    margin: 0

}



.post_box li .editpic li {

    padding: 12px 0;

    overflow: hidden

}



.post_box li .editpic li:last-child {

    border: none !important

}



.post_box li .editpic li.up_btn {

    height: 40px;

    position: relative

}



.post_box li .editpic li.up_btn a {

    display: inline-block;

    height: 30px;

    line-height: 30px;

    padding: 5px 10px;

    font-size: 14px;

    border-radius: 4px;

    background: var(--dz-BG-5);

    border: none;

}



.post_box li .editpic li.up_btn a input {

    position: absolute;

    top: 12px;

    left: 0px;

    height: 42px;

    width: 109px;

    z-index: 10;

    opacity: 0;

    display: block;

}



.post_box li .editpic .editpic_l {

    width: 18px;

    overflow: hidden

}



.post_box li .editpic .editpic_l i {

    font-size: 18px

}



.post_box li .editpic .editpic_img {

    width: 100px;

    height: 78px;

    margin: 0 10px;

    background: #000;

    overflow: hidden;

    position: relative;

    border-radius: 2px

}



.post_box li .editpic .editpic_imgbox {

    width: 100px;

    height: 78px;

    overflow: hidden

}



.post_box li .editpic .editpic_imgbox img {

    width: 100%

}



.post_box li .editpic .editpic_imgbox a {

    display: block;

    height: 78px;

    overflow: hidden

}



.post_box li .editpic .editpic_imgbox p {

    position: absolute;

    left: 0;

    bottom: 0;

    display: block;

    background-color: rgba(0, 0, 0, 0.7);

    width: 100%;

    height: 24px;

    line-height: 24px;

    font-size: 12px;

    text-align: center;

    overflow: hidden

}



.post_box li .editpic .editpic_textarea {

    padding: 5px 7px;

    height: 66px;

    font-size: 14px;

    line-height: 22px;

    overflow: hidden;

    border-radius: 2px

}



.post_box li .editpic .editpic_textarea textarea {

    width: 100%;

    height: 100%;

    border: none !important;

    overflow: hidden

}



.post_box li .editpic_foot {

    padding: 10px 12px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    overflow: hidden

}



.post_box li .editpic_foot .kmleft {

    width: 60px;

    margin-right: 8px

}



.post_box li .editpic_foot .newalbumid {

    margin-left: 10px;

    padding: 0 5px;

    border-radius: 2px

}



.post_imglist,

.post_attlist {

    margin-bottom: 8px

}



.post_imglist li {

    position: relative;

    float: left;

    margin-top: 20px;

    padding: 0px 10px 0 0

}



.post_imglist li .del {

    position: absolute;

    left: -5px;

    top: -12px

}



.post_imglist li .del i {

    background-color: var(--dz-BG-0);

    color: var(--dz-BG-2);

    font-size: 24px;

    border-radius: 50%

}



.post_imglist li .p_img {

    display: block

}



.post_imglist li .p_img img {

    padding: 2px;

    border: 1px solid var(--dz-BOR-ed);

    vertical-align: middle

}



.post_attlist li {

    padding: 12px 0;

    overflow: hidden

}



.post_attlist li .tit {

    padding: 12px 0;

    line-height: 22px;

    font-size: 13px;

    text-overflow: ellipsis;

    white-space: nowrap

}



.post_attlist li .tit img {

    float: left;

    margin: 5px;

}



.post_attlist li .tit span {

    font-weight: 400;

}



.post_attlist li .tit span.btn {

    color: var(--dz-FC-fff);

    background-color: var(--dz-BG-3)

}



.post_attlist li .tit span.btn i.dm-trash {

    color: var(--dz-FC-fff);

}



.post_attlist li .tit span.del {

    background-color: var(--dz-BG-2)

}



.post_attlist li .tit span.link {

    text-overflow: ellipsis;

    display: block;

    overflow: hidden;

}



.post_attlist li .btn {

    float: right;

    padding: 0 10px;

    margin-left: 8px;

    font-size: 12px;

    border-radius: 30px

}



.post_attlist li .mimg {

    float: left;

    height: 22px;

    width: 22px;

    margin-right: 6px

}



.post_attlist li .minput {

    margin-top: 8px;

    height: 24px;

    line-height: 24px;

    font-size: 13px

}



.post_attlist li .minput .attms {

    width: 100%;

    overflow: hidden

}



.post_attlist li .minput .attqx {

    float: left;

    width: 49%;

    overflow: hidden

}



.post_attlist li .minput .attjg {

    float: right;

    width: 49%;

    overflow: hidden

}



.post_attlist li .minput span {

    padding-right: 5px

}



.post_attlist li .minput em {

    padding-left: 5px

}



.post_attlist li .minput .input {

    padding: 0 6px;

    height: 24px;

    line-height: 24px;

    font-size: 13px;

    border-radius: 4px;

    display: block;

}



.post_attlist li .minput .price {

    width: inherit;

}



/*----- 帖子内容页 -----*/

.quote,

.showhide,

.locked {

    padding: 8px 10px;

    margin: 8px 0;

    background-color: var(--dz-BG-5);

    font-size: 14px;

    border-radius: 4px

}



.quote a,

.showhide a,

.locked a {

    color: var(--dz-BG-3)

}



.viewthread {

    background-color: var(--dz-BG-0);

    overflow: hidden

}



.viewthread .view_tit {

    padding: 15px 15px 0;

    line-height: 30px;

    font-size: 20px;

    font-weight: 400

}



.viewthread .view_tit span {

    font-size: 12px;

    color: var(--dz-BG-2)

}



.viewthread .view_reply {

    padding: 50px 15px;

    line-height: 30px;

    font-size: 14px;

    color: var(--dz-FC-ccc);

    text-align: center

}



.viewthread .view_reply i {

    display: block;

    font-size: 50px;

    line-height: 50px;

    margin: 5px auto

}



.plc {

    padding: 0 15px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    overflow: hidden;

    position: relative

}



.plc .avatar {

    position: absolute;

    left: 15px;

    top: 15px;

    display: inline

}



.plc .avatar img {

    width: 36px;

    height: 36px;

    border-radius: 50%

}



.plc .pi {

    margin-top: 5px;

    padding: 10px 0;

    position: relative

}



.plc .pi .authi {

    margin-left: 45px;

    margin-bottom: 10px;

    position: relative

}



.plc .pi .authi li.mtit {

    height: 18px;

    line-height: 16px;

    padding-top: 2px;

    overflow: hidden

}



.plc .pi .authi li span.z,

.plc .pi .authi li span.z a {

    font-size: 14px;

    color: var(--dz-FC-color)

}



.plc .pi .authi li span.y {

    float: right;

    color: var(--dz-FC-999)

}



.plc .pi .authi li.mtime {

    height: 16px;

    line-height: 16px;

    color: var(--dz-FC-999);

    overflow: hidden

}



.plc .pi .authi li.mtime span {

    float: right;

    font-size: 12px

}



.plc .pi .authi li.mtime span i {

    float: left;

    margin-left: 8px;

    margin-right: 2px;

    color: var(--dz-FC-bbb)

}



.plc .pi .authi li.mtime span em {

    float: left

}



.plc .pi .authi li.mtime em.mgl {

    float: right;

    margin-left: 8px;

    color: var(--dz-BG-2)

}



.plc .pi .authi li.mtime em.mgl a {

    color: var(--dz-BG-2)

}



.plc .pione {

    margin-left: 0

}



.plc .pione .authi {

    margin-left: 45px

}



.plc .pi .message {

    line-height: 26px;

    font-size: 16px

}



.plc .pi .message .jammer {

    font-size: 12px;

    color: var(--dz-BG-0)

}



.plc .pi .message hr.l {

    height: 1px;

    border: none;

    background: var(--dz-BOR-ed);

    color: var(--dz-BOR-ed)

}



.plc .pi .message img,

.plc .pi .img_one img {

    margin: 6px 0;

    max-width: 100%;

    border-radius: 4px

}



.plc .pi .img_list {

    margin: 0 auto

}



.plc .pi .img_list li {

    width: 100%;

    text-align: center;

    vertical-align: middle

}



.plc .pi .img_list li a {

    display: block

}



.plc .pi .img_list li img {

    margin: 7px 0;

    max-width: 100%;

    border-radius: 4px

}



.plc .psth {

    margin: 2em 0 2em -15px;

    padding: 5px 45px 5px 15px;

    width: 70%;

    background: var(--dz-BOR-ed);

    color: var(--dz-FC-666);

    font-size: 14px;

    border-radius: 0 14px 14px 0;

}



.mtime .manage,

.mtime .dialogbox {

    width: 90%;

    padding: 10px;

    background-color: var(--dz-BG-0);

    overflow: hidden;

    border-radius: 8px;

    max-height: 305px;

    overflow-y: auto;

}



.mtime .manage .button,

.mtime .dialogbox .button {

    float: left;

    width: 46%;

    margin: 2%

}



.replybtn {

    display: none;

    position: absolute;

    right: 0;

    top: 12px

}



.replybtn .button {

    height: 34px;

    line-height: 34px;

    font-size: 12px;

    padding: 0 12px;

    border-radius: 4px

}



.foot_reply {

    height: 40px;

    background-color: var(--dz-BG-0);

    border-top: 1px solid var(--dz-BOR-ed);

    overflow: hidden

}



.foot_reply a {

    display: block;

    height: 20px;

    line-height: 20px;

    font-size: 14px;

    text-align: center;

    color: var(--dz-FC-666)

}



.foot_reply a i {

    padding-right: 4px;

    color: var(--dz-FC-aaa)

}



.foot_reply a.mx {

    border-left: 1px solid var(--dz-BOR-ed)

}



.foot_height_view {

    height: 40px

}



.plc .pi .message .rate {

    margin: 15px auto 10px;

    text-align: center;

    overflow: hidden

}



.plc .pi .message .rate p {

    height: 20px;

    line-height: 20px

}



.plc .pi .message .rate p.rate_tit {

    font-size: 15px

}



.plc .pi .message .rate p.rate_tip {

    font-size: 13px

}



.plc .pi .message .rate p.rate_tip span {

    font-size: 15px;

    padding: 0 3px

}



.plc .pi .message .rate h2 {

    height: 52px;

    margin: 10px 0 16px;

    font-size: 24px;

    overflow: hidden

}



.plc .pi .message .rate h2 a {

    display: inline-block;

    width: 52px;

    height: 52px;

    line-height: 54px;

    text-align: center;

    border-radius: 50%;

    overflow: hidden

}



.plc .pi .message .rate h2.rate_btn {

    height: 34px;

    font-size: 16px

}



.plc .pi .message .rate h2.rate_btn a {

    padding: 0 15px;

    height: 34px;

    line-height: 34px;

    border-radius: 4px

}



.plc .pi .message .rate ul {

    margin: 8px 30px 0;

    text-align: center;

    overflow: hidden

}



.plc .pi .message .rate ul li {

    display: inline-block;

    height: 32px;

    margin: 0 2px;

    overflow: hidden

}



.plc .pi .message .rate ul li img {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    overflow: hidden

}



.plc .pi .message .rate ul li a span {

    display: inline-block;

    text-align: center;

    font-size: 14px;

    width: 32px;

    height: 32px;

    line-height: 26px;

    overflow: hidden;

    border-radius: 50%

}



.plc .pi .message table {

    border: 1px solid var(--dz-BOR-ed);

}



.plc .pi .message table td {

    overflow-wrap: anywhere;

}



.plc .pi .message .blockcode {

    overflow: hidden;

    margin: 10px 0;

    padding: 5px 10px 5px 43px;

    font-size: 12px;

    border-radius: 4px;

    background: var(--dz-BG-5) repeat-y 0 0;

    background-image: linear-gradient(90deg, #EDEDED, #EDEDED);

    background-size: 43px;

    color: var(--dz-FC-666);

}



.plc .pi .message .blockcode code {

    font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif;

    font-size: 12px;

    line-height: 1.8em;

}



.plc .pi .message .blockcode ol li {

    padding-left: 10px;

    list-style-type: decimal-leading-zero;

    line-height: 1.8em;

}



/*----- 特殊主题-投票 -----*/

.poll {

    margin: 10px auto;

    padding: 10px 15px;

    background-color: var(--dz-BG-5);

    font-size: 14px;

    border-radius: 6px

}



.poll_txt {

    line-height: 28px;

    color: var(--dz-FC-666)

}



.poll_box p {

    margin: 5px 0;

    line-height: 30px

}



.poll_box p .mimg {

    display: block;

    width: 50%;

    border-radius: 4px

}



.plc .pi .message .poll_box p .mimg img {

    width: 80%

}



.poll_box p input {

    margin: 0 3px 3px 0;

    vertical-align: middle

}



.poll_box p em {

    margin-left: 5px

}



.poll_box span {

    display: block;

    margin-top: 5px;

    line-height: 28px;

    color: var(--dz-FC-666)

}



.poll_box #pollsubmit {

    margin: 5px 0

}



/*----- 特殊主题-悬赏 -----*/

.reward,

.rwdbst {

    margin: 15px auto 10px;

    padding: 15px;

    background-color: var(--dz-BG-5);

    font-size: 14px;

    border-radius: 6px

}



.reward_txt {

    line-height: 20px;

    color: var(--dz-FC-666)

}



.reward_txt strong {

    margin: 0 5px;

    font-size: 18px;

    color: var(--dz-BG-3)

}



.reward_txt span {

    display: block;

    color: var(--dz-FC-bbb)

}



.reward .mhd {

    float: right;

    color: var(--dz-FC-fff)

}



.rwdbst {

    padding: 10px 15px

}



.rwdbst h3 {

    color: var(--dz-BG-3)

}



.rwdbst h3 a {

    float: right;

    font-size: 14px;

    color: var(--dz-FC-color)

}



.rwdbst .muser {

    margin: 8px 0;

    height: 20px;

    line-height: 20px

}



.rwdbst .muser img {

    float: left;

    width: 20px;

    height: 20px;

    margin: 0 5px 0 0 !important;

    border-radius: 50% !important

}



.rwdbst .mtxt {

    color: var(--dz-FC-999)

}



/*----- 特殊主题-辩论 -----*/

.debate_box {

    margin: 10px auto;

    padding: 10px 15px;

    background-color: var(--dz-BG-5);

    font-size: 14px;

    border-radius: 6px

}



.debate_box strong em {

    float: right;

    color: var(--dz-FC-999);

    font-weight: 400

}



.debate_box p {

    color: var(--dz-FC-666)

}



.debate_box p strong {

    color: var(--dz-BG-2)

}



.debate_box .pns {

    float: left;

    margin: 5px 0;

    height: 30px;

    line-height: 30px;

    padding: 0 10px;

    font-size: 14px;

    color: var(--dz-FC-fff) !important

}



.debate_box #affirmbutton {

    background-color: var(--dz-BG-3)

}



.debate .endtime {

    margin-bottom: 5px;

    font-size: 14px;

    text-align: center;

    color: var(--dz-FC-999)

}



/*----- 特殊主题-活动 -----*/

.activity {

    margin: 10px auto;

    padding: 10px 15px;

    background-color: var(--dz-BG-5);

    font-size: 14px;

    border-radius: 6px

}



.activity dl {

    margin-top: 5px

}



.activity dt {

    line-height: 26px

}



.activity dt .mtit {

    float: left;

    width: 80px;

    margin-right: 10px;

    text-align: right

}



.activity dt .my {

    float: right;

    color: var(--dz-FC-999)

}



.activity dt em,

.activity dt a,

.activity dt.mtxt {

    color: var(--dz-BG-3)

}



.activity dt .mtxt {

    display: block;

    margin-top: 8px

}



.activity dt .mtxt .mx {

    margin-left: 3px;

    color: var(--dz-BG-2)

}



.activity dt .px {

    padding: 2px 0;

    text-indent: 8px;

    border-radius: 4px

}



.activity dt p a.xi2 {

    display: none

}



.activity p {

    background-color: var(--dz-BG-0)

}



.activity p label {

    display: block

}



.activity .join_btn {

    margin: 10px auto

}



.activity .mbox {

    width: 100%

}



.activity .mbox .ma {

    width: 40%

}



.activity .mbox .mb,

.activity .mbox .mc {

    width: 30%;

    text-align: right

}



/*----- 特殊主题-商品 -----*/

.trade_box {

    margin: 10px auto;

    padding: 10px 15px;

    background-color: var(--dz-BG-5);

    font-size: 14px;

    border-radius: 6px

}



.trade_box .my {

    float: right;

    color: var(--dz-BG-3)

}



/*----- 帖子内容页-返回顶部 -----*/

.scrolltop {

    display: block;

    position: fixed;

    right: 15px;

    bottom: 8px;

    margin-bottom: 50px;

    height: 38px;

    width: 38px;

    z-index: 99999;

    background: rgba(0, 0, 0, .8);

    opacity: .618;

    box-shadow: 0 0 2px rgba(0, 0, 0, .2);

    border-radius: 6px

}



.scrolltop:after {

    content: "";

    position: absolute;

    top: 12px;

    left: 11px;

    width: 16px;

    height: 2px;

    border-radius: 1px;

    background: var(--dz-BG-0);

    border-radius: 1px

}



.scrolltop:before {

    content: "";

    position: absolute;

    top: 17px;

    left: 11px;

    display: inline-block;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #fff;

    border-top: 0;

    -webkit-transform: scale(1, 1.2222);

    -webkit-transform: translate(0, 1px);

    transform: scale(1, 1.2222);

    transform: translate(0, 1px)

}



.scrolltop.bottom:after {

    top: 24px

}



.scrolltop.bottom:before {

    border-top: 8px solid var(--dz-FC-fff);

    border-bottom: 0;

    top: 11px

}



/*----- 动态 -----*/

.home_feed {

    background: var(--dz-BG-0)

}



.home_feed_time {

    height: 25px;

    line-height: 25px;

    padding: 10px 0px 0px;

    margin-bottom: 5px;

    position: relative

}



.home_feed_time span {

    text-align: center;

    height: 24px;

    line-height: 24px;

    display: inline-block;

    font-size: 16px;

    font-weight: bold;

    color: var(--dz-FC-666);

    background: var(--dz-BG-0);

    padding: 0px 12px;

    margin-left: 47px;

    position: relative;

    z-index: 1

}



.home_feed_time:after {

    content: "";

    width: 100%;

    height: 1px;

    position: absolute;

    top: 21px;

    left: 0px;

    background: #ededed

}



.home_feed_item li:first-child .home_feed_time {

    height: 10px;

    overflow: hidden

}



.home_feed_item li:first-child .home_feed_time span,

.home_feed_item li:first-child .home_feed_time:after {

    display: none

}



.home_feed_ecs {

    padding: 0px 10px 40px 60px;

    position: relative

}



.home_feed_ecs .mimg {

    position: absolute;

    float: left;

    margin-right: 8px;

    top: 10px;

    left: 10px

}



.home_feed_ecs .mimg img {

    float: left;

    width: 38px;

    height: 38px;

    border-radius: 50%

}



.home_feed_c {

    border-bottom: 1px dashed var(--dz-BOR-ed)

}



.home_feed_c .delete_bt {

    float: right;

    margin: -3px -1px 0px 10px;

    position: static

}



.home_feed_item {

    padding: 0px 0px 1px;

    color: var(--dz-FC-777);

    overflow: hidden

}



.home_feed_item img {

    max-width: 100%

}



.home_feed_item .home_mess {

    margin-bottom: 14px

}



.home_feed_item .home_mess b {

    font-weight: 400

}



.home_feed_item .home_mess a {

    color: var(--dz-FC-color);

}



.home_feed_title {

    padding: 10px 0px

}



.home_feed_title p {

    font-size: 14px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.home_feed_title p a {

    font-weight: bold;

    color: var(--dz-FC-777)

}



.home_feed_title span {

    margin-left: 10px;

    color: var(--dz-FC-bbb)

}



/*----- 设置-积分-记录 -----*/

.home_credit_log {

    background: var(--dz-BG-0);

}



.home_credit_log li {

    padding: 10px 15px;

    border-bottom: 1px solid var(--dz-BOR-ed)

}



.home_credit_log li .txt {

    color: var(--dz-FC-999);

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.home_credit_log li .txt a {

    color: var(--dz-FC-999)

}



.home_credit_log li .mtime {

    color: var(--dz-FC-999);

    text-align: right;

    min-width: 120px;

}



.home_credit_log .xi1 {

    color: var(--dz-BG-2)

}



.home_credit_log .xg1 {

    color: green

}



.home-order-status-0 a {

    color: blue;

}



.home-order-status-1 {

    color: green;

}



.home-order-status-2 {

    color: var(--dz-FC-aaa);

}



/*----- 群组 -----*/

.groupbox {}



.group_memberlist_star {

    background-color: var(--dz-BG-3);

    border-radius: 10px;

    color: var(--dz-BG-0);

    margin-left: 5px;

    padding: 0px 2px;

    font-size: 12px;

}



#group_manage_userlist li {

    width: auto;

    margin: 0 5px;

}



#threadtype input {

    background-color: var(--dz-BG-5);

    width: 100%;

}



/*----- media --------*/

.media {

    display: block;

    margin-bottom: 30px;

    max-width: 100%;

}



.media_container {

    display: block;

    width: 100%;

    height: 100%;

    min-height: 20px;

    background: url("./images/img_loader.gif") no-repeat center;

}



.media_container a {

    text-decoration: none !important;

}



.media_tips {

    display: block;

    margin: 10px 0;

    text-align: center;

}



.media_tips a {

    font-size: 12px !important;

    color: var(--dz-FC-999) !important;

    text-decoration: none !important;

}



.media_tips a:hover {

    text-decoration: underline !important;

}



.tfm {

    width: 100%;

    font-size: 14px;

}



.tfm caption,

.tfm th,

.tfm td {

    vertical-align: top;

    padding: 7px 0;

    line-height: 28px;

}



.tfm caption h2 {

    font-size: 16px;

}



.vt th,

.vt td {

    vertical-align: top;

}



.tfm th {

    padding-right: 5px;

    width: 70px;

}



.tfm th .rq {

    float: right;

    font-size: 14px;

}



.tfm .pt,

.tfm .px {

    width: 97%;

    line-height: 28px;

    border: 1px solid var(--dz-BOR-ed);

}



.tfm .pt {

    min-height: 65px;

}



.tfm .d {

    clear: both;

    color: var(--dz-FC-333);

}



.tfm .d em {

    margin-left: 5px;

    color: red;

}



.tfm .d strong {

    margin-left: 5px;

}



.tfm .d a {

    color: var(--dz-BG-2);

}



.tfm .p {

    text-align: right;

}



.tfm .pcl label {

    display: block;

    padding: 0 2px 5px;

}



.tfm .pcl .pc {

    margin-right: 5px;

    padding: 0;

}



.tfm .l th,

.tfm .l td {

    padding-top: 0;

    padding-bottom: 0;

}



.bn .tfm caption,

.bn .tfm th,

.bn .tfm td {

    padding-top: 5px;

    padding-bottom: 5px;

}



.tfm select {

    background: url(../touch/arrow.svg) no-repeat right center;

    background-size: 14px 14px;

    padding-right: 16px;

    font-size: 14px;

    border: none;

    color: graytext;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    overflow: hidden

}



.xl li {

    margin: 2px 0;

}



.xl em {

    float: right;

    padding-left: 5px;

}



.xl em,

.xl em a {

    color: {

    LIGHTTEXT

}



;

}



.xl label,

.xl label a {

    color: #C00;

}



.xl1 li {

    height: 1.5em;

    overflow: hidden;

}



.xl1_elp {

    float: left;

    width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.xl2 li {

    float: left;

    margin: 2px 0;

    padding: 0;

    width: 50%;

    height: 1.5em;

    overflow: hidden;

}



.xl ol,

ol.xl {

    line-height: 21px;

    counter-reset: xlol;

}



.xl ol li,

ol.xl li {

    background: none;

    height: 21px;

}



.xl ol li:before,

ol.xl li:before {

    display: inline-block;

    width: 16px;

    height: 16px;

    line-height: 16px;

    margin: 2px 4px 3px 0;

    color: var(--dz-FC-fff);

    background: var(--dz-BG-n);

    border-radius: 8px;

    text-align: center;

    counter-increment: xlol;

    content: counter(xlol);

}



.xl ol li:first-child:before,

ol.xl li:first-child:before {

    background: #ED741C;

}



.xl ol li:nth-child(2)::before,

ol.xl li:nth-child(2)::before {

    background: #F3AC27;

}



.xl ol li:nth-child(3)::before,

ol.xl li:nth-child(3)::before {

    background: #F8CB5E;

}



.xld dt {

    padding: 8px 0 5px;

    font-weight: 700;

}



.xld dd {

    margin-bottom: 8px;

}



/* text with thumbnail image ( must with the additional class .cl ) */

.xld .m {

    float: left;

    margin: 8px 8px 10px 0;

}



.xld .atc {

    float: right;

    margin-left: 20px;

}



.xld .atc img {

    padding: 2px;

    max-width: 80px;

    max-height: 80px;

    border: 1px solid var(--dz-BOR-ccc);



    background: {

    WRAPBG

}



;

}



.xld a.d,

.xl a.d,

.attc a.d,

.c a.d,

.sinf a.d {

    float: right;

    width: 14px;

    height: 14px;

    border-radius: 7px;

    margin-left: 3px;

    margin-right: 3px;

    overflow: hidden;

    line-height: 14px;

    text-align: center;

    background: var(--dz-BG-6);

}



.attc a.d {

    float: left;

}



.xld a.d:hover,

.xl a.d:hover,

.attc a.d:hover,

.c a.d:hover,

.sinf a.d:hover {

    background-color: #f99;

    text-decoration: none;

}



.xld a.d:before,

.xl a.d:before,

.attc a.d:before,

.c a.d:before,

.sinf a.d:before {

    content: "\d7";

    color: var(--dz-FC-fff);

    font-weight: 700;

}



.xld a.b {

    background-position: 0 -40px;

}



.xld a.b:hover {

    background-position: 0 -60px;

}



.xlda dl {

    padding-left: 65px;

}



.xlda .m {

    display: inline;

    margin: 8px 0 8px -65px;

}



.xlda .avt img {

    display: block;

}



.xlda dd img {

    max-width: 550px;

}



.xlda dd a {

    color: {

    HIGHLIGHTLINK

}



;

}



.xlda dd .hot {

    color: {

    NOTICETEXT

}



;

}



/* 用来展示复杂统计数据的表格，目前仅用户组页面用到 */

.tdats {

    overflow: hidden;

    zoom: 1;

    margin: 10px 0;

}



.tdats i {

    font-size: 14px;

}



.tdats i:before {

    height: 18px;

    line-height: 18px;

    margin-right: 2px;

}



.tdats th,

.tdats td {

    overflow: hidden;

    padding: 0 5px;

    height: 26px;

    border-width: 0 1px 0 0;

    border-color: #fff;

    white-space: nowrap;

}



.tdats th {

    height: 40px;

    font-weight: 700;

}



.tdats .h th {

    height: 24px;

    border-top: 1px solid var(--dz-BOR-ed);

    border-bottom: 1px solid #E5E5E5;

    background: linear-gradient(0deg, #efefef, #fcfcfc);

    color: var(--dz-FC-666);

    zoom: 1;

}



.tdats .tdat {

    float: left;

    width: 40%;

    border: none;

    table-layout: fixed;

}



.tdats .tfx {

    width: 300px;

}



.tdats .tfxf {

    width: 60%;

}



.tfx th,

.tfx td {

    border-width: 0 3px !important;

    background: #FFF2DF;

}



.tfx .alt,

.tfx .alt th,

.tfx .alt td {

    background: #FAEDDA;

}



.tfx .h th {

    padding: 1px 5px;

}



.tscr {

    float: left;

    overflow: hidden;

    width: 470px;

}



.tscr .tdat th,

.tscr .tdat td {

    width: 470px;

}



.nwp {

    word-wrap: normal;

    white-space: nowrap;

}



.tdats .c0 {

    padding: 0;

    height: 46px;

    text-align: center;

    vertical-align: bottom;

    background: transparent;

}



.tdats .c0 h4 {

    line-height: 38px;

    background-color: #F60;

    color: var(--dz-FC-fff);

}



.tdats .c0 h4,

.tdats .tb li {

    -moz-border-radius: 4px 4px 0 0;

    -webkit-border-radius: 4px 4px 0 0;

    border-radius: 4px 4px 0 0;

}



.tdats .tb {

    float: left;

    margin-top: 8px;

    padding-left: 0;

    width: 470px;

    border-bottom-width: 4px;

}



.tdats .tb li {

    padding: 0 10px;

    line-height: 33px;

    font-weight: 700;

    color: var(--dz-BG-2);

}



.tdats .c1 {

    border-color: #158B00;

}



.tdats #c1 {

    border-color: #158B00;

    background-color: #158B00;

    background-position: 0 -40px;

}



.tdats .c2 {

    border-color: #057373;

}



.tdats #c2 {

    border-color: #057373;

    background-color: #057373;

    background-position: 0 -80px;

}



.tdats .c3 {

    border-color: #1F57A9;

}



.tdats #c3 {

    border-color: #1F57A9;

    background-color: #1F57A9;

    background-position: 0 -120px;

}



.tdats .c4 {

    border-color: #1A588D;

}



.tdats #c4 {

    border-color: #1A588D;

    background-color: #1A588D;

    background-position: 0 -160px;

}



.tdats .c1 #c1,

.tdats .c2 #c2,

.tdats .c3 #c3,

.tdats .c4 #c4 {

    line-height: 35px;

}



.ftb td {

    width: 12%;

}



.tscrvip {

    width: 60%;

}



.tscrvip .tdat {

    width: 100%;

}



.tscrvip .tdat .c0 {

    width: auto;

}



.tscrvip .tdat .c0 h4 {

    background: #158B00;

}



.dtvip {

    width: 100%;

}



.dtvip th,

.dtvip td {

    padding: 15px 10px 15px 0px;

    font-size: var(--font-14);

    border-bottom: 1px solid var(--color-br);

}



.dtvip th {

    color: var(--color-9);

    padding: 10px 10px 10px 0px;

}



.userbuy {

    padding: 15px 0px;

    font-size: 14px;

    color: var(--color-9);

}



.userlist {

    width: 100%;

    line-height: 24px;

    border-top: 1px solid var(--color-br);

}



.userlist td {

    padding: 10px 0px;

    border-bottom: 1px solid var(--color-br);

}



.userlist td .userbuyday {

    text-align: center;

}



.et {

    margin: 20px 0 10px;

}



.el li {

    padding: 10px 20px;

    min-height: 20px;

    border-bottom: 1px dashed var(--dz-BOR-ed);

}



.el .t {

    position: absolute;

    margin: 1px 0 0 -20px;

}



.el .o {

    overflow: hidden;

    float: right;

    margin: 4px -20px -4px 0;

    width: 16px;

    height: 16px;

    font-size: 16px;

    line-height: 16px;

    font-family: dzicon;

    text-align: center;

    color: var(--dz-FC-tinvalid);

}



/* 外宽改变时 .ie6 .el .o, .ie6 .xlda .el .o 的 margin 值需要更改 */

.el .o:before {

    content: "\f149";

}



.el .o:hover {

    text-decoration: none;

}



.el .del:before {

    content: "\f116";

}



.el .d {

    padding-top: 10px;

}



.ec .tn {

    margin: 10px 10px 0 0;

    cursor: pointer;

}



.ec a .tn {

    float: left;

    padding: 2px;

    max-width: 90px;

    max-height: 90px;

    border: 1px solid var(--dz-BOR-ed);

}



.el .ec .hot {

    float: right;

    margin: 10px 0 0 10px;

    width: 55px;

    height: 50px;

    background: linear-gradient(0deg, #B2C0DC 40%, #D8DEEA 40%) no-repeat;

    border-radius: 3px;

}



.el .ec .hot a {

    display: block;

    line-height: 20px;

    text-align: center;

    color: var(--dz-FC-fff);

}



.el .ec .hot a:hover {

    text-decoration: none;

}



.el .ec .hot em {

    display: block;

    line-height: 30px;

    font-size: 16px;

    cursor: pointer;

}



.sl li {

    padding: 10px 0;

    border-bottom: none;

}



.sl .h {

    padding: 6px 10px;

    background: var(--dz-BG-5);

    border-bottom: 1px solid var(--dz-BOR-ed);

}





/* 排行榜 */

.rankicn {

    width: 20px;

}



.ranks {

    display: block;

    width: 16px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    color: var(--dz-FC-fff);

    background: var(--dz-BG-n);

    border-radius: 8px;

}



.ranks_1 {

    background: var(--dz-BG-2);

}



.ranks_2 {

    background: var(--dz-BG-3);

}



.ranks_3 {

    background: var(--dz-BG-4);

}



/* 图片列表 */

.ml {}



.ml li {

    float: left;

    padding: 0 5px 5px;

    text-align: center;

    overflow: hidden;

}



.ml img {

    display: block;

    margin: 0 auto;

}



.ml p,

.ml span {

    display: block;

    width: 100%;

    height: 20px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.ml span,

.ml span a {

    color: var(--dz-FC-999);

}



.mls li {

    padding: 0 0 5px;

    width: 66px;

}



.mls .avt {

    display: block;

    margin: 0 auto;

    width: 54px;

}



.mls img {

    width: 48px;

    height: 48px;

}



.mls p {

    margin-top: 5px;

}



.mlm li {

    padding: 0 0 5px;

    width: 150px;

}



.mlm img {

    width: 120px;

    height: 120px;

}



.mla li {

    width: 140px;

}



.mla1 li {

    height: 150px;

}



.mla .c {

    margin: 6px auto;

    padding: 8px;

    width: 120px;

    height: 120px;

    background: var(--dz-BG-5);

    text-align: left;

    box-shadow: 1px 1px 2px var(--dz-BOR-ccc);

}



.mla .a {

    background: var(--dz-BG-5);

}



.mla .c a {

    display: block;

    width: 120px;

    height: 120px;

    overflow: hidden;

    background: var(--dz-BG-0);

}



.mla .c a:hover {

    text-decoration: none;

}



.mla .c .nophoto {

    height: 120px;

    line-height: 120px;

}



.mla img {

    max-width: 120px;

    max-height: 120px;

}



.mlp li {

    width: 140px;

    height: 140px;

}



.mlp .d {

    padding: 0 0 5px;

    width: 150px;

    height: 180px;

}



.mlp img {

    padding: 2px;

    max-width: 120px;

    max-height: 120px;

    border: 1px solid var(--dz-BOR-ccc);

    background: var(--dz-BG-0);

}



.xl em {

    float: right;

    padding-left: 5px;

}



.xl em,

.xl em a {

    color: var(--dz-FC-999);

}



/* .rnk1 每行一个区块 */

.rnk1 {}



.rnk1 .mlp .d {

    width: 120px;

    height: 120px;

}



.rnk1 .mlp img {

    max-width: 100px;

    max-height: 75px;

}



.rnk1 .mlp .bigpic {

    width: 100%;

    height: auto;

}



.rnk1 .bigpic img {

    max-width: 286px;

    max-height: 200px;

}



/* 图片排名上的序号 */

.picrank {

    position: absolute;

    margin: -10px 0 0 -10px !important;

}



/* 竞价排名 by Pony */

.bid {

    margin: 2px -4px -2px 2px;

    zoom: 1;

}



.biduser {

    width: 988px;

    background: url(./touch/avatar_blank.gif);

}



.biduser li {

    float: left;

    margin: 0 4px 4px 0;

}



.biduser a {

    display: block;

}



.biduser img {

    width: 48px;

    height: 48px;

}



.bidtop {

    overflow: hidden;

    width: 100px;

    height: 100px;

    background-color: var(--dz-BG-5);

}



.bidtop img {

    width: auto;

    height: 100px;

}





.xl2 li {

    float: left;

    margin: 2px 0;

    padding: 0;

    width: 100%;

    height: 1.5em;

    overflow: hidden;

}



.xl2 li.xl2_r {

    margin-right: 0;

}



.hasrank dl {

    padding-left: 110px;

}



.ranknum {

    position: absolute;

    margin: 8px 0 0 -100px;

}



.el .t {}



.pll li {

    padding-left: 20px;

}



.acl td {

    border-top: none;

    border-bottom: 1px dashed var(--dz-BOR-ed);

}





/* tl --> Thread list modify by lushnis */

.tl .bm_c {

    padding-top: 0;

}



.tl table {

    width: 100%;

    table-layout: fixed;

    border-collapse: separate;

}



.tl th,

.tl td {

    padding: 5px 0;

    border-bottom: 1px solid var(--dz-BOR-ed);

}



.emptb th,

.emptb td {

    padding: 0;

    border-bottom: none;

}



.tl tr:hover th,

.tl tr:hover td {

    background-color: var(--dz-BG-5);

}



.tl .threadpre td,

.tl .threadpre:hover td {

    background-color: var(--dz-BG-body);

}



.tl .threadpre .threadpretd {

    border-left: 1px solid var(--dz-BOR-ed);

    border-right: 1px solid var(--dz-BOR-ed);

}



.tl th .tdpre,

.tl td.fn .tdpre {

    visibility: hidden;

    display: inline;

    padding: 0 3px;

    height: 17px;

    line-height: 17px;

    margin-top: 3px;

    background: var(--dz-BG-n);

    color: var(--dz-FC-fff);

    text-align: center;

    text-decoration: none;

    border-radius: 2px;

}



.tl th:hover .tdpre,

.tl td.fn:hover .tdpre {

    visibility: visible;

}



.tl th .tdpre:visited,

.tl td.fn .tdpre:visited {

    color: var(--dz-FC-fff);

}



.tbox {

    display: inline-block;

    color: var(--dz-FC-fff);

    height: 17px;

    line-height: 17px;

    padding: 0 2px;

    border-radius: 2px;

}



.tl .tbox {

    vertical-align: middle;

}



.rushrep {

    background: #904B21;

}



.tl .tdigest {

    background: #01B0C8;

}



.theatlevel {

    background-color: #FA5600;

    background: linear-gradient(90deg, #FA5600, #FC0);

    font-weight: 700;

    border-radius: 4px 0 0 4px;

    text-shadow: 1px 1px 1px #E40;

    position: relative;

    margin-right: 5px;

}



.theatlevel:after {

    display: block;

    content: "";

    width: 5px;

    height: 17px;

    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='5' height='17'%3e%3cpath fill='%23fc0' d='M0 0h4L0 5h5c0 4-3 8-5 8l5 2-4 2H0'/%3e%3c/svg%3e");

    position: absolute;

    top: 0;

    right: -5px;

}



.trecic {

    background: #FF9C00;

}



.tprizes {

    background: #BCB728;

    text-indent: 0;

}



.fastpreview {

    position: relative;

}



.icon_preview {

    position: absolute;

    display: block;

    left: 80px;

    top: -13px;

    width: 11px;

    height: 8px;

    background: url(../common/icon_preview.png);

    overflow: hidden;

}



a.icon_up {

    display: block;

    margin: 0 10px;

    height: 25px;

    background: #F2F2F2 url(../common/arrow_up.png) no-repeat 50% 50%;

    overflow: hidden;

    border: 1px dashed rgb(194, 213, 227);

    border-radius: 3px;

}



a.icon_up:hover {

    background: var(--dz-BG-0) url(../common/arrow_up_hover.png) no-repeat 50% 50%;

}



.fastpreview td {

    border-bottom: none !important;

}



.tl th,

.tl td.fn {

    padding-right: 1.5em;

    zoom: 1;

}



.fromg {

    visibility: hidden;

}



.tl .icn {

    padding-left: 5px;

    width: 25px;

    text-align: left;

}



.tl .icn a:hover {

    text-decoration: none;

}



.tl .tpin {

    position: relative;

}



.tl .tpin::before {

    display: block;

    position: absolute;

    width: 18px;

    text-align: center;

    color: var(--dz-FC-fff);

    z-index: 10;

}



.tl .tpin1::before {

    content: "1";

}



.tl .tpin2::before {

    content: "2";

}



.tl .tpin3::before {

    content: "3";

}



.tl .tpin4::before {

    content: "!";

}



.tl .tpin1 svg {

    fill: #72B933;

}



.tl .tpin2 svg {

    fill: #00ABDE;

}



.tl .tpin3 svg {

    fill: #F90;

}



.tl .tpin4 svg {

    fill: var(--dz-FC-a);

}



.tl .new {}



.tl .comm {}



.tl .frm {

    width: 150px;

}



.tl .o {

    width: 20px;

}



.tl .num {

    width: 60px;

    line-height: 14px;

}



.tl .by {

    width: 105px;

    line-height: 14px;

}



.tl cite,

.tl .num em {

    display: block;

}



.tl th em {

    margin-right: 4px;

    zoom: 1;

}



.tl th em,

.tl th em a {

    color: #007CD5;

}



.tl td em {

    font-size: 11px;

    font-family: Arial, Psimsun, sans-serif;

    -webkit-text-size-adjust: none;

}



/*.tl .th th, .tl .th td { padding: 8px 0; background: {SPECIALBG}; border-top: 1px solid var(--dz-BOR-ed); }*/

.tl .ts th,

.tl .ts td {

    padding: 3px 0;

    border-bottom-color: var(--dz-BOR-ed);

    background: var(--dz-BG-5);

}



.tl .th {

    margin-top: 1px;

    padding: 0 10px;

    border-bottom: 1px solid var(--dz-BOR-ed);

    background: var(--dz-BG-5);

}



.tl .th table {

    border: none;

}



.tl .th td,

.tl .th th {

    height: 20px;

    border: none;

    vertical-align: baseline;

}



.tl .tf {

    padding: 3px 0;

}



.tf .showmenu:hover {

    border-color: var(--dz-BOR-ed);

}



.pll .c {

    margin: 0 84px 0 74px;

}



.pll ol {

    margin: 5px 0 0 20px;

}



.pll ol li {

    list-style-type: decimal;

    padding: 0;

    border-bottom: none;

}