@charset "utf-8";
/*!
 * @description : A8Music CSS Framework 1.0
 * @author : chenMin
 * @version : 1.0
 * @update : Update By ChenMin(2013-06-06 06:06)
 * @weburl :
 * http://www.a8.com/
 *
 */
 
 /*-----------------------------------------------------header-----------------------------------------------*/
.header_wrap{width:100%;height:40px;min-height:40px;background:#292929 !important;margin:0 auto;z-index:1008;}
.header_inner{padding:0;min-width:960px}
#wellcome{float:left;width:144px;overflow:hidden;line-height:40px;color:#555;padding-right:20px;text-align:right;font-size:12px;font-family:Tahoma,Geneva,sans-serif;}
.top_logo{float:left;height:40px;width:110px;overflow:hidden;}
.nav_menu{float:left;padding:0 9px;margin:0;width:162px;height:40px;overflow:hidden;}
.nav_menu li{float:left;width:54px;height:40px;line-height:40px;text-align:center;}
.nav_menu li a{color:#818283;}
.nav_menu li a:hover{color:#fff;}

.top_search{float:left;margin:0;height:40px;background:#222;padding:0px;font-size:12px;}
.top_search.focus{background:#1f1f1f;}
.top_search input{float:left;padding:0px;}
.top_search .searchkey{float:left;width:80px;height:40px;overflow:hidden;line-height:40px;padding:0 10px;border:none;background:#222;color:#444;}
.top_search .searchkeyfocus{color:#fff;background:#1f1f1f;}
.top_search .searchbtn{float:left;cursor:pointer;width:40px;height:40px;margin-left:0;border:none;background:url(../images/css_single/search_btn.png) 0 0 no-repeat;}
.top_search .searchbtn:hover{background:url(../images/css_single/search_btn.png) -40px 0 no-repeat;}

.bef_logreg{float:right;height:40px;width:164px;border-left:1px #1f1f1f solid;overflow:hidden;line-height:40px;font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.bef_logreg a{float:left;width:81px;height:40px;overflow:hidden;text-align:center;display:block;cursor:pointer;color:#777;text-decoration:none;border-right:1px #1f1f1f solid;}
.bef_logreg a:hover,.bef_logreg a.current{background:#222;color:#fff;}

.nav_tool{float:right;height:40px;padding:0;}
.nav_tool .usr_info{float:right;height:30px;padding:5px 0;}
.nav_tool .usr_pic{float:left;width:30px;height:30px;overflow:hidden;padding-right:10px;}
.nav_tool .usr_pic img{width:30px;height:30px;border-radius:50%;}
.nav_tool .usr_name{float:left;overflow:hidden;line-height:30px;padding-right:10px;color:#fff;}
.nav_tool .usr_name a{color:#fff;}
.nav_tool .usr_name a:hover{color:#89bf43;text-decoration:none;}
.nav_tool .usr_tools{float:right;height:40px;padding-left:10px;}
.nav_tool .usr_tools li{float:left;position:relative;width:40px;height:40px;border-left:1px #1f1f1f solid;}
.nav_tool .usr_tools li.last{border-right:1px #1f1f1f solid;}
.nav_tool .usr_tools li a{float:left;width:40px;height:40px;}

.usr_tools .nav_item{position:relative;float:left;display:block;z-index:10000;}
.usr_tools .nav_link{position:relative;float:left;display:block;z-index:0;height:40px;border:none;width:40px;}
.usr_tools .hover .nav_link{background:#222;}

.usr_tools .nav_dropul{display:none;position:absolute;top:40px;left:-1px;width:124px;background:#222;font-size:14px;z-index:99998 !important}
.usr_tools .nav_dropul li{position:relative;width:124px;height:40px;line-height:40px;text-align:center;border:none;border-bottom:1px #2d2d2d solid;}
.usr_tools .nav_dropul li.last{border:none !important;}
.usr_tools .nav_dropul li.hover{background:#222}
.usr_tools .nav_dropul li a{display:block;width:124px;height:40px;color:#999;text-decoration:none;background:inherit;padding:0;}
.usr_tools .nav_dropul li a:hover{color:#fff;text-decoration:none;background:#2d2d2d;}
.usr_tools .nav_dropul_right{left:auto;right:-1px;_right:-1px}

.new_email{position:absolute;top:9px;right:8px;z-index:999;width:8px;height:8px;overflow:hidden;background-position:-200px 0;}

.ico_upload,.ico_message,.ico_tool,.ico_logoff,.ico_upload:hover,.ico_message:hover,.ico_tool:hover,.ico_logoff:hover,.usr_tools .hover .ico_upload,.usr_tools .hover .ico_message,.usr_tools .hover .ico_tool,.usr_tools .hover .ico_logoff,.new_email{background-image:url(../images/css_sprites/css_sprites.png);background-repeat:no-repeat;}
.ico_upload{background-position:0 0;}
.ico_upload:hover{background-position:0 -40px;}
.ico_message{background-position:-40px 0;}
.ico_message:hover{background-position:-40px -40px;}
.ico_tool{background-position:-80px 0;}
.ico_tool:hover{background-position:-80px -40px;}
.ico_logoff{background-position:-120px 0;}
.ico_logoff:hover{background-position:-120px -40px;}

.usr_tools .hover .ico_upload{background-position:0 -40px;}
.usr_tools .hover .ico_message{background-position:-40px -40px;}
.usr_tools .hover .ico_tool{background-position:-80px -40px;}
.usr_tools .hover .ico_logoff{background-position:-120px -40px;}


 /*-----特殊定位------*/
.top_fixed{position:fixed;top:0px;}
.top_fixed_bb{border-top:2px #89bf43 solid;}
.top_fixedpos42{position:relative;margin-top:42px;}
.top_fixedpos40{position:relative;margin-top:40px;}
.head_equalize{position:relative;margin-top:40px;}


 /*----------标签链接----------*/
.tpl_tablink{position:absolute;top:42px;right:0;width:140px;height:28px;line-height:28px;z-index:1001}
.tpl_tablink a{float:left;width:70px;height:28px;text-align:center;overflow:hidden;background:#fff;color:#a4abb2;}
.tpl_tablink a:hover{text-decoration:none;}
.tpl_tablink a.current{color:#fff;background:#89bf43;}
/*-----------------------------------------------------/header----------------------------------------------------*/


/*set-skin*/
.ico_skin,.ico_skin:hover,.ico_skin.current{width:40px;height:40px;overflow:hidden;background-image:url(../images/css_single/btn_setskin.jpg);background-repeat:no-repeat;}
.ico_skin{background-position:0 0}
.ico_skin:hover{background-position:-80px 0}
.ico_skin.current{background-position:-80px 0}

/*-----------------------------------------------------/header----------------------------------------------------*/


 /*----------------------Mod Menu-------------------------*/
.menu{position:relative;width:100%;min-height:80px;padding-top:40px;_padding-top:0;background:#fff;}
#logo{margin-bottom:0;margin-left:20px;_margin-left:10px;padding-right:60px;}
.main_nav{float:right;margin:0;padding:0;text-align:right;}
.main_nav li{float:left;width:163px;height:80px;border-left:1px #cecece solid;font-size:16px;}
.main_nav li.last{border-right:1px #cecece solid;}
.main_nav li a{color:#aaa;}

a.home,a.home:hover,a.home.current,a.rank,a.rank:hover,a.rank.current,a.musician,.a.musician:hover,a.musician.current,a.isearch,a.isearch:hover,a.isearch.current{background-image:url(../images/css_sprites/menu_icon.png);background-repeat:no-repeat;cursor:pointer;display:block;height:55px;overflow:hidden;line-height:30px;color:#aaa;text-decoration:none;font-size:16px;text-align:left;}
a.home,a.home:hover,a.home.current,a.rank,a.rank:hover,a.rank.current,a.isearch,a.isearch:hover,a.isearch.current{padding:25px 0 0 88px;width:75px;}
a.musician,.a.musician:hover,a.musician.current{padding:25px 0 0 80px;width:83px;}
a.home{background-position:0 0;}
a.home:hover,a.home.current{background-position:-163px 0;color:#89bf43;}
a.rank{background-position:0 -80px;}
a.rank:hover,a.rank.current{background-position:-163px -80px;color:#89bf43;}
a.musician{background-position:0 -160px;}
a.musician:hover,a.musician.current{background-position:-163px -160px;color:#89bf43;}
a.isearch{background-position:0 -240px;border:none;}
a.isearch:hover,a.isearch.current{background-position:-163px -240px;color:#89bf43;}


.input_btn{height:44px;line-height:44px;padding:0 25px;border:none;background:#89bf43;color:#fff;font-size:24px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif}
.input_btn:hover{background:#7da548;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}

/*----------------------Mod Footer-------------------------*/

#footer{position:relative;width:100%;padding:0;font-family:"宋体";background:#383838;}
#footer > .container{width:960px;padding:20px 0 28px 0;margin:0 auto;}
.foot_service{float:left;overflow:hidden;_background:#383838;font-size:12px;}
.foot_service dl{float:left;width:160px;/*height:187px;*/margin-right:20px;_margin-right:10px;overflow:hidden;}
.foot_service dt{width:160px;height:54px;line-height:54px;font-weight:bold;font-size:14px;border-bottom:1px #444 solid;color:#888;}
.foot_service dd{width:145px;height:32px;padding-left:15px;margin:0;line-height:32px;background:url(../images/css_single/li_arrow.gif) 3px 9px no-repeat;border-bottom:1px #444 solid;color:#777;}
.foot_service dd a,.foot_service dd a:hover{color:#777;}
.foot_extend{float:right;width:220px;}
.foot_extend h4{height:54px;line-height:54px;font-size:14px;font-weight:bold;color:#fff;}
.foot_extend ul{margin:0;padding:0;}
.foot_extend li{float:left;height:60px;width:60px;padding:0 0 10px 10px;overflow:hidden;}

.copyright{font-family:Helvetica,Arial,sans-serif;padding:15px 0;background:#292929;text-align:left;font-size:12px;margin-top:35px;color:#444;}
.copyright b{font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;padding-left:10px;font-weight:normal;font-size:12px;color:#444;}
.copyright b a,.copyright b a:hover{color:#444;text-decoration:none;}
.copyright a{ text-decoration: none;color:#444; }
.copyright .item div{ margin-top: 5px; }

/*---------------Back Top -------------*/
#back_top{position:absolute;width:50px;height:50px;left:50%;top:-45px;z-index:2000;margin-left:-25px;margin-top:25px;}
#back_top a.button{display:block;cursor:pointer;width:50px;height:50px;text-transform:none;background:url(../images/css_single/backtotop.png) 0 0 no-repeat;}
#back_top a.button:hover{background:url(../images/css_single/backtotop_h.png) 0 0 no-repeat;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}

/*--分页---*/
.pagination{padding:7px 10px;height:30px;line-height:30px;text-align:center;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.pagination li{display:block;float:left;width:30px;height:30px;text-align:center;line-height:30px;margin-right:5px;color:#999;}
.pagination .current a{background:#89bf43;color:#fff !important;text-decoration:none;}
.pagination .current a:hover{background:#89bf43;color:#fff !important;}
.pagination li a{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.pagination li a{display:block;float:left;background:#e1e1e1;width:30px;height:30px;text-align:center;line-height:30px;color:#999 !important;text-decoration:none;}
.pagination li a:hover{background-color:#999;color:#fff !important;}
.pagination .prev a{background:#e1e1e1 url(../images/css_sprites/a8ui_pagination.png) 0 0 no-repeat}
.pagination .prev a:hover{background-position:-30px 0;}
.pagination .next a{background:#e1e1e1 url(../images/css_sprites/a8ui_pagination.png) -30px -30px no-repeat}
.pagination .next a:hover{background-position:0 -30px;}

/*a8_floating*/
.a8_floating{position:fixed;right:70px;bottom:100px;width:50px;z-index:9999999;_display:none}
.floating_btn dt{display:none;}
.floating_btn dd{position:relative;width:50px;height:50px;margin-bottom:2px;}
.floating_btn dd a{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.floating_btn dd .floating_tips{display:none;position:absolute;top:0;right:50px;width:100px;height:34px;line-height:17px;padding:8px 10px;color:#fff;text-align:left;background:url(../images/css_single/floating_bg.png) 0 0 no-repeat;}
.floating_btn dd a:hover{text-decoration:none;}


.floating_qq,.floating_qq:hover,.floating_fankui,.floating_fankui:hover{width:50px;height:50px;display:inline-block;background-image:url(../images/css_sprites/a8ui_floating.png);}
.floating_qq{background-position:0 -50px;}
.floating_qq:hover{background-position:-50px -50px;}
.floating_fankui{background-position:0 0}
.floating_fankui:hover{background-position:-50px 0}