/*
[name]青[/name]
[iconbgcolor]#429296[/iconbgcolor]
Powered by Discuz! X
*/

::selection{ background-color: #429296; color: #FFF; }
:focus { outline-color: #429296; }
body { background: #FFF url(bgimg.jpg) no-repeat 50% 0; background-size: 1400px; }
@media(min-resolution:120dpi){ body { background-image: url(bgimg2x.jpg); }}
.fc-p { color: #429296; }
#nv,#scbar_btn { background-color: #429296; }
	#nv li.a { background-color: #005D5D; }
	#nv li a:hover, #nv li.hover a:hover, #nv li.hover a { background-color: #044; }
#scform_srchtxt { border-color: #429296; }
#scform_tb .a::before { border-bottom-color: #429296; }
#scform_submit { background-color: #429296; }

.bm_h, .tl th, .tl td { border-bottom-color: #CDCDCD; }
.fl .bm_h { border-color: #C5E6DF; background: #EBF5F6; }

/* 重定义 {SPECIALBG} */
.bmn, .bm_h, td.pls, .ad td.plc, div.exfm, .tb a, .tb_h, .ttp li.a a, div.uo a, input#addsubmit_btn, #gh .bm .bm_h, .appnew, .apphot { background-color: #EBF5F6; }

.ct2_a, .ct3_a { background-image: linear-gradient(0deg,#E8F6F3,#E8F6F3); }
.tbn li.a { background: #FFF; }
	#nv_portal.pg_portalcp .ct2_a_r, #nv_forum.pg_post .ct2_a_r, #nv_group.pg_post .ct2_a_r { background-image: none; }

/* 重定义 {SPECIALBORDER} */
.bmn, .pg a, .pgb.a, .pg strong, .card, .card .o, div.exfm  { border-color: #C5E6DF; }
.pg strong { background-color: #C5E6DF; }
.pnc, .tb .o, .tb .o a { background-color: #429296; }
	.pnc, a.pnc, .tb .o { border-color: #066; }
	.pnc:active { background: #005D5D; }
	.pnc:focus { box-shadow: 0 0 0 2px rgba(0, 93, 93, 0.25); }

.mi #moodfm.hover textarea { border-color: #C5E6DF; }

.ad td.pls { background-color: #C5E6DF; }
.side_btn a svg { fill: #429296; }

/* 重定义字体 */
#qmenu, .fl .bm_h h2 a, .xi1, #um .new, .topnav .new, .sch .new, .el .ec .hot em, .pll .s a.joins { color: #429296; }
.pll .s a.go { color: #FFF; }
.xi2, .xi2 a { color: #000; }

/* 重定义按钮 */
.pgsbtn { background-color: #429296; }
	.pgsbtn:hover { background-color: #005D5D; }
	.pgsbtn:active { box-shadow: 0 0 0 3px rgba(0, 93, 93, 0.25); }
.el .ec .hot, .clct_list .xld .m { background-image: linear-gradient(0deg,#9AD1CF 40%,#CAE7E2 40%); }; }
.pll .s { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='89'%3e%3cpath fill='%23cae7e2' d='M60 0v50c0 5.5-4.5 10-10 10H0V10C0 4.5 4.5 0 10 0z'/%3e%3cpath fill='%239ad1cf' d='M60 65v19c0 2.75-2.25 5-5 5H0V70c0-2.75 2.25-5 5-5zM8 75l2.5 2.5L8 80h2l2.5-2.5L10 75z'/%3e%3c/svg%3e"); }

/* 重定义广播 */
#uhd, #flw_header .bar, .flw_replybox { background-color: #F4F9F9; }
#flw_post_extra .sec { background-color: #F4F9F9; }

/* 重定义版块快速跳转和侧边导航 */
#fjump_menu li.a a { background-color: #EBF5F6; }
.bdl, .bdl dt, .bdl dd.bdl_a a { border-color: #C2D5E3; background-color: #EBF5F6; }
.bdl dd.bdl_a a { color: #429296; }

/* 重定义下拉菜单 */
.p_pop a { border-bottom-color: #EBF5F6; }
	.p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: #EBF5F6; color: #429296; }
	.blk a:hover { background-color: transparent; }/* ----------------------------------

Main CSS file for Discuz! X
(C) Discuz! Team
https://www.discuz.vip
Created & Modified by Lushnis, Pony, Alice, Dfox & DragonLee.

----------------------------------

结构目录：
	1. 重定义浏览器默认样式
	2. 全局常用 CSS 样式
	3. 表单及表单元素
	4. 页面布局以及通用的区块样式
	5. 列表样式vwmy
	6. 其他特定功能块
		1. 个人中心面板
		2. 简易编辑器
		3. 弹出菜单、弹出层及弹出窗口
		4. 联系人列表、短消息窗口
		5. 登录和注册
		6. 其他
	7. 拖拽及页面 DIY

	*  其他页面专用样式参见 module.css

----------------------------------

常用变量说明：

	通用边框颜色：		{COMMONBORDER}		#CDCDCD
	通用背景填充色：		{COMMONBG}			#F2F2F2
	特殊边框颜色：		{SPECIALBORDER}		#D1D9DF
	特殊背景填充色：		{SPECIALBG}			#E9F2F9

----------------------------------

CSS 样式模块的格式示例：

	Name:			模块名称
	Level:			级别（Global, Channel, Function）
	Dependent:		依赖关系，该模块必须依赖于何种模块
	Sample:			用法示例，或指出改模块所作用的直接页面
	Explain:		附加说明
	Author:			创建者 日期(两位数年月日时)
	Last Modify:	最终修改者 日期(两位数年月日时)

----------------------------------

CSS 写作注意事项：
	1. 属性写在一行内，属性之间、属性名和值之间以及属性与“{}”之间须有空格，例如：.class { width: 400px; height: 300px; }
	2. 属性的书写顺序：
		2.1. 按照元素模型由外及内，由整体到细节书写，大致分为五组：
			位置：position,left,right,float
			盒模型属性：display,margin,padding,width,height
			边框与背景：border,background
			段落与文本：line-height,text-indent,font,color,text-decoration,...
			其他属性：overflow,cursor,visibility,...
		2.2. 针对特殊浏览器的属性，应写在标准属性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
	3. 谨慎添加新的选择符规则，尤其不可滥用 id，尽可能继承和复用已有样式
	4. 选择符、属性、值均用小写（格式的颜色值除外），缩写的选择符名称须说明缩写前的全称，例如 .cl -> Clearfix
	5. 避免使用各种 CSS Hack，如需对 IE 进行特殊定义，请参阅下节“关于 CSS Hack 的说明”
	6. 勿使用冗余低效的 CSS 写法，例如：
		ul li a span { ... }
	7. 慎用 !important
	8. 建议使用在 class/id 名称中的词语
		6.1. 表示状态：a->active
		6.2. 表示结构：h->header,c->content,f->footer
		6.3. 表示区域：mn->main,sd->side,nv-navigation,mu->menu
		6.4. 表示样式：l-list,tab,p_pop
	9. 开发过程中的未定事项，须用 [!] 标出，以便于后续讨论整理

----------------------------------

关于 CSS Hack 的说明：

	所有 IE浏览器适用：	.ie_all .foo { ... }
	IE6 专用：			.ie6 .foo { ... }
	IE7 专用：			.ie7 .foo { ... }
	IE8 专用：			.ie8 .foo { ... }

---------------------------------- */

/*
	Name:			mod_reset
	Level:			Global
	Explain:		重定义浏览器默认样式
	Last Modify:	Pony
*/
	* { word-wrap: break-word; }
	body { {BGCODE}; min-width: 1200px; }
	body, input, button, select, textarea { font: {FONTSIZE} {FONT}; color: {TABLETEXT}; }
		textarea { resize: none; }
	body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
	table { empty-cells: show; border-collapse: collapse; }
		caption, th { text-align: left; font-weight: 400; }
	ul li, .xl li { list-style: none; }
	h1, h2, h3, h4, h5, h6 { font-size: 1em; }
	em, cite, i { font-style: normal; }
	a { color: {LINK}; text-decoration: none; }
		a:hover { text-decoration: underline; }
		a img { border: none; }
	:focus { outline-color: {MENUBGCOLOR}; }
	label { cursor: pointer; }
	.iconfont { width: 1.5em; height: 1.5em; vertical-align: middle; fill: currentColor; overflow: hidden; }
	/* 消除修改DOCTYPE为HTML5以后造成的img基线问题 */
	img.boardlogo, img.user_avatar, .slideimage img { vertical-align: middle; }
/*
	Name:			mod_float
	Level:			Global
	Sample:			class="z/y"
	Explain:		.z/.y 浮动 left/right
	Last Modify:	lushnis
*/
	.z { float: left; } .y { float: right; }

/*
	Name:			mod_iconfont
	Level:			Global
	Explain:		提前引入iconfont，便于后续css调用
*/
	@font-face { font-family: "dzicon"; src: url('{IMGDIR}/dzicon.eot'); src: url('{IMGDIR}/dzicon.eot?#iefix') format('eot'), url('{IMGDIR}/dzicon.woff2') format('woff2'), url('{IMGDIR}/dzicon.woff') format('woff'); font-weight: normal; font-style: normal; }
	[class^="fico-"]:before, [class*=" fico-"]:before { font-family: "dzicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; font-size: 120%; }
	/* font icon size */
	.fic4 { font-size: 14px; }.fic6 { font-size: 16px; }.fic8 { font-size: 18px; }
	/* flip x */
	.fifx::before { transform: scale(-1,1); }
	/* font rotate */
	@keyframes dzrotate{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
	.ficr { margin-right: .2em; }.ficr:before { margin-right: 0; animation: dzrotate 2s infinite linear; }
	.loadicon { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23999' d='M12.2 12.2L14 14H9V9l1.8 1.8c.7-.7 1.2-1.7 1.2-2.8 0-1.9-1.3-3.4-3-3.9v-2c2.8.4 5 2.9 5 5.9 0 1.6-.7 3.1-1.8 4.2zM3.8 3.8C2.7 4.8 2 6.3 2 8c0 3 2.2 5.4 5 5.9v-2.1c-1.7-.4-3-2-3-3.9 0-1.1.5-2.1 1.2-2.8L7 7V2H2l1.8 1.8z'/%3e%3c/svg%3e"); display: inline-block; width: 16px; height: 16px; animation: dzrotate 1.2s infinite linear; }
	/* font color primary/secondary/notice/light/alarm/valid/invalid */
	.fc-p { color: {MENUBGCOLOR}; } .fc-s { color: #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; }
	/* no margin right */
	.fnmr:before { margin-right: 0; }
/*
	Name:			mod_clearfix
	Level:			Global
	Sample:			class="cl"
	Explain:		Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题
	Last Modify:	lushnis
*/
	.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
/*
	元素获取焦点时隐藏外边框
*/
	.hidefocus { outline: none; }

/*
	Name:			mod_hr
	Level:			Global
	Sample:			<hr />
	Explain:		重定义 <hr /> 元素的样式，去除默认边距
	Last Modify:	lushnis
*/
	hr { display: block; clear: both; }
		.mn hr, .sd hr { margin: 0 10px; }
		.area hr { margin-left: 0 !important; margin-right: 0 !important; }
/*
	Name:			mod_hr_solid
	Level:			Global
	Dependent:		mod_hr
	Sample:			<hr class="l" />
	Explain:		定义 1px 高度实线样式的 <hr /> 元素，具有两个个扩展样式，.l2 和 .l3，分别实现 2px 和 3px 的实线分割线
	Last Modify:	lushnis
*/
	hr.l { height: 1px; border: none; background: {COMMONBORDER}; color: {COMMONBORDER}; }
		hr.l2 { height: 2px; }
		hr.l3 { height: 3px; }
/*
	Name:			mod_hr_dashed
	Level:			Global
	Dependent:		mod_hr
	Sample:			<hr class="da" />
	Explain:		定义 1px 高度虚线样式的 <hr /> 元素
	Last Modify:	lushnis
*/
	hr.da { height: 0; border: none; border-top: 1px dashed {COMMONBORDER}; background: transparent; color: transparent; }

	/* [!]使用注意 */
	hr.bk { margin-bottom: 10px !important; height: 0; border: none; border-top: 1px solid {WRAPBG}; background: transparent; color: transparent; }
		.n .sd hr.bk { border-top-color: #F9F9F9; }
	/* 清除Margin */
	hr.m0 { margin-left: 0; margin-right: 0; }

/*
	Name:			mod_page_header
	Level:			Global
	Sample:			<h1 class="ph">Text</h1>
	Explain:		页面中标题级别的文字 [!]此处须整合为一个单独 class
	Last Modify:	lushnis
*/
	/* .wx --> weight text 粗体字，通常用于大标题 */
	.wx, .ph { font-family: 'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif; font-weight: 100; }
	/* Page header */ .ph { font-size: 20px; }
	/* Main title */ .mt { padding: 10px 0; font-size: 16px; }

/* 行内分割竖线 */ .pipe { margin: 0 5px; color: #CCC; }

/* 文本属性：字号、颜色、粗细 */
/*
	Name:			mod_text_size
	Level:			Global
	Sample:			class="xs*"
	Explain:		文字字号，分为四个级别
	Last Modify:	lushnis
*/
	.xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; }
	.xs1 { font-size: 12px !important; }
	.xs2 { font-size: 14px !important; }
	.xs3 { font-size: 16px !important; }
/*
	Name:			mod_text_gray_level
	Level:			Global
	Dependent:		-
	Sample:			class="xs[*]"
	Explain:		文字字号，分为四个级别
	Last Modify:	lushnis
*/
	.xg1, .xg1 a { color: {LIGHTTEXT} !important; }
	.xg1 .xi2 { color: {HIGHLIGHTLINK} !important; }
	.xg2 { color: {MIDTEXT}; }
/*
	Name:			mod_text_importance_level
	Level:			Global
	Sample:			class="xs[*]"
	Explain:		文字提亮级别，分为两级，默认模板中，1为橙色，2为蓝色
	Last Modify:	lushnis
*/
	.xi1, .onerror { color: {NOTICETEXT}; }
	.xi2, .xi2 a, .xi3 a { color: {HIGHLIGHTLINK} ; }
/*
	Name:			mod_text_weight_level
	Level:			Global
	Sample:			class="xs[*]"
	Explain:		文字字号，分为四个级别
	Last Modify:	lushnis
*/
	.xw0 { font-weight: 400; }
	.xw1 { font-weight: 700; }
/*
	Name:			mod_border
	Level:			Global
	Dependent:		-
	Sample:			class="bbda/bbs"
	Explain:		边框样式，该模块仅作用于元素的下边框，分为虚线和实线两种，宽度均为 1px
	Last Modify:	lushnis
*/
	.bbda { border-bottom: 1px dashed {COMMONBORDER}; }
	.btda { border-top: 1px dashed {COMMONBORDER}; }
	.bbs { border-bottom: 1px solid {COMMONBORDER} !important; }
	.bts { border-top: 1px dashed {COMMONBORDER} !important; }
/*
	Name:			mod_border_reset
	Level:			Global
	Sample:			class="bw0/bw0_all"
	Explain:		去除边框
	Last Modify:	lushnis
*/
	.bw0 { border: none !important; }
	.bw0_all, .bw0_all th, .bw0_all td { border: none !important; }
/*
	Name:			mod_background_reset
	Level:			Global
	Sample:			class="bg0_c/bg0_i/bg0_all"
	Explain:		去除背景，bg0_c、bg0_i 和 bg0_all 分别为去除背景颜色、去除背景图片和去除所有背景元素
	Last Modify:	Pony
*/
	.bg0_c { background-color: transparent !important; }
	.bg0_i { background-image: none !important; }
	.bg0_all { background: none !important; }

/*
	Name:			mod_notice_line
	Level:			Global
	Sample:			<div class="ntc_l">
	Explain:		黄色背景的提示条，一般用在单行醒目提示，不可用于多行块级区域
	Last Modify:	lushnis
*/
	.ntc_l { padding: 5px 10px; background: #FEFEE9; }
		.ntc_l .d { width: 14px; height: 14px; background: #CCC; border-radius: 7px; text-align: center; text-decoration: none; line-height: 14px; overflow: hidden; }
			.ntc_l .d:before { content: "\d7"; font-weight: 700; color: #FFF; }
			.ntc_l .d:hover { background: #F99; }

/* 圆角 [!]此处考虑弃用 */
	.brs, .avt img, .oshr { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	.brm { -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; }
	.brw { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  }
/*
	Name:			mod_margin
	Level:			Global
	Sample:			class="mtn/mtm/mtw/..."
	Explain:		外边距样式，作用于元素的上下外边距，上下各具有 n, m, w 三个级别
	Last Modify:	lushnis
*/
	.mtn { margin-top: 5px !important; }
	.mbn { margin-bottom: 5px !important; }
	.mtm { margin-top: 10px !important; }
	.mbm { margin-bottom: 10px !important; }
	.mtw { margin-top: 20px !important; }
	.mbw { margin-bottom: 20px !important; }
/*
	Name:			mod_padding
	Level:			Global
	Sample:			class="ptn/ptm/ptw/..."
	Explain:		内边距样式，作用于元素的上下内边距，上下各具有 n, m, w 三个级别
	Last Modify:	lushnis
*/
	.ptn { padding-top: 5px !important; }
	.pbn { padding-bottom: 5px !important; }
	.ptm { padding-top: 10px !important; }
	.pbm { padding-bottom: 10px !important; }
	.ptw { padding-top: 20px !important; }
	.pbw { padding-bottom: 20px !important; }
/*
	Name:			mod_avatar
	Level:			Global
	Sample:			<div class="avt"><img src="avatar source" alt="username" /></div>
	Explain:		标准尺寸头像样式，默认为 48px*48px，带边框
	Last Modify:	lushnis
*/
	.avt img { padding: 2px; width: 48px; height: 48px; background: {WRAPBG}; border: 1px solid; border-color: {COMMONBG} {COMMONBORDER} {COMMONBORDER} {COMMONBG}; }
/*
	Name:			mod_avatar_middle, mod_avatar_small
	Level:			Global
	Sample:			<div class="avtm/avts"><img src="avatar source" alt="username" /></div>
	Explain:		中等尺寸和小尺寸头像样式，中等尺寸为宽度 120px，高度按比例；小尺寸为 24px*24px
	Last Modify:	lushnis
*/
	.avtm img { width: 120px; height: auto; }
	.avts img { width: 24px; height: 24px; vertical-align: middle; }
/*
	Name:			mod_emp
	Level:			Global
	Sample:			<p class="emp">暂无数据</p>
	Explain:		页面中无数据输出时，用此样式显示相关提示，如无特殊必要，建议使用 <p> 而不是 <div>
	Last Modify:	lushnis
*/
	.emp { padding: 20px 10px; }
		.emp a { color: {HIGHLIGHTLINK}; text-decoration: underline !important; }
/*
	Name:			mod_align
	Level:			Global
	Sample:			class="vm/hm"
	Explain:		纵向及横向对齐方式
	Last Modify:	lushnis
*/
	.vm { vertical-align: middle; }
		.vm * { vertical-align: middle; }
	.hm { text-align: center; }
/*
	Name:			mod_alt
	Level:			Global
	Sample:			class="{echo swapclass('alt');}"
	Explain:		隔行换色时深色背景
	Last Modify:	lushnis
*/
	.alt, .alt th, .alt td { background-color: {COMMONBG}; }
/*
	Name:			mod_notice
	Level:			Global
	Sample:			class="notice"
	Explain:		类似统计中需注意的文字样式 [!]此处须考虑名称简写为 ntc
	Last Modify:	lushnis
*/
	.notice { clear: both; margin: 5px 0; padding: 3px 0; }
	.notice:before { content: "\f145"; font-family: dzicon; font-size: 16px; line-height: 14px; margin-right: 4px; color: #F26C4F; }
/*
	Name:			mod_ajax_wait_info
	Level:			Global
	Sample:			id="ajaxwaitid"
	Explain:		相应页面中 AJAX 请求时的状态显示
	Last Modify:	lushnis
*/
	#ajaxwaitid { display: none; position: absolute; right: 0; top: 0; z-index: 1; padding: 0 5px; background: #D00; color: {LIGHTLINK}; }
/*
	Name:			mod_showmenu
	Level:			Global
	Sample:			class="showmenu"
	Explain:		下拉菜单
	Last Modify:	lushnis
*/
	.showmenu { padding-right: 6px; cursor: pointer; white-space: nowrap; }
		#um .showmenu { margin-right: -5px; }
		.showmenu::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }

/*
	Name:			mod_cursor
	Level:			Global
	Sample:			class="cur1"
	Explain:		鼠标样式，可以根据需要按序添加
	Last Modify:	Pony
*/
	.cur1 { cursor: pointer; }

/* 如果验证码有错乱，可添加此样式.sec（全局，修改时要小心，会涉及分享、快速回复和 feed日志相册中的评论等地方） by Pony */


/* ------------------------------------------------------------------------ 表单及表单元素 */
		/*
		.pn				button
			.pnc		button with light color
			.pnp		post button
		.px				input[text]
		.pt				textarea
		.pf				input[file]
		.pc				input[checkbox]
		.pr				input[radio]
		.ps				select
		.oshr			share button
		.ofav			fav button with oshr
		.oivt			invite button with oshr
		*/

/* 必填项 */ .rq { color: red; }

/*
	Name:			mod_input[text]_textarea_select
	Level:			Global
	Sample:			class="px/pt/ps"
	Explain:		单行输入框（px）、多行文本框（pt）和选择框(ps/select)
	Last Modify:	Pony
*/
	.px, .pt, .ps, select { border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG}; }
		.px:focus, .ps:focus, select:focus, .ftid a:focus { outline: 0; border-color: {MENUBGCOLOR}; box-shadow: 0 0 2px {MENUBGCOLOR}; }
		.pt:focus { outline: 0; border-color: {MENUBGCOLOR}; }
		.px, .pt { padding: 2px 4px; line-height: 17px; }
		.px { height: 17px; }
			.pxs { width: 30px !important; }
			.fdiy .tfm .px, .fdiy .tfm .pt { width: auto; }
			.p_fre { width: auto !important; }
			.er { border-color: #F66 #FFBDB9 #FFBDB9 #F66; background-color: #FDF4F4; }
			.er:focus { border-color: {MENUBGCOLOR}; box-shadow: 0 0 2px {MENUBGCOLOR}; background-color: #FFF; }
		.pt { overflow-y: auto; }
			div.pt { height: 100px; line-height: 100px; }
		.ps, select { padding: 2px 2px 2px 1px; }
		/* 自动调整高度的 textarea by Pony */
		.pts { vertical-align: top; overflow: hidden; }
		.cmt .pts { width: 60%; }

/*
	Name:			mod_button
	Level:			Global
	Sample:			<button class="pn">Submit</button>
	Explain:		按钮样式
	Last Modify:	Pony
*/
	button::-moz-focus-inner { border: 0; padding: 0; }
	.pn { vertical-align: middle; overflow: hidden; margin-right: 3px; padding: 0; height: 23px; border: 1px solid #999; background: #EEE; cursor: pointer; -moz-box-shadow: 0 1px 0 #E5E5E5; -webkit-box-shadow: 0 1px 0 #E5E5E5; box-shadow: 0 1px 0 #E5E5E5; border-radius: 3px; }
		.pn:active { background: #dbdbdb; }
		.pn:focus { box-shadow: 0 0 0 2px rgba(153, 153, 153, 0.25); outline: 0; }

		.pn em, .pn span, .pn strong { padding: 0 10px; line-height: 21px; }
			.pn em, .pn strong  { font-weight: 700; }

	a.pn { height: 21px; line-height: 21px; color: {TABLETEXT} !important; }
		a.pn:hover { text-decoration: none; }

	.pnc, a.pnc { border-color: #06C; background-color: #06C; color: #FFF !important; }
		.pnc:active { background: #0059b3; }
		.pnc:focus { box-shadow: 0 0 0 2px rgba(36, 88, 167, 0.25); }

	.pnpost .pn { height: 26px; }

/*
	Name:			mod_input[radio]_input[checkbox]_label
	Level:			Global
	Sample:			class="pr/pc/lb"
	Explain:		单选按钮(pr)、多选框(pc)和<label>(lb)
	Last Modify:	Pony
*/
	.pr, .pc { vertical-align: middle; margin: 0 5px 1px 0; padding: 0; }
	.lb { margin-right: 20px; }


/*
	Name:			mod_narrow_input
	Level:			Global
	Sample:			<div class="pns"></div>
	Explain:		小尺寸的输入框和按钮样式。该样式在模板中保留，目前样式为空。
	Last Modify:	Pony
*/
	.pns .px {}
	.pns .pn {}

/*
	Name:			mod_float_typeid
	Level:			Global
	Sample:			<div class="ftid">
						<select>
							<option>Option</option>
						</select>
					</div>
	Explain:		模拟下拉菜单样式
	Last Modify:	Pony
*/
.ftid { float: left; margin-right: 6px; }
	.ftid select { float: left; height: 23px; }
	.ftid a { display: block; overflow: hidden; padding: 0 17px 0 4px; height: 21px; line-height: 21px; text-decoration: none !important; font-size: 12px; font-weight: 400; color: {TABLETEXT} !important; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {WRAPBG} url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13'%3e%3cpath fill='%23999' d='M10 5 h-7 l3.5 4z'/%3e%3c/svg%3e") no-repeat 100% 4px; }
		.ftid a:hover, .ftid a:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13'%3e%3cpath fill='%23999' d='M10 5 h-7 l3.5 4zM11 0c1.1 0 2 .9 2 2v9c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2c0-.9 .9-2 2-2z'/%3e%3c/svg%3e"); }
	/* ctrl 'select' width */
	.ftid select { width: 94px; }
	.sslt a { width: 54px; }
	.sslt select { width: 60px; }

.sltm { padding: 5px 11px 5px 10px; border: 1px solid {DROPMENUBORDER}; background-color: {WRAPBG}; text-align: left; box-shadow: 2px 4px 4px rgba(0,0,0,0.2); }
	.sltm li { padding: 2px 0; color: {MIDTEXT}; cursor: pointer; }
		.sltm li:hover { color: {HIGHLIGHTLINK}; }
		.sltm li.current { color: {NOTICETEXT}; }

/* 分享按钮 */ .oshr { float: right; margin-left: 5px; padding: 0 5px; border: 1px solid; border-color: #CCC #A9A9A9 #A9A9A9 #CCC; }
				.oshr:hover { text-decoration: none; }
				.oshr:before { font-family: dzicon; content: "\f114"; line-height: 14px; font-size: 16px; color: #FF9C00; margin-right: 2px; }
/* 收藏按钮 with oshr */ .ofav:before { content: "\f12d"; }
/* 邀请按钮 with oshr */ .oivt:before { content: "\f13e"; }


/*
	Name:			mod_form
	Level:			Global
	Sample:			<form>
						<table cellspacing="0" cellpadding="0" class="tfm">
							<tr>
								<th>Label</th>
								<td><input type="text" name="" id="" class="" /></td>
							</tr>
						</table>
					</form>
	Explain:		表单样式
	Last Modify:	Pony
*/
	.tfm { width: 100%; }
		.tfm caption, .tfm th, .tfm td { vertical-align: top; padding: 7px 0; }
			.tfm caption h2 { font-size: 16px; }
			.vt th, .vt td { vertical-align: top; }
		.tfm th { padding-top: 9px; padding-right: 5px; width: 130px; }
			.tfm th .rq { float: right; font-size: 14px; }
			.tfm .pt, .tfm .px { margin-right: 3px; width: 330px; }
		.tfm .c, .tfm .tedt, .m_c .tfm .tedt { width: 338px; }
		.tfm .d { clear: both; margin: 5px 0; color: {LIGHTTEXT}; }
			.tfm .d em { margin-left: 5px; color: red; }
			.tfm .d strong { margin-left: 5px; }
			.tfm .d a { color: {HIGHLIGHTLINK}; }
		.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; }

/*
	Name:			mod_postboxtitle
	Level:			Function
	Explain:		发帖页面、弹窗等的标题栏
	Last Modify:	Pony
*/
.pbt { margin-bottom: 10px; }
	#custominfo.mtn { margin-bottom: -5px; }

/* 提示信息 alert_win － altw*/
.altw { width: 350px; }
	.altw .fltc { margin-bottom: 0; padding: 8px; }
		.alert_right, .alert_error, .alert_info { padding: 6px 0 6px 58px; min-height: 40px; height: auto !important; height: 40px; line-height: 160%; font-size: 14px; position: relative; }
			.alert_right:before, .alert_error:before, .alert_info:before { display: block; position: absolute; left: 6px; height: 38px; width: 38px; font-family: dzicon; font-size: 38px; line-height: 38px; }
		.alert_right:before { content: "\f115"; color: #18BD9D; }
		.alert_error:before { content: "\f116"; color: #F7A21D; }
			.alert_error a { font-weight: 700; color: {HIGHLIGHTLINK}; }
		.alert_info:before { content: "\f117"; color: #2F92D4; }
		.alert_btnleft { margin-top: 8px; }
		.alert_btn { margin-top: 20px; text-align: center; }
		.alert_act { margin-top: 20px; padding-left: 58px; }

/* 发帖导航 by lushnis */
.pbnv { float: left; white-space: nowrap; overflow: hidden; width: 400px; padding: 7px 0; }
.pbl { overflow: hidden; margin: 9px 0; width: 621px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #CCC; background: {WRAPBG}; }
	.pbl li { float: left; overflow-x: hidden; overflow-y: auto; padding: 5px; width: 196px; height: 300px; border-right: 1px solid #CCC; }
	.pbl p { height: 25px; line-height: 25px; }
		.pbl a { display: block; white-space: nowrap; overflow: hidden; padding: 0 4px; text-decoration: none; color: {HIGHLIGHTLINK}; border: solid {WRAPBG}; border-width: 1px 0; }
			.pbl a:hover { text-decoration: none; background-color: #F3F3F3; }
		.pbl .highlightlink { color: #08C; }
	.pbls a, .pbls a:hover { background-color: #EEE; color: {MIDTEXT}; font-weight: 700; }
		.pbsb::after { margin: 8px 0; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; float: right; }

/* ------------------------------------------------------------------------ 页面布局 */
		/*
		#hd				Header
			#nv			Navigation
			#mu			Customer menu
		.wp				Wrap
		#ct				Container
			.mn			Main area
			.sd			Side area
		#ft				Footer
		----------------
		.bm				Block in main area
		.bn				Block in nerrow area
		.bw				Block in full width

		#pp				Personal Panel
		.pm				Personal Message (Window)
		.pmfl			PM friend list (Window)
		*/

/* 通用容器，定义页面宽度 */ .wp { margin: 0 auto; width: 1200px; } #wp .wp { width: auto; }

/* 页头 */
	#toptb { min-width: 1200px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; line-height: 28px; }
		#toptb a { float: left; padding: 0 4px; height: 28px; }
		#toptb a.showmenu { padding-right: 15px; }
		#toptb a.hover { background-color: #FFF; }
		#toptb .pipe { float: left; display: none; }

	#hd { border-bottom: {HEADERBORDER} solid {SPECIALBORDER}; {HEADERBGCODE} }
		#hd .wp { padding: 10px 0 0; }

			.hdc { min-height: 70px; }
			#hd h2 { padding: 0 20px 12px 0; float: left; }
				#space #hd h2 { margin-top: 0; }
			#hd .fastlg { padding-top: 10px; }
			#hd .fastlg .pns { margin-bottom: 10px; }

			#scbar { overflow: hidden; height: 42px; line-height: 42px; border-top: 1px solid #FFF; border-bottom: 1px solid #E9EFF5; background: #E8EFF5; }
				.scbar_icon_td { width: 15px; }
					#scbar_txt { width: 400px; height: 18px; border: 1px solid #cfdee3; outline: none; padding: 5px 6px; }
					.scbar_narrow #scbar_txt { width: 260px; }
				.scbar_btn_td { width: 38px; }
					#scbar_btn { display: block; margin: 0 0 0 8px; padding: 0 0 0 2px; border: none; height: 28px; width: 28px; {MENUBGCODE}; font-size: 18px; line-height: 28px; }
						#scbar_btn:before { content: "\f101"; font-family: dzicon; }
				.scbar_type_td { width: 61px; }
					#scbar_type { display: block; padding-left: 12px; margin-left: -2px; text-align: left; text-decoration: none; height: 28px; line-height: 28px; border: 1px solid #cfdee3; border-left: 0; background: #fff; }
				#scbar_hot { padding-left: 8px; height: 45px; overflow: hidden; }
					#scbar_hot strong, #scbar_hot a { float: left; margin-right: 8px; white-space: nowrap; }

			#nv { overflow: hidden; height: 33px; {MENUBGCODE}; }
				#nv li { float: left; padding-right: 1px; height: 33px; line-height: 33px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1' height='33'%3e%3cpath fill='%23fff' fill-opacity='0.2' d='M0 7h1v20H0z'/%3e%3c/svg%3e") no-repeat 100% 0; font-weight: 700; font-size: 14px; }
					#nv li a { float: left; padding: 0 15px; height: 33px; }
						#nv li a { color: {MENUTEXT}; }
						#nv li span { display: none; }
					#nv li.a { margin-left: -1px; {MENUCURBGCODE}; }
						#nv li.a a { color: {MENUHOVERTEXT}; }
						#nv li a:hover { background: {MENUHOVERBGCOLOR}; }
						#nv li.hover a:hover, #nv li.hover a { background: {MENUHOVERBGCOLOR} url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3e%3cpath fill='%23fff' d='M0 4h8L4 0z'/%3e%3c/svg%3e") no-repeat bottom center; }
			#mu { position: relative; z-index: 1; }
				#mu ul { background: #f8f8f8; line-height: 22px; z-index: 2; font-size: 12px; }
					#mu li { float: left; height: 32px }
						#mu a { float: left; display: inline; margin: 5px 6px; padding: 0 10px; white-space: nowrap; }
							#mu a:hover { margin: 4px 5px; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; }
				.floatmu { position: absolute; left: 0; top: 0; }
			#um { padding-top: 10px; padding-right: 60px; padding-bottom: 14px; line-height: 2.3; zoom: 1; }
				#um, #um a { color: {HEADERTEXT}; }
				#um p { text-align: right; }
				#um .avt { display: inline; margin-right: -60px; }
				/* .vwmy */
					.vwmy:before { font-family: dzicon; content: "\f100"; display: inline-block; height: 14px; line-height: 14px; font-size: 16px; color: #7DA0CC; margin-right: 2px; }
					.vwmy.qq:before { content: "\f118"; }
				/* .topnav .new, .sch .new 分别为为个人中心和搜索页面头部新消息样式 */
				#um .new, .topnav .new, .sch .new, #toptb .new { color: {HIGHLIGHTLINK}; font-weight: 700; }
				#um .new:before, .topnav .new:before, .sch .new:before, #toptb .new:before { display: inline-block; width: 16px; height: 14px; line-height: 14px; font-size: 16px; font-family: dzicon; margin-right: 2px; color: {NOTICETEXT}; }
					#myprompt.new:before { content: "\f145"; }
					#pm_ntc.new:before { content: "\f119"; }
					#task_ntc:before { content: "\f11a"; }
				#um .pipe { margin: 0 5px 0 0; }

				#extcreditmenu, #g_upmine { margin-right: 2px !important; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; }
					#g_upmine { margin-right: 1px !important; border: 1px solid transparent; }
					#extcreditmenu.a, #g_upmine.a { position: relative; z-index: 302; margin-right: 1px !important; border: 1px solid; border-color: {DROPMENUBORDER}; border-bottom: none; background-color: {WRAPBG}; }
					#extcreditmenu_menu, #g_upmine_menu { margin-top: -1px; width: auto; }
						#extcreditmenu_menu li { float: none; display: block; padding-left: 5px !important; padding-right: 1em !important; }
					#g_upmine_menu li { float: none; display: block; padding-left: 5px !important; }
					#g_upmine_menu ul.extg li { padding-left: 0px !important; }

				#qmenu { float: right; display: inline; margin: 5px 8px 0; padding: 0 5px; width: 103px; height: 24px; background: #fff; line-height: 24px; text-align: center; color: {HIGHLIGHTLINK}; font-weight: 700; overflow: hidden; }
					#qmenu:hover { text-decoration: none; }
					#qmenu::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
					#qmenu.a { position: relative; z-index: 302;}
					#qmenu.a::after { border-top: 0; border-bottom: 0.3em solid; }
				#qmenu_menu { margin-top: -2px; padding: 20px 5px 10px; width: 610px; border-color: #DCE4EB; }
					#qmenu_menu ul.nav li { float: left; }
					#qmenu_menu ul.nav a { margin-bottom: 10px; padding: 47px 0 0; width: 60px; border: none; border-radius: 4px; background: no-repeat 50% 5px; background-image: linear-gradient(0deg, #e8eff5, #e8eff5); background-size: 40px 40px; text-align: center; }
						#qmenu_menu ul.nav a:hover { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-shadow: none; }
				#shortcut { position: relative; display: none; height: 30px; line-height: 30px; background-color: #3A83F1; color: white; text-align: center; }
					#shortcuttip { padding: 2px 8px; background: #fff; border-radius: 3px; color: #3A83F1; font-weight: 700; }
					#shortcutcloseid { position: absolute; right: 8px; top: 8px; display: block; width: 12px; height: 12px; background: #09c; line-height: 12px; overflow: hidden; }
						#shortcutcloseid:before { content: "\d7"; color: #fff; font-weight: 700; }
/* 页面主区域 */
	#ct { min-height: 300px; }
		.mn { overflow: hidden; }
		.ct1 { border: 1px solid {WRAPBORDERCOLOR}; border-top: none; }
		.ct2 .mn { float: left; width: 970px; margin-bottom: 1em; }
		.ct2 .sd { float: right; width: 220px; overflow: hidden; }

		.appl { float: left; overflow: hidden; margin-bottom: 10px; padding: 6px 10px; width: 147px; }

		.ct2_a, .ct3_a { border: 1px solid {WRAPBORDERCOLOR}; background: repeat-y 0 0; background-image: linear-gradient(0deg, {SIDEBGCOLOR}, {SIDEBGCOLOR}); background-size: 167px; }
			.ct2_a_r { border: none; background-image: none; }
			 .ct2_a h1.mt { display: none; }
			 .ct2_a .tb { margin-top: 3px; }
		.ct2_a .mn { float: right; display: inline; margin-right: 10px; padding-top: 10px; width: 1010px; }

		.ct3_a .mn { float: left; margin-left: 20px; width: 775px; }
		.ct3_a .sd { float: right; width: 220px; }
			#nv_home .ct3_a .sd .bm { margin-right: 10px; border: none; }
				#nv_home .ct3_a .sd .bm_c { padding: 10px 0; }

		.mw { width: 100%; float: none; }
		.mnw { clear: both; border-top: 1px solid #CCC; }
		.mnh { width: 643px; background: {COMMONBG}; margin-bottom: 0; }

/* 页尾 */
	#ft { padding: 10px 0 50px; line-height: 1.8; color: {FOOTERTEXT}; }
		#flk { text-align: right; }
			#flk img { vertical-align: middle; }
		#scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0 2px; width: 40px; background: #f4f4f4; border: 1px #cdcdcd solid; border-radius: 3px; border-top: 0; cursor: pointer; }
			#scrolltop:hover { text-decoration: none; }
			#scrolltop a { display: block; width: 30px; height: 24px; padding: 3px 5px; line-height: 12px; text-align: center; color: #BBB; text-decoration: none; border-top: 1px #cdcdcd solid; }
			#scrolltop a:before { display: inline-block; font-family: dzicon; width: 24px; font-size: 24px; line-height: 24px; }
			#scrolltop a:hover { color: #72A3D3; }
				#scrolltop a.scrolltopa:before { content: "\f11b"; }
				#scrolltop a.replyfast:before { content: "\f11c"; }
				#scrolltop a.returnlist:before, #scrolltop a.returnboard:before { content: "\f11d"; }
					#scrolltop a b { visibility: hidden; font-weight: normal; }

		/*	#scrolltop span { visibility: hidden; }*/

		#nv_home #ft, .pg_announcement #ft, .pg_modcp #ft, .pg_portalcp #ft, .pg_ranklist #ft { border-top: none; }

/* 通用的区域块 */
	/*
	.bm 是最常用的区块元素，默认带有 1px 的边框和 10px 的下边距。一般情况下，.bm 内应包括两个子容器：.bm_h 和 .bm_c，前者代表区块头部，带有灰色背景和下边框；后者是容器主体，默认带有 10px 的内边距。
	.bm 另有三种子样式
		.bmw	Weight		头部为彩色背景
		.bml	Lite		头部无背景填充
		.bmn	Notice		整体带有彩色背景，常用于提示信息
	*/
	.bm, .bn { margin-bottom: 10px; }
		.bm { border: 1px solid {COMMONBORDER}; background: {WRAPBG}; }
			.bm_c { padding: 10px; }
		.drag {}
		.bm_h .o { float: right; width: 30px; }
			.bm_h .o img, .bm_h .o em { float: right; margin-top: 8px; cursor: pointer; font-family: dzicon; color: #CCC; font-size: 18px; line-height: 16px; background: radial-gradient(#fff 45%, transparent 45%); }
			.tg_yes:before {content: "\f108";}
			.tg_no:before {content: "\f109";}
		.bm_h .i { padding-left: 10px; }
		.bm_h .pn { margin-top: 4px; }
		.bm_h { padding: 0 10px; height: 31px; border-top: 1px solid #FFF; border-bottom: 1px solid {CONTENTSEPARATE}; background: {COMMONBG}; line-height: 31px; white-space: nowrap; overflow: hidden; }
		.bmw { border: 1px solid {COMMONBORDER}; }
			.bmw .bm_h { border-top-color: {WRAPBG}; border-right: 1px solid {WRAPBG}; border-bottom-color: {CONTENTSEPARATE}; border-left: 1px solid {WRAPBG}; background: {SPECIALBG}; }
				.bmw .bm_h a { color: {HIGHLIGHTLINK}; }
		.bml .bm_h { padding-top: 5px; border: none; background: transparent; }
		.bml .bm_c { padding-top: 0; }
		.bmn { padding: 7px 10px; border-color: {SPECIALBORDER}; background: {SPECIALBG}; }

		.fl { border: 1px solid {COMMONBORDER}; border-top: none; background: {WRAPBG}; }
			.fl .bm { margin-bottom: 0; border: none; }
				.fl .bm_h { border-width: 1px 0; border-color: {SPECIALBORDER}; {TITLEBGCODE}; }
		.fl .bm_c, #online .bm_c, .lk .bm_c { padding-top: 0; padding-bottom: 0; }
	.bm2 .bm2_b { float: left; width: 49%; border: 1px solid {COMMONBORDER}; }
		.bm2 .bm2_b_y { float: right; }
	.bw0 { background: transparent; }

	/* 宽布局下的通用块 */.bw { padding: 0 15px; }

/*
	Name:			mod_path
	Level:			Global
	Sample:			<div id="pt"><div class="z">Path here</div></div>
	Explain:		面包屑导航
	Last Modify:	lushnis
*/
	#pt { margin: 2px 0; height: 29px; border:none; background: transparent; line-height: 29px; }
		#pt .z { padding-right: 10px; }
		#pt .z a, #pt .z em, #pt .z span { float: left; height: 29px; }
		#pt .z em { width: 20px; height: 29px; text-align: center; color: #bdbdbd; }
		.nvhm { width: 16px; font-family: dzicon; text-align: center; font-size: 16px; color: #C5D7E3; overflow: hidden; }
			.nvhm:before { content: "\f103"; }
			.nvhm:hover { text-decoration: none; }
/*
	Name:			mod_userheader
	Level:			Global
	Sample:			div id="uhd"
	Explain:		论坛皮肤下用户页面头部
	Last Modify:	lushnis
*/
#uhd { padding-top: 10px;border: 1px solid #CCC; border-bottom: none; background: {SPECIALBG}; }
	#uhd .tb a { border-width: 1px 0; border-top-color: {SPECIALBG}; border-bottom-color: {WRAPBORDERCOLOR}; }
	#uhd .tb .a a { border: 1px solid #CCC; border-bottom-color: #FFF; }
	#uhd .mn { float: right; margin-right: 15px; margin-bottom: -30px; width: auto; line-height: 28px; }
		#uhd .mn li:before { font-family: dzicon; line-height: 14px; font-size: 16px; color: #7DA0CC; }
		#uhd .mn a { padding: 2px 0; color: {MIDTEXT}; }
			#uhd .mn a:hover { color: {HIGHLIGHTLINK}; }
			#uhd .mn .addflw:before { content: "\f11e"; }
			#uhd .mn .addf:before { content: "\f11f"; }
			#uhd .mn .pm2:before { content: "\f119"; }
	#uhd .h { padding-left: 75px; }
		#uhd .avt { display: inline; float: left; margin-left: -65px; }
		#uhd .mt { padding-bottom: 0; }
	#uhd .flw_hd { float: right; width: 260px; margin-right: 10px; margin-bottom: -30px; }
		#uhd .tns th, #uhd .tns td { padding-left: 20px; text-align: left; }
		#uhd .flw_hd .o { padding-left: 20px; }
/* 统计数据 */
.tns { padding: 10px 0; }
	.tns table { width: 100%; }
		.tns th, .tns td { text-align: center; font-size: 12px; }
		.sd .tns th, .sd .tns td { width: 110px !important; }
		.tns th { border-right: 1px solid #CCC; }
		.tns th p, .tns td p { font-size: 14px; margin: 0; }
	.pls .tns { padding: 0 10px 10px; }
		.pls .tns th p, .pls .tns td p { font-size: 12px; margin: 0; }

/* 带图标页面头部 ih. --> icon header */
	.ih .icn { float: left; width: 60px; }
	.ih dl { margin-left: 60px; }
		.ih dt { font-size: 14px; font-weight: 700; }
		.ih dd { padding-bottom: 1em; }
			.ih dd strong { margin: 0 2em 0 4px; color: #C00; }

/*
	Name:			mod_tab
	Level:			Global
	Dependent:		mod_clearfix
	Sample:			<ul class="tb cl">
						<li class="a"><a href="#">Active Tab Item</a></li>
						<li><a href="#">Tab Item</a></li>
					</ul>
	Explain:		标签样式
	Last Modify:	lushnis
*/
.tb { margin-top: 10px; padding-left: 5px; line-height: 30px; border-bottom: 1px solid {COMMONBORDER}; }
	.tb li { float: left; margin: 0 3px -1px 0; }
	.tb a { display: block; padding: 0 10px; border: 1px solid {COMMONBORDER}; background: {SPECIALBG}; }
		.tb .a a, .tb .current a { border-bottom-color: {WRAPBG}; background: {WRAPBG}; font-weight: 700;}
		.tb a:hover { text-decoration: none; }
	.tb .y { float: right; margin-right: 0; }
		.tb .y a { border: none; background: transparent; }
		.tb .y.showmenu a { display: inline-block; }
	.tb .o { margin: 1px 4px 0 2px; border: 1px solid #06C; border-radius: 3px; }
	.tb .o, .tb .o a { height: 23px; line-height: 23px; background: #06C; }
		.tb .o a { padding: 0 15px; border: none; font-weight: 700; color: #FFF; }
	.tb_h { margin: 0; padding: 0; background-color: {SPECIALBG}; }
		.tb_h li { margin-right: 0; }
		.tb_h a { border-top: none; border-left: none; }
		.tb_h .o { margin-top: 2px; }
	.tb_s { margin-top: 0; line-height: 26px; }

	/* 类似menu的Tab */
.tbmu { padding: 8px 10px 8px 0; border-bottom: 1px dashed {COMMONBORDER}; }
	.tbmu a { color: {HIGHLIGHTLINK}; }
	.tbmu .a { color: {LINK}; font-weight: 700; }
	/* tab的强调信息提示 */
.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; }
	/* 极简 Tab */
.tbx { margin: 10px 0; }
	.tbx span { margin-right: 10px; cursor: pointer; }
	.tbx .a { padding: 3px 5px; border: solid #999; border-width: 0 1px 1px 0; background: #f8f8f8; }
	.tbx strong { color: {NOTICETEXT}; }
/* 类似相册侧边切换页面用的 */
.obn { border-bottom: 1px solid {COMMONBORDER}; }
	.obn select { width: 100%; margin-bottom: 5px; }

/* 广告 */
	/* 页头广告 */ .a_h { padding-top: 5px; }
	/* 二级导航广告 */ .a_mu { border: solid {COMMONBORDER}; border-width: 0 1px 1px; background: {COMMONBG}; }
	/* 页尾广告 */ .a_f { margin: 5px auto; }
	/* 日志内容广告 */ .a_b { float: right; margin: 0 0 5px 5px; }
	/* 格子广告 */ .a_t { margin-bottom: 10px; }
		.a_t table { width: 100%; }
		.a_t td { padding: 4px 15px; border: 1px solid {COMMONBORDER}; }
	/* 帖内广告 */ .a_pr { float: right; overflow: hidden; }
		.a_pt, .a_pb { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11'%3e%3cpath fill='%239a11ff' d='M0 0v11h16V0zM6 3l2 2v3H7V7H5v1H4V5zM6 4.4L5 5.4v0.6h2V5.4zM9 3h3l1 1v3l-1 1H9zM10 4v3h2V4z'/%3e%3c/svg%3e") no-repeat 0 50%; margin-bottom: 6px; padding-left: 20px; zoom: 1; }
	/* 漂浮广告 */ .a_fl, .a_fr { float: right; position: fixed; top: 350px; z-index: 100; }
		.a_fl { left: 0; }
		.a_fr { right: 0; text-align: right; }
	/* 对联广告 */ .a_cb { top: 20px }
	/* 文章漂浮广告 */ .a_af { float:left; margin-right: 10px; margin-bottom: 10px; }
	/* 右下角广告 */ .a_cn { position: fixed; right: 10px; bottom: 10px; z-index: 300; }
		.a_cn .close { text-align: right; }

	.a_h, .a_mu, .a_c, .a_p, .a_f, .a_t { text-align: center; }

/* ------------------------------------------------------------------------ 列表样式 */
		/*
		.xl				Text list
			.xl1		1 line list ( wrap text will be hidden );
			.xl2		2 col list
			.xld		list with description ( the HTML tag must be <dl> )
		.ml				Media/Image list
			.mls		Media size: 48*48px
		.fl				Forum list
		.tl				Thread list
		.al				Application list
		*/

/* 文本列表 */
.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}; }

/* 图片列表 */
.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: {LIGHTTEXT}; }
	.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; height: 224px; }
	.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: {WRAPBG}; }

/* 用户头像列表时，各种状态图标。.gm -> 管理员; .gs -> 明星会员 ; .gol -> 在线会员; .god -> 删除标记 */
.gm, .gs, .gol, .god { position: absolute; overflow: hidden; margin: -3px 0 0 -3px; width: 60px; height: 18px; display: block;/* ie6 */ }
.gm:before,.gs:before { font-family: dzicon; display: block; width: 16px; height: 16px; line-height: 16px; border: 1px solid #FFF; border-radius: 3px; text-align: center; color: #FFF; }
.gm:before {content: "\f100";background: #DFAC00;}
.gs:before { content: "\f12d"; background: #8E28AD; }
.gol:before { content: ""; display: block; width: 8px; height: 8px; background: #00BDF0; border-radius: 3px; margin: 2px; }
.god { margin: -5px 0px 0px 45px; }
.god:before { content: "\f109"; font-family: dzicon; font-size: 16px; line-height: 16px; float: left; color: #F26C4F; }
.olicon { display: inline-block; width: 8px; height: 8px; background: #00BDF0; border-radius: 3px; margin: 2px; }

/* 应用列表*/
	.appl ul { margin: 3px 0; }
	.appl li { display: block; height: 28px; line-height: 28px; white-space: nowrap; word-wrap: normal; font-size: 14px; text-overflow: ellipsis; overflow: hidden; }
	.appl li a { text-decoration: none !important; }
	.appl li a i:before { color: {MENUBGCOLOR}; }
	.appl img { margin: 0 5px 0 0; vertical-align: middle; }
	.appl span { float: right; font-size: 12px; }
		.appl span a { color: {LIGHTTEXT}; }
			.appl span a:hover { color: {HIGHLIGHTLINK}; }
	/* 应用侧边 by Pony */
	.myo li { height: auto; line-height: 1.5; }
	.myo img { margin-bottom: -1px; }
	.myo a { color: {HIGHLIGHTLINK}; }
	/* 侧边管理列表 */
	.tbn { margin: -6px -10px 0; }
		.tbn ul { margin: 0; }
			.tbn li { margin: 0 10px; height: 33px; border-bottom: 1px dashed #CCC; }
			.tbn li.a { margin: -1px 0 0; padding: 0 10px 0 9px; border-top: 1px solid transparent; border-bottom-style: solid; background: {WRAPBG}; }
		.tbn ul a { display: block; height: 33px; line-height: 33px; }
		.tbn .mt { padding: 10px; }

		.notice_pm, .notice_all, .notice_mypost, .notice_interactive, .notice_system, .notice_manage, .notice_app { float: left; width: 18px; height: 18px; line-height: 18px; font-size: 18px; font-family: dzicon; color: #7DA0CC; margin: 8px 5px 5px 0; }
		.notice_pm:before { content: "\f119"; }
		.notice_all:before { content: "\f100"; }
		.notice_mypost:before { content: "\f120"; }
		.notice_interactive:before { content: "\f121"; }
		.notice_system:before { content: "\f122"; }
		.notice_manage:before { content: "\f123"; }
		.notice_app:before { content: "\f11a"; }

/* 道具 magic */
.mg_img { padding: 10px; width: 76px; height: 76px; box-shadow: 0 0 8px #999; border-radius: 5px; }

/*
	Name:			mod_link
	Level:			Global
	Dependent:
	Sample:			<ul class="tb cl">
						<li class="a"><a href="#">Active Tab Item</a></li>
						<li><a href="#">Tab Item</a></li>
					</ul>
	Explain:		友情链接
	Last Modify:	lushnis
*/
	.lk img { float: left; margin-right: 5px; margin-bottom: 5px; width: 88px; height: 31px; }
	.lk p { color: {MIDTEXT}; }
	.lk .m li { clear: left; padding: 0 0 10px 98px; }
		.lk .m img { display: inline; margin-left: -98px; }
	.lk .x li { float: left; margin-right: 5px; width: 93px; height: 1.5em; overflow: hidden; }
	.lk_logo .lk_content { float: left; }

/* ------------------------------------------------------------------------ 其他特定功能块 */
/* 简易编辑器 Tiny Editor */
	.tedt { width: 98%; border: 1px solid; border-color: #999 #CCC #CCC #999; }
		.tedt .bar { padding: 0 10px 0 0; height: 25px; line-height: 25px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; }
		.tedt .bar .webuploader-container{background-color:transparent}
		.tedt .bar .webuploader-pick{text-indent: -2000px;}
			.fpd a { float: left; margin: 2px 5px 0 0; width: 20px; height: 20px; background: url({STATICURL}image/editor/editor.gif) no-repeat; text-indent: -9999px; line-height: 20px; overflow: hidden; }
			.fpd a.fbld { background-position: 0 0; }
			.fpd a.fclr { background-position: -60px 0; }
			.fpd a.fmg { background-position: 0 -20px; }
			.fpd a.flnk { background-position: -40px -20px; }
			.fpd a.fqt { background-position: -140px -20px; }
			.fpd a.fcd { background-position: -120px -20px; }
			.fpd a.fsml { background-position: -20px -20px; }
			.fpd a.fat { background-position: -140px 0; }
		.tedt .area { padding: 4px; background: {WRAPBG}; zoom: 1; }
		.tedt .pt { width: 100%; margin-right: 0; padding: 0 !important; border: none; background: {WRAPBG} none; }
			.tedt .pt:focus { outline: none; -moz-box-shadow: none; }
	.m_c .tedt { width: 600px; }

/* 表情 */
.sllt { padding: 10px 5px 5px !important; }
	.sllt td { padding: 8px; border: none; cursor: pointer; }
	.sllt td span { font-size: 16px; }
	.sllt_p { text-align: right; }
		.sllt_p a { margin-right: 5px; color: #069; text-decoration: underline; }
	.sl_pv { margin-top: 5px; padding: 8px; background: #FAFAFA; border: 1px solid #CCC; }

/*
	Name:			mod_diy_button
	Level:			Fuction
	Explain:		页面头部的 DIY 按钮
	Last Modify:	Pony 1207021442
*/
	#diy-tg { float: right; margin: 5px 1px 5px 5px; padding: 0 !important; width: 48px; height: 16px !important; border: 1px solid #EE831F; border-radius: 2px; background: #FBF5E4; overflow: hidden; font-weight: normal; line-height: 16px; text-align: center; }
	#diy-tg:hover { text-decoration: none; }
		#diy-tg_menu { position: absolute; margin: -2px 0 0 0; padding: 6px 0; width: 72px; height: 48px; line-height: 24px; border: 1px solid #EE831F; border-top: 0; border-radius: 2px 0px 2px 2px; background: #FBF5E4 no-repeat; text-align: center; background-image: linear-gradient(90deg, #EE831F 33%, #FBF5E4 33%); background-size: 100% 1px; }
			#diy-tg_menu a { float: none !important; }

    #i18n-switch { float: right; margin: 5px 1px 5px 5px; padding: 0 20px 0 10px !important; width: 48px; height: 16px !important; border: 1px solid #EE831F; border-radius: 2px; background: #FBF5E4; overflow: hidden; font-weight: normal; line-height: 16px; text-align: center; }
    #i18n-switch:hover { text-decoration: none; }
        #i18n-switch_menu { position: absolute; margin: -2px 0 0 0; padding: 6px 0; width: 72px; line-height: 24px; border: 1px solid #EE831F; border-top: 0; border-radius: 2px 0px 2px 2px; background: #FBF5E4 no-repeat; text-align: center; background-size: 100% 1px; }
            #i18n-switch_menu a { float: none !important; }

/*
	Name:			mod_switch_button
	Level:			Fuction
	Dependent:		sslct_menu 需要 class mod_popupmenu
	Explain:		风格/宽窄切换菜单
	Last Modify:	Pony 1207021458
*/
	#toptb a#sslct, .switchwidth, #toptb a.switchblind { margin-top: 5px; margin-left: 5px; padding: 0 !important; width: 18px; height: 18px !important; line-height: 18px; font-family: dzicon; font-size: 18px; text-align: center; text-decoration: none; color: #aaa; overflow: hidden; }
	#toptb a#sslct:hover, .switchwidth:hover, #toptb a.switchblind:hover { color: #888; text-decoration: none; }
	.switchwidth:before { content: "\f106"; }
	#sslct:before { content: "\f107"; }
	#sslct_menu { padding: 6px 10px 10px; }
		 .sslct_btn { float: left; margin: 4px 4px 0 0; width: 12px; height: 12px; border: 1px solid {COMMONBORDER}; cursor: pointer; }
			.sslct_btn i { float: left; display: inline; margin: 1px; width: 10px; height: 10px; background: #2E80D1; overflow: hidden; font-style: normal; }
	#toptb a.switchblind{ width: 10px; background-image: none; text-indent: -9999px; }
/* 弹出菜单、弹出层及弹出窗口 */
	.p_pop, .p_pof, .sllt { padding: 4px; border: 1px solid; min-width: 60px; border-color: {DROPMENUBORDER}; {DROPMENUBGCODE}; box-shadow: 2px 4px 4px rgba(0,0,0,0.2); }
		.p_pof .p_pop { padding: 0; border: none; box-shadow: none; }
		.p_pof { width: 500px; }
		.p_opt { padding: 10px; }
		.p_pop li { display: inline; }
		.p_pop a { display: block; padding: 3px 5px; border-bottom: 1px solid {SPECIALBG}; white-space: nowrap; }
			.p_pop li:last-child a { border: none; }
			.p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; }
			.prompt_news, .prompt_follower,.prompt_news_0, .prompt_follower_0, .ignore_notice, .prompt_concern { float: left; width: 18px; height: 14px; line-height: 14px; font-family: dzicon; font-size: 18px; margin: 3px 3px 5px 0; display: inline; }
				.prompt_news:before, .prompt_news_0:before { content: "\f119"; }
				.prompt_follower:before, .prompt_follower_0:before { content: "\f100"; }
				.prompt_concern:before { content: "\f11e"; }
				.prompt_news_0, .prompt_follower_0, .prompt_concern { color: #7DA0CC; }
				.prompt_news, .prompt_follower { color: {NOTICETEXT}; }
			.ignore_notice { background: transparent; position: absolute; right: 0; top: 0; width: 15px; height: 12px; line-height: 12px; text-align: center; overflow: hidden; color: #ccc; }
				.ignore_notice:before { content: "\d7"; font-weight: 700; }
			.p_pop .ignore_noticeli a,.p_pop .ignore_noticeli a:hover,.p_pop .ignore_noticeli a.a { background:none; border-bottom:0; }
			.p_pop .notice_interactive, .p_pop .notice_system, .p_pop .notice_manage, .p_pop .notice_app, .p_pop .notice_mypost { margin: 3px 2px 3px 0;}

		/* .blk -> block 内容较为复杂的弹出层使用 .blk 的 class，内部的 a 标签重新定义 */
		.blk a, .inlinelist a { display: inline; padding: 0; border: none; }
			.blk a:hover { background: none; color: {LINK}; text-shadow: none; text-decoration: underline; }
		.inlinelist { padding: 5px; }
			.inlinelist a { float: left; width: 5em; height: 2em; overflow: hidden; text-align: center; line-height: 2em; }
	.h_pop { min-width: 120px; border-top: none; }
/* .txt 和 .textarea 属于旧的命名规范，待整理 by lushnis */.p_opt .txt, .p_opt .txtarea { margin: 5px 0; }

	.p_pop .flbc, .p_pof .flbc { margin-right: 8px; margin-top: 4px; }

/* 弹出层 以下 class 都可以分开写，单独定义，以便个性化 */
	/* 四条边、四个角的公用样式 */
	.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; {FLOATMASKBGCODE}; opacity: 0.2; }
	/* 四个角 */
	.t_l, .t_r, .b_l, .b_r { width: 8px; height: 8px; }
	/* 上下两条边 */
	.t_c, .b_c { height: 8px; }
	/* 左右两条边 */
	.m_l, .m_r { width: 8px; }

	.t_l { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; }
	.t_r { -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; }
	.b_l { -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; }
	.b_r { -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; }
	.m_c { {FLOATBGCODE}; }

/* 弹出层内容区 by Pony */
	.m_c .tb { margin: 0 0 10px; padding: 0 10px; }
	.m_c .c { padding: 0 10px 10px; }
	.m_c .o { padding: 8px 10px; height: 26px; text-align: right; border-top: 1px solid #CCC; background: {COMMONBG}; }
		/* 分享时会用到 */
	.m_c .el { width: 420px; }
		.m_c .el li { padding: 0; border: none; }

/* .flb 弹出层header */
	.flb { padding: 10px 10px 8px; height: 20px; line-height: 20px; }
		.flb em { float: left; font-size: 14px; font-weight: 700; color: {HIGHLIGHTLINK}; }
			.flb em a { text-decoration: none; }
		.flb .needverify { float: left; margin-left: 8px; padding-left: 13px; width: 45px; height: 21px; line-height: 21px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='58' height='21'%3e%3cpath fill='none' stroke='%2309c' d='M7 .5h48.5l2 2v16l-2 2H7L.5 10.5z'/%3e%3c/svg%3e") no-repeat 0 0; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; }
		.flb .onerror, .flb .onright { padding-left: 20px; height: auto; line-height: 140%; white-space: nowrap; font-size: 12px; font-weight: 400; }
			.flb .onerror { background: url({IMGDIR}/check_error.gif) no-repeat 0 50%; }
			.flb .onright { background: url({IMGDIR}/check_right.gif) no-repeat 0 50%; color: {MIDTEXT}; }

		.flb span { float: right; color: {LIGHTTEXT}; }
			.flb span a, .flb strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: {LINK}; }
				.flb span a:hover { color: {LIGHTTEXT}; }
			.flbc { float: left; width: 20px; height: 20px; overflow: hidden; background: #AAA; cursor: pointer; font-size: 16px; text-align: center; line-height: 20px; border-radius: 2px; }
				.flbc:hover { background: #15afdb; text-decoration: none; }
				.flbc:before { content: "\d7"; color: #fff; font-weight: 700; }

			.floatwrap { overflow: auto; overflow-x: hidden; margin-bottom: 10px; height: 280px; }

		.f_c { }
			.f_c li { list-style: none; }
			.f_c hr.l { margin: 0; }
			.f_c a { color: {HIGHLIGHTLINK}; }
			.f_c .list { margin: 0 auto 10px; width: 670px; border-top: 3px solid {COMMONBORDER}; }
				.f_c .list th, .f_c .list td { padding: 5px 2px; height: auto; border-bottom: 1px dashed {COMMONBORDER}; }
				.f_c .list .btns th, .f_c .list .btns td { border-bottom: none; }
				.f_c .th th, .f_c .th td { padding: 10px 0; }
				.f_c .list th { background: none; }

/* 弹窗未开启时 nofloat */
.nfl { height: auto !important; height: 320px; min-height: 320px; }
	.nfl .f_c { margin: 60px auto; padding: 20px; width: 580px; border: 3px solid {COMMONBG}; background: {WRAPBG}; }
	.nfl .loginform { height: auto; }
	.nfl .clause { width: auto; height: auto; }

/* dropdownbtn 下拉菜单 */
.hasd {}
	.hasd input { float: left; width: 121px; }
		.hasd input.crl { padding: 0; width: 20px; height: 20px; background: none; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; border-width: 1px 0 1px 1px; }
	.hasd .spmediuminput { width: 115px; }
	.dpbtn { float: left; overflow: hidden; text-indent: -9999px; width: 21px; height: 21px; border-width: 1px 1px 1px 0; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {WRAPBG} url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13'%3e%3cpath fill='%23999' d='M10 5 h-7 l3.5 4z'/%3e%3c/svg%3e") no-repeat 100% 4px; }
		.dpbtn:hover { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13'%3e%3cpath fill='%23999' d='M10 5 h-7 l3.5 4zM11 0c1.1 0 2 .9 2 2v9c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2c0-.9 .9-2 2-2z'/%3e%3c/svg%3e"); }
	.hasd label { float: left; }
		.tpclg h4 a.dpbtn { float: right; border-width: 1px; }
		.tpclg h4 { font-weight: 400; }
		.tpclg .pt { margin: 5px 0; width: 212px; overflow: hidden; }
		/* 下面两行为评分时用到的 */
		.mark .dt, .mark .tpclg h4 { width: 270px; }
		.mark .tpclg .pt { width: 260px; }
	#postbox dd.hasd input { width: 99px; margin-right: 0; }

/*弹窗 编辑器 颜色框 colorbox*/
.colorbox{ width: 130px !important; }
.colorbox input { float: left; margin: 2px; padding: 0; width: 12px; height: 12px; border: 0; cursor: pointer; }

/*弹窗 编辑器 分割线选择 hrbox*/
.hrbox{ width: 500px !important; }
.hrbox input { float: left; margin: 2px; padding: 0; width: 495px; height: 25px; border: 0; cursor: pointer;background: #FFFFFF; }

/*弹窗 编辑器 背景选择 postbgbox*/
.postbgbox{ width: 325px !important; }
.postbgbox input { float: left; margin: 2px; padding: 0; width: 50px; height: 50px; border: 1px solid; border-color: #F7F7F7 #EFEFEF #EFEFEF #F7F7F7; cursor: pointer;background: #FFFFFF; }

/* 短消息对话框 .pm -> personal_message (window) by Pony */
	.pm { overflow: hidden; width: 400px; }
		.pm .flb { margin-bottom: 0; padding: 1px 5px 4px; background: #CCC; }
			.pm .flb em { text-shadow: 1px 1px 1px {WRAPBG}; color: {LINK}; font-size: 12px; }
			.pm .flb em::before { display: inline-block; margin-right: 6px; vertical-align: 0.3em; content: ""; border-top: 0.4em solid; border-right: 0.4em solid transparent; border-bottom: 0; border-left: 0.4em solid transparent; }
			.pm .flbc { background: transparent; }
			.pm .flbc::before { color: #aaa; }
			.pm .flbc:hover::before { color: #999; }
		.pm_tac { padding: 5px 10px; background: {COMMONBG}; }
		.pm .c { padding: 0; background: {COMMONBG}; }
		.pmb { position: relative; padding: 20px 20px 0; width: 360px; height: 280px; overflow: auto; overflow-x: hidden; }
			.pmb li { position: relative; margin-bottom: 10px; }
				.pmt { overflow: hidden; position: absolute; bottom: 1px; left: -5px; text-indent: -999px; width: 0; height: 0; zoom: 1; border-bottom: 6px solid #F0F0F0; border-left: 6px solid transparent; box-shadow: 0px 1px 0 0px #999; }
				.pmd { float: left; padding: 5px 8px; background: #F0F0F0 repeat-x; border: 1px solid; border-color: #E7E7E7 #BBB #999 #E7E7E7; word-wrap: break-word; -moz-box-shadow: 2px 2px 4px #DDD; -webkit-box-shadow: 2px 2px 4px #DDD; box-shadow: 2px 2px 4px #DDD; -moz-border-radius: 10px 10px 10px 0; -webkit-border-radius: 10px 10px 10px 0; border-radius: 10px 10px 10px 0; }
					.pmd, .pmd img { max-width: 292px; }
					/* 短消息下的引用和代码样式 */
					.pmd .quote { overflow: hidden; margin: 0; padding-left: 16px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3e%3cpath fill='%23ddd' d='M4 2l2 1-2 3h2v4H1V6zM11 2l2 1-2 3h2v4h-5V6z'/%3e%3c/svg%3e") no-repeat 0 0; color: {MIDTEXT}; }
						.pmd .quote blockquote { display: inline; margin: 0; padding-right: 16px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3e%3cpath fill='%23ddd' d='M1 7l2 1 3-4V0H1v4h2zM8 7l2 1 3-4V0H8v4h2z'/%3e%3c/svg%3e") no-repeat 100% 100%; }
					.pmd .blockcode { overflow: hidden; margin: 0; padding: 0; background: transparent; color: {MIDTEXT}; }
						.pmd .blockcode code { font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; }
				.pmm .pmt { right: -6px; bottom: 0; left: auto; border: 0; width: 7px; height: 7px; box-shadow: none; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3e%3cpath fill='%23fef5e7' stroke='%23f3bb65' d='M-.7 0L5.8 6.5H0'/%3e%3c/svg%3e"); }
				.pmm .pmd { float: right; background: #FEF5E7 repeat-x; border-color: #FFC68C #F3BB65 #F3BB65 #DDC4A9; -moz-box-shadow: -2px 2px 4px #DDD; -webkit-box-shadow: -2px 2px 4px #DDD; box-shadow: -2px 2px 4px #DDD; -moz-border-radius: 10px 10px 0 10px; -webkit-border-radius: 10px 10px 0 10px; border-radius: 10px 10px 0 10px; }
			.pmb h4 { text-align: center; }
		.pmfm { padding: 0 15px 15px; }
			.pmfm .tedt { width: 365px; }
			.pmfm .pt { height: 65px; }
			.pmfm .pn { float: right; }
			.pma a { margin-right: 5px; }

/* 短消息联系人列表 by Pony */
	.pmo { position: absolute; top: 8px; right: 10px; overflow: hidden; padding-left: 10px; width: 130px; height: 31px; line-height: 24px; background: url({IMGDIR}/pn.png) repeat-x 0 -320px; text-shadow: 1px 1px 1px {WRAPBG}; }
		.pmo em { display: block; padding: 3px 5px 4px 0; background: url({IMGDIR}/pn.png) no-repeat 100% -360px; }
		.pmo a { overflow: hidden; white-space: nowrap; display: block; padding-right: 10px; background: url({IMGDIR}/pm.png) no-repeat 100% -222px; outline: none; }
		.pmo .b { background-position: 100% -278px; }

	/* .pmfl -> pm_friend_list (Window) */
	.pmfl { position: absolute; top: 35px; right: 10px; z-index: 200; width: 138px; border: solid #CCC; border-width: 0 1px 1px; background: {WRAPBG}; }
		.pmfl .s, .pmfl .o { padding: 5px; border-bottom: 1px solid #CCC; background: {COMMONBG}; }
		.pmfl .o { border-bottom-color: {WRAPBG}; }
			.pmfl .s .px { padding-left: 20px; width: 101px; background: {WRAPBG} url({IMGDIR}/pm.png) no-repeat 0 -160px; }
			.pmfl .o .ps { width: 100%; }
		.pmfl ul { overflow: auto; overflow-x: hidden; width: 138px; height: 306px; }
			.pmfl li { padding: 5px; height: 24px; }
			.pmfl .avt { float: left; width: 29px; height: 29px; }
				.pmfl .avt img { padding: 0; width: 24px; height: 24px; border: none; }
				/* 跳动的头像样式 by Pony */
				.pmfl .newpm img { margin: 1px 0 0 1px; }
			.pmfl p { overflow: hidden; white-space: nowrap; width: 78px; }
				/* 当前交谈的用户 */
				.pmfl p .a { color: red; }
				/* 在线的用户 */
				.pmfl p .ol { color: {LINK}; }
				.pmfl strong { color: #000; }

/* 登录和注册 */

.rfm { margin: 0 auto; width: 760px; border-bottom: 1px dotted {COMMONBORDER}; }
		.rfm a { color: {HIGHLIGHTLINK}; }
		.rfm .rq {}
		.rfm th, .rfm td { padding: 10px 2px; vertical-align: top; line-height: 24px; }
			.rfm .tipwide { padding-top: 0; }
		.rfm th { padding-right: 10px; width: 10em; text-align: right; }
		.rfm .px { width: 220px; }
		.rfm .p_tip { position: absolute; z-index: 2; display: none; padding-left: 10px; width: 390px; background: {WRAPBG}; color: {MIDTEXT}; font-style: normal; }
		.rfm .p_chk { position: absolute; z-index: 1; padding-left: 10px; width: 390px; color: red; font-weight: 700; font-family: {FONT}; }
		.rfm #emailmore { position: absolute; }
		.p_right { width: 30px; }
		.p_right:after { content: "\f115"; font-family: dzicon; font-size: 16px; margin-left: 8px; color: #7CBE00; line-height: 16px; }
		#returnmessage4 { display: none; padding: 10px 0; border-bottom: 1px solid {COMMONBORDER}; background: #FFE; text-align: center; font-weight: 700; }
		#returnmessage4.onerror { display: block; }
		.rfm .l { margin: 0; }
	.blr .c { padding: 0 10px 10px; }
	.login_slct a::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
	.login_slct a:after {content: ":";}
	.fwin .rfm, .nfl .f_c .rfm { width: 500px; }
	.fwin .rfm th, .fwin .rfm td, .nfl .f_c .rfm th, .nfl .f_c .rfm td { padding: 6px 2px; }
	.fwin .loginb button { margin-left: 11.3em; }
	.nfl .f_c .loginb button { margin-left: 12em; }

/*
	Name:			mod_passlevel
	Level:			Function
	Explain:		密码强度检测
	Last Modify:	lushnis
*/
	.passlevel { padding-left: 70px; background: no-repeat 0 5px; background-image: linear-gradient(90deg, #f0efef, #f0efef); background-size: 60px 6px; }
	.passlevel1 { background-image: linear-gradient(90deg, #04e834 33%, #f0efef 33%); }
	.passlevel2 { background-image: linear-gradient(90deg, #04e834 33%, #eeb043 33%, #eeb043 67%, #f0efef 67%); }
	.passlevel3 { background-image: linear-gradient(90deg, #04e834 33%, #eeb043 33%, #eeb043 67%, #ef6b6b 67%);; }

.blr { width: 580px; margin: 20px auto 30px; }
	.m_c .blr { margin: 0 auto; }
.lgfm { font: {FONTSIZE} {FONT}; float: left; margin-bottom: 10px; padding: 20px 0; width: 280px; border-right: 1px solid #CCC; }
	.rgs { margin-bottom: 10px; }
	.lgfm label, .lgfm p, .reginfo { clear: both; display: block; margin-bottom: 10px; line-height: 22px; }
		/* 自定义的注册信息 */
		.reginfo label { display: inline; }
		.reg_c { float: left; width: 200px; }
		.lgfm .txt, .lgfm .px, .lgfm .pt { width: 170px; }
	.lgfm .ftid a, .lgfm .ftid a:hover { height: 20px; background-position: 100% -1px; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; }
	.fsb { clear: both; margin-top: 8px; padding: 10px; }
		.fsb .z { padding-top: 5px; }
	.m_c .fsb { background: {COMMONBG}; border-top: 1px solid #CCC; }
		.fsb .pns { margin-right: 8px; }
		.lgfm em, .fsb em { float: left; width: 60px; }
.nlf .txt{ width: 230px; }
.brls { overflow: auto; margin-bottom: 10px; width: 470px; height: 240px; }
.sipt { float: none; margin: 0 0 10px; width: 234px; height: 20px; background-color: {WRAPBG}; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; clear: left; }
	.sipt a { float: left; width: 54px; border: none; }
		.sipt a:hover, .sipt a:focus { border: none; }
	.sipt .txt { float: left; width: 154px; border: none; outline: none; background: {WRAPBG}; }
.sltp { float: none; margin: 10px 0; clear: both; }
	.sltp a, .sltp a:hover, .sltp a:focus { height: 20px; line-height: 20px; border-color: #EEE; background-color: transparent; background-position: 100% -1px; color: #069 !important; }
		.sltp a:hover, .sltp a:focus { background-position: 100% -24px; }
.lpsw label { float: left; padding-left: 4px; width: 61px; line-height: 150%; }
.clck, .sipt .clck { background: {WRAPBG} url({IMGDIR}/clck.gif) no-repeat 98% 50%; }

.lgf { float: left; overflow: visible; margin: 47px 25px 10px 40px; }
	.lgf h4 { margin-bottom: 10px; font-weight: 400; font-size: 14px; }
	.lgf a { color: {HIGHLIGHTLINK}; }
	.minf { margin-top: 23px; }

/*
	Name:			mod_messagelogin
	Level:			Global
	Explain:		showmessage 处的登录框
	Last Modify:	lushnis
*/
#messagelogin { margin-top: 5px; border-top: 1px solid {COMMONBORDER}; }
	#messagelogin .flb { padding-left: 0; }
	#messagelogin .blr { margin: 0; }
	#messagelogin .lgfm  { padding-top: 0; }
	#messagelogin .minf { margin-top: 0; }
	#messagelogin .fsb { padding: 0; }

/*
	Name:			mod_fast_login
	Level:			Global
	Explain:		页面头部的快速登录
	Last Modify:	Pony 11061011
*/
.fastlg { line-height: 24px; }
	.fastlg td { padding: 2px 0 2px 4px; }
	.fastlg_fm { margin-right: 5px; padding-right: 5px; border-right: 1px solid {COMMONBORDER}; }
	#ls_fastloginfield_ctrl { line-height: 20px; border: none; background-color: transparent; background-position: 100% 3px; }
	.psw_w { padding-left: 5px; }

	.fastlg_l { padding-right: 4px !important; border-right: 1px solid {SPECIALBG}; }

/* 打招呼 by Pony */
	.poke { margin-bottom: 10px; }
		.poke li { float: left; margin: 0 1% 5px 0; width: 32%; height: 22px; }
		.poke img { vertical-align: middle; }

/* 普通数据列表 datatable by michael */
.dt { border-top: 1px solid {COMMONBORDER}; width: 100%; }
	.dt th { background: {COMMONBG}; }
	.dt td, .dt th { padding: 7px 4px; border-bottom: 1px solid {COMMONBORDER}; }
	.dt .c { width: 50px; }

	/* 用来展示数据的表格 */
.tdat { width: 100%; border: 1px solid {COMMONBORDER}; }
	.tdat th, .tdat td { padding: 4px 5px; border: 1px solid {COMMONBORDER}; }

/* ==  um 公告 帮助 message 通用列表  lum -- um list == */
.um { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed {COMMONBORDER}; clear: left; }
	.umh { margin-bottom: 5px; padding-bottom: 5px; overflow: hidden; }
		.umh h2, .umh h3 { clear: left; font-size:  14px; float: left; cursor: pointer; }
			.umh h2::after, .umh h3::after { display: inline-block; margin-left: 0.3em; vertical-align: 0.2em; content: ""; border-top: 0.3em solid #999; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
			.schfaq h3 { background: none; cursor: default; }
			.schfaq h3::after { display: none; }
			.umh h3 a { color: {MIDTEXT}; }
			.umh h3 span { font-size: 12px; font-weight: 400; color: {MIDTEXT}; }
			.umh h2 em, .umh h3 em { margin-left: 8px; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; }
			.umh_act { float: right; }
			.umh .umh_cb { display: none; }
			.umh .umh_ext { display: block; }
	.umn { clear: left; border-bottom: 1px dashed {COMMONBORDER}; }
		.umn h3 { font-size: 14px; }
			.umn h3::after { margin-left: 0.5em; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid #999; vertical-align: 0.1em; }
			.umn .umh_cb { display: block; background-color: {WRAPBG}; color: {MIDTEXT}; cursor: pointer; }
			.umn .umh_ext { display :none; }
.lum {}
	.lum h2 { font-size: 14px; }
	.lum ul { padding: 1em 0 1em 2em; margin-bottom: 1em; border-bottom: 1px dashed {COMMONBORDER}; }
		.lum ul li { padding: 0.2em 0; }

/* pgs --> pages & postbutton 分页、发帖按钮, pgb -->返回首页, nxt -->下一页 */
.pgs {}
	.pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { float: left; margin-right: 5px; }
	.pgsbtn { color: #FFF; padding: 10px 16px; font-size: 14px; line-height: 14px; border-radius: 4px; background: {MENUBGCOLOR}; letter-spacing: 2px; transition: .2s background ease; border: 0 }
		.pgsbtn:hover { background: {MENUCURBGCOLOR}; text-decoration: none; }
		.pgsbtn:active { box-shadow: 0 0 0 3px rgba(36,88,167,0.25); }
		.pgsbtn:focus { outline: 0; }
	.pg { float: right; }
	.pg, .pgb { line-height: 26px; }
		.pg a, .pg strong, .pgb a, .pg label { float: left; display: inline; margin-left: 4px; padding: 0 8px; height: 26px; border: 1px solid; border-color: {SPECIALBORDER}; background-color: {WRAPBG}; background-repeat: no-repeat; color: {LINK}; overflow: hidden; text-decoration: none; }
			.pg a.nxt, .pgb a { padding: 0 10px; }
			.pg a:hover, .pgb a:hover { border-color: {HIGHLIGHTLINK}; color: {HIGHLIGHTLINK}; }
			.pg a.nxt { padding-right: 11px; }
				.pg a.nxt::after { display: inline-block; margin-left: 9px; content: ""; border-left: 0.4em solid #666; border-top: 0.4em solid transparent; border-right: 0; border-bottom: 0.4em solid transparent; }
			.pg a.prev { padding-left: 2px; }
				.pg a.prev::after { display: inline-block; margin-right: 1px; content: ""; border-left: 0; border-top: 0.4em solid transparent; border-right: 0.4em solid #666; border-bottom: 0.4em solid transparent; }
			.pg strong { background-color: {SPECIALBG}; }
		.pgb a { padding-left: 15px; }
			.pgb a::before { display: inline-block; margin-right: 5px; content: ""; border-left: 0; border-top: 0.4em solid transparent; border-right: 0.4em solid #666; border-bottom: 0.4em solid transparent; }
		.pg label { cursor: text; }
			.pg label .px { padding: 0; width: 25px; height: 16px; line-height: 16px; }
	#pgt .pg, #pgt .pgb { margin-top: 5px; }
/* 用于行动的按钮 button action */
.bac {margin: 0; padding: 0; width: 70px; height: 30px;line-height: 30px; color: {LINK}; overflow: hidden; text-decoration: none; background: url({IMGDIR}/pg_arw.png) no-repeat 0 0; text-align: center; text-indent: -7px; display: block;}

#psd .bn .mbn input, #postbox input { margin-right: 4px; }
#postbox .mbn, #psd .mbn { height: 1.6em; line-height: 1.6em; }

/* 用于积分奖励提示等弹出层提示 */
.popupcredit {}
	.pc_inner { background: #F60; background-image: linear-gradient(90deg, #F60,#FF9800,#F60); border-radius: 5px; border: 1px solid #FECB02; min-width: 240px; height: 38px; padding-left: 15px; padding-right: 15px; box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.2); line-height: 37px; box-sizing: border-box; text-align: center; white-space: nowrap; }
		.pc_inner i { font-size: 12px; font-style: normal; color: {LIGHTLINK}; font-weight: 400; }
		.pc_inner span { color: #FFEA97; font-size: 14px; font-weight: 700; }
			.pc_inner span a { color: #FFEA97; text-decoration: underline; }
			.pc_inner span em { color: {LIGHTLINK}; font-size: 18px; font-weight: 400; }
			.pc_inner span u { font-size: 10px; text-decoration: none; }
			.pc_inner span em.desc { color: #930; }
	
/* 用于文字提示等弹出层提示 */
	.popuptext .pc_inner { background: #3A81C4; background-image: linear-gradient(90deg, #3A81C4,#3A65C4,#3A81C4); border: 1px solid #0264CA; color: #BADBFF; }

/* 快速跳转菜单 */
#fjump_menu { padding: 7px 0 10px 10px; }
	#fjump_menu .sch { position: absolute; top: 6px; right: 10px; }
.jump_bdl { overflow: hidden; }
	.jump_bdl li { float: left; overflow-x: hidden; overflow-y: auto; margin-right: 10px; padding: 5px; width: 178px; height: 300px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG}; }
	.bdl_title li { float: left; margin-right: 9px; padding: 0 1px; width: 189px; height: 33px; line-height: 23px; font-weight: 700; }
		.bdl_title .px { width: 80px; }
	.jump_bdl p { overflow: hidden; height: 25px; line-height: 25px; }
		.jump_bdl .sub { text-indent: 1em; }
		.jump_bdl .child { text-indent: 2em; }
	.jump_bdl a { display: block; position: static !important; padding: 0 4px; text-decoration: none; color: {TABLETEXT}; }
	.jump_bdl .a a, .jump_bdl .a a:hover { background-color: {SPECIALBG}; }

/* 可用道具列表 by lushnis */
	.mgcmn { width: 100px; }
		.mgcmn a { padding-left: 25px; line-height: 16px !important; }
			.mgcmn img { position: absolute; margin-left: -20px; }

/* 高亮道具用到的 */
.cmen { overflow: hidden; width: 63px; }
	.cmen a { overflow: hidden; float:left; width: 20px; height: 20px; }


/* 热点：站长推荐内容，在页面右下角弹出 */
.focus { position: fixed; right: 10px; bottom: 0; z-index: 300; overflow: hidden; width: 270px; background: {WRAPBG}; }
	.fctrl { margin-left: 10px; font-weight: 400; }
		.fctrl img { margin-bottom: -4px; }
		.fctrl em { display: inline-block; }
	.focus .m img { width: 60px; height: 60px; }
	.focus dt { padding-top: 0; }

/* 分享的验证码（全局） by Pony */
.m_c .sec .secq { display: block; margin: 5px 0 10px; }

/*
	Name:			mod_reason_select
	Level:			Global
	Explain:		类似评分窗口中的评分原因选择的样式
	Last Modify:	Alice
*/
.reason_slct {}
	.reason_slct .reasonselect { height: 4.3em; overflow: scroll !important; overflow-x: auto !important; }
		.reason_slct .reasonselect li { white-space: nowrap; }
	.reason_slct .pt, .reason_slct .px { width: 25.2em !important; }
	.reasonarea { height: 5.8em; }
	.reason_slct .reasonselect:hover { height:auto; }

/*
	Name:			mod_filebtn
	Level:			Global
	Sample:			<div class="filebtn">
						<input type="file" class="pf cur1" size="1" />
						<button type="button" class="pn pnc"><strong>{lang}</strong></button>
					</div>
	Explain:		模拟 <input type="file" />，注意不要让 button 太宽
	Last Modify:	Pony
*/
.filebtn { position: relative; margin: 0 auto; width: 60px; overflow: hidden; }
	.filebtn .pf { position: absolute; right: 0; height: 23px; opacity: 0; }

/* 上传弹出层 */
.upfile { width: 220px; }
	.uploadform { padding: 0 10px; border: 1px dashed {COMMONBORDER}; background: {COMMONBG}; }

/*
	Name:			mod_flashupload
	Level:			Global
	Explain:		Flash 上传时的处理界面，结构参见 /static/js/fileprogress.js
	Last Modify:	Pony 2012022813
*/
.progressWrapper { overflow: hidden; width: 100%; }
.progressContainer { overflow: hidden; margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; }
.message { overflow: hidden; margin: 1em 0; padding: 10px 20px; border: solid 1px #FD9; background-color: #FFC; } /* Message */
.red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Error */
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } /* Current */
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } /* Complete */
.progressName { overflow: hidden; white-space: nowrap; width: 323px; height: 18px; text-align: left; font-weight: 700; color: #555; }
.progressBarInProgress, .progressBarComplete, .progressBarError { clear: both; margin-top: 2px; width: 0; height: 2px; background-color: blue; font-size: 0; }
.progressBarComplete { visibility: hidden; width: 100%; background-color: green; }
.progressBarError { visibility: hidden; width: 100%; background-color: red; }
.progressBarStatus { white-space: nowrap; margin-top: 2px; width: 337px; text-align: left; }
a.progressCancel { display: block; float: right; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #CB3D4D; border-radius: 2px; text-decoration: none; }
	a.progressCancel:before { content: "\d7"; color: #FFF; font-weight: 700; }
	a.progressCancel:hover { background: #E54557; }
.swfupload { vertical-align: top; }

/* ------------------------------------------------------------------------ 拖拽及页面 DIY */
.frame, .frame-tab { margin-bottom: 10px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG}; }
	.title { padding: 0 10px; height: 32px; font-size: 14px; font-weight: 700; line-height: 32px; overflow: hidden; }
		.frame-title, .frametitle, .tab-title { background: {COMMONBG} url({IMGDIR}/title.png) repeat-x 0 100%; }

	/* 新的框架结构 */
	.frame-1-1-l, .frame-1-1-1-l, .frame-1-1-1-c, .frame-2-1-l, .frame-1-2-l, .frame-3-1-l, .frame-1-3-l { float: left; }
	.frame-1-1-r, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-r, .frame-3-1-r, .frame-1-3-r { float: right; }
	.frame-1-1-l, .frame-1-1-r { width: 49.9% }
	.frame-1-1-1-l, .frame-1-1-1-c, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-l { width: 33.3%; }
	.frame-2-1-l, .frame-1-2-r { width: 66.6%; }
	.frame-3-1-l, .frame-1-3-r { width: 74.9%; }
	.frame-3-1-r, .frame-1-3-l { width: 24.9%; }
	/* End */

	/* X1 之前的框架结构 */
	.frame .mn { margin-bottom: 0; }
	.frame .sd { min-height: 0; }

	.frame-1-1 .col-r { float: right; width: 49.9%; }
	.frame-1-1 .col-l { float: left; width: 49.9%; }

	.frame-1-2 .mn, .frame-1-2 .col-r, .frame .frame-1-2 .mn, .frame .frame-1-2 .col-r { float: right; width: 66.6%; }
	.frame-1-2 .sd, .frame-1-2 .col-l, .frame .frame-1-2 .sd, .frame .frame-1-2 .col-l { float: left; width: 33.3%; }

	.frame-2-1 .mn, .frame-2-1 .col-l, .frame .frame-2-1 .mn, .frame .frame-2-1 .col-l { float: left; width: 66.6%; }
	.frame-2-1 .sd, .frame-2-1 .col-r, .frame .frame-2-1 .sd, .frame .frame-2-1 .col-r { float: right; width: 33.3%; }

	.frame-1-3 .mn, .frame-1-3 .col-r, .frame .frame-1-3 .mn, .frame .frame-1-3 .col-r { float: right; width: 74.9%;}
	.frame-1-3 .sd, .frame-1-3 .col-l, .frame .frame-1-3 .sd, .frame .frame-1-3 .col-l { float: left; width: 24.9%;}

	.frame-3-1 .mn, .frame-3-1 .col-l, .frame .frame-3-1 .mn, .frame .frame-3-1 .col-l { float: left; width: 74.9%;}
	.frame-3-1 .sd, .frame-3-1 .col-r, .frame .frame-3-1 .sd, .frame .frame-3-1 .col-r { float: right; width: 24.9%}

	.frame-1-1-1 .col-l { float: left; width: 33.3%; }
	.frame-1-1-1 .col-c { float: left; width: 33.3%; }
	.frame-1-1-1 .col-r { float: right; width: 33.3%; }

	.frame .frame-1-1-1 .col-l, .frame .frame-1-1-1 .col-c, .frame .frame-1-1-1 .col-r { padding: 0; width: 33%; }
	.frame .frame-1-1 .col-l, .frame .frame-1-1 .col-r { width: 49.9%; }
	/* End */

	.frame .title .titletext, .block .title .titletext{ float: left; }
	.frame-tab .tab-title .titletext { float: left; margin: 0 10px; }
		.tab-title { padding: 0; width: 100% !important; border: none; }
		.frame-tab .tb { margin-top: 0; padding-left: 15px; line-height: 32px; border: none; }
			.frame-tab .tb li { margin: 0; margin-left: -1px; font-weight: 400; }
			.frame-tab .tb li, .frame-tab .tb li a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-top: none; background: transparent none; }
				.frame-tab .tb .a a { background: #FFF; font-weight: 700; }
		.frame-tab .tb-c { padding: 10px 16px; }

.block { margin: 10px 10px 0; }
	.frame-1-2 .sd .block, .col-l .block, .frame-2-1 .mn .block, .frame-1-1-1 .col-c .block, .frame-1-3 .sd .block, .frame-3-1 .mn .block { margin-right: 10px; }
	.frame-1-2 .mn .block, .col-r .block, .frame-2-1 .sd .block, .frame-1-1-1 .col-c .block, .frame-1-3 .mn .block, .frame-3-1 .sd .block { margin-left: 10px; }
	body#space .block { margin: 0 5px 10px; }
.temp {margin:1px;}
/* 重定义 frame */
	#ct .frame { margin: 0; border: none; }
	.bx { border: none; }
		.bx .frame-1-1-1 { background: transparent url({IMGDIR}/vline2.png) repeat-y 320px 0; }
		.bx .frame-2-1 { background: transparent url({IMGDIR}/vline.png) repeat-y 645px 0; }

/* 拖动生成的页面元素 by lushnis */
.drag .block .title { margin-bottom: 0; padding-left: 0; font-size: 14px; font-weight: 700; }

/* 重定义 block */
#ct .sd .block { margin: 0; }

.block .xl1 ul li:before { display: inline-block; content: ""; width: 6px; height: 6px; background: #BBB; border-radius: 3px; margin: 0 4px 2px 0; }

/* Frame stylies by lushnis */
.xfs { border-top: none; }
	.xfs .frame-title, .xfs .frametitle, .xfs .tab-title { border: none; background: transparent url({IMGDIR}/mu.png) repeat-x 0 0; }
	.xfs .frame-title, .xfs .frametitle, .xfs .tab-title, .xfs .frame-title a, .xfs .frametitle a, .xfs .tab-title a { color: #FFF !important; }
	.xfs .tb li a { height: 32px; border: none !important; }
	.xfs .tb .a a { background: transparent url({IMGDIR}/mu.png) no-repeat 50% -165px; }
.xfs_1 { border-color: #2267B5; }
	.xfs_1 .frame-title, .xfs_1 .frametitle, .xfs_1 .tab-title  { background-color: #2267B5; background-position: 0 0; }
		.xfs_1 .tb .a a { background-position: 50% -66px; }
.xfs_2 { border-color: #A90000; }
	.xfs_2 .frame-title, .xfs_2 .frametitle, .xfs_2 .tab-title  { background-color: #A90000; background-position: 0 -99px; }
		.xfs_2 .tb .a a { background-position: 50% -165px; }
.xfs_3 { border-color: #006C6C; }
	.xfs_3 .frame-title, .xfs_3 .frametitle, .xfs_3 .tab-title  { background-color: #006C6C; background-position: 0 -198px; }
		.xfs_3 .tb .a a { background-position: 50% -264px; }
.xfs_4 { border-color: #EC5A00; }
	.xfs_4 .frame-title, .xfs_4 .frametitle, .xfs_4 .tab-title  { background-color: #EC5A00; background-position: 0 -297px; }
		.xfs_4 .tb .a a { background-position: 50% -363px; }
.xfs_5 { border-color: #6F099E; }
	.xfs_5 .frame-title, .xfs_5 .frametitle, .xfs_5 .tab-title  { background-color: #6F099E; background-position: 0 -396px; }
		.xfs_5 .tb .a a { background-position: 50% -462px; }
.xfs_nbd { border: none; }
	.xfs_nbd .block { margin-top: 0; margin-bottom: 10px; }
	.xfs_nbd .col-l .block, .xfs_nbd .frame-1-1-l .block, .xfs_nbd .frame-2-1-l .block, .xfs_nbd .frame-1-2-l .block, .xfs_nbd .frame-3-1-l .block, .xfs_nbd .frame-1-3-l .block, .xfs_nbd .frame-1-1-1-l .block { margin-left: 0; }
	.xfs_nbd .sd .block, .xfs_nbd .col-r .block, .xfs_nbd .frame-1-1-r .block, .xfs_nbd .frame-2-1-r .block, .xfs_nbd .frame-1-2-r .block, .xfs_nbd .frame-3-1-r .block, .xfs_nbd .frame-1-3-r .block, .xfs_nbd .frame-1-1-1-r .block { margin-right: 0; }


/* Block stylies by lushnis */
.xbs { background: no-repeat 0 100%; }
	.xbs .title { padding-left: 0; padding-right: 10px; background: no-repeat 100% 0; }
		.xbs .titletext { float: left; padding-left: 10px; background: no-repeat 0 0; }
	.xbs .dxb_bc { padding-bottom: 6px; background: transparent no-repeat 100% 100%; }
	.xbs .module, .xbs .portal_block_summary { padding: 10px 10px 4px; border-style: solid; border-width: 0 1px; }
.xbs_1 { border: 1px solid #CCC; }
	.xbs_1 .title { padding: 0 10px; height: 31px; border-bottom: 1px solid #CCC; background: url({IMGDIR}/thead.png) repeat-x 0 0; line-height: 31px; }
		.xbs_1 .title, .xbs_1 .title a { color: #666 !important; }
	.xbs_1 .dxb_bc { padding: 9px 10px; }
.xbs_2 { background-image: url({STATICURL}image/diy/bs_2_ft.png); }
	.xbs_2 .title, .xbs_2 .titletext { background-image: url({STATICURL}image/diy/bs_2_hd.png); }
		.xbs_2 .title, .xbs_2 .title a { color: #F60 !important; }
	.xbs_2 .dxb_bc { background-image: url({STATICURL}image/diy/bs_2_ft_r.png); }
	.xbs_2 .module, .xbs_2 .portal_block_summary { border-color: #E0E0E0; }
.xbs_3 { background-image: url({STATICURL}image/diy/bs_3_ft.png); }
	.xbs_3 .title, .xbs_3 .titletext { background-image: url({STATICURL}image/diy/bs_3_hd.png); }
		.xbs_3 .title, .xbs_3 .title a { color: #FFF !important; }
	.xbs_3 .dxb_bc { background-image: url({STATICURL}image/diy/bs_3_ft_r.png); }
	.xbs_3 .module, .xbs_3 .portal_block_summary { border-color: #B2B2B2; background-color: #F1F1F1; }
.xbs_4 { background-image: url({STATICURL}image/diy/bs_4_ft.png); }
	.xbs_4 .title, .xbs_4 .titletext { background-image: url({STATICURL}image/diy/bs_4_hd.png); }
		.xbs_4 .title, .xbs_4 .title a { color: #FFF !important; }
	.xbs_4 .dxb_bc { background-image: url({STATICURL}image/diy/bs_4_ft_r.png); }
	.xbs_4 .module, .xbs_4 .portal_block_summary { border-color: #B2B2B2; }
.xbs_5 { background-image: url({STATICURL}image/diy/bs_5_ft.png); }
	.xbs_5 .title { padding: 0 10px; height: 30px; border: 1px solid; border-color: #F08C3B #F08C3B #DDD; background: url({STATICURL}image/diy/bs_5_hd.png) repeat-x 0 0; line-height: 30px; }
		.xbs_5 .title, .xbs_5 .title a { color: #BC4A2D !important; }
	.xbs_5 .dxb_bc { padding-bottom: 10px; background-image: url({STATICURL}image/diy/bs_5_ft_r.png); }
	.xbs_5 .module, .xbs_5 .portal_block_summary { padding: 10px 10px 0; border-color: #F08C3B; }
.xbs_6 { background-image: url({STATICURL}image/diy/bs_6_ft.png); }
	.xbs_6 .title, .xbs_6 .titletext { background-image: url({STATICURL}image/diy/bs_6_hd.png); line-height: 24px; }
		.xbs_6 .titletext { height: 32px; }
		.xbs_6 .title, .xbs_6 .title a { color: #FFF !important; }
	.xbs_6 .dxb_bc { background-image: url({STATICURL}image/diy/bs_6_ft_r.png); }
	.xbs_6 .module, .xbs_6 .portal_block_summary { border-color: #4B85A0; }
.xbs_7 { background-image: url({STATICURL}image/diy/bs_7_ft.png); }
	.xbs_7 .title, .xbs_7 .titletext { background-image: url({STATICURL}image/diy/bs_7_hd.png); }
		.xbs_7 .title, .xbs_7 .title a { color: #444 !important; }
	.xbs_7 .dxb_bc { background-image: url({STATICURL}image/diy/bs_7_ft_r.png); }
	.xbs_7 .module, .xbs_7 .portal_block_summary { border-color: #E5E5E5; }

.fcs { font-size: 12px; }
	.fcs dt, .fcs dd { margin: 0; padding: 0; }
	.fcs dt { font-size: 18px; font-weight: 100; }
	.fcs dd, .fcs dd a { color: {MIDTEXT}; }

/* 幻灯片 */
.slideblock { position: relative; }
	.slideshow { clear: both; }
		.slideshow li { position: relative; overflow: hidden; }
			.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
			.slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3); color: {LIGHTLINK}; overflow: hidden; }
			.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
				.slidebar li.on { background: rgba(255, 255, 255, 0.5); color: #000; font-weight: 700; }

/* 热门标签云样式 */
.tag-cloud-container {display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0;}
.tag-cloud-item {display: inline-flex; /* 修改为flex布局 */ align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ padding: 6px 14px; border-radius: 20px; text-decoration: none; transition: all 0.3s ease; transform-origin: center; font-weight: 500; line-height: 1; /* 确保行高一致 */ text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 标签大小分级 (根据热度) */
.tag-size-1 { font-size: 12px; padding: 4px 10px; }
.tag-size-2 { font-size: 14px; padding: 5px 12px; }
.tag-size-3 { font-size: 16px; padding: 6px 14px; }
.tag-size-4 { font-size: 18px; padding: 7px 16px; }
.tag-size-5 { font-size: 20px; padding: 8px 18px; }

/* 标签颜色分级 (根据热度) */
.tag-color-1 { background-color: #f5f7fa; color: #606266; }
.tag-color-2 { background-color: #e4f1ff; color: #409eff; }
.tag-color-3 { background-color: #f0f9eb; color: #67c23a; }
.tag-color-4 { background-color: #fff7e6; color: #e6a23c; }
.tag-color-5 { background-color: #fef0f0; color: #f56c6c; }

/* 标签悬停效果 */
.tag-cloud-item:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); text-decoration: none;z-index: 10;}

/* 动画效果 */
@keyframes tagAppear {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.tag-cloud-item { animation: tagAppear 0.5s ease forwards; animation-delay: calc(var(--animation-order) * 0.05s); opacity: 0;}

/* 清除DIY产生的多余样式使用的公共样式 */
.cl_frame_bm { margin: 0 !important; border: 0 !important;}
.cl_block_bm { margin: 0 !important; border: 0 !important;}
.cl_block_bm .dxb_bc { margin: 0 !important;}

/* 侧边调用 */
	/* 投票 */
	.b_poll dt { padding-left: 20px; background: url({IMGDIR}/pollsmall.gif) no-repeat 0 9px; }
	.b_poll dd li { padding: 0 0 4px 20px; }
		.b_poll dd li .pc { float: left; margin: 4px 0 0 -20px; }
	.b_debate {}
		.b_debate dt { padding-left: 20px; background: url({IMGDIR}/debatesmall.gif) no-repeat 0 10px; }
		.b_debate .chart { position: relative; margin: 8px auto; padding: 0; width: 279px; height: 78px; background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 0; }
		.b_debate .chart strong { position: absolute; top: 25px; width: 80px; font-size: 14px; text-align: center; }
			.b_debate .chart .debater2 { right: 0; }
		.b_debate .chart1, .b_debate .chart2 { position: absolute; left: 80px; bottom: 0; width: 40px; background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 -78px; }
			.b_debate .chart2 { left: 159px; background-position: 100% -78px; }
		.b_debate p { height: 1.5em; overflow: hidden; }
	.b_hstab td { padding: 5px 0; border-bottom: 1px solid {COMMONBORDER}; }


/*
	Name:			mod_tip
	Level:			Global
	Explain:		弹出的气泡信息，1、2、3、4 分别指气泡尖角从左上到左小顺时针方向的位置
	Last Modify:	lushnis
*/
.tip { position: absolute; padding: 10px; width: 260px; border: 1px solid #B1B1B1; background: #FEFEE9; }
	.tip_1, .tip_2 { margin-top: 8px; }
	.tip_3, .tip_4 { margin-top: -8px; }
	.tip_horn { position: absolute; width: 11px; height: 6px; overflow: hidden; }
		.tip_1 .tip_horn { left: 5px; top: -6px; }
		.tip_2 .tip_horn { right: 5px; top: -6px; }
		.tip_3 .tip_horn { right: 5px; bottom: -6px; }
		.tip_4 .tip_horn { left: 5px; bottom: -6px; }
		.tip_js .tip_horn { right: 61px; bottom: -6px; }
		.tip_1 .tip_horn, .tip_2 .tip_horn { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'%3e%3cpath fill='%23fefee9' stroke='%23b1b1b1' d='M0 6l5.5-5.3L11 6'/%3e%3c/svg%3e"); }
		.tip_3 .tip_horn, .tip_4 .tip_horn, .tip_js .tip_horn { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'%3e%3cpath fill='%23fefee9' stroke='%23b1b1b1' d='M0 0l5.5 5.3L11 0'/%3e%3c/svg%3e"); }
	.aimg_tip { margin-top: 0; }

/* 推荐商品 by dfox */
em.hot { position: absolute; left: -2px; top: -2px; text-indent: -9999px; overflow: hidden; background: url({IMGDIR}/hot.png) no-repeat 0 0; }

/* 板块、圈子、空间主区域/侧边搜索 by dfox */
.gsh { text-align: center; }
	.gsh h1 { margin: 1em 0 0.5em -60px; font-size: 16px; font-weight: 100; }
	.gsh .px { width: 272px; }
	.gsh .pns .px { margin-right: 3px; width: 190px; }

/* 名片 */
.card { padding: 0; width: 295px !important; border-color: {SPECIALBORDER}; background: #FDFEFF; }
	.card .p_opt { padding: 0; }
	.card .avt { position: absolute; display: inline; margin-left: -70px; width: 70px; }
	.card_mn, .card_info { padding: 10px 10px 10px 80px; }
		.card_mn { min-height: 56px; }
		.card_info { border: dashed {COMMONBORDER}; border-width: 1px 0; }
		.card_msg { width: 95%; height: 4em; }
	.card a { padding: 0; display: inline !important; white-space: normal; border-bottom: none; }
		.card a:hover { background-color: transparent !important; color: {TABLETEXT}; text-shadow: none; }
	.card .o { clear: both; padding: 5px 10px; }
		.card .o a { float: left; margin: 3px 5px 3px 0; padding: 2px 0; width: 5em; border: 1px solid {SPECIALBORDER}; background: {SPECIALBG}; line-height: 14px; text-align: center; }
	.card .mgc, .card .f { padding: 0 10px 5px; }
		.card .f li { display: block; }
		.card_gender_0 { background: #efefef; }
		.card_gender_1 { background: #bbebf9; }
		.card_gender_2 { background: #fce0df; }

/*
	Name:			mod_BIUC
	Level:			Global
	Explain:		模块中编辑单条数据BIU、颜色选择器其中 colorwd 要配合 pn 使用（不要合并 colorwd 的 background，因为其他配色会受影响）
	Last Modify:	Pony
*/
.ss em { display: block; float: left; margin-right: 2px; padding-left: 7px; width: 16px; line-height: 23px; background: #EEE; cursor: pointer; }
	.ss em.a { background: #09F; color: #FFF; }
.dopt a { float: left; margin-right: 3px; width: 21px !important; height: 21px; line-height: 21px; text-align: center; }
	.dopt_b, .dopt_i, .dopt_l { border: 1px solid #F1F5FA; outline: none; }
	.dopt .cnt { border: 1px solid #999; background-color: {WRAPBG}; }
.colorwd { margin-left: 3px; width: 23px !important; background-color: {MIDTEXT}; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21'%3e%3cpath fill='%23fff' d='M0 0v21h21V0zm18 14h-5v4H3V3h15z'/%3e%3cpath fill='%23666' d='M15 16h5l-2.5 3z'/%3e%3c/svg%3e") !important; background-repeat: no-repeat; background-position: 0 0; }
	.colorwd:active { background-position: 0 0; }
.colorpx { margin: 0 -3px 0 3px; border-right: none; }

/*
DIY图片幻灯片未加载时隐藏,模块标识隐藏
*/
.slidebox, .block-name {display: none; }

.imgzoom_title { padding: 10px 0 0; color: #666; }
.imgzoom_exif { position: absolute; left: 10px; bottom: 24px; padding: 0 6px; height: 18px; background: rgba(0,0,0,.6); text-align: left; line-height: 1.5; color: white;  overflow: hidden;}
.imgzoom_exif_hover { height: auto; }

.patch { width: 300px; }
	.patch .bm { border-color: #F26C4F; background: #FFF; }
	.patch .allfixed { border-color: #6C3; }
	.patch .bm_h { border: solid #FFF; border-width: 1px 1px 0; background: #F26C4F; }
		.patch .allfixed .bm_h { background: #6C3; }
		.patch h2, .patch .bm_h .y { color: #FFF; }
	.patch table { table-layout: fixed; }
		.patch th, .patch td { padding: 2px; border-bottom: 1px dotted #CDCDCD; }
		.patchdate { width: 70px; }
		.patchstat { width: 55px; }
	.unfixed { color: #F26C4F; }
.plugin { width: 270px; }
	.plugin .bm_h { border-color: {COMMONBORDER}; color: {TABLETEXT}; background: {COMMONBG}; }

/* 瀑布流布局 by Alice 1303191756 */
.waterfall { position: relative; margin-top: 15px; }
	.waterfall li { margin: 0 10px 10px 0; padding: 0; text-align: left; border-width: 1px 0 0; border-top: 1px solid #EAEAEA; }
	.waterfall .c, .waterfall h3 { padding: 10px; border: solid #EAEAEA; border-width: 0 1px; background-color: #F8F8F8; }
		.waterfall .c { overflow: hidden; padding-bottom: 0; max-height: 800px; }
		.waterfall .c a:hover { text-decoration: none; }
		.waterfall .c .nopic { display: block; background:{WRAPBG}; cursor: pointer; }
	.waterfall .auth { padding: 0 10px 10px; border-width: 0 1px 1px; border-style: solid; border-color: transparent #EAEAEA #B9B9B9; background: #F8F8F8; }
		.waterfall .auth img { display: inline-block; margin: 0 1px; }
		.nophoto:before { display: block; content: "\f143"; font-family: dzicon; font-size: 28px; color: #999; text-align: center; }
		
/* 大分页按钮 by theo */
.pgbtn { margin: 5px 0 10px; }
	.pgbtn a { display: block; height: 40px; line-height: 40px; letter-spacing: 5px; text-align: center; border: 1px solid #DCDCDC; font-size: 14px; outline: none; border-radius: 5px; box-shadow: 0 1px 0 #F5F5F5; }
		.pgbtn a:hover { border-color: #BABABA; text-decoration: none; }
		.pgbtn a:active { background: #EEE; border-color: #D0D0D0; box-shadow: none; }

/* 媒体样式 */
.media { display: block; margin-bottom: 20px; }
	.media_container { display: block; width: 100%; height: 100%; min-height: 20px; background: url("{IMGDIR}/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; }

.sppoll .webuploader-container{background-color:transparent}
.sppoll .webuploader-pick{text-indent: -2000px;}
/* font icon图标列表，供用户调用 */
.fico-emoji:before{content:"\f14c"}
.fico-emojifill:before{content:"\f14b"}
.fico-collection:before{content:"\f112"}
.fico-assessment:before{content:"\f104"}
.fico-error:before{content:"\f116"}
.fico-headset:before{content:"\f140"}
.fico-attachment:before{content:"\f133"}
.fico-doing:before{content:"\f130"}
.fico-email:before{content:"\f119"}
.fico-bell:before{content:"\f145"}
.fico-activitysm:before{content:"\f113"}
.fico-cart:before{content:"\f13f"}
.fico-add_circle:before{content:"\f108"}
.fico-add:before{content:"\f108";}
.fico-clock:before{content:"\f135"}
.fico-dropdown:before{content:"\f148"}
.fico-ban:before{content:"\f149"}
.fico-checkbox:before{content:"\f12e"}
.fico-check_right:before{content:"\f115"}
.fico-account:before{content:"\f102";}
.fico-account_box:before{content:"\f102"}
.fico-moon:before{content:"\f12c"}
.fico-star2:before{content:"\f12c";}
.fico-refresh:before{content:"\f10b"}
.fico-list:before{content:"\f11d"}
.fico-person:before{content:"\f100"}
.fico-invalid:before{content:"\f129"}
.fico-help:before{content:"\f138"}
.fico-down:before{content:"\f125"}
.fico-replyfast:before{content:"\f11c"}
.fico-group:before{content:"\f099"}
.fico-print:before{content:"\f137"}
.fico-image:before{content:"\f132"}
.fico-launch:before{content:"\f139"}
.fico-info:before{content:"\f117"}
.fico-follow:before{content:"\f11e"}
.fico-comment:before{content:"\f10d"}
.fico-valid:before{content:"\f128"}
.fico-voice:before{content:"\f144"}
.fico-place:before{content:"\f142"}
.fico-push:before{content:"\f10f"}
.fico-tag:before{content:"\f14a"}
.fico-phone:before{content:"\f141"}
.fico-settings:before{content:"\f122"}
.fico-thread:before{content:"\f134"}
.fico-imgadjust:before{content:"\f13a"}
.fico-vs:before{content:"\f13d"}
.fico-camera:before{content:"\f143"}
.fico-checked:before{content:"\f12f"}
.fico-styleselect:before{content:"\f107"}
.fico-right:before{content:"\f127"}
.fico-lock:before{content:"\f136"}
.fico-share:before{content:"\f114"}
.fico-rss_feed:before{content:"\f10a"}
.fico-rss:before{content:"\f10a";}
.fico-left:before{content:"\f126"}
.fico-qq:before{content:"\f118"}
.fico-poke:before{content:"\f146"}
.fico-loading:before{content:"\f146";}
.fico-mypost:before{content:"\f120"}
.fico-link:before{content:"\f123"}
.fico-interactive:before{content:"\f121"}
.fico-friendadd:before{content:"\f11f"}
.fico-home:before{content:"\f103"}
.fico-delete:before{content:"\f10c"}
.fico-widthauto:before{content:"\f106"}
.fico-remove_circle:before{content:"\f109"}
.fico-remove:before{content:"\f109";}
.fico-edit:before{content:"\f10e"}
.fico-widthfixed:before{content:"\f105"}
.fico-sun:before{content:"\f12b"}
.fico-star3:before{content:"\f12b";}
.fico-profile:before{content:"\f147"}
.fico-thumbup:before{content:"\f110"}
.fico-volume:before{content:"\f131"}
.fico-scrolltop:before{content:"\f11b"}
.fico-star:before{content:"\f12d"}
.fico-star1:before{content:"\f12d";}
.fico-thumbdown:before{content:"\f111"}
.fico-vote:before{content:"\f13b"}
.fico-task:before{content:"\f11a"}
.fico-up:before{content:"\f124"}
.fico-stars:before{content:"\f12a"}
.fico-search:before{content:"\f101"}
.fico-reward:before{content:"\f13c"}

/** 记录全局样式 **/
/* 记录表单样式 */
#moodfm {
    max-width: 100%;
    background: #fff;
    padding: 10px;
}
#moodfm textarea { height: 56px; border:0; background: #f6f6f6; overflow-y: auto; }
.mi .moodfm_input { width: 350px; height: 58px; }
.mi #moodfm textarea { float: left; margin: 0; padding: 3px; width: 552px; height: 50px; outline: none; border: 1px solid {COMMONBORDER}; background: #FFF; border-radius: 4px; }
.mi #moodfm.hover textarea { border-color: {SPECIALBORDER}; }
.moodfm_btn { padding-left: 5px; }
.moodfm_btn button { cursor: pointer; }
.moodfm_f { padding: 5px 0 0 3px; }
#mood_addform {
    margin: 0;
}

.moodfm_container {
    display: flex;
    flex-direction: column;
}

.moodfm_container .moodfm_row {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.moodfm_container .moodfm_div {
    margin-top: 10px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

/* 文本输入区域 */
.moodfm_container #mood_statusinput {
    width: 100%;
    position: relative;
}

.moodfm_container #mood_statusinput #message {
    width: 100%;
    min-height: 100px;
    padding: 12px;
    border: 1px solid #e5e9ef;
    border-radius: 6px;
    resize: vertical;
    font-size: 14px;
    line-height: 1.5;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.moodfm_container #mood_statusinput #message:focus {
    outline: none;
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 字符限制和签名选项 */
.moodfm_container .moodfm_f {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-size: 12px;
    color: #86909c;
    flex-wrap: wrap;
    gap: 10px;
    position: absolute;
    bottom: 10px;
    right: 0px;
}

.moodfm_f #return_doing {
    flex: 1;
}

.moodfm_f .y {
    margin-right: 15px;
}

.moodfm_f .z {
    display: flex;
    align-items: center;
}

.moodfm_f input[type="checkbox"] {
    margin-right: 5px;
}

/* 发布按钮 */
.moodfm_container .moodfm_btn {
    display: flex;
    justify-content: flex-end;
	align-items: center;
	gap: 10px;
}
.moodfm_container .moodfm_btn label{
	display: flex;
	align-items: center;
}
.moodfm_container .pgsbtn {
    padding: 8px 24px;
    background:  {MENUBGCOLOR};
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 80px;
}

.moodfm_container .pgsbtn:hover {
    background: {MENUCURBGCOLOR};
}

/* albumWin */
.imgl { margin-bottom: 5px; width: 100%; }
    .imgl td { padding: 8px 0; text-align: center; vertical-align: bottom; }
    .imgl tr:last-child td { border-bottom: none; }
    .imgl img { border: 1px solid {LIGHTTEXT}; max-width: 110px; }

    .imgf .px { width: 106px; padding: 2px; height: 14px; line-height: 14px; }/*

Extend CSS file for Discuz! X
(C) Discuz! Team
https://www.discuz.vip
Created & Modified by Alice, Monkey, Lushnis, Pony, Dfox & DragonLee.

1. 一些通用模块的样式
	1. 公告
	2. 在线会员列表
	3. 类似圈子中邀请好友中的好友列表
	4. 动态列表
	5. 进度条
	6. 广场以外的引用、代码样式
	7. 版主管理(包括2.3、2.4)
	8. 登录注册
	9. 标签
2. 发帖相关样式
	1. 编辑器中的功能样式
	2. 主题图标
	3. 提交表单
	4. 发特殊主题帖
3. 列表样式
	1. 广场版块、圈子分类列表
	2. 房屋列表
	3. 主题列表
4. 帖子内容区域样式
	1. 结构
	2. 作者、时间、楼层等一些属性
	3. 帖子正文
		1. 回帖推荐、点评等
		2. 用户详细信息
		3. 帖子附件及一些特殊样式(如锁定、引用、代码等)
	4. 特殊帖样式
	5. 广场和空间共用的商品、辩论等样式
	6. 显示原始图片弹出层样式
5. 圈子相关样式
6. 文章、日志等页面样式
7. 空间相关样式
8. 门户相关样式
10.搜索相关样式
11.排行榜相关样式
12.统计相关样式

* 全局 CSS 样式参见 common.css
* 以下为模块 CSS 写法举例
* 分类之间空三行，模块之间空两行，区块之间空一行 */

/** group::index **/
	/* 圈子 index 模块使用的CSS */
/** end **/

/** group::index,forum::index **/
	/* 圈子 index 和 论坛 index 模块使用的CSS */
/** end **/

/** forum **/
	/* 论坛 所有模块使用的CSS */
/** end **/



/* ------------------------------------------------------------------------ 一些通用模块的样式 */

/** forum::index **/
#pt .y { width: 550px; height: 29px; overflow: hidden; }
#chart { margin-bottom: 5px; }
	.chart { color: {LIGHTTEXT}; }
		.chart:before { font-family: dzicon; content: "\f104"; display: inline-block; height: 16px; line-height: 16px; font-size: 18px; color: #4284CE; margin-right: 4px; }
		.chart em { color: {TABLETEXT}; }
/*
	Name:			mod_announcement
	Level:			Function
	Explain:		公告。放置在不同位置时注意调整 #anc, #an li 的高度
	Last Modify:	Pony 1203191111
*/
	#an { margin-bottom: 5px; }
		#an dt { display: none; }
		#an li { float: right; clear: both; width: 526px; text-align: right; }
			#an li span { float: left; width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
			#an li em { float: left; width: 75px; color: {LIGHTTEXT}; }
			#anc, #an li { height: 29px; overflow: hidden; }
			#anc i { font-style: italic; }

/* 在线会员列表 */
	.oll li { float: left; overflow: hidden; white-space: nowrap; width: 19.9%; height: 24px; line-height: 24px; }
		.oll img { vertical-align: middle; }

/* 论坛首页热点 by Pony */
	.heat { width: 370px; }
	.heatl { padding-left: 15px; margin-left: 384px; border-left: 1px solid #DDD; }

/* 论坛首页四格 by Alice */
	#category_grid { padding: 0; border-top:1px solid {COMMONBORDER}; }
		#category_grid table { width:100%;table-layout: fixed; }
			#category_grid td { width: 25%; border-left: 1px solid #CDCDCD; }
			#category_grid td:first-child { border-left: 0; }
		.category_l1, .category_l2, .category_l3, .category_l4 { line-height: 25px; background: #fff; overflow: hidden; }
			.category_l1 { line-height: normal; }
			.slidebox_grid { position: relative; margin: 10px auto; border: 1px #ccc solid; }
			#category_grid h4 { width:100%; height: 30px; line-height: 30px; text-indent:10px; font-size: 12px; cursor: pointer; {TITLEBGCODE}; position:relative; }
		.category_newlist { padding: 10px; }
			.category_newlist li { height: 21px; line-height:21px; overflow: hidden; }
			.category_newlist li::before { display: inline-block; content: ""; width: 6px; height: 6px; background: #BBB; border-radius: 3px; margin: 0 4px 2px 0; }
			#category_grid h4 span { background:transparent; width:1px; height:30px; display:inline-block; position:absolute; left:0; top:0; }
			#category_grid .newimgbox:hover h4 span, #category_grid .subjectbox:hover h4 span, #category_grid .replaybox:hover h4 span, #category_grid .hottiebox:hover h4 span, #category_grid .goodtiebox:hover h4 span { width:6px; transition:width 0.2s ease 0s; overflow:hidden; }
			#category_grid .newimgbox:hover h4 span.tit_newimg { background: #C6D313; } 
			#category_grid .subjectbox:hover h4 span.tit_subject { background: #00A4EB; }
			#category_grid .replaybox:hover h4 span.tit_replay { background: #5CAE2B; }
			#category_grid .hottiebox:hover h4 span.tit_hottie { background: #FF8406; }
			#category_grid .goodtiebox:hover h4 span.tit_goodtie { background: #C6D313; }
/** end **/

/** misc::faq **/
/*
	Explain:		帮助页面的标题要显示出来
	Last Modify:	Pony 1203231449
*/
	.ct2_a h1.mt { display: block; }
/** end **/

/** misc::invite,group,forum::viewthread,portal::view,home::space **/
	/* .usl -> 用于类似圈子中邀请好友中的好友列表 by Pony */
		.usl { overflow: scroll; overflow-x: hidden; padding: 5px; width: 580px; height: 280px; }
		.usl2 { width: auto; border: dashed {WRAPBORDERCOLOR}; border-width: 0 1px 1px; }
			.usl li { overflow: hidden; float: left; margin: 3px; width: 134px; height: 64px; }
			.usl a { display: block; padding: 4px; border: 1px solid {WRAPBG}; }
				.usl a:hover { text-decoration: none; border: 1px solid; border-color: #DDD #999 #999 #DDD; background: {COMMONBG}; }
			.usl .avt { float: left; margin-right: 5px; width: 52px; height: 52px; border: 1px solid {COMMONBORDER}; background-color: {WRAPBG}; background-position: 2px 2px; background-repeat: no-repeat; background-size: 48px; background-image: url('../avatar/noavatar.svg'); zoom: 1; }
			.usl .avt.brs > span { display: block; margin: 2px; width: 48px; height: 48px; background-size: 100%; }
			.usl .d { float: left; width: 65px; height: 54px; overflow: hidden; word-wrap: break-word; }
			.usl li.a a, .usl li.a a:hover { border-color: #F90; background-color: #FFF1E1; }
			.usl li.a .avt { position: relative; }
			.usl li.a .avt span {width: 48px; height: 48px;  text-align: center;  }
				.usl li.a .avt:before { content: "\f128"; font-family: dzicon; color: #F60; font-size: 14px;height: 14px;width: 14px;line-height: 14px;position: absolute; bottom: 2px; left: 2px;background: #FFF; }
		.usd { padding: 5px 10px 0; border: solid {WRAPBORDERCOLOR}; border-width: 1px 0; background-color: {COMMONBG}; }
		.usd2 { border-width: 1px; border-style: dashed; }
			.usd li { float: left; margin-right: 1%; width: 48%; }
/** end **/


/** home::space,home::spacecp,group::group,misc::ranklist,portal::view,forum::viewthread,group::viewthread,home::medal,misc::tag **/
	/* .el -> feed_list 动态列表 by Pony */
	.e { overflow: hidden; }
		.e .i, .el .i { padding: 6px 10px; border-bottom: 1px dashed {COMMONBORDER}; background: #F7F7F7; }
	.el {}
		.et { margin: 20px 0 10px; }
		.el li { padding: 10px 20px; min-height: 20px; border-bottom: 1px dashed {COMMONBORDER}; }
		.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; color: {MIDTEXT}; }
		.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 {COMMONBORDER}; }
		.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; color: {HIGHLIGHTLINK}; cursor: pointer; }
		.el a { color: {HIGHLIGHTLINK}; }
		/* 有头像的动态列表 */
		.xlda .el { overflow: hidden; float: left; margin-top: -4px; width: 100%; }
			.xlda .el li { margin-bottom: -4px; padding-top: 14px; }
		#share_preview .h { display: none; }
/** end **/


/** forum::viewthread,group::viewthread,home::task,misc::stat,home::space **/
	/* 进度条 */
		.pbg { height: 16px; border: 1px solid #CCC; background: #EEE; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; }
		.pbr { height: 16px; width: 470px; background-color: #5AAF4A; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; }
		.pbg2 { display: block; height: 10px; width: 130px; margin: 0 auto; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
		.pbr2 { display: block; height: 10px; background: #F155C8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; }

	/* 勋章链接hover时不显示下划线 by Pony 20110519 */
	.md_ctrl a:hover { text-decoration: none; }
/** end **/

/** forum::forumdisplay,forum::viewthread,group::viewthread **/
#vfastpost{background:#E5EDF2;padding:3px;}
.previewvfastpost{margin:0px 10px 3px 10px;}
.fullvfastpost{margin-top:30px;}
#vfastpost th, #vfastpost td{padding: 0px;}
#vfastpost td{height:38px;}
	#vfastpost #vf_l{width:0;}
	#vfastpost #vf_m{padding-right: 14px;}
	#vfastpost #vf_m input{width: 100%; border: 1px solid #C5D5E2; outline: none; font-size: 14px; height: 28px; padding: 4px;}
	#vfastpost #vf_r{width:0;}
	#vfastpost #vf_b{width:120px;}
		#vfastpost #vf_b button{width: 120px; display: block; height: 38px; overflow: hidden; background: #E4ECF1; margin: 0; padding: 0; border-color: #B1C2CF; color: #7576A1 !important; font-size: 14px; text-shadow: 0 1px #FFF;}
		#vfastpost #vf_b button:hover { background: #C7D7E2; border-color: #7C93A6; }
/** end **/

/** forum::viewthread,group::viewthread **/
.tig_bottom{color:#B1B1B1;display:block;height:8px;top:56px;margin-left:20px;position:absolute;z-index: 99;}
.tig_bottom1{color:#FEFEE9;display:block;height:8px;top:55px;margin-left:20px;position:absolute;z-index:111;}
.vct{font: 12px/1.5 Tahoma;margin:0;}
.container{border:1px solid #B1B1B1;margin-top:8px;margin-right:80px;background-color:#FEFEE9;border-radius: 3px;padding: 5px;width:120px;position:absolute;top:-80px;right:0;}
	/* 点击加载下一页按钮样式  by Alice */
	.pgbtn a { display: block; margin-bottom: 10px; border: 1px solid rgb(194, 213, 227); border-radius: 3px; text-align: center; }
	.pgbtn a:hover { background: #fff; text-decoration: none; }
	/* 贴子页开启半闭左右列表 by Alice */
	.side_btn { position:relative; display:block; }
	.side_btn a { position:absolute; left:-21px; top:-10px; display:block; width:7px; height:38px; overflow:hidden; }
	.side_btn a svg { fill: {MENUBGCOLOR}; }
	.side_btn a.btn_s_close { left:-27px; top:-11px; }
	.side_btn a.btn_s_open { left:-21px; top:-11px; }
#subjecthide { width: 585px; }
/** end **/

/**  forum::forumdisplay,forum::viewthread,group::viewthread,home::space,home::spacecp,home::invite,portal::view,portal::comment,forum::post,group::post **/
	/* 广场以外的引用、代码样式 by Pony */
		.quote { overflow: hidden; margin: 10px 0; padding-left: 16px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3e%3cpath fill='%23ddd' d='M4 2l2 1-2 3h2v4H1V6zM11 2l2 1-2 3h2v4h-5V6z'/%3e%3c/svg%3e") no-repeat 0 0; color: {MIDTEXT}; }
			.quote blockquote { display: inline; margin: 0; padding-right: 16px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3e%3cpath fill='%23ddd' d='M1 7l2 1 3-4V0H1v4h2zM8 7l2 1 3-4V0H8v4h2z'/%3e%3c/svg%3e") no-repeat 100% 100%; }
			.m_c .quote { width: 585px; }
		.blockcode { overflow: hidden; margin: 10px 0; padding: 5px 10px; background: #F7F7F7; color: {MIDTEXT}; }
			.blockcode code { font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; }
/** end **/

/** forum::modcp,misc::stat **/
	/* 版块管理 */
		.mdcp {}
			.stl { float: left; width: 15%; }
			.str { float: left; overflow: auto; overflow-y: hidden; width: 84%; }
/** end **/

/** misc::tag **/
/* 标签列表 by Pony */
	.taglist { min-height: 270px; }
		.taglist a { margin-right: 20px; line-height: 30px; white-space: nowrap; }
/** end **/



/* ------------------------------------------------------------------------ 发帖相关样式 */
/** forum::post,forum::forumdisplay,forum::viewthread,group::post,group::forumdisplay,group::viewthread **/
.ct2_a .mn { float: left; }
.appl { float: right; margin-top: 8px; border: none; background-color: transparent; }
.upf { width: 500px; }

.upnf { white-space: normal; }
.upbk { zoom: 1; }
	.fldt { margin-bottom: 8px; }

.p_pop .flb { position: absolute; right: 10px; top: 18px; }

.fnm { min-width: 130px !important; }
.fszm { width: 55px !important; line-height: normal; }
.fnm li, .fszm li, .simm li { cursor: pointer; }
.qsv { padding-left: 16px; width: 16px; height: 16px; background: url({IMGDIR}/repquote.gif) no-repeat 50% 50%; cursor: pointer; }
/** end **/

/** forum::post,group::post **/
#post_extra_tb { position: relative; z-index: 2; }
	#post_extra_tb label { float: left; margin-right: 3px; height: 21px; border: 1px solid {COMMONBORDER}; line-height: 21px; white-space: nowrap; }
		#post_extra_tb label.a { border-bottom-color: {SPECIALBG}; background: {SPECIALBG} none; box-shadow: none; }
			#post_extra_tb label span { float: left; padding: 0 8px 0 8px; line-height: 21px; }
			#post_extra_tb label span:before { display: inline-block; content: ""; width: 6px; height: 6px; background: #BBB; border-radius: 3px; margin: 0 4px 2px 0; }
				#post_extra_tb label.a span:before { background-color: #F60; }

#post_extra_c { position: relative; z-index: 1; }
	#post_extra_c .exfm { margin: -1px 0 0; border: 1px solid {COMMONBORDER}; }

#extra_additional_c label { float:left; width: 16%; }

#draftlist { border-style: solid; border-width: 1px 1px 0; border-color: {WRAPBG}; }
	#draftlist.a { position: relative; z-index: 302; border-color: {DROPMENUBORDER}; {DROPMENUBGCODE} }
	#draftlist_menu { margin-top: -1px; padding: 10px; border: 1px solid {DROPMENUBORDER}; {DROPMENUBGCODE}; }
/** end **/


/** forum::post,forum::forumdisplay,forum::viewthread,group::post,group::forumdisplay,group::viewthread,portal::portalcp,home::spacecp **/
.p_tbl { height: auto; line-height: 160%; border-bottom: none; }
		.p_tbl table td { height: 28px; line-height: 28px; border-bottom: 1px solid {COMMONBG}; }
			.atnu { width: 16px; }
			/*.attachctrl { width: 40px; }*/
			.atna {}
				.atna p img, .attswf p img { vertical-align: middle; height: 16px; }
				.atna .lighttxt, .attswf .lighttxt { color: {MIDTEXT} !important; }
			.attpr { width: 40px; text-align: center; }
				.attv .px, .attp .px { width: 25px; }
				.attv { width: 100px; }
			.atturl img { height: 20px !important; }
			.attc { width: 20px }
			.atds { width: 80px; text-align: center; }
				.atds .px { width: 60px; }
			.attp { text-align: center; width: 40px; }
			.attach_preview { border: 1px solid {COMMONBORDER}; box-shadow: 0 0 5px rgba(96, 96, 96, 0.3); }
/** end **/


/** forum::post,group::post,portal::portalcp,home::spacecp **/
/* 发帖、日志、文章时上传的图片列表样式 by Pony 11090615 */
.upfl { margin-top: -1px; height: auto !important; height: 165px; max-height: 300px; overflow: auto; overflow-x: hidden; }
	.upfl a, #imgattachlist a { color: {HIGHLIGHTLINK}; }
	.upfl table td { border-bottom: 1px solid {COMMONBORDER}; height: 30px; line-height: 24px; }
.imgdeleted { opacity: 0.3; }

/*
	Name:			mod_opattach
	Level:			Function
	Explain:		发文章时上传的图片上的操作区域的样式
	Last Modify:	Pony 11082416
*/
	.opattach { display: block; position: relative; margin: 0 auto; width: 110px; border: 1px solid #CDCDCD; }
		.opattach:hover { text-decoration: none; }
		.opattach_ctrl { display: none; position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF; background: transparent; background: rgba(0, 0, 0, 0.3); }
		.opattach:hover .opattach_ctrl { display: block; }
		.opattach img { border: none; }

/* 重定义日志和文章的编辑器弹窗 by Pony 11082217 */
.tfm .fwin .t_l, .tfm .fwin .t_c, .tfm .fwin .t_r, .tfm .fwin .m_c, .tfm .fwin .b_l, .tfm .fwin .b_c, .tfm .fwin .b_r { padding: 0; }
.tfm .fwin th { padding: 0; width: auto; }
.tfm .fwin .px { width: auto; }
.tfm .fwin .upfl table td { border-bottom: none; }

/* 发帖时选择标签 by Pony */
.marked:after { font-family: dzicon; content: "\f128"; color: #F60; margin-left: 2px; }
#taglistarea a { white-space: nowrap; zoom: 1; }
#taglistarea .marked { padding-right: 0; font-weight: 700; color: {NOTICETEXT} !important; }
#taglistarea .marked:after { display: none; }
/** end **/


/** forum::viewthread,forum::forumdisplay,forum::post,group **/
/* 主题图标 by michael */
#newspecial_menu { min-width: 90px; }
	#newspecial_menu li, #sti .wx { display: block; zoom: 1; }
	#newspecial_menu li:before, #sti .wx:before { content: "\f134"; font-family: dzicon; display: inline-block; height: 24px; width: 30px; line-height: 24px; text-align: center; font-size: 20px; color: #FF9C00; vertical-align: middle; }
	#newspecial_menu li.plugin_special_thread {background-repeat: no-repeat; background-position: left 8px center;}
	#newspecial_menu li.plugin_special_thread:before { content:""; }
		#newspecial_menu .poll:before, #sti .poll:before { content: "\f13b"; }
		#newspecial_menu .trade:before, #sti .trade:before { content: "\f13f"; }
		#newspecial_menu .reward:before, #sti .reward:before { content: "\f13c"; }
		#newspecial_menu .activity:before, #sti .activity:before { content: "\f113"; }
		#newspecial_menu .debate:before, #sti .debate:before { content: "\f13d"; }
		#newspecial_menu a { display: inline-block; padding: 0; height: 24px; line-height: 24px; white-space: normal; vertical-align: middle; }
			#newspecial_menu a:hover { background: none; color: {HIGHLIGHTLINK}; text-shadow: none; text-decoration: underline; }
#sti {}
	#sti .wx { padding-left: 25px; background-position: 0 50%; }
	#sti .tb { margin-top: 0; }
/** end **/


/** forum::modcp,forum::post,group::post,home::spacecp,portal::portalcp **/
/* 提交表单 */
	.exfm { margin: 10px 0; padding: 10px 14px; border: 1px dashed {SPECIALBORDER}; background: {SPECIALBG}; }
		.exfm .pn { height: 22px; font-size: 12px; }
		.exfm .rq { float: right; padding-right: 2px; }
		.exfm table { width: 100%; }
			.exfm table th, .exfm table td { padding: 4px 2px; }
		.mdcp .um { margin-bottom: 0; padding: 10px 5px; }

/* 发特殊主题帖 by dfox */
	.sinf p, .sadd p { padding: 2px 0; height: 30px; line-height: 30px; }
	.sinf .px, .sadd .px { width: 120px; }
	.sinf { float: left; padding-right: 14px; width: 400px; border-right: 1px dashed {WRAPBORDERCOLOR}; }
		.sinf h4 { padding: 6px 0; }
		.sinf textarea { width: 368px; height: 80px; }
		.sinf a.d { margin-top: 8px; }
		.sinf object { vertical-align: middle; }
		.onum { float: left; margin-right: 6px; width: 16px; }
		.oinf { width: 270px !important; }
			.sinf dl, .sadd dl { overflow: hidden; }
			.sinf dl dt, .sadd dl dt { float: left; width: 75px; clear: left; }
			.sinf dl dd, .sadd dl dd { margin-bottom: 10px; overflow: hidden; }
			.sinf dl dd { width: 300px; }
			.sinf span.fb, .sadd span.fb { display: block; float: left; margin-right: 6px; height: 26px; line-height: 26px; white-space: nowrap; }
				.sinf dl dd strong { padding: 0 8px; }
	.sadd { float: left; margin-left: 10px; width: 520px; overflow: hidden; }
		.sadd dl dd { width: 420px; }
		.ct2_a .sadd { width: 360px; }
		.ct2_a .sadd dl dd { width: 260px; }
		.spl em { float: left; margin-right: 9px; height: 20px; line-height: 20px; }
		.spl input[type=radio] { margin: 0 3px 0 0; }
	.spimg { margin: 0 10px 0 0; width: 200px; border: 1px solid #AAA; }
	.spmp { width: 30px; }
	.spmf { width: 300px; }
		.spmf, .spmf3 { overflow: hidden; }
		.spmf label, .spmf3 label{ display: block; padding-top: 5px; }
			.spmf em{ float: left; width: 150px;  }
			.spmf3 em{ float: left; margin-right: 12px; }
				.spmf3 .px { margin: 0 !important; width: 72px; }
/** end **/


/** forum::forumdisplay,forum::viewthread,group::forumdisplay,group::viewthread **/
	/* 开启快速发帖和推荐表情时的样式 by Pony */
	#f_pst .bm_c { padding: 20px; }
		#f_pst .tedt { width: auto; }
		.hasfsl { margin-right: 170px; zoom: 1; }

	#f_pst .upfl { height: auto; max-height: 100%; }
		#f_pst .upfl td { padding: 4px 0; }
		#f_pst .atds { width: 100px; }
		#f_pst .px { padding: 2px; }
	/*
		Name:			mod_mobile-type
		Level:			Function
		Explain:		手机发帖的相关样式
		Author:			Lushnis
		Last Modify:	Pony 1204111343
	*/
	.mobile-type { position: absolute; margin: -5px 0 -85px 103px; width: 58px; height: 80px; background: url({IMGDIR}/mobile-type.png) no-repeat 100% 100%; }
		.mobile-type a { display: block; width: 46px; height: 80px; background: url({IMGDIR}/mobile-type.png) no-repeat 0 0; }
			.mobile-type-2 a { background-position: 0 -80px; }
			.mobile-type-3 a { background-position: 0 -160px; }
			.mobile-type-4 a { background-position: 0 -240px; }
	.mobile-location { padding-left: 20px; background: url({IMGDIR}/mobile-attach-2.png) no-repeat 0 0; }
	/*
		Name:			threadbeginid
		Level:			Function
		Explain:	 	起始动画或图片的位置样式
		Author:			Jane
		Last Modify:	Jane 1210251731
	*/
	#threadbeginid { position: fixed; top: 0px; left: 0px; z-index: 999; }
		#threadbeginid .beginidin { position: absolute; top: 0; right: 0px; z-index: 999; }
		#threadbeginid .beginidimg { background: white; opacity: 0; }
/** end **/



/* ------------------------------------------------------------------------ 广场版块、圈子分类等列表样式 */
/** forum::index,forum::forumdisplay,group::index,group::group,search::group **/
/* 版块列表 */
.fl {}
	.fl_tb { width: 100%; }
		.fl_tb td { padding: 10px 0; }
		.fl_icn { padding-right: 10px !important; width: 31px; }
		.fl_by { width: 220px; }
			.fl_by div { margin-left: 10px; width: 210px; padding-left: 8px; word-break: keep-all; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
				.fl_by div .xi2 { zoom: 1; }
			.fl_by cite { display: block; }
		.fl_i { width: 150px; text-align: right; }
			.fl_i em { display: block; width: 5em; }
			.fl .i_z { margin-right: 8px; padding-right: 8px; border-right: 1px solid {CONTENTSEPARATE}; }
	.fl_icn_g { float: left; width: 31px; }
	.fl_g { vertical-align: top; }
		.fl_g dl { margin-left: 31px; padding-left: 10px; }
			.fl_g dt { font-weight: 700; }
	.fl_row td { border-top: 1px dashed {COMMONBORDER}; }
	.fl_icn img, .fl_icn svg , .fl_icn_g img, .fl_icn_g svg { vertical-align: middle; }

/* 圈子分类列表 */
	.flt {}
		.flt .flc { width: 294px; }
		.gcop { margin-right: 15px; clear: left; }
		.ghfl dt, .flt dt { font-size: 14px; font-weight: 700; }
			.ghfl dt span, .flt dt span, .flt dd span { font-size: 12px; font-weight: 200; color: {LIGHTTEXT}; }
			.ghfl dd, .flt dd { line-height: 1.8em; }
/** end **/


/** forum::forumdisplay **/
/*
	Name:			mod_board_navigation
	Level:			Function
	Explain:		看贴页左侧的版块导航。宽度在CSS里没有默认值，宽度在后台设置
	Last Modify:	Jane
*/
.bdl { float: left; overflow: hidden; border: 1px solid #BDD7E3; background-color: #F5F9FB; }
	.bdl_h { height: 32px; line-height: 22px; }
.bdl .tbn { margin: 10px; }
	/* 分区 */
	.bdl dl { margin: -1px -10px 0; }
		.bdl dt { overflow: hidden; height: 27px; line-height: 27px; border: solid #CCE0EB; border-width: 1px 0; background: #F5F9FB; }
			.bdl dt a { display: block; padding: 0 15px 0 10px; }
				.bdl dt a:hover, .bdl_a a:hover { text-decoration: none; }
	/* 版块，默认收起 */
	.bdl dd { display: none; }
		.bdl dd a { display: block; margin: 0 3px; padding: 0 7px; height: 26px; line-height: 26px; overflow: hidden; }
	/* 展开的分区 */
	.bdl dl.a { padding-bottom: 4px; background-color: #FFF; }
		.bdl dl.a dt { margin-bottom: 3px; }
		.bdl dl.a dd, .bdl_fav dd { display: block; overflow: hidden; zoom: 1; }
			/* 当前版块 */
			.bdl dd.bdl_a a { background-color: #F5F9FB; font-weight: 700; color: {HIGHLIGHTLINK}; }

	.previewPost { width: 100%; font-size: 14px; }
	/* 点击加载下一页按钮样式 */
	#autopbn { display: block; margin-bottom: 10px; border: 1px solid rgb(194, 213, 227); border-radius: 3px; text-align: center; }
	#autopbn:hover { background: #fff; text-decoration: none; }
	/* 上涨和下降图标样式 */
	.ico_increase, .ico_fall { font-family: dzicon; display: inline-block; width: 12px; height: 16px; line-height: 16px; transform: scale(1.5); color: #F6271E; margin: 0 8px; text-align: center; }
	.ico_increase:before { content: "\f124"; }
	.ico_fall:before { content: "\f125"; }
	/* 版块热帖日历样式 */
	#ReTie_review h6 { padding: 0 10px; line-height: 27px; }
	.review_this { padding: 5px 0 10px; }
	.review_this li { float: left; width: 7.5%; text-align: center; }
/*
	Level:			Channel
	Explain:		板块新帖提醒
	Last Modify:	Max.Cong
*/
	#forumnew{ position: absolute; right: 0; top: 0; z-index: -1; }
	.tl #forumnewshow { background: #FFFAF3; font-size: 12px; text-align: center; }
	.tl #forumnewshow th, .tl #forumnewshow td { padding: 0; border: 0; }
	.tl #forumnewshow th:hover, .tl #forumnewshow td:hover{ background: #FFFFE9; }
	.tl #forumnewshow a { display: block; border-top: 1px solid #F4E4B4; border-bottom: 1px solid #F4E4B4; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
	.tl #forumnewshow a:hover { text-decoration: none; }
	#checknewline tr td, #checknewline tr th { background: #FFFFEB; text-align: center; color: #666; }

	.newthread tr th, .newthread tr td { background: #FFFAF3; }
	.newthread .new em { margin-right: 4px; }
	.newthread .new em, .newthread .new em a { color: #007CD5; font: {FONTSIZE} {FONT}; }
	/*
	.tl .newthread tr:hover th, .tl .newthread tr:hover td{ background-color: transparent; }
	*/

.forumrefresh:hover { text-decoration: none; }
.forumrefresh:after { content: "\f10b"; font-family: dzicon; color: #369; line-height: 14px; font-size: 14px; margin-left: 2px; }
/** end **/


/** forum **/
/*
	Name:			mod_forum_jump
	Level:			Function
	Explain:		快速跳转菜单
	Last Modify:	Pony 11080915
*/
#fjump_menu { overflow-x: hidden; max-height: 600px; }
	#fjump_menu dl { width: 200px; }
		#fjump_menu dt { font-weight: 700; }
		#fjump_menu dd { text-indent: 1em; }
		#fjump_menu li.a a { background-color: {SPECIALBG}; }
/** end **/



/* ------------------------------------------------------------------------ 主题列表样式 */
/** forum::forumdisplay,forum::viewthread,forum::modcp,forum::collection,group,home::space,home::task,home::follow,search::forum,search::group,member::groupexpiry,misc::ranklist,misc::stat,misc::tag,forum::guide,portal::block **/
/* fct --> froumatction 板块功能按钮 */
	.fct a { float: left; margin-left: 8px; }
	.fa_fav_0:before, .fa_fav:before, .fa_rss:before, .fa_achv:before, .fa_bin:before, .fa_ivt:before { font-family: dzicon; display: inline-block; line-height: 14px; width: 16px; margin-left: 4px; transform: scale(1.5); }
		.fa_fav_0:hover, .fa_fav:hover, .fa_rss:hover, .fa_achv:hover, .fa_bin:hover, .fa_ivt:hover { text-decoration: none; }
		.fa_fav_0:before { content: "\f12d"; color: #BBB; }
		.fa_fav:before { content: "\f12d"; color: #FF9C00; }
		.fa_rss:before { content: "\f10a"; color: #FF9C00; }
		.fa_achv:before { content: "\f135"; }
		.fa_bin:before { content: "\f10c"; color: #AAA; }
		.fa_ivt:before { content: "\f11f"; color: #2B7ACD; }

/* 主题列表相关 */
	/*.tl .th th a { float: left; margin-right: 10px; padding-right: 17px; background: url({IMGDIR}/arw_d2.gif) no-repeat 100% 50%; }*/
	#fh { width: 644px; }
		.mw #fh { width: 100%; }
	#fh .bm { padding-top: 5px; padding-bottom: 0; }
	#nv_group #fh { margin-bottom: 1em; }
		#fh #gh { padding-top: 10px; }
		#fh .h { margin-top: 10px; }
			#fh .h * { float: left; }
			#fh h1 { margin-right: 10px; font-size: 16px; }
			#fh .h .y { float: right; }
			#fh .o a { float: left; margin-right: 10px; }
	#fh.m { padding-top: 0; background-color: {COMMONBG}; }
	.xst { font-family: {THREADTITLEFONT}; font-size: {THREADTITLEFONTSIZE}; }
		.xst i { font-style: italic; }

	/* threadtype 帖子类型 */
	.ttp { margin-bottom: 5px; padding-top: 10px; border-width: 2px 0 0; background: transparent; }
		.ttp li { float: left; padding-bottom: 5px; }
		.ttp a, .ttp strong { float: left; margin-right: 5px; padding: 4px 8px 3px; height: 18px; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; white-space: nowrap; }
			.ttp a:hover { border-color: {HIGHLIGHTLINK}; color: {HIGHLIGHTLINK}; text-decoration: none; }
		.ttp .a a { padding-right: 12px;  padding-left: 12px; border-color: {HIGHLIGHTLINK}; background: {SPECIALBG}; color: {HIGHLIGHTLINK}; }
		.ttp .pipe { float: left; margin-right: 10px; padding: 0; width: 2px; height: 27px; background: {SPECIALBORDER}; text-indent: -9999px; }
	/* 版块有大量主题分类时的展开收起样式 by Pony */
	.cttp { overflow: hidden; padding-right:0px; height: 32px; }
		.cttp .unfold, .cttp .fold { float: right; display: inline; margin: 5px -35px 9px 0; padding: 0 0 0 10px; width: 25px; height: 18px; background-color: transparent; color: {HIGHLIGHTLINK}; font-weight: 400; }
		.thread_fold {cursor:pointer;font-size: 12px;color:{HIGHLIGHTLINK}; text-align: right; font-weight: 600;padding: 0;margin-bottom: 10px;}
		.thread_fold.unfold::before {margin-bottom: 2px;display: inline-block;margin-right: 5px;content: "";border-left: 0.4em solid transparent;border-top: 0.4em solid #666;border-right: 0.4em solid transparent;border-bottom: 0;}
		.thread_fold.fold::before {margin-bottom: 2px;display: inline-block;margin-right: 5px;content: "";border-left: 0.4em solid transparent;border-top: 0.4em solid transparent;border-right: 0.4em solid transparent;border-bottom:0.4em solid #666;}
	/* 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 {CONTENTSEPARATE}; }
			.emptb th, .emptb td { padding: 0; border-bottom: none; }
			.tl tr:hover th, .tl tr:hover td { background-color: {COMMONBG}; }
			.tl .threadpre td, .tl .threadpre:hover td { background-color: #FCFCFC; }
			.tl .threadpre .threadpretd { border-left: 1px solid {CONTENTSEPARATE}; border-right: 1px solid {CONTENTSEPARATE}; }
			.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({IMGDIR}/icon_preview.png); overflow: hidden; }
			a.icon_up { display: block; margin:0 10px; height: 25px; background: #F2F2F2 url({IMGDIR}/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({IMGDIR}/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; }
				.tl th a:visited, .tl td.fn a:visited { color: {MIDTEXT}; }
				.fromg { visibility: hidden; }
				tr:hover .fromg {visibility: visible;}
			.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 td em, .tl td em a { color: {LIGHTTEXT}; }
			/*.tl .th th, .tl .th td { padding: 8px 0; background: {SPECIALBG}; border-top: 1px solid {SPECIALBORDER}; }*/
			.tl .ts th, .tl .ts td { padding: 3px 0; border-bottom-color: {COMMONBORDER}; background: {COMMONBG}; }
	.tl .th { margin-top: 1px; padding: 0 10px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; }
		.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: {SPECIALBORDER}; }
		
		

	.tl_reply:before { display: inline-block; content: ""; width: 6px; height: 6px; background: #BBB; border-radius: 3px; margin: 0 4px 2px 0; }

	/* recy --> recyclebin 主题列表的回收站主题样式 by shuaishuai*/
	.recy { text-decoration: line-through; }

	/* 主题分页 */
	.tps { white-space: nowrap; }
		.tps a { padding: 2px 4px; color: {TABLETEXT}; }
			.tps a:hover { background-color: {COMMONBG}; color: #007CD5; }

/*
	Name:			mod_thread_type_index
	Level:			Function
	Explain:		分类信息检索
	Last Modify:	Pony 12020309
*/
.tsm { overflow: hidden; margin-bottom: -10px; width: 100%; border-collapse: collapse !important; }
	.tsm th { padding: 5px 0 5px 10px; border: none; vertical-align: top; }
	.tsm td { padding: 5px 10px 5px 0; border: none; vertical-align: top; }
	.tsm tr:hover th, .tsm tr:hover td { background: none !important; }
	.tsm li { float: left; margin-right: 4px; padding: 0 4px; white-space: nowrap; }
	.tsm .a a { color: {TABLETEXT}; font-weight: 700; }
		.tsm .a a:hover { text-decoration: none; }
	.subtsm { margin-top: 5px; padding: 5px; border: 1px dotted {SPECIALBORDER}; }

/*
	Name:			mod_thread_type_search
	Level:			Function
	Explain:		分类信息搜索
	Last Modify:	Pony 11050314
*/
	.mfm .mtm { margin-right: 10px; }
	.mfm span { height: 26px; }
/** end **/


/** forum::forumdisplay,group::forumdisplay,group::my **/
/*
	Name:			mod_thread_type
	Level:			Function
	Explain:		论坛圈子的帖子主题分类分类信息等的筛选样式
	Author:			lushnis
	Last Modify:	Pony
*/
	.ttp .a a:hover { background: {SPECIALBG} url({IMGDIR}/close-s.png) no-repeat 100% 11px; }
	#ttp_all a:hover { background-image: none !important; }
/** end **/



/* ----------------------------------------------------------------------- 帖子内容区域样式 */
/** forum::viewthread,group::viewthread **/
.plh { line-height: 46px; }
	.plh .plc { padding-bottom: 0; }

/*
	Name:			mod_viewthread_header
	Level:			Function
	Explain:		看帖页标题区域
	Last Modify:	Pony 201201181105
*/
	.vwthd { padding-right: 80px !important; }
		.vwthd div.y { display: inline; margin-right: -60px; }
		.ts { display: inline; font: 700 16px 'Microsoft Yahei', 'Hei', Tahoma, 'SimHei', sans-serif; }

#nv_forum #ct { border-color: {SPECIALBORDER}; }

.pattl_c .tip { margin-top: 30px; padding: 5px; width: 88px; }
.pattimg { float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; overflow: hidden; }
.pattimg_zoom { position: absolute; display: block; width: 100px; height: 100px; line-height: 300px; overflow: hidden; }
.attl_g, .attl_m { margin-left: 10px; padding-left: 16px; background: url({IMGDIR}/attl_icon.png) no-repeat 0 3px; }
	.attl_m { background-position: -100px 3px; }

/* 默认分类信息 by michael */
	.cgtl { overflow: hidden; }
	.cgtl td, .cgtl th, .cgtl caption { padding: 5px; border-bottom: 1px solid {SPECIALBORDER}; }
	.cgtl caption { background: {SPECIALBG}; border-top: 1px solid {SPECIALBORDER}; font-size: 14px; font-weight: 700; }
	.cgtl th { width: 16%; }

/*
	Name:			mod_cp_pls
	Level:			Function
	Explain:		帖子页每个楼层用户信息下方的管理链接
	Author:			Pony 12010414
*/
.cp_pls a { float: left; margin-right: 4px; line-height: 1.231; }
#scrollleftinfo { position: fixed; left: auto; top: auto; width: 5px; height: 200px; border-radius: 0 5px 5px 0; background: url({IMGDIR}/sidecontrol.png) no-repeat -9px 0; cursor: pointer; }
#scrollleftinfo.open { width: 9px; background-position: 0 0; }

.img_tit_t .xi1 { color:#444; }
.img_tit_t .ph { font-weight:700; font-size:16px; }
.ph_r_con { padding: 20px 0 0; }
a.thread_mod { height: 19px; line-height: 19px; display: inline-block; color: #444; }
	a.thread_mod:hover { color:#369 !important; text-decoration:none; }
	a.thread_mod span { color:#444; font-weight:700; vertical-align: middle; }
	a.thread_mod:hover span { color:#539BCB !important; }
	a.thread_mod:before { content: "\f11d"; font-family: dzicon; font-size: 24px; vertical-align: middle; margin-right: 4px; }

/*
	Name:			mod_cp_pls
	Level:			Function
	Explain:		贴子大图样式
	Author:	Alice 201303281607
*/
#imagelist_nav { background: none repeat scroll 0 0 #DDD; margin-top: 20px; height: 150px; width: 780px; }
	#imagelist_nav .imagelist_album { color: #FFFFFF; font-size: 12px; overflow: hidden; width: 780px; }
	#imagelist_nav .imagelist_album div.left { height: 110px; margin-top: 18px; overflow: hidden; position: relative; width: 730px; float: left; }
	#imagelist_nav .imagelist_album div.left ul { left: 0; position: absolute; z-index: 2; margin: 0 0; }
	#imagelist_nav .imagelist_album div.left li { float: left; height: 110px; text-align: center; margin-top: 5px; list-style: none outside none; }
	#imagelist_nav .imagelist_album a.left, #imagelist_nav .imagelist_album a.right { background: #2F2F2F; color: #DCDCDC; border-radius: 3px; height: 63px; line-height: 63px; text-align: center; width: 20px; }
	#imagelist_nav .imagelist_album a.left { margin: 42px 2px 0 3px; float: left; }
	#imagelist_nav .imagelist_album a.right { margin: 42px 3px 0 2px; float: right; }
	#imagelist_nav .imagelist_album a.left:hover, #imagelist_nav .imagelist_album a.right:hover { background: #474747; }
	#imagelist_nav .imagelist_album a.left::before, #imagelist_nav .imagelist_album a.right::before { display: inline-block; content: ""; border-left: 0; border-top: 6px solid transparent; border-right: 6px solid; border-bottom: 6px solid transparent; }
	#imagelist_nav .imagelist_album a.left::before { border-left: 0; border-right: 6px solid; }
	#imagelist_nav .imagelist_album a.right::before { border-left: 6px solid; border-right: 0; }
	#imagelist_nav .imagelist_album div.left a.mask { background-color:#333; display: block; height: 110px; overflow: hidden; position: absolute; width: 110px; z-index: 1; }
	#imagelist_nav .imagelist_album div.left li div { height: 110px; position: relative; overflow: hidden; cursor: pointer; width: 110px; }
	#imagelist_nav .imagelist_album div.left li div span { background-color: #000000; bottom: 2px; color: #FFFFFF; display: block; font-size: 12px; height: 14px; line-height: 14px; position: absolute; right: 5px; text-align: center; top:86px; padding: 0 6px; }
	.photo_pic { width:780px; }
	.album_side_r { border-left:1px dashed #CDCDCD; }
	.album_side { padding:20px 10px; font-size:12px; }
	.album_side .hm { padding:0 0 10px; }
	.album_info h3 { color:#999; margin:10px 0; }
	.album_side .date { color:#999; }
	.album_info p { text-indent:2em; }
	.tit_author { display:block; }
	.tit_author a { color: #369; font-size:14px; font-weight:700; }
	
/* 作者指向时全部展开 by Alice */
	.authi .none { display:inline-block; }
		.authi .none::before { display: inline-block; margin: 0 5px; content: ""; border-left: 0.4em solid; border-top: 0.4em solid transparent; border-right: 0; border-bottom: 0.4em solid transparent; }
	.authi .show { display:none; }
	.authi:hover .none { display:none; }
	.authi:hover .show { display:inline-block; }
		
/** end **/

/** forum::forumdisplay,group::forumdisplay **/
/* 帖子列表“新窗”、“图片模式”等按钮样式 modified by Pony */
	#atarget, .unchk, .chked { line-height: 16px; color: {HIGHLIGHTLINK}; cursor: pointer; }
	#atarget:before, .unchk:before, .chked:before { font-family: dzicon; display: inline-block; width: 14px; height: 14px; line-height: 14px; font-size: 14px; margin-right: 2px; color: {LIGHTTEXT}; }
		#atarget:before, .unchk:before { content: "\f12e"; }
		#atarget.atarget_1:before, .chked:before { content: "\f12f";}
		.unchk:hover, .chked:hover { text-decoration: none; }

#a_magic_doodle { padding-left: 20px; background: url({STATICURL}image/magic/doodle.small.gif) 0 50% no-repeat; }
		/* 重定义 tab 标签样式分类数字 by alice 13032514 */
		.ttp .num { background:#999; padding:0 5px; margin-left:5px; border-radius:3px; color:#FFF !important; }
		.ttp .a .num { background:#91BDD3; }
		/* 重定义 贴子更多分类标签 by alice 13032614 */		
		.pop_moremenu li { display:block; border-bottom:1px solid #E5EDF2; line-height:24px; }
		.pop_moremenu a { display:inline; text-decoration:none; border-bottom:0; }
		.pop_moremenu li:last-child { border-bottom:none; }
		.pop_moremenu .pipe { margin:0; }
		.pop_moremenu a.xw1 { background-color: {SPECIALBG}; color: {HIGHLIGHTLINK}; text-decoration: none; font-weight:normal; }
/*
	Name:			mod_media_list_thread
	Level:			Global
	depentend:		.ml
	Explain:		图片模式的帖子列表
	Author:			lushnis
	Last Modify:	Pony 11121511
*/
	.mlt {}
		.mlt li { display: inline; margin: 0 4px 10px; padding-top: 5px; border: 1px solid {SPECIALBG}; border-bottom-color: {SPECIALBORDER}; background: #FFF; text-align: left; }
			.mlt .sum { display: inline-block; padding: 0 5px; height: 16px; line-height: 16px; border-radius: 5px; background: {SPECIALBG}; }
				.mlt .pin { background: #7B3; color: #FFF; }
				.mlt .digest { background: #0BC; color: #FFF; }
			.mlt .c .nopic { display: block; background:{WRAPBG}; cursor: pointer; }
			.mlt img.vm { display: inline; }

			.mlt h3 { height: 30px; line-height: 30px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
			.mlt li .cl { height: 18px; overflow: hidden; }
				.mlt li .c { height: auto !important; }
			.mlt li span { display: inline; color: {TABLETEXT}; }

/*
	Name:			mod_threadlist_last-child
	Level:			Function
	Explain:		帖子列表页支持 last-child 的浏览器不显示最后一条线
	Last Modify:	Pony
*/
.tl tbody:last-child th, .tl tbody:last-child td { border-bottom: none; }
.tl tbody:last-child .threadpre .threadpretd { border: 1px solid {CONTENTSEPARATE};}
/*
	Name:			closeprev
	Level:			Function
	Explain:		帖子列表页隐藏置顶帖的按钮样式
	Last Modify:	Jane
*/
.closeprev { width: 12px; height: 12px; background: transparent; line-height: 12px; text-align: center; cursor: pointer; overflow: hidden; margin: 5px 5px 0px 5px; }
.closeprev:hover { background: #09C; }
.closeprev:before { content: "\d7"; font-weight: 700; color: #CCC; }
.closeprev:hover:before { color: #FFF;} 
.pcb .jammer { font-size: 10px; color: {WRAPBG}; }
/* 屏蔽提示 */
#hiddenthread { border-top: 1px solid #C2D5E3; border-bottom: 1px solid #C2D5E3; line-height:40px;padding-left:20px;background: #FFFAF3; font-size: 12px; text-align: center; }
#hiddenthread.last { border-top: none; }
#hiddenthread a { display: block; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
#hiddenthread a:hover { text-decoration: none; }
/** end **/


/** forum::viewthread,group::viewthread,forum::trade,forum::misc **/
#a_magic_doodle { padding-left: 20px; background: url({STATICURL}image/magic/doodle.small.gif) 0 50% no-repeat; }

.pl {}
	.pl table { table-layout: fixed; width: 100%; }
		.pl .dt { width: 100%; }
	.plm { vertical-align: bottom !important; }
	.plc, .pls { vertical-align: top; }
		.plc { padding: 0 20px; }
		.pls { width: 160px; background: {SPECIALBG}; overflow: hidden; border-right: 1px solid {CONTENTSEPARATE}; }
		.pls .avatar { margin: 10px 15px; }
			.pls .avatar img { padding: 5px; background: #FFF; width: 120px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }

			.pls .favatar { background: transparent; height: auto; border-width: 0px; overflow: visible; }

		.pls p, .pls .pil, .pls .o { margin: 5px 10px 5px 20px; }
			.pls p em, .pls dt em { color: {NOTICETEXT}; }
			.pls dd, .pls dt { float: left; overflow: hidden; height: 1.6em; line-height: 1.6em; }
				.pls dt { margin-right: 3px; width: 55px; }
				.pls dd { width: 70px; }
					.pls dd img { margin-top: -2px; max-width: 65px; }
	.ad .pls { background: {CONTENTSEPARATE}; padding: 0; height: 4px; }
	.ad .plc { background: {SPECIALBG}; padding: 0; overflow: hidden; }
	.pl .pnv .pls { background: {SPECIALBG}; border: solid {SPECIALBORDER}; border-width: 0 1px 1px 0; line-height: 16px; }
		.pl .pnv .tns p { font-size: 12px; }
	.pl .pnv .plc { border-bottom: 1px solid {SPECIALBORDER}; }

	.pnh { padding: 11px 20px; }
	.tnv { text-align: center; vertical-align: middle; } /* Threads navigation by lushnis */

	#threadstamp { position: relative; width: 100%; height: 0; overflow: visible; }
		#threadstamp img { position: absolute; top: -20px; right: 170px; }

	#pl_top .ad .pls, #pl_top .ad .plc { height: 1px;overflow: hidden; }
		#pl_top .pls { text-indent: 15px; }

/* 帖子作者、时间、楼层等一些属性所在区块 */
	.pi { overflow: hidden; margin-bottom: 10px; padding: 10px 0; height: 16px; border-bottom: 1px dashed {COMMONBORDER}; }
		.pi strong a { float: right; margin-top: -6px; padding: 4px 6px; border: 1px solid {WRAPBG}; font-weight: 400; }
			.pi strong a:hover { border-color: {COMMONBORDER}; }
		.pls .pi { padding-left: 15px; }
		.pi em {}
		.pi .replystick { display: inline-block; background: #F05537; color: #FFF; padding: 0 3px; }
		.warnicon { width: 21px; height: 18px; position: relative; }
			.warnicon:before,.warnicon:after { content: ""; display: block; position: absolute; border: 1px solid #111; border-radius: 3px; width: 10px; height: 14px; }
			.warnicon:before { background: #FAF004; transform: rotate(-30deg); bottom: 1px; left: 3px; }
			.warnicon:after { background: #F72100; right: 0; bottom: 0; }
		.pti {}
			.authicn { cursor: pointer; color: #FF7E00; }
			
/* 贴子掌上论坛弹窗 */
	.code_bg {background: url({IMGDIR}/code_bg.png) no-repeat 0 0; display:inline-block; padding:4px; margin:10px 20px; }

/* 帖子正文区块 */
	.pcb { clear: left; margin-right: 130px; }
		.pcb h1, .pcb h2 { margin: 8px 0; font-size: 1.17em; }
			.pcb h1 a { font-weight: 400; }
			.pcb h2 em { float: right; font-size: 12px; font-weight: 400; }
			#ph { padding: 17px 0 0; }
				#ph h1 { font-size: 20px; }
			#fj { margin-left: 5px; }
				#fj label, #fj input { margin-right: 4px; padding: 0; height: 16px; line-height: 16px; }
		.pcb .jammer { font-size: 10px; color: {WRAPBG}; }

		.pcb strong { font-weight: 700; }
		.pcb em { color: {MIDTEXT}; }
		.pcb span.t_tag { cursor: pointer; border-bottom: 1px solid red; white-space: nowrap; }
			.pcb span.t_tag:hover { border-bottom: 1px solid {NOTICETEXT}; }
		.pct { padding-bottom: 1em; }
		.t_fsz { min-height: 100px; }
		.t_f, .t_f td { font-size: {MSGFONTSIZE}; }
			.t_f a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.t_f ul { margin-left: 14px; }
			.t_f li { margin-left: 2em; }
			.t_f ul li { list-style-type: disc; }
				ul.litype_1 li { list-style-type: decimal; }
				ul.litype_2 li { list-style-type: lower-alpha; }
				ul.litype_3 li { list-style-type: upper-alpha; }
		.t_f i { font-style: italic; }
		.sign { overflow: hidden; margin-bottom: 10px; padding-top: 16px; border-top: 1px dashed #CCC; line-height: 1.6em; }
			.sign::before { content: "SIGNATURE"; float: left; margin-top: -20px; margin-left: -8px; color: #7FCCE5; transform: scale(0.8); letter-spacing: 2px; }
			.sign * { line-height: normal; }
		.po { border-top: 1px dashed {COMMONBORDER}; }
			.po .y { margin: 8px 0 0 5px; }
			.po p { float: right; }
				.po p a, .po p label { margin-right: 6px; }
		.hin { opacity: 0.2;}
			.plhin:hover .hin { opacity: 1; }
		.pob { line-height: 36px; }
			.pob em { float: left;}
				.pob em a { display: block; float: left; height: 36px; margin-right: 14px; }
				.pob em a:before { font-family: dzicon; display: inline-block; height: 36px; width: 16px; transform: scale(1.3); margin-left: 2px; margin-right: 4px; color: #FF9C00; }
			.cmmnt:before { content: "\f120"; }
			.fastre:before { content: "\f10d"; }
			.followp { background: url({IMGDIR}/rt.png) no-repeat 0 50%; }
			.sharep { background: url({IMGDIR}/oshr.png) no-repeat 0 50%; }
			.req { background: url({IMGDIR}/repquote.gif) no-repeat 0 50%; }
			.editp:before { content: "\f10e"; }
			.appendp:before { content: "\f120"; }
			.removep:before { content: "\f10c"; }
			.psave { background: url({IMGDIR}/pubsave.gif) no-repeat 4px 50%; padding: 3px 10px 3px 25px; border:1px dotted {COMMONBORDER}; margin-left:5px; }
			.push:before { content: "\f10f"; }
			.replyadd:before { content: "\f124"; }
			.replysubtract:before { content: "\f125"; }
		.modact { display: block; height: 32px; text-align: center; padding:30px 0 0; }
			.modact, .modact a { line-height: 32px !important; }
		/* 按钮 by alice */
		#p_btn { line-height: 24px; padding:3em 0; text-align:center; }
			#p_btn a { display: inline-block; margin-right: 6px; padding-right: 4px; padding-left: 4px; background: #E6EDF2; vertical-align: top; white-space: nowrap; border-radius: 4px; }
				#p_btn a:hover { text-decoration: none; }
				#p_btn i { display: block; padding: 4px; font-style: normal; cursor: pointer; }
					#p_btn img { float: left; margin: 4px 4px 0 0; }
					#p_btn em { float: left; margin-top: 1px; font-size: 14px; }
					#p_btn span { padding-left: 2px; color: {LIGHTTEXT}; }
			.tshare { padding-bottom: 10px; }
				.tshare strong { float: left; margin-right: 10px; }
				#p_btn .tshare a, #p_btn .tshare i { padding: 0; background: none; }
					#p_btn .tshare a { margin-right: 10px; color: {HIGHLIGHTLINK}; }
					#p_btn .tshare a:hover { text-decoration: underline; }
		.rate { margin: 20px 0; font-size: 12px; }
			.rate dt { float: left; padding-top: 7px; width: 80px; text-align: center; }
				.rate dt strong { padding: 12px 8px; height: 46px; font-size: 24px; background: #FFF4DD; }
				.rate dt p { padding-top: 10px; }
					.rate dt strong a, .rate dt strong a em { line-height: 48px; height: 48px; color: {NOTICETEXT}; }
			.rate dd { margin-left: 80px; }
				.rate dd ul li { float: left; overflow: hidden; margin:0 4px; width: 67px; height: 84px; text-align: center; }
				.rate .ratt { border-bottom: 1px dotted {WRAPBORDERCOLOR}; padding: 6px 0; }
				.ratl th, .ratl td, .ratc { overflow: hidden; padding: 5px 2px; height: 24px; line-height: 24px; border-bottom: 1px dashed {WRAPBORDERCOLOR}; white-space: nowrap; }
				.ratl img { height: 24px; width: 24px; vertical-align: middle; }
			.rate_collapse .ratl_l,.rate_collapse .ratc { display: none; }
				.rate_collapse .txt_h { visibility: hidden; }
				.rate .op { padding-right: 16px; background: url({IMGDIR}/arrow_top.gif) no-repeat 100% 50%; }
					.rate_collapse .op { background-image: url({IMGDIR}/arrow_down.gif); }
			.rate i { font-style: normal; }
			.ratl .xw1 .xi1 { background:#FFF4DD; border-radius:3px; padding:2px 3px; }
			
			.icon_ring { background:#FFF4DD; float: left; width:8px; height:8px; margin-right:5px; margin-top: 3px; border:2px solid #F26C4F; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); overflow: hidden; }
			.icon_ring:hover { background:#F26C4F; border:2px solid #FFF; }

/* 回帖推荐 post sticklist by dfox */
	.psth { margin: 2em 0 2em -20px; padding: 5px 45px 5px 20px; width: 240px; background: #FFF4DD; color: {NOTICETEXT}; font-size: 14px; border-radius: 0 14px 14px 0; }
	.tpst .psth { margin-left: -15px; }
	.pstl { clear: left; padding: 0.5em 0;}
		.psta { float: left; width: 120px; line-height:24px; overflow:hidden; }
			.psta img { width: 24px; height: 24px; vertical-align:midden; }
		.psti { margin-left: 120px; line-height:24px; }

/* 点评 by monkeye */
	.f_c .cm { overflow: hidden; }
	.cm .psth { background-color: #FFF4DD; color: {NOTICETEXT}; background-position: 100% 50%; font-size: 12px; }
		.cm .pg { float: none; }
			.cm .pg a, .cm .pg strong { margin: 0 4px 0 0; }
		.cm i { color: #F30; font-style: normal; }
		.cmstar { display: block; margin-top: 5px; width: 100px; height: 16px; cursor: pointer; }
			.cmstarv { padding-right: 2px; }
			.cmm .cmstar { margin-top: 0; }
			.cmstar em { float: left; width: 16px; height: 16px; line-height: 16px; font-size: 16px; text-align: center; overflow: hidden; color: #BBB; }
			.cmstar em:before { font-family: dzicon; content: "\f12d"; }
			.cmstar .itms_0 { width: 10px; text-indent: -9999px; }
			.cmstv_1 .itms_1, .cmstv_2 .itms_1, .cmstv_2 .itms_2, .cmstv_3 .itms_1, .cmstv_3 .itms_2, .cmstv_3 .itms_3, .cmstv_4 .itms_1, .cmstv_4 .itms_2, .cmstv_4 .itms_3, .cmstv_4 .itms_4, .cmstv_5 em { color: #F90; }

/* 屏蔽提示 */
	#hiddenpoststip { line-height:40px;padding-left:20px;background: #FFFAF3; font-size: 12px; text-align: center; }
	#hiddenpoststip a { display: block; text-indent: 25px; height: 29px; line-height: 29px; color: #EFAA00; }
	#hiddenpoststip a:hover { text-decoration: none; }

/*
	Name:			mod_viewthread_author
	Level:			Function
	Explain:		第二页以后显示主题作者
	Author:			lushnis
	Last Modify:	Pony 11042913
*/
	#tath { padding: 0 10px 0 15px; width: 130px; line-height: 24px; white-space: nowrap; word-break: keep-all; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; }
		#tath img { width: 24px; height: 24px; vertical-align: middle; }

#f_pst .plc { padding: 20px; }
	#f_pst .fpp label { zoom: 1; }
	#f_pst .avatar { margin-top: 15px; }

i.pstatus { display: block; margin-bottom: -30px; font-size: 12px; text-align: center; font-style: normal; line-height: 32px; color: {LIGHTTEXT}; }

/* 用户详细信息 */
	.bui { position: absolute; margin: -1px 0 0 -1px; padding: 15px 0 15px 20px; width: 430px !important; border: 1px solid {COMMONBORDER}; background: {WRAPBG}; box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -webkit-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; -moz-box-shadow: 2px 2px 3px {WRAPBORDERCOLOR}; }
		.bui dl { margin: 5px 0 10px; }
			.bui dt { width: 4.5em; }
			.bui dd { margin-right: 10px; width: 75px; }
		.bui .m img { margin-bottom: 12px; width: 120px; }
		.bui .i { width: 290px; }
			.imicn img { vertical-align: middle; margin-right: 8px; }
				.imicn .xi2:hover { text-decoration: none; }
				.imicn .xi2 img { margin-right: 0; }
				.card_gender_0 { background: #efefef }
				.card_gender_1 { background: #bbebf9 }
				.card_gender_2 { background: #fce0df }

	/*
		Name:			mod_user_interaction
		Level:			Function
		Explain:		帖子左侧用户互动操作
		Last Modify:	Pony
	*/
	.pls .o li { background-position: 0 50%; background-repeat: no-repeat; }
	.pls .o li:before { float: left; font-family: dzicon; line-height: 14px; font-size: 16px; color: #7DA0CC; margin-top: 1px; margin-right: 2px; }
		.pls .o .callon:before { content: "\f103"; }
		.pls .o .buddy:before { content: "\f13e"; }
		.pls .o .poke2:before { content: "\f146"; }
		.pls .o .pm2:before { content: "\f119"; }
		.pls .o .addflw:before { content: "\f11e"; }
	/* 帖子左侧用户组升级提示细微调整 Last Modify Pony */
	.pls .tip_4 { margin-left: -5px; }

	/*
		Name:			mod_thread_attr
		Level:			Function
		Explain:		帖子中类似“游客，如果您要查看本帖隐藏内容请”等地方的样式
		Last Modify:	Pony 11060209
	*/
	.locked { overflow: hidden; margin: 10px 0; padding: 8px 8px 8px 24px; border: 1px dashed #FF9A9A; background: {WRAPBG} url({IMGDIR}/locked.gif) no-repeat 6px 50%; font-size: 12px; zoom: 1; }
		.locked:hover { background-color: #F7F7F7; }
		.locked strong { color: {NOTICETEXT}; }
		.locked a, .attach_nopermission a { color: {HIGHLIGHTLINK}; }
	.attach_nopermission { margin: 10px 0; width: 600px; border: 1px dashed #AAAA92; background: #FFFFEE url({IMGDIR}/attach_nopermission_bg.svg) no-repeat 100% 0; font-size: 12px; }
		.attach_nopermission div { padding: 20px 0 20px 70px; border: 3px solid #FFF; background: url({IMGDIR}/attach_nopermission.svg) no-repeat 15px 15px; }
		.attach_nopermission:hover div { border-color: #DADAB1; }
		.attach_tips { margin-bottom:15px; position: relative; }
		.attach_tips h3 strong { color: #8CA226; font-size:15px; display:block; margin-bottom: 10px; margin-top: -10px; }
			.attach_tips .atips_close { position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; line-height: 12px; text-align: center; cursor: pointer; color: #ccc; font-weight: bold; }
				.attach_tips:hover .atips_close { color: #999; }
				.attach_tips .atips_close:hover { color: #333; }
	.viewpay { overflow: hidden; margin: 0 6px; padding: 1px 0 1px 24px; background: url({IMGDIR}/viewpay.gif) no-repeat 6px 60%; color: {HIGHLIGHTLINK}; font-weight: 700; zoom: 1; }
	.showhide { overflow: hidden; border: 1px dashed #FF9A9A; margin: 8px 0; padding: 10px; zoom: 1; }
		.showhide h4 { margin-bottom: 10px; color: #F66; font-size: 12px; text-align: center; }

	/*
		Name:			mod_thread_code_quote
		Level:			Function
		Explain:		帖子代码/引用等样式
		Author:			lushnis
		Last Modify:	Pony 1205241556
	*/
	.pl .quote, .pl .blockcode { margin: 10px 0; padding: 10px 10px 10px 65px; zoom: 1; }
	.pl .quote { padding-bottom: 5px; background: #F9F9F9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='27'%3e%3cpath fill='%23d8e7f2' d='M11 16v10H1V16C1 10 7 1 11 1v5c-2 0-5 6-5 10h5zm16 0v10H17V16c0-6 6-15 10-15v5c-2 0-5 6-5 10h5z'/%3e%3c/svg%3e") no-repeat 20px 6px; }
		.pl .quote blockquote { display: inline-block; margin: 0; padding: 0 65px 5px 0; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='27'%3e%3cpath fill='%23d8e7f2' d='M17 11V1h10v10c0 6-6 15-10 15v-5c2 0 5-6 5-10h-5zM1 11V1h10v10c0 6-6 15-10 15v-5c2 0 5-6 5-10H1z'/%3e%3c/svg%3e") no-repeat 100% 100%; line-height: 1.6; zoom: 1; }

	.pl .blockcode { padding: 10px 0 5px 10px; border: 1px solid {WRAPBORDERCOLOR}; background: #F7F7F7 repeat-y 0 0; background-image: linear-gradient(90deg, #EDEDED, #EDEDED); background-size: 43px; overflow: hidden; }
		.pl .blockcode ol { margin: 0 0 0 10px !important; padding: 0 !important; }
			.pl .blockcode ol li { padding-left: 10px; list-style-type: decimal-leading-zero; font-family: Monaco,Consolas,'Lucida Console','Courier New',serif; font-size: 12px; line-height: 1.8em; }
				.pl .blockcode ol li:hover { background: {WRAPBG}; color: {HIGHLIGHTLINK}; }
		.pl .blockcode em { margin-left: 43px; color: {HIGHLIGHTLINK} !important; font-size: 12px; cursor: pointer; user-select: none; }
		.pl .tindex { padding: 5px; width: 500px; line-height: 22px; border: 1px solid {WRAPBORDERCOLOR}; }
			.pl .tindex h3 { border-bottom: 1px #ccc dotted; margin-bottom: 10px; padding-left: 10px; }
			.pl .tindex li { cursor: pointer; height: 22px; padding-left: 22px; background: url({IMGDIR}/ico_mulu.png) no-repeat 10px center; overflow: hidden; }


/*投票 poll optionvessel by dfox */
	.pcht { margin-bottom: 15px; }
	.polltd { padding: 4px; border: 1px #dfdfdf solid; border-radius: 3px; }
		.polltd .nophoto { border: 1px solid #EEE; height: 130px; line-height: 130px; }
		.polltd a:hover { text-decoration: none; }
		.pcht h4 a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.pcht table { table-layout: fixed; }
		.pcht table td { padding: 4px; vertical-align: top; }
			.pslt { width: 20px; vertical-align: middle !important; }
			.pvt { width: auto; }
				.pvt label { cursor: pointer; }
			.pvts { width: 100px; }
				.pcht table tr.ptl td { padding: 8px 2px; border-bottom: 1px solid {WRAPBORDERCOLOR}; }
		.pcht { width: 600px; }
		.pinf { margin: 15px 0; color: {LIGHTTEXT}; }
			.pinf strong { color: {MIDTEXT}; }
			.pinf a { color: {HIGHLIGHTLINK}; }
		.ptmr { margin: -10px 0 15px; }
		.imgf2 { position: relative; height: 20px; background: #e9e9e9; border-radius: 10px; overflow: hidden; }
		.jdt { display: block; width: 1px; height: 20px; background: #f2a61f; }
		.imgfc { position: absolute; left: 0; top: 0; padding: 0 5%; width: 90%; line-height: 20px; }
	/*
		Name:			mod_voter_list
		Level:			Function
		Explain:		投票者列表样式
		Last Modify:	Pony
	*/
	.voterlist { width: 495px; height: 195px; overflow: auto; }
		.voterlist .ps { max-width: 495px; }
	.voterl li { padding: 0 5px 5px 0; width: 90px; text-align: left; }

	/*
		Name:			mod_thread_trade_activity
		Level:			Function
		Explain:		spvimg,spi 为活动、商品公用部分
		Author:			dfox
		Last Modify:	Pony 11082511
	*/
	.act {}
		.act .c { line-height: 28px; font-size: 14px; }
		.spvimg { float: left; position: relative; width: 300px; background: #FAFAFA; text-align: center; border: 1px solid {COMMONBORDER}; }
		.spvimg em.hot { width: 120px; height: 102px; background-position: 0 -104px; }
		.spvimg a:hover { text-decoration: none; }
		.spvimg .nophoto { height: 300px; line-height: 300px; }
		.spi { margin-left: 315px;}
			.spi dl { font-size: 14px; }
				.spi dl dt { float: left; padding: 2px 0; width:140px; height: 1em; }
				.spi dl dd { margin-left: 90px; padding: 2px 0; min-height: 21px; height: auto !important; height: 21px; }
				.spi dl dd em { color: #F30; }
			dl.nums {}
				.spi dl.nums dt { padding-top: 15px; }
				.spi dl.nums dd em { font-size: 26px; }
		.actl { table-layout: fixed; width: 320px; border-top: 3px solid {COMMONBORDER}; }
			.actl th, .actl td { padding: 8px 2px; border-top: 1px dashed {COMMONBORDER}; }
			.actl th { width: 60px; }
		.actfm { height: auto !important; height: 220px; max-height: 220px; overflow-x: hidden; overflow-y: auto; }
		.actl_pop { overflow: auto; max-width: 200px; max-height: 300px; }
			.actl_pop li { display: block; padding: 3px 0; border-bottom: 1px dashed {COMMONBORDER}; }
			/* 重定义弹窗里的链接 */
			.actl_pop a { display: inline; position: static; padding: 0; border: none; white-space: normal; }
				.actl_pop a:hover { background: transparent; text-decoration: underline; }

/* 悬赏 by dfox */
	.rwd {}
		.rsld, .rusld { width: 90px; height: 114px; padding-top: 4px; background: #FFF3D9; text-align: center; color: #F30; position: relative; border-radius: 8px; }
		.rsld { background: #EEE; color: {LIGHTTEXT}; }
			.rsld cite, .rusld cite { display: block; margin: 4px auto 6px; height: 30px; font-size: 28px; }
			.rsld em, .rusld em { position: absolute; bottom: 7px; left: 6px; height: 23px; line-height: 23px; text-align: center; width: 78px; color: {LIGHTLINK}; background: #E85500; border-radius: 5px; }
			.rsld em { background: #009DD0; }
		.rwdn { margin-left: 110px; }
	.rwdbst {}

/* 辩论观点样式 by michael */
	.pdbt { float: right; margin: -5px 10px 0 0; }

	.pdbts { float: left; overflow: hidden; height: 25px; line-height: 25px; background: #FF6F00; border-radius: 5px; }
		.pdbts a { float: left; margin: 0; height: 25px; line-height: 25px; }
			.pdbts a:hover { text-decoration: none; }
		.pdbts .v { padding: 0 9px; color: {LIGHTLINK}; text-align: center; font-weight: 700; }
		.pdbts .b { padding: 0 10px; margin: 1px; height: 23px; line-height: 23px; background: #FFF; border-radius: 4px; }
	.pdbts_0 { background: #EEE; }
		.pdbts_0 a { padding: 0 36px; text-align: center; }
	.pdbts_2 { background: #00A4D7; }

/* 商品 trade by michael & dfox*/
	.trdc { margin-top: 20px; background: #09C; height: 30px; line-height: 30px; color: {LIGHTLINK}; }
		.trdc a { margin: 0 6px; height: 30px; line-height: 30px; color: {LIGHTLINK}; }
		.trdc em { float: right; padding-right: 6px; line-height: 30px; color: {LIGHTLINK}; }
	.trdb { border-bottom: 1px dashed {WRAPBORDERCOLOR}; }
		.trdb .y * { vertical-align: middle; }
		.trdb .c { clear: both; padding: 10px; font-size:14px; }
			.trdb .c .pattl { border: none !important; }
		.spi h4 { font-size: 18px; font-weight: 700; padding: 4px 2px 8px; }

		.trdl { padding: 10px 0; }
			.trdl .tt { float: left; position: relative; width: 90px; text-align: center; }
				.trdl .tt img { vertical-align: middle; cursor: pointer; }
				.trdl .tt .nophoto { height: 90px; line-height: 90px; border: 1px solid #DDD; }
				.trdl .tt .hot { width: 43px; height: 37px; }
			.ta { margin-left: 100px; overflow: hidden; }
				.ta h4 { padding: 2px; font-size: 14px; font-weight: 700; }
				.ta dl { margin: 0; width: 200px; }
				.ta strong { font-size:16px; color: #F30; }

		.torder .spvimg { width: 90px; }
		.torder .spvimg .nophoto { height: 90px; line-height: 90px; }
		.torder .spi { margin-left: 110px; }
			.torder .spi strong { color: #F30; }

/* 门户 viewthread 显示 */
.vw .pcb { margin-right: 0; }
	.vw dd .pcb { width: 640px; }
	.vw dd .rate { padding-left: 0; }
	.vw .pcb table { table-layout: fixed; width: 100%; overflow: hidden; }
		.vw .t_fsz { min-height: 30px; }
	.vw .pstl { margin-bottom: 1.4em; }
		.vw .psth { margin-left: 0; }
	.vw .pdbts { margin-right: 10px; height: 20px; line-height: 20px; background: url({IMGDIR}/pdbtm.gif) no-repeat 0 0; }
		.vw .pdbts a { height: 20px; line-height: 20px; }
		.vw .pdbts .b, .vw .pdbts .b:hover { padding: 0 5px; background: url({IMGDIR}/pdbtm.gif) no-repeat 100% -20px; }
		.vw .pdbts .v { width: 30px; }
	.vw .pdbts_0 { background-position: 0 -80px; }
		.vw .pdbts_0 a { width: 90px; text-align: center; }
	.vw .pdbts_2 { background-position: 0 -40px; }
			.vw .pdbts_2 .b, .vw .pdbts_2 .b:hover { background-position: 100% -60px; }

	.vw .dr .sr_2 h5, .vw .dr h5 { width: 172px; }

#modopt, #modopttmp { margin-left:5px; }
/** end **/

/** forum::forumdisplay,group::forumdisplay **/
.previewPost .tindex { padding: 5px; width: 500px; line-height: 22px; border: 1px solid {WRAPBORDERCOLOR}; }
	.previewPost .tindex h3 { border-bottom: 1px #ccc dotted; margin-bottom: 10px; padding-left: 10px; }
	.previewPost .tindex li { cursor: pointer; height: 22px; padding-left: 22px; background: url({IMGDIR}/ico_mulu.png) no-repeat 10px center; overflow: hidden; }
/** end **/

/** forum::viewthread,group::viewthread,forum::forumdisplay,group::forumdisplay **/
/*
	Name:			mod_visited_t&b
	Level:			Function
	Explain:		返回列表中显示的访问过的帖子和版块
	Last Modify:	Pony
*/
#visitedforums_menu { width: 150px; }
	#visitedforums_menu li { display: block; float: none; }
	#visitedforums_menu td { padding: 5px 10px; vertical-align: top; }
	#visitedforums_menu a { white-space: normal !important; display: inline-block; overflow: hidden; height: 1.5em; }
	#v_forums { width: 120px; }
#v_threads li, #v_forums li { padding-left: 10px; background: url({IMGDIR}/dot.gif) no-repeat 0 7px; }

/* 快速表情 */
#fastsmilies { text-align: right; }
	#fastsmilies table { table-layout: auto; width: 160px; height: 133px; }
	#fastsmilies td { text-align: right; vertical-align: middle; cursor: pointer; }
		#fastsmilies img { vertical-align: middle; }
/** end **/


/** home::space,forum::viewthread,forum::trade **/
/*
	Name:			mod_trade_list
	Level:			Function
	Explain:		帖子以及交易单中的商品列表
	Last Modify:	Pony 11060710
*/
.tradl {}
	.tradl li { padding: 10px; width: 138px; height: 235px; }
		.pg_trade .tradl li { float: none; padding: 10px 0; width: auto; height: 224px; }
	.tradl .u { text-align: left; }
	.tradl h4 { overflow: hidden; height: 38px; font-weight: 400; }
	.tradl .tn { display: block; position: relative; margin: 5px auto; padding: 1px; width: 130px; height: 130px; border: 1px solid {COMMONBORDER}; }
		.tradl .tn em.hot { width: 53px; height: 46px; background-position: 0 -48px; }
		.tradl a:hover { text-decoration: none; }
		.tradl img { max-width: 130px; max-height: 130px; }
		.tradl .nophoto { height: 130px; line-height: 130px; }
		.tradl.trads img { max-width: 90px; max-height: 90px; }
		.tradl.trads .nophoto { width: 90px; height: 90px; line-height: 90px; }
	.tradl .p { font-family: Arial, sans-serif; font-size: 16px; color: {LIGHTTEXT}; }
	.tradl .stat { background: url({IMGDIR}/closed.png); color: {LIGHTLINK}; }
/** end **/


/** forum::viewthread,group::viewthread,home::space **/
/* 辩论 debatesquare by michael & dfox */
	.dtm { padding: 10px 0; text-align: center; font-weight: 700; }
	.ds { margin-top: 1em; line-height: normal; }
		.ds th { width: 60px; vertical-align: bottom; }
		.ds th div { height: 150px; line-height: 150px; text-align: center; font-size: 28px; font-weight: 700; }
		.ds td { vertical-align: bottom; }
			.ds td p{ font-size: 14px; padding: 5px 0 15px; line-height: 20px; text-align: left; }
		.ds .si_1, .ds .si_2 { text-align: center; vertical-align: middle; }
		.ds .sc_1, .ds .sc_2 { width: 62px; }
			.ds .point_chart{ position: relative; width: 60px; height: 150px; background: rgba(128, 128, 128, 0.1); border: 1px solid rgba(64, 64, 64, 0.1); border-radius: 12px 12px 0 0; overflow: hidden; }
			.ds .point { margin: 0 auto; padding: 0 20px 0 10px; text-align: center; font-size: 14px; }
				.ds .si_2 .point { padding: 0 20px; }
					.ds .si_1 .point strong{ color: #F04700; }
					.ds .si_2 .point strong{ color: #0092C5; }
			.ds .chart{ position: absolute; left: 0; bottom: 0; width: 60px; }
				.ds .sc_1 .chart{ background: #F04700; }
				.ds .sc_2 .chart{ background: #0092C5; }
		/* 空间中的辩论列表 by Pony */
		#nv_home .ds table { table-layout: fixed; width: 100%; }
		#nv_home .ds th div, #nv_home .ds .point_chart { height: 120px; line-height: 120px; }
		#nv_home .ds .ph { font-size: 16px; text-align: center; }
	.dr { margin: 2px 0; padding-top: 6px; min-height: 80px; height: auto !important; height: 80px; }
		.dr th { width:50px; }
		.dr td { vertical-align: top; }
		.dr h5 { padding-left:10px; width: 193px; text-align: center; font-size: 14px; font-weight: 400; }
			.dr h5 a { color: #F04700; font-weight: 700; }
			.dr .sr_1 .pn { float: right; margin-right: 5px; min-width: 62px; }
			.dr .sr_2 .pn { margin-left: 5px; min-width: 62px; }
			.dr .sr_2 h5 { float: right; padding: 0 20px 0 0; width: 183px; }
				.dr .sr_2 h5 a { color: #0092C5; }
			.dr .mls { padding-top: 15px; clear: both; }
			.dr .mls li { width: 70px; }

/* 标签 .ptg */
	.ptg:before { content: "\f14a"; font-family: dzicon; font-size: 16px; line-height: 14px; color: #7DA0CC; }
		.ptg a { color: {HIGHLIGHTLINK}; }
/** end **/


/** forum::viewthread,group::viewthread,forum::trade,portal::view **/
/* 帖子附件 by dfox */
	.pattl { overflow: hidden; padding: 1em 0; width: 100%; font-size: 12px; }
	.tatt, .t_attach_img { padding: 5px; color: {LIGHTTEXT}; font-size: 12px; }
		.tatt { width: 240px; }
		.tatt em { color: {LIGHTTEXT}; }
		.t_attachinsert{ margin:1em 0; font-size: 12px; }
		.t_attachinsert p img{ margin-bottom: -4px; }
	.t_table{ border: 1px solid #E3EDF5; empty-cells: show; border-collapse: collapse; }
		.pl table.t_table { table-layout: auto; }
		.t_table td { padding: 4px; border: 1px solid #E3EDF5; overflow: hidden; overflow-wrap: anywhere; }
	.tattl { float: left; overflow: hidden; padding: 10px 10px 10px 0; width: 45%; height: 64px; }
		.tattl a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.tattl dt { float: left; width: 40px; font-weight: 700; }
		.tattl strong { margin-right: 6px; color: {NOTICETEXT}; font-weight: 400; }
		.tattl dt img { width: 32px; height: 32px; }
		.tattl dd { margin-left: 40px; color: {LIGHTTEXT}; }
	.attnm { height: 18px; margin-bottom: 3px; overflow: hidden; white-space: nowrap; }
		*html .attnm { white-space: normal; }
	.attm { overflow: visible; float: none; width: 100%; height: auto; }
		.attm dt { width: 0; }
		.attm dd { margin-left: 0; }
		.zoom { cursor: pointer; }

	.attp { width: 180px; text-align: left; }
		.tattl .attp { width: 240px; }

	/* 版主浏览包含收费附件的帖子，且附件插入到帖子内容中去的时候 by Pony */
	.attprice { padding: 5px; border: 1px dashed #FF9A9A; }
/** end **/

/** forum::viewthread,group::viewthread,forum::trade,portal::view,forum::forumdisplay,home::space **/
	/*
		Name:			mod_zoominner
		Level:			Function
		Explain:		显示原始图片弹出层
		Last Modify:	Pony
	*/
	.zoominner { padding: 5px 10px 10px; background: {WRAPBG}; text-align: left; }
		.zoominner p { padding: 8px 0; }
			.zoominner p a { float: left; margin-left: 10px; width: 17px; height: 17px; line-height: 17px; text-align: center; overflow: hidden; color: #999; }
				.zoominner p a:hover { color: #4497CC; text-decoration: none; }
				.zoominner p a:before { font-family: dzicon; content: "\f139"; font-size: 18px; }
				.zoominner p a.imgadjust:before { content: "\f13a"; }
				.zoominner p a.imgroate:before { content: "\f10b"; }
				.zoominner p a.imgclose:before { content: "\f116"; }

.zimg_c { position: relative; }
.zimg_prev, .zimg_next { display: block; position: absolute; width: 80px; height: 100%; background: url({IMGDIR}/pic-prev.png) no-repeat 0 -100px; cursor: pointer; }
.zimg_next { right: 10px; background-image: url({IMGDIR}/pic-next.png); background-position: 100% -100px; }
.zimg_c img { margin: 0 auto; }
.zimg_p strong { display: none; background: #FFF; margin-top: 50px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; }
.zimg_prev:hover strong, .zimg_next:hover strong { display: block; }
/** end **/


/** forum::misc **/
/* 非弹窗时显示出来的页面的样式重定义 */
	.mn .flb { padding-left: 0; }
	.f_c .list { margin-left: 0; }
/** end **/


/** portal::portalcp,portal::view,forum::viewthread,group::viewthread,home::space **/
/* 自动给关键词增加的链接的样式 by Pony */
	.relatedlink, .relatedlink:hover { text-decoration: none !important; color: {TABLETEXT} !important; border-bottom: 1px solid blue; }

/* 模块标识后面的收藏图片样式 by Pony */
	.favmark { margin-bottom: -3px; }
/** end **/


/* ----------------------------------------------------------------------- 圈子相关样式 by dfox */
/** group::index **/
	#g_focus { width: 320px; }
	#g_commend {}
		#g_commend .xld { float: left; margin-right: 0.3%; width: 24.5%; height: 64px; overflow: hidden; }
		#g_commend dt { padding-bottom: 0; }
		#g_guide .group_createico{width: 35px;height: 35px; background: url({IMGDIR}/g_guide.svg) no-repeat 5px 5px; }
		#g_guide .group_create01{background-position: 5px 5px;}
		#g_guide .group_create02{background-position: 5px -43px;}
		#g_guide .group_create03{background-position: 5px -94px;}
		#g_guide .group_create04{background-position: 5px -144px;}
		#g_guide li { display: flex;justify-content: flex-start;align-items: center; border-bottom: 1px dashed {COMMONBORDER};}
		#g_guide a, #g_guide label { display: block; padding: 7px 0 7px 0px;flex: 1;}
			#g_guide label { cursor: text; }
		#g_guide strong { display: block; }
	.fl .bm_h { border-bottom: none; background-color: transparent; }

/* 圈子列表 by Pony */
	.fl_icn, .fl_icn_g { width: 48px; }
	.fl_g dl { margin-left: 48px; padding: 0 5px; }
/** end **/

/** group::group **/
#gh { border: 1px solid {COMMONBORDER}; }
	#gh .bm { margin-bottom: 0; }
	#gh .bm_h { background-color: {SPECIALBG}; }
/** end **/

/** group,search::group **/
.gl .flc .icn { float: left; width: 60px; }
.gl .flc dl { margin-left: 60px; }
	.gl .flc dl dt { height: 20px; overflow: hidden; }

	.mls li p { margin: 5px 4px 0; width: 58px; }

.gl .flc .i { margin-top: -14px; width: 127px; }
	.gl .flc .i em, .gl .flc .i span { float: right; width: 55px; color: {LIGHTTEXT}; text-align: right; line-height: 20px; }
	.gl .flc .i em { border-right: 1px solid {COMMONBORDER}; padding-right: 10px; }
		.gl .flc .i p { color: {LINK}; }
		.gl .flc .i span p { font-weight: 700; }

#nv_group .flg dd em { float: left; margin-right: 1em; color: {LIGHTTEXT}; white-space: nowrap; }

#nv_group {}
#create_group_btn { display: block; text-align: center; }
/** end **/

/** search::user **/
.buddy { margin: 0 -4px 10px -2px; }
.buddy li { overflow: hidden; display: inline; float: left; margin: 10px 5px 0; padding: 10px 10px 10px 70px; width: 175px; height: 58px; border: 1px solid #F3F3F3; background: #F9F9F9; }
.ct_vw_mn .buddy li { width: 190px; }
.buddy h4 { overflow: hidden; height: 20px; }
.buddy .avt { position: absolute; margin-left: -60px; }
.buddy .maxh { overflow: hidden; height: 20px; }
.buddy .note { color: green; }
.addbuddy:before { content: "+"; color: #13751C; font-weight: 700; line-height: 14px; font-size: 18px; margin-right: 4px; }
/** end **/

/** group::my **/
/* 设置关注的圈子弹窗 by Pony */
	.attgroup { width: 450px; }
		.attgroup li { float: left; overflow: hidden; margin-right: 5px; width: 145px; white-space: nowrap; }

/* 关注按钮和所有圈子的按钮 by Shuaishuai*/
	.groupbtn { float: left; margin: 0 2px; padding: 0 !important; height: 23px; border: 1px solid #C1CFDA !important; background: #EEF0F3 !important; border-radius: 3px; line-height: 23px; text-align: center; cursor: pointer; }
	.groupbtn:hover{ text-decoration: none; }
		.groupbtn span { display: block; padding: 0 7px; }
/** end **/



/* ----------------------------------------------------------------------- 文章、日志等页面样式 */
/** portal::list,home::space **/
.bm_h .addnew { margin-left: 10px; }
	.bm_h .addnew:before { display: inline-block; content: "+"; font-weight: 700; font-size: 18px; line-height: 14px; color: #309D36; margin-right: 2px; }
.bm_h .rss { margin-left: 10px; }
	.bm_h .rss:before { font-family: dzicon; content: "\f10a"; display: inline-block; height: 14px; line-height: 14px; font-size: 16px; color: #ff9132; margin-right: 2px; }
/** end **/


/** forum::viewthread,portal::view,portal::comment,home::space **/
/* Article/Blog View by lushnis */
	.vw {}
		.vw .h { padding-bottom: 15px; border-bottom: 1px solid {COMMONBORDER}; }
			.vw .ph { padding: 15px 0 10px; color: #444; }
		.vw .hot { margin-right: 5px; color: {NOTICETEXT}; }
		.vw .s { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid {COMMONBORDER}; line-height: 2; color: {HIGHLIGHTLINK}; }
			.vw .s strong { font-weight: 400; color: red; }
		.vw .d { margin: 15px 0; min-height: 100px; font-size: 14px; line-height: 1.8; color: #000; }
			.vw .d i { font-style: italic; }
			.vw .d img { max-width: 620px; }
			.vwtb { table-layout: fixed; width: 100%; height: 300px; }
			.vw .pattl_c .tip { line-height: 1.5; }
			#article_content { vertical-align: top; }
		.vw .d ol, .vw .d ul { margin: 1em 2em; }
			.vw .d ul li { list-style-type: disc; }
			.vw .d .ml, .vw .d .xl { margin: 0; }
				.vw .d .ml li { list-style-type: none; }
		.vw .attach { padding-left: 20px; background: url({IMGDIR}/fach.gif) no-repeat 0 50%; color: {HIGHLIGHTLINK}; }
		.vw .o { margin-top: 15px; padding-top: 5px; border-top: 1px solid {COMMONBORDER}; text-align: right; }
			.vw .o .mgcmn { width: auto; text-align: left; }
		#nv_portal .vw .h, #nv_portal .vw .s, #nv_portal .vw .d, #nv_portal .vw .o, #nv_portal .vw .pren, #nv_forum .vw .h, #nv_forum .vw .s, #nv_forum .vw .d { margin-right: 15px; margin-left: 15px; }
		.pic_h { border-radius:5px; }
		.pic_h .h { border-bottom:1px dashed #CDCDCD; margin-left:0 !important; margin-right:0 !important; padding-left: 15px;padding-right: 15px; }
		.pic_h .d { margin:0 !important; }
		/* albumback by Alice */
		.albumback #ft { border-top:0; color:#FFF; }
		.albumback #pt a,.albumback #ft a,.albumback a.thread_mod span,.albumback .vw .ph,.albumback .album_info p,.albumback .img_tit_t .xi1 { color:#FFF; }
		.albumback .ct2 .bm,.albumback #imagelist_nav { background:#000; }
		.albumback #ct { border-color:#CDCDCD; }
		.albumback a.thread_mod:hover span { color:#539BCB !important; }

/* .atd -> attitude 表态 by Pony */
	.atd { margin: 15px auto; }
		.atd img { margin-bottom: 10px; }
		.atd a { display: block; }
			.atd a:hover { text-decoration: none; }
		.atd td { padding: 10px; text-align: center; vertical-align: bottom; }
			.atd .atdc { position: relative; margin: 0 auto 10px; width: 20px; height: 50px; }
				.atdc div { position: absolute; left: 0; bottom: 0; width: 20px; text-align: left; }
				.atd .ac1 { background: #C30; }
				.atd .ac2 { background: #0C0; }
				.atd .ac3 { background: #F90; }
				.atd .ac4 { background: #06F; }
				.atdc em { position: absolute; margin: -25px 0 0 -5px; width: 30px; font-size: 11px; text-align: center; color: {LIGHTTEXT}; }
/** end **/


/** portal::portalcp,portal::view **/
.pgm { clear: both; padding: 5px 0; }
	.pgm .pg { float: left; }

/* 管理相关文章 */
.bart { position: relative; padding: 10px; width: 640px; }
	.bartl { overflow-y: scroll; padding: 10px; width: 270px; height: 270px; border: 1px solid {COMMONBORDER}; }
		.bartl li { overflow: hidden; width: 250px; height: 20px; }
			.bartl li em { float: left; width: 200px; }
	.barto { position: absolute; top: 190px; left: 315px; height: 30px; }
		.barto .pn * { padding: 0 8px; }
	.bart .chkall { padding-left: 10px; }
	#chkalldiv p { width: 292px; }

/* 管理模块 */
	.ptblk li { padding: 7px 0; border-bottom: 1px solid {COMMONBORDER}; }
	.ptblk em { margin-right: 30px; }

/* 文章标题颜色、加粗、斜体、下划线等样式 by Pony */
.colorwd { margin-right: 3px; }
.dopt input { float: left; }

/* 上一篇/下一篇文章 样式*/
#nv_portal .vw .pren em { display: block; width: 100%; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/** end **/



/* ----------------------------------------------------------------------- 空间相关样式 */
/** home::space,misc::ranklist,misc::tag **/
/* .mi --> my_infomation 空间首页个人信息部分 */
	.mi {}
		.mi th, .mi td { vertical-align: top; }
		.mi th { width: 145px; }
		.mi .avatar a { position: relative; }
			.mi .avatar a:hover { text-decoration: none; }
			.mi .avatar a span { display: none; position: absolute; bottom: 2px; padding: 5px 0; width: 100%; text-align: center; background: transparent; background: rgba(255, 255, 255, 0.5); cursor: pointer; }
				.mi .avatar a:hover span { display: block; }
				.mi .avatar img { padding: 3px; border: 1px solid {COMMONBORDER}; }
		.mifm { position: relative; margin: 10px 0 20px; padding: 5px; width: 370px; background: {COMMONBG}; zoom: 1; }
	.mipm { padding: 5px 0; border: 1px solid {COMMONBORDER}; }
		.mipm li { float: left; padding: 5px 15px; white-space: nowrap; }
		.mi a.o { margin-right: 5px; }
		.mi a.o:before { display: inline-block; font-family: dzicon; width: 14px; height: 14px; line-height: 14px; margin-right: 4px; content: "\f103"; color: #CCC; font-size: 16px; }

/*
	Name:			mod_share_form
	Level:			Function
	Explain:		发布分享的表单
	Last Modify:	Pony
*/
	.sfm { margin: 0 0 20px 10px; }
		.sfm .c { width: 442px; }
		.sfm .px { width: 432px; }
		.sfm .pt { width: 432px; height: 67px; }

/* 分享视频有截图时 by Pony */
.vdtn { width: 126px; height: 95px; border: 1px solid {COMMONBORDER}; cursor: pointer; }

/* .pic -> picture 查看图片 by Pony */
	.osld { padding-left: 18px; background: url({IMGDIR}/slide.png) no-repeat 0 50%; }
	.pic {}
		.pic .c { margin-top: 20px; text-align: center; }
			.pic .c img { max-width: 764px; }
		.pic p { margin: 5px 0; }
	.albim_pic_title { padding: 5px; border-top: 1px dashed {COMMONBORDER}; background: {COMMONBG}; }

/* 侧边图片导航 Media list navigation */
	.mlnv { text-align: center; }
		.mlnv img { margin: 0 5px; padding: 2px; max-width: 100px; max-height: 100px; border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG};}
			.mlnv img.a { border-color: {NOTICETEXT}; background: #FFEAA8; }
		.mlnv .btn img { padding: 0; border: 0; background: none;  }


/* .sl -> share_list 分享列表 by Pony */
	.sl {}
		.sl li { padding: 10px 0; border-bottom: none; }
		.sl .h { padding: 6px 10px; background: {COMMONBG}; border-bottom: 1px solid {COMMONBORDER}; }

/* .favl -> fav_list 收藏列表 by Pony */
	.favl .o { background: url({IMGDIR}/op.png) no-repeat -4px -2px; }
		.favl .o:hover { background-position: -4px -22px; }

/* .cmt -> comment feed中的评论区域 by Pony */
	.cmt { margin: 10px 24px 0 0; padding: 10px; border: 1px solid #EAEAEA; background: {COMMONBG}; zoom: 1; }
		.cmt form { margin-top: 10px; }
			.cmt input, .cmt button { vertical-align: middle; }
		.cmt .pt { width: 95%; margin: 3px 0; }
		.cmt .tri { margin: 10px 0 -23px; width: 19px; height: 13px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='13'%3e%3cpath fill='%23f5f5f5' stroke='%23e6e6e6' d='M.5 0v12l19-13'/%3e%3c/svg%3e") no-repeat; }
		.cmt .xlda dl { padding-left: 50px; }
		.cmt .xlda .m { margin-left: -50px; }
		.cmt .avt img { width: 36px; height: 36px; }
		.cmt .pg a, .cmt .pg strong { background-color: transparent; }
		.cmt .pg a { border-color: {COMMONBG}; }
			.cmt .pg a:hover { border-color: {WRAPBORDERCOLOR}; }
		/* feed 区域里的评论 */
		.el .cmt li { padding-right: 0; border-bottom: none; }
		.el .tri { display: none; }
		/* feed 区域中评论的验证码 */
		.el .cmt .sec .px { width: 80px !important; }

/* .pll -> poll_list 投票列表 */
	.pll {}
		.pll li { padding: 10px 0; min-height: auto; }
		.pll .h { font-size: 14px; }
			.pll .h span { font-weight: 400; }
		.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; }
		.pll .u { overflow: hidden; width: 74px; text-align: center; }
			.pll .u p { white-space: nowrap; }
		.pll .s { display: inline; margin: 5px 10px 0 0; width: 60px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='89'%3e%3cpath fill='%23d8deea' d='M60 0v50c0 5.5-4.5 10-10 10H0V10C0 4.5 4.5 0 10 0z'/%3e%3cpath fill='%23f3f3f3' d='M60 65v19c0 2.75-2.25 5-5 5H0V70c0-2.75 2.25-5 5-5z'/%3e%3cpath fill='%23fe8400' d='M8 75l2.5 2.5L8 80h2l2.5-2.5L10 75z'/%3e%3c/svg%3e") no-repeat 0 0; }
			.pll .s a.joins { margin: 0 0 5px; padding: 12px 0; width: 60px; height: 36px; display: block; overflow: hidden; text-align: center; text-decoration: none; }
				.pll .s a.joins span { display: block; font-size: 16px; font-weight: 700; }
			.pll .s a.go { padding: 0 0 0 17px; width: 43px; height: 24px; line-height: 24px; display:block; }

/* .acl -> activity_list 活动列表 by Pony */
	.acl { width: 100%; table-layout: fixed; }
		.acl h3 { padding: 10px 0; font-size: 14px; }
			.acl h3 span { float: left; margin: 1px 10px 0 0; width: 34px; text-align: center; }
			.acl h3 strong { display: block; background-color: #C00; color: {LIGHTLINK}; font-size: 12px; }
			.acl h3 em { display: block; line-height: 22px; border: solid {COMMONBORDER}; border-width: 0 1px 1px; font-size: 16px; font-weight: 400; }
		.acl td { padding: 10px 3px; border-top: 1px dashed {COMMONBORDER}; vertical-align: top; }
		.acl .type { padding: 10px 3px 10px 0; width: 80px; }
			.acl .type .nophoto { border: 1px solid {COMMONBORDER}; height: 78px; line-height: 78px; }
		.acl .addr { padding-left: 20px; width: 130px; }
		.acl .orgr { width: 74px; }
		.acl .ml li { margin-top: 6px; padding-bottom: 0; }

/* .tlog -> trade_log 交易记录 by Pony */
	.tlog th, .tlog td { padding: 10px 4px !important; }

/* .rwdl -> reward_list 悬赏列表 by Pony */
	.rwdl {}
		.rwdl li { overflow: hidden; float: left; padding: 15px 10px 15px 100px; width: 290px; height: 92px; }
		.rwdl .uslvd { position: absolute; margin-left: -100px; width: 90px; height: 92px; background: #FFF3D9; border-radius: 8px; }
			.rwdl .uslvd cite { display: block; line-height: 28px; font-size: 28px; margin-top: 10px; text-align: center; color: {NOTICETEXT}; }
			.rwdl .uslvd span { display: block; line-height: 12px; font-size: 12px; }
			.rwdl .uslvd em { position: absolute; bottom: 7px; left: 6px; height: 23px; line-height: 23px; text-align: center; width: 78px; color: {LIGHTLINK}; background: #E85500; border-radius: 5px; }
		.rwdl .slvd { background: #EEE; }
			.rwdl .slvd cite { color: {LIGHTTEXT}; }
			.rwdl .slvd em { background: #009DD0; }
		.rwdl h4 { overflow: hidden; height: 36px; font-weight: 400; }
		.rwdl p { white-space: nowrap; }

/* .facel -> face_list 空间部分的表情 by Pony */
	.facel { padding: 8px; width: 265px; }
		.facel img { margin: 5px; }

/* 提醒的内容中会用到。这里使用独立class，以便个性化。若想使提醒内容更醒目，可对summary下的span进行定义 */
	.summary { margin: 10px 0; }
/** end **/


/** home::space,misc::ranklist,home::follow **/
/*
	Name:			mod_pprl
	Level:			Function
	Explain:		空间、广播等个人资料页面
	Last Modify:	Pony 1109271712
*/
	#pprl a { color: {HIGHLIGHTLINK}; }
	#pprl li { clear: both; padding: 3px 0 3px 90px; }
		#pprl li em { float: left; margin-left: -90px; width: 85px; white-space: nowrap; overflow: hidden; }
	.pf_l li { float: left; width: 300px; }
		.pf_l em { padding-right: 10px; color: {MIDTEXT}; }
/** end **/


/** home::space,home::spacecp,home::medal,misc::ranklist **/
	/* 空间图片列表 */
	.mla li, .mlp li { width: 150px; }
/** end **/


/** home::space **/
/* 快速好友查找链接按钮样式 by ShuaiShuai */
	.sc_display{ display:inline-block; width:36px; text-align:right;}

	#mood_mystatus { width: 410px; word-break: break-all; overflow: hidden; }
	#newprompt { background: url({IMGDIR}/info.gif) no-repeat 12px 50%; }

	.nts { padding-left: 20px; }
		.nts dl { border-bottom: 1px dashed {COMMONBORDER}; }
		.nts .more { border-top: 1px dashed {COMMONBORDER}; padding:10px 0 0 64px; }

/*
	Name:			mod_pm_list
	Level:			Channel
	Explain:		短消息列表
	Last Modify:	Pony
*/
	.pml {}
		.pml dl { padding-left: 75px; padding-right: 10px; }
		.pml .hover { background-color: {SPECIALBG}; }
		.pm_o { display: inline; width: 100px; }
			.pm_o .o { overflow: hidden; float: right; margin-left: 10px; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 18px; color: #CCC; }
				.pm_o .o:before { font-family: dzicon; content: "\f148"; }
				.pm_o .o:hover { color: #FF9A9A; }
			.pm_o .p_pop { text-align: left; }
		.pml .newpm { background: {SPECIALBG}; }
		.pml .newpm .newpm_avt { position: absolute; margin: -5px 0 0 46px; width: 12px; height: 12px; font-size: 12px; background: #C00; border-radius: 6px; }
		.pm_c { padding-left: 25px; line-height: 22px; }
			.pm_c .o { float: left; display: inline; margin: 5px 0 0 -25px; }
		.pm_op { padding-left: 75px; }
		.pm_op_r { padding-right: 110px; }
		.pm_o a.o { margin: 2px 5px 0}
/*
	Name:			mod_pm_group
	Level:			Function
	Explain:		短消息群聊
	Last Modify:	Pony
*/
	.pm_g { padding: 10px 15px; border: 1px solid #C2D5E3; background: #F2F7FA; }
		.pm_sd, .pm_b { border: 1px solid #C2D5E3; background: {WRAPBG}; }
			.pm_mn { margin-right: 175px; }
				.pm_mn dl { padding: 0; }
				.pm_mn dd.ptm { margin-top: -1px; padding-top: 0 !important; }
				.pm_mn .tedt { margin-bottom: 5px; width: 591px; }
					.pm_mn .area { height: 70px; }
					.pm_mn .tedt .pt { height: 68px; }
				.pm_mn .avt { display: none; }
			.pm_sd { float: right; width: 160px; height: 425px; }
				.pm_mem_l { overflow-x: hidden; overflow-y: auto; height: 425px; }
					.pm_admin { height: 380px; }
					.pm_mem_l li { overflow: hidden; padding-left: 25px; height: 25px; line-height: 25px; background: url({IMGDIR}/pm_member.png) no-repeat 5px 50%; }
				.pm_add { padding: 10px; }
					.pm_add .px { width: 90px; }
		.pm_b { overflow-x: hidden; overflow-y: auto; padding: 10px; height: 300px; }
			.pm_b img { padding: 2px; max-width: 575px; }
	.syn_signature, .syn_signature_check { background: url({IMGDIR}/connect_post_syn.png) no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; height: 19px; line-height: 64px; opacity: 1; overflow: hidden; vertical-align: -6px; width: 19px; }
	.syn_signature { background-position: 0 -66px }
	.syn_signature_check { background-position: -22px -66px; }
/** end **/


/** home::spacecp **/
/* 空间图片列表 */
	.mls li { width: 90px; }
/*
	Name:			mod_my_credits_list
	Level:			Function
	Explain:		上传图片
	Last Modify:	Pony 11082413
*/
	.up_row { width: 100%; table-layout: fixed; }
		.up_row td { vertical-align: middle; padding: 5px 0; border-bottom: 1px solid {SPECIALBORDER}; }
		.up_row .c { width: 150px; }
			.up_row .c img { width: 120px; }
		.up_row .d { width: 400px; }
		.up_row strong { margin-right: 5px; }
	#creatalbum { padding-top: 1px; border-top: 1px solid {SPECIALBORDER}; }

.doodle { padding-left: 3px; width: 65px; text-align: left; background: url({STATICURL}image/magic/doodle.small.gif) no-repeat 0 50%; }
	.doodle a { padding-left: 2px; }

/*
	Name:			mod_my_credits_list
	Level:			Function
	Explain:		我的积分列表
	Last Modify:	Pony 11061714
*/
	.creditl {}
		.creditl li { float: left; margin-right: 5px; width: 24%; height: 30px; }
		.creditl .cl { clear: both; float: none; width: auto; }
			.creditl li em { font-weight: 700; }
		.creditl u { text-decoration: none; }

/* 订单状态 */
	.order-status-0 { color: #444; }
	.order-status-1 { color: green; }
	.order-status-2 { color: #ddd; }
/* 电脑端支付图标样式 */
	.channel-select { padding-bottom: 10px; }
	.channel-select input { margin: 5px 8px 0 0; }
	.channel-select img { vertical-align: top; }

/** end **/


/** home::spacecp,home::magic **/
/* 查找好友 .scf --> Search friend */
	.scf h2 { line-height: 2.2; font-weight: 700; font-size: 14px; }
	.scf h2:before { content: "\f101"; font-family: dzicon; line-height: 20px; font-size: 18px; margin-right: 2px; }
/* 用来展示复杂统计数据的表格，目前仅用户组页面用到 */
	.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: {WRAPBG}; white-space: nowrap; }
		.tdats th { height: 40px; font-weight: 700; }
			.tdats .h th { height: 24px; border-top: 1px solid {COMMONBORDER}; border-bottom: 1px solid #E5E5E5; background: linear-gradient(0deg, #efefef, #fcfcfc); color: {MIDTEXT}; zoom: 1; }
		.tdats .tdat { float: left; width: 240px; border: none; table-layout: fixed; }
		.tdats .tfx { width: 300px; }
			.tdats .tfxf { width: 770px; }
			.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: {LIGHTLINK}; }
		 	.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: {LIGHTLINK}; }
			.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%; }
/** end **/


/** home::space,home::spacecp **/
/*
	Name:			mod_ct_vw
	Level:			Function
	Explain:		日志、好友列表页用到的两栏框架
	Last Modify:	Pony
*/
	.ct_vw {}
		.ct_vw_mn { float: left; width: 70%; }
		.ct_vw_sd { float: right; width: 28%; }

/*
	Name:			mod_buddy
	Level:			Function
	Explain:		好友列表
	Last Modify:	Pony
*/
	.buddy { margin: 0 -4px 10px -2px; }
		.buddy li { overflow: hidden; display: inline; float: left; margin: 10px 5px 0; padding: 10px 10px 10px 70px; width: 175px; height: 58px; border: 1px solid #F3F3F3; background: #F9F9F9; }
			.ct_vw_mn .buddy li { width: 190px; }
		.buddy h4 { overflow: hidden; height: 20px; }
		.buddy .avt { position: absolute; margin-left: -60px; }
		.buddy .maxh { overflow: hidden; height: 20px; }
		.buddy .note { color: green; }
		.addbuddy:before { content: "+"; color: #13751C; font-weight: 700; line-height: 14px; font-size: 18px; margin-right: 4px; }

/*
	Name:			mod_buddy_group
	Level:			Function
	Explain:		好友分组
	Last Modify:	Pony
*/
	.buddy_group { margin-top: -5px; }
		.buddy_group li { overflow: hidden; padding: 5px 0; line-height: 20px; border-bottom: 1px dashed {COMMONBORDER}; }
			.buddy_group li.a { font-weight: 700; }
		.buddy_group .b, .buddy_group .o { float: right; width: 20px; height: 20px; overflow: hidden; line-height: 20px; font-size: 16px; text-align: center; font-family: dzicon; color: #CCC; }
			.buddy_group .b:before { content: "\f149"; }
			.buddy_group .o:before { content: "\f10e"; }
			.buddy_group .b:hover { color: #FF9A9A; text-decoration: none; }
			.buddy_group .o:hover { color: #FFB662; text-decoration: none; }

.ntc_body .summary { margin-left: 2em; padding-left: 10px; border-left: 1px solid {COMMONBORDER}; }
	.ntc_body .summary span { color: {LIGHTTEXT}; }

/* .pmform -> 短消息表单非弹窗 by Pony */
	.pmform {}
		.pmform .px { width: 408px; }
		.pmform .tedt { width: 416px; }

/*
	Name:			mod_user_selector
	Level:			Function
	Explain:		用户名提示选择效果
	Last Modify:	Pony 11061311
*/
	.un_selector { height: auto; cursor: text; overflow: hidden; }
		.un_selector input { width: 95px; height: 19px; border-width: 0; outline: none; }
			.un_selector #subject { width: 408px; }
		.un_selector span { float: left; margin: 1px 2px 1px 0; width: 100px; height: 19px; line-height: 19px; background: #F7F6ED; color: {HIGHLIGHTLINK}; overflow: hidden; }
			.un_selector em { padding-left: 5px; width: 80px; }
			.un_selector .x { float: right; width: 15px; height: 19px; overflow: hidden; text-align: center; }
				.un_selector .x:before { content: "\d7"; display: inline-block; width: 15px; }
				.un_selector .x:hover { background: {HIGHLIGHTLINK}; color: #F7F6ED; }
		a.appendmb, a.appendmb span { height: 25px; line-height: 25px !important; }
	/* 发短消息时根据输入显示出的用户名列表样式 */
	.pmfrndl { position: absolute; margin-top: 3px; padding: 4px; width: 120px; border: solid {DROPMENUBORDER}; border-width: 0 1px 1px; background: #FFF; }
		.pmfrndl li { display: inline; }
			.pmfrndl a { display: block; padding: 4px 2px; color: {HIGHLIGHTLINK}; }
				.pmfrndl a:hover { text-decoration: none; }
				.pmfrndl a.a { background: {SPECIALBG}; }
	#showSelectBox_menu { padding: 10px; width: 300px; white-space: nowrap; }
	#selBox { margin: 0 -10px 10px; padding-left: 10px; height: 110px; border: solid {COMMONBORDER}; border-width: 1px 0; overflow-y: auto; }
	.doing_bottom a{margin-right: 10px;}
/** end **/


/** home::task **/
.pbg { position: relative; width: 80%; }
	.pbg .xs0 { position: absolute; top: 0; right: 8px; font-family: PMingLiU, sans-serif; }
.taskbtn { display: inline-block; width: 80px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-weight: 700; color: #FFF; background: #FA0; border-radius: 4px; }
	.taskbtn:hover{text-decoration: none;}
	.taskda{background: #CCC;}
	.taskrw{background: #F50;}
/** end **/


/** home::magic,home::medal **/
/* .mgcl -> Magic list by lushnis */
	.mgcl li { float: left; width: 126px; height: 180px; text-align: center; }
		.mgcl .mg_img { margin: 0 auto 5px; }
			.pg_medal .mgcl img { margin-top: 20px; width: auto; height: auto; }

/* 勋章记录重定义 by Pony */
	.el li { padding-left: 40px; }
	.el .t { margin: -2px 0 0 -30px; }
		.el .t img { width: 24px; height: 24px; }
/** end **/



/* ------------------------------------------------------------------------ 门户相关样式 */



/* ------------------------------------------------------------------------ 搜索相关样式 */
/** search **/
a { color: #369; }
body { background: none !important; }
	#toptb { padding: 0 15px; border-bottom: 1px solid #EFEFEF; }
#ct { margin: 0 20px; }
#scform { margin: 10px 0;}
	#scform h1 { margin-right: 20px; }
		#scform h1 a img { max-height: 51px; }
	#scform_tb a { float: left; display: inline; margin: 0 15px 0 3px; height: 26px; line-height: 26px; }
		#scform_tb .y a { margin: 0 3px 0 15px; }
		#scform_tb .a  { color: #333; font-weight: 700; position: relative; }
			#scform_tb .a::before { display: block; position: absolute; bottom: 0; left: 10px; left: calc(50% - 4px); content: ""; border-top: 0; border-right: 4px solid transparent; border-bottom: 4px solid {MENUBGCOLOR}; border-left: 4px solid transparent; }
		#scform_srchtxt { padding: 0 8px; width: 465px; background: transparent; outline: none; height: 29px; border: 3px solid {MENUBGCOLOR}; border-radius: 5px 0 0 5px; line-height: 29px; }
		#scform_submit { width: 100px; height: 35px; background: {MENUBGCOLOR}; border: 0; color: #FFF; cursor: pointer; font-size: 18px; border-radius: 0 5px 5px 0; }
			#scform_submit:before { content: "\f101"; font-family: dzicon; }
			#scform_submit strong { display: none; }
			#scform_submit:focus { outline: 0; }
	.sttl { margin: 10px 0; padding: 5px; border-bottom: 1px solid #CCC; background: #F5F5F5; }
	.slst { width: 760px; }
		.slst a { color: #00C; text-decoration: underline; font-weight: 400; }
		.slst a:visited { color: purple; }
			.slst a strong { font-weight: 400; }
			.slst p span { color: #3A8000; }
				.slst p span a, .slst p span a:visited { color: #666; }
		.pbw strong { font-weight: 400; }
			.pbw p { color: #000; }
		.p_pop span { display: none; }
#nv_search #ft.w { margin: 20px; text-align: center; }
.pg { float: none; }
#myspace_menu li a, #navs_menu li a { background-repeat: no-repeat; background-position: -200px 0; }
/** end **/



/* ------------------------------------------------------------------------ 排行榜相关样式 */
/** misc::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; }

/* .rnk1 每行一个区块 */
.rnk1 {}
	.rnk1 .mlp .d { width: 120px; height: 120px; }
	.rnk1 .mlp img { max-width: 100px; max-height: 75px; }
	.rnk1 .mlp .bigpic { width: 295px; height: 240px; }
		.rnk1 .bigpic img { max-width: 286px; max-height: 200px; }

/* 图片排名上的序号 */
.picrank { position: absolute; margin: -10px 0 0 -10px !important; }

/* 竞价排名 by Pony */
.bid { margin: 2px -4px -2px 2px; zoom: 1; }
.biduser { width: 988px; background: url({IMGDIR}/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: {COMMONBG}; }
		.bidtop img { width: auto; height: 100px; }


/* 重定义 */
.xl2 { background: url({IMGDIR}/vline.png) repeat-y 50% 0; }
	.xl2 li { margin-right: 20px; width: 482px; }
		.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 {COMMONBORDER}; }
/** end **/



/* ------------------------------------------------------------------------ 统计相关样式 */
/** misc::stat **/
.dt a { color: {HIGHLIGHTLINK}; }
.dt th, .dt td { border-right: 1px solid {COMMONBORDER}; }
.dt .stat_subject { border-right: none; }
.dt .stat_num { padding-right: 15px; text-align: right; }
.pbg { float: left; width: 372px; }
.bm_h { padding-left: 0; background: none; border: none; }
/* 重定义 tab 标签样式 by Pony 11081614 */
.ttp .a a { padding-left: 8px; padding-right: 8px; }
.ttp li.xw1 { font-weight: 400; }
/** end **/


/** forum::collection,forum::viewthread **/
.clct_list .xld { float: left; margin-bottom: 5px; width: 49.9%; height: 105px; overflow: hidden; }
	.clct_list .xld .m, .clct_list .xld .m a { width: 55px; height: 50px; overflow: hidden; cursor: pointer; }
		.clct_list .xld .m { background: linear-gradient(0deg, #B2C0DC 40%, #D8DEEA 40%) no-repeat 100% 0; border-radius: 3px; }
		.clct_list .xld .m a:hover { text-decoration: none; }
		.clct_list .xld .m strong { display: block; height: 32px; line-height: 32px; }
		.clct_list .xld .m span { display: block; color: #FFF; }
.clct_flw { float: right; margin-top: 5px; height: 25px; line-height: 25px; overflow: hidden; background: #FF6F00; border-radius: 5px; }
.clct_flw i { float: right; padding: 0 9px; text-align: center; color: #FFF; font-style: normal; }
	.clct_flw .u { width: 66px; }
.clct_flw strong { float: right; padding: 0 20px; margin: 1px; line-height: 23px; background: #FFF2E6; border-radius: 4px; }
.clct_flw a { color: #FFF; }
.clct_ratestar { float: left; width: 80px; height:  24px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23ccc' d='M8 12.6l4.9 3-1.3-5.6L16 6.2l-5.7-.5L8 .4 5.8 5.7 0 6.2 4.4 10l-1.3 5.6 4.9-3z'/%3e%3c/svg%3e") repeat-x 0 0; }
	.clct_ratestar .btn { position: absolute; width: 80px; height:  24px; z-index: 2; }
	.clct_ratestar a { float: left; width: 16px; height: 20px; text-indent: -9999px; overflow: hidden; }
	.clct_ratestar .star { position: absolute; width: 0; height:  24px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23f90' d='M8 12.6l4.9 3-1.3-5.6L16 6.2l-5.7-.5L8 .4 5.8 5.7 0 6.2 4.4 10l-1.3 5.6 4.9-3z'/%3e%3c/svg%3e") repeat-x 0 0; z-index: 1; }
		.clct_ratestar .star1 { width: 16px; }
		.clct_ratestar .star2 { width: 32px; }
		.clct_ratestar .star3 { width: 48px; }
		.clct_ratestar .star4 { width: 64px; }
		.clct_ratestar .star5 { width: 80px; }
.tbmu { padding-left: 10px; line-height: 23px; }
/*
	Name:			mod_collection_tag
	Level:			Function
	Sample:			<span class="ctag ctag0">tag</span>
	Explain:		淘帖标签样式，从 0 到 2，颜色越来越不醒目
	Last Modify:	Pony 2012022311
*/
.ctag { padding: 1px 3px; font-weight: 400; border-radius: 3px; }
	.ctag0 { background:#F6C5BE; color: #822111; }
	.ctag1 { background:#FEF1D1; color: #AA8831; }
	.ctag2 { background:#EEE; color: #666; }
.ctag_keyword { margin-left:12px;font-weight:normal; }
.ctag_keyword:before { content: "\f14a"; font-family: dzicon; font-size: 14px; line-height: 14px; color: #7DA0CC; margin-right: 4px; }
/** end **/


/** home::follow **/
/* 广播头像通用样式 */
.flw_avt { width: 80px; }
	.flw_avt img { float: left; margin-left: 15px; width: 48px; }
/* 广播区域样式 */
.flw_article { margin: 0 0 10px 70px; padding: 5px 10px 15px; border-bottom: 1px solid #DBDBDB; }
	.flw_thread .flw_article { margin-left: 0; }
	.flw_article h2 { font-size: 16px; }
		.flw_article h2 img { vertical-align: middle; }
	.flw_reply { margin-left: 20px; }
.flw_author, .flw_author a { color: #79869E; }
.flw_article .c { font-size: 14px; line-height: 1.8; }
	.flw_article .c img { display: block; margin: 10px 0; max-width: 600px; }
	.flw_article .c .s { display: inline; margin: 0; }
	.unread .flw_article { background-color: #FEFEEE; }
		.unread .flw_article h2 a { color: {HIGHLIGHTLINK}; font-weight: 700; }
.flw_image { margin-bottom: 10px; max-height: 400px; zoom: 1; overflow: hidden; }
	.flw_image li { float: left; width: 120px; max-height: 400px; background: #FFF; }
		.flw_image li img { margin: 0 !important; width: 120px; max-height: 400px; }
	.flw_image_1 { float: left; margin: 0 15px 10px 0; }
		.flw_image_1 img { margin: 0 !important; }
.flw_attach { margin-top: 10px; clear: both; }
	.flw_attach li { width: 300px; margin-bottom: 5px; height: 31px; line-height: 31px; font-size: 12px; border: 1px solid #DBDBDB; border-radius: 3px; background: url({IMGDIR}/flw_attach_bg.png) repeat-x 0 -31px; box-shadow: 0 1px 0 #FFF; }
		.flw_attach a { display: block; padding: 0 10px 0 32px; height: 31px; background: url({IMGDIR}/flw_attach_bg.png) no-repeat 10px 8px; color: #369; }
			.flw_attach a.flw_attach_price { background-image: url({IMGDIR}/viewpay.gif); }
			.flw_attach a:hover { text-decoration: none; background-color: #EDF1F4; }
			.flw_attach strong { float: left; width: 160px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
			.flw_attach span { float: right; width: 90px; color: #999; text-align: right; overflow: hidden; }
.flw_video, .flw_music { margin: 10px 0; }
	.flw_article .flw_video img { display: inline; }
.flw_quote { margin-left: 10px; padding-left: 15px; border-left: 3px solid #B1CCD8; }
.flw_readfull { padding: 3px 5px; border: 1px solid #DDD; border-radius: 3px; background: #FFF; }
	.flw_readfull:hover { border-color: #9EB4C2; text-decoration: none; }
.flw_delete { visibility: hidden; float: right; width: 20px; height: 20px; background: #AAA; overflow: hidden; font-size: 16px; text-align: center; line-height: 20px; border-radius: 2px; }
	.flw_delete:before { content: "\d7"; color: #fff; font-weight: 700; }
	.flw_delete:hover { background: #15AFDB; text-decoration: none; }
	.flw_feed_hover .flw_delete { visibility: visible; }
.flw_loading { margin: 0 0 10px 80px; padding: 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; border-radius: 4px; background: #F4F7F9; }
.flw_more { margin: 0 0 10px 80px; }
	.flw_more a { display: block; padding: 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; border-radius: 4px; background: #F4F7F9; text-align: center; }
		.flw_more a:hover { border-color: #9EB4C2; text-decoration: none; }

/* 收听按钮通用样式 */
.flw_btn_fo, .flw_btn_unfo { float: right; width: 68px; height: 19px; line-height: 19px; background: #f4f1c4; text-align: center; overflow: hidden; color: #B3AC5C; border: 1px solid; }
	.flw_btn_unfo { background: #EEE; }
	.flw_btn_fo:before { font-family: dzicon; font-size: 16px; margin-right: 4px; content: "\f108"; }
	.flw_uheader .flw_btn_fo, .flw_uheader .flw_btn_unfo, .flw_hd .flw_btn_fo, .flw_hd .flw_btn_unfo { float: left; }

/* 发广播 */
#fastpostform { width:82%; }
#flw_header { padding: 10px; }
#flw_post_subject { width: 628px; height: 30px; line-height: 30px; border: 1px solid #9EB4C2; border-radius: 4px; background: #FFF; }
#flw_header #subject { margin: 5px; width: 580px; height: 20px; border: none; outline: none; background: transparent; line-height: 20px; }
#flw_checklen { padding-right: 10px; }
	#flw_post_extra .sec { padding: 8px 15px; border: 1px solid #EFEFEF; background: #F9FBFC; border-radius: 4px; }
.tedt { width: auto; border: 1px solid #9EB4C2; border-radius: 4px; overflow: hidden; }
#flw_header .bar { padding-left: 10px; border-top: 1px solid #EFEFEF; border-bottom: none; background: #F9FBFC; border-radius: 0 0 4px 4px; }
#flw_header .area { background: #FFF; border-radius: 4px 4px 0 0; }
	#flw_header .area .pt { height: 4em; }
#flw_header .ftid { margin-left: 5px; }
#fastpostsubmit { margin-right: 0; height: 33px; border: none; }
#flw_header .tb { padding-left: 0; height: 32px; border-bottom: none; line-height: 32px; }
	#flw_header .tb a { padding: 0 15px; border: none; background: transparent none; color: #369; }
		#flw_header .tb .a a { box-shadow: 0 -1px 0 rgba(0,0,0,0.15); border-radius: 4px 4px 0 0; background: #FFF; color: #333; }

.flw_tab { padding-top: 0; border-bottom: none; }

.sd { border-radius: 5px; background: #F4F7F9; }

/* 侧边和主区域头像及统计信息 */
#flw_avt { padding: 20px; }
	#flw_avt img { margin: 0 auto 10px; border: 6px solid #FFF; }
		.sd #flw_avt img { display: block; }

	.flw_user_info { margin: 10px 0; padding: 10px; box-shadow: 0 1px 0 #FFF, 0 -1px 0 #D7DBDF; border-radius: 5px; background: #E9EEF2; }
		.flw_linktohome { padding: 2px 0 2px 20px; background: url({IMGDIR}/homelink.gif) no-repeat 0 2px; }
	/* 主区域头像 */
	.flw_uheader { padding-right: 0; padding-left: 0; }

		.flw_stat_mn { margin-left: 20px; width: 490px; }
.pg_follow .sd .bm { border-width: 1px 0 0; border-color: #E8EAEB; background: transparent; }
	.pg_follow .sd .bm_h { padding-left: 20px; border-width: 1px 0 0; border-color: #FFF; background: transparent; }

/* 用户单页顶部 */
#flw_header.flw_uheader { padding-top: 20px; border-bottom: 1px solid rgba(0,0,0,0.15); background: #F4F7F9 none !important; }
	.flw_uheader .tb { margin-bottom: -1px; }
	.flw_uheader h1 { font-size: 16px; }
	.flw_uheader .tns { margin-left: -10px; padding: 0; width: 240px; }
		.flw_uheader .tns th, .flw_uheader .tns td { padding-left: 10px; text-align: left; }
	.flw_uheader .o { line-height: 21px; }
	.flw_status_1, .flw_status_2 { padding: 0 10px 0 0; }
		.flw_status_1:before, .flw_status_2:before { font-family: dzicon; line-height: 14px; font-size: 16px; color: #dcdbcc; margin-right: 4px; }
		.flw_status_1:before { content: "\f100"; }
		.flw_status_2:before { content: "\f13e"; }
.flw_specialfo, .flw_specialunfo { float: right; margin-right: 9px; width: 14px; line-height: 21px; font-size: 16px; height: 21px; text-align: center; overflow: hidden; color: #7CBE00; }
	.flw_specialunfo { color: #FF512C; }
	.flw_specialfo:before, .flw_specialunfo:before { content: "\f140"; font-family: dzicon; }
	#specialflag_2_menu { width: 80px; }
	.flw_uheader .flw_linktohome { padding: 0 0 0 20px; background-position: 0 3px; }

/* 回复区域 */
.flw_replybox { margin: -11px 0 20px 70px; padding: 15px 20px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border: 1px solid #DBDBDB; background: #E9EEF1; }
	.flw_replybox li { padding: 10px 80px 10px 0; border-top: 1px solid #DBE2E6; }
		.flw_replybox li .d { margin-right: 10px; }
	.flw_replybox .px, .flw_autopt { border: 1px solid #CCDBE5; border-radius: 4px; background: #FFF; }
		.flw_autopt { display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding: 0 5px; width: 420px; }
			td.flw_autopt { margin-right: 0; }
			.flw_autopt .pts { padding: 5px; margin: 0 -5px; width: 100%; height: 19px; min-height: 19px; border: 0; }
	.flw_replybox .pnc { width: 77px; height: 33px; border: none; background: transparent url({IMGDIR}/pn_reply.png) no-repeat 0 0; }
		.flw_replybox .pnc span { line-height: 99px; }
		.flw_replybox td table .pnc { background-image: url({IMGDIR}/pn_rt.png); }
	/* 回复并转播选项 */
	.flw_rert { display: inline-block; padding-right: 5px; width: 95px; text-align: right; }
	.flw_replybox .cnr { position: relative; float: right; overflow: hidden; display: inline; margin: -22px 16px 0 0; width: 11px; height: 7px; background: transparent url({IMGDIR}/flw_cnr_t.png) no-repeat 0 0; }

/* 侧边切换 */
#flw_side_tab { margin: 10px 0; }
	#flw_side_tab li { line-height: 32px; }
	#flw_side_tab a { display: block; height: 32px; padding-left: 20px; background: url({IMGDIR}/flw_side_tab.png) repeat-x 0 0; }
		#flw_side_tab li.a a { background-position: 0 -32px; }
		#flw_side_tab a img { float: left; margin: 8px 10px 0 0; }

/* 侧边用户列表 */
.flw_side_promote {  }
	.flw_side_promote .xlda dl { margin-bottom: 8px; }
	.flw_side_promote .xlda .m { margin: 0 0 8px -55px; }
	.flw_side_promote .xlda dt { padding-top: 0; }
	.flw_side_promote .flw_btn_fo { float: left; }

/* 类似听众页面的用户列表 */
.flw_ulist {}
	.flw_ulist li { padding: 10px 0 10px 100px; border-bottom: 1px solid #DBDBDB; }
	.flw_ulist .flw_avt { float: left; margin: 0 0 0 -80px; }
	.flw_ulist .unread { background-color: #FEFEEE; }

.my_flw_stats { width: 120px; }
	.my_flw_stats li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid {COMMONBORDER}; }
		.my_flw_stats .xg1 { padding-right: 10px; }

#flw_bar .fpd { position: relative; zoom: 1; }

/*
	Name:			mod_follow_flashupload
	Level:			Global
	Explain:		重定义 follow 页面的 Flash 上传时的处理界面，结构参见 /static/js/fileprogress.js
	Last Modify:	Pony 2012022813
*/
.progressWrapper { overflow: hidden; float: left; width: auto; }
	.progressWrapper table { float: left; margin: 5px 1px 0 0; width: 209px; border:  1px solid #C3DCEA; border-radius: 4px; background: #FFF; }
	.progressWrapper td { border-radius: 4px; }
.attswf p { padding-left: 5px; width: 170px; height: 26px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.attswf p img { width: 16px; height: 16px; }
.attc { padding-top: 3px; width: 20px; }
	.attc .d { background-position-y: 0 !important; }

.progressContainer { overflow: hidden; margin: 5px 0 0; width: 620px; border: 1px dashed #9EB4C2; background-color: transparent; }
.red { border: none; background-color: transparent; color: red; }
/** end **/


/** forum::forumdisplay,group::group **/
#livereplycontentout { position: relative; height: 195px; margin-top: 10px; border: 1px solid #E8F1F7; background: #FFF; overflow-y: auto; }
#livereplycontent { position: absolute; left: 0; bottom: 0; padding: 0 15px; }
#liverefresh { margin-top:10px; height: 30px; line-height: 30px; background-color: #FCF4CD; color: #fff; text-align: center; cursor: pointer; display: none; border:1px dashed #FCE491; color:#F26C4F; }
#livefastcomment { position: relative; height: 34px; margin: 10px 0px 0px 0px; border: 1px solid #E8F1F7;background-color: #FFF; padding:5px 10px; }
	#livereplycontent dl { position: relative; width: 100%; min-height: 45px; line-height: 20px; padding: 10px 0; border-top: 1px #ccc dotted; clear: both; }
	#livereplycontent dl dt { position: absolute; left: 0; top: 10px; width: 40px; height: 40px; border: 1px #ccc solid; padding: 1px; }
	#livereplycontent dl dt img { width: 40px; height: 40px; }
	#livereplycontent dl dd { padding-left: 62px; }
		#livereplycontent dl dd a { color:{HIGHLIGHTLINK}; }
	#livereplycontent dl dd.dateline { position: absolute; top: 10px; right: 0; padding: 0; color: #999; }
#livereplymessage{ width: 100%; line-height:28px; height: 33px; padding: 0px !important; border: none; outline: 0px; background: white none; overflow-y: auto; }
	#livethread { background: #F5F9FB; border-top:2px solid #BDD7E3; }
.livethreadtitle { margin-bottom:5px; }
	.livethreadtitle a { color:{HIGHLIGHTLINK}; font-size: 14px; }
	.livethreadtitle .liveicon { background: #548BF6; padding: 1px 4px; border-radius: 2px; color: #FFF; }
	.livethreadtitle .replynumber { float: right; line-height: 25px; }
		.livethreadtitle .replynumber .xi1 { background:{NOTICETEXT}; padding:0 5px; border-radius: 5px; color: #FFF; font-weight: 700; }
	.livethreadcon { line-height:160%; font-size:14px;}
/** end **/

/** misc::mobile,portal::mobilediy **/
.dzphone { width: 484px; height: 980px; margin-right: 10px; border-radius: 75px; box-shadow: inset #000 0 0 3px 1px; }
.dzphone>div { width: 428px; height: 924px; margin: 8px; border: 20px solid #222; border-radius: 68px; overflow: hidden; }
.dzphone .scrtop { height: 105px; background: #f2f2f2 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='92' height='12'%3e%3cpath d='M15 0h3v12h-3V0zm-5 3h3v9h-3V3zM5 6h3v6H5V6zM0 9h3v3H0V9zm35.8.2C35.1 8.5 34.1 8 33 8s-2.1.4-2.8 1.2L33 12l2.8-2.8zm-8.5-2.9l1.4 1.4c1.1-1.1 2.6-1.8 4.2-1.8s3.2.7 4.2 1.8l1.4-1.4C37.1 4.9 35.1 4 32.8 4c-2 0-4 .9-5.5 2.3zm-2.8-2.8l1.4 1.4C27.7 3.1 30.2 2 33 2s5.3 1.1 7.1 2.9l1.4-1.4C39.3 1.3 36.3 0 33 0s-6.3 1.3-8.5 3.5zM50 2h20v8H50V2zm22 10H48V0h24v12zm-23-1h22V1H49v10zm24-8h2v6h-2V3z'/%3e%3c/svg%3e") no-repeat 100% 18px; border-bottom: 1px solid #e1e1e1; font-family: system-ui; }
#ifm0 { width: 100%; height: 780px; vertical-align: middle; }
.dzphone .time { width: 70px; height: 39px; float: left; text-align: right; padding-top: 13px; padding-right: 25px; font-size: 16px; font-weight: 700; color: #000; }
.dzphone .defect { width: 238px; height: 33px; background: #222; border-radius: 0 0 25px 25px; float: left; }
.dzphone .siteurl { margin: 0 12px; padding: 0 35px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; border-radius: 10px; background: #d8d8d8 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='21'%3e%3cpath d='M17 12.5h-1c0 4.1-3.4 7.5-7.5 7.5S1 16.6 1 12.5 4.4 5 8.5 5c1.1 0 2.2.3 3.1.7L8 9.3v1.4l5.2-5.2L8 .3v1.4l2.6 2.6C9.9 4.1 9.2 4 8.5 4 3.8 4 0 7.8 0 12.5S3.8 21 8.5 21s8.5-3.8 8.5-8.5z'/%3e%3c/svg%3e") no-repeat 100% 10px; color: #000; }
.dzphone .homebar { width: 152px; height: 6px; border-radius: 3px; background: #000; margin-left: 138px; margin-top: 20px; }
/** end **/
/** home::space,home::spacecp,misc::tag **/
.moodfm_container .specialpost {margin:0;padding:0;}
.moodfm_container .upload-main {padding:10px 0;display:flex;align-items:flex-start;flex-wrap:wrap;}
.moodfm_container .image-main {display:flex;flex-wrap:wrap;}
.moodfm_container #multipic_img {display:flex;flex-wrap:wrap;margin-bottom:10px;}
.moodfm_container .image-list {position:relative;float:left;width:80px;height:80px;}
.moodfm_container .image-upload {width:100%;height:100%;position:relative;border:1px dashed #d9d9d9;border-radius:6px;background:#fafafa;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}
.moodfm_container .image-upload:hover {border-color:#1890ff;background:#e6f7ff;}
.moodfm_container .image-upload:hover:before,.moodfm_container .image-upload:hover:after {background:#1890ff;}
.moodfm_container .image-upload:before {top:50%;left:50%;height:2px;content:"";width:20px;position:absolute;background:#8c8c8c;transform:translateX(-50%);z-index:1;}
.moodfm_container .image-upload:after {top:50%;left:50%;width:2px;content:"";height:20px;position:absolute;background:#8c8c8c;transform:translateY(-50%);z-index:1;}
.moodfm_container .image-upload input[type="file"],.moodfm_container .image-upload input.file {position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;opacity:0 !important;cursor:pointer !important;z-index:2 !important;font-size:100px !important;padding:0 !important;margin:0 !important;border:none !important;outline:none !important;background:transparent !important;filter:alpha(opacity=0) !important;}
.moodfm_container .image-upload-mp {width:80px !important;height:80px !important;position:relative !important;border:1px dashed #d9d9d9 !important;border-radius:6px !important;background:#fafafa !important;cursor:pointer !important;transition:all 0.2s ease !important;display:flex !important;align-items:center !important;justify-content:center !important;float:left !important;margin-right:10px !important;margin-top:10px !important;}
.moodfm_container .image-upload .file_pic {width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;}
.moodfm_container .previewbigpic {position:relative;overflow:hidden;margin-right:10px;margin-top:10px;width:80px;height:80px;border:1px solid #e5e9ef;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;transition:all 0.2s ease;}
.moodfm_container .previewbigpic:hover {border-color:#1890ff;box-shadow:0 2px 8px rgba(24,144,255,0.15);}
.moodfm_container .previewbigpic img {width:100%;height:100%;object-fit:cover;}
.moodfm_container .previewbigpic .flbc {position:absolute;top:5px;right:5px;}
.doing_images {display:flex;flex-wrap:wrap;margin:5px 0;gap:5px;}
.doing_image_item {flex:0 0 auto;width:80px;height:80px;overflow:hidden;border-radius:4px;background-color:#f5f5f5;}
.doing_image {width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease;}
.doing_image:hover {transform:scale(1.05);}
.doing_image_link {display:block;width:100%;height:100%;}
.doing_comment_list .m { margin: 8px 8px 10px 0;}

.share_card_box{background: #F6F6F6;border-radius: 5px;padding: 12px 12px 9px 12px;display: flex;gap: 10px;max-width: 500px;}
.share_card_box.space{max-width: 220px;}
.share_card_img{width:60px;height:60px;background: #fff;border-radius: 5px;}
.share_card_img a{display:block;width:60px;height:60px;border-radius:4px;}
.share_card_imnfo{text-align: left;display: flex;flex-direction: column;justify-content: space-evenly;}
.share_card_imnfo h5{line-height:1.25;margin-bottom:2px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;max-height: 40px;}
.share_card_imnfo h5 a{font-size:15px;color:#121212;font-weight:500;text-decoration: none;}
.share_card_imnfo p{overflow:hidden;font-size:12px;color:#999;font-weight: 400;line-height: 20px;}
.share_card_imnfo p a{color:#999;text-decoration: none;}

.share_card_box.pic{max-width: 130px;flex-direction: column;align-items: center;}
.share_card_box.pic .share_card_img{width:120px;height:120px;}
.share_card_box.pic .share_card_img a{width:120px;height:120px;}

.doing_list{padding:10px}
.doing_list_item{position: relative;display: flex;z-index: 1;width: 100%;flex-shrink: 0;margin-bottom: 16px;}
.doing_list_item .doing_avatar{flex: 0 0 auto;}
.doing_list_item .doing_avatar img.user_avatar{display: flex;width: 40px;height: 40px;align-items: center;justify-content: center;cursor: pointer;border-radius: 100%;border: 1px solid rgba(0,0,0,0.08);object-fit: cover;}
.doing_list_item .item_right{margin-left: 12px;display: flex;flex-direction: column;font-size: 14px;flex-grow: 1;border-bottom: 1px solid #f3f3f3;padding-bottom: 10px;}
.doing_list_item .item_author_box{display: flex;align-items: center;}
.doing_list_item .item_author_box .author_name{color: rgba(51,51,51,0.9);line-height: 18px;}
.doing_list_item .item_content{margin-top: 4px;line-height: 140%;color: #333;}
.doing_list_item .item_info{display: flex;flex-direction: column;justify-content: space-between;font-size: 12px;line-height: 16px;color: rgba(51,51,51,0.6);}
.doing_list_item .item_info_date{margin: 5px 0 8px;color: rgba(51,51,51,0.6); font-size: 12px;}
.doing_list_item .item_info_date span { margin-right:5px;}
.doing_list_item .item_info_interactions{display: flex;margin-left: -2px;justify-content: space-between;align-items: center;}
.doing_list_item .interactions_left{display: flex;gap: 10px;justify-content: space-between;align-items: center;}
.doing_list_item .item_info_interactions .icon_box{padding: 0 4px;color: rgba(51,51,51,0.8);font-weight: 500;position: relative;cursor: pointer;display: flex;align-items: center;}
.doing_list_item .item_info_interactions .icon_box i{color: rgba(51,51,51,0.6);}
.doing_list_item .item_info_interactions .icon_box i.fc-i {color: #FF512C;}
.doingreply_box .doing_list_item .doing_avatar img.user_avatar{}
.doingreply_box .doing_list_item{margin-bottom: 0px;}
.doingreply_box .doing_list{padding-bottom:5px}
.doingreply_box .doing_list_item .interactions_left a{color: rgba(51,51,51,0.8);}
.doing_list_item .item_content .author_name{color: rgba(51,51,51,0.5);}
.doing_list_item .item_content .doing_tag, .doing_list_item .item_content .atuser{color:#155bd5;}
.doing_form{background: #F6F6F6;border-radius: 5px;padding: 12px 12px 9px 12px;margin-top: 10px;}
.doingreply_form>div{background: #F6F6F6;border-radius: 5px;padding: 12px 12px 9px 12px;margin-top: 10px;}
.doing_empty{display: flex;justify-content: center;margin-top: 24px;margin-bottom: 24px;font-size: 12px;line-height: 16px;color:rgba(51,51,51,0.6);}

.comment-form-container { border-radius: 4px; padding: 6px; margin-bottom: 8px;}
.comment-form-container textarea { width: 100%; border: 1px solid #ced4da; border-radius: 3px; padding: 4px 6px; resize: vertical; min-height: 40px; max-height: 80px; font-size: 13px; line-height: 1.3; box-sizing: border-box;}
.comment-form-container textarea:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 0.1rem rgba(0,123,255,.15);}
.comment-form-actions { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-top: 4px;}
.comment-form-actions .pn { background-color: #007bff; color: white; border: none; padding: 0px 8px; border-radius: 2px; cursor: pointer; font-size: 12px; transition: background-color 0.2s;}
.comment-form-actions .pn:hover { background-color: #0056b3;}
.comment-form-actions .cancel-btn { background-color: #6c757d; text-decoration: none; font-size: 12px; transition: color 0.2s;}
.comment-form-actions .cancel-btn:hover { background-color: #495057;}
.comment-form-face { color: #6c757d; cursor: pointer; font-size: 14px; margin: 0;}
.comment-form-face:hover { color: #007bff;}
.comment-form-left { display: flex; align-items: center; gap: 6px;}
.comment-form-right { display: flex; align-items: center; gap: 6px;}
/** end **/:root {
    --dz-bodybg:{BGCOLOR};
    --dz-color:{MENUBGCOLOR};
    --dz-alink:{LINK};
    --dz-ahover: var(--dz-color);
    --dz-ahot:{NOTICETEXT};
    --dz-fa:{TABLETEXT};
    --dz-fb:{MIDTEXT};
    --dz-fc:{LIGHTTEXT};
    --dz-fd:{LIGHTLINK};
    --dz-ff:{WRAPBG};
    --dz-nvbg:{MENUBGCOLOR};
    --dz-nvtxt:{MENUTEXT};
    --dz-nvbga:{MENUHOVERBGCOLOR};
    --dz-nvtxta:{MENUHOVERTEXT};
    --dz-bga:{CONTENTSEPARATE};
    --dz-bgb:{TITLEBGCOLOR};
    --dz-bgc:{COMMONBG};
    --dz-bgd:{SPECIALBG};
    --dz-bgf:{WRAPBG};
    --dz-bgfglass:rgba(255,255,255,.4);
    --dz-bgbglass:rgba(0,0,0,.4);
    --dz-btnbg:{BTNBG};
    --dz-btntxt:{BTNTXT};
    --dz-btnbga:{BTNBGA};
    --dz-btntxta:{BTNTXTA};
    --dz-bordera:{WRAPBORDERCOLOR};
    --dz-borderb:{COMMONBORDER};
    --dz-borderc:{INPUTBORDER};
    --dz-borderd:{SPECIALBORDER};
    --dz-radius-x:3px;
    --dz-radius-s:4px;
    --dz-radius-m:8px;
    --dz-radius-xl:10px;
    --dz-radius-l:2px;
    --dz-radius-a:50%;
    --dz-radius-b:4px;
    --dz-radius-c:40px;
    --dz-shadow:0 0 2px 0 rgba(88,118,138,.1);
    }



html{overflow-y:scroll}
body {background:var(--dz-bodybg)}
body, input, button, select, textarea {color:var(--dz-fa)}
ul,li{list-style:none}
a {color:var(--dz-alink)}
a:hover {color:var(--dz-ahover);text-decoration:none}
.xi1, .onerror, .rq, .emfont {color:var(--dz-ahot)}
.xg1, .xg1 a {color:var(--dz-fc) !important}
a.xg1:hover, .xg1 a:hover {color:var(--dz-ahover) !important}
.xg1 .xi2, .xi2, .xi2 a, .xi3 a {color:var(--dz-fb) !important}
.xg2 {color:var(--dz-fc)}
.bm, .bn, .km_mbm {margin-bottom:15px}
hr.da, .btda, .a_t td {border-color:var(--dz-borderb)}
input::placeholder {color:var(--dz-fd)}
textarea::placeholder {color:var(--dz-fc)}
input:focus{border-color:var(--dz-color) !important;outline:none}
body .km_pnbtn {background:var(--dz-btnbga);color:var(--dz-btntxta) !important}
.km_label {margin-right:10px;line-height:34px}
.a_mu {background:none;border-width:0px}
.a_h {padding-top:0}
.a_t td {background:var(--dz-bgf);padding:8px 10px}
img[src*="smiley"] {max-width:26px !important;max-height:26px !important;vertical-align:middle}
img[src*="verify"] {max-height:16px !important;margin-right:4px}
img[src*="static/image/poke"] {max-width:22px !important;max-height:22px !important}
.dz_bm, .appl, .ct2 .mn .bm, .ct2 .sd .bm, .ct2_a .mn, .ct2_a .dz_phbbox .bm, .ct3_a .mn, .ct3_a .sd, .pg_spacecp #ct.wp .mn .bm, .pg_post #ct.ct2_a .bm, #scbar, .dz_flbm .bm, #online.bm, .bm.lk, .km_nox, .bm.kmbm_ca {border:none !important;box-shadow:var(--dz-shadow)}
.pg_ranklist .ct2_a .dz_phbbox, #ct.wp .mn .bm.bw0 {box-shadow:none;overflow:hidden}
.wp {width:1000px}
.mn, .ct2 .sd {overflow:visible}
.ct2_a, .ct3_a {background:none;border:none}
.ct2 .sd {width:250px}
.ct2 .mn {width:735px;margin-bottom:0}
.ct2 .sd .bm_c {padding:10px 20px;overflow:hidden}
.ct3_a .sd {width:250px;margin-bottom:15px;background:var(--dz-bgf);border:1px solid var(--dz-borderb);border-radius:var(--dz-radius-m)}
.ct3_a .mn {width:570px;margin-left:15px;background:var(--dz-bgf);border:1px solid var(--dz-borderb);padding:20px 0 15px !important;border-radius:var(--dz-radius-m)}
.ct3_a .pbm .bw0 {padding:0 20px !important}
.ct3_a .pbm .bw0 .tb {margin-top:0}
.ct2_a .tb {margin-top:10px}
.ct2 .sd #g_top .bm_c {padding:15px 20px}
.bw0 {background:none !important}
.dz_pg_space .ct2_a .pbm .bw0 .ct2_a .tb {margin-top:10px}
.dz_pg_space .ct2_a .pbm .bw0 {margin-bottom:0}
.ct2_a .mn, #nv_userapp .ct2_a .mn, .ct2_a_r .mn {width:800px;margin:0 0 15px 0;padding:10px 20px;background:var(--dz-bgf);border:1px solid var(--dz-borderb);border-radius:var(--dz-radius-m)}
.ct2_a .mn .bbda.pbm.mbm {margin-top:4px;font-size:14px;padding-bottom:15px !important}
.ct2_a .mn .bm .bmn {padding:10px}
.ct2_a .mn .bm .tbmu {padding-top:10px !important}
.ct2_a .mn .bm .scf {padding-top:10px !important}
.ct2_a .mn .bm .scf h2 {display:none}
.ct2_a .mn .bm .scf .bm.bmn {margin-left:18px;padding:0 10px;border:none !important;background:none !important;box-shadow:none !important}
.appl {padding:10px 0;width:148px;background:var(--dz-bgf);border:none;margin-bottom:15px;border-radius:var(--dz-radius-m)}
.appl li {height:40px;line-height:40px;padding:0 20px}
.appl hr.da {margin:0 15px}
.tbn {margin:-6px 0 0}
.tbn .mt {padding:0 0 15px 0;margin:10px 20px 8px;font-weight:400;border-bottom:1px solid var(--dz-borderb)}
.dz_wide .tbn .mt {padding:0 0 18px 0;margin:14px 20px 8px}
.tbn li {height:40px;margin:0;border-bottom:none;padding:0}
.tbn ul a {height:40px;line-height:40px;padding:0 20px}
.tbn li.a {padding:0;border:none;background:none;margin:0}
.tbn li.a a {color:var(--dz-color);font-weight:400}
.tbn ul a strong {float:right;font-weight:400}
.tbn ul a .km_num {float:right;margin-top:14px;padding:0 5px;height:14px;line-height:14px;font-size:12px;background:var(--dz-ahot);color:var(--dz-ff);border-radius:var(--dz-radius-c)}
.appl span {line-height:40px;padding-right:0;margin-top:0 !important}
.appl span.y.mtn {margin-right:20px;color:var(--dz-fc)}
.appl img {margin-right:8px}
.dz_pg_space .appl span {padding-right:0}
#nv_home .ct3_a .sd .bm {padding:0 20px;margin-right:0}
#nv_home .ct3_a .sd .bm .bm_h {margin:0}
#nv_home .ct3_a .sd .bm_c {padding:10px 0 0}
#postsmiliesdiv_tb {width:368px !important}
#contentsmiliesdiv_tb {width:368px !important}
#postimg_menu, #sendimg_menu {width:292px !important}
#e_hide_menu {width:300px !important}
.discuzx5 {display: flex;flex-direction: column;min-height: 100vh;}
.discuzx5 #wp {flex: 1;}
#fastpostsmiliesdiv #fastpostsmiliesdiv_tb li:last-child, #e_sml_menu #smiliesdiv_tb li:last-child, #replysmiliesdiv_tb li:last-child, #sightmlsmiliesdiv_tb li:last-child, .tb_s li:last-child {margin-right:0}
.tb_s a {padding:0 12px}
.ct2 .sd .mls, .ct3_a .sd .mls {margin-left:-10px;margin-right:-10px}
.ct2 .sd .mls li, .ct3_a .sd .mls li, .dz_wide .ct3_a .sd .mls li {width:calc(33.33% - 6px);padding:5px 3px;margin:0}
.fwinmask .tb a, .sllt .tb a {font-size:12px}
.dz_wide .wp {width:1200px}
.dz_wide .ct2 .sd {width:300px}
.dz_wide .ct3_a .sd {width:250px}
.dz_wide .ct2 .mn {width:885px}
.dz_wide .ct3_a .mn {width:720px}
.dz_wide .ct2_a .mn, #nv_userapp.dz_wide .ct2_a .mn, .dz_wide .ct2_a_r .mn {width:945px}
.dz_wide .appl {width:200px}
.dz_wide .pbm .ptw .ml li {padding:0 4px 5px}
.dz_flex {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 {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
#ct {min-height:260px}
#pt {margin:10px 0}
#pt .z, #pt .z a, #pt .z em, #pt .z span {color:var(--dz-fc)}
.px, .pmform .px {height:34px}
.px {padding:0 8px}
#rsearchkey.px {padding:0 7px;width:135px}
.pt {padding:8px}
textarea {padding:8px;line-height:20px}
.p_opt .txtarea {margin:10px 0}
.p_opt .px {margin:5px 0 10px}
.p_opt .txtarea {border:1px solid var(--dz-borderc);border-radius:var(--dz-radius-s)}
.px {line-height:34px}
.pt {line-height:22px}
.px, .pt, .ps, select, textarea {background:var(--dz-bgf);outline:none;font-size:14px;border-radius:var(--dz-radius-s);border-color:var(--dz-borderc);box-shadow:none}
.er {border-color:var(--dz-ahot)}
.ps, select {margin-right:5px;padding:0px 10px;min-height:34px;line-height:34px;min-width:90px}
.dz_pg_portalcp .px, .dz_pg_portalcp select {margin-right:5px}
select {line-height:34px}
.ftid select {height:34px;line-height:34px}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;background:var(--dz-bgf) url({STYLEIMGDIR}/svg/ico_jt.svg) no-repeat 100% center !important;background-size:auto 20px !important;padding-right:28px !important}
select::-ms-expand {display:none}
.ftid a {margin-right:3px;padding:0 22px 0 8px;height:34px;line-height:34px;font-size:14px;color:var(--dz-fa) !important;background:var(--dz-bgf) url({STYLEIMGDIR}/svg/ico_jt.svg) no-repeat 100% 50%;background-size:auto 20px;border-color:var(--dz-borderc);border-radius:var(--dz-radius-s)}
.ftid a:hover, .ftid a:focus {background:var(--dz-bgf) url({STYLEIMGDIR}/svg/ico_jt.svg) no-repeat 100% 50%;background-size:auto 20px}
.p_pop, .p_pof, .sllt {padding:9px;background:var(--dz-bgf);border-radius:var(--dz-radius-s);border-color:var(--dz-borderb);min-width:58px;font-size:14px;box-shadow:none}
.p_pop .pbn label {margin-right:5px}
.p_pop a {padding:8px 10px;font-size:14px;border-bottom:none}
#newspecial_menu.p_pop a {padding:8px 10px;font-size:14px;border-bottom:none}
.p_pop .ignore_noticeli a {padding:0}
.h_pop {min-width:100px;border-top:1px solid var(--dz-borderb)}
.sltm {min-width:102px;width:auto !important;padding:9px;background:var(--dz-bgf);border-color:var(--dz-borderb);border-radius:var(--dz-radius-s);box-shadow:none}
.sltm li, #threadclass.ftid a {color:var(--dz-fa) !important}
.mgcmn a {padding-left:25px}
.pn, .pn:active, .pnc, a.pnc, .pnc:active {height:34px;line-height:34px;font-size:14px;font-weight:400;background:var(--dz-btnbg);color:var(--dz-btntxt) !important;border-radius:var(--dz-radius-b);box-shadow:none}
.pna, a.pna {background:var(--dz-btnbga);color:var(--dz-btntxta) !important}
a.pnc[href*="op=del"], a.pnc[href*="op=del"]:hover, .dz_lzinfo_one .km_btn a[href*="op=del"], .dz_lzinfo_one .km_btn a[href*="op=del"]:hover {background:var(--dz-fb) !important;color:var(--dz-ff) !important}
.pnc[disabled="disabled"], .pnc[disabled=""], #fwin_content_nav #postbtn[disabled="disabled"], #fwin_content_nav #postbtn[disabled=""] {background:var(--dz-bgb) !important;color:var(--dz-fd) !important}
button.vm * {vertical-align:baseline}
.pn, .pnc, a.pnc {margin-right:10px;padding:0 10px;border:none;white-space:nowrap}
.pn em, .pn span, .pn strong, .pnc em {padding:0 10px;line-height:34px;font-weight:400}
.pn em, .pn strong {font-weight:400}
.pn:hover, .pnc:hover {cursor:pointer;opacity:0.8}
a.pn {height:36px;line-height:36px;padding:0 5px;background:var(--dz-btnbg);color:var(--dz-btntxt) !important}
p.pns label {margin-right:10px}
.pnpost .pn{height: 34px;line-height: 34px;}
.pn, .pnc, a.pnc {margin-right: 10px;padding: 0 10px;border: none;}
#fwin_content_activity label input[size*="25"] {width:170px}
#fwin_content_activity .pn span {padding:0}
#blockform .tfm .pn {margin-right:0 !important}
#blockform .tfm .p_fre {margin-right:5px}
.avt img {margin:2px;padding:0;width:40px;height:40px;background:var(--dz-bgc)}
.mls .avt {width:48px}
.mls img {width:44px;height:44px;background:var(--dz-bgc)}
.avt img, .mls .avt img, .mls a[c*="1"] img {border:none;}

#um, #um a {color:var(--dz-fa)}
#um .avt img {width:52px;height:52px}
.pipe {margin:0 5px;color:var(--dz-borderb)}
.ignore_notice {top:2px;right:2px;width:20px;height:20px;line-height:20px;font-size:16px;text-align:center;background:var(--dz-btnbg);color:var(--dz-btntxt);border-radius:var(--dz-radius-a)}
.ignore_notice:hover {opacity:0.8}
.tfm caption, .tfm th, .tfm td {padding:6px 0;line-height:34px;font-size:14px}
.exfm table th, .exfm table td {font-size:14px}
#retpre {font-size:12px}
.pf {height:34px !important;line-height:34px}
.tfm td p.d, .tfm .d {line-height:24px;font-size:12px}
.tfm td p {font-weight:400}
.tfm td p img, .tfm td a img.mtm {border-radius:var(--dz-radius-s)}
.tfm td.bbda p {font-size:14px}
.tfm th {width:98px;text-align:right;padding-right:12px}
.tfm th .rq {float:none;padding-right:5px}
#pmsettingform .tfm th {width:130px}
#extcreditmenu_menu li {line-height:22px}
#extcreditmenu_menu li img {float:left;margin:2px 4px 0 0;height:18px}
#g_upmine_menu li {padding-left:0 !important}
#g_upmine_menu li.hm span img {margin:0 2px}
.tdat {border:1px solid var(--dz-borderb);margin-top:15px !important}
.tdat th, .tdat td {border:1px solid var(--dz-borderb);padding:10px}
.dz_wide .tdats .tfx, .dz_wide .tdats .tb, .dz_wide .tscr, .dz_wide .tscr .tdat th, .dz_wide .tscr .tdat td {width:352px}
.dz_wide .tdats .tfxf {width:705px}
.tfm td p img {margin-right:5px}
.tfm td p img[src*="mail_"] {display:none}
.tbms {background:var(--dz-bgd) url({STYLEIMGDIR}/svg/ico_tips.svg) no-repeat 12px 50%;background-size:22px;padding:12px 12px 12px 40px;font-size:13px;margin:15px 0 5px !important;border-color:var(--dz-borderd);border-radius:var(--dz-radius-s)}
.tfm .pt, .tfm .px {margin-right:10px}
#fwin_content_share .tfm .pt, #fwin_content_share .tfm .px {margin-right:0}
body #avatardesigner {padding:10px 5px 5px 10px;border:1px solid var(--dz-borderc);border-radius:var(--dz-radius-m)}
.tbmu {padding:10px 0;line-height:24px;border-color:var(--dz-bordera)}
.tbmu .a {font-weight:400}
.tbmu a.y {height:30px;line-height:30px;margin:0 0 0 10px;border:none;font-weight:400;font-size:12px !important;background:var(--dz-nvbga);color:var(--dz-nvtxta);border-radius:var(--dz-radius-b)}
.tbmu a.y strong {line-height:30px;color:var(--dz-nvtxta)}
.tbmu img[style*="vertical-align"] {max-height:20px;margin-left:4px}
.tbmu select.ps {margin-left:5px;padding:0px 8px;min-height:26px;line-height:26px;min-width:80px;font-size:12px}
.ct2_a .mn .tbmu, .km_nop {padding:10px 0}
.emp {padding:20px 15px 35px;text-align:center;font-size:14px;color:var(--dz-fc)}
.emp:before {content:"";display:block;margin:0 auto 10px;width:100px;height:100px;background:url({STYLEIMGDIR}/images/emp.png) no-repeat center;background-size:contain}
.empa {padding:35px 15px 20px;text-align:center;font-size:14px;color:var(--dz-fc)}
.empa:before {content:"";display:block;margin:0 auto 15px;width:100px;height:100px;background:url({STYLEIMGDIR}/svg/ico_tips.svg) no-repeat center;background-size:contain}
.empa strong {color:var(--dz-color)}
.dz_jzbtn {margin-bottom:30px;text-align:center;overflow:hidden}
.dz_jzbtn .pn {margin:0 auto}
#custominfo_pmenu.tip {width:auto}
.tip {padding:8px 15px;border:1px solid #EDDDAB;background:FFFCE9;line-height:22px;border-radius:var(--dz-radius-s);text-align:left}
.tip .tip_c h4 {font-size:14px;margin-bottom:5px;font-weight:400}
.tip .tip_c p {color:var(--dz-fb)}
.tip_1 .tip_horn, .tip_2 .tip_horn {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'%3e%3cpath fill='%23fefee9' stroke='%23EDDDAB' d='M0 6l5.5-5.3L11 6'/%3e%3c/svg%3e"); }
.tip_3 .tip_horn, .tip_4 .tip_horn, .tip_js .tip_horn {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'%3e%3cpath fill='%23fefee9' stroke='%23EDDDAB' d='M0 0l5.5 5.3L11 0'/%3e%3c/svg%3e"); }
.mls p {width:98%;margin-top:5px;margin-left:auto;margin-right:auto}
.dt {border-top:1px solid var(--dz-borderb)}
.dt th, .alt, .alt th, .alt td {background:var(--dz-bgc)}
.dt td, .dt th {border-bottom:1px solid var(--dz-borderb);padding:8px;line-height:26px}
.dt td .parentcat {font-size:14px}
.dt caption h2 {font-size:14px;font-weight:400}
.altw p.mbm {margin-top:5px !important;margin-bottom:5px !important}
.altw .avts img {width:30px;height:30px}
.tfm .pcl label {padding-bottom:8px;font-size:14px}
.tfm .pcl .pc {margin-right:8px}
.notice_pm, .notice_mypost, .notice_interactive, .notice_system, .notice_manage, .notice_app, .notice_all {display:none}
.notice {margin-top:15px;color:var(--dz-fb)}
.notice:before {float:left;font-size:18px;line-height:18px;margin-right:8px}
.alt .notice:before {line-height:40px}
.f_c a {color:var(--dz-color)}
.f_c a:hover {opacity:0.8}
.f_c .list, .f_c .list th, .f_c .list td {border-color:var(--dz-borderb)}
.f_c .list th, .f_c .list td {height:30px}
.ph {font-size:24px}
.wx, .ph {font-weight:400}
.showmenu:after {margin-left:6px;vertical-align:3px;margin-right:-2px;color:var(--dz-fb) !important}
.pgsbtn.showmenu::after{color:var(--dz-ff) !important}
input[style*="98%"], textarea[style*="98%"]{width:93% !important}
input[style*="15%"] {width:19% !important}
input[style*="337px"] {width:331px !important}
input[style*="240px"], input[style*="220px"] {width:232px !important}
input[size*="35"] {width:300px !important;margin-top:6px}
form[action*="myrepeats:memcp"] .dt td b {font-size:14px;font-weight:400}
form[action*="myrepeats:memcp"] .tfm td p:first-child {margin-top:-6px;margin-bottom:-18px}
form[action*="myrepeats:memcp"] .tfm td .pn {background:var(--dz-btnbg);color:var(--dz-btntxt) !important}
form[action*="myrepeats:memcp"] p.tbmu {display:none}
.exfm[style*="10px"] {margin-top:15px !important}
.bm2 .bm2_b[style*="70px"] {padding-top:40px !important}
#avatarform .tfm caption {padding-top:0}
form[action*="ac=privacy&op="] .tfm caption h2.ptw {padding-top:0px !important}
#at_list li.xg1 {display:block;margin:8px 0}
.tns th {border-color:var(--dz-borderb)}
.mgcmn a {padding-left:27px}
.mgcmn img {margin-left:-22px}
.bbda {border-bottom:1px dashed var(--dz-borderb)}
input[name="searchkey"] {width: 120px;}
/* .xlda dl {padding-left:0} */



.tb {padding-left:10px;line-height:39px;border-bottom:1px solid var(--dz-borderb)}
.tb li {margin-right:12px;position:relative}
.tb a {padding:0 15px;font-size:14px;border:1px solid var(--dz-borderb);background:var(--dz-bgc);font-weight:400;border-radius:var(--dz-radius-s) var(--dz-radius-s) 0 0}
.tb .a a, .tb .current a {border-bottom-color:var(--dz-bgf);background:var(--dz-bgf);color:var(--dz-color);font-weight:400}
.tb .y {margin-left:10px;margin-right:0}
.tb .y a {padding:0 2px;font-size:13px !important}
.tb .y select {float:right;padding-right:0;margin:0 0 0 10px;padding:0 8px;min-height:30px;height:30px;line-height:30px;font-size:13px}
.tb .o {float:right;margin:0;border:none}
.tb .o, .tb .o a {height:30px;line-height:30px;font-size:13px;background:none;border-radius:var(--dz-radius-b)}
.tb .o a {padding:0 15px;border:none;font-weight:400;background:var(--dz-btnbg);color:var(--dz-btntxt)}
.tb .o a:hover {opacity:0.8}
.tb_s {line-height:30px;padding-left:8px}
.tb_s li {margin-right:8px}
.tb_s a {padding:0 10px}

.dz_tbnva .dz_uactive_box_share .tb, .dz_tbnva .dz_uactive_box .kmtb {padding-bottom:10px;border-bottom:1px solid var(--dz-borderb)}
.dz_tbnvb .tb {height:40px;line-height:20px;padding-left:0}
.dz_tbnvb .tb li {margin:0 20px 0 5px;height:40px;min-width:18px;text-align:center}
.dz_tbnvb .tb a {background:none;font-size:15px;border:none;padding:0}
.dz_tbnvb .tb .a:after, .dz_tbnvb .tb .current:after {content:"";position:relative;bottom:-18px;display:flex;margin:0 auto;width:100%;height:2px;background:var(--dz-color);border-radius:var(--dz-radius-x)}
.dz_tbnvb .tb .o {margin-right:0;margin-left:10px;font-size:12px !important}
.dz_tbnvb .tb .o a {padding:0 10px;background:var(--dz-btnbga);font-size:12px !important;color:var(--dz-btntxt)}
.dz_tbnvb .tb .kmfa_rss {margin-top:0;padding-left:20px !important;background-position:0 3px !important}
.dz_tbnvb .tb .y {margin-right:0}
.dz_tbnvb .tb .y:after {display:none}
.dz_tbnvb .tb .showmenu:after {content:"";position:static;bottom:auto;display:inline-block;margin:0 0 0 4px;width:auto;height:auto;background:none;border-radius:0}

.dz_wide.dz_tbnva .tb .o, .dz_wide.dz_tbnva .tb .y select {float:right;padding-right:0;margin:0 0 0 10px}

.dz_wide .tb {height:40px;line-height:20px;padding-left:0;    margin-top: 20px;}
.dz_wide .tb li {margin-right:10px;height:40px;margin-bottom:0}
.dz_wide .tb a {background:none;border:none;padding:0 5px;font-size:15px;}
.dz_wide .tb .a:after, .dz_wide .tb .current:after {content:"";position:relative;bottom:-8px;display:flex;margin:0 auto;width:20px;height:3px; background:var(--dz-nvbg);border-radius:var(--dz-radius-s)}
.dz_wide .tb .a a, .dz_wide .tb .current a{color:var(--dz-nvbg);}
.dz_wide .tb .o {margin-right:0;margin-left:10px}
.dz_wide .tb .o a {padding:0 10px;background:var(--dz-btnbg);}
.dz_wide .tb .kmfa_rss {margin-top:0;padding-left:20px !important;background-position:0 3px !important}
.dz_wide .tb .y {margin-right:0}
.dz_wide .tb .showmenu:after {content:"";position:static;bottom:auto;display:inline-block;margin:0 auto;width:auto;height:auto;background:none;border-radius:0}

.fl .bm_h {background:none;border:none}
.bbs {border-bottom:1px solid var(--dz-borderb) !important}
.bmw .bm_h {background:none;border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--dz-borderb)}
.bm_h {margin:0 20px;padding:0;height:50px;line-height:50px;background:var(--dz-bgf);border-top:none;border-bottom:1px solid var(--dz-borderb)}
.bm_h h3, .bm_h h2, .bm_h h1 {font-size:16px !important;font-weight:400}
.bm_h h3, .bm_h h2, .bm_h h1, .dz_uactive_profile h2.mbn, .ct2_a h1.mt, .dz_uactive_rbox .bm .bm_h h2, .dz_viewtitle h2, .frame-title, .title, .drag .block .title, .dz_xb_title, .dz_lactive_tinfo .km_nameico {position:relative;z-index:1}
.bmw .bm_h a, .bm_h h3 a, .bm_h h2 a, .bm_h h1 a {color:var(--dz-fa)}
.bmw .bm_h a:hover, .bm_h h3 a:hover, .bm_h h2 a:hover, .bm_h h1 a:hover {color:var(--dz-ahover)}
.bm_h .o {float:right;position:relative;z-index:2}
.bm_h .o img, .bm_h .o em {margin-top:20px;background:none}
.bm_h .o em {font-size:26px}
.bm_h .o em.tg_no {color:var(--dz-ahot)}
.bm_h .y {position:relative;z-index:10}
.bm_h .y a {color:var(--dz-fc)}
.bm {background:var(--dz-bgf);border-color:var(--dz-borderb);}
.bm_c {padding:15px 20px 20px}


/* 头部开始 */
input:focus{border-color:var(--dz-nvbg);outline:0}
.rotateInFiniteOne{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotateInFiniteOne 3s linear infinite;animation:rotateInFiniteOne 3s linear infinite;}
@-webkit-keyframes rotateInFiniteOne{0%{-webkit-transform:rotateZ(0deg);opacity:1;}
    100%{-webkit-transform: rotateZ(360deg);opacity:1;}
}

@keyframes rotateInFiniteOne{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);opacity:1;}
    100%{-webkit-transform: rotateZ(360deg);transform:rotateZ(360deg);opacity:1;}
}

.rotateInFiniteOne{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotateInFiniteOne 110s linear infinite;animation:rotateInFiniteOne 110s linear infinite;}
.avt{transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;}
.avt:hover{transform:scale(1.07);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-o-transform:scale(1.07);}

.frame-1{background-color:transparent !important;background-image:none !important;border:0 none !important;margin:0 !important;padding:0 !important;border-width:0px;height:auto }
.frame-1-c{background-color:transparent !important;background-image:none !important;border:0 none !important;margin:0 !important;padding:0 !important;border-width:0px;height:auto;}
/* .move-span{background-image:none !important;border:0 none !important;margin:0 !important;padding:0 !important;border-width:0px;height:auto;}
.move-span .content{background-color:transparent !important;background-image:none !important;border:0 none !important;margin:0 !important;padding:0 !important;border-width:0px;height:auto;} */
a{text-decoration:none;}
a:hover{text-decoration:none;}
*{padding:0px;margin:0px;-webkit-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased;}
ul li{list-style:none;}
img{border:none;}
.clear{clear:both;}

.dz_user_qmenu {height:40px;overflow:hidden;margin:0 18px 2px;padding:15px 0 10px;border-top:1px solid var(--dz-borderb);width: 90%;}
.dz_user_qmenu .qmenu_an {float:right;width:17px;overflow:hidden}
.dz_user_qmenu .qmenu_an a {float:left;width:17px;height:15px;margin:1px auto 3px;overflow:hidden;border-radius:2px;outline:none;border-radius:var(--dz-radius-s)}
.dz_user_qmenu .qmenu_an a.next {background:var(--dz-bgb) url({IMGDIR}/arrow_right.gif) no-repeat 7px 4px}
.dz_user_qmenu .qmenu_an a.prev {background:var(--dz-bgb) url({IMGDIR}/arrow_left.gif) no-repeat 3px 4px}
.dz_user_qmenu .qmenu_an a:hover {background-color:var(--dz-bgc)}
.dz_user_qmenu .qmenu_ico {width:160px;height:36px;float:left;overflow:hidden}
.dz_user_qmenu .qmenu_ico ul {width:9999px}
.dz_user_qmenu .qmenu_ico li {float:left;width:36px;height:36px;margin-right:5px;overflow:hidden}
.dz_user_qmenu .qmenu_ico li a {display:block;width:36px;height:36px;background-size:36px 36px;overflow:hidden;border-radius:4px}
.dz_user_qmenu .qmenu_ico li a span {display:none;cursor:pointer}
.dz_user_qmenu .qmenu_ico li a:hover {font-size:12px;zoom:1}
.dz_user_qmenu .qmenu_ico li a:hover span {display:block;width:36px;height:36px;line-height:36px;overflow:hidden;text-align:center;background:rgba(0,0,0,.6);color:var(--dz-ff)}
.
/*搜索*/

#scbar{width:180px;border-top:0;border-bottom:0;border-radius:26px;border:0;background:var(--dz-bgf);height:33px!important;line-height:33px!important;}
#scbar_txt_short{float:left;width:120px!important;padding-left:15px;height:36px;line-height:36px;border:0;background:var(--dz-bgf);outline:none;}
#scbar_txt_short::place-holder{font-size:13px;color:var(--dz-fc);font-weight:300;}
.dz_scbar_btn{float:right;}
#scbar_btn_index{border:0;width:43px;height:33px;cursor:pointer;outline:none;background:url({STYLEIMGDIR}/top/search.png) center no-repeat;}



.dz_scbar_hot_td{margin-left:5px;height:32px;line-height:32px;width:95%;}
#dz_scbar_hot{height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#dz_scbar_hot span{color:var(--dz-fc);font-weight:bold;margin-right:10px;}
#dz_scbar_hot a{color:var(--dz-fc);font-size:12px;margin:0 6px 0 0;}
#dz_scbar_hot a:hover{text-decoration:underline;color:var(--dz-nvbg);}
/*css3 animation*/
.winAlertIn{-webkit-animation-name: winAlertIn;-moz-animation-name: winAlertIn;-o-animation-name: winAlertIn;animation-name: winAlertIn;-webkit-animation-duration: .4s;-moz-animation-duration: .4s;-o-animation-duration: .4s;animation-duration: .4s;}
@-webkit-keyframes winAlertIn{0%{-webkit-transform: scale(.7);-moz-transform: scale(.7);-ms-transform: scale(.7);-o-transform: scale(.7);transform: scale(.7);}

    45%{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
    80%{-webkit-transform: scale(.95);-moz-transform: scale(.95);-ms-transform: scale(.95);-o-transform: scale(.95);transform: scale(.95);}
    100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}
@keyframes winAlertIn{0%{-webkit-transform: scale(.7);-moz-transform: scale(.7);-ms-transform: scale(.7);-o-transform: scale(.7);transform: scale(.7);}

    45%{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
    80%{-webkit-transform: scale(.95);-moz-transform: scale(.95);-ms-transform: scale(.95);-o-transform: scale(.95);transform: scale(.95);}
    100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}

/*二级导航*/
.dz_layer_search .p_pop{background:var(--dz-bgf);padding:0;min-width:57px;border:0;box-shadow:0 0.2rem 0.8rem rgba(51,51,51,.15);overflow:hidden;}
#hds .p_pop{-webkit-animation:winAlertIn .4s;-o-animation:winAlertIn .4s;animation:winAlertIn .4s;background:var(--dz-bgf);padding:0;min-width:150px;border:0;box-shadow:0 0.2rem 0.8rem rgba(51,51,51,.15);border-radius:4px;overflow:hidden;}
#hds .p_pop a{display:block;padding:0 20px;text-align:center;color:var(--dz-alink);font-size:14px;border-bottom:1px solid #f3f3f3;border-top:0;height:40px;line-height:40px;}
#hds .p_pop a:last-child{border-bottom:0;}
#hds .p_pop:last-child a{border-bottom:0;}
#hds .p_pop a:hover{color:var(--dz-color);}
#hds .p_pop a span{display: none;}
#hds .p_pop .a a{background-color: var(--dz-bgc);color: var(--dz-ahover) !important;}

.dz_layer_dl{float:right;}
.dz_layer_top{background:var(--dz-bgf);box-shadow:0px 2px 20px 0px rgba(0,0,0,.05);}
.topbox{position: sticky;top: 0;left: 0;z-index: 199;width: 100%;}
.dz_btm_layer{padding: 0 20px;min-width:1200px;height:73px;}
.dz_layer_nav{float:left;width:709px;height:73px;overflow:hidden;}
.dz_layer_nav ul li{float:left;}
.dz_layer_nav ul li a{display:inline-block;margin-right:25px;height:73px;line-height:73px;color:var(--dz-alink);font-size:16px;text-align:center;position:relative;font-weight:400;letter-spacing:2px;}
.dz_layer_nav ul li a:hover{color:var(--dz-nvtxt);}
.dz_layer_nav ul li.a a{color:var(--dz-nvtxt);}
.dz_layer_nav span{display:none;}
.dz_layer_nav ul li.hover{color:var(--dz-nvtxt);}
.dz_layer_nav ul li.hover a{color:var(--dz-nvtxt);}
.dz_layer_nav ul li a:before{content:'';background:var(--dz-nvtxt);height:2px;bottom:8px;width:0;position:absolute;left:40%;width:0px;transition:all 0.4s;border-radius:24px 0 0 24px;}
.dz_layer_nav ul li a:after{content:'';background:var(--dz-nvtxt);height:2px;bottom:8px;width:0;position:absolute;right:40%;width:0px;transition:all 0.4s;border-radius:0 24px 24px 0;}
.dz_layer_nav ul li.a a:before{width:15%;}
.dz_layer_nav ul li.a a:after{width:15%;}
.dz_layer_nav ul li a:hover:before{width:60%;}
.dz_layer_nav ul li a:hover:after{width:60%;}

.dz_menumore::after{vertical-align: -8px;color: var(--dz-alink);content: "";border-top: 6px solid;border-right: 6px solid transparent;border-bottom: 0;border-left: 6px solid transparent;border-radius: var(--dz-radius-x);}
.dz_layer_nav ul .dz_menumore a{font-size: 16px;margin-right: 10px;}


.dz_nav .dz_nav_logo {float:left;height: 73px;margin-right: 15px; position: relative;display: flex;align-items: center;justify-content: space-between;}
.dz_nav .dz_nav_logo img {width:140px;height:36px;float: left;}
.dz_nav .dz_nav_logo .dz_nav_logo_txt{float: left; height: 48px;line-height: 48px;font-size: 18px;color: #000;letter-spacing: 0.4px;}

.header-right{height:70px;display:flex;align-items:center;position: relative;}
/* */
.header-searcher{position:relative;display:inline-block;margin-right: 1rem;}
.header-searcher .searcher-wrap{position:relative}
.header-searcher .search-input{padding-left:12px;width:356px;height:32px;font-size:14px;background:var(--dz-bgc);border:1px solid var(--dz-borderb);border-radius:var(--dz-radius-c);}
.header-searcher .search-input::placeholder{color: var(--dz-fb);}
.header-searcher .search-input:hover{border: 1px solid #dadfe6}
.header-searcher .search-input.active{border: 1px solid #dadfe6;background-color: var(--dz-ff)}
.header-searcher .search-icon{position:absolute;top:50%;right:0;width:38px;height:38px;padding: 10px;border: none;transform:translateY(-50%);cursor:pointer;background: url({STYLEIMGDIR}/svg/search.svg) no-repeat center;background-size:16px}
.header-searcher .search-icon.active {background: url({STYLEIMGDIR}/svg/search.svg) no-repeat center;background-size:16px }
.header-searcher .search-panel{position:absolute;top:55px;z-index:2;width:300px;padding:18px 0 12px;background:var(--dz-bgf);box-shadow:0 8px 20px 0 rgba(28,54,108,.05),0 4px 12px 0 rgba(28,54,108,.08);border-radius:4px}
.header-searcher .search-panel .e-title{display:flex;justify-content:space-between;padding:0 20px 12px;line-height:20px;color:#797c80;border-bottom:1px solid var(--dz-borderb);font-size:14px;font-weight:500}
.header-searcher .search-panel .search-hot-list{display:flex;justify-content:flex-start;flex-wrap:wrap;padding:12px 14px;padding-bottom: 0;}
.header-searcher .search-panel .search-hot-list .item{display: block;color:var(--dz-alink);margin-right:12px;margin-bottom:10px;padding:6px 8px;background:var(--dz-borderb);border-radius:15px;font-size:13px;font-weight:400;cursor:pointer}

@media screen and (max-width: 1366px){
    .header-searcher .search-input {
        width: 160px;
    }
    .dz_layer_nav{width: 530px;}
    .header-indexsearcher{margin-left: 107px;}
}
@media screen  and (min-width:960px) and  (max-width: 1440px){
    .header-searcher .search-input {
        width: 180px;
    }
    .dz_layer_nav{width: 530px;}
    .header-indexsearcher{margin-left: 107px;}
}
@media screen and (min-width:1440px) and  (max-width: 1920px){
    .header-indexsearcher{margin-left: 407px;}
}
@media screen and  (min-width: 1920px){
    .header-indexsearcher{margin-left: 407px;}
}
/* */
.header-login{display:flex;align-items:center}
.header-login a:first-child{margin-left:0}
.header-login a{font-size:14px;font-weight:400;color:#494b4d;max-width:60px;margin-left:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.header-login .break{background-color:#c0c5cc;width:1px;height:12px;margin: 0 5px 0 10px;}

/* */
.header-client, .header-notice,.header-i18n{display:flex;align-items:center;margin-right: 12px;position:relative;height:60px}
.header-client .client-dropdown{display:none;top:55px;right:-45px;}
.header-client.open .client-dropdown{display:block}
.header-client .client-icon{display: flex; align-items: center;font-size:12px;font-weight:400;color:#494b4d;padding:6px;cursor: pointer;}
.header-client .client-icon:hover, .header-client.open .client-icon{background-color:var(--dz-borderb);border-radius:18px;}
.header-client .client-content{background:var(--dz-bgf); background-clip: padding-box;border-radius: 4px;white-space: nowrap; padding: 10px; }
.header-client .client-content img{width:100px;height:100px}
.header-client .client-content .client-text{text-align:center;font-size:12px;font-weight:400;color:#494b4d;margin-top:5px;letter-spacing:4px}

/* */
.header-notice .poptip-popper .poptip-arrow{right: 22px;}
.header-notice .notice-dropdown{display:none;top:55px;right:-6px;}
.header-notice.open .notice-dropdown{display:block}
.header-notice .notice-icon{position:relative;width:24px;height:24px;cursor:pointer;padding:6px;line-height: 24px;text-align: center;}
.header-notice .notice-icon:hover, .header-notice.open .notice-icon{background:var(--dz-bgfglass);border-radius:50%}
.header-notice .notice-icon .dot{position:absolute;top:0;right: -6px;min-width:16px;height:16px;line-height: 16px; border-radius:8px;background:#f35;text-align: center;color: var(--dz-ff);padding: 0 5px;}
.header-notice .notice-content{padding:5px 0;background:var(--dz-bgf);border-radius:4px;box-shadow:0 8px 20px 0 rgba(28,54,108,.05),0 4px 12px 0 rgba(28,54,108,.08);min-width: 120px;}
.header-notice .notice-content a{font-size:14px;font-weight:400;color:var(--dz-alink);line-height:20px;text-align:center;padding:12px 20px;display: block; word-break: keep-all;}
.header-notice .notice-content a:hover{background:var(--dz-borderb)}
.header-notice .notice-content .num{display:none;color:#ffb300;font-size:12px;}
.header-notice .notice-content .notice-item{position:relative;word-break:keep-all}
.header-notice .notice-content .notice-item .dot{position:absolute;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#f35;margin-left:4px}
.header-notice .notice-icon .dzicon {font-family:dzicon;font-size: 22px;color: var(--dz-fc);}
.header-notice .notice-icon .noticeicon:before{content: "\f145";}
.header-notice .notice-icon .myrepeats:before{content: "\f113";}
/* i18n */
.header-i18n .poptip-popper .poptip-arrow{right: 22px;}
.header-i18n .i18n-dropdown{display:none;top:55px;right:-6px;}
.header-i18n.open .i18n-dropdown{display:block}
.header-i18n .i18n-icon{position:relative;width:24px;height:24px;cursor:pointer;padding:6px;line-height: 24px;text-align: center;}
.header-i18n .i18n-icon:hover, .header-i18n.open .i18n-icon{background:var(--dz-bgfglass);border-radius:50%}
.header-i18n .i18n-content{padding:5px 0;background:var(--dz-bgf);border-radius:4px;box-shadow:0 8px 20px 0 rgba(28,54,108,.05),0 4px 12px 0 rgba(28,54,108,.08);min-width: 120px;}
.header-i18n .i18n-content a{font-size:14px;font-weight:400;color:var(--dz-alink);line-height:20px;text-align:center;padding:12px 20px;display: block; word-break: keep-all;}
.header-i18n .i18n-content a:hover{background:var(--dz-borderb)}
.header-i18n .i18n-content .i18n-item{position:relative;word-break:keep-all}
.header-i18n .i18n-icon .dzicon {color: var(--dz-fc); background-image: url({STYLEIMGDIR}/svg/i18n.svg); width: 22px; height: 22px; display: inline-block; background-size: cover; background-repeat: no-repeat;}

/* */
.header-user-login{display:flex;margin-left:.8rem;height:100%;font-size:14px;align-items:center;}
.header-user-login a{color:#494b4d;}
.header-user-login a img{display:flex;width:26px;height:26px;object-fit:contain;}
.header-user-login .user-login-separate{margin:0 1rem;color:#c0c5cc;font-size:16px;line-height:1;}
.header-user-login .login_btn {background:var(--dz-nvbg);margin-right:24px;padding:5.5px 14px;font-size:14px;color:var(--dz-ff);border-radius:4px;}
.header-user-login .login_btn a {color:var(--dz-ff);margin:0 1px;}
/* */
.header-button {display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px;padding:0 15px;height:34px;border-radius:4px;font-weight:500;font-size:14px;line-height:1;cursor:pointer;justify-content:center;align-items:center;}
.header-button i{margin-right:2px;width:18px;height:18px;}
.header-button:hover{opacity: .9;}

/* */
.dz_head_b #myprompt_menu, .dz_head_b #qmenu_menu, #myrepeats_menu {margin-top:8px}
.header-user{position:relative;display:flex;height:100%;align-items:center;}
.header-user.open .header-user-dropdown{display:block;}
.header-user.open .header-user-avatar{transform:scale(1.2);}
.header-user .poptip-popper .poptip-arrow{right:16px;}
.header-user-info{display:flex;align-items:center;}
.header-user-info::after{display:none;margin-left:4px;width:12px;height:12px;content:'';}
.header-user-name{margin-left:8px;font-size:14px;}
.header-user-avatar{transition-duration:.4s;}
.header-user-avatar img{width:32px;height:32px;border-radius:50%;}
.header-user-dropdown{position:absolute;top:55px;right:0;display:none;}
.header-user .user-card{display:flex;flex-direction:column;align-items:center;width:210px;background:var(--dz-bgf);border-radius:4px;padding: 0 12px;max-width: 286px;overflow: hidden;cursor: default;box-shadow: 0 8px 20px 0 rgba(28, 54, 108, .05), 0 4px 12px 0 rgba(28, 54, 108, .08);}
.header-user .user-card-area, .header-user .user-card-general{border-top:1px solid var(--dz-borderb);width:90%}
.header-user .user-card-general a{display:block;width:100%;text-align:center}
.header-user .user-card-general a:first-child{margin-bottom:5px}
.header-user .user-card-area a{display:block;margin:15px 0;font-size: 14px;color:var(--dz-alink);}
.header-user .user-card-area a:hover{color:var(--dz-nvbg);}
.header-user .user-card-area a span{color:#ffb300}
.header-user .user-card-area .pipe{display: none;}
.header-user .user-card-area #myrepeats{display: none;}
.header-user .user-card-hook{padding:12px 10%;width:80%;text-align: center}
.header-user .user-card-hook a{display: inline-block;margin: 2px 10px}
.header-user .user-card-hook .pipe{display:none}
.header-user .user-card-top{display: flex;flex-direction: row;margin-top: 25px;width: 100%;margin-bottom: 10px;align-items: center;}
.header-user .user-card-top .block_avatar{width: 58px;height: 58px;margin-right: 10px;}
.header-user .user-card-top .block_name{flex: 1;font-size:14px;font-weight:500;color:var(--dz-alink);line-height:20px;margin-bottom:9px}
.header-user .user-card-top .block_name a{display: block;margin-top: 5px;color:var(--dz-alink);}
.header-user .user-card-top .block_tip{font-size:14px;color:#aaaeb3}
.header-user .user-card-top .block_tip span{color:#ffb300}
.header-user .user-card-top .block_bar{margin-top:18px;display:flex;width:100%;justify-content:space-evenly;font-size:13px;color:var(--dz-alink);line-height:18px}
.header-user .user-card-top .block_bar a{display:flex;align-items:center;cursor:pointer;font-weight:400;line-height: 1;}
.header-user .user-card-top .block_bar a img{vertical-align:top}
.header-user .user-card-skin{padding:12px 5%;border-top:1px solid var(--dz-borderb);margin:0 auto}
.header-user .user-card-skin span{float:left;cursor:pointer;padding:1px}
.header-user .user-card-skin i{display:inline-block;width:10px;height:10px;background:#f44549;padding:2px;border-radius:2px}
.header-user .user-card-bottom{display:flex;justify-content:center;padding:12px;width:100%;border-top:1px solid var(--dz-borderb)}
.header-user .user-card-bottom .user-logout-btn{display:flex;margin:0 auto;padding:6px 10px;width:100%;border-radius:4px;color:#f44549;font-weight:500;font-size:14px;}

.header-user .author_intro{margin:10px 0 15px 0;text-align: left;width: 100%;}
.header-user .author_intro p{line-height:25px;font-size:14px;color:#7C7C7C;font-weight: 400;}
.header-user .author_intro p strong{color:var(--dz-nvbg);}
.header-user .author_intro p .ml20{margin-left: 20px;}
.header-user .author_intro p span{margin-right: 5px;}
.header-user .author_intro p a{color:var(--dz-alink);}
/* */
.group-forum-banner{padding:.4rem;border-bottom:1px solid var(--dz-borderb);}
.group-forum-banner img{max-width:100%;border-radius:2px;}

/* */
.poptip-popper{position:absolute;z-index:200;padding:10px 0 7px}
.poptip-popper .poptip-arrow, .poptip-popper .poptip-arrow:after{position:absolute;border-color:transparent;border-style:solid}
.poptip-popper .poptip-arrow{top:3px;right:50%;margin-right:-7px;border-width:0 7px 7px;border-bottom-color:hsla(0,0%,85.1%,.3)}
.poptip-popper .poptip-arrow:after{content:" ";top:1px;margin-left:-7px;border-width: 7px;border-top-width:0;border-bottom-color:var(--dz-bgf)}
.poptip-popper .poptip-content{box-shadow:0 8px 20px 0 rgba(28,54,108,.05),0 4px 12px 0 rgba(28,54,108,.08)}

/* 头像元素 */
.e-avatar{overflow:hidden;border-radius:50%;display:inline-block;background-color:var(--dz-borderb);border:2px solid var(--dz-borderb);}
.e-avatar img{width:100%;height:100%}
.e-avatar.large-x{width:120px;height:120px}
.e-avatar.primary{border:2px solid #fdecec}
.e-avatar.min{width:22px;height:22px}
.e-avatar.sixty { width: 58px; height: 58px;}
.e-avatar.default { width: 46px; height: 46px;}
.e-avatar.middle{ width: 48px; height: 48px;}
.e-avatar.large{width:80px;height:80px}

.guestbox{border: 1px solid #D9DEE5;background: #F7F8FA;border-radius: 12px;padding: 40px;text-align: center;}
.guestbox_top{font-size: 18px;margin-bottom: 10px;}
.guestbox_p{font-size: 14px;margin-bottom: 10px;}
.guestbox_btn {background:var(--dz-nvbg);margin-right:24px;padding:5.5px 14px;font-size:14px;color:var(--dz-ff);border-radius:4px;max-width: 80px;margin: 0 auto;}
.guestbox_btn a {color:var(--dz-ff);margin:0 1px;}
/* 头部结束 */

/* foot */
#ft {background:none;padding:5px 0;line-height:24px;color:var(--dz-fc)}
.dz_footc {background:var(--dz-bgf);overflow:hidden;box-shadow:var(--dz-shadow)}
.dz_footc a {color:var(--dz-alink)}
.dz_footc a:hover {color:var(--dz-ahover)}
#ft.dz_footc_bottom {border-top:none;padding:0}
.dz_footc_nav {padding:15px 0;height:20px;line-height:20px;border-bottom:1px solid var(--dz-borderb);margin-right: 130px;}
.dz_footc_nav a {float:left;font-size:14px;margin-right:15px}
.dz_footc_nav .pipe {float:left;color:var(--dz-borderb);margin:0 15px 0 0}
.dz_footc_copy {padding:10px 0 25px;line-height:26px;color:var(--dz-fc)}
.dz_footc_copy a {color:var(--dz-fc)}
.dz_footc_copy .pipe {float:none;color:var(--dz-borderb);margin:0 10px}
.dz_footc_copy img {vertical-align:top;margin:6px 5px 0 0}
.dz_footc_dico {float:right;background:var(--dz-bgf);padding:20px 10px 0 10px}
.dz_footc_dico .ewmimg {float:right;margin-left:10px;width:100px;text-align:center}
.dz_footc_dico .ewmimg img {width:100%;margin-bottom:0;display:block}
.dz_rnav {position:fixed;bottom:100px;z-index:300;margin-left:15px}
.dz_rnav a {display:block;margin-top:15px;background-color:var(--dz-bgf);color:var(--dz-fc);width:50px;height:50px;line-height:50px;font-family:dzicon;font-size:26px;text-align:center;box-shadow:var(--dz-shadow);border-radius:var(--dz-radius-b);position:relative}
.dz_rnav a:hover, .dz_rnav a.dz_light_on {background-color:var(--dz-btnbg);color:var(--dz-btntxt)}
.dz_rnav a.dz_rwx:before {content:"\f138"}
.dz_rnav a.dz_rqq:before {content:"\f118"}
.dz_rnav a.dz_rtop:before {content:"\f11b"}
.dz_rnav a.dz_light:before {content:"\e8c2"}
.dz_rnav a.dz_light_on:before {content:"\e8c1"}
.dz_rnav a.dz_light_auto{line-height: revert;}
.dz_rnav a.dz_light_auto:before {content:"Auto";font-size: 14px;}
.dz_rnav a.dz_rpost:before {content:"\f10e"}
.dz_rnav a.dz_rwx .dz_rewm_box {display:none;position:absolute;top:0;right:50px;padding-right:15px}
.dz_rnav a.dz_rwx .dz_rewm {background:var(--dz-btnbg);width:140px;text-align:center;line-height:20px;padding:15px;border-radius:var(--dz-radius-s);opacity:1}
.dz_rnav a.dz_rwx .dz_rewm img {display:block;width:140px;height:140px;margin-bottom:13px;border-radius:var(--dz-radius-s)}
.dz_rnav a.dz_rwx .dz_rewm span {color:var(--dz-color);font-size:14px}
.dz_rnav a.dz_rwx:hover .dz_rewm_box {display:block}
#dz_rnav a span.dz_tip_text {position:absolute;top:8px;right:65px;height:34px;line-height:34px;background-color:var(--dz-fb);color:var(--dz-ff);padding:0 12px;font-size:12px;transition:.15s ease-in-out;transform:translateX(-20px);opacity:0;white-space:nowrap;visibility:hidden;border-radius:var(--dz-radius-s)}
#dz_rnav a:hover span.dz_tip_text {opacity:1;transform:translateX(0);visibility:visible}

/* 弱提示 */
.pc_inner {background:var(--dz-ahot);background-image:none;border-radius:var(--dz-radius-m);border:none;min-width:300px;height:48px;box-shadow:0 0 8px rgba(88,88,88,.3);line-height:48px}
.pc_inner i {margin:0 5px;font-size:14px;color:var(--dz-ff)}
.pc_inner span {margin-right:5px;color:var(--dz-ff);font-weight:400}
.pc_inner span a {color:var(--dz-ff)}
.pc_inner span em {margin:0 4px;color:var(--dz-ff)}
.pc_inner span em.desc {color:var(--dz-ff)}




/* Showbox
----------------------------------------------------------------------------------------------------*/
#fwin_mods.fwinmask {z-index:300 !important}
.fwinmask .fwin, #icoImg_image_menu .fwin {box-shadow:0 0 8px rgba(0,0,0,.25);border-radius:var(--dz-radius-m)}
.fwinmask .fwin .tb.cl, #icoImg_image_menu .fwin .tb.cl {padding-left:10px}
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r {background:var(--dz-bgf);opacity:1;filter:alpha(opacity=100)}
.t_l, .t_r, .b_l, .b_r {width:10px;height:10px}
.t_c, .b_c {height:10px}
.m_l, .m_r {width:10px}
.m_c {background:var(--dz-bgf)}
.m_c .o {padding:0 0 10px 16px;height:34px;line-height:34px;border-top:none}
.m_c .o, body .tm_c .o {background:none}
.m_c .c {min-width:240px;color:var(--dz-fb)}
.m_c #moreconf.o {padding:0 11px 10px 11px}
div[id*='fwin_a_friend_li'] .m_c .c {min-width:300px;padding-bottom:15px;font-size:14px}
#fwin_content_postappend.m_c .o {padding:5px 10px 10px 10px}
.fwinmask .flb {padding:10px}
.fwinmask .tplw td {padding-left:0}
.fwinmask .tpcl {margin:0 0 10px;border-top:none}
.fwinmask .tpcl .pc {margin:1px 8px 3px 0}
#fwin_content_mods .c p button.pn {margin-right:0}
#unusedwin {margin-bottom:15px;margin-right:10px}
#floatlayout_newthread #typeid_float_ctrl {width:90px !important}
#floatlayout_newthread #subject {width:calc(100% - 18px);font-size:16px;font-weight:600}
#floatlayout_newthread #subject.km_type {width:calc(100% - 150px)}
.m_c .o span.z label {margin-left:-10px}
.flbc{background: none;line-height: 17px;}
.flbc:before {font-size:28px;color:var(--dz-color);font-weight:100}
.flbc:hover:before {color:var(--dz-fd)}
.p_opt .notice {margin-bottom:0;padding:7px 0 0;line-height:22px}
.nfl .f_c {margin:15px auto;border:none;padding:20px 20px 30px;width:calc(100% - 40px);background:var(--dz-bgf);box-shadow:var(--dz-shadow);border-radius:var(--dz-radius-m)}
.flb {padding:15px 15px 10px}
.flb em {font-size:16px;font-weight:600}
/* .xld .m {margin:10px 15px 10px 0} */
.m_c .o label {margin-right:8px}
#fwin_content_comment .o, #fwin_content_reply .o {padding-left:10px;padding-right:11px}
#fwin_content_comment .c, #fwin_content_reply .c {padding-top:5px;padding-bottom:15px}

#fwin_content_nav #postbtn {margin-right:0}
.pbl, .pbl li {border-color:var(--dz-bordera)}
.pbl {background:var(--dz-bgf);border-radius:var(--dz-radius-s);margin-bottom:0}
.pbl li {height:320px}
.pbl p {margin:5px;height:32px;line-height:32px;font-size:14px;border-radius:var(--dz-radius-s)}
.pbl a {padding:0 10px;color:var(--dz-alink);border-radius:var(--dz-radius-s);border:none}
.pbl a:hover, .pbls a, .pbls a:hover {font-weight:400;background-color:var(--dz-bga);color:var(--dz-ahover)}
.pbsb {background-position:97% -30px}
.pbsb:after {margin-top:12px}
.poke li {height:24px;font-size:14px}
#itemcp_bump {border-top:none !important}
.fwinmask .dopt p .px, .fwinmask .hasd .px {width:125px !important}
/* 快速回复 */
.tedt {width:99%;border-color:var(--dz-borderc);border-radius:var(--dz-radius-s)}
.tedt .pt {background:none;font-size:14px}
.tedt .pt a img {max-height:24px;margin-left:6px}
.tedt .bar {padding:5px 10px 5px 6px;height:26px;line-height:26px;background:var(--dz-bgc);border-bottom:1px solid var(--dz-borderb);border-radius:var(--dz-radius-s) var(--dz-radius-s) 0 0}
.tedt .area {padding:6px 8px;background:var(--dz-bgf);border-radius:var(--dz-radius-s)}
.tedt .bar .webuploader-container {margin:1px 8px 0 0 !important;padding:0 !important;width:24px !important;height:24px !important;background:url({STYLEIMGDIR}/svg/e_attach.svg) no-repeat center 2px !important;background-size:20px !important}
#fastposteditor .tedt .bar .fpd .pipe {display:none}
.tedt .bar .y.xg1.cur1 img {float:left;margin:5px 5px 0 0}
.tedt #comment_message {height:84px}
.dz_kmarea .area, #mood_statusinput .hm {background:var(--dz-bgc)}
.dz_kmarea, #mood_statusinput .hm {border:1px solid var(--dz-borderb)}
.dz_kmarea .hm, #mood_statusinput .hm {color:var(--dz-fc)}
#fastpostimg_menu.p_pof[style*="270"], #replyimg_menu.p_pof[style*="270"], #pmimg_menu.p_pof[style*="270"] {width:292px !important}
.tedt .webuploader-pick {text-indent:-999em !important}

#postbox .sadd .mbn, #psd .mbn {padding:0;height:36px;line-height:36px;font-size:14px}

.dopt_b, .dopt_i, .dopt_l {border-color:var(--dz-borderc);border-radius:var(--dz-radius-s)}
.colorwd {padding:0;background-image:url({STYLEIMGDIR}/images/pn_color.png) !important;background-repeat:no-repeat;background-position:0 0}
#itemcp_highlight .colorwd {margin-left:0}
.dopt_b, .dopt_i, .dopt_l {border-color:var(--dz-borderc);border-radius:var(--dz-radius-s)}
body .colorwd {width:36px !important;height:36px !important;line-height:36px !important;margin-right:5px !important;padding:0;background:var(--dz-fb);border:1px solid var(--dz-borderc) !important;border-radius:var(--dz-radius-s)}
.ss em {margin-right:6px;padding-left:0;width:34px;height:34px;line-height:34px;text-align:center;border-radius:var(--dz-radius-s)}
.ss em.a {background:var(--dz-btnbg)}

.dopt a {width:34px !important;height:34px !important;line-height:34px !important;margin-right:5px;color:var(--dz-alink);font-size:14px;border-radius:var(--dz-radius-s)}
.dopt #chighlight_bgcolor_ctrl {width:36px !important;height:36px !important;line-height:36px !important}
.dopt .cnt {border:1px solid var(--dz-btnbg);background:var(--dz-btnbg);color:var(--dz-btntxt)}
.dopt a.dpbtn {border-radius:0 var(--dz-radius-s) var(--dz-radius-s) 0}
.dpbtn {margin-left:-3px;width:34px !important;height:34px;line-height:34px;margin-right:0 !important;border:1px solid var(--dz-borderc);background:var(--dz-bgf) url({STYLEIMGDIR}/images/newarow.gif) no-repeat 100% 0;border-radius:0 var(--dz-radius-s) var(--dz-radius-s) 0}
.dpbtn:hover {background:var(--dz-bgf) url({STYLEIMGDIR}/images/newarow.gif) no-repeat 100% -34px}

.pgsbtn {padding:12px 28px;letter-spacing:0;background:var(--dz-btnbga);color:var(--dz-btntxta);border-radius:var(--dz-radius-b)}
.pgsbtn:hover {opacity:0.8;background:var(--dz-btnbga);color:var(--dz-btntxta)}
.pgsbtn:active {box-shadow:none}
.pgs {margin-top:10px !important}
.pg, .pgb {line-height:30px;overflow:visible}
.pg a, .pg strong, .pgb a, .pg label {border:1px solid var(--dz-borderb);margin-left:6px;min-width:14px;height:30px;line-height:30px;text-align:center;display:inline;border-radius:var(--dz-radius-s);background-color:var(--dz-bgf);color:var(--dz-fa)}
.pg strong, .pg a:hover, .pgb a:hover {background-color:var(--dz-nvbg);border-color:var(--dz-nvbg);color:var(--dz-ff);font-weight:400}
.pg label {display:none}
.pg label .px {font-size:12px}
.pg a.prev {background-image:url({STYLEIMGDIR}/svg/arw_l.svg);background-position:50% 50%;background-size:14px}
.pg a:hover.prev {background-image:url({STYLEIMGDIR}/svg/arw_ls.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:14px}
.pgb a {background-image:url({STYLEIMGDIR}/svg/arw_l.svg);background-size:14px;background-position:10px 50%;padding-left:28px}
.pgb a:hover {background-image:url({STYLEIMGDIR}/svg/arw_ls.svg);background-repeat:no-repeat;background-size:14px}
.pg a.nxt {background-image:url({STYLEIMGDIR}/svg/arw_r.svg);background-position:90% 50%;background-size:14px;padding-right:25px}
.pg a:hover.nxt {background-image:url({STYLEIMGDIR}/svg/arw_rs.svg);background-repeat:no-repeat;background-position:90% 50%;background-size:14px}
.pgb a:before, .pg a.nxt:after, .pg a.prev:after, .oshr:before, .tbms_r:before, .ptg:before, .tbms:before, .fico-bell:before, .xl a.d:before,  .c a.d:before, .fico-mypost:before, #scbar_btn:before, .fico-group:before, #task_ntc:before {display:none}

.reason_slct .pt, .reason_slct .px {width: 298px !important;margin-bottom: 5px;}
#uhd{background: #ffffff;border: 1px solid var(--dz-borderb);    border-bottom: none;}
#uhd .tb .a a{border: 0;}
.ct1{border: 1px solid var(--dz-borderb);border-top: none;background: var(--dz-bgf);margin-bottom: 30px;}

.pg_collection .bm{padding: 10px 20px;}
.pg_collection .bm .tb_h{background: none;}



/* 公共帖子列表 */
.forumportal_list .tb-c {padding:5px 20px}
.forumportal_listc {margin-bottom:-18px;overflow:hidden}
.forumportal_listc li.kmlist {padding:18px 0;min-height:48px;border-top:1px solid var(--dz-borderb);position:relative}
.forumportal_listc li.kmlist_hf {padding-bottom:20px}
.forumportal_listc li .km_moderate {float:right}
.forumportal_listc li:first-child {border-top:none}
.forumportal_listb li .kmimg_onebox {min-width:400px;max-width:500px;margin:5px 0 10px 50px;font-size:0;overflow:hidden;position:relative}
.forumportal_listc .kmfoot .kmimg {float:left;margin-right:15px;width:20px;height:20px;background:var(--dz-bgb);overflow:hidden;border-radius:var(--dz-radius-a);    vertical-align: text-bottom;}
.forumportal_listc .kmfoot .kmimg img {width:100%;height:100%;overflow:hidden;object-fit:cover;transition:all .4s;z-index:50;vertical-align: text-bottom;}
.forumportal_listc .kmfoot .kmimg:hover img {transform:scale(1.1)}
.forumportal_listc .kmtype em {float:left;margin-right:5px;font-size:14px}
.forumportal_listc .kmtit {display:block;margin-top:2px;height:20px;line-height:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--dz-radius-s)}
.forumportal_listc .kmtit span.kmico {float:left;margin-top:2px;margin-right:8px;padding:0 4px;height:18px;line-height:18px;font-size:12px;overflow:hidden;background-image:linear-gradient(100deg,#13adff,#006eff);color:var(--dz-ff);border-radius:var(--dz-radius-x)}
.forumportal_listc .kmtit span.kmding {background-image:linear-gradient(100deg,#ff9300,#ff5000)}
.forumportal_listc .kmtit span.kmjing {background-image:linear-gradient(100deg,#a4db0f,#87bc0a)}
.forumportal_listc .kmtit span.kmicotxt {height:16px;line-height:16px;background:var(--dz-bgf);color:var(--dz-ahot);border:1px solid var(--dz-ahot)}
.forumportal_listc .kmtit .kmimgico {float:left;margin-left:-1px;margin-top:1px;margin-right:5px;height:20px;line-height:20px;overflow:hidden;border-radius:var(--dz-radius-x)}
.forumportal_listc .kmnew {font-size:14px}
.forumportal_listc .kmtit i.fnmr:before {font-size:110%}
.forumportal_listc .kmtit i.fico-image:before {font-size:120%}
.forumportal_listc .kmtit .fico-image, .forumportal_listc .kmtit .fico-attachment {color:var(--dz-fc)}
.forumportal_listc .kmtit span, .forumportal_listc .kmtit em, .forumportal_listc .kmtit i {margin-right:2px}
.forumportal_listc .kmcon {margin-top:8px;line-height:18px;font-size:12px;color:var(--dz-fc);overflow:hidden}
.forumportal_listc .kmfoot {margin-top:10px;height:20px;line-height:20px;font-size:12px;color:var(--dz-fc);overflow:hidden}
.forumportal_listc .kmfoot a {float:left;margin-right:12px;color:var(--dz-fc)}
.forumportal_listc .kmfoot a:hover {color:var(--dz-ahover)}
.forumportal_listc .kmfoot img[src*="verify"] {max-height:14px !important;margin:-2px 0 0 -6px}
.forumportal_listc .kmfoot .kmico_bk {padding:0 3px;background:var(--dz-bgc);color:var(--dz-ahot);height:20px;line-height:20px;font-size:12px;font-weight:400;border-radius:2px}
.forumportal_listc .kmfoot .kmtxt, .forumportal_listc .kmfoot .kmtxt em, .forumportal_listc .kmfoot .kmtime {float:left;margin-right:12px}
.forumportal_listc .kmfoot .kmtime {font-family:hl-efont}
.forumportal_listc .kmfoot .kmtxt em a {float:none;margin-right:0}
.forumportal_listc .kmfoot .pipe {float:left;margin-left:0}
.forumportal_listc .kmfoot .kmfl {margin-top:1px;padding:0 4px;height:18px;line-height:18px;background:var(--dz-btnbg);color:var(--dz-btntxt);overflow:hidden;border-radius:3px}
.forumportal_listc .kmfoot .kmfl[href*="typeid=0"] {display:none}
.forumportal_listc .kmfoot .kmpl, .forumportal_listc .kmfoot .kmck {float:right;margin-left:15px}
.forumportal_listc .kmfoot .kmck:before {content:'';background:url({STYLEIMGDIR}/svg/dz_ico_view.svg) no-repeat 0 1px;background-size:18px;float:left;width:23px;height:20px}
.forumportal_listc .kmfoot .kmpl:before {content:'';background:url({STYLEIMGDIR}/svg/dz_ico_pinglun.svg) no-repeat 0 2px;background-size:17px;float:left;width:22px;height:20px}
.forumportal_listc .kmquote {border:none;margin:15px 0 -5px 60px;padding:12px 15px;font-size:13px;background:var(--dz-bgc);color:var(--dz-fc);border-radius:var(--dz-radius-s);position:relative}
.forumportal_listc .kmquote:after {content:"";display:block;width:22px;height:17px;position:absolute;right:12px;bottom:6px;background:url({STYLEIMGDIR}/dz_quote_icor.png) 0 0 no-repeat;background-size:100%}
.forumportal_listc .kmquote a {color:var(--dz-fc)}
.forumportal_listc .kmquote a:hover {color:var(--dz-ahover)}
.forumportal_listc .kmfoot .kmbga {float:left;margin-right:12px;color:var(--dz-ahot)}
.forumportal_listc .kmfoot .kmbga:before {float:left;font-family:dzicon;font-size:16px;margin-top:1px;margin-right:3px;color:var(--dz-ahot)}
.forumportal_listc .kmfoot .kmbgb {float:left;margin-right:12px;color:var(--dz-color)}
.forumportal_listc .kmfoot .kmbgb:before {float:left;font-family:dzicon;font-size:16px;margin-top:1px;margin-right:3px;color:var(--dz-color)}
.forumportal_listc .kmfoot .kmico_xs:before {content:"\f13c"}
.forumportal_listc .kmfoot .kmico_qx:before {content:"\f136"}
.forumportal_listc li .kmtxt {margin-top:10px;line-height:24px;font-size:14px;color:var(--dz-fc);max-height:48px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.forumportal_listc li .kmimg_onebox {min-width:400px;max-width:500px;margin:5px 0 10px 0px;font-size:0;overflow:hidden;position:relative}
.forumportal_listc li .kmimg_onebox .kmimg {position:relative;display:block;max-width:48%;margin:5px 0;overflow:hidden;border-radius:var(--dz-radius-s)}
.forumportal_listc li .kmimg_onebox .kmimg img {width:100%;height:100%;overflow:hidden;object-fit:cover;transition:all .4s}
.forumportal_listc li .kmimg_box {display: grid;gap: 4px;width: 392px;grid-template-rows: repeat(auto-fill, 128px);grid-template-columns: repeat(3, 128px);grid-auto-rows: 128px;margin:5px 0 15px 0px;font-size:0;overflow:hidden;position:relative}
.forumportal_listc li .kmimg_box .kmshowimg {position:relative;width:100%;height:100%;box-sizing:border-box;background:var(--dz-bgb);overflow:hidden;border-radius:var(--dz-radius-s)}
.forumportal_listc li .kmimg_box .kmshowimg:nth-child(3n) {margin-right:0}
.forumportal_listc li .kmimg_box .kmshowimg img {position:absolute;width:100%;height:100%;overflow:hidden;object-fit:cover;transition:all .4s}
.forumportal_listc li .kmimg_box .kmshowimg:hover img {transform:scale(1.1)}
.forumportal_listc li .kmimg_box .kmshowimg.kmmunbg:last-child:before {position:absolute;z-index:10;content:"";top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--dz-radius-s)}
.forumportal_listc li .kmimg_box .kmshowimg .kmmun {position:absolute;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-style:normal;font-family:'hl-efont';font-weight:500;font-size:28px;color:var(--dz-ff)}
.forumportal_listc li .km_4img .kmshowimg {width:100%;padding-bottom:47%;margin-top:1.6%;margin-right:1.6%;box-sizing:border-box;background:var(--dz-bgb);overflow:hidden;border-radius:var(--dz-radius-s)}
.forumportal_listc li .km_4img .kmshowimg:nth-child(2n) {margin-right:0}
.forumportal_listc li .km_4img .kmshowimg:nth-child(3n) {margin-right:1.6%}


.forumportal_page {margin:10px 20px 0;padding:20px 0;border-top:1px solid var(--dz-borderb)}
.forumportal_pages .forumportal_listc li:first-child, .forumportal_pages .forumportal_listc li:first-child {border-top:1px solid var(--dz-borderb)}
.forumportal_pages #autopbn {margin:5px auto 20px}
.threadlist .forumportal_listc {margin-bottom:0}



.dz_forumn_qna_list{padding: 20px;}
.dz_forumn_qna_list dl dd{margin-bottom:15px;}
.dz_forumn_qna_list dl dd:last-child{margin-bottom:0;}
.dz_forumn_qna_list dl dd a{display:block;}
.dz_hot_qna_top{font-size:14px;color:var(--dz-alink);margin-bottom:5px;}
.dz_forumn_qna_list dl dd a:hover .dz_hot_qna_top{color:var(--dz-alink);}
.dz_hot_qna_top em{display:inline-block;width:35px;height:20px;line-height:20px;text-align:center;font-size:12px;color:var(--dz-fb);border:1px solid var(--dz-bordera);margin-right:10px;border-radius:4px;}
.dz_hot_qna_btm{height:16px;line-height:16px;overflow:hidden;font-size:12px;color:var(--dz-fc);}




.focus {right:15px;bottom:15px;width:320px;z-index:320;background:none}
.focus .bm {margin-bottom:0;border:none;border-radius:var(--dz-radius-m);box-shadow:var(--dz-shadow)}
.focus .bm_h {margin:0;padding:40px 20px 10px;height:60px;line-height:60px;background:var(--dz-nvbg);color:var(--dz-ff);border:none;border-radius:var(--dz-radius-m) var(--dz-radius-m) 0 0}
.focus .bm_h .i {padding-left:0}
.focus .bm_h h2:before {background:var(--dz-ff)}
.focus .bm_h a.y {margin-top:-26px;margin-right:-6px;width:24px;height:24px;line-height:24px;text-align:center;color:var(--dz-ff);opacity:0.8;overflow:hidden}
.focus .bm_h a.y:before {font-family:dzicon;content:"\f116";font-size:24px}
.focus .bm_h a.y:hover {opacity:1}
.focus .bm_c {background:var(--dz-bgf);margin-top:-8px;border-radius:var(--dz-radius-m)}
.focus .bm_c .bbda.bbda {line-height:28px;font-size:14px;padding-bottom:13px !important}
.focus .bm_c .ptn .xi2.y {margin-top:8px}
.focus .bm_c .ptn .xi2, .focus .bm_c .ptn .xi2 a {color:var(--dz-ahot) !important}
.focus .bm_c .ptn .xi2:hover {color:var(--dz-ahover) !important}
#focus_con dt {font-size:17px;padding-top:2px;padding-bottom:5px;font-weight:400}
#focus_con dt .xi2 {color:var(--dz-alink) !important}
#focus_con dt .xi2:hover {color:var(--dz-ahover) !important}
#focus_con dd {margin-bottom:0;line-height:24px;font-size:14px;color:var(--dz-fc)}
#focus_con dd.m {margin-top:9px;margin-bottom:0;margin-right:12px;width:120px;height:80px;border-radius:var(--dz-radius-s);overflow:hidden}
#focus_con dd.m img {width:100%;height:100%;overflow:hidden;object-fit:cover;transition:all .4s}
#focus_con dd.m a:hover img {transform:scale(1.1)}
.focus .fctrl {float:right}
.focus .fctrl img {margin-bottom:15px;opacity:0.8;border-radius:var(--dz-radius-s)}
.focus .fctrl img:hover {opacity:1}
#plugin_notice.focus .bm_h {background:var(--dz-ahot);color:var(--dz-ff)}
.frame-1-1-l, .frame-1-1-r {width:50%}
.frame-3-1-l, .frame-1-3-r {width:73.3%}
.frame-3-1-r, .frame-1-3-l {width:26.7%}
/* .xlda dl {padding-left:0} */
.temp {margin:0}
.frame {background:none;border:none;margin-bottom:0}
.frame img {vertical-align:middle}
.block, .frame-tab, .dz_zuhe_box {background:var(--dz-bgf);padding:0;border:none;border-radius:var(--dz-radius-m);box-shadow:var(--dz-shadow);overflow:hidden}
.frame-title, .title, .drag .block .title, .dz_xb_title {background:none;margin:0 20px;padding:0;font-size:16px;font-weight:400;height:50px;line-height:50px;border-bottom:1px solid var(--dz-borderb);overflow:hidden}
.frame-title .subtitle, .title .subtitle {float:right;padding-right:1px;font-size:12px;color:var(--dz-fc)}
.frame-title .subtitle a, .title .subtitle a {color:var(--dz-fc)}
.frame-title .subtitle a:hover, .title .subtitle a:hover {color:var(--dz-ahover)}
.frame .title .titletext, .block .title .titletext {position:relative}
.column .block {box-shadow:var(--dz-shadow)}
.column .dz_nox {box-shadow:none !important}
.dz_index_style .column .block {box-shadow:none !important}
.block .xl ul, .block .xl1 ul {padding:10px 20px}
.block .xl ul li {overflow:hidden}
.block ul.xl2 {padding:0 20px}
.block .xl1 ul li, .block .xl ul li {display:block;margin:0 0 5px;line-height:28px;font-size:14px}
.block .xl1 ul li a:before, .block .xl ul li a:before, .dz_diytab_b .xl1 ul li a:before, .dz_diytab_b .xl ul li a:before {content:"";display:inline-block;width:4px;height:4px;background:var(--dz-fc);border-radius:6px;margin:0 8px 3px 0}
.block .xl1 ul li:before, .block .xl em a:before, .block .fcs dt a:before, .block .xld dt a:before, .dz_diytab_b .xl1 ul li:before, .dz_diytab_b .xl em a:before, .dz_diytab_b .fcs dt a:before, .dz_diytab_b .xld dt a:before {display:none !important}
.block .dxb_bc .bm.bw0 hr.da {margin-left:20px !important;margin-right:20px !important}
.dz_one_all .dxb_bc ul li:first-child {height:auto}
.dz_zuhe_box .block, .dz_zuhe_box .frame-tab {background:none;border-radius:0;box-shadow:none}
.dz_zuhe_box .dz_pic_dbt .xld dl {margin-bottom:-5px;padding-top:5px;padding-bottom:0}
.dz_zuhe_box .dz_pic_dbt .dxb_bc .module.xld .m {margin-top:0}
.dz_zuhe_box .dz_pic_dbt .xld dt {height:48px;margin-bottom:8px;overflow:hidden}
.dz_zuhe_box .dz_pic_dbt .xld dt em.y {display:none}
.xl li, .xl1 li, .xl2 li, #selectorBox.xl2 li {height:28px;line-height:28px;font-size:14px;overflow:hidden}
.xl em {padding-left:15px}
.xl em, .xl em a {font-size:12px;color:var(--dz-fc)}
.block .fcs, .block .xld {padding:12px 20px 5px}
.block .fcs dl, .block .xld dl {padding-bottom:12px}
.block .fcs dt, .block .xld dt {margin-bottom:4px;line-height:24px;font-size:15px !important;font-weight:400}
.block .fcs dd, .block .fcs dd a, .block .xld dd, .block .xld dd a {line-height:22px;font-size:13px;color:var(--dz-fc)}
.block .xld em {line-height:26px;padding-left:15px}
.block .xld em, .block .xld em a {font-size:12px;color:var(--dz-color) !important}
.block .xld dt {padding:0;font-size:16px !important}
.block .xld dd {margin-bottom:0}
.block .xld button em, .block .xld button em a {font-size:14px;color:var(--dz-btntxt) !important}
.block li dl.xld {padding:2px 0 5px}
.block .xlda dt {font-size:15px !important}
.block .xlda dl {padding-top:3px;padding-left:60px}
.block .xlda dl dd.m {display:block;margin:3px 0 8px -60px !important}
.block .xlda dd img, .block .dxb_bc .module.xld .m img {border-radius:var(--dz-radius-s)}
.block .dxb_bc .module.xld .m {margin:5px 15px 0 0}
.block .ml ul {padding:10px;overflow:hidden}
.block .ml li {margin:10px 10px 6px;padding:0}
.block .ml img {margin-bottom:4px;border-radius:var(--dz-radius-s)}
.block .ml p, .block .ml span {height:26px;line-height:26px;font-size:14px}
.block .b_poll dt {padding-left:22px;background-position:0 5px;background-size:16px}
.block .b_poll dl {padding-bottom:18px}
.block .b_poll dd li {padding:2px 0 4px 22px;font-size:14px}
.block .b_poll dd li .pc {margin-top:5px}
.block .b_debate dt {padding-left:22px;background-position:0 6px;background-size:16px}


.slideshow {position:relative}
.slideshow span.title, .slidebar li {color:#fff;border-bottom:none}
.slideshow li {width:100% !important}
.slideshow li img {width:100% !important;height:100% !important;overflow:hidden;object-fit:cover;transition:all .4s}
.slideshow span.title {position:absolute;bottom:0;text-indent:0;margin:0;width:calc(100% - 40px);padding:50px 20px 45px;height:auto;line-height:28px;font-size:18px;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.8) 100%)}
.slideshow span.title:before, .slideshow .title:after {display:none}
.slideshow li, .slideshow li img, .slideshow span.title {border-radius:var(--dz-radius-m)}
.slidebar {top:auto !important;left:auto !important;bottom:0;width:100%;text-align:center;z-index:100;padding-bottom:18px}
.slidebar li {display:inline-block;float:none;margin:2px 3px;width:8px;height:8px;line-height:200px;background:rgba(255,255,255,.5);text-align:center;font-size:0;cursor:pointer;overflow:hidden;border-radius:10px;transition:all .2s}
.slidebar li.on {width:25px;background:rgba(255,255,255,1)}

.dz_slidebox_a {overflow:hidden}
.dz_slidebox_a .slidebarup, .dz_slidebox_a .slidebardown {opacity:0;position:absolute;top:50%;margin-top:-45px;width:34px;height:70px;line-height:60px;text-align:center;font-size:52px;font-weight:100;background:rgba(0,0,0,.5);color:rgba(255,255,255,.8);z-index:100;transition:all .2s}
.dz_slidebox_a .slidebarup {left:20%;border-radius:var(--dz-radius-m)}
.dz_slidebox_a .slidebardown {right:20%;border-radius:var(--dz-radius-m)}
.dz_slidebox_a .slidebarup:hover, .dz_slidebox_a .slidebardown:hover {background:var(--dz-btnbg);color:var(--dz-btntxt)}
.dz_slidebox_a:hover .slidebarup, .dz_slidebox_a:hover .slidebardown {opacity:1}
.dz_slidebox_a:hover .slidebarup{left:0;border-radius:0 var(--dz-radius-m) var(--dz-radius-m) 0}
.dz_slidebox_a:hover .slidebardown {right:0;border-radius:var(--dz-radius-m) 0 0 var(--dz-radius-m)}
.dz_slidebox_b {overflow:hidden}
.dz_slidebox_b .slidebarup, .dz_slidebox_b .slidebardown {opacity:0;position:absolute;top:50%;margin-top:-40px;width:40px;height:40px;line-height:34px;text-align:center;font-size:32px;font-family:hl-efont;background:rgba(0,0,0,.4);color:rgba(255,255,255,.6);z-index:100;border-radius:50%;transition:all .2s}
.dz_slidebox_b .slidebarup {left:20%}
.dz_slidebox_b .slidebardown {right:20%}
.dz_slidebox_b .slidebarup:hover, .dz_slidebox_b .slidebardown:hover {background:rgba(0,0,0,.6);color:rgba(255,255,255,.9)}
.dz_slidebox_b:hover .slidebarup, .dz_slidebox_b:hover .slidebardown {opacity:1}
.dz_slidebox_b:hover .slidebarup{left:15px}
.dz_slidebox_b:hover .slidebardown {right:15px}
.dz_slidebox_b .slideshow span.title {text-align:left;font-size:16px;width:calc(100% - 30px);padding:50px 18px 15px}
.dz_slidebox_b .slidebar {text-align:right;padding-bottom:18px}
.dz_slidebox_b .slidebar ul {margin-right:18px}
.dz_slidebox_b .slidebar li {margin:2px;width:6px;height:6px;border-radius:50%}
.dz_slidebox_b .slidebar li.on {width:18px;border-radius:4px}
@supports (((-webkit-backdrop-filter:saturate(180%) blur(6px)) or (backdrop-filter:saturate(180%) blur(6px))) or (-webkit-backdrop-filter:saturate(180%) blur(6px))) {#dz_tnv {-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);background:rgba(255,255,255,0.9)}}

.uploadavatar{background: var(--dz-btnbg)!important;}

.dz_author{padding: 15px;}
.dz_index_member_intel{padding-left:40px;}
.dz_index_member_avator{width:45px;height:45px;float:left;}
.dz_index_member_avator a{display:block;}
.dz_index_member_avator a img{width:45px;height:45px;border-radius:100%;}
.dz_index_member_info{padding-left:60px;}
.dz_index_member_info h5{height:20px;line-height:20px;overflow:hidden;margin-bottom:5px;}
.dz_index_member_info h5 a{font-size:14px;color:var(--dz-alink);font-weight:500;}
.dz_index_member_info h5 a:nth-child(2){display:inline-block;padding:0 5px;height:16px;line-height:16px;border-radius:4px;font-size:12px;color:var(--dz-color);border:1px solid var(--dz-color);}
.dz_index_member_info h5 a:nth-child(2):hover{background:var(--dz-color);color:#fff;}
.dz_index_member_info h5 a:hover{color:var(--dz-color);}
.dz_index_member_info_btm{height:20px;line-height:20px;overflow:hidden;}
.dz_index_member_info_btm p{height:20px;line-height:20px;font-size:12px;color:#999;}
.dz_index_member_info_btm p span{margin-left:10px;padding-left:10px;}
.dz_index_member_info h5 a {font-size:16px;color:var(--dz-fb);white-space:nowrap;}
.dz_index_member_info h5 a:hover {color:var(--dz-nvbg);}
.dz_good_author{}
.dz_good_author ul li{margin-bottom:25px;}
.dz_good_author ul li:last-child{margin-bottom:0px;}
.dz_good_author ul li em{display:block;float:left;width:22px;height:22px;line-height:22px;text-align:center;font-size:14px;color:#999;background:var(--dz-bgc);border-radius:12px;margin-top:13px;margin-left:3px;}
.dz_good_author ul li em.dz_member_num1 {background:url({STYLEIMGDIR}/images/ic_number1.png) center no-repeat;background-size:30px;width:28px;height:30px;margin-top:8.5px;}
.dz_good_author ul li em.dz_member_num2 {background:url({STYLEIMGDIR}/images/ic_number2.png) center no-repeat;background-size:30px;width:28px;height:30px;margin-top:8.5px;}
.dz_good_author ul li em.dz_member_num3 {background:url({STYLEIMGDIR}/images/ic_number3.png) center no-repeat;background-size:30px;width:28px;height:30px;margin-top:8.5px;}
.dz_index_member_info_btm p span {margin-left:0;padding-left:0;}


.portal_container {max-width:1200px;position:relative;margin:0 auto;width:100%;}
.portal_container_wrap {display:flex;flex-direction:row;margin-top:20px;}
.portal_nav {width:180px;position:-webkit-sticky;position:sticky;top:80px;margin-right:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:4px;background-color:#fff;max-height:calc(100vh - 101px);overflow-x:hidden;    border-radius: var(--dz-radius-m);}
.portal_nav_container {min-width:180px;box-sizing:border-box;padding:8px;font-size:16px;height:515px;}
.portal_nav li a {display:flex;align-items:center;padding:12px 16px;border-radius:6px;transition:background .3s ease;}
.portal_nav li a:hover {background-color:var(--dz-btnbg);color:var(--dz-btntxt);}
.portal_nav li.a a {background-color:var(--dz-btnbg);color:var(--dz-btntxt);}
.timeline_container {margin-right:20px;}
.timeline_content {position:relative;display:flex}
.timeline_entry_list {float:left;border-radius:2px;width:720px;position:relative;}
.timeline_entry_list_container {background-color:#fff;padding:20px;    border-radius: var(--dz-radius-m);}
.portal_side {width:260px;float:right;}


.sltm li {padding:8px 10px;font-size:14px;white-space:nowrap;border-radius:var(--dz-radius-s)}
.sltm {min-width:102px;width:auto !important;padding:9px;background:var(--dz-bgf);border-color:var(--dz-borderb);border-radius:var(--dz-radius-s);box-shadow:none}
.sltm li, #threadclass.ftid a {color:var(--dz-fa) !important}




#itemeditarea div[style*="height:225px"] {height:265px !important;overflow-y:hidden !important}
#itemeditarea .xl2 li {height:24px;line-height:24px}
#rtargettplname {max-width:168px}
.favmark {margin-left:4px !important;margin-bottom:4px !important}
.pm {width:500px}
.pm .flb {padding:5px 8px 10px;height:20px;line-height:20px;background:var(--dz-bgf);border-bottom:none}
.pm .flb em {text-shadow:none;font-size:14px;padding-left:2px;background:none}
.pm_tac {margin:0 10px 10px;padding:10px 13px;background:var(--dz-bgc);border-radius:var(--dz-radius-s)}
.m_c .pm .c {padding:0;background:var(--dz-bgf)}
.pmt {background:none}
.pmb {margin:0 10px;padding:10px 10px 0;width:460px}
.pmb h4 {font-weight:400;display:inline-block;margin:0 auto;padding:0 5px;background:rgba(88,88,88,.2);font-size:12px;color:#fff !important;border-radius:var(--dz-radius-s)}
.pmb li {margin-bottom:15px;text-align:center}
.pmd, .pmm .pmd {margin-bottom:2px;box-shadow:none;padding:8px 12px;font-size:13px;border-radius:var(--dz-radius-s);position:relative}
.pmd {background:var(--dz-bgc);border-color:var(--dz-bordera)}
.pmm .pmd {background:#95ec69;color:#232323;border:none}
.pmd:after {content:"";position:absolute;left:-5px;top:13px;height:0;width:0;border-color:transparent var(--dz-bgc) transparent transparent;border-style:dashed solid dashed dashed;border-width:5px 5px 5px 0}
.pmd:before {content:"";position:absolute;left:-6px;top:12px;height:0;width:0;border-color:transparent var(--dz-bordera) transparent transparent;border-style:dashed solid dashed dashed;border-width:6px 6px 6px 0}
.pmm .pmd:after {content:"";position:absolute;left:auto;right:-5px;top:13px;height:0;width:0;border-color:transparent transparent transparent #9EEA6A;border-style:dashed dashed dashed solid;border-width:5px 0 5px 5px}
.pmm .pmd:before {content:"";position:absolute;left:auto;right:-6px;top:12px;height:0;width:0;border-color:transparent transparent transparent #9EEA6A;border-style:dashed dashed dashed solid;border-width:6px 0 6px 6px}
.pmfm {padding:0 10px 10px}
.pmfm .tedt {width:478px}
.pmfm #pmsubmit_btn {margin:8px 0 0 10px}
.pmfm .pns .pma {margin-top:13px !important}
#msglist .kmavt {float:left;margin-right:12px;width:36px;height:36px;border-radius:var(--dz-radius-a);overflow:hidden}
#msglist .kmavt img {width:36px;height:36px;background:var(--dz-bgc)}
#msglist .pmm .kmavt {float:right;margin-left:12px;margin-right:0}
#msglist .kmtxt {float:left;text-align:left}
#msglist .pmm .kmtxt {float:right;text-align:right}
.pmm .pmt{background: none;}

.card {width:330px !important;padding:0;border-color:none;background:var(--dz-bgf);border-radius:var(--dz-radius-m);box-shadow:var(--dz-shadow);overflow:hidden}
.card_gender_0, .card_gender_1, .card_gender_2 {background:none}
.card a {padding:0 !important;font-size:12px}
.card .mgc {display:none}
.card .mgc a, .card .f a {float:left;line-height:16px;margin:0 5px 10px}
.card .mgc a img, .card .f a img {float:left;height:16px;margin-right:6px}
.card_mn .c span.y, .card_mn .c div, .card_mn .c div a {font-size:12px;color:var(--dz-fc)}


/* 快速回复 */
.tedt {width:99%;border-color:var(--dz-borderc);border-radius:var(--dz-radius-s)}
.tedt .pt {background:none;font-size:14px}
.tedt .pt a img {max-height:24px;margin-left:6px}
.tedt .bar {padding:5px 10px 5px 6px;height:26px;line-height:26px;background:var(--dz-bgc);border-bottom:1px solid var(--dz-borderb);border-radius:var(--dz-radius-s) var(--dz-radius-s) 0 0}
.tedt .area {padding:6px 8px;background:var(--dz-bgf);border-radius:var(--dz-radius-s)}
.fpd a {width:24px;height:24px;margin:1px 8px 0 0}
.fpd a.fbld {background:url({STYLEIMGDIR}/svg/dz_e_bold.svg) no-repeat center 4px;background-size:16px}
.fpd a.fclr {background:url({STYLEIMGDIR}/svg/dz_e_forecolor.svg) no-repeat center 3px;background-size:18px}
.fpd a.fmg {background:url({STYLEIMGDIR}/svg/dz_e_image.svg) no-repeat center 3px;background-size:20px}
.fpd a.flnk {background:url({STYLEIMGDIR}/svg/dz_e_url.svg) no-repeat center 3px;background-size:18px}
.fpd a.fqt {background:url({STYLEIMGDIR}/svg/dz_e_quote.svg) no-repeat center 2px;background-size:20px}
.fpd a.fcd {background:url({STYLEIMGDIR}/svg/dz_e_code.svg) no-repeat center 2px;background-size:20px}
.fpd a.fsml {background:url({STYLEIMGDIR}/svg/dz_e_sml.svg) no-repeat center 2px;background-size:20px}
.fpd a.fat {background:url({STYLEIMGDIR}/svg/dz_e_at.svg) no-repeat center 2px;background-size:20px}
.tedt .bar .webuploader-container {margin:1px 8px 0 0 !important;padding:0 !important;width:24px !important;height:24px !important;background:url({STYLEIMGDIR}/svg/dz_e_attach.svg) no-repeat center 2px !important;background-size:20px !important}
#fastposteditor .tedt .bar .fpd .pipe {display:none}
.tedt .bar .y.xg1.cur1 img {float:left;margin:5px 5px 0 0}
.tedt #comment_message {height:84px}
.dz_kmarea .area, #mood_statusinput .hm {background:var(--dz-bgc)}
.dz_kmarea, #mood_statusinput .hm {border:1px solid var(--dz-borderb)}
.dz_kmarea .hm, #mood_statusinput .hm {color:var(--dz-fc)}
#fastpostimg_menu.p_pof[style*="270"], #replyimg_menu.p_pof[style*="270"], #pmimg_menu.p_pof[style*="270"] {width:292px !important}
.tedt .webuploader-pick {text-indent:-999em !important}

.dz_rbox_btn {display:block;height:46px;line-height:46px;font-size:16px;font-weight:400;text-align:center;background:var(--dz-btnbg);color:var(--dz-btntxt) !important;border-radius:var(--dz-radius-b)}
.dz_rbox_btn:hover {cursor:pointer;opacity:0.8}
#postbox .mbn, #psd .mbn {padding:0;height:36px;line-height:36px;font-size:14px}
#pmsmiliesdiv_tb, #sendsmiliesdiv_tb {width:365px !important}