body { margin:0px; padding:0px;}
#Heard{ height:34px; _height:30px; width:100%; background:url(images/heard/h_bg.png) repeat-x;_background: none; _background-color:#292929; z-index: 999; color:#ffffff;line-height:30px;position:fixed; _position:absolute; top:0px; left:0px;}
#Heard img{ border:0;}
#Heard .Nav{ color:#ffffff; margin:0 auto;  padding: 0 40px 0 10px; width: 1020px;font-size:12px; }
#Heard .Nav a{ display:block; float:left;text-decoration:none;}
#Heard .Nav .myHome{ background:url(images/heard/myhome.jpg) no-repeat; display:block; width:59px; height:29px; }
#Heard .Nav .myHome:hover{ background:url(images/heard/myhome_hover.jpg) no-repeat;}

#Heard .Nav .myTen{ background:url(images/heard/ten_logo.jpg) no-repeat; display:block; width:73px; height:28px;margin-top: 2px; }
#Heard .Nav .myBiz{ background:url(images/heard/biz_logo.jpg) no-repeat; display:block; width:73px; height:28px;margin-top: 2px; }        
#Heard .Nav .Thrend{ float:left; cursor:pointer;margin-left: 20px; position:relative;background:url(images/heard/thrend.jpg) no-repeat; width:45px; height:29px; color:#ffffff; padding-left:5px;}
#Heard .Nav .Thrend_on { background:url(images/heard/thrend_hover.jpg) no-repeat}

#Heard .Nav .MyThrend { position:absolute; top:27px; left:2px; _left:1px; padding:10px; width:300px; border-left:1px solid #bfbfbf; background-color:#f6f6f6; border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
#Heard .Nav .MyThrend ul li{ float: left;width: 73px;  }
#Heard .Nav .MyThrend ul li a{  display:block; float:left;padding: 50px 5px 0; text-align:center; height:26px;color: #000000;}
#Heard .Nav .MyThrend ul li a.lady{ background:url(images/heard/lady.jpg) no-repeat; width:62px; }
#Heard .Nav .MyThrend ul li a.men{ background:url(images/heard/men.jpg) no-repeat; width:62px;}
#Heard .Nav .MyThrend ul li a.kids{ background:url(images/heard/kids.jpg) no-repeat; width:62px;}
#Heard .Nav .MyThrend ul li a.old{ background:url(images/heard/old.jpg) no-repeat; width:62px;}

#Heard .Nav .MyThrend ul li a.lady:hover{ background:url(images/heard/lady_on.jpg) no-repeat; width:62px; }
#Heard .Nav .MyThrend ul li a.men:hover{ background:url(images/heard/men_on.jpg) no-repeat; width:62px;}
#Heard .Nav .MyThrend ul li a.kids:hover{ background:url(images/heard/kids_on.jpg) no-repeat; width:62px;}
#Heard .Nav .MyThrend ul li a.old:hover{ background:url(images/heard/old_on.jpg) no-repeat; width:62px;}
        
#Heard .Nav .Thrend_Click{ background:url(images/heard/h_Threadbg01.jpg) no-repeat; position:relative;cursor:pointer; z-index:9999; margin-left: 20px; width:30px; height:29px;padding:0 10px; font-size:12px; color:#000000; float:left;}
#Heard .Nav .Thrend_Click a{ color:#000000;}
        
#Heard .Nav .Service{ float:left; cursor:pointer; position:relative; background:url(images/heard/myservice.jpg) no-repeat;width:68px; height:29px; z-index:1; color:#ffffff; padding:0px 0px 0px 5px;}
#Heard .Nav .Service_on{ background:url(images/heard/myservice_hover.jpg) no-repeat;}
        
#Heard .Nav .Service_Click{ background:url(images/heard/myservice_s.jpg) no-repeat;padding:0 10px; width:53px;height: 29px; cursor:pointer; color:#000000; float:left; position:relative;}
#Heard .Nav .Service_Click a{ color:#000000;}
        
#Heard .Nav .MyService{ position:absolute; top:28px; left:2px; padding:10px; z-index: 999; width:450px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf; background-color:#f6f6f6;}
#Heard .Nav .MyService ul{ list-style:none; padding:0; margin:0;}
#Heard .Nav .MyService ul li{ float: left; height:80px; margin-right:2px;}
#Heard .Nav .MyService ul li a{ display:block; float:left;padding: 50px 5px 0;width:62px; height:26px;color: #000000; text-align:center;}
#Heard .Nav .MyService ul li a.content{ background:url(images/heard/content.jpg) no-repeat;  }
#Heard .Nav .MyService ul li a.fav{ background:url(images/heard/fav.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.photo{ background:url(images/heard/photo.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.hot{ background:url(images/heard/hot.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.news{ background:url(images/heard/news.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.service{ background:url(images/heard/service.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.client{ background:url(images/heard/client.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.download{ background:url(images/heard/download.jpg) no-repeat;}
#Heard .Nav .MyService ul li a.notice{ background:url(images/heard/notice.png) no-repeat; }
#Heard .Nav .MyService ul li a.doota{ background:url(images/heard/doota.png) no-repeat;}
#Heard .Nav .MyService ul li a.zhazi{ background:url(images/heard/zhazi.png) no-repeat; }
#Heard .Nav .MyService ul li a.zhanghui{ background:url(images/heard/zhanghui.png) no-repeat;}
#Heard .Nav .MyService ul li a.huodong{ background:url(../Main/images/Show/huodong.png) no-repeat;}

#Heard .Nav .MyService ul li a.content:hover{ background:url(images/heard/content_s.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.fav:hover{ background:url(images/heard/fav_s.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.photo:hover{ background:url(images/heard/photo_s.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.hot:hover{ background:url(images/heard/hot_s.jpg) no-repeat;}
#Heard .Nav .MyService ul li a.news:hover{ background:url(images/heard/news_s.jpg) no-repeat;}
#Heard .Nav .MyService ul li a.service:hover{ background:url(images/heard/service_s.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.client:hover{ background:url(images/heard/client_on.jpg) no-repeat; }
#Heard .Nav .MyService ul li a.download:hover{ background:url(images/heard/download_on.jpg) no-repeat;}
#Heard .Nav .MyService ul li a.notice:hover{ background:url(images/heard/notice_on.png) no-repeat; }
#Heard .Nav .MyService ul li a.doota:hover{ background:url(images/heard/doota_on.png) no-repeat; }
#Heard .Nav .MyService ul li a.zhazi:hover{ background:url(images/heard/zhazi_on.png) no-repeat;}
#Heard .Nav .MyService ul li a.zhanghui:hover{ background:url(images/heard/zhanghui_on.png) no-repeat; }     
#Heard .Nav .MyService ul li a.huodong:hover{ background-color:#e4e4e4; }      
        
#Heard .Nav .MyService ul li a img{ display:block;}
        
#Heard .Nav .Right{ float:right;}
#Heard .Nav .Right .Search{ float:left; height:19px; padding:5px 0px 0px 0px;margin-right: 5px;}
#Heard .Nav .Right .Search .key{ background:url(images/heard/key_f.jpg) no-repeat; width:141px; float:left;height:19px; border:0; }
#Heard .Nav .Right .Search .focus{ background:url(images/heard/key.jpg) no-repeat;}
#Heard .Nav .Right .Search .button{ background:url(images/heard/btnSearch.jpg) no-repeat;float:left; width:23px;height:19px;_height:21px;cursor: pointer; border:0; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #Heard .Nav .Right .Search .button{ height:22px;} } 


#Heard .Nav .Right .Message{ float:left;  position:relative;}
#Heard .Nav .Right .Message a{ background:url(images/heard/message.jpg) no-repeat; display:block; width:34px; height:29px;}
#Heard .Nav .Right .Message a:hover{ background:url(images/heard/message_hover.jpg) no-repeat;}
#Heard .Nav .Right .Message a span{ position:absolute; top:6px; right:8px; font-size:7px; color:#ffffff;}
        
#Heard .Nav .Right .NoMessage{ float:left;position:relative;}
#Heard .Nav .Right .NoMessage a{ display:block; background:url(images/heard/no_message.jpg) no-repeat; width:34px; height:29px;}
#Heard .Nav .Right .NoMessage a:hover{ background:url(images/heard/no_message_hover.jpg) no-repeat;}
        
#Heard .Nav .Right a.reg{ color:#ffffff; padding-left:10px;}
#Heard .Nav .Right a.reg:hover{ text-decoration:underline; color:#ff0000;}

#Heard .Nav .Right .System{ float:left; cursor:pointer; position:relative;background:url(images/heard/system.jpg) no-repeat; width:39px; height:28px;  }
#Heard .Nav .Right .System_on{ background:url(images/heard/system_hover.jpg) no-repeat;}
        
#Heard .Nav .Right .System_Click{ background:url(images/heard/system_s.jpg) no-repeat center; width:39px; height:28px;float:left; cursor:pointer; position:relative;}
#Heard .Nav .Right .MySystem { position:absolute; top:28px; right:1px;_right:0px; z-index: 999; width:80px; border-left:1px solid #bfbfbf; background-color:#f6f6f6; border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}        
#Heard .Nav .Right .MySystem a{ display:block; color:#000000; text-align:center; height:30px; width: 80px; _width:76px;}
#Heard .Nav .Right .MySystem a:hover{ background-color:#e4e4e4;}
        
#Heard .Nav .col{ background:url(images/heard/col.jpg) no-repeat center; width:2px; height:29px; float:left; }

.qqservice{ width:85px; height:auto; position:fixed; _position:absolute; right:-55px; _right:0px; top:200px; color:#ffffff; z-index:999;}
.qqservice .ht8{ height:3px;_height:3px;}
.qqservice .qq_nav{ width:55px; cursor:pointer; height:36px; line-height:36px; padding-left:30px; background:url(../Main/images/qq_nav.png) no-repeat left; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Main/images/qq_nav.png" ,sizingMethod="crop");background-color:#000000;}
.qqservice .qq_editor{ width:55px; cursor:pointer; height:36px;line-height:36px;padding-left:30px; background:url(../Main/images/editor.png) no-repeat left;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Main/images/editor.png" ,sizingMethod="crop"); background-color:#000000; }
.qqservice .qq_top{ }
.qqservice .qq_top a{ display:block;width:49px; height:36px;line-height:36px;padding-left:36px; color:#ffffff; background:url(../Main/images/gotop.png) no-repeat left;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Main/images/gotop.png" ,sizingMethod="crop"); background-color:#000000;}
.qqservice .qq_top a:hover{ background-color:#c81e8a;text-decoration:none;}
.qqservice .qq_nav_list{ background-color:#c81e8a;margin-top:2px; display:none;}
.qqservice .qq_nav_list ul{ }
.qqservice .qq_nav_list ul li{ }
.qqservice .qq_nav_list ul li a{ display:block; height:21px; cursor:pointer; line-height:21px; margin:3px 3px 3px 0px; text-align:center; color:#ffffff; font-family:Arial; font-size:12px;}
.qqservice .qq_nav_list ul li a:hover{ text-decoration:underline;}
.qqservice .qq_close{ width:85px; height:17px; background:url(../Main/images/qq_close.png) no-repeat; cursor:pointer;}

#userinfo{ display:none;}