@charset "utf-8"; .sp_00 { background:url(../images/sp-00.png) no-repeat;} .sp_01 { background:url(../images/sp-01.png) no-repeat;} #wrapper { width:950px; margin:0 auto; text-align:left;/* padding-top:42px;*/} /* ----- header START ----- */ /*start @2010.04.13 BY Hiro*/ #header { padding:10px 0 10px;} #wrapper .unlogin_p_b { padding-bottom:35px;} #header_t { height:48px; padding-bottom:10px;} h1#logo { width:253px; height:48px; float:left;} h1#logo a { display:block; width:100%; height:100%; background:url(../images/v1.5/sp_00.png) no-repeat; text-indent:-9999px;} #login { width:420px; float:left; margin:26px 0 0 20px; height:18px;} #login li { display:inline; padding-right:5px;} #login li a { color:#1d72c0; padding:3px 5px 0;} #myWY dl a:hover, #myFriends a:hover, #myMessages a:hover, #myInforms a:hover { text-decoration:none;} #login .inform_lks { position:relative; margin-right:5px; cursor:pointer;} #myWY span { display:block; position:absolute; width:12px; height:19px; top:-4px; right:0; background:url(../images/v1.5/arrow_down.png) no-repeat 50% 50%;} #myWY span, #myFriends a, #myMessages a, #myInforms a { border:1px solid #fff; border-bottom:0;} #myWY span.click, #myFriends a.click, #myMessages a.click, #myInforms a.click { background-color:#f2f2f2; border:1px solid #e6e6e6; border-top-color:#08aeef; border-bottom:none; z-index:2;} #myFriends a.click, #myMessages a.click, #myInforms a.click { padding-bottom:3px; position:relative; z-index:2;} #login .inform_lks dl { position:absolute; top:14px; z-index:10; background:#f5f3f1; border:1px solid #e6e6e6; padding:2px 0; display:none;} #login #myWY dl { width:100px; right:0;} #login #myFriends dl, #login #myMessages dl, #login #myInforms dl { width:200px; left:0;} #login .inform_lks dt { border-top:1px solid #e6e6e6;} #login .inform_lks em { width:17px; height:13px; line-height:11px; font-size:10px; font-family:Verdana; text-align:center; background:url(../images/v1.5/quot.png) no-repeat; position:absolute; top:-12px; right:4px; color:#fff; z-index:3; font-weight:normal;} #login #myWY dt, #login #myWY dd, #login #myFriends dt a, #login #myMessages dt a, #login #myInforms a { height:21px; line-height:21px;} #login .inform_lks dt a, #login .inform_lks dd a { display:block; padding:0; height:100%; border:none;} #login .inform_lks dt a, #login #myWY dd a { text-indent:5px;} #login #myWY dt a:hover, #login #myWY dd a:hover, #login #myInforms dd a:hover { background:url(../images/v1.5/inform_hover.gif) repeat-x; color:#fff;} #login #myFriends dl a:hover, #login #myMessages dl a:hover { text-decoration:underline;} #login #myFriends dd, #login #myMessages dd { padding:5px 5px 8px 5px; clear:both; color:#999;} #login #myMessages dd { border-top:1px solid #e6e6e6;} #login #myMessages dd.sendMsg { border:none; text-align:right; padding:2px 5px;} #login #myMessages dd.sendMsg a, #login #myFriends dd a { display:inline;} #login #myFriends dd img, #login #myMessages dd img { border:1px solid #ccc; float:left; margin-right:5px; width:54px; height:54px;} #login #myInforms dd a { padding:2px 5px; color:#999; overflow:hidden;} #login #myFriends dt, #login #myMessages dt { clear:both;} #login #myFriends dd div { overflow:hidden; height:1%; color:#ccc; padding-top:2px;} #login #myFriends dd button, #login #myFriends .send_msg_lk { display:block; float:left; height:18px; border:1px solid #83b606; padding:0 5px; background:url(../images/v1.5/accept_btn_x.gif) repeat-x; color:#fff; width:50px; height:18px; padding:0;} #login #myFriends .send_msg_lk { width:62px; padding:0 3px; height:16px; line-height:16px;} #login #myFriends .omit_lk { float:left; margin:3px 0 0 5px; color:#f60; line-height:14px;} #login #myFriends .invite_lk { color:#f60; padding:3px 0;} #login #myMessages dt a, #login #myInforms dt a { text-align:center;} #login #myInforms dt a:hover { text-decoration:underline;} /*start @2010.04.29*/ #login #myInforms dd { padding:2px 5px; text-indent:20px;} #login #myInforms dd a { display:inline; color:#f60;} #myInforms .pollItem { background:url(../images/pollItem.png) no-repeat;} #myInforms .noticeItem { background:url(../images/noticeItem.gif) no-repeat;} #myInforms .discussItem { background:url(../images/discussItem.png) no-repeat;} #myInforms .commentItem { background:url(../images/comment.png) no-repeat;} #myInforms .cupItem { background:url(../images/cups/cup_icon.png) no-repeat;} #myInforms .friendItem { background:url(../images/friendItem.png) no-repeat;} /*endof 2010.04.29*/ /*start @2010.05.17*/ #myInforms .more_info { display:none;} /*endof 2010.05.17*/ #login .exit { color:#666;} #header_r { width:248px; float:right;} #header_r li { display:inline;} #miniNav { text-align:right; padding-bottom:5px;} #miniNav a { color:#7e7d80;} #search { overflow:hidden; height:1%;} #search #searchInput, #search #searchBtn { display:block; float:left; background:url(../images/v1.5/sp_00.png) no-repeat;} #search #searchInput { width:191px; height:14px; border:none; padding-left:4px; color:#7e7d80; background-position:0 -56px;} #search #searchBtn { width:49px; height:18px; background-position:-199px -56px; text-indent:-9999px;} #nav { clear:both; float:none; height:25px; background:url(../images/v1.5/nav_x.gif) repeat-x; font-size:14px; line-height:21px;} #nav li { float:left; height:100%; margin-right:10px;} #nav li.narr_l { background:url(../images/v1.5/sp_00.png) no-repeat 0 -85px; margin-right:16px; height:25px; width:5px;} #nav li a, #nav li a span { display:block; height:21px; padding:4px 8px 0 9px; cursor:pointer;} #nav li a { color:#febe7e; position:relative;} #nav li a span { color:#000; position:absolute; top:-1px; left:-1px;} #nav li a:hover, #nav li a:hover span, #nav li a.curr, #nav li a.curr span { padding:4px 7px 0 8px;} #nav li a:hover, #nav li a.curr { text-decoration:none; border:1px solid #e08319; border-width:0 1px; background:url(../images/v1.5/nav_hover_x.gif) repeat-x;} #nav li a.curr { font-weight:bold; color:#fff; position:static; padding-right:7px; height:23px; line-height:23px; padding-top:2px;} #nav li a.curr span { display:none;} #nav #cash_lk { width:234px; height:26px; background:url(../images/v1.5/sp_00.png) no-repeat -260px -34px; position:relative; margin:25px 0 0 -168px;} #nav #cash_lk a { padding:0; position:static; display:block; height:100%; text-indent:-9999px;} #nav #cash_lk a:hover { background:none; border:none;} #nav #launch_lk { float:right; width:77px; height:25px; background:url(../images/v1.5/sp_00.png) no-repeat -5px -85px; margin:0;} #nav #launch_lk a { position:static; padding:0; height:25px; text-indent:-9999px; background:inherit; border:none;} /*start @2010.04.13 BY Hiro*/ /*登录、注册页面的头部导航*/ #LR_Nav { width:660px; margin-top:20px; height:36px; float:right; overflow:hidden; background:#eee url(../images/left.gif) no-repeat;} #LR_Nav li { float:right; padding-top:9px;} #LR_Nav li.right { width:10px; height:100%; background:#eee url(../images/right.gif) no-repeat right top;} #LR_Nav li span { padding:0 5px;} #LR_Nav li a { color:#666;} /*start @2010.04.21*/ #user_info { width:480px; margin-left:140px; background:url(../images/v1.5/sp_00.png) no-repeat -260px -34px; padding-left:32px;} #user_info .btm { background:url(../images/v1.5/sp_00.png) no-repeat -260px -24px; padding-left:5px;} #user_info .btm div { height:5px; background:url(../images/v1.5/sp_00.png) no-repeat right -24px;} #user_info .info_con { border:1px solid #e2e3e5;/*8187b1*/ border-width:0 1px; padding:2px 0 0 10px; background:#fff;}#user_info a { color:#f60;} #user_info a { color:#999;} #user_info a label { color:#f60;} #user_info a.open, #user_info a.cash, #user_info a.devs { margin-right:10px; color:#999; background:url(../../images/v1.5/sp_03.png) no-repeat; display:inline-block; height:16px;} #user_info a.open { background-position:-34px -43px; padding-left:17px;/* margin-left:220px;*/} #user_info a.cash { background-position:-34px -66px; padding-left:20px;} #user_info a.devs { background-position:-34px -87px; padding-left:12px;} #user_info span { padding-right:10px;} #user_info label { color:#f60; font-family:Georgia;} /*endof @2010.04.21*/ /* ----- header END ----- */ #content { clear:both; overflow:hidden; height:1%;} .top, .btm { background:url(../images/sp-00.png) no-repeat; overflow:hidden; font-size:0; clear:both; float:none;} /* 奖杯 START */ em.cups { background:url(../images/sp-00.png) no-repeat; margin-right:10px; font-weight:bold; font-size:11px; padding:6px 10px 0 22px; display:inline-block; width:15px;} em.cup-1 { background-position:-840px -135px;} em.cup-2 { background-position:-896px -135px;} em.cup-3 { background-position:-840px -164px;} em.cup-4 { background-position:-896px -164px;} /* 奖杯 END */ /* 投票列表*/ #rec-list { background:#fff; border:1px solid #d3d3d3; border-width:0 1px; padding:10px 10px 0;} #rec-list a { color:#666; font-size:14px;} #rec-list ul { overflow:hidden; height:1%; padding-bottom:10px;} #rec-list ul li { float:left; width:495px;} #rec-list ul li.icon { width:70px;} #rec-list ul li.icon img { width:53px; height:53px; border:1px solid #eee;} #rec-list ul dt, #recommend .content #rec-list ul dd { padding-bottom:8px;} #rec-list ul dd { color:#bcbcbc;} #rec-list ul li.num { width:66px; height:55px; text-align:center; background:url(../images/sp-00.png) no-repeat -206px -407px;} #rec-list ul li.num span { display:block; padding-left:6px;} #rec-list ul li.num span.count { height:33px; line-height:33px; font-weight:bold; color:#5bb20e; font-size:18px;} #rec-list ul li.num span.text { height:20px; line-height:20px;} /* ----- index.html START ----- */ #left { width:667px; float:left;} /* #user-box START */ #user-box { margin-bottom:10px;} #user-box .top { background-position:-277px -9px; height:3px;} #user-box .content { padding:2px 4px; border:1px solid #e4e4e4; border-width:0 1px; background:#f7f7f7;} #user-box .content .top { background-position:-277px -18px; height:4px;} #user-box .user-info { background:#fff; border:1px solid #d3d3d3; border-width:0 1px; padding:5px; overflow:hidden; height:1%;} #user-box .user-info img { float:left; width:106px; height:106px; display:block; border:1px solid #eee;} #user-box .user-info ul { width:520px; float:right;} #user-box .user-info ul li { padding-bottom:10px;} #user-box .user-info li a { color:#777;} #user-box .user-info li a:hover { color:#ff5a19;} #user-box .user-info li a.club { margin-left:10px; background:url(../images/sp-00.png) no-repeat -803px -28px; padding:1px 8px 2px;} #user-box .user-info li a.btn { margin-left:10px; background:url(../images/sp-01.png) no-repeat 0 -27px; padding:4px 10px 4px 8px;} #user-box .user-info li.nav { background:url(../images/sp-00.png) no-repeat -275px -28px; margin-top:20px; height:32px; padding-bottom:0;} #user-box .user-info li.nav a { display:block; float:left; height:28px; text-indent:-9999px; opacity:0.8} #user-box .user-info li.nav a:hover { background:url(../images/sp-01.png) no-repeat;} #user-box .user-info li.nav a.nav-1 { width:80px; margin-left:30px;} #user-box .user-info li.nav a.nav-2 { width:65px; margin-left:26px;} #user-box .user-info li.nav a.nav-3 { width:90px; margin-left:38px;} #user-box .user-info li.nav a.nav-4 { width:125px; margin-left:39px;} #user-box .user-info li.nav a.nav-1:hover { background-position:-160px -407px;} #user-box .user-info li.nav a.nav-2:hover { background-position:-160px -437px;} #user-box .user-info li.nav a.nav-3:hover { background-position:-162px -467px;} #user-box .user-info li.nav a.nav-4:hover { background-position:-162px -497px;} #user-box .content .btm { background-position:-277px -22px; height:4px;} #user-box .btm { background-position:-277px -12px; height:3px;} /* #user-box END */ #flash { width:665px; margin-bottom:10px;} #flash ul {} #flash li { display:none;} #flash li.first { display:block;} /*#flash .top { background-position:-277px 0; height:3px;} #flash .content { border:2px solid #c1c1c1; border-width:0 1px; padding:0 10px;} #flash h2 { color:#ff7b0e; padding:6px 0 10px;} #flash h2 a { color:#f60; text-decoration:none;} #flash .btm { background-position:-277px -3px; height:3px;} #flash #flashArea { height:50px; padding-left:20px;} #flash #person { margin-top:10px; height:77px; border-top:1px solid #eaeaea;} #flash #person li { height:57px; padding:10px 0; float:left;} #flash #person li.prev { width:57px; padding-left:7px; padding-right:18px;} #flash #person li.middle { height:56px; width:497px; overflow:hidden; position:relative;} #flash #person li.next { width:57px; padding-right:7px;} #flash #person li.prev a, #flash #person li.next a { display:block; width:57px; height:57px; background:url(../images/sp-01.png) no-repeat; text-indent:-9999px;} #flash #person li.prev a { background-position:-100px -477px;} #flash #person li.prev a:hover { background-position:-99px -590px;} #flash #person li.next a { background-position:-100px -534px;} #flash #person li.next a:hover { background-position:-99px -648px;} #flash li#flash_arrow { width:12px; height:7px; font-size:0; background-position:-803px -52px; position:relative; top:-1px; left:102px; float:none; padding:0;} #flash #person dl { width:497px; height:57px; overflow:hidden; position:absolute; top:10px; left:497px;} #flash #person dl.current { left:0;} #flash #person dd { float:left; padding-right:16px; height:55px; overflow:hidden;} #flash #person dd img { cursor:pointer; border:1px solid #eee; width:53px; height:53px;} #flash .tooltips { position:relative;} #flash .tooltip { position:absolute; top:-10px; left:0; background:#fff; width:243px; padding-top:11px; background:url(../images/tooltips-t.png) no-repeat; z-index:10; display:none;} #flash .tooltip span { display:block; padding:2px 15px; background:url(../images/tooltips-y.png) repeat-y; height:18px; line-height:18px; overflow:hidden;} #flash .tooltip label { margin-left:3px;} #flash .tooltip a { color:#f60; height:20px; line-height:20px; display:block; overflow:hidden;} #flash .tooltip .btm { height:12px; background:url(../images/tooltips-b.png) no-repeat;}*/ .areaStyle { background:#f7f7f7; margin-bottom:15px;} .areaStyle .top { background-position:-277px -9px; height:3px;} .areaStyle .content { border:1px solid #e4e4e4; border-width:0 1px; padding:0 4px 5px;} .areaStyle h2 { color:#ff7b0e; padding:6px 0 10px 5px; font-weight:normal;} .areaStyle .content .top { background-position:-277px -18px; height:4px;} .areaStyle .content .btm { background-position:-277px -22px; height:4px;} .areaStyle .btm { background-position:-277px -12px; height:3px;} #recommend { background:#f7f7f7; margin-bottom:15px;} #recommend .top { background-position:-277px -9px; height:3px;} #recommend .content { border:1px solid #e4e4e4; border-width:0 1px; padding:0 4px 5px;} #recommend h2 { color:#ff7b0e; padding:6px 0 10px 5px; font-weight:normal;} #recommend .content .top { background-position:-277px -18px; height:4px;} #recommend .content .btm { background-position:-277px -22px; height:4px;} #recommend .btm { background-position:-277px -12px; height:3px;} #hotArea { overflow:hidden; height:1%;} #hotArea .left { width:325px; float:left;} #hotArea .right { width:325px; float:right;} #hotArea h2 { background:url(../images/sp-00.png) no-repeat -917px -48px; padding-left:40px; border-bottom:1px solid #e4e4e4; padding-bottom:5px; height:16px; line-height:16px; font-size:12px;} #hotArea h2 a { font-size:14px; color:#ff5a19; margin-right:5px;} #hotArea ul { padding:5px 0;} #hotArea ul li { padding:10px 0 2px; border-bottom:1px dashed #e4e4e4;} #hotArea dl dt, #hotArea dl dd { padding-bottom:8px;} #hotArea dl dt { color:#999; font-size:11px; font-weight:bold;} #hotArea dl dt span { padding:0 5px;} #hotArea dl dt label { color:#bcbcbc; font-size:12px;} #hotArea dl dt.title a { color:#000; font-weight:normal; font-size:12px;} #hotArea dl dd { color:#bcbcbc; display:none;} #right { width:270px; float:right;} #right h2 { color:#000; font-weight:normal;} #result { height:152px; background:url(../images/sp-00.png) no-repeat 0 -126px; margin-bottom:15px; overflow:hidden;} #result dt { height:47px; line-height:47px; font-size:14px; color:#fff; margin-bottom:9px;} #result dt, #result dd { padding:0 15px 0 20px; overflow:hidden;} #result dt label, #result dd label { font-weight:bold; padding-right:30px;} #result dt label { font-size:20px;} #result dt a { color:#fff;} #result dd { height:23px; line-height:23px;} #result dd a { color:#000;} #ADof51Point {} #upArea { margin:15px 0;} #upArea .top { background-position:0 -282px; height:5px;} #upArea .content { background:url(../images/up-bg.gif) repeat-y;} #upArea h2 { padding-left:10px; border-bottom:1px solid #e4e4e4; height:20px; line-height:20px; padding-bottom:5px;} #upArea .btm { background-position:0 -287px; height:5px;} #upArea ul { padding:10px 10px 8px;} #upArea ul li { height:20px; line-height:20px; overflow:hidden;} #upArea ul li label { color:#5bb20e; font-size:10px; margin-right:10px; background:url(../images/sp-00.png) no-repeat -884px -28px; display:inline-block; width:58px; height:17px; text-align:center;} #upArea ul li a { color:#000;} .items { margin-bottom:15px;} .items h2 { height:30px; line-height:30px; background:url(../images/sp-00.png) no-repeat 0 -296px; padding-left:10px; overflow:hidden;} .items a { color:#666;} .items h2 span { display:block; padding-top:3px;} .items ul { border:1px solid #e4e4e4; border-width:0 1px; color:#666;} .items ul li { padding:5px;} .items ul li img { width:53px; height:53px; border:1px solid #eee;} .items ul ul { border:none; overflow:hidden; height:1%; border-bottom:1px dashed #d8d8d8;} .items ul ul li { float:left; width:160px;} .items ul ul li.icon { width:52px;} .items ul ul li span { display:block; height:25px; line-height:25px;} .items ul ul li span.add a { color:#ff5a19;} .items ul ul li.del { width:13px; height:13px;} .items ul ul li.del a { display:block; height:13px; width:13px; background:url(../images/sp-01.png) no-repeat -167px -129px; text-indent:-9999px;} .items ul ul li.del a:hover { display:block; background-position:-167px -143px;} .items .btm { background-position:0 -326px; height:5px;} .worthToKnow li { display:none;} #star { margin-bottom:15px;} #star h2 { height:30px; line-height:30px; background:url(../images/sp-00.png) no-repeat 0 -335px; padding-left:34px; overflow:hidden;} #star h2 span { display:block; padding-top:3px;} #star dl, #star p { border:1px solid #e4e4e4; border-width:0 1px; padding:10px;} #star dl dt { float:left; margin-right:10px;} #star dl dt img { width:68px; height:68px;} #star dl dd { height:25px; line-height:25px;} #star dl dd a { color:#f60;} #star dl dd.addFriend a { display:block; width:68px; height:19px; line-height:19px; background:url(../images/sp-01.png) no-repeat -71px -26px; overflow:hidden; text-align:center; color:#000;} #star dl dd.addFriend a:hover { text-decoration:none;} #star p { clear:left; padding-top:0; line-height:18px;} #star .btm { background-position:0 -326px; height:5px;} #cup em { font-weight:bold; padding:0 5px;} #cup span.add { display:none;} #cup li.no-1 span.add { display:block;} #cup li:hover span.add { display:block;} #cup dl { padding:5px; overflow:hidden; height:1%; border-bottom:1px dashed #d8d8d8;} #cup dl span { display:block; height:25px; line-height:25px;} #cup dl span.add a { color:#ff5a19;} #cup dl dd { width:140px; float:left;} #cup dl dd.icon { width:52px; margin-right:10px;} #cup dl dd.num { width:20px; height:15px; float:right; padding:0; background:url(../images/sp-01.png) no-repeat; text-indent:-9999px;} #cup ul li:hover dd.num { width:33px; height:24px; padding:0;} #cup ul li.no-1 dd.num { background-position:right -274px; width:33px; height:24px;} #cup ul li.no-2 dd.num { background-position:right -211px;} #cup ul li.no-2:hover dd.num { background-position:right -300px;} #cup ul li.no-3 dd.num { background-position:right -226px;} #cup ul li.no-3:hover dd.num { background-position:right -326px;} #cup ul li.no-4 dd.num { background-position:right -242px;} #cup ul li.no-4:hover dd.num { background-position:right -352px;} #cup ul li.no-5 dd.num { background-position:right -257px;} #cup ul li.no-5:hover dd.num { background-position:right -378px;} #tag { margin-top:20px; border-top:3px solid #999; padding-top:10px; overflow:hidden; height:1%;} #tag li { width:285px; float:left; overflow:hidden; height:1%; padding:10px 45px 10px 0;} #tag li.last { padding-right:0;} #tag li label { width:45px; height:18px; line-height:18px; text-align:center; float:left; background:url(../images/sp-00.png) no-repeat 0 -61px;} #tag li span { width:230px; float:right;} #tag li a { color:#777;} /* ----- index.html END ----- */ /* ----- footer START ----- */ /*start @2010.04.13 BY Hiro*/ #footer { margin-top:15px; border-top:1px solid #f3f4f5;} #footer a { color:#666;} #btm_nav { overflow:hidden; height:1%; padding-top:15px; background:#fafafa; padding-left:100px;} #btm_nav dl { float:left; width:140px; padding-right:50px; color:#666;} #btm_nav dl dt { font-weight:bold; padding-bottom:15px;} #copyright { padding:10px 0 20px;} /*start @2010.04.13 BY Hiro*/ /* ----- footer END ----- */ /* ----- poll-index.html START ------ */ .tag_list { padding:0 10px 10px;} .tag_list li { display:inline;} .tag_list li a { color:#666;} .tag_list li span { padding:0 15px;} .flashBox { margin-bottom:15px;} .flashBox .left { width:492px; float:left;} .flashBox .top, .flashBox .btm, .flashBox .top div, .flashBox .btm div { height:5px; background:url(../images/sp-00.png) no-repeat;} .flashBox .top, .flashBox .btm { padding-left:5px;} .flashBox .top { background-position:left -87px;} .flashBox .top div { background-position:right -87px;} .flashBox .btm { background-position:left -92px;} .flashBox .btm div { background-position:right -92px;} .flashBox .content, .flashBox #links, .flashBox #comment { border:1px solid #d5d5d5; border-width:0 1px;} .flashBox .content { overflow:hidden; height:1%; border-top-width:1px; padding-top:5px;} .flashBox .no_flow { border:none; overflow:visible; height:auto; padding:0;} /*start @2010.04.13 BY Hiro*/ #flash_tabs { height:33px;} #flash_tabs ul { width:400px; height:100%; float:left;} #flash_tabs li { float:left; padding-right:5px;} #flash_tabs li a, #flash_tabs li span { display:block; height:33px; line-height:33px; width:78px; text-align:center; background:url(../images/v1.5/sp_00.png) no-repeat -90px -341px; color:#aaa; font-size:14px;} #flash_tabs li a:hover { text-decoration:none;} #flash_tabs li a.hasWills { background-position: -90px -374px; color:#fff;} #flash_tabs li a.curr { background-position: -90px -407px; color:#f60; font-weight:bold; position:relative; height:34px;} #flash_tabs li label { display:block; padding-top:12px; padding-left:5px; color:#aaa;} #flash_tabs a.back { width:120px; text-align:right; float:right; color:#1d72c0; margin-top:12px;} #poll_desc { overflow:hidden; height:1%; padding:5px 15px 10px;} #poll_desc .left { width:65px; height:43px; padding-top:10px; background:url(../images/v1.5/sp_00.png) no-repeat -90px -204px; color:#5bb61d;} #poll_desc .left label { display:block; width:60px; text-align:center; font:italic bold 18px Verdana;} #poll_desc .right { width:385px; padding:0;} #poll_desc .right h3 { font-weight:normal; color:#f60; font-size:14px;} #poll_desc .right a { color:#1d72c0;} #poll_desc .right a:hover { text-decoration:underline;} /*endof @2010.04.13 BY Hiro*/ .flashBox .poll #flashArea { height:222px; padding:0 15px;} .flashBox .right { padding:3px 5px 5px 0; float:right; width:160px;} .flashBox .right h2 { font-weight:normal; height:25px; line-height:25px; text-indent:10px; background:url(../images/sp-00.png) no-repeat -628px -61px;} .flashBox .right h2 span { padding-right:20px;} .flashBox .right h2 a { display:inline-block; width:26px; height:18px; line-height:18px; background:url(../images/sp-01.png) no-repeat; text-indent:-9999px; margin:4px 3px 0 0; display:none;} .flashBox .right h2 a#s_up { background-position:0 -937px;} .flashBox .right h2 a#s_down { background-position:-33px -937px;} .flashBox .right ul { padding:5px;} .flashBox .right li { border-bottom:1px dashed #eee; padding:5px 0 5px 2px;} .flashBox .right p { line-height:20px; color:#999; padding:2px 0;} .flashBox .right img { width:38px; height:38px; float:right;} .flashBox .right label { font-size:14px; display:block; width:110px; height:20px; line-height:20px; overflow:hidden;} .flashBox .right label a { color:#f60;} .flashBox .right a.addFriend { display:block; width:64px; height:24px; line-height:24px; text-align:center; background:url(../images/sp-01.png) no-repeat 0 -705px; color:#999;} .flashBox .right a:hover { text-decoration:none; background-position:0 -732px;} .flashBox #links { padding:9px 0 5px 0; background:url(../images/flash-box-repeat-x.gif) repeat-x; overflow:hidden; height:1%;} .flashBox #links a { display:block; width:67px; height:20px; padding-top:2px; float:right; text-align:center; color:#666; background:url(../images/sp-00.png) no-repeat -604px -288px; margin-right:6px;} .flashBox #links a.jiathis { background:none; width:125px; position:relative; top:-1px;} /*start @2010.04.13 BY Hiro*/ #links #recmsNo { float:right; display:block; width:84px; height:21px; line-height:21px; text-align:center; color:#666; background:url(../images/v1.5/sp_00.png) no-repeat 0 -324px; margin-right:6px;} #will_con, #will_con_lks { display:none;} #will_con {/* padding:5px 15px 10px;*/ color:#999;} #will_con h3 { font-size:12px; font-weight:normal; padding-bottom:5px;} .flashBox #will_con_lks a, #will_con_lks label { color:#999; background:url(../images/v1.5/will_con_lks_r.gif) no-repeat right bottom;} .flashBox #will_con_lks a { width:40px;} .flashBox #will_con_lks a:hover { color:#ccc;} .flashBox #will_con_lks a.curr { color:#f60;} #will_con_lks label { float:right; display:block; width:78px; height:20px; padding-top:2px; padding-right:10px;} /*endof @2010.04.13 BY Hiro*/ /*start @2010.04.15 BY Hiro*/ #will_con .will h3 { padding-left:15px;} #will_con .will #will_flashArea { height:222px; padding:0 15px;} #will_con .right h2 { color:#777;} /*endof @2010.04.15 BY Hiro*/ /*start @2010.04.19 BY Hiro*/ #back_will { display:block; width:55px; padding-right:6px; height:22px; line-height:22px; margin:100px auto 0; text-align:center; background:url(../images/v1.5/sp_00.png) no-repeat 0 -355px; color:#666;} #back_will:hover { background-position:0 -385px;} /*endof @2010.04.19 BY Hiro*/ .renmai, .luntan, .zhuijia { display:none; padding:10px 20px;} .renmai li, .zhuijia li { padding-bottom:10px; color:#333; font-weight:bold;} .renmai li input, .luntan li input, .zhuijia li input { color:#aaa;} .renmai li button, .zhuijia li input.finishBtn { color:#000; padding:2px 10px; margin-left:190px; cursor:pointer;} .renmai li input { width:430px;} .luntan li button { margin-left:10px;} .luntan h2 { font-size:14px; color:#333;} .luntan .previewArea { width:200px; height:130px; border:1px solid #333; float:right; text-align:center; position:relative; padding:5px 5px 25px; margin-bottom:10px;} .luntan .previewArea button { display:block; width:90px; position:absolute; left:55px; bottom:3px;} .luntan .color { overflow:hidden; height:1%; padding:10px 0 10px 20px;} .luntan .color li { width:30px; height:30px; float:left; margin-right:6px;} .luntan .color li a { display:block; width:24px; height:24px; border:3px solid #fff; text-indent:-9999px;} .luntan .color li a:hover, .luntan .color li a.active { border-color:#7bc9dd;} .luntan .color li.black a { background:#000;} .luntan .color li.green a { background:#155e31;} .luntan .color li.brown a { background:#7b5023;} .luntan .color li.blue a { background:#182b53;} .luntan .color li.red a { background:#c2181b;} .luntan .color li.purple a { background:#49295b;} .luntan .size { overflow:hidden; height:1%; padding:10px 0 10px 20px;} .luntan .size li { float:left; width:80px; height:60px; margin-right:30px;} .luntan .size li a { display:block; border:1px solid #222; margin:0 auto; text-indent:-9999px;} .luntan .size li a:hover { border-color:#09F;} .luntan .size li span { display:block; text-align:center; padding-top:5px;} .luntan .size li.small a { width:25px; height:40px;} .luntan .size li.big a { width:60px; height:40px;} .luntan .url_list { clear:both;} .luntan .url_list li { padding-bottom:5px; color:#000; overflow:hidden; height:1%;} .zhuijia li { overflow:hidden; height:1%;} .zhuijia li label { width:60px; float:left; text-align:right; margin-right:10px;} .zhuijia li select { width:360px;} .luntan li textarea, .luntan li input, .zhuijia li input#appendItem { width:356px; float:left; padding:3px; color:#aaa;} #floatbox .baocun { text-align:center; padding:10px;} .flashBox #comment { height:35px; padding:10px 2px 5px 5px; background:url(../images/flash-box-repeat-x.gif) repeat-x 0 -37px; overflow:hidden;} .flashBox #comment img { width:38px; height:38px; float:left; border:1px solid #eee;} .flashBox #comment span { width:468px; height:32px; padding-left:30px; line-height:32px; overflow:hidden; margin:3px 0 0 10px; font-size:14px; float:left; color:#999; background:url(../images/sp-00.png) no-repeat -294px -361px;} .flashBox #comment span label { display:block; width:400px; float:left; font-weight:bold;} .flashBox #comment span a { display:block; width:50px; float:right; text-align:right; padding-right:10px; color:#f60;} .flashBox #comment button { width:97px; height:42px; line-height:42px; float:right; margin-top:-3px; border:none; background:url(../images/sp-01.png) no-repeat 0 -614px;; font-weight:bold; font-size:14px; color:#666; cursor:pointer; text-align:center; cursor:pointer;} .flashBox #comment button:hover, .flashBox #comment button.hover { background-position:0 -659px; text-decoration:none;} #poll_list { height:1%; margin-bottom:15px; position:relative;} #poll_list #prev, #poll_list #next { display:block; width:14px; height:16px; background:url(../images/sp-00.png) no-repeat; text-indent:-9999px; float:left; margin-top:3px; overflow:hidden; z-index:9;} #poll_list #prev { background-position:-56px -61px;} #poll_list #next { background-position:-70px -61px;} #poll_list ul { width:600px; margin:0 15px; height:22px; float:left; position:relative;} #poll_list ul li { width:295px; position:absolute; top:2px; left:610px; background:#fff; display:none;} #poll_list ul li.left { position:absolute; top:2px; left:0; display:block;} #poll_list ul li.right { position:absolute; top:2px; left:305px; text-align:right; display:block;} #poll_list ul li a { display:block; height:16px; line-height:16px; overflow:hidden; font-size:14px; font-weight:bold; color:#797979; z-index:1;} #poll_list li dl { width:243px; background:url(../images/tooltips-t.png) no-repeat; padding-top:11px; position:absolute; top:17px; z-index:100; display:none;} #poll_list ul li.left dl { left:0;} #poll_list ul li.right dl { text-align:left; right:0;} #poll_list li dl dd { padding:3px 15px; background:url(../images/tooltips-y.png) repeat-y;} #poll_list li dl dd.btm { height:12px; border:none; padding:0; background:url(../images/tooltips-b.png) no-repeat;} #poll_list li dl dd label { margin-left:3px;} .info_list { padding:10px; background:#fff; border:1px solid #e4e4e4; border-width:0 1px;} .flashBox .info_list { padding:0;} .info_list li { padding-top:5px;} .flashBox .info_list li { padding:10px;} .info_list .left { float:left; width:53px; text-align:center;} .info_list dl { width:560px; float:right; color:#adadad;} .info_list .left, .info_list .left a { color:#f60;} .flashBox .info_list {} .flashBox .info_list .left li { padding:0;} .flashBox .info_list .left span.nickName { border:1px solid #fff;} .flashBox .info_list dl { width:580px; position:relative;} .flashBox .info_list dt { font-weight:bold; font-size:14px; color:#f60; padding-bottom:5px;} .info_list dl dd { padding:1px 0;} .info_list dl label { margin-right:10px;} .info_list dl a { color:#1b8cce; margin-right:8px;} .info_list dl .text { padding-top:10px; color:#666; line-height:20px; width:100%; overflow-x:hidden;} .info_list dl .text p { text-indent:20px; line-height:20px;} #btm_bar { padding:0; border:none; height:29px; /*position:relative;*/} #topic_related { width:571px; float:left;/* position:absolute; top:0; left:0;*/} .relative { position:relative;} .absolute { position:absolute; top:0; left:0;} #related_con { padding:0 10px; background:url(../images/topic_btm_bar_x.gif) repeat-x left bottom; border:1px solid #d5d5d5; border-bottom:none;} #related_con ul { background:#e4f8ff; margin:10px 0 7px; border:1px solid #e4e4e4; padding:5px 10px; display:none;} #related_con li { border:0; padding:5px 0 1px; border-bottom:1px dashed #d7d9d9; color:#999; overflow:hidden; height:1%;} #related_con .poll_lk { color:#666; display:block; width:400px; float:left; height:18px; overflow:hidden;} #related_con .poller { width:120px; float:right; text-align:right; height:18px; overflow:hidden;} #related_con .poller a { color:#f60;} #related_con .desc { clear:both; padding-top:3px; font-size:11px;} #related_con .desc label { padding-right:15px;} #related_con .text { display:block; padding:2px 5px;} #related_con .text a { color:#f60;} #view_lk { margin-left:20px; padding-right:16px; background:url(../images/down.gif) no-repeat top right;} #view_lk.up { background:url(../images/up.gif) no-repeat top right;} #view_lk:hover { text-decoration:none;} #topic_related .btm { height:6px; background:url(../images/topic_bar_btm.png) no-repeat;} #btm_bar a.poll { display:block; width:96px; height:29px; line-height:24px; float:right; background:url(../images/sp-01.png) no-repeat -73px -928px; text-align:center; font-size:14px; color:#f60; font-weight:bold;} .info_list img.icon, #comments ul.comm_list li.father .left img { width:53px; height:53px; border:1px solid #eee;} #changeFont { width:140px; text-align:right; position:absolute; top:40px; right:10px;} #changeFont a { margin-left:10px; color:#c0c0c0;} #changeFont a:hover { background:#d4d4d4; color:#fff; text-decoration:none;} #changeFont .font-12 { display:none;} #comments ul.comm_list { padding:10px; background:#fff; border:1px solid #e4e4e4; border-width:0 1px;} #comments ul.comm_list li.father { overflow:hidden; height:1%; border-bottom:1px dashed #d9d9d9; padding-top:10px;} #comments ul.comm_list li.father .left { width:53px; height:53px; float:left;} #comments ul.comm_list li.father .right { width:550px; float:right;} #comments ul.comm_list .right .name { color:#e76b25; font-size:14px;} #comments ul.comm_list .right .hour { color:#1b8cce; margin-left:5px;} #comments ul.comm_list .right p { margin-bottom:5px;} #wrapper #comments ul.comm_list .right p.conText { line-height:24px; font-size:14px;} /*css优先级*/ #comments ul.comm_list .right div.reply { padding:5px 20px; text-align:right;} #comments ul.comm_list .right div.reply a { color:#1b8cce; margin-left:15px;} #comments ul.comm_list dl.children { margin:15px 15px 10px 30px; background:#f9f9f9; border:1px solid #ececec; padding:10px 10px 5px;} #comments ul.comm_list dl.children .name { font-size:12px; margin-right:6px;} #comments ul.comm_list dl.children p { color:#000;} #comments ul.comm_list dl.children p.conText { color:#adadad; font-size:12px; line-height:normal;} #comments .commBox { background:#fff; clear:both; padding:0 10px 5px 10px; border:1px solid #e4e4e4; border-width:0 1px;} #comments .comm_form li { overflow:hidden; height:1%; text-align:right;} #comments .comm_form textarea { width:620px; height:60px; margin-bottom:10px;} #comments .comm_form input, #comments .comm_form a { display:block; height:22px; line-height:22px; background:url(../images/sp-01.png) no-repeat; float:right;} #comments .comm_form input { width:59px; background-position:-82px -211px; border:none; color:#fff; margin-right:10px; cursor:pointer;} #comments .comm_form a, #comments .commBox input { width:55px; background-position:-71px -51px; text-align:center; color:#5f5f5f;} #comments .comm_form span { float:right;} #comments .commReplyForm { clear:both; display:none; padding:0 15px 5px;} #comments .commReplyForm .comm_form textarea { width:500px; height:60px; margin-bottom:10px;} /*评论处的翻页css*/ #comments .pageNav { background:#fff; border:1px solid #e4e4e4; border-width:0 1px;} html .toolLinks { display:none; padding:2px; width:60px; position:absolute; left:0; z-index:9999; background:#fff; opacity:0.95; filter:alpha(opacity=95); border:1px solid #ddd; border-width:1px 2px 2px 1px;} .toolLinks li { padding:0;} html .toolLinks a { display:block; padding:0 5px; color:#666; font-size:12px; margin:0;} .toolLinks a:hover { color:#fff; background:#ff7d0f; text-decoration:none;} .listStyle { padding:5px;} .listStyle li { border-bottom:1px dashed #d8d8d8;} .listStyle .name { color:#ff5a19;} .listStyle .time, .listStyle .poll_title { padding:0 5px;} .square { list-style:inside square;} .loginBox { width:200px; padding:0 10px 5px; background:#fff; position:} .loginBox h3 { font-weight:normal; padding-bottom:3px; border-bottom:1px solid #e1e1e1; color:#525252;} .loginBox dl { padding-top:10px; color:#525252; border-top:1px solid #e1e1e1;} .loginBox dd, .loginBox dt { padding:0 5px 5px;} .loginBox dt { text-align:right; overflow:hidden; height:1%;} .loginBox label { margin-right:5px; height:19px; line-height:19px;} .loginBox #username, .loginBox #password { width:140px;} .loginBox dt.submit { border-top:1px solid #e1e1e1; padding-top:5px;} .loginBox dt.submit input { display:block; width:55px; height:22px; border:none; background:url(../images/sp-01.png) no-repeat -71px -51px; color:#525252; float:right;} .loginBox a { color:#525252;} .loginBox span { padding:0 5px;} /*相关投票*/ .relatedPollList { margin-bottom:15px;} .relatedPollList .top, .relatedPollList .btm, .relatedPollList .top div, .relatedPollList .btm div { height:5px; background:url(../images/sp-00.png) no-repeat;} .relatedPollList .top, .relatedPollList .btm { padding-left:5px;} .relatedPollList .top { background-position:0 -393px;} .relatedPollList .top div { background-position:-12px -393px;} .relatedPollList .btm { background-position:0 -398px;} .relatedPollList .btm div { background-position:-12px -398px;} .relatedPollList a { color:#666;} .relatedPollList .content { background:url(../images/ani-repeat-x.gif) repeat-x; border:1px solid #d5d5d5; border-width:0 1px; padding:5px 8px 5px 7px; height:500px; position:relative;} .relatedPollList h2 { font-size:14px; font-weight:normal; color:#333; margin-bottom:10px;} .relatedPollList .ani_box { height:440px; overflow:hidden; position:relative;} .relatedPollList .ani_box ul { position:absolute; left:0; top:440px;} .relatedPollList .ani_box ul.current { top:0;} .relatedPollList .ani_box li { padding-bottom:7px;} .relatedPollList .ani_box dl { height:68px; width:232px; background:url(../images/ani-dl-bg.png) no-repeat top right; padding:9px 10px 5px;} .relatedPollList .ani_box dt { padding-bottom:4px;} .relatedPollList .ani_box dt.title a { display:block; color:#ff6633; height:18px; line-height:18px; margin-bottom:5px; padding:0; font-size:14px; overflow:hidden;} .relatedPollList .ani_box dt label { color:#ff6633; padding:0 5px;} .relatedPollList dt span { padding-right:5px;} .relatedPollList .up, .relatedPollList .down { width:54px; height:38px; position:absolute; bottom:0px;} .relatedPollList .up a, .relatedPollList .down a { display:block; width:46px; height:29px; margin:4px 0 0 4px; background:url(../images/sp-01.png) no-repeat; text-indent:-9999px;} .relatedPollList .up { margin-left:20px;/* float:left;*/ left:10px;} .relatedPollList .down { margin-right:20px; /*float:right;*/ right:10px;} .relatedPollList .up a { background-position:0 -367px;} .relatedPollList .down a { background-position:-51px -367px;} .relatedPollList .up a:hover, .relatedPollList .down a:hover { margin:0; width:54px; height:38px;} .relatedPollList .up a:hover { background-position:-89px -397px;} .relatedPollList .down a:hover { background-position:-89px -438px;} /* ----- poll-index.html END ----- */ /* ----- poll.html START ----- */ #poll-left { width:190px; float:left; } #pollNav { padding-right:30px; background:url(../images/arrow.gif) no-repeat right 81px;} #pollNav dt { height:37px; line-height:37px; background:url(../images/sp-00.png) no-repeat -277px -406px; color:#fff; font-size:14px; font-weight:bold; text-indent:10px; margin-bottom:15px;} #pollNav dd { height:29px; line-height:29px; text-align:center; margin-bottom:12px; background:url(../images/sp-00.png) no-repeat; position:relative; padding-right:25px;} #pollNav dd.single-btn { background-position:-277px -446px;} #pollNav dd.multi-btn { background-position:-277px -478px;} #pollNav dd.topic-btn { background-position:-277px -510px;} /*start @2010.04.19*/ #pollNav dd.add_poll_btn { background-position:-762px -256px;} /*endof @2010.04.19*/ #pollNav dd a { display:block; text-indent:-9999px;} #pollNav dd .add { display:block; position:absolute; width:11px; height:11px; top:8px; right:9px; line-height:11px;} #poll-right { width:743px; float:right;} #poll-content { overflow:hidden; height:1%; border:1px solid #a5aebe; background:url(../images/poll-box-bg.gif) repeat-y;} #box-left { width:536px; float:left;} /*poll-01.html 将说明文本完全居中*/ #box-left .center-center { color:#000; text-align:center; height:411px; line-height:360px;} /*poll-02.html*/ #box-left input, dl.sortable input { color:#666;} dl.sortable dd .error { border-color:#F00; border-width:1px;} /**/ #box-left h2 { padding:10px 0 5px 9px;} #box-left h2 input { width:500px; color:#666;} .addDesc { padding:0 20px 10px; text-align:right; display:none;} .addDesc a { color:#ff5a19;} .pollDesc { display:none; margin-left:10px; padding-bottom:5px;} .pollDesc textarea { border:1px solid #ccc; width:510px; height:60px;} .pollDesc a { color:#ff5a19; margin:5px 0 0 10px; display:block;} .single-con, .multi-con { text-align:left;} .single-con dt, .multi-con dt { padding:6px 0;} .single-con dt span, .multi-con dt span { padding-top:5px; display:block; color:#ccc; margin-left:60px;} .single-con dt span label, .multi-con dt span label { color:#F00; display:none;} .single-con dd, .multi-con dd { padding:6px 0; margin-left:60px; padding-left:20px;} .single-con .ques, .multi-con .ques { margin-right:15px;} .single-con dd em, .multi-con dd em { margin-left:10px; font-size:11px; display:none;} .single-con dd a, .multi-con dd a { color:#666;} .single-con dd a:hover, .multi-con dd a:hover { color:#ff8110;} .single-con .finish-btn, .multi-con .finish-btn { padding:5px 0 5px 20px;} .single-con .finish-btn a, .multi-con .finish-btn a { background:url(../images/sp-01.png) no-repeat 0 -51px; display:block; width:65px; height:22px; line-height:22px; text-align:center; color:#000; font-size:12px;} .single-con .finish-btn a:hover, .multi-con .finish-btn a:hover { text-decoration:none; color:#ff8110;} .topic-con { padding-top:20px;} .topic-con ul { padding:10px;} .topic-con ul li { padding:0 10px 15px 23px;} .topic-con ul li span { display:block; margin:3px 0 0 40px;} .topic-con ul input { width:400px;} .topic-con ul textarea { width:400px; height:100px;} #box-left .list { border-top:1px solid #dadada;} #box-left .list h3 { font-weight:normal; padding:10px 0 15px; font-size:14px;} #box-left .list li { padding:10px 20px; background:url(../images/poll-bg.gif) repeat-x bottom; border-bottom:1px solid #dadada;} #box-left .list li.hover { background:#fffcf3;} #box-left .list li span { margin-right:15px;} #additional_info { padding:0 10px 10px;} #additional_info h4 { padding:5px 0; font-weight:normal;} #additional_info input, #additional_info textarea { border:1px solid #ccc; width:470px;} #additional_info textarea { height:60px;} #additional_info a { color:#f60;} dl.sortable { padding:10px;} .sortable-item { background:#fff url(../images/sortable-item-bg.gif) no-repeat left center;} .sortable-item-hover { background:#fff url(../images/sortable-item-hover.gif) no-repeat left center;} /*poll-02.html #operator*/ .operator { width:85px; height:23px; overflow:hidden; position:absolute; top:10px; right:5px; z-index:10; } .operator a { display:block; width:23px; height:23px; float:left; margin-right:5px; background:url(../images/sp-01.png) no-repeat; text-indent:-9999px;} .operator a.edit { background-position:-157px -27px;} .operator a.copy { background-position:-157px -52px;} .operator a.del { background-position:-131px -52px;} /*poll-03.html*/ #box-right { width:184px; float:right; padding:20px 10px;} #box-right div { display:none;} #box-right h3 { font-weight:normal; border-bottom:1px solid #bababa; padding-bottom:5px; font-size:14px;} #box-right dt { color:#3f7900; padding:10px 0;} #box-right dd { padding:5px 0 15px 0;} #box-right dd span { padding-right:8px;} #box-right dd label { padding-left:2px;} #btn-bar { clear:both; padding-top:10px; height:1%; overflow:hidden;} #btn-bar input, #btn-bar a { display:block; width:65px; height:25px; line-height:25px; background:url(../images/sp-01.png) no-repeat; text-align:center;} #btn-bar #next { background-position:0 -523px; border:none; color:#fff; float:right;} #btn-bar #pre-view { background-position:0 -552px; color:#666; float:left; display:none;} #btn-bar a:hover { text-decoration:none;} #btn-bar span { float:right; padding:5px 10px 0 0;} /**/ #btn-bar #apply { background-position:-89px -126px; margin-right:10px; border:none; text-indent:-9999px; float:right; cursor:pointer;} #box-left h2, .single-con, .multi-con, #box-right div.choose { display:none;} #floatbox h3 { text-align:left; height:27px; line-height:27px; background:url(../images/title-bg.gif) repeat-x; margin-bottom:10px; font-size:14px; border-bottom:1px solid #dadada; text-indent:5px; position:relative;} #floatbox h3 a.close-floatbox { display:block; position:absolute; top:10px; right:10px; width:9px; height:9px; line-height:9px; background:url(../images/sp-00.png) no-repeat -823px -52px; text-indent:-9999px;} /* ----- poll.html END ----- */ /* ----- poll-list.html | topic-list.html START*/ #list_page { overflow:hidden; height:1%;} #list_page .left { width:140px; float:left; margin-right:10px; boder-right:1px solid #ddd; background:url(../images/list-page-left-bg.gif) repeat-x 0 -66px; padding:0 7px;} #list_page .left h3 { text-indent:15px; background:url(../images/sp-01.png) no-repeat -169px -530px; margin:8px 0; height:12px; line-height:12px; font-weight:bold; font-size:12px;} #list_page .left h3 a { color:#444;} #list_page .left ul li { text-indent:15px; padding:3px 0;} #list_page .left ul li a { font-size:14px; color:#696969; background:url(../images/square_icon.gif) no-repeat left center; padding-left:10px;} #list_page .left ul li a.curr { color:#f60;} #list_page .left ol li { text-indent:15px;} #list_page .mid { width:575px; float:left;} #list_page .mid .top-bar { background:#ebebeb; overflow:hidden; height:1%;} #list_page .mid .top-bar span.title { display:block; width:220px; height:21px; line-height:21px; float:left; color:#666; font-weight:bold; background:#ebebeb url(../images/sp-01.png) no-repeat -174px -587px; padding-left:10px;} #kd_tabs { overflow:hidden; height:1%; background:url(../images/kd_tabs_bg_x.gif) repeat-x;} #list_page .t_kd { width:336px; float:right;} #kd_tabs li { width:48px; height:21px; line-height:21px; float:left;} #kd_tabs a { display:block; border-right:1px solid #d6d6d6; background:url(../images/sp-00.png) no-repeat -539px -288px; text-align:center; color:#666;} #kd_tabs a.curr:hover { text-decoration:none;} #kd_tabs a.curr { padding-right:1px; border:none; background-position:-580px -264px; color:#fff;} #kd_tabs li.first a { background-position:-532px -288px;} #list_page .t_kd li.first a { background-position:-439px -483px;} #kd_tabs li.first a.curr { background-position:-532px -264px; color:#fff;} #kd_tabs li.last { float:right; border-left:1px solid #d6d6d6;} #list_page .t_kd li.last { border:none;} #kd_tabs li.last a { background-position:-547px -288px; border:none; padding-right:0;} #kd_tabs li.last a.curr { background-position:-628px -264px; color:#fff;} #select_tabs { overflow:hidden; height:1%; padding:5px 10px 0;} #select_tabs li { float:left; padding-right:10px;} #select_tabs li span { display:inline-block; width:41px; height:18px; line-height:18px; text-align:center; background:url(../images/sp-00.png) no-repeat -446px -463px; margin-right:5px;} #select_tabs li span.curr { width:50px; background-position:-490px -463px;} #wrapper #select_tabs li a { color:#000;} #wrapper #select_tabs li span.curr a, #wrapper #select_tabs li span a:hover { color:#fff; text-decoration:none;} #s_cancel { display:inline-block; width:10px; height:10px; line-height:10px; overflow:hidden; text-indent:-9999px; background:url(../images/sp-00.png) no-repeat -886px -67px; position:relative; top:2px; left:4px;} #s_cancel:hover { background-position:-898px -67px;} #list_page .mid .top-bar .btm { height:5px; background-position:-277px -542px; margin:0;} #list_page .mid #rec-list { border:none;} #list_page .mid #rec-list li { border-bottom:1px dashed #c9c9c9; padding-top:10px;} #list_page .mid #rec-list ul { padding-bottom:2px;} #list_page .mid #rec-list ul li { width:410px; border:none; padding:0;} #list_page .mid #rec-list li.icon { width:70px;} #list_page .mid #rec-list li.icon span { display:block; width:56px; overflow:hidden; text-align:center;} #list_page .mid #rec-list li.num { width:66px; float:right;} #list_page .mid #rec-list ul dd { color:#bcbcbc; padding-bottom:8px;} #list_page .mid #rec-list ul dd label { color:#999;} #list_page .mid #rec-list ul dd span { padding:0 5px;} #list_page .mid #rec-list ul dd a { color:#bcbcbc;} #list_page .mid #topic_list { padding:2px 10px 0;} #list_page .mid #topic_list dt, #list_page .mid #topic_list dd, #list_page .mid .title-bar { overflow:hidden; height:1%;} #list_page .mid .title-bar { color:#999; border-bottom:4px solid #f4f4f4; padding:8px 10px 2px;} #list_page .mid #topic_list dd { padding:8px 0; border-bottom:1px dashed #c9c9c9;} #list_page .mid .title-bar span, #list_page .mid #topic_list span { display:block; float:left;} #list_page .mid .s1 { width:360px; text-indent:5px;} #list_page .mid .s2 { width:80px; text-align:center;} #list_page .mid .s3 { width:100px; float:right; text-align:center;} #list_page .mid .s1 a { color:#666; font-size:14px;} #list_page .mid span a, #topic_list .noMessage a { color:#f60;} #list_page .mid ul.loading, #list_page .mid dl.loading { height:200px;} #list_page .mid #rec-list .noMessage, #list_page .mid #topic_list .noMessage { text-align:center; padding:20px 0; font-size:14px; border:0;} #list_page .view-more { display:none;} #list_page .right { width:195px; float:right;} #list_page .right h3 { font-size:12px; padding-bottom:5px;} #list_page .right .date { height:41px; background:url(../images/list-bg-date-bg.gif) repeat-x; color:#999; padding:5px 10px; font-weight:bold; margin-bottom:10px;} #list_page .right .date p { line-height:18px;} .right .hotTags h3 { height:16px; background:url(../images/sp-00.png) no-repeat 0 -407px; padding:8px 10px 7px; font-size:14px; font-weight:normal;} .right .hotTags div { border:1px solid #e4e4e4; border-width:0 1px; padding:10px;} .right .hotTags div a { color:#666; line-height:24px; margin-right:5px;} .right .hotTags .btm { height:5px; background:url(../images/sp-00.png) no-repeat 0 -438px; padding:0; border:none;} #wrapper .hotTags a.f_24 { font-size:24px;} #wrapper .hotTags a.f_20 { font-size:20px;} #wrapper .hotTags a.f_16 { font-size:16px;} #wrapper .hotTags a.f_14 { font-size:14px;} #wrapper .hotTags a.f_12 { font-size:12px;} #wrapper .hotTags a.red { color:#F03;}/*红色*/ #wrapper .hotTags a.blue { color:#03F;}/*蓝色*/ #wrapper .hotTags a.green { color:#090;}/*绿色*/ #wrapper .hotTags a.orange { color:#F60;}/*橙色*/ #wrapper .hotTags a.cyan { color:#690;}/*青色*/ #wrapper .hotTags a.lishu { font-family:'隶书';} #wrapper .hotTags a.kaiti { font-family:'楷体';} #wrapper .hotTags a.heiti { font-family:'黑体';} #wrapper .hotTags a.fangsong { font-family:'仿宋';} #wrapper .hotTags a.caiyun { font-family:'华文彩云';} /* ----- poll-list.html | topic-list.html END*/ .view-more { width:116px; height:24px; margin:20px auto 0;} .loading { height:32px; background:#fff url(../images/loading.gif) no-repeat center center!important; border:none!important;} .view-more a { display:block; height:24px; line-height:24px; background:url(../images/sp-01.png) no-repeat 0 -266px; text-align:center; color:#666;} .tl, .tr { width:8px; height:6px; position:absolute; top:51px; overflow:hidden; background:url(../images/sp-00.png) no-repeat;} .tl { background-position:-95px -61px; left:0;} .tr {background-position:-103px -61px; right:0;} /*个人中心tabs*/ #tabs { padding:12px 0 10px; overflow:hidden; height:1%;} #tabs li { width:55px; float:left; margin-right:10px; height:23px;} /*2个*/ #tabs li.w1 { width:120px;} /*7个*/ #tabs li.w2 { width:80px;} /*4个*/ #tabs li.w3 { width:70px;} /*3个*/ #tabs li.w4 { width:105px;} /*6个*/ #tabs li.w5 { width:93px;} /*5个*/ #tabs li.wmail { margin-left:150px;} #tabs li a { display:block; color:#666; padding-left:15px; height:100%;} #tabs li a span { padding-right:15px; height:100%; line-height:23px; cursor:pointer;} #tabs li a:hover, #tabs li a.current, #tabs li a.wb:hover { text-decoration:none; background:url(../images/tabs.gif) no-repeat;} #tabs li a.wb { background:url(../images/tabs-grey.gif) no-repeat;} #tabs li a.wb span { background:url(../images/tabs-grey.gif) no-repeat top right; display:block;} #tabs li a:hover span, #tabs li a.current span, #tabs li a.wb:hover span { background:url(../images/tabs.gif) no-repeat right top; display:block;} #tabs li.add-Apps, #tabs li.returnHome { width:90px; font-size:14px; float:right; margin-right:0;} #tabs li.returnHome { width:110px; font-size:12px;} #tabs li.add-Apps a span, #tabs li.returnHome a span { padding-right:0; font-size:14px;} #tabs li.add-Apps a:hover, #tabs li.returnHome a:hover { background:none; text-decoration:underline;} #tabs li.add-Apps a:hover span, #tabs li.returnHome a:hover span { background:none; display:inline;} /*奖杯列表、站内信、修改资料 tabs*/ #tabs-00 { padding:35px 30px 0 0; margin-left:85px; height:24px;} #tabs-00 li { float:right; margin-left:10px; width:48px;} /*48px----两个字*/ #tabs-00 li.w3 { width:60px;} #tabs-00 li.w4 { width:72px;} #tabs-00 li.w5 { width:84px;} #tabs-00 li.w6 { width:96px;} #tabs-00 li.w7 { width:108px;} #tabs-00 li.w8 { width:120px;} #tabs-00 li.left { float:left; margin:0; width:200px;} #tabs-00 li a { display:block; background:url(../images/tabs-normal.gif) no-repeat top left; color:#666;} #tabs-00 li a:hover {} #tabs-00 li a.active { font-weight:bold; background-image:url(../images/tabs-active.gif); position:relative; margin-bottom:-2px; z-index:2;} #tabs-00 li a label { display:block; margin-left:5px; height:4px; background:url(../images/tabs-normal.gif) no-repeat top right; overflow:hidden;} #tabs-00 li a.active label { background-image:url(../images/tabs-active.gif);} #tabs-00 li a span { display:block; background:#eee; border:1px solid #c2c1c1; border-width:0 1px; padding:1px 0; text-align:center; cursor:pointer;} #tabs-00 li a.active span { padding-bottom:3px; background:#fff;} /* ----- center.html START ----- */ #center-left .tl, #center-right .tr { top:66px;} #center-left { width:210px; float:left; background:url(../images/center-bg.gif) repeat-x; position:relative; padding:0 25px 0 15px;} #center-left h3 { font-size:12px; font-weight:normal; border-bottom:1px solid #dadada; padding:0 0 4px 5px;} #center-left a { color:#000;} #center-right #tabs { padding:7px 0 15px;} #user-icon { text-align:center;} #user-icon img { width:106px; height:106px; border:1px solid #eee;} #left-nav { padding:5px 0 30px 0; border-right:1px solid #dadada;} #left-nav li { height:25px; line-height:25px; margin-bottom:5px; border-bottom:1px solid #dadada; text-indent:5px;} #friends, #vistors { padding-bottom:20px; border-right:1px solid #dadada;} #friends img, #vistors img { width:53px; height:53px; border:1px solid #eee;} #friends h3 a { margin-left:105px;} #vistors h3 a { margin-left:83px;} #friends ul, #vistors ul { padding:10px 0 5px; overflow:hidden; height:1%;} #friends ul li, #vistors ul li { width:55px; float:left; padding:0 13px 10px 0; height:100px;} #friends ul li span, #vistors ul li span { display:block; text-align:center; overflow:hidden;} #friends ul li span.name a, #vistors ul li span.name a { display:block; width:55px; height:20px; line-height:20px; overflow:hidden; color:#ff5a19;} #center-right { width:700px; float:right; background:url(../images/center-bg.gif) repeat-x; position:relative;} #center-right h3 { font-weight:normal; font-size:12px; border-bottom:1px solid #dadada; padding-bottom:4px; margin-bottom:15px;} #simple-info { margin-top:12px;} #simple-info a { color:#999;} #note { padding-left:7px; width:600px; margin-bottom:20px; background:url(../images/note-arrow.gif) no-repeat;} #note span { display:block; border:1px solid #ffb164; border-left:none; background:#fff; line-height:29px; padding-left:20px; font-weight:bold; position:relative;} #note span em { display:block; width:540px; line-height:29px; overflow:hidden; font-style:normal;} #note span textarea { display:block; width:96%; height:45px; font-weight:bold; border:1px solid #dadada; color:#777; margin-top:4px;} #note span a { color:#ff5a19; display:block; width:30px; text-indent:0; position:absolute; top:0; right:10px;} #survey { margin:0 15px 20px 0;} #survey .title { overflow:hidden; height:32px; background:url(../images/survey-title-bg.gif) repeat-x; border:1px solid #dadada; padding:0 10px;} #survey .title span { height:100%; line-height:32px;} #survey span { display:block; font-size:14px;} #survey .s1 { float:left; width:80px;} #survey .s2 { float:left; width:420px;} #survey .s3 { float:left; width:100px;} #survey .s4 { float:left; width:60px;} #survey ul { border:1px solid #dadada; border-top:none; background:#fff; padding:5px 10px 5px;} #survey ul li { border-bottom:1px solid #dadada; padding-top:10px; overflow:hidden; height:1%;} #survey ul li div { overflow:hidden; height:1%; margin-bottom:10px;} #survey ul li .s1 { height:60px;} #survey ul li .s1 a { display:block; width:68px; height:29px; background:url(../images/sp-01.png) no-repeat -82px -235px; text-align:center; line-height:29px; color:#fff; margin-top:32px;} #survey ul li .s1 a:hover { text-decoration:none;} .survey-desc { padding:10px; background:#fff8b4;} .survey-desc strong { color:#000;} #firends-news { margin:0 15px 20px 0;} #firends-news .view-more { margin-top:20px; height:22px; padding:5px 0;} #firends-news .view-more a { display:block; width:126px; height:22px; line-height:22px; text-align:center; margin:0 auto; background:url(../images/sp-01.png) no-repeat 0 -75px; color:#5b5b5b;} .noticeList li img { padding:1px; border:1px solid #eee; margin-bottom:-12px;} .noticeList li { position:relative; border-bottom:1px solid #ececec; padding:10px 20px 10px 10px; line-height:24px; color:#5b5b5b;} .noticeList li div { padding-left:25px; line-height:16px;} .noticeList .pollItem { background:url(../images/pollItem.png) no-repeat;} .noticeList .noticeItem { background:url(../images/noticeItem.gif) no-repeat;} .noticeList .discussItem { background:url(../images/discussItem.png) no-repeat;} .noticeList .commentItem { background:url(../images/comment.png) no-repeat;} .noticeList .cupItem { background:url(../images/cups/cup-icon.gif) no-repeat;} .noticeList .friendItem { background:url(../images/friendItem.png) no-repeat;} .noticeList li span { padding:0 10px;} .noticeList li span a, .noticeList li span.cupKind, .noticeList li span.scoreNum { color:#9d3b00;} .noticeList li span.nickName a { color:#ff6520;} .noticeList li span.time { color:#b1b1b1;} .noticeList li em { display:block; height:13px; width:13px; position:absolute; top:15px; right:10px;} .noticeList li em a { display:block; height:13px; line-height:13px; background:url(../images/sp-01.png) no-repeat -167px -129px; text-indent:-9999px; text-indent:-9999px;} .noticeList li em a:hover { background-position:-167px -143px;} #note-box { margin:0 15px 20px 0;} #note-box #title { border-bottom:1px solid #dadada; padding-bottom:4px;} #note-box div { padding:15px 15px 0;} #note-box div textarea { display:block; width:650px;} #note-box div input { display:block; width:59px; height:22px; cursor:pointer;} #note-box div input.active { background:url(../images/sp-01.png) no-repeat -82px -211px; border:none; display:block; width:59px; height:22px; padding-top:2px; line-height:22px; color:#fff;} #msg-list { margin:15px 15px 15px 0;} #msg-list ul img { float:left; width:53px; height:53px; border:1px solid #eee;} #msg-list .children { margin-left:60px;} #msg-list .father { overflow:hidden; height:1%;} #msg-list .children li { overflow:hidden; height:1%; padding-bottom:10px;} #msg-list .bar { margin-left:60px; background:#ebebeb; border:1px solid #b7b7b7; border-width:1px 0; height:25px; line-height:25px; padding-left:10px;} #msg-list .children img { width:40px; height:40px; border:1px solid #eee;} #msg-list .children .bar { border-top:none; margin-left:45px;} #msg-list .bar span { margin-right:5px;} #msg-list .bar span a { color:#ff5a19;} #msg-list .msgText { margin-left:55px; padding:10px;} .reply-box { margin:0 0 10px 55px;} .reply-box .replyPerson { text-indent:10px; color:#999; padding-bottom:5px;} .reply-box textarea { width:400px; height:60px;} .reply-box .replyCon { padding-bottom:5px;} .reply-box { overflow:hidden; height:1%;} .reply-box input { padding:0; display:block; float:left; height:22px; border:none; background:url(../images/sp-01.png) no-repeat; cursor:pointer;} .reply-box .replyBtn { width:59px; background-position:-82px -211px; margin-right:10px; color:#fff;} .reply-box .cancelBtn { width:55px; background-position:-71px -51px; color:#5b5b5b;} /* ----- center.html END ----- */ .addCup { width:180px; margin:0 auto; overflow:hidden; height:1%;} .addCup img { width:67px; float:left; padding-left:33px; background:url(../images/add_bg.gif) no-repeat left center;} .addCup label { padding:0 5px;} .addCup span { width:80px; height:71px; line-height:71px; float:right;} .floatBar { text-align:center; padding:10px 0; color:#666; border-top:1px solid #e6e6e6; margin:0 10px;} .floatBar a { margin-left:10px; background:url(../images/sp-01.png) no-repeat 0 -523px; padding:5px 9px; color:#fff;} .floatBar a#return { font-weight:bold; padding:5px 7px;} .floatBar a#submitBtn { font-weight:bold; background-position:0 -552px; color:#666; padding:5px 20px;} /* ----- login.html | register.html | help.html | description.html START ----- */ #LR-left, #LR-right { margin-top:20px;} #LR-left { width:400px; float:left; padding-left:20px;} #LR-left span, #LR-left a { font-size:12px; color:#999;} #wrapper #LR-left span.error { color:#ff8812; padding:2px 0 2px 25px!important; background:url(../images/error_icon.png) no-repeat left center;} #LR-left span.success { color:#393; padding:2px 0 2px 25px; background:url(../images/success_icon.png) no-repeat left center;} #LR-left ul { padding:20px 0 0 10px; font-size:14px; color:#ff5a19;} #LR-left ul li { padding-bottom:10px; overflow:hidden; height:1%;} #LR-left #oldUseLk { padding-top:10px;} #LR-left #oldUseLk a { display:block; padding:3px 0 3px 25px; width:200px; background:#eee46c url(../images/information.png) no-repeat 3px center; border:1px solid #f7aa46; color:#f60;} #LR-left li.error span { background:url(../images/error_icon.png) no-repeat left center; padding:1px 0 3px 25px; color:#ff8812;} #LR-left .login-btn, #LR-left #validate, #LR-left input.active { display:block; border:none; width:68px; height:25px; background:url(../images/sp-01.png) no-repeat -89px -99px; float:left; text-indent:-9999px; margin-right:10px; cursor:pointer;} #LR-left #validate { background-position:0 -964px;} #LR-left input.active { background-position:0 -996px;} #LR-left a { color:#555;} #LR-left a.forgetPass { width:100px; float:left; margin-top:8px; color:#999;} #LR-left .left, #LR-left .right { width:180px;} #LR-left .left input, #LR-left .right input { margin-top:10px; display:block;} #LR-left .left { float:left;} #LR-left .right { float:right;} #LR-left span input { margin-right:10px;} #LR-left input.registerBtn { display:block; border:none; width:85px; height:25px; line-height:25px; background:url(../images/sp-01.png) no-repeat 0 -758px; color:#fff; text-align:center; font-weight:bold; cursor:pointer;} #LR-right { width:300px; float:right; padding-right:50px;} #LR-right ul.register { padding-top:20px;} #LR-right ul.register li { margin-bottom:15px;} #LR-right a.registerLink { display:block; width:85px; height:25px; background:url(../images/sp-01.png) no-repeat 0 -99px; text-indent:-9999px;} .login-link { font-size:14px; text-align:right; margin-bottom:40px; padding-bottom:3px; margin-left:60px;} .login-link a { color:#ff6022;} .reg-note { height:117px;} .reg_n { padding-left:18px; background:#ffe7bd url(../images/reg-left.gif) no-repeat;} .reg_n ul { height:97px; padding:10px; background:url(../images/reg-right.gif) no-repeat top right;} .reg_n ul li { height:25px; line-height:25px;} #help_left, #help_right, #desc_left, #desc_right { padding-top:50px;} #help_left h2, #help_right h2, #desc_left h3, #desc_right h3 { padding-left:5px; border-bottom:2px solid #eaeaea; padding-bottom:3px; font-size:14px;} #help_left dl, #help_right dl, #desc_left dl { padding:10px; font-size:14px;} #help_left, #desc_left { width:200px; float:left; padding-left:20px;} #help_left dl, #desc_left dl { padding-left:20px;} #help_left dt, #desc_left dt { padding-bottom:10px; background:url(../images/square_icon.gif) no-repeat left 7px; padding-left:10px;} #help_left dt.bor_top { margin:5px 10px 0 0; border-top:2px solid #ccc; padding-top:5px; background-position:0 12px;} #help_left dt a, #desc_left dt a { color:#666; font-weight:bold;} #help_left dt a.active, #desc_left dt a.active { color:#f60;} #help_right, #desc_right { width:700px; float:right;} #help_right dt { padding:3px 5px; background:#eee;} #help_right strong { padding-right:10px;} #help_right dd { padding:8px 5px;} #help_right .answer { overflow:hidden; height:1%;} #help_right .answer strong { display:block; width:30px; float:left;} #help_right .answer div { width:600px; border:1px solid #eee; float:left; padding:10px; font-size:12px;} #help_right .answer div p { padding-bottom:8px;} #help_right p img { display:block; padding:3px; border:1px solid #eee; margin:5px 0;} #desc_right a { color:#f60; padding:0 5px; letter-spacing:1px;} #desc_right img { display:block; padding:3px; border:1px solid #eee; margin-bottom:10px;} #desc_right .description .content { padding:10px 10px 10px 20px;} #desc_right .description p, #desc_right .description dt, #desc_right .description dd { padding:3px 0;} #desc_right .description dd { text-indent:15px;} #desc_right .position_ls { padding:5px 10px; margin:5px 10px; border:1px dashed #F60;} #desc_right .position_ls dt { font-weight:bold; font-size:14px; border-bottom:1px solid #FC3; text-indent:4px;} /* ----- login.html | register.html | help.html | description.html END ----- */ /* ----- password.html START ----- */ #password-box { padding:20px; } #password-box span { color:#666; font-size:12px;} #password-box span.font-14 { font-size:14px;} #password-box span.color-grey { color:#999;} #password-box span em { font:11px Verdana, Geneva, sans-serif; color:#F90;} #password-box ul { margin-top:25px; font-size:14px; color:#ff5a19; padding-left:10px;} #password-box ul li { padding-bottom:10px;} #password-box li input.passBtn, #password-box li input.changePassBtn { display:block; border:none; width:85px; height:25px; line-height:25px; background:url(../images/sp-01.png) no-repeat 0 -758px; color:#fff; text-align:center; font-weight:bold; margin-top:10px;} #password-box li a.emailLogin { display:block; width:177px; height:25px; line-height:25px; font-weight:bold; text-align:center; color:#fff; background:url(../images/sp-01.png) no-repeat; text-indent:-9999px;} #password-box li a { color:#ff6600; font-size:12px;} /* ----- password.html END ----- */ /* ------ mail.html | settings.html START ------*/ #club { position:relative; overflow:hidden; height:1%; z-index:1;} #club h2 {} #club h2 span { display:none;} #club h2 span.current { display:inline;} #club .content { border-top:2px solid #eee;} /*#inbox, #sendbox, #notices, #writeMail, #setInfo, #setPassword, #changeIcon, #setMail, #inviteFriends { display:none;}*/ #inbox, #sendbox, #notices, #writeMail, #setInfo, #setPassword, #changeIcon, #setMail, #inviteFriends, #bindRobot, #cupList, #road { border-top:2px solid #c2c1c1; padding:20px 15px;} /* mail.html */ h3.mailCount, #notices h3 { font:12px normal Arial, Helvetica, sans-serif; color:#a5a1a1; padding-bottom:3px; border-bottom:1px solid #e4e4e4;} h3.mailCount span { padding-right:5px;} h3.mailCount em { padding:0 10px;} .mailList { padding:5px 0 50px 0;} .mailList li { border-bottom:1px dashed #e4e4e4; padding:5px 0 10px; position:relative; overflow:hidden; height:1%;} .mailList li a { color:#f60;} .mailList .checkbox { width:50px; float:left; text-align:center; padding-top:20px;} .mailList .sender { width:100px; text-align:center; float:left; height:53px; line-height:53px;} .mailList .sender img, .mailList .sender a, .mailList .sender label { line-height:normal;} .mailList .sender img { width:53px; height:53px; border:1px solid #eee;} #club .mailList .content { width:770px; float:right; border:none; padding:0;} .mailList .content h4 { color:#999; font-weight:normal; padding-bottom:10px;} .mailList .content h4 a { margin-right:10px;} .mailList .mailCon { line-height:20px;} #inbox .mailCon { background:#FF9;} #inbox .mailList .readed { background:#fff; cursor:default!important;} .mailList .mailCon span { display:none;} .mailList .replyMail { width:48px; height:24px; position:absolute; top:5px; right:20px; display:none;} .mailList .replyMail a { display:block; height:24px; line-height:24px; background:url(../images/sp-01.png) no-repeat 0 -465px; text-align:center; color:#666;} .mailList .replyMail a:hover { background-position:0 -492px; text-decoration:none;} .operation { padding:5px 0;} .operation a { color:#756868;} .operation a.btnRead, .operation a.btnDel { color:#666; margin-left:15px; background:url(../images/sp-01.png) no-repeat 0 -266px; padding:5px 10px;} .operation a.btnRead { padding:5px 28px;} .operation span { padding:0 5px;} .mailList dd.con h3 a.read, #sendbox .mailList dd.con h3 a { font-weight:normal;} #notices .noticeList { padding:10px;} #notices .noticeList li { padding:8px 20px 8px 0; border:none; border-bottom:1px dashed #d5d5d5;} #notices .noticeList li a { color:#f60;} #notices .noticeList li h3 { border:none; font-weight:bold;} #notices .noticeList li h3 .name { padding-right:10px;} #notices .noticeList div.noticeContent { padding:5px 10px;} #notices .noticeList .noticeCon {} #notices .noticeList .font_italic { font-style:italic;} #notices .noticeList .agree_friend { background:url(../images/sp-01.png) no-repeat 0 -465px; padding:5px 12px;} #notices .noticeList .agree_friend { margin-left:10px;} #notices .noticeList .agree_friend:hover { background-position:0 -492px; text-decoration:none;} #notices .noticeList img { margin:0; margin-bottom:-4px; padding:0; border:0;} #notices .noticeList .more_info, #commSurveyList .more_info, #device_ls .more_info { position:relative; padding:0;} .more_info .infobox { display:none; width:250px; padding:0; color:#f60; background:url(../images/popInfo.png) no-repeat; line-height:normal; position:absolute; top:-51px; left:-8px; z-index:3;} #commSurveyList .more_info .infobox { width:92px; top:-47px;} #device_ls .more_info .infobox { width:160px; top:-35px;} .more_info .infobox div { padding:0;} .more_info .infobox .top { height:6px; background:url(../images/popInfo.png) no-repeat top right; margin-left:5px;} .more_info .infobox .infoCon { background:#ecdf58; border:1px solid #ff9116; border-width:0 1px; padding:0 5px; font-size:12px; font-weight:normal;} .more_info .infobox .btm { height:12px; background:url(../images/popInfo.png) no-repeat left bottom;} .more_info .infobox .btm div { height:12px; background:url(../images/popInfo.png) no-repeat right bottom; margin-left:25px;} #writeMail { position:relative;} #writeMail ul { padding-left:10px; width:490px;} #writeMail li { padding-bottom:10px; overflow:hidden; height:1%;} #writeMail li label { float:left; width:40px; text-align:right; margin-right:10px;} #writeMail li span { display:block; margin:5px 0 0 50px; color:#999; padding-right:10px;} #writeMail li em#choose_firend { display:block; width:89px; height:21px; background:url(../images/sp-01.png) no-repeat 0 -292px;); cursor:pointer; margin:-22px 0 0 394px; position:relative; text-indent:-9999px;} #writeMail li input#receivor { height:17px; width:330px; padding-right:101px;} #writeMail li input#subject { height:17px; width:429px;} #writeMail li textarea { width:427px; height:120px;} #writeMail .sendBtn, #writeMail .resetBtn { border:none; background:url(../images/sp-01.png) no-repeat; display:block; float:left; width:65px; height:25px; cursor:pointer;} #writeMail .sendBtn { background-position:-89px -153px; margin-right:10px; text-indent:-9999px;} #writeMail .resetBtn { background-position:0 -315px; color:#999;} #writeMail small { font-size:12px; padding:0 5px;} #writeMail .firendList { position:absolute; left:75px; top:41px; width:422px; height:210px; background:#fff; z-index:10; border:1px solid #ccc; border-width:1px 2px 2px 1px; opacity:0.9; filter:alpha(opacity=90); display:none;} #writeMail .firendList dl { height:170px; overflow-y:scroll; border-bottom:1px solid #c2c1c1; padding:5px;} #writeMail .firendList dd { border-bottom:1px dashed #eee; padding:0 5px;} #writeMail .firendList dd label { padding-right:5px; line-height:20px;} #writeMail .firendList dd label input { margin-top:2px;} #writeMail .firendList dl a { color:#f60; font-style:normal; width:50px; margin-right:10px;} #writeMail .firendList dl a:hover { background:#f60; color:#fff; text-decoration:none;} #writeMail .operateBar { padding:5px 10px 0; text-align:right;} #writeMail .operateBar a.confirm { background:#f60; color:#fff; border:1px solid #fff; padding:2px 5px;} #writeMail .operateBar a.confirm:hover { color:#666; border-color:#f60; background:#fff; text-decoration:none;} /* settings.html */ #setInfo ul, #setPassword ul { padding-left:30px;} #setInfo li, #setPassword li { padding:15px 0; overflow:hidden; height:1%;} #setInfo li label, #setPassword li label { float:left; width:80px; text-align:right; margin-right:10px;} #setInfo li span { padding-right:10px;} #setInfo li select { margin-right:10px;} #setInfo .saveBtn, #setPassword #setPassBtn, #changeIcon .saveBtn, #changeIcon .uploadBtn, #setMail .saveBtn, .d_clip_button, #inviteFriends #inviteBtn, #setNewMail #setMailBtn, #mail_invite_btn { display:block; border:none; background:url(../images/sp-01.png) no-repeat; padding:0; text-indent:-9999px; cursor:pointer;} #setInfo .saveBtn, #changeIcon .saveBtn, #setMail .saveBtn, #setNewMail #setMailBtn { width:76px; height:27px; margin-left:90px; background-position:-82px -182px;} #setPassword #setPassBtn { width:79px; height:23px; margin-left:90px; background-position:0px -182px;} #changeIcon { padding:15px 15px 150px 45px; overflow:hidden; height:1%;} #changeIcon .left { float:left; width:320px; margin-right:40px;} #club #changeIcon .right { float:left;} #changeIcon .left .iconBox { width:318px; height:318px; border:1px solid #ccc; overflow:hidden; background:#fff; position:relative;} #changeIcon .left .it, #changeIcon .left .ib, #changeIcon .left .il, #changeIcon .left .ir { z-index:10; background:#3FF; opacity:0.5; filter:alpha(opacity=50);} #changeIcon .left .it, #changeIcon .left .ib { height:106px; width:318px; position:absolute; left:0;} #changeIcon .left .it { top:0;} #changeIcon .left .ib { bottom:0;} #changeIcon .left .il, #changeIcon .left .ir { width:106px; height:106px; position:absolute; top:106px;} #changeIcon .left .il { left:0;} #changeIcon .left .ir { right:0;} #changeIcon .left .container { width:59px; height:59px; position:absolute; top:74px; left:74px; z-index:10; border:1px solid #fff;} #changeIcon #icon { position:relative;/* margin:53px 0 0 53px;*/} /*zoom icon*/ #resizeBar { height:16px; padding:10px;} #resizeBar a { display:block; width:60px; padding-left:20px; height:15px; overflow:hidden; float:left; margin:0 10px; background:url(../images/sp-00.png) no-repeat;} #resizeBar a:hover { text-decoration:none;} #resizeBar a span { display:block; background:#fff;} #resizeBar a#zoom_out { background-position:-890px -198px;} #resizeBar a#zoom_in { background-position:-913px -198px;} #resizeBar a#zoom_reset { background-position:-935px -198px;} #changeIcon .right { float:right; width:287px;} #changeIcon #preview, #changeIcon #preview_small { overflow:hidden; width:106px; position:relative; height:106px; z-index:10; border:1px solid #ccc; background:#fff; margin-bottom:15px;} #changeIcon #preview_small { width:53px; height:53px;} #changeIcon #preview img, #changeIcon #preview_small img {/* margin:-106px 0 0 -106px;*/ z-index:0;/* position:relative;*/ } #changeIcon p, #changeIcon .saveBtn { margin-bottom:15px;} #changeIcon p { line-height:160%; font-size:14px;} #changeIcon .saveBtn { margin-left:0;} #changeIcon a { display:block; color:#0376c6;} #changeIcon #edit a { padding-top:10px; font-size:14px; border-top:1px dashed #c0c0c0;} #changeIcon #upload a { background:url(../images/sp-01.png) no-repeat -168px -112px; padding-left:15px;} #changeIcon #uploadBox { border:1px dashed #c0c0c0; border-width:1px 0; margin:10px 0; padding:10px 0; overflow:hidden; height:1%;} #changeIcon #uploadBox button { float:left; width:72px; height:21px;} #changeIcon #uploadBox span { float:right; display:block; width:190px; height:21px; line-height:21px; overflow:hidden; background:url(../images/sp-01.png) no-repeat -166px -94px; padding-left:18px;} #changeIcon .uploadBtn { width:84px; height:27px; background-position:0px -153px; margin-bottom:15px;} #changeIcon .color-grey { color:#b5b5b5;} #changeIcon #finished .font-14 { margin-top:10px;} #setMail { padding-left:25px;} #setMail h3 { border-bottom:1px solid #d4d4d4; padding-bottom:5px; text-indent:10px; font-size:14px; font-weight:normal;} #setMail .changeMail { padding:30px 10px 40px;} #setMail .changeMail label { color:#ff5a19; padding-right:10px;} #setMail .changeMail a { color:#707070;} #setMail p { line-height:24px; padding:20px 10px; font-size:14px; color:#a7a7a7;} #setMail #mailSettingList { width:540px; margin-bottom:20px;} #setMail #mailSettingList li { padding:10px; border-bottom:1px solid #d4d4d4; overflow:hidden; height:1%;} #setMail #mailSettingList li span { display:block; float:left; height:16px;} #setMail #mailSettingList .s1 { width:400px;} #setMail #mailSettingList .s2 { width:60px; text-align:center;} #setMail .saveBtn { margin-left:464px;} #setNewMail { padding:5px 0; margin-right:10px; display:none;} #setNewMail #setMailBtn { margin:5px 0 0 100px;} #inviteFriends {} #inviteFriends h3 { border-bottom:1px solid #d4d4d4; padding-bottom:5px; text-indent:25px; font-size:12px; font-weight:normal;} #inviteFriends h3.url_bg { background:url(../images/bg-url.gif) no-repeat 5px 3px;} #inviteFriends h3.mail_bg { background:url(../images/bg-mail.gif) no-repeat 5px 3px;} #inviteFriends h3.qq_bg { background:url(../images/bg-qq.gif) no-repeat 5px 3px;} #inviteFriends .copyArea, #mailLogin, #QQLogin { padding:0 0 25px 25px;} #inviteFriends .inviteByMail { padding-bottom:25px;} #inviteFriends p { padding:10px 0 10px 25px;} #inviteFriends .copyArea { overflow:hidden; height:1%;} #inviteFriends .copyArea input { width:400px; float:left; margin:2px 10px 0 0; color:#999;} .d_clip_button { float:left; width:79px; height:23px; color:#fff; text-indent:0; background-position:0 -207px; cursor:pointer;} #inviteFriends .inviteByMail {} #inviteFriends .inviteByMail li, #mailLogin li, #QQLogin li { padding:10px 0 10px 0; overflow:hidden; height:1%;} #inviteFriends .inviteByMail li label { width:90px; float:left; text-align:right; margin-right:10px;} #mailLogin li label { padding-right:5px;} #mailLogin li span { padding:0 10px;} #inviteFriends .inviteByMail input { width:400px; color:#999;} #inviteFriends .inviteByMail textarea { width:400px; height:120px; color:#999;} #inviteFriends #inviteBtn, #mail_invite_btn { width:79px; height:23px; background-position:0 -232px; margin-left:90px;} #verifyItem { display:none;} #mailImportBtn, #QQImportBtn { display:block; width:65px; height:25px; background:url(../images/sp-01.png) no-repeat 0 -523px; color:#fff; border:none; margin-left:65px; cursor:pointer;} #QQImportBtn { margin-left:50px;} .operationsBox { width:400px; display:none; margin:0 auto 10px;} .operationsBox ul.ml { height:120px; overflow-y:scroll; border:2px solid #eaeaea;} .op_lks { padding:5px;} .op_lks a { color:#f60;} .op_lks #selectAll { margin-right:10px;} .operationsBox ul.ml li { padding:3px 5px;} .operationsBox ul.ml label { padding-left:5px;} .operationsBox dl {} .operationsBox dt, .operationsBox dd { padding:5px 0;} .operationsBox dt { overflow:hidden; height:1%;} .operationsBox dt label { display:block; width:60px; float:left;} .operationsBox dt textarea { width:330px; height:60px; float:left;} .operationsBox #mail_invite_btn { margin-left:60px;} #bindRobot {} #robotKds { overflow:hidden; height:1%; padding:0 30px; margin-bottom:4px;} #robotKds li { width:80px; float:left; margin-right:40px;} #robotKds li span { display:block; height:50px; background:url(../images/IM.jpg) no-repeat;} #robotKds li#bind_MSN span { background-position:15px 0;} #robotKds li#bind_QQ span { background-position:15px -55px;} #robotKds li label, #robotKds li strong { height:25px; line-height:25px; text-align:center; display:block; font-size:14px;} #robotKds li button { display:block; width:80px; height:25px; cursor:pointer;} #b_msn_box { width:500px; border-right:1px solid #ccc; border-bottom:1px solid #b5b5b5; position:relative; display:none;} #b_msn_box .arrow { width:20px; height:9px; overflow:hidden; background:url(../images/IM.jpg) no-repeat 0 -113px; position:absolute; left:57px; top:-8px;} #b_msn_box dl { padding:10px 15px; border:1px solid #acacac;} #b_msn_box dl dd { padding-bottom:5px;} #b_msn_box dl dt { padding:10px 0 15px;} #b_msn_box dl input { margin-right:4px;} #b_msn_box dl button { padding:2px 10px; cursor:pointer;} #robot_ques { padding-top:60px; width:500px;} #robot_ques dt { padding-left:5px; font-size:14px; font-weight:bold; padding-bottom:3px; border-bottom:1px dashed #ccc; margin-bottom:10px;} #robot_ques dd { padding:2px 0 2px 30px; background:url(../images/square_icon.gif) no-repeat 20px 50%;} #robot_ques dd a { color:#666;} #delIM { color:#39F;} /* ------ mail.html | settings.html END ------*/ /*start pageNav @2010.04.15 By Hiro*/ .pageNav { overflow:hidden; height:1%; padding:10px;} .pageNav li { float:left; padding-right:5px; height:22px; line-height:22px;} .pageNav li.pageInfo { color:#ccc; padding-right:10px;} .pageNav li .total_page_num, .pageNav li .curr_page_num { padding:0 5px;} .pageNav li a { display:block;} .pageNav li.first a, .pageNav li.last a { width:24px; padding:0 5px;} .pageNav li.prev a, .pageNav li.next a { width:22px; height:22px; text-indent:-9999px; background:url(../images/v1.5/sp_00.png) no-repeat;} .pageNav li.prev a { background-position:-32px -266px;} .pageNav li.next a { background-position:-32px -296px;} .pageNav li.pages a { width:20px;} .pageNav li.pages a.w2 { width:28px;} .pageNav li.pages a.w3 { width:36px;} .pageNav li.pages a.w4 { width:44px;} .pageNav li.pages a.w5 { width:52px;} .pageNav li.pages a.w6 { width:60px;} .pageNav li.first a, .pageNav li.last a, .pageNav li.pages a { height:20px; line-height:20px; border:1px solid #d4d5d8; text-align:center; background:url(../images/v1.5/poll_ls_tabs_x.gif) repeat-x; color:#999;} .pageNav li.first a:hover, .pageNav li.last a:hover, .pageNav li.pages a:hover { background-position:0 -20px; text-decoration:none;} .pageNav li.pages a.curr_page { background-position:0 -40px; color:#f60;} /* endof pageNav @2010.04.15 By Hiro*/ /*pageNav*/ /*.pageNav { overflow:hidden; height:1%; padding:10px 0; text-align:right;} .pageNav li { float:left; padding-left:5px;} .pageNav li .total_page_num, .pageNav li .curr_page_num { padding:0 5px;} .pageNav li a { color:#756868; background:#f3f3f3; border:1px solid #c9c9c9; display:block; width:6px; height:16px; padding:0 5px;} .pageNav li a.w2 { width:12px;} .pageNav li a.w3 { width:18px;} .pageNav li a.w4 { width:24px;} .pageNav li a.w5 { width:30px;} .pageNav li a.w6 { width:36px;} .pageNav li a.first, .pageNav li a.last { width:24px;} .pageNav li a.prev, .pageNav li a.next { width:36px;} .pageNav li a.curr_page { background:#F90; border-color:#f60; background:#fff;} .pageNav li a:hover { text-decoration:none; border-color:#f60; background:#f60; color:#fff;}*/ #cupList .pageNav { float:left; margin-top:15px; width:540px;} /* ------ cups.html START ------*/ .receiveCups { padding:0 15px 15px; height:230px; overflow-y:scroll;} .nullData { height:auto;} .receiveCups dt { padding:5px 0 2px; border-bottom:1px solid #d5d5d5; color:#333;} .nullData dt { text-align:center; border:none;} .receiveCups dd { padding:5px; border-bottom:1px dashed #c2c1c1; color:#666;} #cupList { overflow:hidden; height:1%; padding:20px 0;} /*奖杯页面左侧导航*/ #cupList .left { width:263px; float:left;} #cupList .left h2 { margin:0; padding:0; height:26px; line-height:26px; text-align:center; background:url(../images/sp-00.png) no-repeat -507px -136px; color:#333;} #cupList .cupDetails { padding:30px 0 0;} #cupList .cupDetails li { padding-bottom:40px;} #cupList .cupDetails li img { margin:0 0 -21px 105px; position:relative; z-index:2;} #cupList .cupDetails li div { height:22px; line-height:22px; background:url(../images/sp-00.png) no-repeat -506px -168px; padding:0 10px;} #cupList .cupDetails li span { display:block; width:105px; float:left;} #cupList .cupDetails li span label { font-size:14px; font-weight:bold; padding-right:5px;} #cupList .cupDetails li a { display:block; width:90px; float:right; text-align:right; color:#999;} /*各种奖杯列表*/ #cupList .right { width:665px; float:right; overflow:hidden; height:1%;} #cupList .cuptitle { padding:0 0 2px 5px; border-bottom:1px solid #c2c1c1; margin-right:120px; font-size:14px;} #cupList .right .cupAll { width:540px; float:left;} #cupList .right .cupAll dd { padding:8px 5px; overflow:hidden; height:1%; border-bottom:1px dashed #c2c1c1;} #cupList .right .cupAll dd.loading { height:200px;} #cupList .right .cupAll dd img { margin:0 0 -3px 5px;} #cupList .right .cupAll .left { width:305px;} #cupList .right .cupAll .right { width:220px; text-align:right; color:#999;} /* ------ cups.html END ------*/ /*任务页面\奖杯页面竖导航*/ .v_tabs { width:100px; float:right; border-left:1px solid #d5d5d5; padding:15px 0 230px;} .v_tabs li { padding-bottom:10px;} .v_tabs a { display:block; text-indent:25px; padding-right:5px; background:url(../images/cup_nav_normal.gif) no-repeat top right; color:#666;} .v_tabs a.curr { background-image:url(../images/cup_nav_active.gif); position:relative; left:-1px; z-index:2;} .v_tabs a span { display:block; height:27px; line-height:27px; border:1px solid #d5d5d5; background:#f0f0f0; border-width:1px 0;} .v_tabs a.curr span { background:#fff; border-left-color:#fff; padding-left:1px;} .v_tabs label { margin-left:8px; padding:2px 0 1px 20px; background:url(../images/information.png) no-repeat left center; color:#999;} .v_tabs label a { text-indent:0; display:inline; background:none; padding:0;} /*居左*/ .l_tabs { float:left; border:none; border-right:1px solid #d5d5d5; padding-bottom:100px;} .l_tabs a { padding:0; text-indent:20px; padding-left:5px; background:url(../images/cup_nav_normal_l.gif) no-repeat;} .l_tabs a.curr { background-image:url(../images/cup_nav_active_l.gif); left:1px;} .l_tabs a.curr span { border-left:none; border-right:1px solid #fff; padding:0; padding-right:1px;} /*居右*/ .r_tabs { float:left; width:80px; border:none; padding-bottom:0;} .r_tabs a { text-indent:15px;} .task_box .top, .task_box .btm, .firend_list .top, .firend_list .btm { height:5px; background:url(../images/sp-00.png) no-repeat;} .task_box .top, .firend_list .top { background-position:0 -550px;} .task_box .btm, .firend_list .btm { background-position:0 -555px;} /* ------ task.html START ------*/ #allTask, #freshmanTask, #commonTask, #finishedTask { margin-top:10px; width:615px; float:left;} #freshmanTask, #commonTask, #finishedTask { display:none;} #allTask { padding:0 20px 0 60px;} .task_box { margin-bottom:10px;} .task_box ul { overflow:hidden; height:1%; padding:8px 10px 2px; background:#fff; border:1px solid #e6e6e6; border-width:0 1px; color:#999;} .task_box li { width:290px; float:left;} .task_box li.icon { width:116px;} .task_box li.icon img { width:106px; height:106px; border:1px solid #eee;} .task_box li span { display:block; padding-bottom:6px;} .task_box li span.taskTitle { font-size:14px; color:#666; margin-bottom:10px;} .task_box li span a { display:block; width:65px; height:25px; line-height:25px; text-align:center; background:url(../images/sp-01.png) no-repeat 0 -523px; font-size:14px; color:#fff; font-weight:bold; margin-top:6px;} .task_box li.right { width:160px; float:right; padding-left:10px; height:100px; line-height:100px; border-left:1px solid #e6e6e6;} .task_box li.right dl { line-height:normal; padding-top:20px;} .task_box li.right dt, .task_box li.right dd { padding-bottom:5px;} .task_tabs { margin-right:100px;} /* ------ task.html END ------*/ /* ------ friend-list.html START ------*/ .inviteUrl { float:right; padding-right:30px;} .inviteUrl a { color:#ff6600; font-weight:bold; font-size:14px;} .firend_list { padding:0 0 50px 60px;} .firend_list li { width:615px; margin-bottom:10px;} #club .content { padding-top:15px;} #club .firend_list li .content { background:#fff; border:1px solid #e6e6e6; border-width:0 1px; padding:5px 10px 0; overflow:hidden; height:1%;} .firend_list li .content img { width:106px; height:106px; display:block; float:left; padding:2px; border:1px solid #eee;} .firend_list li .content dl { width:470px; float:right;} .firend_list li a { color:#666;} .firend_list li a.color-orange { color:#ff5a19;} .firend_list li dd { padding-bottom:10px;} .firend_list li em { margin-top:10px;} /* ------ friend-list.html END ------*/ /* ------ search-list.html | my_road.html START ------*/ #search_results { padding-right:25px; overflow:hidden; height:1%;} #search_results .left { width:680px; float:left;} #search_results #tabs { border-bottom:1px solid #e6e6e6; padding:0; padding-left:5px;} #search_results #tabs li { font-size:14px; line-height:23px;} #search_results #tabs li a { font-size:12px;} #s_box { padding:15px 70px 30px; overflow:hidden; height:1%;} #s_box #searchText { width:450px; float:left; border:1px solid #ccc; margin-top:4px;} #s_box #searchBtn { display:block; width:62px; height:29px; float:right; background:url(../images/sp-01.png) no-repeat 0 -582px; border:none; text-indent:-9999px;} #search_results h3 { color:#999; font-size:14px; font-weight:normal; text-indent:5px; padding-bottom:3px; border-bottom:1px solid #e6e6e6;} #search_results .r_list .left { width:450px;} #search_results .r_list .right { width:200px; text-align:right; float:right;} .r_list { margin-bottom:40px;} .r_list li { overflow:hidden; height:1%; padding:8px 0; border-bottom:1px dashed #e6e6e6; padding-left:25px; background:url(../images/s_list_odd.gif) no-repeat 5px; center; color:#999;} .r_list li.even { background-image:url(../images/s_list_even.gif);} .r_list li a { color:#333; font-size:14px; margin-right:10px;} #search_results h3 span, .r_list li span { padding:0 5px;} #search_results .right { width:195px; float:right;} #search_results .p_t_links { padding-top:10px;} #search_results .p_t_links li { width:188px; height:28px; background:url(../images/sp-00.png) no-repeat -439px -321px; margin-bottom:15px;} #search_results .p_t_links li a { display:block; height:24px; padding-top:4px; text-align:center; font-size:14px; color:#333;} #search_results .p_t_links li a:hover { text-decoration:none;} /*@2010.04.20*/ #search_results #hot_keys .top { display:none;} #search_results #hot_keys { padding:0; border:none;} #search_results #hot_keys h2 { padding:8px 10px 5px; font-weight:normal; background:url(../images/sp-00.png) no-repeat 0 -407px;} #road .r_list { width:680px; float:left;} #road .r_list .left { width:540px; float:left;} #road .r_list .right { width:100px; text-align:right; float:right;} #road .r_list .right a { color:#f60;} #road .spam { width:160px; float:right; padding:0 0 150px 20px; border-left:1px solid #eaeaea;} #road .spam a { display:block; width:89px; height:34px; color:#666; font-size:14px; font-weight:bold; text-align:center; line-height:34px; background:url(../images/sp-01.png) no-repeat -73px -960px;} /* ------ search-list.html | my_road.html END ------*/ /* ------ add_firend box START ------ */ .add_firend_box { padding:0 10px 10px; width:300px; z-index:10;} .add_firend_box p { color:#444; padding-bottom:6px;} .add_firend_box p.success { font-weight:bold; color:#ff5a19;} .add_firend_box textarea { width:290px; height:60px; border:1px solid #ccc; margin-bottom:5px;} .add_firend_box .bar { overflow:hidden; height:1%;} .add_firend_box input.sendBtn, .add_firend_box a { display:block; width:59px; height:22px; background:url(../images/sp-01.png) no-repeat; border:none; text-align:center; line-height:22px; float:right;} .add_firend_box input.sendBtn { background-position:-82px -211px; color:#fff; margin-right:10px;} .add_firend_box a { background-position:-71px -51px; color:#666;} .add_firend_box p.success label { padding-left:20px; background:url(../images/success_icon.png) no-repeat left center;} .add_firend_box p.error { color:#f00;} /* ------ add_firend box END ------ */ /* ------ club.html | club-unlogin.html START ------*/ #club-home {} #club .main_icon { width:53px; height:53px; float:left; margin:0 15px 0 20px;} #club .main_icon img { width:53px; height:53px; border:1px solid #eee;} #club-home .main_icon { height:57px; width:203px; float:left; margin:0 15px 0 5px;} #club-home .main_icon a { display:block; width:174px; height:59px; background:url(../images/sp-00.png) no-repeat -695px -193px;} /*#changeForU { display:inline-block; width:100px; height:22px; border:none; text-indent:-9999px; cursor:pointer; background:url(../images/sp-01.png) no-repeat -80px -1084px; position:relative; top:30px; float:left;}*/ #club-home #tabs-00 {} #point_info { float:left; color:#f60; font-size:16px; padding:20px 0 0 30px; font-family:"黑体";} #club-home .content { border-top:2px solid #eee; padding:20px 0; overflow:hidden; height:1%;} #club-home .content .narrow_left, #club-home .content .narrow_right { background:url(../images/sp-00.png) no-repeat;} #club-home .left { width:661px; float:left;} #club-home .left h3 { background:url(../images/sp-00.png) no-repeat;} #club-home .left h3 { height:30px; line-height:30px; font-size:12px; font-weight:normal; text-indent:10px;} #club-home #club_info h3, #club-home .surveys h3 { background-position:-277px -101px;} #club-home #club_info { margin-bottom:20px;} #club_info h3 { position:relative;} #club_info #cert_box { width:200px; height:60px; position:absolute; top:0px; right:-9px;} #club_info #cert_bg { width:143px; margin-left:57px; height:47px; background:url(../images/sp-00.png) no-repeat;} #club_info #cert_box .cert_n { background-position:-765px -436px;} #club_info #cert_box .cert_y { background-position:-765px -488px;} #club_info #cert_box a { display:block; height:20px; margin-right:20px; line-height:20px; text-align:right; color:#468fd8; background:#f2f2f2;} #userInfo { padding:10px; background:#f2f2f2; border-bottom:1px solid #d8d8d8;} #userInfo .mail { height:23px; padding-bottom:10px;} #wrapper #userInfo .mail label { display:inline-block; height:100%; line-height:23px; float:left; background:url(../images/sp-00.png) no-repeat -446px -406px; padding:0 10px; color:#f60;} #userInfo .mail a.sp_00 { display:block; float:left; border:none; width:75px; height:23px; line-height:23px; text-align:left; padding-left:10px; background:url(../images/sp-00.png) no-repeat -93px -368px; color:#fff; cursor:pointer;} #userInfo .mail a.up { background-position:0 -368px; color:#666;} #userInfo #open_robot_lk { float:left; color:#f60; font-weight:bold; margin:3px 0 0 20px;} #user_details { overflow:hidden; height:1%; padding:5px 10px; background:#fff;} #user_details div.left { width:65px;} #user_details div.left img { width:53px; height:53px; border:1px solid #eee; padding:2px;} #user_details ul { width:500px; float:left;} #user_details ul li { padding-bottom:3px;} #user_details ul label { font-weight:bold;} #user_details ul span { padding:2px 10px 2px 20px;} #user_details ul span.sp_00 { background:url(../images/sp-00.png) no-repeat;} #user_details ul span#inner, #user_details ul span#bank { background:none; padding-left:0;} #user_details ul span.account { background-position:-934px -219px;} #user_details ul span.preOrder { background-position:-934px -250px; padding-top:2px;} #user_details ul span.preOrder #why_pre { display:inline-block; width:14px; height:14px; text-indent:-9999px; margin:0 0 -3px 3px; overflow:hidden; background:url(../images/sp-00.png) no-repeat -913px -238px;} #user_details ul span.idCard { background-position:-934px -299px;} #user_details ul span.account_active { background-position:-934px -234px;} #user_details ul span.preOrder_active { background-position:-934px -267px; padding-top:2px;} #user_details ul span.idCard_active { background-position:-934px -284px;} #user_details div.left a, #user_details ul a { color:#999;} #club_info .integral_purse { padding:10px 10px 15px; overflow:hidden; height:1%; background:#f2f2f2; border-top:1px solid #fafafa;} #club_info .integral_purse .mid { padding:16px 10px 17px; border:1px solid #fc831b; height:40px; border-width:1px 0;} #club_info .integral_purse .mid span { color:#706e6d; font:16px '微软雅黑'; display:block; font-weight:bold; float:left;} #club_info .integral_purse .mid label { color:#ff5a19; margin-left:4px;} #club_info .integral_purse .mid button, #club_info .integral_purse .purse .open_account, #club_info .integral_purse .mid .cash { border:none; background:url(../images/sp-01.png) no-repeat; height:22px; text-indent:-9999px; display:block; float:right;} #club_info .integral_purse .integral { width:300px; float:left; overflow:hidden; height:1%;} #club_info .integral_purse .integral .narrow_left { width:6px; height:57px; background-position:-791px -135px; float:left;} #club_info .integral_purse .integral .mid { width:254px; background:#ffe3d0; float:left; padding:7px 10px 0; height:48px;} #club_info .integral_purse .integral .mid span { width:165px;} #club_info .integral_purse .integral .mid span div.sp_00 { font-size:12px; height:17px; font-weight:normal; background-position:-446px -437px; padding-top:3px; position:relative;} #club_info .integral_purse .integral .mid span div a.sp_00 { display:block; width:14px; height:14px; background-position:-913px -222px; text-indent:-9999px; margin-left:5px; position:absolute; top:5px; right:50px; overflow:hidden;} #club_info .integral_purse .integral .mid button { background-position:0 -342px; width:80px; cursor:pointer; margin-top:8px;} #club_info .integral_purse .integral .narrow_right { width:20px; height:57px; background-position:-797px -135px; float:right;} #club_info .integral_purse .purse { width:341px; float:right; overflow:hidden; height:1%;} #club_info .integral_purse .purse .mid { width:315px; background:#e2eebb; float:left; height:22px; border-color:#dbdbdb;} #club_info .integral_purse .purse .open_account { width:79px; background-position:-73px -844px;} #club_info .integral_purse .purse .mid span { width:245px;} #club_info .integral_purse .purse .mid span.color-orange { width:200px; color:#f60;} #club_info .integral_purse .purse .mid span label { color:#6f9400;} #club_info .integral_purse .purse .mid .cash { background-position:-71px -318px; width:63px;} #club_info .integral_purse .purse .mid .links { display:inline; margin-left:60px; font-size:12px; color:#999; font-weight:normal;} #club_info .integral_purse .purse .mid .links a { color:#ff5a19; margin:0 3px;} #club_info .integral_purse .purse .narrow_right { width:6px; height:57px; float:right; background-position:-817px -135px;} /*2010.06.10*/ #booking_banner { height:142px; margin-bottom:20px;} #booking_banner a { display:block; height:100%;} #hot_survey { height:142px; background:url(../images/club-home-survey-repeat-x.gif) repeat-x; margin-bottom:20px; display:none;} #club-home #hot_survey .narrow_left, #club-home #hot_survey .narrow_right { width:5px; height:142px;} #club-home #hot_survey .narrow_left { float:left; background-position:-277px -235px;} #hot_survey .mid { width:649px; height:142px; float:left;} #hot_survey .mid h3 { background:none; font-size:14px; color:#fff; text-indent:5px;} #hot_survey .mid h3 a { margin-left:415px; font-size:12px; color:#f60;} #hot_survey .survey_con .prev, #hot_survey .survey_con .next { width:24px; height:24px; background:url(../images/sp-01.png) no-repeat; margin-top:28px; cursor:pointer;} #hot_survey .survey_con { overflow:hidden; width:639px; padding:10px 5px;} #hot_survey .survey_con .prev { float:left; margin-right:10px; background-position:-93px -292px;} #hot_survey .survey_con .survey_list { float:left; width:580px; height:83px; position:relative; overflow:hidden;} #hot_survey .survey_con .survey_list .noPreOrder { line-height:83px; height:83px; text-align:center; color:#fff; font-size:16px;} #hot_survey .survey_list ul { width:580px; height:83px; position:absolute; top:0; left:580px;} #hot_survey .survey_list ul.current { left:0;} #hot_survey .survey_list li { width:136px; height:83px; background:url(../images/sp-00.png) no-repeat -294px -272px; float:left; margin-right:9px; text-align:center; cursor:pointer;} #hot_survey .survey_list span { display:block; margin:2px 14px 2px 5px; width:125px; height:16px; overflow:hidden; color:#fff;} #hot_survey .survey_list span.id_inter strong { font-weight:normal;} #hot_survey .survey_list span.id_inter .id { font-size:11px; font-family:Tahoma, Geneva, sans-serif; width:60px; float:left; text-align:left;} #hot_survey .survey_list span.id_inter .integral { width:60px; float:right; text-align:right;} #hot_survey .survey_list span.title { font-size:14px; color:#fff; margin-top:6px; margin-bottom:7px;} #hot_survey .survey_list button, #hot_survey .survey_list a.why, #hot_survey .survey_list ul a.success { display:block; width:136px; height:19px;} #hot_survey .survey_list button, #hot_survey .survey_list ul a.success { border:none; cursor:pointer; text-indent:-9999px; background:url(../images/sp-00.png) no-repeat -490px -483px;} #hot_survey .survey_list button.hover { background-position: -490px -502px;} #hot_survey .survey_list button.click { background-position: -490px -521px;} #hot_survey .survey_list ul a.success { background-position:-626px -483px;} #hot_survey .survey_list button.failed { background-position:-626px -502px;} #hot_survey .survey_list button.delay, #hot_survey .survey_list button.full { background-position:-626px -521px; text-indent:0; line-height:normal; font-weight:bold; color:#f60;} #hot_survey .survey_list a.why { /*background:url(../images/sp-00.png) no-repeat -635px -321px;*/ color:#f60; font-weight:bold; font-size:14px;} #hot_survey .survey_con .next { float:right; background-position:-117px -292px;} #club-home #hot_survey .narrow_right { float:right; background-position:-282px -235px;} /*2010.05.21*/ #hot_survey #listOpenPO { color:#fff;} /*end 2010.05.21*/ #club-home .surveys h3 { position:relative;} .surveys { margin-bottom:20px;} .surveys h3 a {/* display:none;*/ position:absolute;} .refresh { width:45px; padding-left:20px; height:23px; line-height:23px; background-position:0 -1084px; top:4px; right:95px; color:#666;} .surveys h3 a.click { background-position:0 -1109px;} .refresh:hover { text-decoration:none;} #commerce_survey h3 a.missed { width:75px; height:39px; background:url(../images/sp-00.png) no-repeat -439px -272px; top:-12px; right:10px; text-indent:-9999px;} #commerce_survey h3 em { color:#fff; font:11px/12px Verdana, Geneva, sans-serif normal;/* display:none;*/ width:22px; height:12px; position:absolute; top:-9px; right:12px; text-indent:0; text-align:center;} .surveys ul { padding:10px; border:1px solid #dbdbdb; border-top:0;} .surveys li { padding:5px; border-bottom:1px solid #dbdbdb; overflow:hidden; height:1%;} #club-home .surveys li span { display:block; float:left;} #club-home .surveys li span.left { width:80px; margin-right:10px;} .surveys li span.left a, .surveys li span.left button, .propertySurveyList .join a, .propertySurveyList .join button { display:block; border:none; width:80px; height:22px; text-indent:-9999px; margin:15px auto 0; cursor:pointer;} .propertySurveyList .join a, .propertySurveyList .join button { margin:0 auto;} .join_01 { background:url(../images/join_btns_01.png) no-repeat;} .join_02 { background:url(../images/join_btns_02.png) no-repeat;} .join_03 { background:url(../images/join_btns_03.png) no-repeat;} .join_04 { background:url(../images/join_btns_04.png) no-repeat;} #commerce_survey li span.left { text-align:center;} /*#commerce_survey li { overflow:visible; height:auto;} #commerce_survey li span.left, #commerce_survey li span.mid, #commerce_survey li span.right { margin-top:-30px;} #commerce_survey .boss_type, #commerce_survey .pet_type { width:117px; height:37px; position:relative; left:-23px; bottom:0; mardin-top:-30px; text-indent:-9999px;} #commerce_survey .boss_type { background:url(../images/boss.png) no-repeat;} #commerce_survey .pet_type { background:url(../images/pet.png) no-repeat;}*/ .surveys li span.left label.scoretype { padding-top:5px; display:block; text-align:center;} #prop_survey .join .per_bar span { margin:0; font-weight:normal;} #club-home .surveys li span.mid { width:370px;} #club-home .surveys dt { font-size:14px; line-height:22px; line-height:22px; padding-bottom:8px;} #club-home .surveys dt a { color:#666;} #club-home .surveys dt label { padding:2px 0 4px 10px;} #club-home .surveys dt small { display:inline-block; width:80px; height:20px; background:url(../images/daoju.png) no-repeat; margin-bottom:-4px;} #club-home .surveys dd { padding-bottom:5px; line-height:20px;} #club-home .surveys li span.right { width:160px; float:right; padding-top:5px;} #club-home .surveys li span.right label { display:block; padding:2px 0; border:1px solid #e6db55; background:#fffbcc; text-align:center; color:#f60; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #club-home .surveys li span.right p { padding:5px; color:#999;} #club-home .surveys li span.right p a { color:#4272d7; text-decoration:underline;} .surveys dd.color-orange span { padding:0 5px 0 18px; color:#999;} .surveys dd.color-orange span.time_mk { background:url(../images/clock.png) no-repeat;} .surveys dd.color-orange span.user_mk { background:url(../images/user.png) no-repeat;} .surveys dd.color-orange span.percent_mk { background:url(../images/percent.png) no-repeat;} /*#club-home #commerce_survey li span.right { background:url(../images/commerce-bg.gif) no-repeat;} #club-home #media_survey li span.right { background:url(../images/midia-bg.gif) no-repeat;}*/ .per_bar .per, .per_bar .left, .per_bar .right { height:6px; overflow:hidden; background:url(../images/sp-00.png) no-repeat;} #wrapper .per_bar { width:66px; margin:5px auto; background-position:-355px -163px; text-align:left;} .per_bar .per { width:6px; background:#99cc00;} #wrapper .per_bar .left { width:3px; background-position:-355px -171px;} #wrapper .per_bar .right { width:3px; background-position:-364px -171px;} #wrapper .per_bar .full { background-position:-358px -171px;} /*完成进度满了*/ #wrapper .per_bar span { display:block; width:100%; height:18px; line-height:18px; text-align:center; background:#fff;} /*鼠标hover效果*/ #commerce_survey li.hover .per_bar, #prop_survey li.hover .per_bar { background-position:-427px -163px;} #commerce_survey li.hover .per_bar .left, #prop_survey li.hover .per_bar .left { background-position:-427px -171px;} #commerce_survey li.hover .per_bar .full, #prop_survey li.hover .per_bar .full { background-position:-436px -171px;} #commerce_survey li.hover .per_bar span, #prop_survey li.hover .per_bar span { background:#f0f0f0;} #club-home .right { width:270px; float:right;} #freshman_lk { display:block; display:none; width:270px; height:30px; background:url(../images/sp-00.png) no-repeat 0 -483px; text-indent:-9999px; margin-bottom:15px;} #freshman_tasks { margin-bottom:15px;} #freshman_tasks h3 { height:28px; background:url(../images/sp-00.png) no-repeat 0 -514px; position:relative; border-bottom:1px solid #c45104;} #freshman_tasks h3 span { display:block; height:100%; text-indent:-9999px;} #freshman_tasks h3 a { display:block; position:absolute; width:10px; height:10px; text-indent:-9999px; overflow:hidden; top:10px; right:11px;} #freshman_tasks ul { background:#ffe3d0; border:1px solid #ff8330; border-width:0 1px;} #freshman_tasks li { padding:5px 10px; border-top:1px solid #fff; border-bottom:1px solid #fcc29b;} #freshman_tasks li a { display:block; padding-left:15px; background:url(../images/hasTask_list_bg.gif) no-repeat left center; color:#ff8331;} #freshman_tasks li a:hover { background:url(../images/hasTask_list_hover.gif) no-repeat left center; color:#933b00; text-decoration:none;} #freshman_tasks .btm { height:5px; background-position:0 -542px;} #dynamics { margin-bottom:15px; background:#efefef;} #dynamics .top, #club-home #dynamics .btm { height:5px;} #dynamics .top { background-position:-277px -64px;} #dynamics .btm { background-position:-277px -69px;} #dynamics h3 { height:25px; line-height:25px; padding-left:10px; font-weight:normal; border-bottom:1px solid #d8d8d8; font-size:14px;} #dynamics ul { border-top:1px solid #fff; padding:5px 10px;} #dynamics li { border-top:1px solid #fff; border-bottom:1px solid #d8d8d8; padding:2px;} #dynamics li span, #club-home #dynamics li label { display:block;} #dynamics li span { color:#666; font-weight:bold;} #dynamics li label { color:#999px; font-size:11px;} #dynamics li a { color:#999;} #integral_thum { margin-bottom:15px;} #saySTH {} #integral_thum h3, #saySTH h3 { height:30px; line-height:30px; background:url(../images/sp-00.png) no-repeat -277px -193px; padding-left:10px; font-weight:normal; font-size:14px;} #integral_thum #integral_records, #saySTH .content { border:1px solid #eaeaea; border-width:0 1px; padding:5px 10px;} #saySTH p { color:#999; padding-bottom:5px;} #saySTH textarea { display:block; width:240px; height:100px; border:1px solid #9e9e9e; background:#f3f3f3;} #saySTH input { display:block; width:63px; height:22px; background:url(../images/sp-01.png) no-repeat -70px -705px; border:none; text-indent:-9999px; margin:5px auto 2px; cursor:pointer;} #saySTH .content span { padding:2px 2px 2px 25px; color:#f60; display:none; text-align:left; margin:3px 0;} #saySTH .content span.tips { border:1px solid #f60; background:#ffefd0 url(../images/information.png) no-repeat 3px 50%;} #saySTH .content span.success { border:1px solid #99cc00; background:#ebffaf url(../images/success_icon.png) no-repeat 3px 50%;} #saySTH label { padding:0 2px;} #integral_thum .btm, #saySTH .btm { height:5px; background:url(../images/sp-00.png) no-repeat -277px -223px;} .club_desc { font-size:14px; width:690px;} .club_desc h2 { width:198px; height:25px; background:url(../images/sp-00.png) no-repeat -490px -234px; text-indent:-9999px;} .club_desc li { padding-bottom:8px;} .club_desc li span { font-weight:bold;} .club_desc li a { color:#6f6f6f;} .club_desc li a.login_link { display:block; width:87px; height:33px; background:url(../images/sp-01.png) no-repeat 0 -426px; margin-top:10px; text-indent:-9999px;} .club_desc li a.color-orange { color:#f60;} /* ------ club.html | club-unlogin.html END ------*/ /* ------ commerce_survey.html | property_survey.html START ------*/ #commSurveyList { width:720px; float:left; margin-left:15px; border:1px solid #dbdbdb; padding:10px;} #commSurveyList .pageNav { font-size:12px;} .joinin_auditing_bar, .pass_auditing_bar, .noPass_auditing_bar { height:24px; line-height:24px; margin-bottom:10px;} .joinin_auditing_bar label, .pass_auditing_bar label, .noPass_auditing_bar label { display:block; width:50px; text-align:center; float:left;} .joinin_auditing_bar span, .pass_auditing_bar span, .noPass_auditing_bar span { float:left; padding-left:10px;} .joinin_auditing_bar { border:1px solid #6CF;} .joinin_auditing_bar label { background:#6CF; color:#275983;} .joinin_auditing_bar span { color:#6CF;} .pass_auditing_bar { border:1px solid #b8d555;} .pass_auditing_bar label { background:#b8d555; color:#fff;} .pass_auditing_bar span { color:#b8d555;} .pass_auditing_bar a { display:block; width:64px; height:24px; float:right; text-align:center; background:url(../images/sp-00.png) no-repeat -695px -255px; text-indent:-9999px;} .noPass_auditing_bar { border:1px solid #ffcca0; margin-top:15px;} .noPass_auditing_bar label { background:#ffcca0; color:#ff8010;} .noPass_auditing_bar span { color:#ff8010;} #commSurveyList ul { padding:5px 0;} #commSurveyList h3, .surveys .property_title, .surveys .propertySurveyList li { overflow:hidden; height:1%;} #commSurveyList li { height:18px;} #commSurveyList h3, .surveys .property_title { padding-bottom:3px; border-bottom:1px solid #dbdbdb;} #commSurveyList li, .propertySurveyList { padding:5px 0; border-bottom:1px dashed #dbdbdb;} .propertySurveyList li { line-height:22px;} #commSurveyList li.hover, #commerce_survey li.hover, .propertySurveyList li.hover { background-color:#f0f0f0;} #commSurveyList h3 span, .property_title span, #commSurveyList li span, .propertySurveyList span { display:block; float:left; text-align:center; line-height:normal;} #commSurveyList h3 span, .property_title span { font-size:12px; color:#aaa; font-weight:normal;} #commSurveyList li span, .propertySurveyList span { font-weight:bold;} .propertySurveyList span { margin-top:4px;} .propertySurveyList span.join { margin-top:0;} #commSurveyList span.s1, .property_title span.s1, .propertySurveyList span.s1 { width:50px;} #commSurveyList span.s2, .property_title .s2, .propertySurveyList .s2 { width:380px; text-align:left; height:18px; overflow:hidden;} #commSurveyList span.s3 { width:80px;} #club-home .property_title span.s3 { width:70px;} #club-home .propertySurveyList span.s3 { width:50px;} #club-home .propertySurveyList span.not, #club-home .propertySurveyList span.yes { text-align:left; padding:1px 0 1px 20px;} .propertySurveyList span.not { background:url(../images/face_icon.png) no-repeat;} .propertySurveyList span.yes { background:url(../images/success_icon.png) no-repeat;} #commSurveyList span.s4 { width:70px;} #commSurveyList span.s5 { width:130px;} #commSurveyList li span { height:20px; line-height:20px;} #commSurveyList li span.s5 { width:80px; text-align:left; padding-left:50px;} #commSurveyList .more_info { cursor:pointer; top:3px; display:inline-block; width:16px; height:16px; background:url(../images/thumb_up.png) no-repeat;} #joinin_commSvyLs { display:none;} /*可参与的*/ #pass_commSurveyList {} /*参与的，审核通过*/ #noPass_commSurveyList {} /*参与的，但未审核*/ #noPass_commSurveyList span.s2 { width:300px;} #noPass_commSurveyList span.s6 { width:80px;} #subscribeSurveyList, #noSubscribeSurveyList, #missed_commSurveyList { display:none;} /*错过的*/ #subscribeSurveyList span.s2, #subscribeSurveyList li span.s2 { width:320px;} #subscribeSurveyList span.s4 { width:100px;} #subscribeSurveyList span.s2, #subscribeSurveyList li span.s2 { width:260px;} #subscribeSurveyList span.s5, #subscribeSurveyList li span.s5 { width:80px; padding:0; text-align:center;} #subscribeSurveyList span.s6 { width:60px;} #joinin_commSvyLs li a { color:#f60;} #joinin_commSvyLs li span.s5 { padding:0; text-align:center; width:130px;} #commSurveyList .pageNav li { border:none; padding-left:5px;} #club-home .narrowSurveyList { width:550px;;} #club-home .narrowSurveyList span.s2 { width:280px;} #club-home .narrowSurveyList .propertySurveyList { border:none;} .property_title .s2, .propertySurveyList .s2 { width:300px;} #club-home .narrowSurveyList span.s4, .property_title span.s4, .propertySurveyList span.s4 { width:140px; color:#999;} #prop_survey .s2 { width:360px;} .conDesc { width:230px; float:right; margin-right:15px;} .conDesc h3 { height:27px; line-height:27px; padding-left:25px; color:#f60; font-size:12px; font-weight:normal; background:url(../images/sp-00.png) no-repeat -683px -287px;} .conDesc ul { padding:10px;} .conDesc li { background:url(../images/dotted.gif) no-repeat 0 5px; padding:0 0 10px 15px;} .conDesc li a { color:#2366aa;} /* ------ commerce_survey.html | property_survey.html END ------*/ /*提示信息条*/ .tips_bar { height:24px; line-height:24px; margin-bottom:10px; background:#ecdf58; border:1px solid #ffa81e; position:relative;} .tips_bar span { padding-left:10px; color:#ff6600;} .tips_bar span a { color:#2261be; margin-left:3px;} .tips_bar .close { width:9px; height:9px; background:url(../images/sp-00.png) no-repeat -836px -52px; overflow:hidden; text-indent:-9999px; position:absolute; top:8px; right:10px;} /* ------ my_point.html START ------*/ #integral, #purse { border:1px solid #eaeaea; padding:10px 10px 0;} .i_box, .p_box { overflow:hidden; height:1%; margin-bottom:10px;} .i_box .left, .i_box .right, .p_box .left, .p_box .right { height:42px; line-height:42px;} .i_box .left, .p_box .left { font:16px/40px '微软雅黑'; font-weight:bold; color:#8c8782; padding-left:10px;} #integral { width:315px; float:left;} #integral .i_box { background:#fde3c8;} #integral .i_box .t_l { background-position:-848px -52px;} #integral .i_box .t_r { background-position:-853px -52px;} #integral .i_box .b_l { background-position:-848px -57px; clear:both;} #integral .i_box .b_r { background-position:-853px -57px;} #integral .i_box .left { width:212px; line-height:normal;} #integral .i_box .left div.sp_00 { font-size:12px; font-weight:normal; background-position:-446px -437px; height:17px; padding-top:3px; position:relative;} #integral .i_box .left div a.sp_00 { display:block; position:absolute; width:14px; height:14px; overflow:hidden; background-position:-913px -222px; text-indent:-9999px; top:5px; right:100px;} #integral .i_box .left label { color:#f60;} #integral .i_box .right { width:80px; padding-right:10px;} #integral .i_box .right a { display:block; width:79px; height:22px; line-height:22px; background:url(../images/sp-01.png) no-repeat -93px -732px; margin-top:9px; text-indent:-9999px;} #integral h3, #purse h3 { font-size:12px; font-weight:normal; color:#ccc; padding:0 0 2px 3px; border-bottom:1px solid #eaeaea;} #integral_records, #purse .records_ls { padding-top:5px; color:#999;} #integral_records li, #purse .records_ls li { overflow:hidden; height:1%; padding:6px 0; border-bottom:1px dashed #eaeaea;} #integral_records li.more, #purse .records_ls li.more { border:none; text-align:right; padding-right:5px;} #integral_records li a, #purse .records_ls li a { color:#1a5ec3;} #integral_records li .left { width:230px;} #integral_records li .left a { margin:0 5px;} #integral_records li .left label { padding:0 5px;} #integral_records li .right { width:70px; text-align:right;} #purse { width:570px; float:right;} #purse .p_box { background:#e2eebb;} #purse .p_box .t_l { background-position:-861px -52px;} #purse .p_box .t_r { background-position:-866px -52px;} #purse .p_box .b_l { background-position:-861px -57px;} #purse .p_box .b_r { background-position:-866px -57px;} #purse .p_box .left { width:320px;} #purse .p_box .left label { color:#6f9400;} #purse .p_box .right { width:240px; overflow:hidden; height:1%;} #purse .p_box .right .left { width:70px; font-size:12px; font-weight:normal; padding:0;} #purse .p_box .right a { color:#2c65a6;} #purse .p_box .right span { padding:0 5px;} #purse .p_box .right .right { width:150px; padding-right:10px;} #purse .p_box .right a.cash { float:left; display:block; width:79px; height:22px; line-height:22px; background:url(../images/sp-01.png) no-repeat -93px -758px; margin-top:9px; text-indent:-9999px; margin-right:14px;} .p_tabs { border-bottom:1px solid #eaeaea; margin-bottom:10px; padding:0 20px; height:29px;} .p_tabs li { float:left; width:80px; text-align:center; margin-right:10px;} .p_tabs li a { display:block; height:28px; line-height:28px; color:#666; background:#eaeaea; border:1px solid #eaeaea; border-bottom:none;} .p_tabs li a.active { position:relative; top:1px; background:#fff; z-index:2; font-weight:bold;} #purse .tips_bar { margin:0 20px 10px;} #purse h3, #purse .purse_rds li { overflow:hidden; height:1%;} #purse h3 span, #purse .purse_rds span { display:block; float:left;} #purse h3 .s1, #purse .purse_rds .s1 { width:160px;} #purse h3 .s2, #purse .purse_rds .s2 { width:120px;} #purse h3 .s3, #purse .purse_rds .s3 { width:120px;} #purse h3 .s4, #purse .purse_rds .s4 { width:120px;} #present_rds li span.left { width:400px;} #present_rds li span.left a { padding:0 5px; color:#f60;} #present_rds li span.right { width:120px; float:right;} #purse h3, #purse .purse_rds { display:none;} #purse h3#cash_title, #purse #cash_rds { display:block;} #purse h3 { padding:0 10px;} #purse .purse_rds li { padding:6px 10px;} /*圆角*/ .t_l, .t_r, .b_l, .b_r { width:5px; height:5px; overflow:hidden; background:url(../images/sp-00.png) no-repeat;} .t_l { top:0; left:0;} .t_r { top:0; right:0; float:right; margin-top:-5px} .b_l { bottom:0; left:0;} .b_r { bottom:0; right:0; float:right; margin-top:-5px} /* ------ my_point.html END ------*/ /* ------ open_account.html | double_device.html START ------*/ #account_operation { width:685px; float:left;} #account_operation h3 { font-size:14px; color:#666; margin-bottom:10px;} #account_operation h3 label { padding-left:10px; font-size:12px; font-weight:normal; color:#999;} .account_box, .upload_device { padding:10px 15px 0; background:#f3f3f3;} .account_box dl, .upload_device dl { padding-bottom:10px;} .account_box dt, .account_box dd, .upload_device dt, .upload_device dd { font-weight:bold; color:#666; padding-bottom:10px;} .account_box dt.tipMsg { background:url(../images/error_icon.png) no-repeat left 1px; padding-left:20px;} .account_box dd { font-size:14px; height:21px;} .account_box dd em { color:#999; font-weight:normal; font-size:12px; margin-left:10px; font-style:normal;} .account_box dd input { border:1px solid #a4a4a4; margin-left:10px;} .account_box dd input.error, .account_box dd select.error { border-color:#f60;} .account_box .getCodeBtn, .account_box .setCodeBtn, .account_box .inputPassBtn, .account_box .setBankInfoBtn, .upload_device #uploadBtn { display:block; height:22px; background:url(../images/sp-01.png) no-repeat; border:none; text-indent:-9999px; float:left; margin-top:10px; cursor:pointer;} .account_box .getCodeBtn { width:99px; background-position:-73px -790px;} .account_box .reGet { background-position:-81px -1055px;} .purseActiveBox .getCodeBtn { background-position:-81px -1031px;} .account_box .setCodeBtn, .account_box .inputPassBtn { width:63px; background-position:0 -790px;} .purseActiveBox .setCodeBtn { background-position:0 -1058px;} .account_box .codeInput { display:none;} .account_box .message { font-size:12px; color:#f60; padding-left:10px; display:none; float:left; margin-top:13px;} .account_box dd label { width:110px; float:left; text-align:right;} .account_box dd select { border:1px solid #a4a4a4; margin-left:10px;} .account_box .setBankInfoBtn { width:59px; background-position:0 -818px;} .inputBankInfo { display:none;} .inputBankInfo dt { color:#999; font-size:14px; border-bottom:1px solid #d8d8d8; text-indent:5px; margin-bottom:10px; padding-bottom:3px;} .upload_device { padding:10px 0;} .upload_device dl { padding:0 10px;} .upload_device dt label { font-weight:normal; color:#999; padding-left:10px;} #device_box { display:none; padding-bottom:10px;}/* .viewFile { background:#fff;}*/ .upload_device .deviceList { padding-bottom:60px;} .deviceList dd { padding:5px 10px; border-bottom:1px solid #d8d8d8; border-top:1px solid #fff; height:20px;} .deviceList dd span { display:block; float:left; font-weight:normal; color:#999;} .deviceList dd span.s1 { width:250px; padding-right:10px;} .deviceList dd span.s2 { width:160px;} .deviceList dd span.s3 { width:100px;} .deviceList dd span.s4 { width:100px;} .deviceList dd span.filename { color:#1368a9; font-weight:bold; height:18px; overflow:hidden;} .deviceList dd span.size { color:#666;} .deviceList dd span.del, .deviceList dd span.finish { padding-left:20px; background:url(../images/del_icon.png) no-repeat left center;} .deviceList dd span.del a, .deviceList dd span.finish { color:#2366aa;} .deviceList dd span.finish { background-image:url(../images/success_icon.png);} .upload_device .addMore { display:none;} .upload_device .addMore a { color:#2366aa; margin-left:15px;} #count_bar { height:20px; background:#dedede; padding:5px 10px; margin:0 10px;} #count_bar .left { color:#fff; width:300px;} #count_bar .right { width:200px; text-align:right;} .upload_device #uploadBtn { width:63px; background-position:0 -844px; float:none; margin-left:20px;} .uploadDeviceBox #uploadBtn { background-position:-67px -1058px;} .upload_device img { margin-left:10px; border:1px solid #ccc; padding:5px;} #device_ls { padding:10px; border:1px solid #dbdbdb;} #device_ls span { float:left; display:block; margin-right:10px;} #device_ls .s1 { width:100px;} #device_ls .s2 { width:70px;} #device_ls .s3 { width:80px;} #device_ls .s4 { width:80px;} #device_ls .s5 { width:270px; margin:0;} #device_ls dt { overflow:hidden; height:1%; padding:0 10px 3px; border-bottom:1px solid #dbdbdb; margin-bottom:10px;} #device_ls dd { padding:10px 10px 0; border:1px solid #fff; border-bottom:1px dashed #dedddd; cursor:pointer;} #device_ls dd div { height:17px; line-height:17px; padding-bottom:10px;} #device_ls dd.open { border:1px solid #dbdbdb; background:#f8f8f8 url(../images/devs_bg_x.gif) repeat-x;} #device_ls dd img { display:none; margin:10px auto;} /*#device_ls dd.open img { display:block;}*/ #device_ls dd .s1 { padding-left:20px; width:80px; background:url(../images/sp-00.png) no-repeat;} #device_ls dd .s1 label { background:#fff; display:block;} #device_ls dd.open .s1 label { background:#f8f8f8 url(../images/devs_bg_x.gif) repeat-x left -10px;} #device_ls dd #dev_1 { background-position:-934px -299px;} #wrapper #device_ls dd .dev_1_active { background-position:-934px -284px;} #device_ls dd #dev_2 { background-position:-934px -473px;} #wrapper #device_ls dd .dev_2_active { background-position:-914px -473px;} #device_ls dd #dev_3 { background-position:-934px -348px;} #wrapper #device_ls dd .dev_3_active { background-position:-914px -348px;} #device_ls dd #dev_4 { background-position:-934px -362px;} #wrapper #device_ls dd .dev_4_active { background-position:-914px -362px;} #device_ls dd #dev_5 { background-position:-934px -380px;} #wrapper #device_ls dd .dev_5_active { background-position:-914px -380px;} #device_ls dd #dev_6 { background-position:-934px -400px;} #wrapper #device_ls dd .dev_6_active { background-position:-914px -400px;} #device_ls dd #dev_7 { background-position:-934px -417px;} #wrapper #device_ls dd .dev_7_active { background-position:-914px -417px;} #device_ls dd #dev_8 { background-position:-934px -455px;} #wrapper #device_ls dd .dev_8_active { background-position:-914px -455px;} #device_ls dd #dev_9 { background-position:-934px -436px;} #wrapper #device_ls dd .dev_9_active { background-position:-914px -436px;} #device_ls dd span.s5 a, #device_ls dd span.s5 small { display:inline-block; height:17px; line-height:17px; text-align:center; background:url(../images/sp-01.png) no-repeat;} #device_ls dd span.s5 a { width:69px; height:20px; color:#fff; float:right; background-position:right -1129px; text-indent:-9999px;} #device_ls dd.open span.s5 a { background-position:right -1109px;} #device_ls dd span.s5 a:hover { text-decoration:none;} #device_ls dd span.s5 small { width:74px; font-size:12px; color:#f60; margin-left:5px; background-position:-618px -463px;} #device_ls dd span.s5 small .infobox { text-align:left; left:-4px;} #device_ls dd .dev_verify { color:#ff8300;} #device_ls dd span.dev_use { color:#197b30; padding-left:20px; width:250px; background:url(../images/sp-00.png) no-repeat -936px -333px;} #device_kds { padding:0 20px 10px; list-style:inside decimal;} #device_kds li { padding-bottom:5px; color:#666;} #device_kds li label { padding-left:10px; color:#999;} /* ------ open_account.html | double_device.html END ------*/ /* 转入钱包浮动列表 | 提现申请浮动列表 | 预约成功提示信息列表 START*/ .integral_list, #cash_list { padding:10px 50px;} .integral_list li, #cash_list li { padding-bottom:10px; font-size:14px;} .integral_list li #pointVluae, .integral_list li label { margin-left:10px;} .integral_list li label.normal { margin:0; padding-right:10px;} #cash_list li.operation { padding-left:80px;} #cash_list li label { padding-right:10px; width:120px; float:left; text-align:right;} #cash_list li label.normal { display:inline; float:none;} #cash_list label.no_float, #cash_list #cashValue { display:inline; float:none; margin-left:10px;} #cash_list li a { margin-left:20px; color:#f60; text-decoration:underline;} #subscribeList li { padding-bottom:10px;} /* 转入钱包浮动列表 | 提现申请浮动列表 | 预约成功提示信息 END*/ /* ------ freshman.html START ------*/ #freshMan {} #panelBox { padding:0 15px; position:relative; height:600px; overflow:hidden;} #welcomeBox, .Q_s, #endBox { padding-top:30px; width:920px; height:580px; background:#fff url(../images/wanyan_man.gif) no-repeat; position:absolute; top:0; left:950px; display:none;} #panelBox div.curr { left:15px; display:block;} #error_box { padding:100px 0;} #welcomeBox, #endBox { text-align:center; background-position:720px 120px; padding-top:100px;} .quoteBox { width:473px; margin:0 auto; position:relative; text-align:left;} .quoteBox .top { height:8px; background:url(../images/quotes_round.gif) no-repeat;} .quoteBox .btm { height:12px; background:url(../images/quotes_round.gif) no-repeat left bottom;} .quoteBox .r_arrow { width:10px; height:18px; background:url(../images/sp-00.png) no-repeat -607px -201px; position:absolute; top:105px; right:1px;} .quoteBox ul, #error_box .err_con { border-left:1px solid #bebebe; padding:0 20px 0 15px; font-size:14px; background:url(../images/quote_rep_y.gif) repeat-y right;} .quoteBox li { padding:0 0 10px 10px;} #error_box .r_arrow { bottom:40px; top:auto;} #error_box .err_con { padding:10px 20px 15px 10px;} #error_box .err_con h3 { font-size:14px; padding-bottom:3px; border-bottom:1px solid #eaeaea;} #error_box .err_con p { padding:5px 0;} #error_box .back { display:block; width:120px; margin-top:15px; color:#f60;} #wanyan_man { position:absolute; width:52px; height:120px; bottom:-40px; right:-60px; background:url(../images/wanyan_man.gif) no-repeat;} .Q_s_nav { height:28px; margin-bottom:50px;} #Q_s_03 .Q_s_nav { margin-bottom:20px;} .Q_s_nav li { float:left; height:100%; margin-right:10px; width:96px;} .Q_s_nav li a { display:block; height:22px; line-height:22px; text-align:center; background:url(../images/sp-00.png) no-repeat -802px -361px; color:#666666;} .Q_s_nav li a.curr { height:28px; background-position:-802px -392px; color:#7da600;} .Q_s { background-position:740px 130px;} #club-home .Q_s .left { width:550px; padding-left:20px;} .Q_s dl { padding-left:20px;} .Q_s dl.clumn_2 { overflow:hidden; height:1%;} .Q_s dt, .Q_s dd { padding-bottom:15px;} .Q_s dt { font-size:14px;} .Q_s dl.clumn_2 dd { float:left; width:50%;} .Q_s dd span { padding-right:15px;} .Q_s dd label { padding-left:10px;} #single_choice { width:450px;} #single_choice li { overflow:hidden; height:1%; border-bottom:1px solid #e2eebb;} #single_choice li.odd { background:#f0f7da;} #single_choice span { display:block; float:left; height:18px; padding:5px 10px; border-right:1px solid #e2eebb;} #single_choice .s1 { width:200px;} #single_choice .s2 { width:50px; text-align:center;} #welcomeBox .start_btn, .Q_s .confirm_btn, .Q_s .know_btn, #endBox .back_lk { display:block; width:79px; height:22px; border:none; text-indent:-9999px; margin:20px 0 0 20px; cursor:pointer;} #welcomeBox .start_btn { background-position:-73px -818px; margin:0 auto;} .Q_s .confirm_btn { background-position:0 -1028px;} .Q_s .know_btn { background-position:-82px -1028px;} #endBox .back_lk { background-position:0 -1055px;} .Q_s .quoteBox { width:280px; float:right; margin-right:20px;} .Q_s .quoteBox .top, .Q_s .quoteBox .btm { padding-left:10px;} .Q_s .quoteBox .top div { height:8px; background:url(../images/quotes_round.gif) no-repeat top right;} .Q_s .quoteBox .btm div { height:12px; background:url(../images/quotes_round.gif) no-repeat bottom right;} .Q_s .quoteBox ul li { background:url(../images/dotted.gif) no-repeat 0 5px; padding-left:15px; font-size:12px;} .Q_s .quoteBox .b_arrow { width:26px; height:18px; background:url(../images/sp-00.png) no-repeat -563px -201px; position:absolute; bottom:-11px; left:100px;} .Q_s #submitBtn { float:left; background-position:-73px -872px; margin:10px 0 0 20px;} #endBox li { overflow:hidden; height:1%;} #endBox #review_once, #endBox .back_lk { float:left;} #endBox #review_once { padding-left:20px; margin:23px 0 0 70px; background-position:-936px -314px; color:#f60;} /* ------ freshman.html END ------*/ /* floatbox 提示信息 START */ #floatbox span.error, #floatbox li.error { text-align:center; padding-bottom:10px; font-size:14px; color:#F00; font-weight:bold;} /* floatbox 提示信息 END */ /* 赠送|捐款 START */ #donateList { padding:5px 40px 10px;} #donateList li { padding-bottom:10px;} #donateList li #allCash, #donateList li #customeCash { margin-right:5px;} #donateList li span { display:none; padding-left:10px; font-weight:normal; color:#f00;} /* 赠送|捐款 END */ /*----- START | Added @ 2010.1.22 -----*/ #preOrderBox { padding:0 30px 10px;} #preOrderBox dt, #preOrderBox dd { padding-bottom:5px;} #preOrderBox dd span { padding-right:10px;} #preOrderBox #submitBtn { margin:10px 0 0 10px;} /*----- END | Added @ 2010.1.22 -----*/ /*----- START | Added @ 2010.2.4 -----*/ #floatbox h3.grey_bg { background:#eeeeee; border-bottom:1px solid #ccc; height:35px;} #floatbox h3.grey_bg span { display:block; height:32px!important; padding-top:2px; width:400px; padding-left:10px;} #floatbox h3.grey_bg span a.t_lk { display:block; width:70px; height:31px!important; line-height:31px!important; color:#666; float:left; border:1px solid #eee; border-bottom:none; padding-left:10px;} #floatbox h3.grey_bg span a.wer { width:84px;} #floatbox h3.grey_bg span a.t_lk strong { display:block; height:100%; padding-left:25px; cursor:pointer;} #floatbox h3.grey_bg span a.f_purse_lk strong { background:url(../images/demo/purse_icon_s.png) no-repeat 0 50%;} #floatbox h3.grey_bg span a.f_preOrder_lk strong { background:url(../images/demo/preOrder_icon_s.png) no-repeat 0 50%;} #floatbox h3.grey_bg span a.f_devices_lk strong { background:url(../images/demo/devices_icon_s.png) no-repeat 0 50%;} #floatbox h3.grey_bg span a.active { background-color:#fff; position:relative; top:1px; padding-top:-1px; padding-bottom:1px; border-color:#ccc;} #floatbox h3.grey_bg span a:hover { text-decoration:none;} /*#floatbox div.demo_box { display:none!important;} #floatbox div.demo_box .desc { padding:20px 10px 20px 20px;} #floatbox div.demo_box .desc img { float:left; margin:0 20px 20px 0;} #floatbox div.demo_box .desc h4 { padding-bottom:8px;} #floatbox div.active { display:block!important;} #floatbox .demo_box .demo { text-align:right; padding:20px 10px 10px;}*/ /*----- END | Added @ 2010.2.4 -----*/ /* @2010.05.14 */ #temp_box { margin:0 50px; padding:10px; border:1px solid #eee;} #temp_box h2 { padding-top:15px;} #temp_box h3 { font-size:14px; padding-bottom:4px; border-bottom:3px solid #eee; margin:15px 0 10px;} #temp_box h2 .red { font-size:12px; color:#f00; padding-left:20px;} .l_lk { font-size:24px; margin-right:10px; font-family:Georgia, "Times New Roman", Times, serif;} #temp_box p { padding:5px 0;} #temp_box a { color:#f60;} #temp_box h4 { font-size:12px;} #temp_box ul { padding:0 0 0 24px;} #temp_box li { padding:1px 0; list-style:circle; font-size:13px;} #temp_box .compArea p { margin-left:20px;} #temp_box .ques p { font-size:12px;} #temp_box .compArea .bg_green, #temp_box .compArea .bg_red { margin:10px 50px; text-align:center; padding:5px 0; color:#fff;} #temp_box .compArea .bg_green { background:#093;} #temp_box .compArea .bg_red { background:#f00;} #temp_box .compArea .orange { color:#f60; font-weight:bold; font-size:13px;} /* end 2010.05.14 */ /*@2010.06.23*/ #storys .top, #storys .btm { background:url(http://www.51point.com/51point2/fore/images/club/c_sp.png) no-repeat;} #storys { width:690px;} #storys .top, #storys .btm { height:5px; overflow:hidden;} #storys .top { background-position:0 -137px;} #storys .btm { background-position:0 -143px;} #storys .con { padding:10px; border:1px solid #d7d7d7; border-width:0 1px; overflow:hidden; height:1%;} #storys .con img { width:160px; height:200px; float:left;} #storys .con dl { width:490px; float:right;} #storys .con dt { width:480px; height:33px; background:url(http://www.51point.com/51point2/fore/images/club/quote_bg.gif) repeat-x 0 -33px; margin-bottom:10px;} #storys .con dt span { display:block; height:100%; padding-left:13px; background:url(http://www.51point.com/51point2/fore/images/club/quote_bg.gif) no-repeat;} #storys .con dt strong { display:block; height:23px; font-size:14px; padding:6px 13px 4px 5px; background:url(http://www.51point.com/51point2/fore/images/club/quote_bg.gif) no-repeat right bottom;} #storys .con dd { padding-bottom:3px; font-weight:bold;} #storys .con dd.text { font-weight:normal; padding-top:15px; padding-bottom:0;} #storys .con dd.text p { line-height:20px;} #storys #user_ls { height:47px; padding-top:10px;} #storys #user_ls li { width:47px; float:right; padding-left:10px;} #storys .story { display:none;} #storys .first { display:block;} /* end 2010.06.23*/ /*@2010.07.20*/ #info { width:222px; height:116px; margin-top:20px; padding:10px; background:url(../images/club/info_bg.jpg) no-repeat;} #info li { padding:3px 0; height:auto; line-height:normal;} #info li label { color:#f60; font-size:14px; font-family:Georgia; font-weight:bold;} /* ################################ #popbox plugin START ############################################# */ #popbox { width:300px; font-size:14px; color:#999; position:relative; padding:10px 7px 10px 9px;} #popbox .p_t_l, #popbox .p_t_c, #popbox .p_t_r, #popbox .p_l_c, #popbox .p_r_c, #popbox .p_b_l, #popbox .p_b_c, #popbox .p_b_r { overflow:hidden;} #popbox .p_t_l, #popbox .p_t_c, #popbox .p_t_r { height:11px; position:absolute; top:0;} #popbox .p_t_l { width:12px; background:url(../images/popbox/t_l.png) no-repeat; left:0;} #popbox .p_t_c { background:url(../images/popbox/t_x.png) no-repeat; left:12px;} #popbox .p_t_r { width:12px; background:url(../images/popbox/t_r.png) no-repeat; right:0;} #popbox .p_l_c, #popbox .p_r_c { position:absolute; top:11px;} #popbox .p_l_c { width:9px; background:url(../images/popbox/l_y.png) no-repeat; left:0;} #popbox .p_r_c { width:7px; background:url(../images/popbox/r_y.png) no-repeat; right:0;} #popbox .con { padding:5px 3px 5px 1px; background:#fff;} #popbox .p_b_l, #popbox .p_b_c, #popbox .p_b_r { height:12px; position:absolute; bottom:0;} #popbox .p_b_l { width:12px; background:url(../images/popbox/b_l.png) no-repeat; left:0;} #popbox .p_b_c { background:url(../images/popbox/b_x.png) no-repeat; left:12px;} #popbox .p_b_r { width:12px; background:url(../images/popbox/b_r.png) no-repeat; right:0;} /* ################################ #popbox plugin END ############################################# */ /* ################################ 弹框 START ############################################# */ #alert, #confirmBox { width:190px; border:5px solid #777; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; background:#fff; z-index:10000;} #confirmBox { width:350px;} #alert h3, #confirmBox h3 { padding:0 0 3px 5px; font-size:14px; border-bottom:1px solid #eaeaea; position:relative; text-align:left;} #confirmBox h3 { position:static;} #alert h3 a { display:block; position:absolute; top:5px; right:5px; width:9px; height:9px; overflow:hidden; background:url(../images/sp-00.png) no-repeat -823px -52px; text-indent:-9999px;} #alert #content, #confirmBox #content { padding:15px; font-size:14px; color:#666;} #alert button, #confirmBox button { cursor:pointer; padding:2px 5px;} #confirmBox #okBtn { margin-right:10px;} /* ################################ 弹框 END ############################################# */