@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td {padding:0; margin:0;word-break:break-all}
body{color:#333; font-size:12px;font-family:"SimSun","Arial Narrow";text-align:left; background:#f4f5ec url(top_a.jpg) top center no-repeat}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;}
ol,ul,li{list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
q:before, q:after {content:".";}
abbr,acronym {border:0;}
img{border:0;}
select,input{vertical-align:middle; font-size:12px;}
a{font-family:"SimSun","Arial Narrow";text-decoration:none;}
a:link{color:#353535;}
a:visited{color:#353535;}
a:hover{color: #353535;text-decoration:underline;}
button{cursor:pointer;}
/* 颜色属性 */
.cRed,a.cRed,a.cRed:visited,.cRed a{color:#bb2323;}
.cBlue,a.cBlue,a.cBlue:visited,.cBlue a{color:#0657b2;}
.cDRed,a.cDRed,a.cDRed:visited,.cDRed a{color:#bc2931;}
.cGray,a.cGray,a.cGray:visited{color:#333;}
.cDGray,a.cDGray,a.cDGray:visited{color:#999}
.cWhite,a.cWhite,a.cWhite:visited{color:#ffffff;}
.cBlack,a.cBlack,a.cBlack:visited{color:#000000;}
.cGreen,a.cGreen,a.cGreen:visited{color:#0ba29a;}
.cYellow,a.cYellow,a.cYellow:visited,.cYellow a{color:#ff8a00;}
.mb40{margin-bottom:40px}.mb20{margin-bottom:20px}.mb15{margin-bottom:15px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb27{margin-bottom:29px}.mb30{margin-bottom:30px}.mt10{ margin-top:10px}.ml5{ margin-left:5px}.pr20{ padding:0 10px}.p15{ padding:0 15px}.p5{ padding:0 7px}
#container{width:1120px; margin:0 auto}
.layer,.layer_a,.layer_b,.layer_t,.content,.l_pic,.list_f,.subnav,#content,.layer_cl,.user_login,.user_after,.p1_list,.pic_list,.club_map,.code,.pic_hl_c,.s_tool,.ad,.link{overflow:hidden; _height:1%}
/*广告*/
.ad70060{float:right; width:700px; height:60px}
.ad300150{margin-bottom:10px}
.ad300150 img{ width:100%; max-width:100%}
.ad{width:1150px; margin:0 auto 0 auto}
.ad83050,.ad31050{ height:50px;margin-bottom:8px}
.ad83050{float:left;width:830px; }
.ad31050{float:right; width:310px}
/*-导航-*/
ul#topnav{width:1150px; margin:0 auto;position:relative}
ul#topnav li {float:left; height:40px;text-align:center; font-size:14px; line-height:40px}
ul#topnav li a{display:block; color:#7c7c7c}
ul#topnav li a:hover{text-decoration:none}
ul#topnav li span {float:left;position: absolute; left:0; top:40px;display:none; z-index:2}
ul#topnav li:hover span {display: block}
ul#topnav li span a {display: inline}
ul#topnav li span a:hover {text-decoration:none}
.club_subnav{display:block; width:300px; height:100px; padding-top:10px; margin-left:100px; background:#fff; border:1px solid #ECEBEB; border-top: none}
.club_subnav a{float:left; display:block; width:60px; height:27px; line-height:27px; margin-left:10px}
.jt{padding-left:10px;background:url( club_tb.png) 45px -282px no-repeat}
.club_sub{display:block; width:70px; padding:5px; margin-left:899px; background:#fff; border:1px solid #ECEBEB; border-top: none}
.club_sub a{float:left; display:block; padding-left:10px; width:60px; height:27px; line-height:27px; font-size:12px; text-align:left}
.club_sub a:hover{display:block; height:27px; background:#f3f3f3; text-decoration:none}
.club_sub a i{ font-style:normal; color:#F60}
.jt_a{ padding:0 30px 0 10px;background:url( club_tb.png) 30px -282px no-repeat}
.jt_b{position:relative; padding:0 22px 0 30px;background:url( club_tb.png) 60px -282px no-repeat}
.jt_b em{position:absolute; display:inline; padding:2px 3px; height:14px; line-height:14px; font-size:12px; background:#F60;font-style:normal; top:11px; left:10px; color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;*top:-2px;_top:-2px }
.user_l{float:right;padding:0 10px; height:40px; line-height:40px; font-size:14px; color:#7c7c7c}
.user_l i{ margin-right:10px;font-style:normal; color:#F60}
.search{width:245px; height:30px; padding-top:8px; margin:0 auto 0 20px}
.t_i,.s_btn{display:inline; float:left;height:25px; border:none; line-height:25px}
.t_i{padding-left:10px; width:195px; color:#999; background:url( search.png) no-repeat;*width:145px;_width:145px;}
.s_btn{width:40px; background:url( search.png) right no-repeat; cursor:pointer}
/*顶部*/
#top_nav{height:40px; background:#efefef; border-bottom:1px solid #ecebeb}
#header{padding:10px 0; overflow:hidden; _height:1%}
.logo{float:left; width:260px; height:50px; padding-top:10px}
.layer_a{height:40px; padding:10px 0}
/* 左侧导航 */
.leftBox{ position:absolute; left:-145px; top:0; bottom:0; width:150px;border-right:1px solid #dbdbdb; background:#e8e6e7; height:100%; z-index:10000}
.leftBox .menu em,.leftBox .menuat em{color:#f45e00; font-family:"Times New Roman", Times, serif;font-weight:bold;}
.leftBox .menuat,.leftBox .menu{height:36px; background:#f3f3f3; line-height:36px; text-align:center; font-family:"Microsoft YaHei"; color:#525252; font-size:16px; border-top:1px solid #dcdcdc; cursor:pointer}
.leftBox .menuat{ background:#e1f3c1; border-bottom:1px solid #b2d96f; border-top:1px solid #b2d96f}
.leftBox ul{overflow:hidden; background:#fff; padding:8px; position:relative;}
.leftBox ul a{ color:#505050}
.leftBox li{ width:50%; float:left; text-align:center; height:24px; overflow:hidden; line-height:24px}
.toplink{text-align:center; line-height:24px; padding-bottom:10px}
.toplink_tit{ height:40px; margin-bottom:10px; line-height:40px; text-align:center; background:#b1d76a; color:#007d29; font-family:"Microsoft YaHei"; font-size:18px}
.lBbtn{background:url(club_tb.png) -34px -600px no-repeat;position:fixed;_position:absolute;left:5px;width:23px; height:86px; top:200px; cursor:pointer; text-indent:-999em;overflow:hidden;_top:expression(eval(document.documentElement.scrollTop));_margin-top:200px;}
.leftBox .on{background:url(club_tb.png) 0 -600px no-repeat; display:block; width:23px; height:86px}
#bar1{position:fixed; left:40px; top:200px;width:240px; height:100px; background:url(dh.png)}
#bar1 p{ display:block; width:80px; height:24px; padding:57px 0 0 115px; line-height:24px;font-family:"Microsoft YaHei"; text-align:center; cursor:pointer; font-size:15px}
/*-底部-*/
.foot{margin:50px auto 0 auto;padding:30px 0; background:#fff; border-top:1px solid #d8e3dd; text-align:center}
.hot,.ico_a,.ico_b,.ico_c,.ico_d,.tb_01,.tb_02,.tb_03,.tb_04{background:url(club_tb.png) no-repeat}
/*-首页-*/
#content{width:1150px; margin:0 auto}
#club_header{ height:80px;padding:10px 0; overflow:hidden; _height:1%}
#club_header h1{float:left; display:block; width:260px; height:50px; padding-top:20px}
.layer_n{height:40px; line-height:40px; background:#b1d76a}
/*-导航-*/
.mainbav,.subnav{ margin:0 auto}
.mainbav{width:1150px;text-align:left}
.mainbav a{display:block; float:left; width:66px;font-family:"Microsoft YaHei"; font-size:18px; text-align:center; color:#505050}
.mainbav a:hover{display:block; width:66px; background-color:#d0ee72; text-decoration:none}
.club_wap{ position:absolute; right:5px; top:-95px; right:0; z-index:1}
.subnav{width:1110px;padding:10px 20px; margin-bottom:10px; background:#fff}
.subnav a{float:left; display:block; width:100px; height:34px; padding-left:10px; line-height:34px;font-family:"Microsoft YaHei"; font-size:15px; color:#505050}
/*-首屏-*/
.layer_cl{padding:20px 20px 6px 20px; background:#fff;float:left; width:790px}
.layer_cl_l{float:left; width:320px}
.layer_cl_r{ float:right; width:440px}
.layer_cr{float:right; width:310px}
.layer_cr_b{ background:#fff}
/*焦点图*/
.yx-rotaion{position: relative; overflow: hidden; width: 320px; height: 400px; margin-bottom:10px}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
p.yx-rotation-t{position:absolute; width:300px; height:50px;padding:5px 10px;ine-height:20px; font-size:16px;z-index:1;bottom:0;left:0px; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
p.yx-rotation-t a{color:#fff;font-family:microsoft yahei; font-weight:bold}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:10px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:66px;top:50%;margin-top:-40px; display:none}
.yx-rotaion-btn span{width:32px;height:66px;cursor:pointer;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;position:relative}
.yx-rotaion-btn .left_btn{background-position:0 -22px;float:left;left:0px; display:none}
.yx-rotaion-btn .right_btn{background-position:-45px -22px;float:right;right:0px; display:none}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden}
/*--头条--*/
.headnews{}
.headnews h2{ display:block;text-align:center;height:32px; line-height:32px;overflow:hidden;color:#c5154a}
.headnews h2 a,.headnews h2 a:visited{font-size:20px; color:#333;font-family:microsoft yahei; font-size:20px; color:#505050; font-weight:bold}
.headnews p{color:#888; line-height:20px}
.headnews p a{color:#888}
.listnews{padding:0}
.listnews li{ display:block; height:28px;line-height:28px; text-align:left}
.listnews li a{font-family:microsoft yahei; font-size:14px}
.listnews li strong{font-weight:normal}
.listnews li span{float:right; color:#888}
.listnews_a{padding:0}
.listnews_a li{display:block;height:28px;line-height:28px; *height:24px;*line-height:24px}
.listnews_a li a{display:block; float:left; width:260px; height:28px; text-align:left; font-family:microsoft yahei; font-size:14px; overflow:hidden; *height:24px}
.listnews_a li span{float:right; width:60px; height:24px; color:#888; text-align:right; overflow:hidden;*height:24px}
.jk{padding-bottom:7px}
/*-排行切换-*/
.b1{ border:1px solid #dfdfe1}
.tab{height:36px; text-align:right; line-height:36px; border-bottom:1px solid #e3e3e3}
.tab strong{display:block; float:left; width:158px; height:36px; font-size:14px; text-align:center;font-weight:normal; color:#505050; background:#f3f3f3}
.tab strong.on{display:block; width:158px; height:37px; background:#fff;cursor:pointer}
.hot{padding:6px 15px 5px 40px; background-position:15px -770px}
.hot li{display:block; height:24px; line-height:24px; text-align:right; overflow:hidden}
.hot li a{display:block; float:left; width:225px; height:24px; text-align:left; overflow:hidden;color:#505050}
.hot li em{color:#888}
.tab_nav{width:1150px; margin:0 auto;height:40px;text-align:right; line-height:40px}
.tab_nav strong{display:block; float:left; width:58px; height:40px; font-size:14px;font-family:"Microsoft YaHei"; font-size:18px; text-align:center;font-weight:normal; color:#505050}
.tab_nav strong.on{display:block; width:58px; height:40px;font-family:"Microsoft YaHei"; font-size:18px;background:#d0ee72; cursor:pointer}
.nav_list{width:1150px; height:60px; margin:0 auto 10px auto;padding:10px 0; background:#fff}
.submenu{}
.submenu li{display:block; float:left; width:90px; height:30px; line-height:30px; text-align:center}
.submenu li a{font-family:"Microsoft YaHei"; font-size:15px}
/*右侧*/
.user_login{padding:20px 0 10px 20px}
.user_login a{display:block; float:left; width:126px; height:38px; margin-right:15px;font-family:microsoft yahei; font-size:16px;line-height:38px; text-align:center; color:#fff;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.user_login a.u1{ background:#9fcd46}
.user_login a.u2{ background:#ffba00}
.other{padding:0 0 15px 25px; height:30px; line-height:30px; text-align:left; color:#666}
.other span{ display:inline; float:left}
.other img{ display:block; float:left; margin-top:7px}
.user_after{padding:20px}
.user_after img{ float:left; width:80px; height:80px}
.user_after_r{ float:right; width:180px}
.user_after_r strong{display:block; margin-bottom:5px; height:26px; line-height:26px}
.user_after_r strong a{font-size:16px; color:#505050}
.user_after_r strong a.out{ font-weight:normal; font-size:12px; margin-left:10px; color:#888}
.user_after_r p a{display:block; float:left; width:48px; height:38px; padding-top:10px; margin-right:10px; border:1px solid #e0e0e0; text-align:center; color:#505050;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.user_after_r p a:hover{ text-decoration:none; background:#fceecb}
.user_after_r p i{ display:block; font-style:normal; color:#fdb800; font-weight:bold}
/*-同城活动-*/
.tit_t{height:50px; padding:0 20px;line-height:50px; text-align:right}
.tit_t h3{display:inline; float:left; font-size:18px;font-family:"Microsoft YaHei"}
.tit_t a{ color:#888}
.list_t,.list_s{padding:0 20px}
.list_t li{display:block; padding-bottom:15px; overflow:hidden;_height:1%; line-height:20px}
.list_t li img{float:left; display:block; width:100px; height:75px; margin-right:10px}
.list_t li strong,.list_t li p{ float:left; width:150px; font-weight:normal; font-size:14px}
.list_t li p{font-size:12px; color:#888}
/*论坛速递*/
.list_s ul{display:block; height:50px; padding-left:60px; padding-bottom:20px; *padding-bottom:16px; _padding-bottom:16px}
.list_s li{ display:block; height:24px; line-height:24px; font-size:14px; overflow:hidden}
.list_s li a{color:#555}
.ico_a{background-position:-10px -1065px}
.ico_b{background-position:-10px -1133px}
.ico_c{background-position:-10px -1204px}
.ico_d{background-position:-10px -1275px}
/*热点回顾 微青岛*/
.tit_r{height:50px; padding-right:10px;line-height:50px; text-align:right}
.tit_r h3{display:inline; float:left; font-size:18px;font-family:"Microsoft YaHei"; color:#9ecd45; font-weight:bold}
.tit_r a{color:#888}
.p1_list{}
.p1_list li{float:left; display:inline; width:130px; margin-right:25px}
.p1_list li p{display:block; height:27px;text-align:center; line-height:27px; overflow:hidden}
.p1_list li p a{ color:#505050}
.n1_list{ padding:5px 0 10px 0;color:#505050}
.n1_list li a{ color:#505050; line-height:24px}
/*-贴图专区-*/
.tit_p h2{height:36px; line-height:36px; font-family:"Microsoft YaHei"; color:#9ecd45; font-size:24px; font-weight:bold}
.tit_p span{display:block; float:left; width:66px; margin-right:5px; background:#ffba00; color:#fff; text-align:center}
.w390{ float:left; width:386px}
.pic_list{}
.pic_list li{display:inline; float:left; width:183px; height:183px; margin:0 10px 10px 0; position:relative}
.pic_list li p,.pic_big p,.pic_hl_a li p,.pic_hl_b li p,.pic_hl_c li p{display:block; position:absolute;height:26px;left:0;background:#000; z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.pic_list li p{width:183px; top:157px}
.pic_list li span a,.pic_big span a,.pic_hl_a li span a,.pic_hl_b li span a,.pic_hl_c li span a{display:block; position:absolute;height:26px; line-height:26px; overflow:hidden; padding:0 10px;
left:0;font-family:"Microsoft YaHei"; font-size:14px;color:#fff; z-index:2}
.pic_list li span a{width:163px;top:157px}
.pic_big{width:376px; height:376px; position:relative}
.pic_big p{width:376px; top:350px}
.pic_big span a{width:356px; top:350px}
/*-论坛地图-*/
.club_map{float:left;width:180px; height:160px; margin:0 10px 10px 0; padding:20px; background:#fff; border:1px solid #fff;}
.club_map:hover{border:1px solid #9ecd45}
.club_map h5{ display:block; margin-bottom:20px;font-size:24px;font-family:"Microsoft YaHei"}
.club_map span{display:block;color:#888; margin-bottom:20px}
.club_map li{display:block; float:left; width:80px; height:24px; line-height:24px;}
.club_map li a{font-family:"Microsoft YaHei"; font-size:14px; color:#505050}
/*-二维码-*/
.code{padding:20px 0 20px 100px; background:#fff}
.code li{display:inline; float:left; width:120px; margin-right:50px}
.code li img{ display:block; width:110px; margin:0 auto}
.code li p{ display:block; height:20px; line-height:20px; color:#505050; text-align:center}
/*-行业板块-*/
.layer_hl{float:left; width:530px; padding:20px; padding-bottom:0; margin:0 10px 10px 0; background:#fff}
.tit_k{padding-left:20px; height:36px; margin-bottom:20px;line-height:30px; background:url(tit_b.png) no-repeat; text-align:right;color:#888}
.tit_k h3{display:inline; float:left; font-size:28px;font-family:"Microsoft YaHei"; color:#9ecd45}
.tit_k a{color:#888}
.pic_hl_a,.pic_hl_b{float:left;width:180px }
.pic_hl_a li,.pic_hl_b li{display:block; float:left; width:180px; margin-bottom:20px; position:relative}
.pic_hl_a li span a,.pic_hl_a li span b,.pic_hl_a li span c{position:absolute}
.pic_hl_a li{height:120px}
.pic_hl_a li p{width:180px; top:94px}
.pic_hl_a li span a{width:160px; top:94px}
.pic_hl_b li{height:260px}
.pic_hl_b li p{width:180px; top:234px}
.pic_hl_b li span a{width:160px; top:234px}
.pic_hl_c{ padding-left:5px}
.pic_hl_c li { display:inline; float:left; width:150px; position:relative; margin:0 25px 20px 0}
.pic_hl_c li p{width:150px; top:84px}
.pic_hl_c li span a{width:130px; top:84px}
.pic_hl_r{ float:right;width:330px}
.tit_ac{padding:0 20px;height:30px; background:#f8f8f8;line-height:30px; text-align:right;text-align:right;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px}
.tit_ac a{ color:#888}
.tit_ac strong{ display:inline; float:left;font-family:"Microsoft YaHei"; font-size:16px; font-weight:normal; color:#ff8d00}
.s_tool{}
.s_tool li{float:left; display:table; width:93px; height:63px; padding-left:55px; margin:0 10px 10px 0; background-color:#fff; border:1px solid #e0e0e0}
.s_tool li a{vertical-align:middle;display:table-cell; color:#505050;font-family:"Microsoft YaHei"; font-size:13px}
.tb_01{background-position:0px -1388px}
.tb_02{background-position:0px -1455px}
.tb_03{background-position:0px -1525px}
.tb_04{background-position:2px -1597px}
/*-浮动面板-*/
#floatPanel{ position:relative; z-index:100}
#floatPanel .ctrolPanel{width:54px;height:185px;background:url(club_tb.png) -106px -573px no-repeat;position:fixed;right:10px; bottom:10px;overflow:hidden;z-index:10000; _position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300);}
#floatPanel .ctrolPanel a{width:54px;font-size:12px;color:#ff6600;letter-spacing:1px;text-align:center;overflow:hidden;}
#floatPanel .ctrolPanel .arrow{height:130px;line-height:28px;display:block;margin:1px auto;}
#floatPanel .ctrolPanel .arrow span{display:none; visibility:hidden}
#floatPanel .ctrolPanel .arrow:hover span{display:block;}
#floatPanel .ctrolPanel .contact{height:60px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .contact span{line-height:90px;}
#floatPanel .ctrolPanel .qrcode{height:60px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .qrcode span{display:none;}
#floatPanel .popPanel{width:160px;height:180px;position:fixed;right:70px; bottom:10px;z-index:10000;overflow:hidden;display:none;_position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300); }
#floatPanel .popPanel .popPanel-inner{width:160px;height:180px;position:relative;overflow:hidden}
#floatPanel .popPanel .popPanel-inner .qrcodePanel{width:158px;height:178px;text-align:center;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel img{width:138px;height:138px;border:none;padding:10px 10px 5px 10px;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel span{ display:block;font-size:12px;color:#666;line-height:24px;letter-spacing:1px;}
/*-友情链接-*/
.link{padding:10px 0; background:#fff}
.link h5{display: block; height:30px; padding:0 20px; line-height:30px;font-family:"Microsoft YaHei"; font-size:14px}
.link li{float:left; display:block; width:90px; height:22px; padding-left:20px; line-height:22px; text-align:left}
.link li a{ color:#505050}