/*********************** * 投票 ***********************/ #rate { width:70px; height:14px;} #rate2 { width:70px; height:14px;} #rate div,#rate ul,#rate2 div,#rate2 ul{ position:absolute;} #rateBG,#rateBG2{ width:70px; height:14px; margin:0px; background:url(../../images/component/star_bg.gif) repeat-x; } #rate_value,#rate_value2{ height:14px; margin:0px; background:url(../../images/component/star_bg.gif) left -14px repeat-x;} #hoverBG,#hoverBG2{ height:14px; margin:0px; background:url(../../images/component/star_bg.gif) left -28px repeat-x;} ul#rate_dot{ list-style:none; margin:0px; padding:0px; width:70px; height:14px;} ul#rate_dot li{ list-style:none; margin:0px; padding:0px; float:left; width:14px; height:14px;} ul#rate_dot li a{ display:block; width:14px; height:14px;} ul#rate_dot li a:hover{ display:block; width:14px; height:14px; background:url(../../images/component/star_bg.gif) left -28px no-repeat; } /******************** * Header ********************/ .header .logo{ height:49px; float:left; margin-top:10px; margin-bottom:8px; margin-left:10px;} .header .mani_nav,.header .login,.header .tishi{width:920px;} .header .mani_nav{ text-align:left; margin:0; padding:0;} .header .mani_nav ul{ width:920px; height:35px; padding:0; margin:0 auto; /*border:#FF0000 solid 1px; _padding-top:3px;*/} .header .mani_nav li{ float:left; height:35px; text-align:center; padding:0; margin:0;} .header .new_marbg{ height:37px; background:url(../../images/component/head_foot/loginbg.jpg) center top no-repeat;text-align:right; _margin-top:-3px;} /*面包屑导航提示*/ .br_nav{ position:absolute;margin-top:-35px; z-index:10; width:508px; float:left; text-align:left; background:url(../../images/arrow_r.gif) 15px center no-repeat; padding-left:30px;} .br_nav span{ margin-right:5px;} .header .new_mar{ text-align:left; position:absolute; width:290px; z-index:130; height:20px; line-height:20px; float:right;margin-left:600px; +margin-left:-290px;}/*网站公告*/ .header .new_mar .new_icon{ width:20px; float:left;} .header .new_mar .new_icon img{margin-top:6px;} .header .new_mar #wenchuan{ width:260px; float:left; overflow:hidden; height:20px;} .header .new_mar #wenchuan li{padding-left:2px;width:250px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*首页*/ .header .mani_nav li.index{ width:124px;} .header .mani_nav li.index a{ display:block; width:124px; height:36px; background:url(../../images/component/head_foot/nav_off.jpg) 0 top no-repeat;} .header .mani_nav li.index a:hover,.header .mani_nav li.index a.hover{ display:block; width:124px; height:36px; background:url(../../images/component/head_foot/nav_on.jpg) 0 bottom no-repeat;} /*3D空间装饰*/ .header .mani_nav li.kj3d{ width:136px;} .header .mani_nav li.kj3d a{ display:block; width:136px; height:36px; background:url(../../images/component/head_foot/nav_off.jpg) -124px top no-repeat;} .header .mani_nav li.kj3d a:hover,.header .mani_nav li.kj3d a.hover{ display:block; width:136px; height:36px; background:url(../../images/component/head_foot/nav_on.jpg) -124px bottom no-repeat;} /*3D聊天工具*/ .header .mani_nav li.lt3d{ width:132px;} .header .mani_nav li.lt3d a{ display:block; width:132px; height:36px; background:url(../../images/component/head_foot/nav_off.jpg) -260px top no-repeat;} .header .mani_nav li.lt3d a:hover,.header .mani_nav li.lt3d a.hover{ display:block; width:132px; height:36px; background:url(../../images/component/head_foot/nav_on.jpg) -260px bottom no-repeat;} /*3D社交游戏*/ .header .mani_nav li.yx3d{ width:143px;} .header .mani_nav li.yx3d a{ display:block; width:143px; height:36px; background:url(../../images/component/head_foot/nav_off.jpg) -392px top no-repeat;} .header .mani_nav li.yx3d a:hover,.header .mani_nav li.yx3d a.hover{ display:block; width:143px; height:36px; background:url(../../images/component/head_foot/nav_on.jpg) -392px bottom no-repeat;} /*3D其他应用*/ /* .header .mani_nav li.ot3d{ width:116px;} .header .mani_nav li.ot3d a{ display:block; width:116px; height:36px; background:url(../../images/component/head_foot/nav_3dot.jpg) center top no-repeat;} .header .mani_nav li.ot3d a:hover{ display:block; width:116px; height:36px; background:url(../../images/component/head_foot/nav_3dot.jpg) center bottom no-repeat;} */ /*下载中心*/ .header .mani_nav li.down{ width:102px;} .header .mani_nav li.down a{ display:block; width:102px; height:36px; background:url(../../images/component/head_foot/nav_off.jpg) -535px top no-repeat;} .header .mani_nav li.down a:hover, .header .mani_nav li.down a.hover{ display:block; width:102px; height:36px; background:url(../../images/component/head_foot/nav_on.jpg) -535px bottom no-repeat;} /*个人管理中心*/ .header .mani_nav li.manage{ width:243px;line-height:39px; padding-left:39px;background:url(../../images/component/head_foot/nav_man.jpg) no-repeat;} .header .mani_nav li.manage a.glzx{display:block; width:91px; height:39px; float:left; margin-right:18px;background:url(../../images/component/head_foot/glzx_a.jpg) center top no-repeat; text-align:center;} .header .mani_nav li.manage a.glzx:hover{display:block; width:91px; height:35px; background:url(../../images/component/head_foot/glzx_a.jpg) center bottom no-repeat;} .header .mani_nav li.manage a.gdwsy{display:block; width:91px; height:39px; float:left; margin-right:18px;background:url(../../images/component/head_foot/gdwsy_a.jpg) center top no-repeat; text-align:center;} .header .mani_nav li.manage a.gdwsy:hover{display:block; width:91px; height:35px; background:url(../../images/component/head_foot/gdwsy_a.jpg) center bottom no-repeat;} /*当前栏目*/ .header .mani_nav li .tip_info{display:inline;width:18px; height:16px; padding:0;position:absolute; margin-top:0px;} .header .login{position:absolute; height:50px; width:565px; margin-left:355px; margin-top:-55px; z-index:102;} .header .login .server_link{ height:25px; float:right; clear:both;} .header .login .server_link a{ display:block; width:96px; height:24px; padding-bottom:3px; margin-right:5px;_margin-right:2px; } /*未登录样式*/ .header .login .log{ width:43px; float:right; margin-right:4px;} .header .login .zddl{ width:73px; float:right; margin-right:4px;} .header .login .reg{ width:43px; float:right; margin-right:22px;_margin-right:12px;} .header .login .in_txt{ width:38px; line-height:23px;float:right; margin-right:3px; text-align:right;} .header .login .input2{ width:90px;float:right; margin-right:3px; text-align:right;background:url(../../images/component/head_foot/input.gif) no-repeat center center; width:85px; padding-left:5px; height:23px; border:0; line-height:23px;} .header .login .input2 .pwd_input{ border:0; width:85px;height:20px;line-height:20px;background:transparent;} .header .login .input2 .user_input{ border:0; width:85px;height:20px;line-height:20px;background:transparent;} .header .login .long_infor{ margin-right:10px; width:150px; height:24px; margin-top:1px; float:right; text-align:left;overflow:hidden; text-overflow:ellipsis; white-space:normal} .header .login .long_infor span{ float:left; display:block; height:24px; line-height:24px;} /* .header .login .long_infor span.face_bg{ width:24px; height:24px; margin-right:5px; text-align:center; line-height:24px;}*/ .header .login .long_infor span.face_bg{ width:24px; height:24px; margin-right:5px; text-align:center; line-height:24px; background:url(../../images/component/head_foot/face_bg.jpg) center center no-repeat;} .header .login .long_infor span.face_bg img{ width:20px; height:20px;margin:2px 0 0 0px; *margin:2px 0 0 1px;_margin:2px auto 0 auto;} .header .login .long_infor .log_9158{float:right; background:url(../../images/component/head_foot/9158_ico.gif) left center no-repeat;margin:0px 22px 0 0; width:110px; } .header .login .long_infor .log_msn{float:right; background:url(../../images/component/head_foot/msn_ico.gif) left center no-repeat;margin:0px 22px 0 0; width:90px; } /*登录样式*/ .header .login .logout{ margin-top:5px; width:63px; float:right; margin-right:9px;_margin-right:3px;} .header .login .user_nav{ width:48px; margin-top:5px; float:right; text-align:left;} .header .login .user_nav span.line{ margin-left:10px;} /******************** * Main ********************/ /*返回顶部*/ /*标签切换1*/ .hmenu{ background:url(../../images/component/diylist/hmenu_bg.jpg); height:33px; padding:0px 0px 0px 10px; } .hmenu .litem{ float:left; width:93px; text-align:center; margin-left:0px; line-height:33px; } .hmenu .ritem{ float:right; width:93px; text-align:center; line-height:33px; } .hmenu .ritem .mywp_m{ width:20px; height:13px;margin-left:10px; _margin-left:5px; margin-top:10px;_margin-top:0px; background:url(../../images/component/diylist/hmenu_icon.gif) center bottom no-repeat; _background:url(../../images/component/diylist/hmenu_icon.jpg) center center no-repeat; display:block; float:left;} /* .hmenu .ritem .mywp_m{ width:10px;height:10px; background:url(../../images/component/diylist/hmenu_icon.gif) left bottom no-repeat; _background:url(../../images/component/diylist/hmenu_icon.jpg) left center no-repeat; display:block; float:left}*/ .hmenu .ritem2{ float:right; width:43px; text-align:right; line-height:33px; } .hmenu .ritem1{ float:right; line-height:33px; } .hmenu .hover,.hmenu .litem a:hover{ display:block; background:url(../../images/component/diylist/hmenu_hover.jpg); text-align:center;} /*标签切换2*/ .hmenu_2{ background:url(../../images/component/diylist/h_menumanbg.jpg) center 7px repeat-x; height:30px; padding:0px 0px 0px 0px; } .hmenu_2 .span_left{ background:url(../../images/component/diylist/h_menu_hoverbg.jpg) top left no-repeat; height:30px; width:20px;padding-top:2px; margin-left:10px; display:inline-block;} .hmenu_2 .span_right{ background:url(../../images/component/diylist/h_menu_hoverbg.jpg) top right no-repeat; height:30px; width:20px; margin-right:10px; display:inline-block;} .hmenu_2 .span_cur{background:url(../../images/component/diylist/h_menu_hoverbg.jpg) center top no-repeat; height:30px;display:inline-block; padding-top:3px;} .hmenu_2 .span_cen{ height:30px;display:inline-block; padding-top:9px;} /*标签切换 3D背景 3D挂件 3D名片页面 3*/ .hmenu_3{ background:url(../../images/component/diylist/hmenu_bg.jpg) bottom repeat-x; height:31px;line-height:26px; padding:0px 0px 0px 10px; } .hmenu_3 .litem{ float:left; width:145px; text-align:center; margin-left:3px;line-height:26px; } .hmenu_3 .ritem{ float:right; width:145px; text-align:center; } .hmenu_3 .ritem2{ float:right; width:135px; text-align:right; background:url(../../images/in_blog/back_2.jpg) left center no-repeat; } .hmenu_3 .ritem1{ float:right; } .hmenu_3 .hover{ height:31px;background:url(../../images/component/diylist/h_menu3_hoverbg.jpg) 0px 0px;line-height:31px;line-height:26px; } .hmenu_3 .litem a:hover{ display:block; color:#72b001; height:31px;background:url(../../images/component/diylist/h_menu3_hoverbg.jpg) 0px 0px;line-height:26px; } /*标签切换 帮助 管理中心 果ZONE 3*/ .hmenu_4{ background:url(../../images/component/diylist/h_menu_gbg.jpg) repeat-x; height:31px;line-height:26px; margin:0px 20px; padding:0px 0px 0px 10px; } .hmenu_4 .litem{ float:left; width:140px; text-align:center; margin-left:3px; line-height:26px; } .hmenu_4 .hover142{ background:url(../../images/component/diylist/h_hover142bg.jpg) 0px 0px; height:31px;line-height:26px; } /*管理中心 3*/ .hmenu_4 .litem91{ float:left; width:91px; text-align:center; margin-left:3px;} .hmenu_4 .litem91 a:hover{ width:91px; height:31px;line-height:26px; line-height:26px;display:block; background:url(../../images/component/diylist/h_hover91bg.jpg) 0px 0px; font-weight:bold; color:#72B001;} .hmenu_4 .litem142{ float:left; width:142px; text-align:center; margin-left:3px;} .hmenu_4 .hover91{ height:31px; line-height:26px; background:url(../../images/component/diylist/h_hover91bg.jpg) 0px 0px;} .hmenu_4 .hover91 a{ color:#72B001;} .hmenu_4 .litem142 a:hover{ width:142px; height:31px; line-height:26px;display:block; background:url(../../images/component/diylist/h_hover142bg.jpg) 0px 0px; font-weight:bold; color:#72B001;} /*********************** * player ************************/ .player { width:315px; height:474px; background:url(../../images/component/player/bg.jpg); } .player #iDolAtx{ width:300px; height:428px; background:#999999; margin:0px auto;} .pla_div{width:316px; float:left;} .pla_div .player_butbg{ margin-left:8px;_margin-left:8px; margin-top:-5px; width:300px; height:85px; background:url(../../images/component/player/player_butbg.jpg) center top no-repeat;} .pla_div .player_butbg a{ margin-top:43px; margin-right:10px; float:left; width:57px; height:24px; display:block;} .pla_div .player_butbg a.tm3d{ margin-left:11px; width:57px; background:url(../../images/component/player/3dtm.jpg) center top no-repeat;} .pla_div .player_butbg a.gj3d{ background:url(../../images/component/player/3dgj.jpg) center top no-repeat;} .pla_div .player_butbg a.mp3d{ background:url(../../images/component/player/3dmp.jpg) center top no-repeat;} .pla_div .player_butbg a.bj3d{ background:url(../../images/component/player/3dbj.jpg) center top no-repeat;} .pla_div .player_butbg a:hover.tm3d{ margin-left:11px; width:57px; background:url(../../images/component/player/3dtm.jpg) center bottom no-repeat;} .pla_div .player_butbg a:hover.gj3d{ background:url(../../images/component/player/3dgj.jpg) center bottom no-repeat;} .pla_div .player_butbg a:hover.mp3d{ background:url(../../images/component/player/3dmp.jpg) center bottom no-repeat;} .pla_div .player_butbg a:hover.bj3d{ background:url(../../images/component/player/3dbj.jpg) center bottom no-repeat;} /*********************** * 弹出窗 ***********************/ #AlertBlack{ position:absolute; z-index:199; background:#000; opacity: .30;filter: alpha(opacity=30); top:0px; left:0px; } #Alert{ position:absolute; z-index:200; background:#FFFFFF; border:4px solid #F2F2F2;} #Alert .line{ border:1px solid #BCD959;} #Alertclose{ position:absolute; z-index:200; } #Alert_btn{ text-align:center; height:30px; padding-top:10px; } #Alert_btn input{ margin:0px 5px; height:19px; background:url(../../images/component/min_component/alert_btn_bg.gif) top repeat-x; color:#000; text-align:center; border:#606F13 solid 1px; } /******************** * 时尚馆 弹出层 ********************/ .alert_nr{ width:740px; height:320px; float:left; background:url(../../images/component/diylist/begin_bg.jpg) center top no-repeat; padding-top:120px;} .alert_nr .img_a{ width:162px; height:150px; display:block; float:left; margin-left:5px; margin-right:12px; margin-bottom:10px;} .alert_nr .nr_but{ width:165px; height:160px; float:left; margin:4px 4px 2px 14px; _margin:4px 10px 2px 6px;} .alert_nr .nr_but .tit{ text-align:center; margin-bottom:8px;} .alert_nr .nr_but .font_js{ height:57px;} .alert_nr .nr_but .submit{ background:url(../../images/component/head_foot/foot_topbg.gif) center top repeat-x; margin-top:21px; padding-top:10px; text-align:center;} .alert_close{ width:14px; margin-top:56px; float:left;} /* 滚动条样式 */ .scroll_2{scrollbar-face-color:#C0DF7F;scrollbar-highlight-color:#C0DF7F;scrollbar-3dlight-color:#C0DF7F;scrollbar-darkshadow-color:#E7F5C9;scrollbar-Shadow-color:#E7F5C9; scrollbar-arrow-color:#FFF;scrollbar-track-color:#E7F5C9;} /******************** * footer ********************/ .footer .footlink{ float:left; width:730px;} .footer .footlink .linelink{ margin:5px 5px 5px 10px; float:left; width:600px;} .footer .footlink .linelink .title{ float:left; width:80px; text-align:left;} .footer .footlink .linelink .link{ float:left; width:510px; text-align:left;} .footer .footlink .linelink .link span{ margin-right:15px;} .footer .footlogo{ float:left; width:185px; text-align:center; margin-top:10px;} /******************** * pet ******************* #page_index{ height:150px; text-align:right; width:200px; _width:100%; position:fixed; _position:absolute; right:0px; bottom:0px; z-index:99999px; } */ #page_index{ height:150px; right:0px; text-align:right; width:200px; position:absolute; z-index:99999px; }