@charset "utf-8";
/* ==========================================================================
   苹果CMS 官方系统基础样式库 (100% 主题独立完整版 - 全部读取主题内部资源)
   ========================================================================== */

/* 延时加载 */
.lazy { background: url('../images/home/loading.gif') center no-repeat; }

/* 滑动显示下拉框 */
.mac_drop_box {
	text-align: left; padding: 5px; margin-top: 8px; border: 1px solid #ddd; clear: both; display: none; position: absolute; background-color: #f6f6f6; z-index: 9999;
}
.mac_drop_box::after {
	content: ''; width: 0px; height: 0px; border-color: transparent transparent #f6f6f6 transparent; border-style: solid; border-width: 6px; position: absolute; top: -12px; border-radius: 3px; left: 41px; right: auto;
}
.mac_drop_box::before {
	content: ''; width: 0px; height: 0px; border-color: transparent transparent #ddd transparent; border-style: solid; border-width: 7px; position: absolute; top: -14px; border-radius: 3px; left: 40px; right: auto;
}
.mac_user_box::after { left: 21px; }
.mac_user_box::before { left: 20px; }
.mac_user_box { width: 100px; margin-left: -20px; }
.mac_user_box ul li { margin: 3px 0; }

/* 历史记录 */
.mac_history_box { width: 180px; margin-left: -20px; }
.mac_history_box dt { text-align: right; padding-right: 15px; height: 24px; line-height: 24px; border-bottom: 1px solid #F9F9F9; cursor: pointer; }
.mac_history_box dt a { color: #000000; }
.mac_history_box dd { clear: both; margin: 0px; height: 24px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; width: 96%; padding: 2px; overflow: hidden; }
.mac_history_box dd a { color: #990033; display: block; padding-left: 0px; }
.mac_history_box dd.odd { background-color: #eee; }
.mac_history_box dd a:hover { background-color: #acacac; color: white; }

/* 验证码 */
.mac_verify_img {
	width: 70px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

.mac_comment, .mac_digg { font-size: 12px; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }

/* 基础分页 */
.mac_pages { text-align: center; padding: 4px 0; overflow: hidden; }
.mac_pages .page_tip { margin-left: 4px; color: #7f7f7f; font-weight: normal; }
.mac_pages .page_link { display: inline-block; padding: 2px 4px; border: 1px solid #ddd; margin-left: 4px; }
.mac_pages .page_current { display: inline-block; padding: 2px 4px; background-color: #fee; border: 1px solid red; color: red; margin-left: 4px; }
.mac_pages .page_input { margin-left: 4px; height: 22px; width: 30px; }
.mac_pages .page_btn { border: 1px solid #CCCCCC; height: 24px; width: 40px; text-align: center; cursor: pointer; }

/* 文章顶踩图标 */
.mac_art_digg { width: 400px; margin: 0px auto; clear: both; padding: 10px 0px; overflow: hidden; }
.mac_art_digg .digg_artup, .mac_art_digg .digg_artdown { background: url('../images/home/digg_art.gif') no-repeat -189px 0; border: 0; cursor: pointer; float: left; height: 48px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 189px; }
#digg_artup_num, #digg_artdown_num { color: #333333; font-family: arial; font-size: 10px; font-weight: 400; left: 70px; line-height: 12px; position: absolute; top: 30px; }
.mac_art_digg .digg_bar { background-color: #FFFFFF; border: 1px solid #40A300; height: 5px; left: 9px; overflow: hidden; position: absolute; text-align: left; top: 32px; width: 55px; }
.mac_art_digg.digg_bar div { background: transparent url('../images/home/digg_art_bg.gif') repeat-x scroll 0 -265px; height: 5px; overflow: hidden; width: 0px; }
.mac_art_digg.digg_artdown { background-position: -378px 0; margin-left: 10px; }
.mac_art_digg.digg_artdown .dig_bar { border-color: #555555; }
.mac_art_digg.digg_artdown .dig_bar div { background-position: 0 -270px; }

/* 评分模块 */
.mac_score { height: 60px; }
.mac_score .score_info strong { font-size: 14px; color: red; }
.mac_score .score_tip { position: absolute; width: 140px; color: #999; font-size: 14px; margin-left: 0px; }
.mac_score .score_hover { margin: 24px 8px 0 0; width: 30px; color: green; font-family: Arial; font-weight: bold; font-size: 14px; }
.mac_score .score_shi { font-size: 32px; line-height: 28px; font-weight: bold; }
.mac_score .score_ge { font-size: 18px; line-height: 22px; }
.mac_score p { width: 100px; float: left; color: #666; }
.mac_score p span { font-family: Arial; font-style: italic; color: #f60; }
.mac_score p span.score_no { width: 110px; clear: both; color: #666; font-style: normal; font-size: 12px; }
.mac_score .score_btn { width: 55px; height: 21px; }

.mac_star { font-weight: normal; width: 240px; }
.mac_star dd { display: inline-block; float: right; margin-left: 10px; }
.mac_star dt { color: #999; font-size: 1.0em; display: inline-block; float: left; margin-top: 3px; }
.mac_star .star_box { color: #00b269; font-size: 0.5em; }
.mac_star .star_tips { font-size: 1.8em; line-height: 0.5; color: #ffc00a; font-family: Arial, Helvetica, sans-serif; }
.mac_star i { background: url("../images/home/starrating.gif") no-repeat; cursor: pointer; font-size: 1.5em; color: transparent; }
.mac_star i.star-half-png, .mac_star i.star-on-png { background: url("../images/home/starrating.gif") 0 -35px no-repeat; }

/* ==================== 评论区（一体化无框卡片版） ==================== */
.mac_comment { 
	margin-top: 5px !important; 
	padding: 0 !important; 
	border: none !important; 
	background: transparent !important; 
	font-family: -apple-system, BlinkMacSystemFont, "Microsoft Yahei", sans-serif !important; 
}

.mac_comment .cmt_form,
.mac_comment .comment_form {
	margin-bottom: 12px !important;
	background: #f8fafc !important;
	border: 1px solid #edf0f5 !important;
	border-radius: 8px !important;
	padding: 10px 12px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.mac_comment .face_wrap img { width: 40px !important; height: 40px !important; border-radius: 50% !important; }
.mac_comment .input_wrap { width: 100% !important; padding: 0 !important; position: relative !important; }
.mac_comment .cmt_wrap .input_wrap { width: 100% !important; }

.mac_comment .input_wrap textarea,
.mac_comment .comment_content {
	background: transparent !important; 
	border: none !important; 
	border-radius: 0 !important; 
	width: 100% !important; 
	height: 52px !important; 
	min-height: 52px !important;
	line-height: 1.5 !important; 
	overflow: auto !important; 
	padding: 0 !important; 
	color: #334155 !important;
	font-size: 13px !important;
	outline: none !important;
	resize: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.mac_comment .input_wrap .handle {
	position: relative !important;
	background: transparent !important; 
	border: none !important; 
	width: 100% !important; 
	height: 32px !important; 
	color: #94a3b8 !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
}

.mac_comment .input_wrap .face { cursor: pointer !important; position: relative !important; width: 24px !important; height: 24px !important; z-index: 2 !important; }
.mac_comment .input_wrap .face.curr { background: transparent !important; }
.mac_comment .input_wrap .face-box {
	display: none; padding: 8px !important; width: 260px !important; position: absolute !important; top: 32px !important; left: 0 !important; background: #ffffff !important; border: 1px solid #edf0f5 !important; border-radius: 8px !important; box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important; z-index: 10 !important;
}
.mac_comment .input_wrap .face-box img { display: inline-block !important; margin: 2px !important; }
.mac_comment .icon-face { display: block !important; width: 24px !important; height: 24px !important; background: url("../images/home/face.png") center/contain no-repeat !important; }
.mac_comment .icon-face:hover, .mac_comment .input_wrap .face.curr .icon-face { background: url("../images/home/face-on.png") center/contain no-repeat !important; }

.mac_comment .expression { background: url("../images/home/emotion2.png") no-repeat 0px 0px !important; margin: 0 !important; width: 18px !important; height: 16px !important; display: block !important; cursor: pointer !important; }
.mac_comment .remaining-w { float: none !important; margin-left: 10px !important; padding-left: 0 !important; line-height: 1 !important; border-left: none !important; font-size: 12px !important; color: #94a3b8 !important; }

.mac_comment .smt_wrap { width: 100% !important; margin-top: 6px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; }
.mac_comment .smt { margin: 0 !important; display: flex !important; align-items: center !important; gap: 6px !important; color: #64748b !important; }
.mac_comment .smt .cmt_verify { height: 28px !important; line-height: 28px !important; vertical-align: middle !important; border-radius: 4px !important; border: 1px solid #e2e8f0 !important; padding: 0 4px !important; }

.mac_comment .smt .cmt_text,
.mac_comment .mac_verify {
	background: #ffffff !important; padding: 0 8px !important; border-radius: 4px !important; border: 1px solid #e2e8f0 !important; width: 60px !important; height: 28px !important; line-height: 28px !important; margin: 0 !important; font-size: 12px !important; color: #334155 !important; outline: none !important;
}

.mac_comment .smt .cmt_post,
.mac_comment .comment_submit,
.mac_comment .comment_btn {
	background: #1481eb !important; border: none !important; padding: 0 16px !important; height: 28px !important; text-align: center !important; color: #ffffff !important; line-height: 28px !important; font-size: 12px !important; font-weight: 500 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; border-radius: 6px !important; transition: background 0.2s ease !important; box-shadow: none !important;
}
.mac_comment .smt .cmt_post:hover, .mac_comment .comment_submit:hover { background: #0f6fcd !important; }

.mac_comment .cmt_item { padding: 12px 0 !important; width: 100% !important; color: #64748b !important; border-bottom: 1px solid #f1f5f9 !important; }
.mac_comment .item_con { width: 100% !important; padding-left: 0 !important; }
.mac_comment .item_con p.top { padding: 0 !important; width: auto !important; margin-bottom: 6px !important; font-size: 12px !important; }
.mac_comment .item_con .name { color: #1481eb !important; font-weight: 500 !important; }
.mac_comment .item_con .con { color: #334155 !important; line-height: 20px !important; overflow: hidden !important; margin-top: 4px !important; font-size: 13px !important; }

/* 顶踩与弹窗系统 */
.mac_comment i.icon-ding, .mac_digg i.icon-ding { background: url("../images/home/up1.png") center no-repeat; }
.mac_comment i.icon-ding:hover, .mac_digg i.icon-ding:hover { background: url("../images/home/up2.png") center no-repeat; }
.mac_comment i.icon-dw, .mac_digg i.icon-dw { background: url("../images/home/dw1.png") center no-repeat; }
.mac_comment i.icon-dw:hover, .mac_digg i.icon-dw:hover { background: url("../images/home/dw2.png") center no-repeat; }
.mac_digg a { margin-right: 10px; color: #999; }
.mac_digg a:hover { color: #333; }

/* 系统登录与弹窗 */
.mac_pop_bg { position: fixed; z-index: 129; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); }
.mac_pop { z-index: 99998; display: none; min-height: 20px; max-height: 750px; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding: 25px; border-radius: 8px; background-color: #fff; box-shadow: 0 3px 18px rgba(0, 0, 0, .5); }
.mac_pop_msg_bg { position: fixed; z-index: 129; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); }
.mac_pop_msg { z-index: 99999; display: none; min-height: 20px; max-height: 750px; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding: 25px; border-radius: 8px; background-color: #fff; box-shadow: 0 3px 18px rgba(0, 0, 0, .5); }

/* ==================== 评论区高度自适应（去除无评论时的大面积空白） ==================== */
#zzjs_zzjs3,
.mac_comment,
.mac_comment .cmt_wrap {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
}

.mac_comment .cmt_wrap {
    margin-top: 8px !important;
    padding: 0 !important;
}

.mac_comment .cmt_wrap .smt_wrap {
    margin: 4px 0 !important;
    padding: 0 !important;
}

.mac_comment .cmt_wrap .smt_wrap .total {
    font-size: 12px !important;
    color: #94a3b8 !important;
    font-weight: normal !important;
}