@charset "utf-8";
/*
* Copyright 2015, kugou.com
* Creator: green
* $Author: linweijian $
* $Date: 2015年9月14日 $
* $Desc:排行榜样式表
*/

/* layout
--------------------------------------------*/
body,html{background: #fff;overflow: hidden;border:0 none;height: 100%;font:12px/1.5 \5FAE\8F6F\96C5\9ED1, "Microsoft Tai Le", simsun,sans-serif;color:#000;}
.pc_temp_wrap{margin: 0 auto;border-top:1px solid #f2f2f2;}

.pc_rank_sidebar{overflow: hidden;position: relative;zoom: 1;border-top: 1px solid #f2f2f2;padding-right: 10px;}
.pc_rank_sidebar h3 a{display: block;height: 32px;padding-left:5px;line-height: 32px;font-size: 14px;color: #333;font-weight: bold;position: relative;}
.pc_rank_sidebar h3 a .pc_temp_arrow{position: absolute;top: 14px;right: 10px; background-position: -450px -120px;}
.pc_rank_sidebar h3 a:hover .pc_temp_arrow{background-position: -450px -60px;}
.pc_rank_sidebar ul{display: block;overflow: hidden;margin-top: 7px;}
.pc_rank_sidebar li a{padding: 5px;margin-bottom: 3px;line-height:16px;height:16px;display:block;color:#333;font-size: 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;cursor: pointer;}
.pc_rank_sidebar li a span{cursor:pointer;float:left;width: 16px;height:16px;margin:0 5px 0 0;line-height:0;background-repeat:no-repeat;_background:none}
.pc_rank_sidebar li a h4{width: 73px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;font-weight: normal;}
.pc_rank_sidebar li a img.link_ads{position:absolute;top:4px;margin:0 0 0 5px;background-repeat:no-repeat;_background:none}
.pc_rank_sidebar li a img.link_icon{float: left;margin: 0 0 0 5px;background-repeat: no-repeat;_background: none}
.pc_rank_sidebar li a:hover{background-color:#f5f8fb;color:#288fe7;}
.pc_rank_sidebar li a.current,.pc_rank_sidebar li a.current:hover{background:#169af3;color:#fff}
.pc_rank_sidebar li a .pc_temp_arrow{position: absolute;top: 12px;right: 10px;background-position: -450px -120px;}
.pc_rank_sidebar li a.current .pc_temp_arrow{background-position: -450px -90px;}
.pc_rank_sidebar li.pc_rank_sidebar_collapse a .pc_temp_arrow{background-position: -480px -120px;}
.pc_rank_sidebar li.pc_rank_sidebar_collapse a.current .pc_temp_arrow{background-position: -480px -90px;}
.pc_rank_sidebar dd a{width:117px;line-height: 15px;height: 15px;border-bottom: 1px solid #f2f2f2;margin-left: 21px;font-size: 12px;}
.pc_rank_sidebar dd a:hover,.pc_rank_sidebar dd a.current,.pc_rank_sidebar dd a.current:hover{color: #288fe7;background: #fff;}
.pc_rank_sidebar .pc_rank_ku{height: 0;overflow: hidden;position: relative;zoom: 1;z-index: 0;}
.pc_rank_sidebar_collapse h3 a .pc_temp_arrow{background-position: -480px -120px;}
.pc_rank_sidebar_collapse h3 a:hover .pc_temp_arrow{background-position: -480px -60px;}
.pc_rank_sidebar_collapse ul{margin-top: 0;}
.pc_rank_sidebar_fix ul{margin-top: 7px;}
.pc_rank_sidebar_first{border-top: 0 none;}
.pc_rank_sidebar_2col{padding-right: 6px;}
.pc_rank_sidebar_2col h3 a .pc_temp_arrow{right: 14px;}
.pc_rank_sidebar_2col ul{margin: 5px 0 0 1px;}
.pc_rank_sidebar_2col li{float:left;margin:0 0 2px 1px;}
.pc_rank_sidebar_2col li a{height:26px;line-height:26px;width:56px;padding: 0 5px 0 4px;text-align:left;}

.pc_rank_title{margin-bottom: 10px;zoom: 1;position: relative;}
.pc_rank_title .pc_rank_update{float: right;line-height: 22px;height: 22px;padding: 0 10px;_padding-top:5px;_height:17px; border: 1px solid #d2d2d2;font-size:12px;color:#555;cursor: pointer;margin:0 10px 0 0;position: relative;top: -5px;background: #fff;}
.pc_rank_title .pc_rank_update_only{float: right;line-height: 22px;padding: 0 10px; border: 1px solid #fff;font-size:12px;color:#555;cursor: default;margin:0 0 0 0;position: relative;top: -5px;}
.pc_rank_title .pc_rank_update .pc_temp_arrow{margin-left: 10px;}
.pc_rank_title .pc_rank_update_only .pc_temp_arrow{display: none;}
.pc_rank_title .rank_uptime_hover{border-bottom-color: #fff;z-index: 1000;}
.pc_rank_title .pc_temp_icon_warn{float: right;cursor: pointer;position: relative;top: 0;}
.pc_rank_title .pc_temp_title{float: left;position: relative;top: 0;}

/* rank_sort
--------------------------------------------*/
.rank_sort{width: 221px;overflow: hidden;padding: 3px 0 0 0;font-size: 14px;border-bottom: 5px solid #fff;font-family: 'Tahoma';zoom: 1;position: relative;}
.rank_sort .sort_year{width: 34px;margin-bottom: -9999px;padding: 0 6px 9999px;height: 100%;border-right: 1px solid #ccc;float: left;}
.rank_sort .sort_year a{line-height: 20px;display: block;color: #666;margin-bottom: 2px;position: relative;}
.rank_sort .sort_year a:hover{color: #288ef7;}
.rank_sort .sort_year a.current{color: #288ef7;}
.rank_sort .sort_year a.current i{position: absolute;border-width: 4px;border-style: dashed solid dashed dashed;border-color: transparent #ccc transparent transparent;right: -7px; _right: 0;line-height: 0;top: 6px;}
.rank_sort .sort_year a.current i i{border-color: transparent #fff transparent transparent;top: -4px;right: -5px;}
.rank_sort .sort_list{float: right;}
.rank_sort .sort_list,.rank_sort .sort_list .sort_item{width: 164px;height: 100%;overflow:hidden;}
.rank_sort .sort_list .sort_item2{height: auto;overflow:hidden;width: 100%;}
.rank_sort .sort_list .sort_item2 a{width: 41px;font-size: 13px;font-family: '微软雅黑';margin:0 0 2px 0px;height: 20px;text-align:center;line-height: 20px;overflow: hidden;float:left;background: #fff;color: #666;}
.rank_sort .sort_list .sort_item2 a:hover{color: #288ef7;}
.rank_sort .sort_list .sort_item2 a.current,.rank_sort .sort_list .sort_item2 a.current:hover{color: #fff;background: #288ef7;}
.rank_sort .sort_list p{text-align: right;height: 19px;margin:3px 0 0 0;}
.sort_list p a{ display:inline-block; vertical-align:middle;zoom: 1;height:17px; border:0 solid #ccc;font-size: 12px;}
.sort_list p a span{ position:relative; float:left; display:inline;zoom:1; height:17px;line-height: 17px;background: #fff; width: 15px;overflow: hidden; border:1px solid #ccc;cursor:pointer;text-align: center;border-radius: 2px;}
/*ie6~8 hack*/
@media \0screen\,screen\9 {
.sort_list p a{border-width: 1px 0;}
.sort_list p a span{margin:0 -1px;border-width:0 1px;}
}
.rank_sort .sort_list p a.arrow_l{float: left;margin-left: 1px;}
.rank_sort .sort_list p a.arrow_r{float: right;margin-right: 1px;}
.rank_sort .sort_list p a.arrow_l .pc_temp_arrow{padding-left: 5px;height: 9px;background-position: -510px -0;vertical-align: 0;*vertical-align: 1px;}
.rank_sort .sort_list p a.arrow_r .pc_temp_arrow{padding-left: 5px;height: 9px;background-position: -540px -0;vertical-align: 0;*vertical-align: 1px;}
.rank_sort .sort_list p a.arrow_l:hover .pc_temp_arrow{background-position: -510px -90px;}
.rank_sort .sort_list p a.arrow_r:hover .pc_temp_arrow{background-position: -540px -90px;}
.rank_sort .sort_list p a.arrow_l:hover,.rank_sort .sort_list p a.arrow_r:hover{border-color: #169af3;}
.rank_sort .sort_list p a.arrow_l:hover span,.rank_sort .sort_list p a.arrow_r:hover span{background: #169af3;border-color: #169af3;}
.sort_list p a.arrow_l_cur,
.sort_list p a.arrow_r_cur,
.sort_list p a.arrow_l_cur span,
.sort_list p a.arrow_r_cur span{border-color: #e9e9e9;background: #fff;cursor: default;}
.rank_sort .sort_list p a.arrow_l_cur .pc_temp_arrow{padding-left: 5px;height: 9px;background-position: -510px -150px;}
.rank_sort .sort_list p a.arrow_r_cur .pc_temp_arrow{padding-left: 5px;height: 9px;background-position: -540px -150px;}
.rank_sort .sort_list p a.arrow_l_cur:hover,.rank_sort .sort_list p a.arrow_r_cur:hover{border-color: #ccc;cursor: default;}
.rank_sort .sort_list p a.arrow_l_cur:hover span,.rank_sort .sort_list p a.arrow_r_cur:hover span{background: #fff;border-color: #e9e9e9;}
.rank_sort .sort_list p a.arrow_l_cur:hover .pc_temp_arrow{background-position: -510px -150px;}
.rank_sort .sort_list p a.arrow_r_cur:hover .pc_temp_arrow{background-position: -540px -150px;}
#sort_wrap, #detail_wrap {position: absolute;z-index: 3;}
.pc_temp_container{position: relative;}
.sort_detail{padding:0 3px;margin-top: -3px;line-height: 22px;word-break: break-all;color: #999;}
.sort_detail pre{white-space: pre-wrap; word-wrap: break-word;font-family: '微软雅黑';}
.pc_temp_2col_critical .pc_rank_sidebar{padding-right: 20px;}
.pc_temp_2col_critical .pc_rank_sidebar li a{font-size: 14px;}
.pc_temp_2col_critical .pc_rank_sidebar li a h4{width: 133px;}
.pc_temp_2col_critical .pc_rank_sidebar dd a{width:158px;}
.pc_temp_2col_critical .pc_rank_sidebar li a .pc_temp_arrow{right: 10px;}
.pc_temp_2col_critical .pc_rank_sidebar h3 a .pc_temp_arrow{right: 10px;}

.pc_temp_icon_up{padding-left: 17px;background-position-x:-295px;}
.pc_temp_icon_down{padding-left: 17px;background-position-x:-325px;}
.pc_temp_icon_flat{padding-left: 17px;background-position-x:-355px;}

.pc_rank_sidebar li a{font-size: 14px;}
.pc_temp_side{width: 158px;}
.pc_temp_content{margin-left: -158px;}
.pc_temp_container{margin-left: 158px;}
.pc_rank_30s{color: #169af3;text-decoration: underline;font-size: 14px;margin-left: 5px;}
.pc_temp_songlist {overflow: hidden;width: 100%;}
.pc_temp_songlist .pc_temp_songname{max-width: 45%;}
.pc_temp_songlist .pc_temp_vip_songname{max-width: calc(45% - 31px);}
.pc_rank_songlist_short .pc_temp_songname{max-width: 48%;}
.pc_rank_songlist_short .pc_temp_vip_songname{max-width: calc(48% - 31px);}


.pc_temp_page_critical .pc_temp_songlist .pc_temp_songname,
.pc_temp_page_max .pc_temp_songlist .pc_temp_songname
{max-width: 55%;}
.pc_temp_page_critical .pc_rank_songlist_short .pc_temp_songname,
.pc_temp_page_max .pc_rank_songlist_short .pc_temp_songname
{max-width: 50%;}


.yinyuetui_tip{width: 179px;position: absolute;top: 155px;left: 120px;z-index: 10;display: none;}
.yinyuetui_tip .arrowl{float:left;width:7px;height:37px;background: url("/yueku/v9/dist/images/arrowl_d91d4f9c2.png?201507211427") no-repeat;
    _background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/yueku/v9/dist/images/arrowl_d91d4f9c2.png?201507211427');}
.yinyuetui_tip .content{float: left; width: 160px; height: 33px;line-height:33px;padding-left:5px;border: 1px solid #d6d6d6;border-left: 0;background-color: #fff;}

/*tab*/
.pc_rank_tab { margin-bottom: 13px;}
.pc_rank_tab .pc_temp_nav_tab { border-bottom: 1px dotted #cacaca;}
.pc_temp_nav_tab li.current i {display: block; display: inline;*zoom: 1;position: absolute; width: 11px; height: 6px; bottom: -1px; left: 50%; margin-left: -6px; background: url(/yueku/v9/dist/images/rank_tab_current_708a1bda0.png) no-repeat;}
.pc_temp_nav_tab li.current a { border: none;}
/*tips*/
.rank_tips_con {position:absolute;z-index: 1; width: 260px; display: none;}
.rank_tips_con .tips_con_p { font-size: 14px; line-height: 23px; color: #333; margin-top: -1.5px;}
.pc_temp_page_max .rank_tips_con { left: 132px;}
.rank_tips_con {left: 132px;}
.rank_tips_con .close{ position: absolute; width: 15px;height: 15px; background: #000;top: 4px; right: 4px; cursor: pointer; background: url(/yueku/v9/dist/images/rank_close_791766f75.png) no-repeat;}

.tab_Dj {border-left:2px dotted #fff;border-right:2px dotted #fff;border-top:2px dotted #fff;}
.tab_new{border-left:2px dotted  #fff;border-right:2px dotted #fff;border-bottom:2px dotted #fff;}
.specialNew,.specialDj { width: 102px;position: relative;}
.specialNew { border-left:2px dotted #d6dbde;border-right:2px dotted #d6dbde;border-bottom:2px dotted #d6dbde;margin-bottom: 3px;}
.pc_rank_sidebar li.specialNew a { margin: 0;}
.specialDj {border-left:2px dotted #d6dbde;border-right:2px dotted #d6dbde;border-top:2px dotted #d6dbde;}
.pc_rank_sidebar .tab_new a,.pc_rank_sidebar .tab_Dj a { padding-left:3px ;}

.pc_temp_songlist .pc_temp_songlist_albumname{ min-width: 40%; }
.pc_temp_songlist .pc_temp_listhead .pc_temp_listhead_songname {text-indent: 59px;}
.pc_rank_songlist_short.pc_temp_songlist .pc_temp_listhead .pc_temp_listhead_songname {text-indent: 86px;}