@charset "utf-8";
/*********************************
*	 CSS-The A8 Music Site       *  
*	 by min.chen                 *
*	 http://www.a8.com           *
**********************************/

/*****************共用部分Css声明*******************/
/* {border: 1px solid red !important;}/*测试页面结构*/
html{color:#000;background:#fff ;}
body{ font-size:12px;}
.index_repeat{background:url(../images/css_bg/htmlbg.jpg) 0 0 repeat-x !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul,ol,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body{font-family:sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
body{font-family:"宋体",Helvetica,Arial,Verdana,Geneva,sans-serif;color:#333;}
em{font-style:italic;}
strong{font-weight:bold;}
h2{font-size:14px;}
h3{font-size:14px;font-weight:normal;text-align:center;cursor:pointer;overflow:hidden;}
h3 a{width:100%;height:100%;display:block;}
a{color:#00007F;text-decoration:none;}
a:hover {color:#bd0a01;text-decoration:underline;}
.cl{clear:both; height:0; overflow:hidden; line-height:0px;}
.hr_5{font-size:1px;line-height:1px;clear:both; height:5px; overflow:hidden;}
.hr_10{font-size:1px;line-height:1px;clear:both; height:10px; overflow:hidden;}
.hr_20{font-size:1px;line-height:1px;clear:both; height:20px; overflow:hidden;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.fl{float:left;}
.fr{float:right;}
.fb{font-weight:bold;}
.fnb{font-weight:normal;}
.fchot{color:#ff0700}
.ffhei{font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.ffsong{font-family:"宋体",Arial, Helvetica, sans-serif;}
.mlTens{ margin-left:10px; display:inline;}
.mlTwenty{ margin-left:20px; display:inline;}
.hidden {display:none!important;visibility:hidden!important;}
/*公用列表*/
.list{width:100%; padding:0; margin:0; overflow:hidden;}
.list li{ height:30px;line-height:30px;}
	/*列表链接*/
	.list li a{color:#01439a;}
	.list li a:hover{color:#ca0002;}
	/*列表内部*/
	.list_check{height:30px; width:60px; text-align:center;}
	.list_sequ{}
	.list_music{}
	.list_num{}
	
/**************字体颜色***************/	
.fc_fff{ color:#fff;}
.fc_666{ color:#666;}
.fc_999{ color:#999;}
.fc_999 a{ color:#999;}
.fc_333{ color:#333;}
.fc_333 a{ color:#333;}
.fc_f50{ color:#ff5500;}
.fc_f30{ color:#f30;}
.fc_f00{ color:#f00;}
.fc_06d{ color:#06d;}
.fc_06d a{ color:#06d;}
.fc_9fc728{ color:#9fc728;}
.fc_7fa6ff{ color:#7fa6ff;}	
.fc_650098{ color:#650098;}
.fc_650098 a{ color:#650098;}
.fc_60bf00{ color:#60bf00;}
.fc_60bf00 a{ color:#60bf00;}
.fc_4d9900{ color:#4d9900;}
.fc_cd007e{ color:#cd007e;}

.fs_13{ font-size:13px;}
.fs_14{ font-size:14px;}

/*灰线*/

.b_allsd{ border:1px #ccc solid !important;}
.b_topsd{ border-top:1px #ccc solid !important;}
.b_ritsd{ border-right:1px #ccc solid !important;}
.b_btmsd{ border-bottom:1px #ccc solid !important; }
.b_lftsd{ border-left:1px #ccc solid !important;}

.bnb{ border:0px !important;}
.b_notop{ border-top:0px !important; }	
.b_nobtm{ border-bottom:0px !important; }
.b_nolft{ border-left:0px !important; }	
.b_norit{ border-right:0px !important; }	
	
.b_btm{ border-bottom:1px dashed #ccc; }	
.b_ritsd{ border-right:1px solid #ccc !important; }	
	
.b_hastop{ border-top:1px solid #ccc !important; }	

.p_lt20{ padding-left:20px;}
	
/*****************CSS Sprites（图片合并）技术*******************/
.css_sprites_x,.act_citytab,#footer,.playpage_top,.textpage_top,.com_title,.cgcom_title{ background:url(../images/css_sprites/sprites_x.gif)}
.css_sprites,.im_tuijianttl,.partnerttl,.im_albumttl,.pic_mcttl,.comment_mcttl,.actinfottl,.golden_rank .ttl,.hot100_rank .ttl,.hot100_rank2 .ttl2,.single100_rank .ttl,.single100_rank2 .ttl2{ background:url(../images/css_sprites/sprites.gif)}
.css_sprites_subnav,#nav .mainlevel li,#nav_sec .mainlevel_sec li{ background:url(../images/css_sprites/sub_nav.gif)}

.more,.more_hei,.textnews_list li,.music_news li,.in_sm_news li,.mp_sm_news ul li,.listNO,.listNOhot,.listNO1,.listNO2,.listNO3,.textpage_quick a,.index_quick a,.text_focuslist li,.com_button a .a_btnlt,.com_button a .a_btnmid,.com_button a .a_btnrt,#com_page a,#com_page a:hover,#com_page span.curpage,#comment_pager a,#comment_pager a:hover,#comment_pager span.curpage{background:url(../images/css_sprites/icons.gif)}
.a_oper a.jia,.a_oper a.xin,.a_oper a.down,.a_oper a.ting,.a_oper_mh a.jia,.a_oper_mh a.xin,.a_oper_mh a.down,.a_oper_mh a.ting{ background:url(../images/css_sprites/li_oper.gif)}
.a_play_xz,.a_play_sc,.a_play_ss,.a_play_push{ background:url(../images/css_sprites/play_icons.gif)}


/*****************img position（图片定位）*******************/
.header_bg_ps{background-position:0px -1000px; background-repeat:repeat-x;}

/*****************More Common Style*******************/
.more{float:right; width:45px; text-align:left; height:22px; line-height:22px; margin-top:9px; margin-right:20px; display:inline; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background-position:30px 5px; background-repeat:no-repeat; overflow:hidden; font-weight:bold;}
.more a{float:left; width:45px; height:22px;color:#fff;}
.more a:hover{float:left; width:45px; height:22px;color:#fff;}

.more_hei{float:right; width:45px; text-align:left; height:22px; line-height:22px; margin-top:9px; margin-right:20px; display:inline; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background-position:30px -19px; background-repeat:no-repeat; overflow:hidden; font-weight:bold;}
.more_hei a{float:left; width:45px; height:22px;color:#333;}
.more_hei a:hover{float:left; width:45px; height:22px;color:#333;}

/*****************Close And Open Common Style*******************/
.itemsShow{float:right; cursor:pointer; width:45px; height:20px; margin-top:10px; margin-right:20px; display:inline; background:url(../images/css_bg/arrow_txt.gif) 0 0 no-repeat;overflow:hidden; }
.itemsHide{float:right; cursor:pointer; width:45px;  height:20px; margin-top:10px; margin-right:20px; display:inline; background:url(../images/css_bg/arrow_txt.gif) 0 -20px no-repeat; overflow:hidden; }

/*****************Operating Bar Common Style Of A*****************/
.a_oper{float:left; width:96px; height:40px;}
.a_oper a{float:left; height:40px; width:24px; overflow:hidden; display:block;}
.a_oper a.jia{ background-position:0px 0px; background-repeat:no-repeat;}
.a_oper a.jia:hover{background-position:0px -40px; background-repeat:no-repeat;}
.a_oper a.xin{background-position:-24px 0px; background-repeat:no-repeat;}
.a_oper a.xin:hover{background-position:-24px -40px; background-repeat:no-repeat;}
.a_oper a.down{background-position:-48px 0px; background-repeat:no-repeat;}
.a_oper a.down:hover{background-position:-48px -40px; background-repeat:no-repeat;}
.a_oper a.ting{background-position:-72px 0px; background-repeat:no-repeat;}
.a_oper a.ting:hover{background-position:-72px -40px; background-repeat:no-repeat;}
.a_oper a.levmsg{background-position:-96px 0px; background-repeat:no-repeat;}
.a_oper a.levmsg:hover{background-position:-96px -40px; background-repeat:no-repeat;}
.a_oper a.eye{background-position:-120px 0px; background-repeat:no-repeat;}
.a_oper a.eye:hover{background-position:-120px -40px; background-repeat:no-repeat;}
.a_oper a.push{background-position:-144px 0px; background-repeat:no-repeat;}
.a_oper a.push:hover{background-position:-144px -40px; background-repeat:no-repeat;}

.a_oper_mh{float:left; width:96px; height:20px;}
.a_oper_mh a{float:left; height:20px; width:24px; overflow:hidden; display:block;}
.a_oper_mh a.jia{ background-position:0px -10px; background-repeat:no-repeat;}
.a_oper_mh a.jia:hover{background-position:0px -50px; background-repeat:no-repeat;}
.a_oper_mh a.xin{background-position:-24px -10px; background-repeat:no-repeat;}
.a_oper_mh a.xin:hover{background-position:-24px -50px; background-repeat:no-repeat;}
.a_oper_mh a.down{background-position:-48px -10px; background-repeat:no-repeat;}
.a_oper_mh a.down:hover{background-position:-48px -50px; background-repeat:no-repeat;}
.a_oper_mh a.ting{background-position:-72px -10px; background-repeat:no-repeat;}
.a_oper_mh a.ting:hover{background-position:-72px -50px; background-repeat:no-repeat;}


/******************************************/
/*Common Style*/
.a_play_xz{float:left; height:40px; line-height:40px; color:#333; width:120px; padding-left:30px; overflow:hidden; display:block; background-position:-6px 0px; background-repeat:no-repeat;}
.a_play_xz:hover{ color:#333; text-decoration:none;}
.a_play_sc{float:left; height:40px; line-height:40px; color:#333; width:170px; padding-left:30px; overflow:hidden; display:block; background-position:-6px -40px; background-repeat:no-repeat;}
.a_play_sc:hover{ color:#333; text-decoration:none;}
.a_play_ss{float:left; height:40px; line-height:40px; color:#333; width:120px; padding-left:30px; overflow:hidden; display:block; background-position:-6px -80px; background-repeat:no-repeat;}
.a_play_ss:hover{ color:#333; text-decoration:none;}
.a_play_push{float:left; height:40px; line-height:40px; color:#333; width:90px; padding-left:30px; overflow:hidden; display:block; background-position:-6px -80px; background-repeat:no-repeat;}
.a_play_push:hover{ color:#333; text-decoration:none;}

/*************Album And Picture Cover*************/
dl.im_tuijian .single,dl.im_tuijian .MV,dl.im_tuijian .EP,dl.im_tuijian .album{ height:160px; width:216px;background:url(../images/css_sprites/album.gif)}
dl.im_tuijian .single{ position:absolute; z-index:999; background-position:0px 0px; background-repeat:no-repeat;}
dl.im_tuijian .MV{ position:absolute; z-index:999; background-position:0px -160px; background-repeat:no-repeat;}
dl.im_tuijian .EP{ position:absolute; z-index:999;background-position:0px -320px; background-repeat:no-repeat;}
dl.im_tuijian .album{ position:absolute; z-index:999;background-position:0px -480px; background-repeat:no-repeat;}

/******************Change Background Picture Of Button*******************/
.lun_lt_btn{ height:230px; width:20px;}
.lun_lt_btn a{float:left; height:230px; width:20px; background:url(../images/css_bg/piclun_right_nol.jpg) 0 0 no-repeat;}
.lun_lt_btn a:hover{float:left; height:230px; width:20px; background:url(../images/css_bg/piclun_right_hover.jpg) 0 0 no-repeat;}

.lun_rt_btn{ height:230px; width:20px;}
.lun_rt_btn a{float:left; height:230px; width:20px; background:url(../images/css_bg/piclun_left_nol.jpg) 0 0 no-repeat;}
.lun_rt_btn a:hover{float:left; height:230px; width:20px; background:url(../images/css_bg/piclun_left_hover.jpg) 0 0 no-repeat;}

.com_button{ height:20px; display:inline; line-height:20px; color:#fff;}
.com_button a{float:left;height:20px;color:#fff; display:block; cursor:pointer; text-decoration:none;}
.com_button a:hover{float:left;height:20px;color:#fff; display:block; cursor:pointer; text-decoration:none;}
.com_button a .a_btnlt{float:left; height:20px; width:10px; overflow:hidden; background-position:0px -150px; background-repeat:no-repeat;}
.com_button a .a_btnmid{float:left; height:20px; padding:0px 5px;overflow:hidden; background-position:0px -175px; background-repeat:repeat-x;}
.com_button a .a_btnrt{float:left; height:20px; width:10px; overflow:hidden; background-position:-40px -150px;background-repeat:no-repeat;}

.com_oper{ height:30px; padding-right:30px; line-height:30px; clear:both;}

/******************The Number Of List Style*******************/
.listNO,.listNO1,.listNO2,.listNO3,.listNOhot{background-repeat:no-repeat;}
.listNO{width:26px; font-family:Arial, Helvetica, sans-serif; font-style:normal;font-size:12px; font-weight:bold; color:#fff; text-align:center; background-position:0px -110px;}
.listNOhot{width:26px; font-family:Arial, Helvetica, sans-serif; font-style:normal;font-size:12px; font-weight:bold; color:#fff; text-align:center; background-position:0px -130px;}
.listNO1{width:34px; height:16px; overflow:hidden;  background-position:0px -50px;}
.listNO2{width:34px; height:16px; overflow:hidden;  background-position:0px -70px;}
.listNO3{width:34px; height:16px; overflow:hidden;  background-position:0px -90px;}

/***************Picture News List****************/
.picnews_list{width:280px;}
.picnews_list li{float:left;height:54px; width:300px; margin-top:10px; overflow:hidden;}
.picnews_list li .pic_pic{float:left; height:48px; width:66px; padding:2px; background:#fff; border:1px #ccc solid; overflow:hidden;}
.picnews_list li .pic_text {float:left; height:54px;width:220px; padding-left:8px;}
.picnews_list li .pic_text  .pt_ttl{ color:#333; height:36px; line-height:18px; width:220px; overflow:hidden; font-size:14px;}
.picnews_list li .pic_text  .pt_ttl a{color:#333;}
.picnews_list li .pic_text  .pt_date{ color:#666; height:18px; line-height:18px; width:220px; overflow:hidden;}

/***************TextNews List****************/
.textnews_list{width:100%; margin:0; padding:0;}
.textnews_list li{height:28px; line-height:28px; font-size:14px;padding-left:20px; clear:both;  background-position:-32px 6px; background-repeat:no-repeat; overflow:hidden;}
.textnews_list li a{ color:#333;}

/************The Common Title Style**************/
.com_title{ height:38px; line-height:38px; clear:both; border:1px #ccc solid; border-left:0px; border-right:0px; background-position:0px -450px; background-repeat:repeat-x; overflow:hidden;}
.comttl_txt1{float:left; padding-left:20px; font-size:18px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-weight:bold;}
.comttl_txt2{float:left; padding-left:20px; font-size:16px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-weight:bold;}
.comttl_txtnum{float:left; padding-left:20px; font-size:12px; font-weight:bold; color:#666;}
.comttl_txtinfo{float:right; padding-right:20px; font-size:12px; color:#666;}