/*重定义HTML外观*/
html{overflow-y:scroll; }
html,body{ margin:0; padding:0;}
body{ background-image:url(images/bg.gif);background-color:#fff; background-repeat:repeat-x; font-size:14px; color:#333; }
*{ font-family:'microsoft yahei','微软雅黑';  }
a{ text-decoration:none;}
a img{ border:0;}
a:hover{ text-decoration:underline;}
ul,li{ padding:0; margin:0; list-style:none;}
form{ margin:0; padding:0;}
h1,h2,h3,h4,h5{ padding:0; margin:0;}
th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
p{ margin:0; padding:0; margin-bottom:5px;}
.link{ color:#06C; text-decoration:none;}

/* 通用类 */
.moner{ font-size:0; color:#FFF; background:url(images/main.png) -190px -10px; display:block; width:33px; height:5px;}
.aend{text-align:justify;text-justify:inter-ideograph;}
.l5{ margin-left:5px;}
.l8{ margin-left:8px;}
.t0{ margin-top:0; padding-top:0;}
.p0,.p0 tr td{ padding:0;}
.noborder,.noborder tr td{ border:0;}
.mt5{ margin-top:5px;}

/* 表单类 */
.text,.input_public{ border:1px #CCC solid; border-top-color:#999; height:18px; line-height:18px; background-color:#FFF;}
.text_box{ border:1px #CCC solid; border-top-color:#999;}
.bitian{ color:#F00; }
.formTip{ color:#999; font-size:12px;}
.but{background:url(images/main.png) -290px -130px; border:0; width:107px; height:31px; text-align:center; color:#FFF; font-size:14px; letter-spacing:2px; margin-top:8px; margin-bottom:8px; font-weight:bold;}

/* 搜索提示框 */
.dropDiv {position:absolute; z-index: 10; display:none; cursor: hand; border:1px solid #cdcdcd; border-top-color:#ebe9e9; background:#fff;}
.dropDiv .jhover {background-color: #5bc8a8;}
.dropDiv .list {float:left; width:100%; padding:6px 0 6px 0; cursor:pointer;}
.dropDiv .word {float:left; font-size:12px; padding-left:5px;}
.dropDiv .view {float:right; color: gray; text-align: right; font-size: 10pt; display:none;}


.top_tip{height:22px; color:#666; margin:auto; width:980px; text-align:center; font-size:12px; background-image:url(/Public/stype/default/images/top_tip.gif); padding-top:8px; margin-top:5px;}
	.top_tip span{ color:#06C; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
/*
	.backToTop {display:none; z-index:9999999; width: 18px;line-height:1.2; padding:5px 0;background-color:#000; color:#fff; font-size: 12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto";cursor: pointer;opacity:0.6;filter: Alpha(opacity=60);}
*/
	/* ========== 自定义返回顶部按钮 开始 ========== */
#back-gotop{
    position:fixed;
    bottom:25px;
    right:15px;
    opacity:0;
    visibility:hidden;
    z-index:9999;
    width:42px;
    height:42px;
    background:#2969a6;
    text-align:center;
    line-height:42px;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    transition: opacity 0.3s;
    margin:0;
    padding:0;
    border:none;
    font-family:system-ui,sans-serif;
    box-sizing:border-box;
}
#back-gotop.show{
    opacity:1;
    visibility:visible;
}
#back-gotop:hover{
    background:#577c9f;
}
/* ========== 自定义返回顶部按钮 结束 ========== */

/*顶部通栏*/
.top{ width:1200px; margin:auto; height:40px; font-size:14px; line-height:34px;}
	.top .login{ float:left; margin-left:10px; width:750px; height:40px; overflow:hidden;}
		.top .login span{ float:left; color:#999;  margin:0 4px 0 3px;  }
		.top .login label{ float:left; margin-top:5px;}
		.top .login .username,.top .login .password{ background:url(images/main.png) -0px -10px; _background-attachment: fixed; border:0; width:116px; line-height:24px;  height:24px; padding:0 4px 0 4px; margin-right:8px;}
		.top .login .cktext{ margin:0;}
		.top .login .submit{ background:url(images/main.png) -130px -10px; width:47px; height:23px; border:0; font-size:0; margin:0 15px 0 8px; color:#bd2b2c;}
		.top .login .line{ margin:0 3px 0 2px;}
		.top .login a{ color:#333;}
		.top .login .userinfo{ color:#333;}
		.top .login .userinfo em{ font-style:normal; color:#B70004;}
		
	.top .info{ float:right; width:385px; height:32px;}
		.top .info a{ float:right; color:#333;}
		.top .info span{ float:right; color:#999;  margin:0 4px 0 3px; }
		.top .info .weight{ color:#c10102;}

/*页头*/
.album {
    float: left;
    width: 231px;
    height: 328px;
    border: 1px #cecece solid;
    border-top: 3px #629485 solid;
}
.head{width:1200px; margin:auto; height:85px;}
	.mobile_link{ position:absolute; z-index:100; margin-left:218px; margin-top:18px;}
	.head .logo{ float:left; width:237px; margin-top:5px; }
	.head .ad{ float:left; width:507px; padding-top:8px; margin-left:25px; margin-top:5px; }
	.head .info{ float:right; width:160px; text-align:center; margin-top:13px;}
		.head .info span{ display:block; margin-top:5px; font-size:12px; color:#333; padding-right:7px;}
		.head .info a{ display:block; background:none; width:156px; height:53px; border:0;}
			.head .info a span{ display:none;}
/*导航栏*/
.navigation{ width:1200px; margin:auto; height:40px; background:url(images/main.png) 0px -50px;}
	.navigation .first{ float:left; background:url(images/main.png) -10px -130px; width:10px; height:40px;}
	.navigation .last{ float:right; background:url(images/main.png) -250px -130px; width:10px; height:40px;}
	.navigation a{ float:left; color:#FFF; height:24px; font-size:14px; line-height:40px; padding:0 15px 0 15px;}
	.navigation em{ float:left; background:url(images/main.png) -30px -130px; width:3px; height:40px;}
	.navigation .current2{ background:url(images/main.png) -60px -130px; width:37px; color:#970102; text-align:center; font-weight:bold; height:40px; line-height:48px; }
	.navigation .current2:hover{ text-decoration:none;}
	.navigation .current4{ background:url(images/main.png) -130px -130px; width:66px; color:#970102; text-align:center; font-weight:bold;}
	.navigation .current4:hover{ text-decoration:none;}

	
/*二级导航栏*/
	.navigationChild{ width:1188px; margin:auto; height:50px; padding:6px 5px 6px 5px; background:#f4f4f4; border:1px #cfcfcf solid; border-top:0;}
		.navigationChild .tips{ border-radius:2px; background:#d5ba9b; line-height:17px; margin:4px 10px 0 0; padding:5px 3px 1px 3px; width:20px; }
		.navigationChild .tips{ float:left; height:38px; color:#FFF; font-size:12px; font-weight:bold; text-align:center;}
		.navigationChild .tips2{ width:35px; }
			.navigationChild .tips a{ color:#FFF;}
		.navigationChild .menus{ float:left; height:40px;}
						 .menus1{ width:122px;}
						 .menus2{ width:395px;}
						 .menus3{ width:205px;}
						 .menus4{ width:125px;}
						 .menus5{ width:138px;}
			.navigationChild .menus a{ float:left; margin-right:12px; color:#333; font-size:14px; margin-top:3px;}
			
			
/* ========== 独立头部搜索栏开始 ========== */

/* 总容器：和页面主体内容区同宽，居中 */
.yuepu365-header-search-wrap {
    width: 1200px;
    height: 44px;
    margin: 5px auto 3px auto;
    padding: 0;
    border: 1px solid #cfcfcf;
    background: #ffffff url(images/topbar-bg.gif) 0 0 repeat-x;/* 横向平铺 */
    font-size: 12px;
    font-family: "Microsoft YaHei", sans-serif;
    color: #333333;
    line-height: 45px;
    overflow: hidden;
    box-sizing: border-box;
}

/* 左侧搜索区 左浮动 */
.yuepu365-header-search-wrap .yuepu365-search-left-box {
    float: right;
    width: 430px;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
	margin-right:-30px
}

/* 右侧热门区 左浮动 */
.yuepu365-header-search-wrap .yuepu365-search-right-hot {
    float: left;
    width: auto;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #333333;
    box-sizing: border-box;
}

/* 表单与控件样式 */
.yuepu365-header-search-wrap form {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.yuepu365-header-search-wrap .yuepu365-search-input {
    width: 200px;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    margin: 0;
    border: 1px solid #cfcfcf;
    background: #fff;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
}

.yuepu365-header-search-wrap .yuepu365-search-select {
    width: 100px;
    height: 26px;
    line-height: 26px;
    padding: 0 6px;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-left: none;
    background: #fff;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
}

.yuepu365-header-search-wrap .yuepu365-search-btn {
    height: 26px;
    padding: 0 15px;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-left: none;
    background: #f6a37b;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
}
.yuepu365-header-search-wrap .yuepu365-search-btn:hover {
    background: #ebebeb;
}
/* ========== 放大镜图标 ========== */
.yuepu365-search-left-box .search-tip{
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-top: 10px !important;
    background: url(images/main.png) -10px -780px;
	background-repeat: no-repeat;
    font-size: 0;
    color: #f8f8f8;
}

/* 输入框、下拉、按钮全部左浮动，和图标排成一行 */
.yuepu365-search-left-box .yuepu365-search-input,
.yuepu365-search-left-box .yuepu365-search-select,
.yuepu365-search-left-box .yuepu365-search-btn{
    float: left;
	margin-top: 10px !important;
}



/* 清除浮动 */
.yuepu365-header-search-wrap .yuepu365-search-clearfix {
    clear: both;
    height: 0;
    overflow: hidden;
    font-size: 0;
}
/* 热门曲谱-单个曲名样式 */
.yuepu365-header-search-wrap .yuepu365-hot-item {
    color: #910d0d; 
    margin-right: 8px; /* 右侧间距 8 像素 */
	text-decoration: none; /* 去掉默认下划线 */
}

/* 鼠标悬停：颜色保持一致，无下划线 */
.yuepu365-header-search-wrap .yuepu365-hot-item:hover {
    color: #910d0d;
    text-decoration: none;
}


/* ========== 独立头部搜索栏 结束 ========== */

	/*ie6*/
	.topBar .hot{ _margin-top:17px;}		

	.topBar .bdshare{ float:right; font-size:12px; width:190px; margin-top:8px;}	
		.topBar .bdshare span{ float:left;}
		.topBar .bdshare .tip{ padding-top:6px; color:#C40005;}
		
/*页头横幅		
.head_banners{ width:970px; height:90px; margin:auto; border:1px #e4e4e4 solid; background-color:#f6f6f6; padding:5px; text-align:center; margin-bottom:5px; overflow:hidden;}
*/	
.head_banners{ width:1198px; background-color:#fcfcfc; height:90px; overflow:hidden; margin:auto; margin-bottom:5px; display:table; border:1px #e4e4e4 solid; text-align:center; }
.head_banners img{ max-width:1198px; }

/*页面主体*/
.body{ width:1200px; margin:auto; display:table;}

/*当前位置*/
.area{ background-color:#f7f7f7; border:1px #e7e7e7 solid; border-left:0; border-right:0; font-size:14px; padding:8px 0 8px 3px;}
	.area span{ display:inline-block; background:url(images/main.png) -10px -269px; padding-left:20px; color:#999;}
    .area a{display:inline-block; color:#2969a6;}

/*下面两行是内容页我的位置原来的样式
.area span{ float:left; background:url(images/main.png) -10px -269px; padding-left:20px; color:#999;}
.area a{float:left; color:#639894; margin:0 4px;}
*/

	.area em{ float:left; width:20px; height:12px; background:url(images/main.png) -169px -269px; margin-top:4px; }
	.area h1,.area strong{ font-size:14px; color:#333; padding-top:1px; }
	.area h1 b{ color:#C81317;}


/*页面底部*/
.food{ width:1200px; margin:auto; margin-top:8px; padding-top:15px; font-size:12px; line-height:1.7;background:url(images/main.png) 0px -370px repeat-x; text-align:center;}
	.food .icon{ float:left; width:330px; padding-top:10px; padding-left:50px; }
		.food .icon img { margin-bottom:10px; margin-left:16px;}
	.food a{ color:#1e6e93;}
	.food .info{font-family:Arial;}
		.food .info em{ color:#a80000; font-style:normal;}
		.runtime{color:#666; font-size:0.83em; font-family:Arial;}

	.food .link{ margin-bottom:5px; margin-top:5px; display:table; margin:0 auto;}
		.food .link a{ float:left; }
		.food .link span{ float:left; margin:0 5px 0 4px;}

	.food .hide{ display:none;}
	
	/*ie6*/
	.food .link{*display:block; *width:600px;}
	
	.food_banners{ width:1200px; background-color:#fcfcfc; height:90px; overflow:hidden; margin:auto; margin-bottom:5px; margin-top:8px; display:table; border:1px #e4e4e4 solid; text-align:center; }
	.food_banners img{ max-width:1198px; }

/*分页导航样式*/
.pageHtml{ margin:auto; display:table; margin-top:10px; margin-bottom:10px;padding-left:5px; line-height:20px; display:table; font-size:13px; line-height:15px; *font-family:'宋体'; }
.pageHtml a{ float:left; display:table;  text-decoration:none; padding:3px; margin-right:5px; border:1px #aac0db solid; color:#000;padding-left:6px; padding-right:6px;}
	.pageHtml .pageInfo{ display:table; float:left; margin-right:10px; padding:4px;}
	.pageHtml a:hover{ background-color:#FFF4DF; color:#333;}
	.pageHtml .current{ display:table; float:left; font-weight:bold; padding:3px; margin-right:5px; padding-left:6px; padding-right:6px; border:1px #2969a6 solid; background-color:#2969a6; color:#fff;}

.top_ban{width:980px; margin:auto; border-collapse:collapse; border-spacing:0;border:1px #BBB solid;}
	.top_ban td{}
	.top_ban_tip{ width:18px; font-size:12px;text-align:center;background:#BBB; color:#fff; }
	.top_ban_tip a{ color:#fff;}

.pageHtml b {
    float: left;
    display: table;
    font-weight: bold;
    padding: 3px;
    margin-right: 5px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #1a4b8c;
    background-color: #1a4b8c;
    color: #fff;
}
/* "当前页/总页数"那个a（包着3/28的），去掉按钮样式，纯文字 */
.pageHtml a[title="Page"] {
    float: left;
    display: table;
    text-decoration: none;
    padding: 3px;
    margin-right: 5px;
    border: 1px solid transparent;
    background: none;
    color: #000;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
}
.pageHtml a[title="Page"] b {
    float: none;
    display: inline;
    background: none;
    border: none;
    color: #000;
    font-weight: normal;
    padding: 0;
    font-size: 13px;
}

/* ===【头部主导航样式】=== */
/* 1. 导航链接基础样式 */
.navigation .header-main-nav-item {
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    line-height: 40px;
}

/* 2. 首页单独加粗 */
.navigation .header-main-nav-home {
    font-weight: bold;
}

/* 3. 鼠标悬停：仅文字变金色，无背景 */
.navigation .header-main-nav-item:hover {
    color: #ffd700;
    text-decoration: none;
    background: transparent;
}

/* ===== 新增：专辑列表页布局 开始 ===== */
.album-list-page .main { float: left; }
.album-list-page .side { float: right; }
.album-list-page .side {
    margin-top: 10px;
}
/* ===== 新增：专辑列表页布局 结束 ===== */