@charset "utf-8";

/*----- color -----*/
body {
--dz-BG-body:#DEE2E6;
--dz-BG-color:#343A40;
--dz-BG-0:#FFF;
--dz-BG-1:#1F4977;
--dz-BG-2:#FF4D4D;
--dz-BG-3:#FFAA00;
--dz-BG-4:#00D9A4;
--dz-BG-5:#F8F9FA;
--dz-BG-6:rgba(0,0,0,.05);
--dz-FC-color:#1F4977;
--dz-FC-fff:#FFF;
--dz-FC-000:#000;
--dz-FC-333:#222;
--dz-FC-666:#666;
--dz-FC-777:#777;
--dz-FC-888:#888;
--dz-FC-999:#666;
--dz-FC-aaa:#AAA;
--dz-FC-bbb:rgba(134,142,150,0.8);
--dz-FC-ccc:#CCC;
--dz-FC-ddd:#DDD;
--dz-BOR-ed:#E9ECEF;
}

.bg89 { background:var(--dz-BG-5); }
.bg { background:var(--dz-BG-body); }
.bg-dark { background:var(--dz-BG-color); }
.bgf5 { background:var(--dz-BG-5); }
.bgfff { background:var(--dz-BG-0); }
.wbbt1 { border-top: 1px solid var(--dz-BOR-ed); }
.wbbb1 { border-bottom: 1px solid var(--dz-BOR-ed); }
.grey { color: var(--dz-FC-bbb); }
.white { color: #FFF; }

/*----- common -----*/
* { word-wrap: break-word; margin: 0; padding: 0; }
ul, ol, li, span, p, form, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin:0; padding:0; border:0; z-index:inherit; }
ul, ol, li { list-style:none; }
img, a img { border:0; margin:0; padding:0; }
html, body { font:12px/1.5 Microsoft YaHei, Helvetica, sans-serif; color:var(--dz-FC-000); min-height:100%; display: flex; flex-direction: column; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin:0; padding:0; }
body { background-color:var(--dz-BG-body);  }
table { empty-cells:show; border-collapse:collapse; }
caption, th { text-align:left; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
em, cite, i { font-style: normal; }
label { cursor: pointer; }
a img { border: none; }
a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:link, a:visited, a:hover { color:var(--dz-FC-color); text-decoration:none; }
a.grey:link, a.grey:visited, a.grey:hover { color:var(--dz-FC-bbb); text-decoration:none; }
a.link:link, a.link:visited, a.link:hover { color:var(--dz-FC-color); text-decoration:none; }
a.button { color:var(--dz-FC-fff); }
.z { float:left; }
.y { float:right; }
.cl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cl { zoom:1; }
.vm { vertical-align:middle; }
.vm * { vertical-align:middle; }
.none { display:none; }
.hm { text-align: center; }
.px { width:100%; border:none; padding:0; line-height:30px; font-size:14px; }
.pn, .btn_pn, .btn_pn_blue, .button2 { width: 100%; border: none; padding: 0; height: 44px; line-height: 44px; text-align:center; font-size: 14px; background-color: var(--dz-BG-1); color: var(--dz-FC-fff); border-radius: 5px; }
.pns, .button { width: auto; border: none; height: 40px; line-height: 40px; text-align:center; font-size: 14px; padding:0 15px; background-color: var(--dz-BG-1); color: var(--dz-FC-fff); border-radius: 5px; box-sizing: border-box; }
.pt { width:100%; border:none; padding:0; min-height:168px; line-height:24px; font-size:14px; background:none; }
.pr, .pc { vertical-align: middle; margin: 0 5px 3px; padding: 0; }
.btn_pn_grey { background-color: var(--dz-BG-5); color: var(--dz-FC-color); }

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; outline: none; }

input:focus, textarea:focus, select:focus { box-shadow: none; }
input[type="radio"], input[type="checkbox"] { box-shadow: none; vertical-align: middle; width: 16px !important; height: 16px !important; margin: 0 5px 1px 0; padding: 0; background: #FFF; }
input[type="radio"] { -webkit-appearance: radio; border-radius: 50%; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="button"], button { border: none; box-shadow: none; }
input[type="button"], input[type="submit"] { -webkit-appearance: none; }

input, select, textarea, button { font:14px/1.5 Microsoft YaHei, Helvetica, sans-serif; outline:none; }
input, select, textarea { border: 1px solid var(--dz-BOR-ed); border-radius: 2px; -webkit-appearance: none; }
input, textarea, select, button, a { outline: none; }

textarea { resize: none; overflow: auto; }
select { -moz-appearance: none; }

/*----- main -----*/
#main { flex: 1 0 auto; }
#main .container { padding: 6px; }
#main .container .card { border: 1px solid rgba(0,0,0,0.125); border-radius: 6px; background: var(--dz-BG-5); box-shadow: 2px 2px 3px rgba(173,181,189,0.25); }

/* wb-input */
.wb-input { -webkit-appearance: none; background: var(--dz-BG-0); box-sizing: border-box; width: 100%; padding: 2px 2%; height: 36px; border-radius: 4px; border: 1px solid var(--dz-BOR-ed); transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s; font-size: 14px; }
.wb-input:focus { border: 1px solid var(--dz-BOR-ed); outline: none; }

/* btn-big */
.btn-big .touch { width: 100%; height: 44px; line-height: 44px; display: block; overflow: hidden; margin: 0 auto; background: var(--dz-BG-color); color: #FFF; font-size: 14px; text-align: center; border: 0; border-radius: 40px; }
.btn-big .touch:hover { background: rgba(76,76,76,0.5); }
.btn-big-bor .touch { background: #F5F5F5; width: 100%; height: 42px; line-height: 42px; display: block; overflow: hidden; margin: 0 auto; color: rgba(51,51,51,0.5); font-size: 16px; text-align: center; border: 1px solid rgba(51,51,51,0.2); border-radius: 40px; }

/*----- wbloading --------*/
.wbloading { text-align: center; padding: 10px; }
.wbloading img { height: 10px; width: 10px; margin-right: 5px; }

/* font icon size */
.fs8 { font-size: 8px !important; }
.fs10 { font-size: 10px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs24 { font-size: 24px !important; }

/* font color primary/secondary/notice/light/alarm/valid/invalid */
.fc-p { color: {MENUBGCOLOR}; }
.fc-s { color: #999; }
.fc-n { color: #7DA0CC; }
.fc-l { color: #FF9C00; }
.fc-a { color: #F26C4F; }
.fc-v { color: #7CBE00; }
.fc-i { color: #FF512C; }
.fc-t { color: transparent; }

@font-face { font-family: "dzicon"; src: url('fontdz/dzicon.eot'); src: url('fontdz/dzicon.eot?#iefix') format('eot'), url('fontdz/dzicon.woff2') format('woff2'), url('fontdz/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; }
/* 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;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.p0 {padding:0 !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;}
.pl5 {padding-left: 5px !important;}
.b0 {border:0 !important;}
.f_g, .f_g a {color: var(--dz-BG-2);}
.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-bbb);}
.f_d, .f_d a {color: var(--dz-FC-bbb);}
.f_9, .f_9 a {color: var(--dz-FC-bbb);}
.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 #FF9A9A; }
.tbms:before { font-family: dzicon; line-height: 14px; content: "\f145"; font-size: 16px; color: #F26C4F; }
.tbms_r:before { content: "\f128"; color: #7CBE00; }
.rq { color: red; }
.xi1, .onerror {  }
.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; }
.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: dzmicon; font-size: 16px; line-height: 14px; margin-right: 4px; color: #F26C4F; }
.pipe { margin: 0 5px; color: #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: #FFF; border: 1px solid; border-color: var(--dz-BOR-ed) var(--dz-BOR-ed) var(--dz-BOR-ed) var(--dz-BOR-ed); }
.fts { text-shadow: 1px 1px 0 rgb(0 0 0 / 10%); }

.bodybox {  }

/*----- headr -----*/
#header { flex: 0 0 auto; }
.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px 12px; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-nav { display: flex; flex-direction: column; padding-left: 0;  margin-bottom: 0; list-style: none; }
.wb-hl { width: 20%; }
.wb-hl a { color: #FFF; font-size: 16px; position: relative; float: left; }
.wb-hl a em { position: absolute; top: -12px; right: -15px; }
.wb-hm { width: 60%; text-align: center; }
.wb-hm a { color: #FFF; font-size: 16px; text-transform: none;}
.wb-hm a em { margin-left: 5px; font-style: normal; }
.wb-hm a img { height: 25px; vertical-align: middle; border-radius: 5px; }
.wb-hm a i { font-size: 12px; padding-left: 10px; padding-right: 10px; height: 18px; border-radius: 10px; border: 1px solid #FFF; margin-left: -5px; -webkit-transform: scale(0.7,0.7); display: inline-block; }
.wb-hr { width: 20%; }
.wb-hr a { color: #FFF; font-size: 16px; float: right; }
.wb-hlist li { padding-left: 15px; padding-right: 15px; }
.wb-hlist li:first-child { padding-top: 15px; }
.wb-hlist li:last-child { padding-bottom: 15px; }
.wb-hlist li a { border-bottom: 1px solid rgba(134,142,150,0.3); color: rgba(255,255,255,0.5); display: block; padding: 10px 0; font-size: 14px; text-transform: none; }
.wb-hlist li a i { margin-right: 10px; font-size: 14px; }
.wb-hlist li a img { width: 17px; height: 17px; border-radius: 17px; vertical-align: middle; border-style: none; margin-right: 5px; }
.icon-menu { display: block; width: 16px; }
.revolve { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transition-duration: .6s; -ms-transition-duration: .6s; -moz-transition-duration: .6s; -webkit-transition-duration: .6s; -o-transition-duration: .6s; }

/* stylelist */
#stylelist { z-index: 1; position: relative; float: right; }
#stylelist b { display: inline-block; text-align: center; width: 16px; height: 16px; line-height: 14px; margin-left: 16px; }
#stylelist b em { height: 16px; width: 16px; font-size: 12px; border-radius: 3px; display: inline-block; vertical-align: middle; }
#stylelist b .icon-check:before { font-size: 12px; color: rgba(0,0,0,0); }
#stylelist b.cover .icon-check:before { color: #868E96; }

/*----- header -----*/
.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); }

/*----- wbheader -----*/
.wbheader { width: 100%; height: 47px; background:var(--dz-BG-color); }
.wbheader h2 { width: 56%; float: left; text-align: center; font-size: 16px; line-height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFF; text-transform: none; }
.wbheader-left { width: 22%; float: left; line-height: 46px; }
.wbheader-left a { color: #FFF; line-height: 46px; font-size: 16px; margin-left: 15px; float: left; }
.wbheader-right { width: 22%; float: right; line-height: 46px; }
.wbheader-right a { color: #FFF; line-height: 46px; font-size: 16px; margin-right: 15px; float: right; }

/*----- wbtoper -----*/
.wbtoper { height: 150px; background:var(--dz-BG-color); position: relative; overflow: hidden; }
.wbtoper a.left { color: #FFF; position: absolute; left: 15px; top: 15px; z-index: 1; }
.wbtoper a.right { color: #FFF; position: absolute; right: 15px; top: 15px; z-index: 1; }
.wbtoper p { color: #FFF; height: 150px; line-height: 130px; font-size: 30px; font-weight: 700; text-align: center; text-shadow: 1px 1px 0 rgb(0 0 0 / 10%); font-style: oblique; letter-spacing: 2px; }
.wbtoper i { color: rgba(255,255,255,0.1); position: absolute; left: 50%; bottom: -110px; font-size: 200px; margin-left: -100px; }
.wbtoper-bottom { height: 20px; background:var(--dz-BG-0); margin-top: -20px; border-radius: 20px 20px 0 0; }

/*----- wbss -----*/
.wbssbg { background:var(--dz-BG-0); width: 100%; overflow: hidden; position: relative; }
.wbss { padding: 20px 20px 5px 20px; overflow: hidden; }
.wbss .sousuo { width: 90%; box-sizing: border-box; background: var(--dz-BG-body); border: 1px solid var(--dz-BOR-ed); position: relative; overflow: hidden; padding: 5px 0; border-radius: 30px; }
.wbss .sousuo a { color: var(--dz-FC-aaa); display: inline-block; width: 99%; text-align: center; font-size: 12px; }
.wbss .sousuo em { padding-left: 10px; padding-right: 5px; font-size: 12px; }
.wbss .pm { width: 10%; height: 32px; }
.wbss .pm em { font-size: 20px; position: relative; }
.wbss .pm em i { position: absolute; top: -5px; right: -10px; }

/*----- copyright -----*/
.footer { padding: 15px; text-align: center; overflow: hidden; }
.footer-nv, .footer-copy { color: var(--dz-FC-bbb); line-height: 22px; font-size: 12px; }
.footer-copy p, .footer-nv p { margin-top: 5px; }
.footer-copy a, .footer-nv a { color: var(--dz-FC-bbb); }
.footer-copy img { margin: 0 10px; }

/*----- foot-nav -----*/
.foot { width:100%; position:fixed; bottom:0; z-index:99; background-color:var(--dz-BG-5); color:var(--dz-FC-bbb); }
.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: 25px; line-height: 25px; overflow:hidden; margin-top: 6px; }
.foot a span.foot-ico em { color: var(--dz-FC-bbb); display: block; margin: 0 auto; width: 25px; height: 25px; line-height: 25px; font-size: 24px; position: relative; }
.foot a span.foot-ico em i.ico_msg { position: absolute; color: var(--dz-BG-2); display: block; top: -7px; right: -15px; z-index: 99; }
.foot a span.foot-txt { color: var(--dz-FC-bbb); height: 22px; line-height: 22px; font-size: 12px; margin-top: -3px; -webkit-transform: scale(0.8,0.8); }
.foot a.mon span.foot-txt { color: var(--dz-FC-color); }
.foot a.mon span.foot-ico em { color: var(--dz-FC-color); }
.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; font-size: 38px; }
.foot a.foot-post span.foot-txt { display: none; }
.foot_height { height: 100px; }

/*----- setbox -----*/
.setbox { overflow: hidden; }
.setbox li { padding:7px 12px; line-height:30px; font-size:16px; color: var(--dz-FC-bbb); }
.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)}


/*----- dzcell-group -----*/
.dzcell-group {background:#FFF;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;color: #323232;font-size: 14px;line-height: 24px;background-color: #FFF;}
.dzcell-item .dzcell-title {width:80px;}
.dzcell-item .dzcell-value {flex:1;position: relative;overflow: hidden;color: #969799;text-align: right;vertical-align: middle;word-wrap: break-word;}

/*------ empty-box ------*/
.empty-box h4 { height:30px;line-height:30px;padding:80px 0;text-align:center;font-size:14px;font-weight:400;color:var(--dz-FC-999);margin-bottom:10px; }

/*----- swiper-ppt -----*/
.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%; margin-top: 10px; background-color: var(--dz-BG-1); overflow: hidden; position: relative; border-radius: 7px; }
.dz-swiper .swiper-wrapper li a { display: block; width: 100%; height: 180px; }
.dz-swiper .swiper-wrapper li a img { width: 100%; height: 100%; border-radius: 7px; 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,.6) 100%); color: #FFF; padding: 0 15px; font-size: 14px; height: 40px; overflow: hidden; line-height: 42px; font-weight: 400; border-radius: 7px; }
.dz-swiper em { font-style:normal; }
.swiper-forum { position:absolute; right:15px; bottom:0; line-height:34px; text-align:right; font-family:Arial; color:#FFF; font-size:12px; z-index:9; }
.swiper-forum .swiper-pagination-current { font-weight:400; }
.swiper-forum .swiper-pagination-total { font-style:100; }
.swiperbottom { width: 100%; height: 200px; margin-top: -200px; margin-bottom: -1px; background-image: url(swiperbottom.svg); background-size: 100%; background-repeat: no-repeat; background-position: center bottom; }

/*----- hotbox -----*/
.hotbox { 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-333); }

/*----- wbhotbox -----*/
.wbhotbox { line-height:24px; font-size:14px; overflow:hidden; background: var(--dz-BG-0); border-radius: 6px; }
.wbhotredian a { display:block; margin:0 15px; padding:10px 0; border-bottom:1px solid var(--dz-BOR-ed); color:var(--dz-FC-bbb); }
.wbhotredian a span { display:block; margin-bottom:4px; line-height:24px; font-size:18px; color:var(--dz-FC-color); }
.wbhotlist { overflow:hidden; }
.wbhotlist li { height:40px; line-height:40px; padding:0 15px; font-size:15px; border-top:1px solid var(--dz-BOR-ed); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wbhotlist li i { float:left; font-size:13px; margin-right:4px; color:var(--dz-FC-bbb); }
.wbhotlist li span.mbk { color:var(--dz-FC-bbb); }
.wbhotlist li span.mx { color:var(--dz-FC-bbb); margin:0 8px; }
.wbhotlist li:first-child { border-top:none; }

/*----- wbgrid -----*/
.wbgrid {  }
.wbgrid a { color: var(--dz-FC-bbb); margin: 0 15px; font-size: 14px; position: relative; word-break: keep-all; }
.wbgrid a.mon { font-weight: 700; color: var(--dz-FC-color); }
.wbgrid a.mon:after { content: ""; position: absolute; top: 24px; left: 50%; display: block; width: 16px; height: 4px; margin-left: -8px; border-radius: 2px; background: var(--dz-FC-color); }
.gridlistbox { overflow:hidden; }
.gridlistbox li { height:40px; line-height:40px; margin:0 15px; font-size:15px; border-top:1px solid var(--dz-BOR-ed); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.gridlistbox li i { float:left; font-size:13px; margin-right:4px; color:var(--dz-FC-ccc); }
.gridlistbox li span.mbk { color:var(--dz-FC-bbb); }
.gridlistbox li span.mx { color:var(--dz-FC-ddd); margin:0 8px; }
.gridlistbox li span.mybk { color:var(--dz-FC-bbb); float:right; font-size:12px; padding-left:8px; }
.gridlistbox li span.mico { background-color:var(--dz-FC-ccc);float:left;width:4px;height:4px;margin:18px 10px 0 2px}
.gridlistbox li span.mnum { float:left; width:18px; height:18px; line-height:18px; font-size:12px; text-align:center; margin-top:12px; margin-right:8px; background-color:var(--dz-FC-ccc); color:var(--dz-FC-fff); border-radius:0 4px 4px 4px; }
.gridlistbox li:nth-child(1) span.mnum { background-color:var(--dz-BG-2); }
.gridlistbox li:nth-child(2) span.mnum { background-color:var(--dz-BG-3); }
.gridlistbox li:nth-child(3) span.mnum { background-color:var(--dz-BG-4); }
.gridlistbox li:last-child { border-bottom:none; }

/*----- tabs -----*/
.tabs { background-color:var(--dz-BG-0); border-top:1px solid var(--dz-BOR-ed); border-bottom:1px solid var(--dz-BOR-ed); height:40px; font-size:14px; text-align:center; }
.tabs a { height:40px; line-height:38px; color:var(--dz-FC-999); position:relative; }
.tabs a em { position:absolute; bottom:0; left:50%; margin-left:-10px; background-color:var(--dz-BG-color); width:20px; height:3px; display:none; }
.tabs a.mon { color: var(--dz-FC-color); font-weight: 700; }
.listbox { background-color:var(--dz-BG-0); border-bottom:1px solid var(--dz-BOR-ed); overflow:hidden; }
.listbox li {height:40px;line-height:40px;margin:0 15px;font-size:15px;border-top:1px solid var(--dz-BOR-ed);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listbox li i {float:left;font-size:13px;margin-right:4px;color:var(--dz-FC-ccc)}
.listbox li span.mbk {color:var(--dz-FC-bbb)}
.listbox li span.mx {color:var(--dz-FC-ddd);margin:0 8px}
.listbox li span.mybk { color:var(--dz-FC-bbb); float:right; font-size:12px; padding-left:8px; }
.listbox li span.mico { background-color:var(--dz-FC-ccc);float:left;width:4px;height:4px;margin:18px 10px 0 2px}
.listbox li span.mnum { float:left; width:18px; height:18px; line-height:18px; font-size:12px; text-align:center; margin-top:12px; margin-right:8px; background-color:var(--dz-FC-ccc); color:var(--dz-FC-fff); border-radius:0 4px 4px 4px; }
.listbox li:nth-child(1) span.mnum {background-color:var(--dz-BG-2)}
.listbox li:nth-child(2) span.mnum {background-color:var(--dz-BG-3)}
.listbox li:nth-child(3) span.mnum {background-color:var(--dz-BG-4)}
.listbox li:first-child { border-top:none; }

/*----- stat -----*/
.stat { color:var(--dz-FC-bbb); padding:25px 0 15px; overflow:hidden; }
.stat li { text-align:center; line-height:20px; }
.stat li em { display:block; font-size:20px; color:var(--dz-FC-000); font-family: 'dinregular'; font-style: normal; }

/*----- ann -----*/
.ann-box { padding:0 15px; height:40px; line-height:40px; 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 -----*/
.annlist {  overflow:hidden; }
.annlist li { border-bottom:1px solid var(--dz-BOR-ed); padding:10px 15px; overflow:hidden; position:relative; }
.annlist li:last-child { border-bottom:none; }
.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-bbb); }
.annlist li h3 { height: 20px; line-height: 20px; margin-top:2px; font-size:12px; 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 li h3 .name { text-transform: none; }
.annlist_box { background-color: var(--dz-BG-0); color: var(--dz-FC-666); line-height: 22px; font-size: 14px; margin: 8px 0 5px; padding: 8px 10px; border-radius: 4px; }

/*----- forumlist -----*/
.forumlist .subforumshow { background-color:var(--dz-BG-0); height:44px; line-height:44px; padding:10px 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 .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 .mlist3 ul::-webkit-scrollbar, .forumlist .mlist4 ul::-webkit-scrollbar { display: none; }
.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}

/*----- wbforumlist -----*/
.subforum_h { height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; }
.subforum_h h2 a { margin-left: 15px; font-size:18px; font-weight:400; max-width: 250px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; }
.subforumshow h2 code { margin-top: 14px; margin-right: 15px; float: right; height: 16px; width: 30px; border-radius: 12px; overflow: hidden; position: relative; border: 1px solid var(--dz-BOR-ed); }
.subforumshow h2 code:before { left: 16px; top: 2px; content:""; display: block; position: absolute; width: 12px; height: 12px; z-index: 3; border-radius: 16px; transition: all .2s ease; -webkit-transition: all .2s ease; }
.subforumshow h2 code:before { background: var(--dz-FC-color); }
.subforumclose h2 code:before { background: #E9ECEF; left: 2px; }
.sub-forum1 ul { padding-top: 10px; }
.sub-forum1 .list-item { display: flex; flex-direction: row; align-items: center; padding: 0 15px 10px; }
.sub-forum1 .list-item img { flex-shrink: 0; max-width: 75px; max-height: 75px; border-radius: 5px; }
.sub-forum1 .list-item .content { display: flex; flex-direction: column; align-items: flex-start; margin-left: 12px; width: 0; flex-grow: 1; }
.sub-forum1 .list-item .content .title { width: 100%; margin-bottom: 6px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; }
.sub-forum1 .list-item .content .desc { width: 100%; margin-bottom: 6px; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub-forum1 .list-item .content .info { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.sub-forum1 .list-item .content .info>.info-item { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-shrink: 0; margin-right: 12px; }
.sub-forum1 .list-item .content .info>.info-item>.text { font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; margin-left: 2px; }
.sub-forum1 .list-item .content .info>.info-item:last-of-type { width: 0; flex-grow: 1; margin-right: 0; }
.sub-forum1 .list-item .content .info>.info-item> .news { color: red; }
.sub-forum2 li { float: left; width: 50%; box-sizing: border-box; padding: 10px 15px; overflow: hidden; }
.sub-forum2 li a.murl { display: block; height: 44px; overflow: hidden; }
.sub-forum2 li .micon { float: left; height: 44px; margin-right: 10px; }
.sub-forum2 li .micon img { width: 44px !important; height: 44px; border-radius: 4px; float: none; }
.sub-forum2 li .mtit { height: 24px; line-height: 24px; font-size: 16px; overflow: hidden; }
.sub-forum2 li .mtxt { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.sub-forum2 li .mtxt .info-item { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-shrink: 0; margin-right: 8px; }
.sub-forum2 li .mtxt .news { color: red; }

/*----- jump-tip -----*/
.jump_c { padding: 100px 30px; font-size: 14px; }
.jump_c p { line-height: 26px; }
.jump_c p .grey { color: var(--dz-FC-bbb); }
.tip { width: 250px; text-align: center; background-color: var(--dz-BG-0); border-radius: 10px; }
.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); }
.tip dd a.cancel { background-color: var(--dz-BG-5); color: var(--dz-FC-bbb); }

/*----- search -----*/
.searchtabs { padding: 10px 15px 0; }
.searchtabs a { padding: 0 8px; }
.searchtabs a.link { font-weight: 700; font-size: 14px; }
.search { padding:15px; background-color:var(--dz-BG-5); margin-bottom:10px; }
.search .mtxt { height:38px; line-height:38px; padding:0 15px; border:1px solid var(--dz-BOR-ed); border-right:none; background-color:var(--dz-BG-5); border-radius: 20px 0 0 20px; }
.search .mbtn { height:40px; line-height:40px; padding:0 15px; border:none; background-color:var(--dz-BG-1); color:var(--dz-FC-fff); font-size: 12px; border-radius: 0 20px 20px 0; }
.search-hot { padding:10px 15px 5px; min-height:300px; border-top:1px solid var(--dz-BOR-ed); border-bottom:1px solid var(--dz-BOR-ed); background-color: var(--dz-BG-0); }
.search-hot h2 { height:30px; line-height:30px; font-size:14px; color:var(--dz-FC-999); }
.search-hot li a { display:block; height:40px; line-height:40px; font-size:14px; border-top:1px solid var(--dz-BOR-ed); }
.search-hot li:first-child a { border-top:none; }
.wbshot { overflow: hidden; text-align: center; }
.wbshot a { background: var(--dz-BG-5); color: var(--dz-FC-bbb); border-radius: 5px; font-size: 12px; padding: 5px 10px; margin: 5px; display: inline-block; }

/*----- forumdisplay-top -----*/
.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:40px;}
.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}

/*----- wbforumdisplay-top -----*/
.wbfdbox { overflow: hidden; position: relative; }
.wbfdbox-bg { width: 100%; height: 100%; background: rgb(0,0,0,.3); overflow: hidden; }
.wbfdbox .left { position: absolute; top:15px; left: 15px; color: var(--dz-FC-fff); }
.wbfdbox .home { position: absolute; top:15px; left: 60px; color: var(--dz-FC-fff); }
.wbfdbox .right { position: absolute; top:15px; right: 15px; color: var(--dz-FC-fff); }
.wbfdbox-top { padding: 70px 15px 15px 15px; overflow:hidden; }
.wbfdbox-top img { float:left; height:60px; margin-right:10px; border-radius:4px; }
.wbfdbox-top h2 { height:35px; line-height:35px; font-size:18px; color:var(--dz-FC-fff); }
.wbfdbox-top h2 #a_favorite { float:right; height:28px; line-height:28px; font-size:12px; padding:0 10px; margin-top:20px; background-color:var(--dz-BG-3); color:var(--dz-FC-fff); border-radius:20px; }
.wbfdbox-top p { height:20px; line-height:20px; color:var(--dz-FC-bbb); }
.wbfdbox-top p a { color:var(--dz-FC-bbb); text-transform: none; margin-left: 3px; }
.wbfdbox-top p span { margin-right: 8px; }
.wbfdbox-rules { padding: 15px 15px 0 15px; }
.wbfdbox-rules p { padding: 15px; background: rgba(0,0,0,.1); border-radius: 5px; color:var(--dz-FC-bbb); }
.wbfdbox-nav { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; width: 95%; padding: 15px 0 15px 15px; }
.wbfdbox-nav::-webkit-scrollbar { display: none; }
.wbfdbox-nav a { display: inline-block; font-size: 12px; background: rgba(0,0,0,.05); border-radius: 5px; margin: 3px 3px 0 0; height: 28px; line-height: 28px; padding: 0 15px; }
.wbfdbox-nav a .data { -webkit-transform: scale(0.8,0.8); display: inline-block; margin-left: 3px; }
.annbox { padding: 15px 15px 0 15px; }
.annbox a { display:block; font-size: 14px; overflow: hidden; background: rgba(0,0,0,.1); color:var(--dz-FC-fff); padding: 10px; border-radius: 5px; }
.annbox a .micon { float:left; color:var(--dz-FC-color); margin-right:10px; overflow:hidden; }

/*----- forumdisplay -----*/
.wb-sub-box { position: relative; }
.wb-sub-box .name { position: absolute; left: 12px; top: 5px; }
.wb-sub-nav { margin-left: 13%; padding: 5px 0; white-space: nowrap; width: 87%; float: left; overflow-x: scroll; justify-content: space-between; }
.wb-sub-nav a { margin-right: 0.8rem; word-break: keep-all; display: inline-block; }
.wb-sub-nav a:first-child { margin-left: 10px; }
.wb-sub-nav::-webkit-scrollbar { display: none; }
.wb_orderby_nav { justify-content: space-between; display: flex; color: #222; font-size: 14px; border-bottom: 1px solid #dee2e6; background-image: linear-gradient(0deg, #e9ecef, #f8f9fa); padding: 0.75rem 1.25rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.wb_orderby_nav ul { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; }
.wb_orderby_nav ul li { margin-bottom: -2px; }
.wb_orderby_nav ul li a { border: 1px solid transparent; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; display: block; padding: 0.5rem 1.3rem; }
.wb_orderby_nav ul li.a a { background-image: linear-gradient(0deg, #f8f9fa, #FFF); border-color: #dee2e6; border-bottom-color: #f8f9fa; color: #222; background-color: #FFF; }
.wb_favfids {  }
.wb_favfids em { font-style: normal; }
.wb_favfids .wb_pic_change { margin-right: 5px; }
.wb_favfids .forum-fav { margin-left: 5px; }
.wb-type-box { position: relative; }
.wb-type-modmenu { position: absolute; left: 12px; top: 8px; }
.wbthreadtypes { margin-left: 13%; width: 87%; height: 24px; padding: 5px 0; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
.wbthreadtypes::-webkit-scrollbar { display: none; }
.wbthreadtypes #ttp_all { margin-left: 10px; }
.wbthreadtypes li { width: auto; margin-right: 0.8rem; display: inline-block; }
.wbthreadtypes li a { width: auto; height: 22px; line-height: 24px; border-radius: 2px; font-size: 12px; display: inline-block; }
.wbthreadtypes li.a a { font-weight: 800; }
.wbthreadtypes li .num { margin-left: 2px; }
.wbthreadtypes li:last-child { margin-right: 10px; }

/*-- wbthreadlist --*/
.wbthreadlist { padding: 0; }
.wbthreadlist em, .wbthreadlist cite, .wbthreadlist i { font-style: normal; }
.wbthreadlist li { display: flex; align-items: flex-start; }
.wbthreadlist li .wbavt { margin-right: 10px; margin-top: 10px; }
.wbthreadlist li .wbavt img { width: 34px; height: 34px; border-radius: 50%; }
.wbthreadlist li .wbthreadlist_body { flex: 1; padding: 10px 0; border-bottom: 1px dashed var(--dz-BOR-ed); }
.wbthreadlist li:last-child .wbthreadlist_body  { border-bottom: 1px none var(--dz-BOR-ed); }
.wbthreadlist li .wbthreadlist_body a { display: block; }
.wbthreadlist li .wbthreadlist_body a .special { background: #1F4977; color: #FFF; padding: 2px 8px; border-radius: 16px; display: inline-block; font-size: 10px; }
.wbthreadlist li .wbthreadlist_body a span { font-size: 16px; text-transform: none; }
.wbthreadlist li .wbthreadlist_body .name { text-transform: none; }
.wbthreadlist_imgs1 { margin-top:10px; margin-bottom:10px; font-size:0; overflow:hidden; position:relative; }
.wbthreadlist_imgs1 li { width:100%; padding-bottom:66%; background:var(--dz-BG-5); position:relative; overflow:hidden; border-radius:4px; }
.wbthreadlist_imgs1 li img { width:100%; height:100%; object-fit:cover; position:absolute; }
.wbthreadlist_imgs { margin-top:10px; margin-bottom:10px; font-size:0; overflow:hidden; position:relative; }
.wbthreadlist_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; }
.wbthreadlist_imgs li:nth-child(3n) { margin-right:0; }
.wbthreadlist_imgs li img { width:100%; height:100%; object-fit:cover; position:absolute; }
.wbthreadlist_imgs li em { position:absolute; bottom:0; right:0; z-index:1; background:rgb(0,0,0,.5); color:rgb(255,255,255,.9); font-size:8px; height:22px; line-height:22px; padding:1px 5px; border-radius:10px 0 4px 0; }


/*----- guide --------*/
.wb_forumbg { width: 100%; background-image: url(./abg.png); background-size: 100%; overflow: hidden; }
.wb_forumbg_logo .a { display: inline-block; width: 100%; text-align: center; font-size: 18px; color: #FFF; line-height: 70px; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); }
.wb_forumbg_sehot { padding: 70px 40px 50px; overflow: hidden; }
.wb_forumbg_sehot a, .wb_forumbg_sehot em { font-size: 12px; }
.wb_forumbg_sehot em { padding-right: 5px; }
.wb_forumbg_sehot li { width: 100%; background: #FFF; position: relative; overflow: hidden; padding: 8px 0; border-radius: 30px; }
.wb_forumbg_sehot li a { color: #BBB; display: inline-block; width: 100%; text-align: center; }
.wb_forumbg_bottom { width: 100%; height: 10px; position: relative; margin-top: -10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #FFF; }
.guidebox { border-bottom: 1px solid #EFEFEF; }
.guidenav { line-height: 25px; padding: 5px 15px 10px; }
.guidenav li { width: 25%; float: left; text-align: center; }
.guidenav li a { color: #AAA; }
.guidenav li.a a { font-size: 14px; font-weight: 700; color: #333; }
/*-- guide --*/
.wb_guide_nav { color: #222; font-size: 14px; border-bottom: 1px solid #dee2e6; background-image: linear-gradient(0deg, #e9ecef, #f8f9fa); padding: 0.75rem 1.25rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.wb_guide_nav ul { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; }
.wb_guide_nav ul li { margin-bottom: -2px; }
.wb_guide_nav ul li a { border: 1px solid transparent; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; display: block; padding: 0.5rem 1rem; }
.wb_guide_nav ul li.a a { background-image: linear-gradient(0deg, #f8f9fa, #FFF); border-color: #dee2e6; border-bottom-color: #f8f9fa; color: #222; background-color: #FFF; }

/*----- guidelist -----*/
.guidelist { overflow: hidden; }
.guidelist li.list { padding: 15px; background-color:var(--dz-BG-0); border-bottom:1px solid var(--dz-BOR-ed); }
.guidelist li.list:nth-child(1) { margin-top: 0; border-top: 0; }
.guidelist li.list a {  }
.guidelist_tit { line-height:26px; font-size:18px; margin-bottom:8px; font-weight:400; }
.guidelist_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; }
.guidelist_tit .top { background-color: var(--dz-BG-3); }
.guidelist_tit .digest { background-color: var(--dz-BG-4); }
.guidelist_tit .lock { background-color: var(--dz-BG-2); }
.guidelist_mes { margin-bottom:8px; line-height:22px; font-size:14px; color:var(--dz-FC-bbb); overflow:hidden; }

.guidelist_imgs1 { margin-bottom:10px; font-size:0; overflow:hidden; position:relative; }
.guidelist_imgs1 li { width:100%; padding-bottom:66%; background:var(--dz-BG-5); position:relative; overflow:hidden; border-radius:4px; }
.guidelist_imgs1 li img { width:100%; height:100%; object-fit:cover; position:absolute; }
.guidelist_imgs { margin-bottom:10px; font-size:0; overflow:hidden; position:relative; }
.guidelist_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; }
.guidelist_imgs li:nth-child(3n) { margin-right:0; }
.guidelist_imgs li img { width:100%; height:100%; object-fit:cover; position:absolute; }
.guidelist_imgs li em { position:absolute; bottom:0; right:0; z-index:1; background:rgb(0,0,0,.5); color:rgb(255,255,255,.9); font-size:12px; height:22px; line-height:22px; padding:1px 5px; border-radius:10px 0 4px 0; }

.guidelist .marker { border: 1px solid var(--dz-BOR-ed); color: var(--dz-BG-4); background-color:var(--dz-BG-5); padding: 2px 10px; border-radius: 20px; display: inline-block; margin: 10px 5px 10px 0; }
.guidelist_foot p { margin-top: 5px; line-height: 25px; }
.guidelist_foot p .photo img { height: 12px; border-radius: 50%; }
.guidelist_foot p .name { text-transform: none; }

/*----- collectionnv -----*/
.collectionnv {  }
.collectionnv a { color: var(--dz-FC-bbb); margin: 0 15px; font-size: 14px; position: relative; word-break: keep-all; }
.collectionnv a.a { font-weight: 700; color: var(--dz-FC-color); }
.collectionnv a.a:after { content: ""; position: absolute; top: 24px; left: 50%; display: block; width: 16px; height: 4px; margin-left: -8px; border-radius: 2px; background: var(--dz-BG-color); }
.wbcollecbanner { position: relative; }
.wbcollecbanner .left { position: absolute; top: 15px; left: 15px; color: var(--dz-FC-fff); }
.wbcollecbanner .home { position: absolute; top: 15px; right: 15px; color: var(--dz-FC-fff); }
.wbcollecbanner .praise { position: absolute; top: 15px; right: 60px; color: var(--dz-FC-fff); }
.wbcollecbanner .infobox { padding: 70px 15px 15px 15px; }
.wbcollecbanner .infobox .take { height: 22px; line-height: 22px; font-size: 12px; padding: 0 20px; background-color: var(--dz-BG-3); color: var(--dz-FC-fff); border-radius: 20px; }
.wbcollecbanner .infobox .untake { height: 22px; line-height: 22px; font-size: 12px; padding: 0 10px; background-color: var(--dz-FC-bbb); color: var(--dz-FC-ddd); border-radius: 20px; }

/*----- imglist -----*/
.imglist {  }
.imglist .subtit { 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:last-child { border-bottom: none; }
.imglist li a { display:block; height:44px; overflow:hidden; }
.imglist li .mimg { float:left; width:44px; height:44px; margin-right:10px; border-radius:50%; }
.imglist li .mimg img { width:40px; height:40px; border-radius:50%; }
.imglist li .mtit { height:20px; line-height:20px; font-size:16px; overflow:hidden; text-transform: none; }
.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:12px; color:var(--dz-FC-bbb); 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); }

/*-- wbpic-list --*/
.wbpic-listbox { padding: 15px 15px 15px 0; }
.wbpic-list .wbpic { display: block; position: relative; width: 50%; float: left; padding-left: 15px; box-sizing: border-box; }
.wbpic-list .wbimg { display: block; position: relative; overflow: hidden; margin-bottom: 20px; }
.wbpic-list .cardpic { position: relative; }
.wbpic-list .cardpic img { object-fit: cover; width: 100%; border-radius: 5px; }
.wbpic-list .cardtitle { font-size: 13px; padding: 5px 0; }
.wbpic-list .cardinfo { padding: 5px 0; line-height: 20px; }
.wbpic-list .cardinfo em { font-style: normal; }
.wbpic-list .cardinfo .ava-img { float: left; }
.wbpic-list .cardinfo .ava-img img { width: 16px; height: 16px; border-radius: 50%; }
.wbpic-list .cardinfo .ava-name { float: left; font-size: 12px; margin-left: 5px; text-transform: none; }
.wbpic-list .cardinfo .ava-zan { float: right; }
.wbpic-list .cardinfo .ava-zan i { margin-left: 2px; }

/*-- wbfd-list --*/
.wbfd-list li { width: 32%; float: left; }
.wbfd-list li:nth-child(3n-1) { margin: 0 2%; }
.wbfd-list li .pic { position: relative; }
.wbfd-list li .pic img { width: 100%; height: 145px; object-fit: cover; border-radius: 8px; }
.wbfd-list li .info { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; font-size: 14px; margin: 4px 0 20px; }
.wbfd-list li .note { position: absolute; right: 0; bottom: 6px; left: 0; background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.2) 100%); padding: 50px 5px 10px; pointer-events: none; color: #FFF; font-size: 12px; text-align: center; border-radius: 8px; }
.wbfd-list li .note span { -webkit-transform: scale(0.9,0.9); display: inline-block; }
.wbfd-list li .sticky { position: absolute; top: 0; left: 0; padding: 1px 10px; border-radius: 8px 20px 20px 0; background: red; }
.wbfd-list li .sticky span { font-size: 12px; -webkit-transform: scale(0.8,0.8); color: #FFF; display: inline-block; }
.wbfd-list li .digest { position: absolute; top: 0; left: 0; color: #FFF; padding: 1px 10px; border-radius: 8px 20px 20px 0; }
.wbfd-list li .digest span { font-size: 12px; -webkit-transform: scale(0.8,0.8); color: #FFF; display: inline-block; }
.wbfd-list li .jing { position: absolute; top: 20px; left: 0; color: #FFF; padding: 1px 10px; border-radius: 0 20px 20px 0; }
.wbfd-list li .jing span { font-size: 12px; -webkit-transform: scale(0.8,0.8); color: #FFF; display: inline-block; }


/*----- medallist -----*/
.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;}
.medallist .tbmu {padding: 10px;margin-top: 15px;font-size: 14px;line-height: 24px;background: #FDFBEC;border: 1px dashed #ECE7D5;color: #F26C4F;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; color: #F26C4F; }
.medallist .medal_msg {margin-bottom: 5px;margin-left: 32px;line-height: 22px;font-size: 14px;color: var(--dz-FC-999);}
.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: #FFF;padding: 0 12px;}
.medallist .medal_btn span.hui {display:block;background: var(--dz-BG-0); color: var(--dz-FC-bbb);}
.medallist .medal_btn a {color: #FFF;padding: 0 12px;}
.medallist .medal_btn span a {padding: 0 0;}
.last_medal { }
.last_medal li { padding: 10px 12px; border-bottom: 1px solid var(--dz-BOR-ed); overflow: hidden; }
.last_medal li:last-child { border-bottom: none; }
.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 { line-height: 30px; font-size: 15px; }
.last_medal .last_medal_msg { margin-top: 5px; font-size: 13px; line-height: 20px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.last_medal .last_medal_msg strong {  }
.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; overflow: hidden; }
.mgcl.mgcls .mgcl_box p { margin-top: 8px; }
.mgcl .mgcl_box .mgcl_p strong {color: #F26C4F; 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: #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: #F26C4F;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: #999;}
.medal_tip_top .author p {margin-top: 6px;line-height: 24px;font-size: 15px;color: #333;overflow: hidden;}
.medal_tip_box .ts {margin: 10px 0;height: 22px;line-height: 22px;font-size: 15px;color: #F26C4F;overflow: hidden;}
.medallist .task_top .mg_tit span { color: #F26C4F; }
.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: #F26C4F;}
.task_list .list_jd { margin-left: 60px; margin-top: 5px; }
.task_list_jd { position: relative; width: 100%; height: 20px; margin-bottom: 12px; background: #E8E8E8; border-radius: 0 10px 10px 0; }
.task_pdr { display: block; height: 20px; background: #5AAF4A; 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: #FFF; }
.task_view { padding:2px 15px 15px 15px; }
.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: #369; }
.task_prize { color: #F26C4F; }
.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: #FFF; text-align: center; }
.task_debtn a.hui {background: #E8E8E8; color: var(--dz-FC-999);}
.task_taskid { 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: #666; text-align: center; overflow: hidden; }
.task_mbn { font-size: 14px; color: #F26C4F; }
#ntcmsg {  }


.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: #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: #FFF; border-top: 1px solid #EEE; }
.magic_log_list .alt { background: #FAFAFA !important; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.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 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: #999;}
.medal_tip_input { display: flex; width: 100%; color: #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: #666; }
.medal_tip_p { display: flex; width: 100%; color: #F26C4F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*----- follow -----*/
.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 { max-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 #B1CCD8;}
.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: #FFF;color: #333;}

/*----- album -----*/
.album_list { margin-top: 10px; overflow: hidden; }
.album_list .album_ul { padding: 6px; }
.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: #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-000); }
.album_name span { float: left; padding-left: 10px; height: 30px; line-height: 30px; font-size: 12px; color: var(--dz-FC-bbb); }
.album_name a { display: inline-block; height: 30px; line-height: 30px; }
.album_depict { padding-bottom: 8px; line-height: 18px; font-size: 14px; color: var(--dz-FC-bbb); 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); color: #FFF; text-align: center; overflow: hidden; }
.album_tbmu .tbmu .z { border-radius: 0 30px 30px 0; }
.album_tbmu .tbmu .y { border-radius: 30px 0 0 30px; }
.album_inof { background: var(--dz-BG-color); padding: 0 15px 10px 15px; }
.album_inof p { line-height: 24px; color: var(--dz-FC-bbb); }
.album_inof p span { color: var(--dz-FC-bbb); }
.album_at {  }
.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: #FFF; outline: none; border: none; height: 26px; line-height: 26px; font-size: 14px; color: #555; }

/*-- picstyle --*/
.wbalbumview { padding: 15px 15px 15px 0; }
.wbalbumview .wbpic { display: block; position: relative; width: 50%; float: left; padding-left: 15px; box-sizing: border-box; }
.wbalbumview .wbimg { display: block; position: relative; }
.wbalbumview .wbimg img { width: 100%; margin-bottom: 10px; }

/*----- doing -----*/
.moodfm { margin-top: 10px; overflow: hidden; }
.moodfm_post { border-radius: 10px; }
.moodfm_text { padding: 10px 12px; border-bottom: 1px solid var(--dz-BOR-ed); }
.moodfm_text textarea { background: var(--dz-BG-5); 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: #999; }
.moodfm_btn .button { height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; }
.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: #FDFBEC;color: #F26C4F;position: relative;}
.doing_list_box .wall_i a {color: var(--dz-FC-color);}
.threadlist .doing_list_li.list { margin-top: 0; padding: 2px 12px 12px 12px; border-bottom: 0 solid var(--dz-BOR-ed); }
.mtime .doing_listgl a { float: right; margin-left: 8px; }
.do_comment { line-height: 26px; font-size: 15px; }
.do_comment .quote { padding: 10px 10px 7px 11px; margin: 5px 0; background: var(--dz-BG-0); font-size: 12px; color: var(--dz-FC-bbb); }
.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 -----*/
.wzlist { }
.wzlist li { overflow:hidden; }
.wzlist li a {display:block;padding:15px;overflow:hidden}
.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.tit {line-height:26px;font-size:16px}
.wzlist li .minfo p.mtime {height:20px;line-height:20px;margin-top:8px;color:var(--dz-FC-bbb);position:relative}
.wzlist li .minfo p.mtime span  {float:right;color:var(--dz-BG-2)}

/*----- wzview -----*/
.wzview { 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:12px; text-align:center; margin-top:5px; color:var(--dz-FC-bbb); 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; 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 -----*/
.txtlist { 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-bbb); font-style: normal; }
.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); 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-bbb); }
.text-muted { padding:10px 15px; color:var(--dz-FC-666); }

/*----- find -----*/
.findbox { padding:0 15px; 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:14px; 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 a img {  }
.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 .mdel { float:right; padding-left:15px; }
.findbox ul li.sclist .mdel i { color:var(--dz-BG-2); }

/*----- wbfindbox -----*/
.wbfindbox li { float: left; width: 33.3333%; box-sizing: border-box; padding: 30px 10px 20px; overflow: hidden; border-bottom: 1px solid var(--dz-BOR-ed); }
.wbfindbox li:nth-child(3n-1) { border-left: 1px solid var(--dz-BOR-ed); border-right: 1px solid var(--dz-BOR-ed); }
.wbfindbox li:nth-child(2) { border-left: 0 solid var(--dz-BOR-ed); border-right: 0 solid var(--dz-BOR-ed); }
.wbfindbox li .micon { height: 70px; display: block; margin: 0 auto; text-align: center; }
.wbfindbox li .micon img { height: 70px; border-radius: 4px; }
.wbfindbox li a.murl { height: auto; display: block; overflow: hidden; }
.wbfindbox li .mtit { margin-top: 6px; text-align: center; height: 24px; line-height: 24px; font-size: 14px; overflow: hidden; }

/*----- wbfind -----*/
.wbfind ul { padding: 15px 0 10px 0; }
.wbfind li { float: left; width: 20%; box-sizing: border-box; overflow: hidden; display: none; }
.wbfind li:nth-child(1),.wbfind li:nth-child(2),.wbfind li:nth-child(3),.wbfind li:nth-child(4),.wbfind li:nth-child(5),.wbfind li:nth-child(6),.wbfind li:nth-child(7),.wbfind li:nth-child(8),.wbfind li:nth-child(9),.wbfind li:nth-child(10) { display: block; }
.wbfind li .micon { height: 45px; display: block; margin: 0 auto; text-align: center; }
.wbfind li .micon img { height: 45px; border-radius: 4px; }
.wbfind li a.murl { height: auto; display: block; overflow: hidden; }
.wbfind li .mtit { height: 18px; margin-top: 5px; margin-bottom: 8px; text-align: center; font-size: 12px; overflow: hidden; color: var(--dz-FC-777); }

/*----- wbtypenav -----*/
.wbtypenav { justify-content: space-between; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; border-radius: 20px 20px 0 0; margin-top: 15px; }
.wbtypenav::-webkit-scrollbar { display: none; }
.wbtypenav a { color: var(--dz-FC-bbb); margin-right: 15px; position: relative; word-break: keep-all; }
.wbtypenav a.a { font-weight: 700; color: var(--dz-FC-color); }
.wbtypenav a.a:after { content: "."; position: absolute; top: 24px; left: 50%; display: block; width: 16px; height: 4px; margin-left: -8px; color: #FFF; border-radius: 2px; background: var(--dz-BG-color); }

/*----- 通用固定二级导航 -----*/
.dhnv { background-color: var(--dz-BG-5); font-size: 14px; text-align: center; }
.dhnv a { height: 40px; line-height: 38px; color: var(--dz-FC-bbb); position: relative; }
.dhnv a.mon { color: var(--dz-FC-color); font-weight: 700; }

/*----- 通用滑动二级导航 -----*/
.dhnav_box, .dhnav { width: 100%; height: 40px; overflow: hidden; }
.dhnav_box { background-color: var(--dz-BG-5); overflow: hidden; }
#dhnav_li { width: 100%; height: 40px; text-align: center; white-space: nowrap; }
#dhnav_li li { float: left; width: auto; height: 40px; text-align: center; overflow: hidden; color: var(--dz-FC-bbb); position: relative; }
#dhnav_li li a { display: inline-block; font-size: 15px; line-height: 38px; margin-left: 5px; margin-right: 5px; color: var(--dz-FC-bbb); }
#dhnav_li li.mon a { color: var(--dz-FC-color); font-weight: 700; }
#dhnav_li .swiper-wrappers li { width: 25%; }

/*----- 通用滑动三级导航 -----*/
.dhnavs_box, .dhnavs { width:100%; height:40px; overflow:hidden; }
.dhnavs_box { overflow:hidden; }
#dhnavs_li { width:100%; height:40px; text-align:center; white-space:nowrap; }
#dhnavs_li li { float:left; width:auto; text-align:center; overflow:hidden; color:var(--dz-FC-bbb); position:relative; }
#dhnavs_li li a { display:inline-block; font-size:12px; height:24px; line-height:24px; margin:8px 6px 8px 0; padding:0 6px; border-radius:20px; color: var(--dz-FC-bbb); }
#dhnavs_li li span { color:var(--dz-FC-ddd); }
#dhnavs_li li.mon a { color: var(--dz-FC-color); font-weight: 700; }

/*----- 通用面包屑导航 -----*/
.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 -----*/
.threadlist_box { overflow:hidden; }
.threadlist_box h2 { padding:0 15px; line-height:40px; font-size:14px; }
.threadlist_box h2 .emfont { color:var(--dz-BG-2); }
.threadlist_box h4 { height:30px; line-height:30px; padding:80px 0; text-align:center; font-weight:400; color:var(--dz-FC-bbb); margin-bottom:10px; }

.threadlist { overflow: hidden; }
.threadlist li.list { padding: 2px 15px; border-bottom:1px solid var(--dz-BOR-ed); }
.threadlist li.list:first-child { margin-top: 0; border-top: 0; }
.threadlist li.list:last-child { border-bottom: none; }
.threadlist li.list a { display: block; }
.threadlist li.list a.typeid { font-size: 12px; }
.threadlist_top { height: 38px; padding: 12px 0 10px; }
.threadlist_top .mimg { float: left; margin-right: 8px; margin-top: 2px; }
.threadlist_top .mimg img { float: left; width: 28px; height: 28px; line-height: 35px; border-radius: 50%; }
.threadlist_top .muser h3 { height: 20px; line-height: 20px; }
.threadlist_top .muser h3 .mmc { font-size: 14px; text-transform: none; }
.threadlist_top .muser .mtime { display:block; height:15px; line-height:15px; font-size:12px; color:var(--dz-FC-bbb); }
.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-bbb); overflow:hidden; }

.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_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:1; background:rgb(0,0,0,.5); color:rgb(255,255,255,.9); font-size:12px; height:22px; line-height:22px; padding:1px 5px; border-radius:10px 0 4px 0; }

.threadlist .marker { border: 1px solid var(--dz-BOR-ed); color: var(--dz-BG-3); background-color:var(--dz-BG-5); padding: 2px 10px; border-radius: 20px; display: inline-block; margin: 10px 5px 10px 0; }

.threadlist_foot { padding: 5px 0 15px; line-height: 22px; font-size: 12px; }
.threadlist_foot li { float:left; background-color:var(--dz-BG-0); padding:0 5px; margin:2px 10px 2px 0; color:var(--dz-FC-bbb); border-radius:4px; }
.threadlist_foot li i { float:left; font-size:14px; margin-right:1px; color:var(--dz-FC-bbb); }
.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_foot .micon { float:right; height:22px; line-height:22px; text-align:center; font-size:12px; background-color:var(--dz-BG-6); color:var(--dz-FC-ccc); margin:3px 0 3px 10px; padding: 0 5px; border-radius:4px; overflow:hidden; }
.threadlist_foot .top { color: var(--dz-BG-2); }
.threadlist_foot .digest { color: var(--dz-BG-4); }
.threadlist_foot .lock { color: var(--dz-BG-3); }

.threadlist-foot { height: 14px; line-height: 14px; font-size: 12px; padding: 10px 0; }
.threadlist-foot li { width: 34%; float: left; text-align: center; }
.threadlist-foot li.ping { width: 32%; border-left: 1px dashed #EFEFEF; border-right: 1px dashed #EFEFEF; box-sizing: border-box; }
.threadlist-foot em { margin-left: 3px; }

.threadlist li.list_top { padding:0 15px; background-color:var(--dz-BG-0); border-bottom: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)}

/*----- page -----*/
.page { text-align: center; margin: 15px auto; font-size: 12px; }
.page a { display: inline; position: relative; text-align: left; background: var(--dz-BG-body); width: auto; text-indent: 0; height: 30px; line-height: 30px; font-size: 12px; margin: 0 1px; padding: 8px 15px; border-radius: 20px; }
.page select { position: absolute; left: 0; top: 0; opacity: 0; background-color: var(--dz-BG-0); border: var(--dz-BOR-ed); width: auto; height: 36px; line-height: 36px; padding: 4px; font-size: 12px; }
.page a.grey { color: var(--dz-FC-bbb); }

/*----- pblbox -----*/
.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}

/*----- wbpblbox -----*/
.wbpblbox { overflow:hidden; }
.wbpbl { margin: 0 auto; overflow: hidden; }
.wbpbl li { float:left; width:30%; height:300px; padding:8px 5px; border-left:1px solid var(--dz-BOR-ed); overflow-x:hidden; overflow-y:auto; }
.wbpbl li:first-child { border-left:none; }
.wbpbl li p { margin:2px 5px; height:30px; line-height:30px; }
.wbpbl li a { display:block; height:30px; line-height:30px; padding:0 6px; font-size:14px; border-radius:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.wbpbl li .wbpbls a { background:var(--dz-BG-color); color:var(--dz-FC-fff); }
.wbpbsb::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; }

/*----- loginbox -----*/
body.pg_logging, body.pg_register {  }
.header_toplogo { background-color:var(--dz-BG-color); padding:50px 50px; text-align:center; overflow:hidden; }
.header_toplogo img { width:175px; }
.header_toplogo p { height:30px; line-height:30px; font-size:16px; color:var(--dz-FC-fff); }
.header_toplogo .mtop_ss a { display:block; margin:15px auto; width:80%; background-color:var(--dz-BG-0); color:var(--dz-FC-999); height:34px; line-height:34px; font-size:14px; border-radius:40px; }
.header_toplogo .mtop_ss a i { margin-right:5px; }

.wblrgtop { position: relative; overflow: hidden; background:var(--dz-BG-color); }
.wblrgtop .logo { height: 220px; text-align: center; }
.wblrgtop .logo img { width: 175px; margin-top: 70px; }
.wblorebottom { width: 100%; height: 50px; margin-top: -50px; margin-bottom: -1px; background-image: url(wubianbgt.svg); background-size: 100%; background-repeat: no-repeat; background-position: center bottom; }

.guide_index { padding-top: 0; }
.loginbox {  }
.login_from { padding: 10px 0; }
.loginbox li { line-height: 45px; padding: 0 10px; color: #666; font-size: 14px; position: relative; }
.loginbox li.sec_txt { height: auto; line-height: 25px; }
.loginbox li.sec_txt .txt { -webkit-appearance: none; background: var(--dz-BG-5); width: 100%; padding: 2px 0; height: 30px !important; min-height: 30px !important; border-radius: 0; border: 1px solid #FFF; border-bottom: 1px solid #F2F2F2; transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s; font-size: 14px; }
.loginbox li.sec_txt .txt:focus { border: 1px solid #FFF; border-bottom: 1px solid var(--dz-FC-color); background: var(--dz-BG-0); outline: none; }
.login_from li.diy {  }
.login_from li.diy .px { -webkit-appearance: none; width: 100%; border: 1px solid var(--dz-BOR-ed); background: var(--dz-BG-0); line-height: 36px; box-sizing: border-box; padding: 0 10px; border-radius: 4px; }
.login_from li.diy .px::-webkit-input-placeholder { color: #9C9C9C; text-indent: 0; }
.login_from li.diy .px:focus { border: 1px solid var(--dz-BOR-ed); outline: none; }
.login_from li.diy .pt { -webkit-appearance: none; width: 100%; border: 1px solid var(--dz-BOR-ed); background: var(--dz-BG-0); box-sizing: border-box; padding: 10px; border-radius: 4px; }
.login_from li.diy .pt::-webkit-input-placeholder { color: #9C9C9C; text-indent: 0; }
.login_from li.diy .pt:focus { border: 1px solid var(--dz-BOR-ed); outline: none; }
.login_from li.diy select { appearance: none; -webkit-appearance: none; -moz-appearance: none; min-height: 38px; width: 100%; background: var(--dz-BG-0); border: 1px solid var(--dz-BOR-ed); border-radius: 4px; padding: 0 10px; }
.login_from li.diy select option { height: 25px; padding-top: 5px; }
.login_from li.diy .lb { padding-left: 10px; }

.verify-code-btn { border: 1px solid #2EA2D9; padding: 4px 15px; border-radius: 20px; }
.questionli { margin: 4.5px 0; }
.login_select { display: block; position: relative;}
.login_select .login-btn-text { -webkit-appearance: none; background: var(--dz-BG-0); border: 1px solid var(--dz-BOR-ed); box-sizing: border-box; width: 100%; padding: 2px 2%; height: 36px; border-radius: 4px; transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s; font-size: 14px; display: block; line-height: 30px; }
.login_select .sel_list { border: 0; padding: 2px 1.5%; font-size:14px; font-weight:700; position: absolute; top: 0; width: 97%; z-index: 2; cursor: pointer; height: 30px; left: 0; max-height: 100%; min-height: 100%; opacity: 0.0001; }

.btn_login, .btn_qqlogin, .btn_register { padding: 10px; overflow: hidden; }
.btn_qqlogin .pn { display: block; background-color: var(--dz-BG-3); color: var(--dz-FC-fff); }
.btn_threelogin { text-align: center; line-height: 80px; }
.btn_threelogin a { font-size: 24px; background: rgba(255,255,255,.9); border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,.2); padding: 5px; margin: 5px; }
.reg_link { height: 22px; line-height: 22px; font-size: 14px; padding: 15px; margin-bottom: 10px; }
.reg_link .login_now, .reg_link .reg_now { color: var(--dz-FC-bbb); }

.log_tit { text-align: center; }
.log_tit a { font-size: 24px; color: #fff; }
.login_pop { width: 250px; border-radius: 10px; }
.login_pop .login_select .inner { font-size: 14px; }
.login_pop #password { width: 100%; }
.login_pop .log_ico { margin: 10px auto 5px; }
.login_pop .log_ico a { margin: 5px; padding: 10px; width: 26px; height: 26px; line-height: 26px; }
.login_pop .log_ico a i { font-size: 26px; }
.login_pop .log_dsf { margin: 10px 10px 0; }
.login_pop .Password_show, .login_pop .Password_hide { display: none; }

/*----- sec_code -----*/
.sec_code { padding: 10px 0; }
.sec_code span .txt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.sec_code span img { float: right; height: 30px; border-radius: 0 4px 4px 0; }
.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; border-radius: 0 4px 4px 0; }
.sec_code input { -webkit-appearance: none; line-height: 28px; padding-left: 3% !important; box-sizing: border-box; border: 1px solid var(--dz-BOR-ed); border-radius: 4px 0 0 4px; background: var(--dz-BG-0) !important; }
.sec_code input:focus { border: 1px solid var(--dz-BOR-ed); outline: none; }
.login_pop .sec_code .px { width: 90px !important; }
.post_box .sec_code { padding: 5px 15px; border-bottom: 1px solid var(--dz-BOR-ed); }

/*----- uidinfo -----*/
.uid-avatar { overflow: hidden; position: relative; text-align: center; }
.uid-avatar-bg { background:var(--dz-BG-color);text-align: center; overflow: hidden; }
.uid-avatar .avatar-m { padding-top: 40px; width: 80px; height: 80px; margin: 0 auto; position: relative; }
.uid-avatar .avatar-m img { border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,0.5); width: 80px; height: 80px; }
.uid-avatar .avatar-m a { position: absolute; bottom: 0; left: 0; text-align: center; display: block; width: 80px; line-height: 18px; font-size: 12px; color: rgba(255,255,255,0.5); }
.uid-avatar .avatar-m .avt_change { position: relative; width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.uid-avatar .avatar-m .avt_change a { position: absolute; bottom: 0; left: 0; text-align: center; display: block; width: 80px; line-height: 18px; font-size: 10px; color: rgba(255,255,255,0.5); background: rgba(0,0,0,0.5); }
.uid-avatar .name { color: #FFF; font-size: 22px; margin-bottom: 20px; text-transform: none; }
.uid-avatar p { height: 30px; line-height: 20px; display: block; overflow: hidden; }
.uid-avatar-info { overflow: hidden; }
.uid-avatar-info ul { padding: 0 30px; }
.uid-avatar-info li { padding-top: 15px; padding-bottom: 15px; float: left; width: 33.33%; text-align: center; }
.uid-avatar-info li span { font-size: 20px; font-family: 'dinregular'; }
.uid-avatar-info li em { font-style: normal; }

/*----- spaceinfo -----*/
.space-avatar { position: relative; overflow: hidden; box-sizing: border-box; }
.space-avatar-cover { position: relative; }
.space-avatar-cover .cover { height: 220px; position: relative; background: #000; opacity: 0.5; backdrop-filter: blur(5px); }
.space-avatar-cover .cover-header .left { width: 22%; float: left; line-height: 50px; }
.space-avatar-cover .cover-header .left a { color: #FFF; line-height: 50px; font-size: 16px; margin-left: 15px; float: left; }
.space-avatar-cover .cover-header h2 { font-weight: 400; width: 56%; float: left; text-align: center; font-size: 14px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFF; }
.space-avatar-cover .cover-header .right { width: 22%; float: right; line-height: 50px; }
.space-avatar-cover .cover-header .right a { color: #FFF; line-height: 50px; font-size: 16px; margin-right: 15px; float: right; }
.space-avatar-cover .cover-wrapper { position: absolute; bottom: 30px; overflow: hidden; width: 100%; }
.space-avatar-cover .cover-wrapper .main-avt { float: left; width: 64px; height: 64px; margin-right: 12px; border-radius: 50%; background: rgba(255,255,255,0.5); overflow: hidden; }
.space-avatar-cover .cover-wrapper .main-avt img { margin: 2px; width: 60px; height: 60px; border-radius: 50%; }
.space-avatar-cover .cover-wrapper h2 { font-size: 20px; margin-bottom: 4px; height: 30px; line-height: 30px; margin-top: 8px; overflow: hidden; text-transform: none; color: #FFF; }
.space-avatar-cover .cover-wrapper p { height: 20px; line-height: 20px; display: block; overflow: hidden; }

/*----- space -----*/
.userinfo { padding-bottom:10px; overflow:hidden; }
.user_avatar {background-color:var(--dz-BG-color);background-repeat:no-repeat;background-position:center;background-size:cover !important;text-align:center;overflow:hidden}
.user_avatar .avatar_bg {width:100%;height:100%;background:rgb(0,0,0,.7);overflow:hidden}
.user_avatar .avatar_m { width:80px; height:80px; margin:40px auto 0; }
.user_avatar .avatar_m img { width:80px; height:80px; border-radius:50%; }
.user_avatar .name {margin-top:15px;height:18px;line-height:18px;font-size:16px;color:var(--dz-FC-fff)}
.user_box {margin:-25px 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 { padding:10px 15px; background-color:var(--dz-BG-5); overflow:hidden; }
.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 { }
.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-bbb)}
.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-bbb)}
.myinfo_list li span.mtxt { margin-top:12px; height:18px; line-height:18px; padding:0 5px; 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 { }
.myinfo_list_ico { padding:10px; background-color:var(--dz-BG-5); overflow:hidden; }
.myinfo_list_ico li { float:left; width:50%; box-sizing:border-box; }
.myinfo_list_ico li a { display:block; background-color:var(--dz-BG-0); margin:5px; padding:10px; height:26px; line-height:26px; font-size:14px; overflow:hidden; border-radius:30px; }
.myinfo_list_ico li a i { float:left; width:26px; height:26px; line-height:26px; font-size:14px; text-align:center; margin-right:8px; background-color:var(--dz-BG-4); color:var(--dz-FC-fff); overflow:hidden; border-radius:50%; }
.myinfo_list_ico li:nth-child(2) a i { background-color:var(--dz-BG-2); }
.myinfo_list_ico li:nth-child(3) a i { background-color:var(--dz-BG-3); }
.myinfo_list_ico li:nth-child(4) a i { background-color:var(--dz-BG-color); }
.myinfo_list_ico li a em { color: var(--dz-BG-2); font-size: 12px; }
.btn_admincp { padding: 15px 30px; margin-top: 15px; overflow: hidden;; }
.btn_admincp .pn { display: block; background-color: var(--dz-BG-3); color: var(--dz-FC-fff); }
.btn_exit { padding: 15px 30px; overflow: hidden; }
.btn_exit .pn { display: block; background-color: var(--dz-BG-1); 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); }

/*----- space_notice -----*/
.noticelist { }
.noticelist li { width: 100%; overflow: hidden; }
.noticelist li a { display: block; padding: 18px 15px; height: 32px; line-height: 32px; font-size: 16px; }
.noticelist li a i { color: var(--dz-FC-bbb); }
.noticelist li a span { color: #FFF; float: left; width: 32px; height: 32px; line-height: 32px; font-size: 16px; text-align: center; margin-right: 10px; border-radius: 50%; }
.noticelist li a span.icon-announcepm { background: var(--dz-BG-3); }
.noticelist li a span.icon-all { background: var(--dz-BG-4); }

/*----- announcepmdetail -----*/
.announcepmdetail { }
.announcepmdetail .box {overflow:hidden;padding:15px;}
.announcepmdetail .box .mimg {float:left;width:32px;height:32px;margin-right:10px;}
.announcepmdetail .box .mimg img {width:32px;height:32px;border-radius:50%;}
.announcepmdetail .box .mtit {line-height:32px;font-size:16px;}
.announcepmdetail .box .mtit a {text-transform:capitalize;}
.announcepmdetail .box .mtxt {margin-top:20px;font-size:16px;}
.announcepmdetail .box .mtime {margin-top:20px;font-size:10px;color:var(--dz-FC-bbb);}

/*----- space-pm -----*/
.pmbox li { position: relative; color: var(--dz-FC-bbb); border-bottom: 1px solid var(--dz-BOR-ed); overflow:hidden; }
.pmbox li:last-child { border-bottom: none; }
.pmbox li .avatar_img img { background: var(--dz-BG-5); position: absolute; left: 15px; top: 18px; width: 32px; height: 32px; border-radius: 50%; display: inline-block; }
.pmbox li a { display: block; padding: 15px 15px 15px 55px; }
.pmbox li .num { background: red; color: #FFF; float: right; height: 16px; line-height: 16px; padding: 0 10px; border-radius: 10px; margin-right: 5px; margin-top: 3px; font-size: 10px; }
.pmbox li .time { float: right; font-size: 10px; margin-top: 3px; }
.pmbox li .name { text-transform: none; }

.friend_msg, .self_msg { padding:20px 15px 0; }
.friend_msg .avat img { background:var(--dz-BG-5); width:32px; height:32px; border-radius:50%; }
.friend_msg .dialog_c { padding: 10px 15px; font-size:14px; line-height:22px; background:var(--dz-BG-4); color:var(--dz-FC-fff); max-width: 230px; }
.friend_msg .dialog_c { margin:0 0 5px 5px; border-radius: 0 30px 30px 30px; }
.friend_msg .dialog_c img { margin:2px 4px; vertical-align:bottom; border-radius:4px; }
.friend_msg .date { margin-left:20px; height:18px; line-height:18px; font-size:10px; color:var(--dz-FC-bbb); }
.self_msg .avat img { background:var(--dz-BG-5); width:32px; height:32px; border-radius:50%; }
.self_msg .dialog_c { padding: 10px 15px; font-size:14px; line-height:22px; background:var(--dz-BG-4); color:var(--dz-FC-fff); max-width: 230px; }
.self_msg .dialog_c { margin:0 5px 5px 0; border-radius: 30px 0 30px 30px; }
.self_msg .dialog_c img { margin:2px 4px; vertical-align:bottom; border-radius:4px; }
.self_msg .date { margin-right:20px; height:18px; line-height:18px; font-size:12px; color:var(--dz-FC-bbb); }
.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; }

/*----- space_friend -----*/
.tip_addfriend .delete { position: absolute; top: 0; right: 0; padding: 5px 8px; }
.tip_addfriend .avatar { display: block; width: 60px; margin: 0 auto; overflow: hidden; }
.tip_addfriend .avatar img { display: block; margin: 10px auto; width: 60px; height: 60px; border-radius: 50%; }
.tip_addfriend .detail .txt { background: var(--dz-BG-0); -webkit-appearance: none; border-radius: 4px; border: 1px solid var(--dz-BOR-ed); width: 97%; padding: 10px 1.5%; font-size: 14px; }
.tip_addfriend .detail .txt:focus { border: 1px solid var(--dz-BOR-ed); outline: none; }
.tip_addfriend .detail .sort_sel { background: var(--dz-BG-0); width: 100%; font-size: 14px; color: #666; border-radius: 4px; border: 1px solid var(--dz-BOR-ed); height: 36px; padding: 0 10px; }

/*----- post_box -----*/
.post_box { overflow: hidden; }
.post_box li { font-size: 14px; padding-top: 10px; }
.post_box .px { width:100%; background:none; padding:0; font-size:16px; }
.post_box textarea { box-sizing: border-box; background: var(--dz-BG-0); -webkit-appearance: none; border-radius: 4px; border: 1px solid var(--dz-BOR-ed); width: 100%; padding: 10px 2%; font-size: 14px; }
.post_box textarea:focus { border: 1px solid var(--dz-BOR-ed); outline: none; }
.post_box .sort_sel { background: var(--dz-BG-0); width: 100%; padding: 0 5px; font-size: 14px; color: #666; border-radius: 4px; border: 1px solid var(--dz-BOR-ed); height: 36px; }

.post_box li.mli { height:30px; line-height:30px; padding:5px 15px; font-size:14px; border-bottom:1px solid var(--dz-BOR-ed); overflow:hidden; position:relative; }
.post_box li.flex-half { padding: 5px 0; }
.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 li.mli .sort_sel { width:100%;background:url('arrow.svg') no-repeat right center;background-size:16px 16px;padding-right:14px;height:30px;line-height:30px;font-size:14px;border:none;color:graytext;appearance:none;-moz-appearance:none;-webkit-appearance:none;overflow:hidden; }

.post_btn { padding: 30px 15px; }

.post_box li .post_attbtn { margin-left:5px; }
.post_box li .post_imgbtn, .post_box li .post_attbtn { float:left; padding:5px 10px; font-size:12px; color:var(--dz-FC-color); background-color:var(--dz-BG-0); 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-0); border:none; }
.post_box li .editpic li.up_btn a input { position:absolute; top:12px; left:0; 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,.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:15px; top:-12px; }
.post_imglist li .del i { background-color:var(--dz-BG-2); color:var(--dz-BG-0); border: 3px solid var(--dz-BG-2); border-radius:50%; }
.post_imglist li .p_img { display:block; }
.post_imglist li .p_img img { vertical-align:middle; border-radius: 4px; }

.post_attlist li { padding:12px 0; overflow:hidden; }
.post_attlist li .tit { line-height:22px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.post_attlist li .tit img { }
.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:12px; border-radius:4px; display:block; background: var(--dz-BG-body); }
.post_attlist li .minput .price { width: inherit; }

/*----- viewthread -----*/
.quote { padding: 8px 10px; margin: 8px 0; background-color: var(--dz-BG-0); border: 1px dashed var(--dz-BOR-ed); font-size: 14px; border-radius: 4px; }
.quote a { color: var(--dz-BG-3); }
.locked { padding: 8px 10px; margin: 8px 0; background-color: var(--dz-BG-0); border: 1px dashed var(--dz-BOR-ed); font-size: 14px; border-radius: 4px; }
.locked a { color: var(--dz-BG-3); }
.viewthread { overflow: hidden; }
.viewthread .view_tit { padding:15px 15px 0; line-height:30px; font-size:20px; font-weight:700; }
.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: 28px; height: 28px; border-radius: 50%; }
.plc .pi { margin-top: 5px; padding: 10px 0; position: relative; }
.plc .pi .authi { margin-left:35px; margin-bottom:10px; position:relative; }
.plc .pi .authi li.mtit { height:18px; line-height:16px; overflow:hidden; }
.plc .pi .authi li span.z, .plc .pi .authi li span.z a { color:var(--dz-FC-color); font-size: 13px; text-transform: none; }
.plc .pi .authi li span.z a .postauthor { color:var(--dz-FC-bbb); padding: 1px 3px; font-size: 12px; border: 1px solid var(--dz-FC-bbb); border-radius: 3px; -webkit-transform: scale(0.7,0.7); display: inline-block; font-style: normal; }
.plc .pi .authi li span.z a .postisstick { color:var(--dz-FC-fff); background: var(--dz-BG-2); padding: 1px 3px; font-size: 12px; border: 1px solid var(--dz-BG-2); border-radius: 3px; -webkit-transform: scale(0.7,0.7); display: inline-block; font-style: normal; }
.plc .pi .authi li span.y { float:right; color:var(--dz-FC-bbb); }
.plc .pi .authi li.mtime { height:16px; line-height:16px; color:var(--dz-FC-bbb); 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-top: 0; padding: 0; }
.plc .pione .wbfi-info { line-height: 40px; margin-bottom: 10px; }
.plc .pione .wbfi-info .name { margin-right: 5px; text-transform: none; }
.plc .pi .message { line-height:26px; font-size:16px; }
.plc .pi .message .jammer { font-size:12px; color:var(--dz-FC-color); }
.plc .pi .message img, .plc .pi .img_one img { margin:6px 0; max-width:100%; border-radius:4px; }
.plc .pi .messagereply { margin-left: 35px; }
.plc .pi .quotereply { margin-left: 35px; }
.plc .pi .imgreply { margin-left: 35px; }
.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 .footreply { margin-left: 35px; }
.mtime .manage, .mtime .dialogbox {width:90%;padding:10px;background-color:var(--dz-BG-0);overflow:hidden;border-radius:8px}
.mtime .manage .button, .mtime .dialogbox .button {float:left;width:46%;margin:2%}
.wbmtime .manage, .wbmtime .dialogbox { width:250px !important; padding:10px; background-color:var(--dz-BG-0); overflow:hidden; border-radius:8px; max-height:305px; overflow-y:auto; }
.wbmtime .manage .button, .wbmtime .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 .blockcode { background: var(--dz-BG-0); border: 1px dashed var(--dz-BOR-ed); border-left: 2px solid var(--dz-BG-4) !important; padding: 0 0 0 34px; margin: 10px 0;  overflow: hidden;  }
.plc .pi .message .blockcode>div { padding: 8px 8px 5px 0; }
.plc .pi .message .blockcode ol li { padding-left: 8px; list-style-type: decimal-leading-zero; font-size: 12px; line-height: 24px; }
.plc .pi .message ul.litype_1, .plc .pi .message ul.litype_2, .plc .pi .message ul.litype_3 { margin-left: 15px; }
.plc .pi .message ul.litype_1 li { list-style-type: decimal !important; margin-left: 10px; }
.plc .pi .message ul.litype_2 li { list-style-type: decimal !important; margin-left: 10px; }
.plc .pi .message ul.litype_3 li { list-style-type: decimal !important; margin-left: 10px; }

.wb_message_table a {  }
.wb_message_table table { width: 100%; border: 1px solid var(--dz-BOR-ed) !important; }
.wb_message_table table th { border: 1px solid var(--dz-BOR-ed); padding: 5px; line-height: 20px; font-size: 14px; }
.wb_message_table table td { border: 1px solid var(--dz-BOR-ed); padding: 5px; line-height: 20px; font-size: 14px; }

.wbatform table { background: #EBEBEB; border-collapse: separate; border-spacing: 1px; width: 100%; table-layout: fixed; }
.wbatform table th { background: #F5F5F5; padding: 7px 10px; text-align: left; width: 30%; font-size: 14px; }
.wbatform table td { background: #FFF; padding: 7px 10px; font-size: 13px; }

/*----- viewthread-comment -----*/
.commentdetailbox { background:var(--dz-BG-0); border-top: 2px solid var(--dz-BG-4); margin: 15px 0; padding: 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.commentdetailbox p { line-height: 22px; margin-bottom: 8px; font-size: 14px; }
.commentreply { margin-left: 35px; }
/*----- viewthread-rate -----*/
.wbratebtn { padding: 30px 15px 15px; }
.wbratebtn a { background: var(--dz-BG-1); font-size: 30px; color: #FFF; padding: 5px; border-radius: 50%; }
.wbratebox { margin: auto auto; padding-bottom: 15px; }
.wbratebox img { width: 28px; height: 28px; border-radius: 50%; margin: 0 -2px; }
.rate_box select {position:absolute;top:0;width:100%;z-index:2;cursor:pointer;height:30px;left:0;max-height:100%;min-height:100%;opacity:0.0001}

/*----- viewthread-pay -----*/
.wbviewpay { border: 1px solid #EFEFEF; border-radius: 10px; }
.wbpayform { border-radius: 10px; }
.wbpayform h3 { font-size: 18px; }
.wbpayform .close { position: absolute; right: 10px; top: 10px; }
.wbpayform .list tr { line-height: 30px; border-bottom: 1px dashed #F5F5F5; }
.wbpayform .list tr th { float: left; }
.wbpayform .list tr td { float: right; }
.wbpayview { border: 1px solid #EFEFEF; border-radius: 10px; }
.wbpayviewlist { border-radius: 10px; }
.wbpayviewlist h3 { font-size: 18px; }
.wbpayviewlist .close { position: absolute; right: 10px; top: 10px; }
.wbpayviewlist .list tr { line-height: 30px; border-bottom: 1px dashed #F5F5F5; }

/*----- viewthread-attach -----*/
.wbattach { border: 1px dashed var(--dz-BOR-ed); border-radius: 3px; }
.wbattachbox i { font-style: normal !important; float: right; font-size: 24px; }
.wbattachbox .attach-name { display: block; line-height: 22px; }
.wbattachbox .attach-name img { height: 16px; width: 16px; margin: 0 5px 2px 0 !important; }
.wbattachbox .attach-name span { word-break: keep-all; }
.wbattachbox .attach-size { display: block; height: 18px; line-height: 18px; margin-top: 5px; }
.wbattachtxt { border: 1px dashed var(--dz-BOR-ed); background: var(--dz-BG-5); line-height: 20px; font-size: 12px; padding: 4px 10px; margin-top: 8px; border-radius: 3px; }
.wbattach .buyfill { width: 50%; float: left; margin-top: 8px; }
.wbattach .buyfill a { background: var(--dz-BG-color); color: #FFF; border-radius: 30px; width: 95%; display: block; text-align: center; line-height: 30px; }
.wbattach .buyfillo { width: 50%; float: left; margin-top: 8px; }
.wbattach .buyfillo a { border: 1px solid var(--dz-BOR-ed); border-radius: 30px; width: 95%; display: block; text-align: center; line-height: 28px;}
.wbattach .buyempty { width: 50%; float: right; margin-top: 8px; }
.wbattach .buyempty a { border: 1px solid var(--dz-BOR-ed); border-radius: 30px; width: 95%; display: block; text-align: center; line-height: 28px; float: right; }

/*----- viewthread-attach -----*/
.wbattachpayview { border-radius: 10px; max-height: 300px; overflow-y: scroll; }
.wbattachpayview h3 { font-size: 16px; }
.wbattachpayview .close { position: absolute; top: 0; right: 0; padding: 10px; }
.wbattachpayview .list tr { line-height: 30px; border-bottom: 1px dashed #F5F5F5; }


/*----- special-poll -----*/
.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; }
.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; }
.plc .pi .message .poll_box p .mimg img { width:80%; }

.wbpoll { margin:10px auto; padding:15px; background-color:var(--dz-BG-5); border: 1px dashed #D7D7D7; font-size:14px; border-radius: 5px; }
.wbpolltxt { line-height:28px; color:var(--dz-FC-666); }
.wbpollbox .isimage .pad { width: 49%; margin-right: 1%; }
.wbpollbox .isimage .pad:nth-child(2n) { width: 49%; margin-right: 0; margin-left: 1%; }
.wbpollbox .isimage .pad .polltd { margin-top: 10px; padding: 5px; background: #FFF; border-radius: 4px; border: 1px dashed #D7D7D7; }
.wbpollbox .isimage .pad .polltd .comimg { display: block; height: 150px; }
.wbpollbox .isimage .pad .polltd .comimg img { margin: 0; max-height: 150px; object-fit: cover; }
.wbpollbox .isimage .pad .polltd .img { position: relative; height: 16px; background: #E9E9E9; border-radius: 0 10px 10px 0; }
.wbpollbox .isimage .pad .polltd .img .jdt { display: block; width: 1px; height: 16px; background: #F2A61F; border-radius: 0 10px 10px 0;}
.wbpollbox .isimage .pad .polltd .img .imgfc { position: absolute; left: 0; top: 0; padding: 0 5%; width: 90%; line-height: 16px; }
.wbpollbox .noimage { margin: 10px 0; padding: 10px; background: #FFF; border-radius: 4px; border: 1px dashed #D7D7D7; }
.wbpollbox .noimage .wbvisiblepoll { position: relative; }
.wbpollbox .noimage .wbpbg { position: relative; width: 100%; height: 16px; background: #E9E9E9; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.wbpollbox .noimage .wbpbr { position: absolute; left: 0; bottom: 0; height: 16px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }

/*----- special-reward -----*/
.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); }
.wbreward, .wbrwdbst { margin:15px auto 10px; padding:15px; background-color:var(--dz-BG-5); font-size:14px; border-radius:3px; border: 1px dashed #D7D7D7; }
.wbreward_txt { line-height:20px; }
.wbreward_txt strong { margin:0 5px; font-size:18px; color:var(--dz-BG-3); }
.wbreward_txt span { display:block; color:var(--dz-FC-bbb); }
.wbreward .mhd { background: var(--dz-BG-color); color:var(--dz-FC-fff); float:right; font-size: 12px; padding: 2px 12px; border-radius: 30px; }
.wbrwdbst h3 { color: var(--dz-BG-3); }
.wbrwdbst h3 a { float:right; font-size:14px; color:var(--dz-FC-color); }
.wbrwdbst .muser { margin:8px 0; height:20px; line-height:20px; }
.wbrwdbst .muser img { float:left; width:20px; height:20px; margin:0 5px 0 0 !important; border-radius:50% !important; }
.wbrwdbst .mtxt { color:var(--dz-FC-bbb); }

/*----- special-debate -----*/
.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)}

.wbdebatebox { margin:10px auto; padding:15px; background:var(--dz-BG-5); border: 1px dashed #D7D7D7; font-size:14px; border-radius:5px; }
.wbdebatebox strong em { float:right; font-weight:400; }
.wbdebatebox p { color:var(--dz-FC-666); }
.wbdebatebox p strong { color:var(--dz-BG-2); }
.wbdebatebox .pns { float:left; margin:10px 0 0; height:30px; line-height:30px; padding:0 20px; font-size:12px; color:var(--dz-FC-fff) !important; }
.wbdebatebox #affirmbutton { background-color:var(--dz-BG-3); }

/*----- special-activity -----*/
.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; }
.postmessage { margin: 20px 0; }
.activityover a { background: #EBEBEB; display: inline-block; height: 34px; line-height: 34px; padding: 0 20px; font-size: 14px; border-radius: 2px; }

/*----- special-trade -----*/
.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); }
.wbtradebox { margin:10px auto;padding:10px 15px;background-color:var(--dz-BG-5);font-size:14px;border-radius:6px}
.wbtradebox .my { float:right; color:var(--dz-BG-3); }

/*----- scrolltop -----*/
.scrolltop { display: block; position: fixed; right: 15px; bottom: 30px; height: 38px; width: 38px; z-index: 99; background: var(--dz-BG-0); box-shadow: 0 0 2px rgba(0,0,0,.3); border-radius: 50%; }
.scrolltop:after { content:""; position: absolute; top: 12px; left: 13px; width: 12px; height: 2px; border-radius: 1px; background: var(--dz-FC-color); }
.scrolltop:before { content:""; position: absolute; top: 17px; left: 13px; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid var(--dz-FC-color); 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-color); border-bottom: 0; top: 11px; }
/*----- wbvtmenu --------*/
.wbvtmenu { display: block; position: fixed; right: 15px; bottom: 80px; height: 38px; width: 38px; z-index: 99; background: rgba(255,255,255,.9); box-shadow: 0 0 2px rgba(0,0,0,.3); border-radius: 50%; line-height: 38px; text-align: center; }
.wbvtmenu i { color: var(--dz-FC-color); font-weight: 700; }
/*----- wbvtreturn --------*/
.wbvtreturn { display: block; position: fixed; right: 15px; bottom: 130px; height: 38px; width: 38px; z-index: 99; background: rgba(255,255,255,.9); box-shadow: 0 0 2px rgba(0,0,0,.3); border-radius: 50%; line-height: 38px; text-align: center; }
.wbvtreturn i { color: var(--dz-FC-color); font-weight: 700; }

/*----- home_feed -----*/
.home_feed { }
.home_feed_time{ height:25px; line-height:25px; padding:10px 0 0; 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); padding:0 12px; margin-left:47px; position:relative; z-index:1; }
.home_feed_time:after{ content:"";width:100%;height:1px; position:absolute; top:21px; left:0; background:var(--dz-BOR-ed); }
.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:#3869AB; }
.home_feed_title { padding:10px 0; }
.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); }

/*----- credit -----*/
.home_credit_log { border-top:1px solid var(--dz-BOR-ed); }
.home_credit_log li { padding:10px 15px; border-bottom:1px solid var(--dz-BOR-ed); }
.home_credit_log li:last-child { border-bottom: none; }
.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: #aaa; }

/*----- group -----*/
.wbgroupjoin { padding: 15px 15px 15px 15px; text-align: center; }
.wbgroupjoin .groupjoinpn { color: var(--dz-FC-fff); background: var(--dz-BG-3); border: 0; padding: 0 15px; line-height: 24px; text-align: center; font-size: 12px; border-radius: 20px; }
.groupfdnv {  }
.groupfdnv a { color: var(--dz-FC-bbb); margin: 0 15px; font-size: 14px; position: relative; word-break: keep-all; }
.groupfdnv a.a { font-weight: 700; color: var(--dz-FC-color); }
.groupfdnv a.a:after { content: ""; position: absolute; top: 24px; left: 50%; display: block; width: 16px; height: 4px; margin-left: -8px; border-radius: 2px; background: var(--dz-BG-color); }
.group_memberlist_star { background-color: var(--dz-BG-3); border-radius: 10px; color:var(--dz-BG-0); margin-left:5px; padding: 0 2px; font-size: 12px; }
#group_manage_userlist li { width:auto; margin:0 5px; }
#threadtype input { background-color:var(--dz-BG-5); width:100%; }

/*----- topgrouplist -----*/
.topgrouplist { padding-left: 15px; }
.topgrouplist ul { display: flex; overflow-x: scroll; }
.topgrouplist ul::-webkit-scrollbar { display: none; }
.topgrouplist li { flex-shrink: 0; float: left; width: 90px; height: 90px; margin: 0 15px 10px 0; position: relative; overflow: hidden; display: inline; text-align: left; transition-property: transform; }
.topgrouplist li a { display: block; position: relative; }
.topgrouplist li img { width: 100%; border-radius: 5px; vertical-align: top; }
.topgrouplist li h2 { position: absolute; top: 0; left: 0; width: 70px; height: 80px; padding: 5px 10px; background: rgba(0,0,0,.3); color: #FFF; z-index: 10; font-size: 14px; border-radius: 5px; display: block; }

/*----- allgroup -----*/
.allgroup { padding: 15px 15px 0 15px; }
.allgroup ul {  }
.allgroup li { float: left; width: 32%; height: 108px; margin-bottom: 8px; position: relative; overflow: hidden; display: inline; text-align: left; transition-property: transform; }
.allgroup li:nth-child(3n-1) { margin-left: 2%; margin-right: 2%; }
.allgroup li a { display: block; position: relative; }
.allgroup li img { width: 100%; height: 108px; border-radius: 5px; vertical-align: top; }
.allgroup li h2 { position: absolute; top: 0; left: 0; width: 100%; height: 108px; background: rgba(0,0,0,.3); color: #FFF; z-index: 10; font-size: 14px; border-radius: 5px; display: block; }

/*----- recommendgroup -----*/
.gititle { height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; }
.gititle h2 a { margin-left: 15px; font-size:18px; font-weight:400; }
.recommendgroup ul { padding-top: 10px; }
.recommendgroup .list-item { display: flex; flex-direction: row; align-items: center; padding: 0 15px 10px; }
.recommendgroup .list-item img { flex-shrink: 0; max-width: 50px; max-height: 50px; border-radius: 5px; object-fit: cover; }
.recommendgroup .list-item .content { display: flex; flex-direction: column; align-items: flex-start; margin-left: 12px; width: 0; flex-grow: 1; }
.recommendgroup .list-item .content .title { width: 100%; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 2px; }
.recommendgroup .list-item .content .desc { width: 100%; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*----- media --------*/
.media { display: block; margin-bottom: 30px; max-width: 100%; }
.media_container { display: block; width: 100%; height: 100%; min-height: 20px; background: url("./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: #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); background: var(--dz-BG-0); }
.tfm .pt { min-height: 65px; }
.tfm .d { clear: both; }
.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('./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: #FFF; background: #A0C8EA; 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 #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: #ccc; }
			.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: #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 */
.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%; }

.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: #FF9A9A; }

/* 外宽改变时 .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: #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); }


/* ranklist */
.rankicn { width: 20px; }
.ranks { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; color: #FFF; background: #A0C8EA; border-radius: 8px; }
.ranks_1 { background: #ED741C; } .ranks_2 { background: #F3AC27; } .ranks_3 { background: #F8CB5E; }

/*----- wbranklist -----*/
.pg_ranklist {  }
.wbranklist { width: 100%; margin: 0 auto; }
.wbranklist li { width: 100%; height: 45px; float: none; }
.wbranklist li a { display: block; line-height: 44px; text-align: left; font-size: 16px; margin-left: 20px; }
.wbranklist li span { color: var(--dz-FC-bbb); font-size: 14px; padding-right: 15px; }

/* wbrank-thread */
.wbrank-thread-time { padding: 10px 15px; }
.wbrank-thread-time a { color: var(--dz-FC-bbb); font-size: 14px; }
.wbrank-thread-time span { color: var(--dz-FC-bbb); margin: 0 7px; }
.wbrank-thread li { padding: 12px 0; line-height: 28px; font-size: 16px; overflow: hidden; border-bottom: 1px dashed var(--dz-BOR-ed); }
.wbrank-thread li .num { float: left; width: 40px; height: 48px; line-height: 48px; font-size: 16px; text-align: center; margin-top: 6px; margin-right: 12px; border-right: 1px dashed var(--dz-BOR-ed); }
.wbrank-thread li a.title { display: block; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wbrank-thread li p { padding-top: 5px; height: 20px; line-height: 20px; overflow: hidden; }
.wbrank-thread li p a { float: left; margin-right: 12px; text-transform: none; }
.wbrank-thread li p a img { float: left; width: 20px; height: 20px; margin-right: 6px; border-radius: 50%; }
/* wbrank-member */
.wbrank-member-time { padding: 10px 15px; }
.wbrank-member-time a { color: var(--dz-FC-bbb); font-size: 12px; }
.wbrank-member-time span { color: var(--dz-FC-bbb); margin: 0 7px; }
.wbrank-member { width: 100%; overflow: hidden; }
.wbrank-member li { border-bottom: 1px dashed var(--dz-BOR-ed); }
.wbrank-member li a { display: block; padding: 12px 0; height: 38px; line-height: 38px; }
.wbrank-member li .num { float: left; width: 22px; text-align: center; margin-right: 10px; font-size: 14px; }
.wbrank-member li img { float: left; width: 38px; height: 38px; margin-right: 10px; border-radius: 50%; }
.wbrank-member li .name { float: left; margin-right: 5px; font-size: 16px; text-transform: none; }
/* wbrank-blog */
.wbrank-blog-time { padding: 10px 15px; }
.wbrank-blog-time a { color: var(--dz-FC-bbb); font-size: 14px; }
.wbrank-blog-time span { color: var(--dz-FC-bbb); margin: 0 7px; }
.wbrank-blog li { padding: 12px 0; line-height: 28px; font-size: 16px; overflow: hidden; border-bottom: 1px dashed var(--dz-BOR-ed); }
.wbrank-blog li .num { float: left; width: 40px; height: 68px; line-height: 48px; font-size: 16px; text-align: center; margin-top: 6px; margin-right: 12px; border-right: 1px dashed var(--dz-BOR-ed); }
.wbrank-blog li a.title { display: block; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wbrank-blog li p { padding-top: 5px; height: 20px; line-height: 20px; overflow: hidden; }
.wbrank-blog li p.detail { text-overflow: ellipsis; white-space: nowrap; }
.wbrank-blog li p a { float: left; margin-right: 12px; text-transform: none; }
.wbrank-blog li p a img { float: left; width: 20px; height: 20px; margin-right: 6px; border-radius: 50%; }
/* wbrank-poll */
.wbrank-poll-time { padding: 10px 15px; }
.wbrank-poll-time a { color: var(--dz-FC-bbb); font-size: 14px; }
.wbrank-poll-time span { color: var(--dz-FC-bbb); margin: 0 7px; }
.wbrank-poll li { padding: 12px 0; line-height: 28px; font-size: 16px; overflow: hidden; border-bottom: 1px dashed var(--dz-BOR-ed); }
.wbrank-poll li .num { float: left; width: 40px; height: 68px; line-height: 48px; font-size: 16px; text-align: center; margin-top: 6px; margin-right: 12px; border-right: 1px dashed var(--dz-BOR-ed); }
.wbrank-poll li a.title { display: block; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wbrank-poll li p { padding-top: 5px; height: 20px; line-height: 20px; overflow: hidden; }
.wbrank-poll li p a { float: left; margin-right: 12px; text-transform: none; }
.wbrank-poll li p a img { float: left; width: 20px; height: 20px; margin-right: 6px; border-radius: 50%; }
/* wbrank-activity */
.wbrank-act-time { padding: 10px 15px; }
.wbrank-act-time a { color: var(--dz-FC-bbb); font-size: 14px; }
.wbrank-act-time span { color: var(--dz-FC-bbb); margin: 0 7px; }
.wbrank-act li { padding: 12px 0; line-height: 28px; font-size: 16px; overflow: hidden; border-bottom: 1px dashed var(--dz-BOR-ed); }
.wbrank-act li .num { float: left; width: 40px; height: 98px; line-height: 48px; font-size: 16px; text-align: center; margin-top: 6px; margin-right: 12px; border-right: 1px dashed var(--dz-BOR-ed); }
.wbrank-act li a.title { display: block; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wbrank-act li p { padding-top: 5px; height: 20px; line-height: 20px; overflow: hidden; }
.wbrank-act li p a { float: left; margin-right: 12px; text-transform: none; }
.wbrank-act li p a img { float: left; width: 20px; height: 20px; margin-right: 6px; border-radius: 50%; }
/* wbrank-forum */
.wbrank-forum { width: 100%; overflow: hidden; }
.wbrank-forum li { border-bottom: 1px dashed var(--dz-BOR-ed); }
.wbrank-forum li a { display: block; padding: 12px 0; height: 38px; line-height: 38px; }
.wbrank-forum li .num { float: left; width: 22px; text-align: center; margin-right: 10px; font-size: 14px; }
.wbrank-forum li .name { float: left; margin-right: 5px; font-size: 16px; text-transform: none; }
/* wbrank-group */
.wbrank-group { width: 100%; overflow: hidden; }
.wbrank-group li { border-bottom: 1px dashed var(--dz-BOR-ed); }
.wbrank-group li a { display: block; padding: 12px 0; height: 38px; line-height: 38px; }
.wbrank-group li .num { float: left; width: 22px; text-align: center; margin-right: 10px; font-size: 14px; }
.wbrank-group li .name { float: left; margin-right: 5px; font-size: 16px; text-transform: none; }
/* wbrank-picture */
.wbrank-pic-time { padding: 10px 15px; }
.wbrank-pic-time a { color: var(--dz-FC-bbb); font-size: 14px; }
.wbrank-pic-time span { color: var(--dz-BOR-ed); margin: 0 7px; }
.wbrank-pic li { width: 48.5%; }
.wbrank-pic li:nth-child(2n+1) { margin-right: 1.5%; float: left; }
.wbrank-pic li:nth-child(2n) { margin-left: 1.5%; float: right; }
.wbrank-pic .pic { height: 170px; overflow: hidden; border-radius: 5px; margin-bottom: 15px; }
.wbrank-pic .pic a { display: inline-block; width: 100%; height: 170px; position: relative; border-radius: 5px; }
.wbrank-pic .pic a img { width: 100%; height: 170px; object-fit: cover; object-position: top; border-radius: 5px; }
.wbrank-pic .pic a .num { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); padding: 5px 10px; border-radius: 5px 0 10px 0; }
.wbrank-pic .pic a .info-box { position: absolute; bottom: 0; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.01)); border-radius: 0 0 5px 5px; }
.wbrank-pic .pic a .info-box .info { margin: 20px 10px 10px; }
.wbrank-pic .pic a .info-box .info .name { text-transform: none; }



/* piclist */
.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: #F4F4F4; text-align: left; box-shadow: 1px 1px 2px #CCC; }
			.mla .a { background: #FFF6F0; }
			.mla .c a { display: block; width: 120px; height: 120px; overflow: hidden; background: #FFF; }
			.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 #CCC; background: #FFF; }

	.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; }

/* bid */
.bid { margin: 2px -4px -2px 2px; zoom: 1; }
.biduser { background:url(./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: #FCFCFC; }
			.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: #548BF6; color: #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: #FFF; }
			.tbox { display: inline-block; color: #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:#FFF 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: #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: #F26C4F; }
			.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; }

/* mask */
#mask { opacity: 0.5 !important; }

/* bbruletxt */
.layer_bbruletxt_box { height: 200px; display: block; overflow-y: scroll; border-radius: 10px; border: 1px solid var(--dz-BOR-ed); }
.layer_bbruletxt_box .log_tit { font-weight: 700; padding: 10px; border-bottom: 1px solid var(--dz-BOR-ed); }

#tr_birthcity, #tr_residecity { display: none; }
img[src*="smiley"] {
    max-height: 38px;
}