@charset "utf-8"; /* CSS Document */ body:nth-of-type(1) { margin: 0; margin: 0 !important; } .clear { clear:both; height:0; overflow:hidden; } /*========== IDweb页面 2010-4-23 ============*/ #content .IDweb_left { float:left; width:200px; } #content .IDweb_left .IDweb_left_title { width:inherit; background:url(../../images/Fansclub/IDweb_left_title.gif) no-repeat; width:192px; height:17px; padding:8px 0 0 8px; font-size:12px; font-weight:bold; line-height:12px; } #content .IDweb_left .ID_information { border-left: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7; border-top: solid 1px #d7d7d7; padding:9px 9px 0 9px; width:180px; } #content .IDweb_left .ID_information .info_left { float:left; width:72px; padding:0 6px 0 0; } #content .IDweb_left .ID_information .info_left p { margin:0; padding:0; line-height:1.5em; text-align:center; } #content .IDweb_left .ID_information .info_left p a { color:#090; } #content .IDweb_left .ID_information .info_right { float:left; width:100px; } #content .IDweb_left .ID_information .info_right { color:#000; } #content .IDweb_left .ID_information .info_right p { line-height:1em; padding:3px 0; } #content .IDweb_left .ID_information .info_right span { color:#090; } #content .IDweb_left .clubs_lodl { position:relative; background:#f60; padding:2px 6px 6px; margin:0 0 8px; z-index:400;} #content .IDweb_left .clubs_lodl .arrow { background:url(../../images/Fansclub/clubs_lodl_arow.gif) no-repeat; width:11px; height:6px; position:absolute; top:-6px; left:40px; } #content .IDweb_left .clubs_lodl .title { padding:5px 0 0; position:relative; z-index:500;} #content .IDweb_left .clubs_lodl .title .more{ position:absolute; top:10px; right:10px;} #content .IDweb_left .clubs_lodl .title .more a{color:#FFF;} #content .IDweb_left .clubs_lodl .clubs {z-index:410; position:relative; background:#fff;} #content .IDweb_left .clubs_lodl .clubs ul li { background:#fff; padding:7px 4px; height:50px; overflow:hidden; margin-bottom:1px; *margin:0; } #content .IDweb_left .clubs_lodl .clubs ul li .pic { float:left; width:50px; height:50px; overflow:hidden; } #content .IDweb_left .clubs_lodl .clubs ul li .info { float:left; width:124px; padding:0 0 0 5px; height:50px; } #content .IDweb_left .clubs_lodl .clubs ul li .info a.join { display:block; background:url(../../images/Fansclub/btn_join.gif) no-repeat; width:36px; height:16px; float:right; } #content .IDweb_left .clubs_lodl .clubs ul li .info p { line-height:1.2em; } #content .IDweb_left .clubs_lodl .lodl { background:#fff; overflow:hidden; z-index:410; position:relative; zoom:1;} #content .IDweb_left .clubs_lodl .lodl ul li { float:left; width:50px; height:64px; padding:6px; text-align:center; color:#444; } #content .IDweb_left .guest { border:solid 1px #d7d7d7; overflow:hidden; } #content .IDweb_left .guest ul { } #content .IDweb_left .guest ul li { float:left; width:50px; padding:8px; text-align:center; color:#444; line-height:1.5em; overflow:hidden; } #content .IDweb_left .medal{ padding:0 5px;} #content .IDweb_left .medal img{margin:2px 5px;} /*========== FANSClub主页 2010-4-23 ============*/ #fans_main { background: url(../../images/Fansclub/main_top_bg.gif) left top repeat-x; } #fans_main #header { background: url(../../images/Fansclub/main_header_bg.jpg) top center no-repeat; } #fans_main .content { width:872px; margin:0 auto; } #fans_main .content .customize { height:316px; position:relative; z-index:900; width:872px; } #fans_main .content .customize .club_name { width:802px; margin:12px auto; } #fans_main .content .customize .club_name h1 { font:bold 16px Arial, Helvetica, sans-serif, "宋体"; color:#000; } #fans_main .content .customize .club_name h1 span { font-size:12px; color:#7f7f7f; font-weight:normal; margin:0 8px; } #fans_main .content .customize .club_name h1 a { font-size:12px; text-decoration:underline; margin:0 8px; } #fans_main .content .customize .mask { background:url(../../images/Fansclub/customize_mask.png) no-repeat; width:872px; height:10px; } *html #fans_main .content .customize .mask { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/Fansclub/customize_mask.png"); } #fans_main .content .customize .foot { background:url(../../images/Fansclub/customiz_foot.png) no-repeat; width:949px; height:71px; position:absolute; bottom:0; left:-38px; } *html #fans_main .content .customize .foot { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/Fansclub/customiz_foot.png"); } #fans_main .content .customize .club_infomation { width:804px; height:210px; margin:16px auto 0 auto;/* background:url(../../images/Fansclub/blank.png) left top repeat;*/ padding:16px 12px 0; position:relative; z-index:920; } html #fans_main .content .customize .club_infomation_bg { background:#fff; filter:Alpha(Opacity=80); -moz-opacity:0.8; /* Moz + FF */ opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）*/ position:absolute; left:22px; top:58px; width:828px; height:210px; } #fans_main .content .customize .club_infomation .master_pic { float:left; width:144px; margin:6px 0 0; } #fans_main .content .customize .club_infomation .master_pic .pic { background:#fff; width:130px; height:130px; padding:6px; border:solid 1px #b9b9b9; overflow:hidden; } #fans_main .content .customize .club_infomation .master_pic .master_link { background:url(../../images/Fansclub/master_link_bg.gif) top center no-repeat; text-align:center; color:#FFF; height:23px; margin:6px 0 0; line-height:2em; } #fans_main .content .customize .club_infomation .master_pic .master_link a { color:#fff; padding:0 5px; } #fans_main .content .customize .club_infomation .master_pic .master_link a:hover { color:#f60; } #fans_main .content .customize .club_infomation .master_information { background:url(../../images/Fansclub/master_info_bg.gif) no-repeat; width:223px; height:149px; float:left; margin:6px 18px 0; } #fans_main .content .customize .club_infomation .master_information h2 { padding:12px 14px; font:bold 16px Arial, Helvetica, sans-serif, "宋体"; color:#f60; height:32px; line-height:32px; vertical-align:middle; } #fans_main .content .customize .club_infomation .master_information h2 span { float:right; } #fans_main .content .customize .club_infomation .master_information .fans { text-align:center; line-height:24px; vertical-align:middle; } #fans_main .content .customize .club_infomation .master_information .fans span { font:bold 24px Arial, Helvetica, sans-serif; color:#f60; } #fans_main .content .customize .club_infomation .master_information .btn_inclub { width:174px; margin:0 auto; padding:14px 0 0; } #fans_main .content .customize .club_infomation .master_information .btn_inclub a { background: url(../../images/Fansclub/join_fans.gif) no-repeat; display:block; width:174px; height:37px; } #fans_main .content .customize .club_infomation .master_information .btn_inclub a.logined{background:url(../../images/Fansclub/more_join.gif) no-repeat;} #fans_main .content .customize .club_infomation .this_song { float:left; width:380px; background:url(../../images/Fansclub/this_song_leftline.gif) left top repeat-y; padding:0 0 0 20px; } #fans_main .content .customize .club_infomation .this_song .title { font-weight:bold; font-size:14px; background:url(../../images/Fansclub/this_song_line.gif) center bottom no-repeat; padding:5px 0; } #fans_main .content .customize .club_infomation .this_song .title a { float:right; font-size:12px; text-decoration:underline; font-weight:normal; } #fans_main .content .customize .club_infomation .this_song ul li { padding:8px 0; overflow:hidden; height:38px; } #fans_main .content .customize .club_infomation .this_song ul li div { float:left; } #fans_main .content .customize .club_infomation .this_song ul li a { color:#333; } #fans_main .content .customize .club_infomation .this_song ul li div.song_pic { width:38px; height:38px; padding:0 14px 0 6px; } #fans_main .content .customize .club_infomation .this_song ul li div.song_info { width:284px; color:#4c4c4c; } /*==== 圈子主页内容部分 ===*/ #fans_main .content .cont { width:inherit; } /*==左边内容 ==*/ #fans_main .content .cont .left { float:left; width:592px; } #fans_main .content .cont .left .selcet {} #fans_main .content .cont .left .selcet ul li { position:relative; top:1px; float:left; padding: 5px 20px; margin: 2px 1px 0 0; background-color: #fff; border-left: solid 1px #CCC; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; border-right: solid 1px #ccc; -moz-user-select: none; -khtml-user-select: none; font-weight:bold;} #fans_main .content .cont .left .selcet ul li a{color:#575757;} #fans_main .content .cont .left .selcet ul li.hot { padding-top:7px; margin:0 1px 0 0; border-bottom: solid 1px #fff;} #fans_main .content .cont .left .selcet ul li.hot a{color:#f60;} #fans_main .content .cont .left .ContentGroup{border:solid 1px #ccc;} /*==右边内容 ==*/ #fans_main .content .cont .right{float:right; width:267px;} #fans_main .content .cont .right .club_box{border:solid 1px #78b9e8; border-top:none; margin:0 0 6px; overflow:hidden;} #fans_main .content .cont .right .club_info_title{background:url(../../images/Fansclub/club_info_title.png) no-repeat; width:247px; height:30px; padding:10px 20px 0 0; text-align:right;} #fans_main .content .cont .right .fans_title{background:url(../../images/Fansclub/fans.png) no-repeat; width:247px; height:30px; padding:10px 20px 0 0; text-align:right;} #fans_main .content .cont .right .fans_title a, #fans_main .content .cont .right .club_info_title a{color:#FFF;} #fans_main .content .cont .right .thisclub_info{padding:11px 16px;} #fans_main .content .cont .right .thisclub_info p{margin:10px 0; line-height:1.5em;} #fans_main .content .cont .right .thisclub_info p a{color:#f60; text-decoration:underline;} #fans_main .content .cont .right .btn_gift a{background:url(../../images/Fansclub/btn_gift.gif) no-repeat; width:265px; height:47px; margin:0 auto 7px; display:block;} #fans_main .content .cont .right .club_box ul li{float:left; width:50px; height:65px; padding:8px; overflow:hidden;} #fans_main .content .cont .right .club_box ul li p{margin:0 0 2px; padding:0; text-align:center;color:#666;}