.body .content{width:950px; float:left; margin:auto; border:1px #e3e3e3 solid; margin-top:5px; display:table;}

	.state_tip{ background:#fcf5d0; border:1px #FFF solid; border-bottom:1px #f2b100 solid; padding:8px; font-size:14px; font-weight:bold; color:#e22323; text-align:center;}
	.state_tip span{ display:block; height:14px; padding:3px; padding-left:20px; margin:auto; background:url(images/main2.gif) -480px -10px no-repeat; width:330px;}
	
	.content_head h1{ text-align:center; padding:10px; margin-top:20px; margin-bottom:-4px; color:#2969a6;}
	.content_head .info{ background-color:#F8F8F8; border:#CCC dotted 1px; border-right:0; border-left:0; font-size:12px; font-weight:normal;}
	.content_head .info{ width:920px; padding:6px; margin:auto;  text-align:center;}
	.content_head a{ color:#333;}
		.content_head .info span{ font-weight:bold;}
		.content_head .info strong{ font-weight:normal;}
	#cnum{ color:#B70004;}
	.content .introduction{ background-color:#fefeff; border:1px #eeeeee solid; line-height:25px; padding:10px; width:900px; margin:auto; margin-top:10px; color:#333;}
	
	.save_tip{text-align:center; font-size:12px; margin:8px; padding-top:10px; color:#d24545;}
		.save_tip span{font-weight:bold; }
		
	.content .imgAge{ margin:auto; margin-top:10px;}

.picsay {
    font-size: 14px;
    color: #353535;
    line-height: 24px;
    padding: 8px 25px;
    border-bottom: 1px #eee dashed;
    margin-bottom: 5px;
    background-color: #f8f8f8;
}
.picsay:empty{display:none;}


/* ===== 正文内容区 独立样式 ===== */
.content .content_body {
    width: 900px;
    margin: 19px auto;
    font-size: 15px;
    line-height: 1.8;
    color: #333;
    padding: 0 10px;
}

/* 正文段落：首行缩进 + 段间距 */
.content .content_body p {
    margin-bottom: 12px;
    text-indent: 2em;
}

/* 正文小标题：沿用站点主色 #2969a6 */
.content .content_body h2,
.content .content_body h3 {
    color: #2969a6;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
.content .content_body h2 { font-size: 18px; }
.content .content_body h3 { font-size: 16px; }

/* 正文图片：居中、不超宽 */
.content .content_body img {
    max-width: 100%;
    height: auto;
    margin: 10px auto;
    display: block;
}

/* 正文列表：缩进对齐 */
.content .content_body ul,
.content .content_body ol {
    margin: 10px 0;
    padding-left: 2.5em;
}
.content .content_body li {
    margin-bottom: 6px;
}

.sub-title {text-align:center; margin-bottom:18px; color:#205383; font-weight:normal;}

	.content .imageList{ text-align:center;}

/* ===== 修复 IE11 图片撑破表格样式 ===== */
.content .imageList table {
    width: 100%;
    table-layout: fixed; /* 核心：强制表格固定宽度，不给图片撑开的机会 */
    word-wrap: break-word;
}
.content .imageList td {
    overflow: hidden;    /* 超出单元格部分隐藏 */
    word-break: break-all;
}
.content .imageList img {
    width: auto;         /* 改为 auto：不强行拉伸小图 */
    max-width: 100%;     /* 改为 100%：大图最大只能铺满单元格，绝不撑破 */
    height: auto;        /* 保持比例 */
    display: block;      /* 消除空隙 */
    margin: 10px auto;   /* 上下边距10px，左右居中（非常重要，加上 auto 让图片居中） */
}
/* 限制点击热区，只有图片本身可以点，外面的空白不能点 */
.content .imageList td a {
    display: block;
    width: fit-content;  /* 关键：宽度只等于图片的宽度 */
    margin: 0 auto;      /* 依然保持居中 */
}
/* ==================================== */

		.content .imageList .note{ width:800px; margin:auto; margin-top:15px; text-align:center; line-height:1.8; border:#e5c483 dotted 1px; padding:10px; background-color:#FFFBF4}
	.content .flashReader{ width:800px; margin:auto;}
		#flashReaderTop{ position:absolute; width:800px; height:100px; background-color:#FFF;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
	.bd_share{ padding:15px; padding-left:80px; margin:5px; border-top:1px #CCC dotted; height:17px;}	
		.bd_share em{ float:left; height:16px; padding-top:6px; padding-bottom:3px; font-style:normal; font-weight:bold; color:#F00; font-size:14px;}
		.bd_share a,.content .bd_share span{ margin-right:10px;}
	.content .bd_share_top{ border-top:0; border-bottom:1px #CCC dotted; padding-top:5px; }
	.content .bd_share_top{ border-top:0; border-bottom:1px #CCC dotted; padding-top:5px; }

	.lyrics{ width:800px; padding:20px; margin:auto; text-align:center; font-size:12px; line-height:1.8; margin-top:20px; border:#eeeeee solid 1px; padding-bottom:10px;}
		.lyrics h3{ width:750px; margin:auto; border-bottom:1px #CCC dotted; padding-bottom:10px; margin-top:10px; margin-bottom:10px; font-size:18px;}
	.audio,.video{ font-size:12px; width:800px; margin:20px auto 20px auto; padding:8px; padding-left:33px; border:#CCC dotted 1px;}
		.audio a,.video a{ color:#06C; font-family:Arial, Helvetica, sans-serif;}
		.audio{background:url(images/main.png) #fff -465px -655px no-repeat;}
		.video{background:url(images/main.png) #fff -465px -695px no-repeat;}

	.opernTools{ height:28px; margin-top:13px; padding-left:0px; text-align:center;}
		.opernTools .tools_but{ float:none; width:108px; height:28px; cursor:pointer; margin-right:20px; line-height:0;font-size:0;overflow:hidden; display:inline-block; vertical-align:middle;}
			.opernTools .tfullScreen{background:url(images/main.png) #fff -10px -300px no-repeat;}
			.opernTools .tfavorite{background:url(images/main.png) #fff -130px -300px no-repeat;}
			.opernTools .tdownload{background:url(images/main.png) #fff -250px -300px no-repeat;}
			.opernTools .tcomments{background:url(images/main.png) #fff -10px -330px no-repeat;}
			.opernTools .sendEmail{background:url(images/main.png) #fff -130px -330px no-repeat; width:141px;}
			.opernTools .sendEmail2{background:url(images/main.png) #fff -280px -330px no-repeat; width:141px;}
			.opernTools .mobileView{background:url("images/dy_copy.png");background-repeat:no-repeat;background-position:0 0;}
		/*下面一行是复制链接*/	
			.opernTools .tcopyurl{background-image:url("images/btn_copy.png");background-repeat:no-repeat;background-position:0 0;}	

.body .side{ 
    float:left; 
    width:238px; 
    margin-left:10px; 
    overflow:hidden; 
}
/* 吸顶样式，名字统一为 side-fixed，沿用calc居中偏移，不要两套fixed */
.body .side-fixed {
    position: fixed;
    top: -4px;
    left: calc(50% + 362px);
    width: 238px;
    z-index: 99;
    margin: 0;
    float: none;
}

* html .body .side-fixed {
    position: static;
}

/* IE6兼容 */
* html .body .side-fixed {
    position: static;
}


/*鎵╁睍淇℃伅*/
.related{ width:236px; margin:auto; margin-top:5px; padding-bottom:5px; border:1px #e1e1e1 solid; display:table; }
	.related h3{ height:30px; width:211px; margin:1px; border-bottom:1px #e1e1e1 solid; }
	.related h3{ float:left; color:#393939; font-size:14px; height:30px; line-height:30px; padding-left:23px; background:url(images/main.png) #ebf0f6 -470px -239px no-repeat;}
		.related h3 span{ color:#F00; }
	.related .list{}
		.related .list ul{ width:210px; margin:auto;}
		.related .list li{ float:left; width:220px; border-bottom:#e6e6e6 dotted 1px; line-height:30px; height:30px; font-size:14px; margin-left:-5px; }
		.related .list li a{ color:#457893;color:#457893;
								display: block;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;}
		.related .list li span{color:#666; margin-right:8px; display:none; }
		.related .list li span a{color:#666;}
		.related .more{ float:right; margin-right:10px; font-size:12px; color:#06F;}

/*璇勮*/	
.comments{ width:950px; height:240px; border-top:1px #e5e5e5 solid; margin:auto; display:table; background-color:#f8f8f8; margin-top:5px; }

	.comments_main{ float:left; width:560px; height:230px; font-size:12px; line-height:1.8;}
		.comments_main .tip{ padding:8px; color:#333; font-weight:bold; font-size:14px; }
		.comments_main .list{ border:#e5e5e5 solid 1px; background-color:#FFF; height:190px; width:535px; margin-left:8px; overflow:scroll; overflow-x:hidden;}
			.comments_main .list .d{border-bottom:1px #CCC dotted; padding-bottom:5px; padding-top:5px;}
			.comments_main .list .d1{ background-color:#FFF;}
			.comments_main .list .d2{ background-color:#f4f4f4}
			.comments_main .list .name{ color:#d12012; padding-left:8px;}
				.comments_main .list .name span{ font-weight:bold;}
			.comments_main .list .reference{ color:#999; border:1px #CCC dotted; display:table; padding:1px 5px 1px 5px; margin-left:-2px; margin-bottom:4px; background:#f7f7f7;}
			.comments_main .list .note{ padding-left:16px; color:#333; padding-right:15px;}
			.comments_main .list .notip{margin-top:80px; color:#666; text-align:center;}
			
	.new_comments{ float:left; width:370px; margin-left:2px; font-size:12px;}
		.new_comments .tip{ color:#333; font-size:12px; padding-bottom:12px; margin-top:12px; border-bottom:1px #333 dashed; margin-bottom:10px;}
			.new_comments .tip span{ font-weight:bold; font-size:14px; margin-right:10px;}
			.new_comments .tip a{ color:#6da192;}
			.new_comments .item{ margin-top:4px; padding-left:8px; display:table; height:25px;}
				.new_comments .item span{ float:left; margin-top:4px;}
				.new_comments .item strong{ color:#E80005; font-weight:normal;}
				.new_comments .item	#username{ float:left; width:85px; margin-right:15px;}
				.new_comments .item	#password{ float:left; width:85px;}
				.new_comments .item img{ margin-left:5px; cursor:pointer;}
				.new_comments .item	#content{ width:350px; border:#cdcdce 1px solid; height:115px; background:url(images/main_long.gif) #f3f3f3 -100px -500px no-repeat;}
		
/*鏇茶氨涓撹緫閮ㄥ垎*/

.album_topimg{margin-top:5px;}
.album_introduction{ border:1px #CCC solid; margin-top:5px; font-size:14px; line-height:1.8;}
	.album_introduction h2{ display:block; padding:5px 0 5px 10px; margin:0; font-size:14px; line-height:1.6; background-color:#f3f3f3; border:1px #FFF solid; border-bottom:1px #e1e1e1 solid;}
	.album_introduction .note{ padding:10px;}
.bd_share_album{width:908px; padding:8px 0 8px 70px;border:1px #CCC solid; height:25px; margin:5px 0 0 0;}

/*鏇茶氨鍒楄〃*/
.opernList{border:1px #e3e3e3 solid; padding:10px 0px 10px 15px; border-top:2px #2969a6 solid; margin-top:5px; display:table;}
	.opernList h3{ display:block; margin:0; padding:0; margin-bottom:10px;}
	.opernList .cateText{ float:left;font-weight:bold; width:1150px; margin-top:15px; text-align:center; line-height:1.8; border:#e8d348 dotted 1px; padding:2px 10px 2px 10px; margin-bottom:10px; background-color:#fefbe5;}
	.opernList a{ float:left; width:295px; border-bottom:1px #CCC dotted; padding:5px; margin-right:15px; font-size:14px; height:20px; padding-top:8px; color:#333;}
		.opernList a span{ color:#D20005; font-family:Arial, Helvetica, sans-serif;} 


.view_links{width:868px; margin:auto; margin-top:15px; border-collapse:collapse; border-spacing:0;border:1px #BBB solid;}
	.view_links td{ width:100px; padding:8px;}
	.view_links_tip{ font-size:12px;text-align:center;background:#BBB; color:#fff; }
	.view_links_tip a{ color:#fff;}
	
#look_all span{ display:block; margin:50px auto 50px auto; width:500px; border:#ff0000 solid 1px; background:#FFDFE0; padding:10px; color:#F00; font-weight:bold; cursor:pointer;}

/* ================ 打印样式 开始 ================ */
/* 功能：仅打印曲谱图片、每张图单独占一页、挤掉浏览器页眉页脚（标题/时间/网址） */

/* 打印纸张边距控制：调小上下边距，把浏览器自带的页眉页脚挤出打印区域 */
@page {
    size: auto;
    /* 顺序：上 右 下 左；上边距越小，顶部标题/日期挤得越干净 */
    margin: 5mm 10mm 15mm 10mm;
}

@media print {
    /* 隐藏所有不需要打印的页面元素 */
    .top,
    .head,
    .navigation,
    .navigationChild,
    .topBar,
    .area,
    .side,
    .opernTools,
    .food,
    .state_tip,
    .bd_share,
    .content_head,
    .save_tip,
    #back-gotop,
    .comments {
        display: none !important;
    }

    /* 外层容器重置：铺满打印区域，清除边框、背景和多余边距 */
    body,
    .body,
    .wrap-table,
    .content,
    .content-left,
    .imageList {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: #ffffff !important;
        display: block !important;
    }

    /* 曲谱图片：铺满宽度 + 每张强制分页单独占一页 */
    .imageList img {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        page-break-after: always;
    }
    /* 最后一张图片后取消分页，避免末尾多出空白页 */
    .imageList img:last-child {
        page-break-after: auto;
    }
}
/* ================ 打印样式 结束 ================ */

/* ======= 专辑开始 ========= */
.album_topimg{ width:1200px; text-align:center; background:#E5E5E5;}
.opernList a{ width:270px;}
.bd_share_album{ width:1128px;}
.bd_share_album #bdshare{ padding-left:150px;}
.comments{ width:1198px; border:1px solid #ddd;}
.comments_main{ width:800px;}
.comments_main .list{ width:770px;}


/* 文章侧边栏文章搜索模块 - 专属样式 */
.sidebar-article-search {
    padding: 0px 10px;
}
.sidebar-article-search input[type="text"] {
    width: 100%;
    margin-bottom: 8px;
    box-sizing: border-box;
    margin-top:6px;
}
.sidebar-article-search select.search_select {
    width: 65%;
    float: left;
}
.sidebar-article-search input[type="submit"] {
    width: 30%;
    float: right;
    background-color:#f6a37b;
    border-color:#f6a37b;
}
.sidebar-article-search::after {
    content: "";
    display: block;
    clear: both;
}

/* ===== 上下篇导航 开始 ===== */
.page_turn {
    margin: 20px 0;
    padding: 15px 28px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    line-height: 1.6;
}
.page_turn .turn-item {
    flex: 1;
    overflow-wrap: break-word;
}
.page_turn .prev {
    text-align: left;
}
.page_turn .next {
    text-align: left;
}
.page_turn a {
    color: #333;
    text-decoration: none;
}
.page_turn a:hover {
    color: #2969a6;
}
/* ===== 上下篇导航 结束 ===== */

/* ===== 相关文章 开始 ===== */
.related_article {
    margin: 22px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    padding: 15px 20px;
    background: #fafafa;
}
.related_article h4 {
    font-size: 15px;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    color: #333;
}
.related_article ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 8px;
}
.related_article li {
    width: 48%;
    border-bottom: 1px dashed #ddd;
    line-height: 1.6;
    box-sizing: border-box;
}
/* 最后一行2条去掉底部分隔线 */
.related_article li:nth-last-child(1),
.related_article li:nth-last-child(2) {
    border-bottom: none;
}
.related_article a {
    display: block;
    padding: 6px 0 6px 15px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    overflow-wrap: break-word;
    position: relative;
}
/* 小黑圆点 */
.related_article a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 50%;
}
.related_article a:hover {
    color: #2969a6;
}
/* ===== 相关文章 结束 ===== */