/*通用样式*/
*{margin:0;padding:0;word-wrap:break-word;}
body{font:12px/1.75 "宋体", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#444;}
body{background:#fff;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
tr {padding: 0px; margin: 0px;list-style-type: none;}
h3,h4{padding:0px; font-size:14px; font-weight:bold;}
.clear {clear:both;height:0px; overflow:hidden;}
.blank10{height:10px; overflow:hidden;}

/*控制数字导航*/
span.N1,span.N2,span.N3,span.N4,span.N5,span.N6,span.N7,span.N8,span.N9,span.N10{display:block;float:left;width:17px;margin-left:5px;margin-right:5px;padding-top:6px; height:15px;}
span.N1{background:url(n01.gif) no-repeat 0px 4px;}
span.N2{background:url(n02.gif) no-repeat 0px 4px;}
span.N3{background:url(n03.gif) no-repeat 0px 4px;}
span.N4{background:url(n04.gif) no-repeat 0px 4px;}
span.N5{background:url(n05.gif) no-repeat 0px 4px;}
span.N6{background:url(n06.gif) no-repeat 0px 4px;}
span.N7{background:url(n07.gif) no-repeat 0px 4px;}
span.N8{background:url(n08.gif) no-repeat 0px 4px;}
span.N9{background:url(n09.gif) no-repeat 0px 4px;}
span.N10{background:url(n10.gif) no-repeat 0px 4px;}


.wrap{width:100%; margin:0px auto; background:#fff url(/space/images/topbg.png) no-repeat; height:152px;}
.spacetop{width:980px; margin:0px auto;}
.spacetop .logo{width:450px; float:left;}
.spacetop .groupname{width:500px;float:right;font-size:30px;font-weight:bold;color:#ff0000;padding-top:15px;text-align:center;}


.spacenav{width:980px; margin:0px auto;}
.spacenav .navl{width:4px; float:left; background:url(/space/images/nacL.gif) no-repeat; height:70px;}
.spacenav .navm{width:972px; float:left; background:url(/space/images/nacC.gif) repeat-x; height:70px; }
.spacenav .navm #menu{ height:38px; overflow:hidden;}
.spacenav .navm #menu ul{margin-left:5px;}
.spacenav .navm #menu li{width:86px; float:left; background:url(/space/images/nacsplit.gif) no-repeat right center; text-align:center; line-height:35px;}
.spacenav .navm #menu a{ font-size:14px; font-weight:bold; color:#fff;}
.spacenav .navm #menu a:hover{ background:url(/space/images/navbg.png) no-repeat center center; display:block; color:#336699; text-decoration:none;}
.spacenav .navr{width:4px; float:right; background:url(/space/images/nacR.gif) no-repeat; height:70px;}

.spacesite{ background:url(/images/home.gif) no-repeat 10px 5px; padding-left:30px;height:30px;color:#666; line-height:30px;}
.spacesite a{ color:#666;}
.spacesite a:hover{ color:#666; text-decoration:none;}


.spacemain{width:980px; margin:0px auto;margin-top:10px;}
.spacemain .left{width:278px; float:left; }
.spacemain .left .lefttop{background:url(/space/images/top.png) no-repeat; height:8px; overflow:hidden;}
.spacemain .left .leftmid{background:url(/space/images/mid.png) repeat-y; height:100%; overflow:hidden;}
.spacemain .left .leftbot{background:url(/space/images/bot.png) no-repeat; height:6px; overflow:hidden;}


.left1box{text-align:center; padding:10px;}
.left2box{ padding:10px;}
.left2box h3{ font-size:14px; font-weight:bold; color:#336699;}
.left2boxlist{}
.left2boxlist ul{}
.left2boxlist li{ height:25px; line-height:25px;}
.left2boxlist a{ color:#336699;}

.left3boxlist{}
.left3boxlist ul{}
.left3boxlist li{width:25%; float:left; text-align:center;overflow: hidden;   white-space:nowrap; text-overflow:ellipsis;}
.left3boxlist img{width:40px; height:40px; padding:1px; border:#D8E5EB 1px solid;margin-bottom:5px;}

.left4boxlist{}
.left4boxlist ul{}
.left4boxlist li{width:50%; float:left;}
.left4boxlist img{width:80px; height:80px; border:#D8E5EB 1px solid; padding:2px;}
.left4boxlist a{color:#336699; text-decoration: none;}

.left3box{ padding:10px;}
.left3box h3{ font-size:14px; font-weight:bold; color:#336699;}


.left5boxlist{}
.left5boxlist ul{}
.left5boxlist li{ line-height:25px;width:260px;overflow: hidden;   white-space:nowrap; text-overflow:ellipsis; 
}
.left5boxlist img{ display:none;}
.left5boxlist span{ float:right; display:none;}
.left5boxlist a{color:#336699; text-decoration: none;}

.left6boxlist{height:150px;}


.spacemain .right{width:690px; float:right;}

.spacemain .right .right1box{}
.spacemain .right .right1box .right1boxl{width:360px; float:left; background:#F0FBFF; padding:3px; text-align:center;}
.spacemain .right .right1box .right1boxr{width:316px; float:right;}
.spacemain .right .right1box .right1boxr .tit{ background:url(info_tit_bg.gif) repeat-x; height:30px; padding-left:35px; position:relative; font-size:14px; font-weight:bold; color:#336699; line-height:30px; border-right:#B4D0F0 1px solid;}

.spacemain .right .right1box .right1boxr .tit span{ position:absolute; right:10px; top:0px;}
.spacemain .right .right1box .right1boxr .tit span a{ font-size:12px; font-weight:normal; color:#336699;}
.right1list{ border:#B4D0F0 1px solid; border-top:none; height:246px; overflow:hidden;}
.right1list ul{ padding:10px;}
.right1list li{ height:25px; line-height:25px;}
.right1list a{ font-size:14px;}
.right1list span{ float:right; font-size:14px; color:#999;}

.right2box{margin-top:10px;}
.right2box .tit{ background:url(info_tit_bg.gif) repeat-x; height:30px; padding-left:35px; position:relative; font-size:14px; font-weight:bold; color:#336699; line-height:30px; border-right:#B4D0F0 1px solid;}
.right2box .tit span{ position:absolute; right:10px; top:0px;}
.right2box .tit span a{ font-size:12px; font-weight:normal; color:#336699;}

.right2list{ border:#B4D0F0 1px solid; border-top:none; height:220px;}
.right2list ul{ padding:10px;}
.right2list li{width:25%; float:left; text-align:center;}
.right2list a{ font-size:14px; color:#336699;}

.right2list img{width:120px; height:110px; text-align:center;}

.right3box{margin-top:10px; height:182px; overflow:hidden;}
.right3box .right3boxl{width:340px; float:left;}
.right3box .right3boxl .tit{background:url(info_tit_bg.gif) repeat-x; height:30px; padding-left:35px; position:relative; font-size:14px; font-weight:bold; color:#336699; line-height:30px; border-right:#B4D0F0 1px solid;}
.right3box .right3boxl .tit span{ position:absolute; right:10px; top:0px;}
.right3box .right3boxl .tit span a{ font-size:12px; font-weight:normal; color:#336699;}


.right3box .right3boxr{width:340px; float:right;}
.right3box .right3boxr .tit{background:url(info_tit_bg.gif) repeat-x; height:30px; padding-left:35px; position:relative; font-size:14px; font-weight:bold; color:#336699; line-height:30px; border-right:#B4D0F0 1px solid;}
.right3box .right3boxr .tit span{ position:absolute; right:10px; top:0px;}
.right3box .right3boxr .tit span a{ font-size:12px; font-weight:normal; color:#336699;}

.right3box .right3list{border:#B4D0F0 1px solid; border-top:none; height:150px; overflow:hidden;}
.right3box .right3list ul{ padding:10px;}
.right3box .right3list li{ height:25px; line-height:25px;}
.right3box .right3list a{ font-size:14px; color:#336699;}
.right3box .right3list span{ float:right; color:#999; font-size:14px;}


/*找朋友*/

.spacemain .right .friendbox1{ border:#d8e5eb 1px solid;padding:10px;line-height:25px;font-size:14px;}
.spacemain .right .friendbox2{border:#d8e5eb 1px solid;padding:10px;height:748px;overflow:hidden;}
.spacemain .right .friendbox2 .tit{background:#d8e5eb;height:30px;line-height:30px;font-sizE:14px;font-weight:bold;color:#369;padding-left:10px;}
.spacemain .right .spacemain_box{padding:8px;}
.spacemain .right .spacemain_box #searchresult li{width:50%;float:left;}
.spacemain .right .spacemain_box #searchresult td{height:120px;}
.spacemain .right .spacemain_box #searchresult .userface img{padding:2px;border:#e8e8e8 1px solid;}
.spacemain .right .spacemain_box #searchresult a{color:#369;}
.spacemain .right .spacemain_box #searchresult a:Hover{color:#ff6600;text-decoration:none;}


/*圈子*/
.groupmain{widtH:980px;margin:0px auto;}
.groupmain .left{width:200px;float:left;}
.groupmain .left .left01{}
.groupmain .left .left01 .tit{background:url(music_title.gif) no-repeat;height:33px;line-height:33px;font-size:14px;font-weight:bold;color:#fff;padding-left:30px;}
.groupmain .left .left01 .left01box{border:#d8e5eb 1px solid;padding:10px;}
.groupmain .left .left01 .left01box img{padding:3px;border:#E8E8E8 1px solid;margin-bottom:8px;}


.groupmain .left .left01 .left02box{border:#d8e5eb 1px solid;height:100%;overflow:hidden;}
.groupmain .left .left01 .left02box ul{padding:10px;}
.groupmain .left .left01 .left02box .bestuser{width:70px;float:left;text-align:center;}
.groupmain .left .left01 .left02box .bestuser .userimg img{padding:2px;border:#E8E8E8 1px solid;}
.groupmain .left .left01 .left02box .bestuser .username a{ font-sizE:14px;color:#369;
font-family:Arial, Helvetica, sans-serif;}

.groupmain .mid{width:560px;float:left;margin-left:10px;}
.groupmain .mid .mid01{}
.groupmain .mid .mid01 .tit{background:url(music_title.gif) no-repeat;height:33px;line-height:33px;font-size:14px;font-weight:bold;color:#fff;padding-left:30px;}
.groupmain .mid .mid01 .mid01box{ font-size:14px;border:#d8e5eb 1px solid;padding:10px;}
#form_comment{font-size:14px;}
.groupmain .mid .mid01 .mid01box a{font-size:14px;color:#369;}
.groupmain .mid .mid01 .mid01box #ginfo{}
.groupmain .mid .mid01 .mid01box #ginfo h1{height:36px; line-height:36px;font-size:14px;font-weight:bold;color:#000;}
.groupmain .mid .mid01 .mid01box #ginfo #group_info{border-bottom:#e8e8e8 1px solid; height:140px; overflow:hidden;}
.groupmain .mid .mid01 .mid01box #ginfo #group_info #group_pic{width:120px;float:left;}
.groupmain .mid .mid01 .mid01box #ginfo #group_info #group_pic img{ padding:2px; border:#E8E8E8 1px solid;}
.groupmain .mid .mid01 .mid01box #ginfo #group_info #group_xx{width:400px; float:right;}


.groupmain .mid .mid01 .mid01box #teammain ul{width:25%; float:left; text-align:center; height:125px; overflow:hidden;}
.groupmain .mid .mid01 .mid01box #teammain img{ padding:2px; border:#E8E8E8 1px solid;}


.groupmain .mid .mid01 .mid01box #ginfo #user_list{border-bottom:#e8e8e8 1px solid; height:175px; overflow:hidden;}
.groupmain .mid .mid01 .mid01box #ginfo #user_list h1{ height:36px; line-height:36px;font-size:14px;font-weight:bold;color:#000;}

.groupmain .mid .mid01 .mid01box #ginfo #user_list .u1{width:120px;float:left;}
.groupmain .mid .mid01 .mid01box #ginfo #user_list .u1 img{ width:120px; height:120px;padding:2px; border:#E8E8E8 1px solid;}
.groupmain .mid .mid01 .mid01box #ginfo #user_list .u2{width:390px; float:right;}
.groupmain .mid .mid01 .mid01box #ginfo #user_list .u2 a{ font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.groupmain .mid .mid01 .mid01box #ginfo #user_list .u3{width:390px; float:right;}




.groupmain .right{width:200px;float:right;}
.groupmain .right .right01{}
.groupmain .right .right01 .tit{background:url(music_title.gif) no-repeat;height:33px;line-height:33px;font-size:14px;font-weight:bold;color:#fff;padding-left:30px;}
.groupmain .right .right01 .right01box{border:#d8e5eb 1px solid;padding:10px; line-height:28px;font-sizE:14px;}

.groupmain .right .right01 .right02box{border:#d8e5eb 1px solid;padding:5px;height:100%;overflow:hidden;}
.groupmain .right .right01 .right02box .bestuser{width:60px;float:left;text-align:center;}
.groupmain .right .right01 .right02box .bestuser .userimg img{width:40px;height:40px;padding:2px;border:#E8E8E8 1px solid;}
.groupmain .right .right01 .right02box .bestuser .username a{ font-sizE:14px;color:#369;
font-family:Arial, Helvetica, sans-serif;}


/*文章分页样式*/
#fenye{clear:both;}
#fenye a{text-decoration:non;}
#fenye .prev,#fenye .next{width:52px; text-align:center;}
#fenye a.curr{width:22px;background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{margin:5px 4px 0 0; color:#1E50A2;background:#fff; display:inline-table; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#1f3a87;} 
#fenye a:hover{color:#fff; background:#1E50A2; border:1px solid #1E50A2;float:left;}
#fenye span{line-height:30px;}


 /*文章正文分页样式*/
#pageNext{ padding:10px 12px 6px; clear:both;}
#pageNext .prev,#pageNext .next{width:52px; text-align:center;}
#pageNext a.curr{width:22px;background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center;}
#pageNext a.curr:visited {color:#fff;}
#pageNext a{margin:5px 4px 0 0; color:#1E50A2;background:#fff; display:inline-table; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#pageNext a.num{width:22px;}
#pageNext a:visited{color:#1f3a87;} 
#pageNext a:hover{color:#fff; background:#1E50A2; border:1px solid #1E50A2;float:left;}





/*底部版权*/

.copyright{width:980px;margin:0px auto;margin-top:10px;text-align:center;}
.foot{background:#E5EFFA;height:30px;line-height:30px;}
.foot a{color:#000;text-decoration:none;line-height:24px;}
#copyright{line-height:24px;}

/*button*/
.btn{border-color:#3366cc;margin-right:1em;color:#fff;background:#3366cc;}
.btn{border-width:1px;cursor:pointer;padding:.1em 1em;*padding:0 1em;font-size:9pt; line-height:130%; overflow:visible;}


