@charset 'utf-8';


/*通用*/
@import url("/css/base.css");
@import url("/css/box.css");
/*gmb样式*/
@import url("/_lib/css/gmb.css");








/* 首页 */
.index .left_container{ width:694px; float:left;}
.index .right_container{ width:258px; float:right;}
.index .left_container .row_2,
.index .left_container .row_3,
.index .left_container .row_4{ width:100%; margin-bottom:8px;}









/*more*/
.index a.more_2{ display:block; width:46px; height:20px; background:url(/images/common/more_2.gif) center center no-repeat;}
.index a .img_border{ border:1px solid #CCC; padding:1px; background:#FFF;}
.index a:hover .img_border{ border:1px solid #FF6600;}
/**/
/**/
/*list_2*/
.index .list_2{ width:210px; margin:0 auto;}
.index .list_2 li{ height:16px; line-height:16px; margin-bottom:6px;}
.index .list_2 li div{ float:left; height:100%;}
.index .list_2 .no{ width:18px;}
.index .list_2 .no img{ margin-top:2px;}
.index .list_2 .song_name{ width:94px;}
.index .list_2 .artist{ width:56px; text-indent:5px;}
.index .list_2 .btn{ float:right; text-align:right; width:auto;}
.index .list_2 .btn a{ float:left; margin-left:3px;}
/**/
/**/
.index .quick_play_button{ padding-left:8px; height:36px;}
.index .quick_play_button a{ float:left; margin-right:5px; margin-top:7px;}
/**/
/**/
/*标题通用*/
.index .title{ height:36px;}
.index .title .tt{ width:auto; float:left; margin-top:8px; margin-left:8px;}
.index .title .more_2{ float:right; margin-top:6px; margin-right:3px;}









/*新音汇*/
.index .new_star_album{ width:100%; height:200px; margin-bottom:8px;}
.index .new_star_album .title{ margin-bottom:6px;}
.new_star_album .album_container{ width:650px; height:152px; margin:0 auto;}
.new_star_album .album_block{ width:130px; height:152px; line-height:16px; float:left; background:url(/images/index/new_star_img_bg.gif) center 0 no-repeat;}
.new_star_album .album_block .album_img{ width:100px; margin:0 auto; text-align:center;}
.new_star_album .album_block .album_img img{ width:95px; height:95px; margin:7px auto 12px;}
.new_star_album .album_block .album_name{ width:92px; height:16px; margin:0 auto 5px;}
.new_star_album .album_block .artist{ width:92px; height:16px; margin:0 auto;}









.index .row_2{ height:406px;}
.index .cn_new{ width:226px; float:left;}
.index .kr_new{ width:226px; float:left; display:inline; margin-left:8px;}









/**/
/**/
.index .mp4{ width:226px; float:right;}
.index .mp4 .title{ margin-bottom:10px;}
.index .mp4 .recommend_mp4{ height:92px; margin:0 8px;}
.index .mp4 .recommend_mp4 .recommend_mp4_img{ width:95px; height:72px; float:left;}
.index .mp4 .recommend_mp4 .recommend_mp4_inf{ width:102px; float:right; margin-top:8px;}
.index .mp4 .recommend_mp4 .recommend_mp4_inf li{ width:100%; height:16px; line-height:16px; margin-top:6px; overflow:hidden;}
.index .mp4 .recommend_mp4 .recommend_mp4_inf .btn a{ float:left; margin-right:3px;}










.index .row_3{ height:458px;}
/**/
.index .hot_ticket{ width:226px; float:left;}
.index .hot_ticket .title{ margin-bottom:5px;}
.index .hot_ticket .ticket_list{ width:224px; margin:0 auto;}
.index .hot_ticket .ticket_list li{ height:24px; margin-top:3px;}
.index .hot_ticket .ticket_list li.even{ background:#efefef;}
.index .hot_ticket .ticket_list li div{ height:16px; line-height:16px; float:left; margin-top:5px;}
.index .hot_ticket .ticket_list .date{ width:70px; font-size:11px; color:#ff6600; background:url(/images/index/ticket_icon.gif) 7px 1px no-repeat; text-indent:21px;}
.index .hot_ticket .ticket_list .ticket_name{ width:146px; text-indent:5px;}








/*上下容器*/
.index .container_x2_2{ width:460px; float:right;}
.index .mtv{ width:100%; height:188px; margin-bottom:8px;}
.index .mtv .title{ margin-bottom:7px;}
/*小菜单*/
.index .mtv .title .mtv_menu_container{ height:33px; float:left; background:url(/images/index/tt_icon_img.gif) no-repeat; text-indent:22px;}
.index .mtv .title .mtv_menu_container .a_container{ margin-top:8px;}
.index .mtv .title .mtv_menu_container .a_container a{ cursor:pointer;}
.index .mtv .title .mtv_menu_container .a_container .selected{ color:#FF6600; font-weight:bold;}
.index .mtv .title .mtv_menu_container span{ padding:0 7px 0 3px; text-align:center;}
.index .mtv .mtv_container{ width:444px; height:143px; margin:0 auto;}
.index .mtv .mtv_block{ width:111px; float:left; background:url(/images/index/mtv_bg.gif) center top no-repeat;}
.index .mtv .mtv_img{ width:95px; height:96px; margin:3px auto 0;}
.index .mtv .mtv_img img{ width:95px; height:72px;}
.index .mtv .mtv_name{ width:95px; height:16px; margin:0 auto 3px;}
.index .mtv .artist_btn{ width:95px; height:16px; margin:0 auto;}
.index .mtv .artist_btn .artist{ width:72px; height:16px; float:left;}
.index .mtv .artist_btn .btn{ width:20px; height:16px; float:right;}









.index .news{ width:100%; height:262px;}
.index .news .title{ width:100%; margin-bottom:2px;}
.index .news .title .tt_icon{ float:left;}
.index .news .img_news{ width:133px; display:inline; float:left; margin-left:12px;}
.index .news .img_news li{ margin-top:5px;}
.index .news .img_news .news_img{ float:left; margin-bottom:2px;}
.index .news .img_news .news_img img{ width:129px; height:64px;}
.index .news .img_news .news_sort{ width:17px; height:30px; line-height:14px; float:left; color:#FFF; text-align:center; background:url(/images/index/news_sort_bg.gif) no-repeat; margin-left:2px; display:inline; padding-top:2px;}
.index .news .img_news .news_title{ width:108px; height:30px; line-height:15px; float:right; margin-right:2px; display:inline;}
.index .news .txt_news{ width:290px; display:inline; float:right; margin-right:12px;}
.index .news .txt_news .news_sort{ width:30px; height:15px; line-height:15px; float:left; background:url(/images/index/news_sort_bg2.gif) no-repeat; text-align:center; color:#FFF;}
.index .news .txt_news .news_title{ width:256px; height:15px; line-height:15px; float:right;}
.index .news .txt_news li{ height:16px; margin-top:5px;}









.index .row_4{ height:276px;}
.index .game{ width:296px; float:left;}
.index .game .game_container{ width:279px; height:225px; margin:5px auto 0; background:url(/images/index/game_bg.gif) no-repeat;}
.index .game .game_container .menu_container{ width:84px; height:225px; float:left;}
.index .game .game_container .menu_container div{ height:28px; float:left;}
.index .game .game_container .menu_container a{ width:84px; height:25px; line-height:25px; text-indent:20px; display:block; text-decoration:none; cursor:pointer;}
.index .game .game_container .menu_container .selected,
.index .game .game_container .menu_container a:hover{ background:none; text-indent:30px; color:#ff6600;}
.index .game .game_container .menu_container .game_sort_2{ background:url(/images/index/game_sort_2_bg.gif) no-repeat;}
.index .game .game_container .menu_container .game_sort_3{ background:url(/images/index/game_sort_3_bg.gif) no-repeat;}
.index .game .game_container .menu_container .game_sort_4{ background:url(/images/index/game_sort_4_bg.gif) no-repeat;}
.index .game .game_container .menu_container .game_sort_5{ background:url(/images/index/game_sort_5_bg.gif) no-repeat;}
.index .game .game_container .menu_container .game_sort_6{ background:url(/images/index/game_sort_6_bg.gif) no-repeat;}
.index .game .game_container .menu_container .game_sort_7{ background:url(/images/index/game_sort_7_bg.gif) no-repeat;}
.index .game .game_container .menu_container .game_sort_8{ background:url(/images/index/game_sort_8_bg.gif) no-repeat;}
.index .game .game_container .menu_container .game_sort_9{ background:url(/images/index/game_sort_9_bg.gif) no-repeat;}
.index .game .game_container .game_list{ width:180px; height:222px; float:right; display:inline; margin-right:7px; margin-top:3px;}
.index .game .game_container .game_list .game_name{ width:90px; height:16px; line-height:16px; background:url(/images/index/game_icon.gif) 5px 0 no-repeat; text-indent:20px; float:left; margin-top:7px;}









.index .ucc{ width:390px; float:right;}
.index .ucc .title{ margin-bottom:10px;}
.index .ucc .ucc_container{ width:378px; margin:0 auto;}
.index .ucc .ucc_block{ width:126px; height:114px; float:left;}
.index .ucc .ucc_img{ width:110px; height:83px; margin:0 auto; margin-bottom:3px;}
.index .ucc .ucc_img img{ width:106px; height:79px;}
.index .ucc .ucc_name{ width:106px; height:16px; line-height:16px; margin:0 auto;}









.index .index_flash_2{ width:100%; height:324px; margin-bottom:8px;}
.index #index_flash_2{ width:100%; height:324px;}








.index .quick{ width:100%; height:160px; margin-bottom:8px;}
.index .quick .title{ width:232px; margin:0 auto 3px; background:url(/images/index/tt_line.gif) bottom no-repeat;}
.index .quick .title .tt{ margin-left:0;}
.index .quick .content{ width:232px; height:100px; margin:0 auto;}
.index .quick .content li{ border-bottom:1px solid #ECECEC; height:36px;}
.index .quick .content li a{ display:block; width:auto; height:23px; line-height:24px; padding:0 8px; float:left; text-decoration:none;}
.index .quick .content .quick_btn{ width:auto; float:left; margin-top:7px; margin-right:5px; background:url(/images/index/quick_btn_bg.gif) right 0 no-repeat;}
.index .quick .content .quick_btn a{ background:#FFF;}
.index .quick .content .quick_btn a:hover{ color:#000; background:url(/images/index/quick_btn_l.gif) 0 0 no-repeat;}
.index .quick .content .selected{ width:auto; float:left; margin-top:7px; background:url(/images/index/quick_btn_bg.gif) right 0 no-repeat; margin-right:5px;}
.index .quick .content .selected a{ color:#000; text-decoration:none; background:url(/images/index/quick_btn_l.gif) 0 0 no-repeat;}









.index .bubble{ width:100%; height:236px; margin-bottom:8px; background:url(/images/index/bubble_bg.gif) no-repeat;}
.index .bubble #index_bubble{ width:245px; height:186px; margin:43px auto 0;}









.index .other_doing{ width:100%; height:620px;}
.index .other_doing .title{ width:232px; margin:0 auto 10px; background:url(/images/index/tt_line.gif) bottom no-repeat;}
.index .other_doing .title .tt{ margin-left:0;}
.index .other_doing .content{ width:230px; height:78px; margin:0 auto 2px; background:url(/images/common/dashed_2.gif) bottom repeat-x;}
.index .other_doing .content li{ width:220px; display:inline; margin-left:5px;}
.index .other_doing .content li div{ height:20px; line-height:20px; float:left;}
.index .other_doing .content .id_icon{ margin-top:5px;}
.index .other_doing .user_id{ width:110px; background:url(/images/index/icon_douremi.gif) no-repeat; text-indent:22px;}
.index .other_doing .txt{ width:56px; text-indent:6px;}
.index .other_doing .icon img{ margin-top:2px; float:right;}
.index .other_doing .comments{ width:100%; height:31px; overflow:hidden; line-height:31px; background:url(/images/index/icon_35.gif) 0 16px no-repeat; text-indent:10px;}
.index .other_doing .comments img{ margin-bottom:-8px;}
.index .other_doing .date{ text-align:right}








.friendly_link{ width:960px; height:110px; margin:0 auto 8px;}
.friendly_link .img_link{ width:945px; height:58px; margin:0 auto 7px; background:url(/images/common/dashed_2.gif) 0 57px repeat-x;}
.friendly_link .img_link img{ margin:14px auto 0;}
.friendly_link .txt_link{ width:945px; margin:0 auto;}
.friendly_link .txt_link .link_block{ height:22px;}
.friendly_link .link_block{ width:135px; float:left; text-align:center;}