@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:160px;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;}
.tel{color: #FFD200;margin-top: 10px;}

.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(search_btn.png) 0 0 no-repeat;}
.top_search .searchbtn:hover{background:url(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(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(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;border-bottom: 1px #cecece solid;}
#logo{margin-bottom:0;margin-left:20px;_margin-left:10px;padding-right:0px;}
.main_nav{float:right;margin:0;padding:0;text-align:right;}
.main_nav li{float:left;width:142px;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(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:26px 0 0 66px;width:75px;}
a.musician,.a.musician:hover,a.musician.current{padding:26px 0 0 66px;width:83px;}
a.home{background-position:-15px -2px;}
a.home:hover,a.home.current{background-position:-178px -2px;color:#89bf43;}
a.rank{background-position:-20px -80px;}
a.rank:hover,a.rank.current{background-position:-183px -80px;color:#89bf43;}
a.musician{background-position:-20px -160px;}
a.musician:hover,a.musician.current{background-position:-183px -160px;color:#89bf43;}
.current a.yy{color: #89BF43;}
a.yy:hover,a.yy.current{color:#89bf43;}
a.isearch{background-position:-20px -428px;border:none;}
a.isearch:hover,a.isearch.current{background-position:-183px -428px;color:#89bf43;}


.nav_videopage {
    text-align: center;
    line-height: 80px;
    border-right-width: 0px;
    text-align: center;
}

.nav_videopage a{
    margin:auto;
    display: inline-block;   
    padding-left:40px;
    text-align:center;    
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221542164272520%22%20class%3D%22icon%22%20style%3D%22%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%226386%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M853.333333%201024%20170.666667%201024c-93.866667%200-170.666667-76.8-170.666667-170.666667L0%20170.666667c0-93.866667%2076.8-170.666667%20170.666667-170.666667l682.666667%200c93.866667%200%20170.666667%2076.8%20170.666667%20170.666667l0%20682.666667C1024%20947.2%20947.2%201024%20853.333333%201024zM170.666667%2085.333333C123.733333%2085.333333%2085.333333%20123.733333%2085.333333%20170.666667l0%20682.666667c0%2046.933333%2038.4%2085.333333%2085.333333%2085.333333l682.666667%200c46.933333%200%2085.333333-38.4%2085.333333-85.333333L938.666667%20170.666667c0-46.933333-38.4-85.333333-85.333333-85.333333L170.666667%2085.333333z%22%20p-id%3D%226387%22%20fill%3D%22%23aaaaaa%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M384%20725.333333c-8.533333%200-12.8%200-21.333333-4.266667C349.866667%20712.533333%20341.333333%20699.733333%20341.333333%20682.666667L341.333333%20341.333333c0-17.066667%208.533333-29.866667%2021.333333-38.4%2012.8-8.533333%2029.866667-8.533333%2042.666667%200l298.666667%20170.666667c12.8%208.533333%2021.333333%2021.333333%2021.333333%2038.4s-8.533333%2029.866667-21.333333%2038.4l-298.666667%20170.666667C396.8%20725.333333%20392.533333%20725.333333%20384%20725.333333zM426.666667%20413.866667l0%20196.266667%20170.666667-98.133333L426.666667%20413.866667z%22%20p-id%3D%226388%22%20fill%3D%22%23aaaaaa%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat left center;
}
.nav_videopage a:hover,.current a{
    color:#89BF43;
    text-decoration: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221542164272520%22%20class%3D%22icon%22%20style%3D%22%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%226386%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M853.333333%201024%20170.666667%201024c-93.866667%200-170.666667-76.8-170.666667-170.666667L0%20170.666667c0-93.866667%2076.8-170.666667%20170.666667-170.666667l682.666667%200c93.866667%200%20170.666667%2076.8%20170.666667%20170.666667l0%20682.666667C1024%20947.2%20947.2%201024%20853.333333%201024zM170.666667%2085.333333C123.733333%2085.333333%2085.333333%20123.733333%2085.333333%20170.666667l0%20682.666667c0%2046.933333%2038.4%2085.333333%2085.333333%2085.333333l682.666667%200c46.933333%200%2085.333333-38.4%2085.333333-85.333333L938.666667%20170.666667c0-46.933333-38.4-85.333333-85.333333-85.333333L170.666667%2085.333333z%22%20p-id%3D%226387%22%20fill%3D%22%2389BF43%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M384%20725.333333c-8.533333%200-12.8%200-21.333333-4.266667C349.866667%20712.533333%20341.333333%20699.733333%20341.333333%20682.666667L341.333333%20341.333333c0-17.066667%208.533333-29.866667%2021.333333-38.4%2012.8-8.533333%2029.866667-8.533333%2042.666667%200l298.666667%20170.666667c12.8%208.533333%2021.333333%2021.333333%2021.333333%2038.4s-8.533333%2029.866667-21.333333%2038.4l-298.666667%20170.666667C396.8%20725.333333%20392.533333%20725.333333%20384%20725.333333zM426.666667%20413.866667l0%20196.266667%20170.666667-98.133333L426.666667%20413.866667z%22%20p-id%3D%226388%22%20fill%3D%22%2389BF43%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.lb_title1{
	line-height: 85px;
    color: #000;
    font-size: 36px;
}
.lb_title2{
    color: #89BF43;
    font-size: 28px;
	padding-left: 10px;
	font-family:sans-serif;
}
.input_btn{line-height: 45px;
    padding: 2px 28px;
    border: none;
    border-radius: 8px;
    background: #FFD200;
    color: #fff;
    font-size: 22px;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(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:14px;margin-top:1px;color:#9a9a9a;}
.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:#9a9a9a;text-decoration:none;}
.copyright a{ text-decoration: none;color:#9a9a9a; }
.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: 15px;
    margin-top: 150px;}
#back_top a.button{display:block;cursor:pointer;width:50px;height:50px;text-transform:none;background:url(backtotop.png) 0 0 no-repeat;}
#back_top a.button:hover{background:url(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(a8ui_pagination.png) 0 0 no-repeat}
.pagination .prev a:hover{background-position:-30px 0;}
.pagination .next a{background:#e1e1e1 url(a8ui_pagination.png) -30px -30px no-repeat}
.pagination .next a:hover{background-position:0 -30px;}

/*a8_floating*/
.a8_floating{position:fixed;right:70px;bottom:110px;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(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(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}