@charset "gb2312";
/* CSS Document */
body{font-family:"宋体","Microsoft Yahei",Arial Narrow;font-size:12px; background:#d5dbe2; color:#323649}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,form,input,textarea,button,code,cite{padding:0; margin:0;}
table{border-spacing: 0; border-collapse: collapse;}
img{border:0;}
ol,ul,li,dl,dt,dd{list-style:none;}   
a{color:#323649;text-decoration:none}
a:hover{color:#c00;text-decoration:underline}
.lt{float:left;}
.rt{float:right;}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;} /* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc{display: block;} /* End hide from IE-mac */
.mt5{ margin-top:5px}
.cl{clear:both; overflow:hidden; line-height:0px; font-size:0px; height:0px;}
em{ font-style:normal}


/*标题*/
h3.t1,h3.t2{ background:url(../images/t.jpg); height:38px; font:400 16px/38px 'Microsoft Yahei'; color:#fff; border:1px solid #082575;  overflow:hidden; border:1px solid #96a6ca; padding:0px 10px;}
h3.t1 span{ float:right; font-size:12px; font-weight:normal; }
h3.t1 span a{ color:#688797}

h3.t1 span code{ float:left;  color:#ffe887; margin-top:8px; margin-right:5px;}
h3.t1 span  code a{ width:62px; height:23px; line-height:23px; text-align:center; color:#688797; display:block; float:left; overflow:hidden}
h3.t1 span  code a.current,h3.t1 span  code a:hover{ background:url(../images/current.jpg); color:#fff }



.bd{ border:1px solid #96a6ca; background:#fff; border-top:none}
/* 首页样式 */

#wrap{ width:100%; background:url(../images/bg.jpg) no-repeat top center;}
#header,#main,#footer{ width:980px; margin:0 auto}
.bt{ background:url(../images/bt.jpg) no-repeat bottom center; width:100%}
.headtop{ background:url(../images/head1.jpg); height:60px;}
.headtop .rlink{ float:right; width:120px; height:40px; color:#fff; font:normal 16px/35px 'Microsoft Yahei'}
.headtop .rlink a:link,.headtop .rlink a:visited{ color:#fff; height:40px; display:block; width:60px; float:left}





.menu{  height:112px;}
.menubox{ height:49px;   overflow:hidden}
.menubox li{ width:140px; height:49px; font:normal 16px/49px 'Microsoft Yahei'; text-align:center; color:#fff; float:left;  display:inline; overflow:hidden; }
.menubox li a:link,.menubox li a:visited{ color:#fff; width:140px; height:50px; display:block; background:url(../images/menu.jpg) no-repeat -142px 0;   }
.menubox li a:active,.menubox li a:hover{  color:#fff;text-decoration:none; background-position:0px 0px}


.nav{ background:#1c2535; height:61px; border:1px solid #000; width:978px; float:left; overflow:hidden;}
.nav dl{ width:850px; padding:7px 0px 0px 10px; float:left; line-height:18px; color:#7f7a74; height:54px}
.nav dl dt{ margin-top:2px; width:64px; height:21px; line-height:21px; background:url(../images/icon.jpg);overflow:hidden; float:left;color:#db8b03;  text-align:center}
.nav dl dd{ width:778px; height:21px;  float:left;margin-top:2px; color:#78a8ce; line-height:21px; overflow:hidden}
.nav dl a:link,.nav dl a:visited{ color:#78a8ce}
.nav dl a:active,.nav dl a:hover{ color:#f60;}
.nav dl dd span{ padding:0px 5px;}
 .alink{ width:90px; float:left; margin-top:12px; display:inline}
.alink li a:link,.alink li a:visited{ color:#858484}
.alink li a:active,.alink li a:hover{ color:#e56a61}



/*flash 部分*/
.msidebar{ width:286px; float:left; margin-top:5px;}
.flash{ background:url(../images/leftbg.jpg); border:1px solid #96a6ca; width:280px; height:350px; padding:2px;}
.flashbox{  width:280px; height:280px; float:left; overflow:hidden; position:relative;}
.flashbox li p{ position:absolute; background:#000;filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8;   width:269px; height:30px; line-height:30px; padding-left:10px; font-size:14px; left:0px; top:250px;font:600 14px/25px '微软雅黑'; text-align:center}
.flashbox li p a{ color:#fff}
.thumic{  float:left; width:276px; padding:10px 0px 10px 0px; display:inline; height:55px; overflow:hidden }
.thumic span{ float:left; width:15px; cursor:pointer;  display:inline; margin-top:12px}
.thumic ul { float:left; width:246px; height:55px; }
.thumic ul li { width:50px; height:50px;  float:left; margin-left:9px; display:inline; cursor:pointer}
.thumic ul li img{ width:50px; height:50px;}
.thumic ul li.current img{ border:2px solid #ffd36c; width:46px; height:46px;}
/*新手指南*/
.databox{ padding:11px 10px; line-height:22px; color:#5a6d92}
.databox a{ color:#5a6d92; padding:0px 10px;  display:inline-block}
.databox a:hover{ color:#c00}



.mid{ width:358px; border:1px solid #96a6ca; float:left; margin-top:5px; margin-left:5px; display:inline; padding:0px 12px; background:#fff}
.mid dl dt{ height:25px; font:500 16px/25px 'Microsoft Yahei'; text-align:center; padding:4px 0px; color:#133164}
.mid dl dt a{ color:#133164}
.mid dl dd{ line-height:20px;  padding-bottom:3px; color:#323649}
.mid dl dd a{ color:#53667d}
.mid dl dd.d1{background:url(../images/icon2.jpg) no-repeat 14px 5px; text-indent:2em; padding-bottom:4px;}
.tab{ height:33px; margin-top:1px; border:1px solid #232b43}
.tab li{ width:88px; height:33px; font-size:14px; text-align:center;color:#9fb5eb;  float:left;display:inline; background:url(../images/nav_t.jpg) no-repeat -89px 0; font-size:14px; line-height:35px; border-right:1px solid #232b43}
.tab li.current{ background-position:0 0; color:#9fb5eb; font-weight:bold}
.tab li a{ display:block; width:88px; height:33px; color:#9fb5eb}
.tab li.current a{ color:#9fb5eb}

.midlist ul { padding:5px 5px; border-bottom:1px dashed #bac1d9; color:#344c7c; font-size:12px; width:348px; float:left}
.midlist ul li{ font-size:14px; line-height:24px; height:24px; overflow:hidden}
.midlist ul li em{ display:block; width:35px; height:16px; float:left; background:url(../images/sp.jpg) no-repeat; margin-top:4px; margin-right:8px}
.midlist ul li span{ float:right;  color:#686a74}
.midlist ul li a{ color:#323649}
.midlist ul li a:hover{ color:#c00}
.midlist code{ display:inline-block; text-align:right; float:right; margin:3px 0px 5px; _margin:4px 0 6px}
.midlist code a{ float:right; padding:2px 8px; background:url(../images/more.jpg) no-repeat right;  color:#2a51a1 }

.midlist ul li em{ display:inline-block; width:35px; height:16px; float:left; margin-right:5px; background:url(../images/num.jpg); margin-top:3px}

.midlist ul li em.e19852{ background-position:0px -32px}/*新闻*/
.midlist ul li em.e20532{ background-position:0px -96px}/*职业*/
.midlist ul li em.e19854{ background-position:0px -16px}/*视频*/
.midlist ul li em.e19856{ background-position:0px 0}/*图片*/
.midlist ul li em.e19858{ background-position:0px -64px}/*攻略*/
.midlist ul li em.e19860{ background-position:0px -48px}/*心情*/
.midlist ul li em.e19862{ background-position:0px -80px}/*专题*/










/*图片*/
.pic li{ width:146px; float:left; margin-left:10px; display:inline; position:relative; margin-top:10px}
.pic li a img,.pic1 li a img{  padding:2px; border:1px solid #bfc8d7}
.pic li img{ width:140px; height:105px; display:block}
.pic li p,.zttj li p{ padding-top:5px; height:36px; line-height:18px; overflow:hidden; text-align:center}
.pic li a:hover img,.pic1 li a:hover img{ border:1px solid #c00; }
.zttj li p{ height:18px;}
.pic2 li{ margin-left:17px}
.pic3 li{ width:126px; margin-left:14px}
.pic3 li img{width:120px; height:90px}
.pic4 li{ margin-left:14px}


.zttj { padding:6px 0 5px; width:298px; float:left}
.zttj li{ width:141px;  float:left; margin:9px 0px 0px 5px; display:inline }
.zttj li img{ width:135px; height:65px; display:block }
.pic1 li{ margin:10px 0px 0px 14px; float:left}
.pic1 li img{width:120px; height:90px; display:block}
.pic1 li p{ height:36px; line-height:18px; padding-top:5px; overflow:hidden; text-align:center}
.pic li code,.pic1 li code{width:42px; height:41px; position:absolute;background: url('../images/v.png') no-repeat top;*background: none;*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='dzsfiles/images/v.png'); left:33%; top:22%}
.videolist{ background:#d0d5dd; width:315px; margin-top:10px; margin-right:10px; display:inline; float:right; padding:5px}
.w642{ width:630px; float:left}
.videolist li{ height:28px; line-height:28px; font-size:14px; overflow:hidden;}
.videolist li span{ color:#686a74; float:right}



/*文章列表页*/
.list{ padding:10px 15px}
.list li{ background:url(../images/line.jpg) repeat-x bottom; padding:10px 0}
.list h3 { height:23px; line-height:23px; color:#111a2c; font-size:14px}
.list h3 a{ color:#4e4e4e}
.list h3 a:hover{color:#c00}
.list h3 span{ font-weight:normal; float:right; font-size:12px; color:#466d8e}
.list h3 span a{ color:#466d8e }
.list li p{ line-height:22px; text-indent:2em; color:#414f73 }
.list dl p a{ color:#c00; }


/*网页首页的宽度*/
.w488{ width:488px;}
.sidebar{ width:300px; float:right}
.w700{ width:700px; float:left}
.w275{ float:right; width:275px;}
.w325{ width:325px; float:left}
.w305{ width:305px; float:right}
.w320{ float:right;  width:320px}
.tableft{ width:645px; float:left}
.w324{ width:324px;}
.w315{ float:left; width:315px;}
.tj{ width:320px; float:left; border-left:1px dashed #d6dae7; padding-left:15px;}
.content{ width:675px; float:left}



/*sidebar*/
.search{ width:290px; margin:11px 0px 0px 15px; float:left; display:inline}
.text{ width:185px; height:23px; line-height:23px; padding:0px 10px; float:left; border:1px solid #96a6ca; background:none; float:left;}
.btn{ width:63px; height:25px; float:left;cursor:pointer; background:url(../images/btn.jpg); border:none; margin-left:5px; display:inline}



/*列表页面*/
.xwlist{ padding:5px 10px;}
.xwlist li{ height:26px; line-height:26px; overflow:hidden; color:#323649}
.xwlist li a{ color:#323649}
.xwlist li a:hover{ color:#c00}
.xwlist li span{ float:right;}
.flist li{ font-size:14px}

/*视频排行榜*/
.rank{ padding:7px 0px 7px 10px}
.rank li{ height:22px; line-height:22px;  overflow:hidden}
.rank li.h{ height:92px;}
.rank li code{ background:#b4c0d6;display:block; width:14px; height:13px; text-align:center; line-height:13px; overflow:hidden; color:#fff; float:left; margin-right:5px; background:#b4c0d6; margin-top:4px; font-family:Arial, Helvetica, sans-serif}
.rank li.top3 code{background:#d11d0d; }
.rakbox { line-height:22px; color:#7e5e56; padding:0px 10px;}
.rakbox code{ color:#302b26}
.rakbox img{ float:left; width:80px; height:60px; background:url(../images/pic.gif); padding:2px; margin-right:10px; display:inline  }
.rank li.bt{ border-bottom:none}
/*职业攻略*/
.strate{ padding:15px 14px 0px}


/*切换*/
.tab1{ border-top:1px solid #cbd4e5; border-left:1px solid #cbd4e5; margin-top:1px; height:29px;}
.tab1 li{ width:72px; height:28px; border-right:1px solid #cbd4e5; border-bottom:1px solid #cbd4e5; float:left; background:#edf1ff; font:normal 14px/28px 'Microsoft Yahei'; color:#2c53a2; text-align:center; cursor:pointer}
.tab1 li.current{ height:28px; background:#fff; border-bottom:1px solid #fff}
.infor{ color:#8443b6; line-height:24px; padding:10px 0px}
.infor em{ background:url(../images/icbg.jpg); width:63px; height:23px; font-weight:bold; text-align:center; display:inline-block; float:left; margin-right:5px}
.infor a{ color:#c00}
.tabr{ width:285px; float:right; margin-top:15px; display:inline}
/*资料百科*/
.data{ padding:15px 10px; width:958px; float:left; background:#ecf1f7}
.data h2 {background:url(../images/htit.jpg);color: #fff;float:left;height: 21px;line-height: 21px; margin-top:5px;overflow: hidden;text-align: center;width:64px; overflow:hidden;  float:left; font-size:12px}
.data ul {float: left;margin-top:5px;     width: 870px;}
.data ul li {float: left;line-height: 23px;padding: 0 10px;white-space: nowrap;}



.zq{ padding:9px 0px; border:1px solid #96a6ca; background:#fff; margin-top:5px;}
.zq img{ float:left; margin-left:15px; display:inline}
.zq em{ display:block; width:690px; float:left; text-indent:2em; line-height:24px; color:#5a6d92; padding-left:15px; }
.zq span{ padding-left:20px; width:180px; float:left; color:#323649; line-height:24px;border-left:1px dashed #d4d4d3}



.b_input{  width:260px; border:none; height:25px; line-height:25px;color:#999; padding:0px 10px; float:left; border:1px solid #96a6ca; background:#ecf1f7 }
.b_btn,a.top{ background:url(../images/bt_search.jpg) no-repeat 0 0px; width:63px; height:25px; border:none; cursor:pointer; float:left;  display:inline; margin-left:10px;}
a.top{ background-position:-72px 0px; margin-left:10px; width:52px; height:25px; display:block; float:left }
.bt_seach{  width:520px; margin:0 auto; height:44px; padding-top:20px; color:#777}
.bt_seach em{ display:block; font-size:14px; font-weight:bold; width:90px; float:left;  color:#5a6d92; font:400 16px/25px '微软雅黑'}
.subfooter{ float:left; width:980px; border-bottom:1px solid #979ba0; padding-bottom:10px}
.subfooter dl{ width:120px; float:left;  display:inline; padding:0px 10px}
.subfooter dl dt{  font-weight:bold; color:#33435b;line-height:30px;padding-left:10px }
.subfooter dl dd{ line-height:22px; height:22px; overflow:hidden}
.subfooter dl dd a{ color:#586270}
.subfooter dl dd a:hover{color:#c00}
.frend_zq{ width:700px; float:left; padding:10px 0px; color:#4d6086}

.friendlink .frend_pic img{ margin-right:10px; float:left; display:inline}
.frend_zq b { float:left; width:80px;  line-height:20px; height:20px; text-align:right; color:#33435b}
.frend_zq em{ display:block; float:left; width:620px;}
.frend_zq a{ line-height:22px; padding-right:20px; display:inline-block}
.gf_infor{ width:230px; float:left; line-height:22px; border-left:1px solid #979ba0 ;padding-left:30px;color:#586270; padding-top:10px;}
.gf_infor a{ color:#4d6086; text-decoration:underline}
.gf_infor a:hover{ text-decoration:none; color:#c00}
.foot_bottom{ border-top:1px solid #292929; background:#181818; width:100%; clear:both}
.bottom{ padding-top:20px; height:60px; color:#323649}
.bottom,.bottom a:link,.bottom a:visited{ color:#323649; text-align:center; line-height:23px;}

/*分页代码*/
.pages,.arc_page{ text-align:center; padding:20px 0px}
.pages a,.arc_page li a{ border:1px solid #384c7e; padding:5px 8px; background:#495e93; color:#fff; font-size:14px}
.arc_page li{ display:inline}
.pages a:hover,.pages a.current{ border:1px solid #171d2a; background:#1b2334; color:#fff}
.arc_page li a:link,.arc_page li a:visited{ color:#fff; border:1px solid #384c7e; background:#495e93}
.arc_page li a:active,.arc_page li a:hover{ background:#1b2334; border:1px solid #171d2a; color:#fff}
.arc_page li#page__end,.arc_page li#page__pre{margin:0px 5px}





/*文章列表页左右*/
.nytit,.zttit{ height:35px; border:1px solid #b9c4da; padding:1px; background:#fff; width:671px; }
.nytit h3,.zttit h3{ width:575px; float:left; font-size:12px; font-weight:normal; height:35px; background:#485f7f; line-height:35px; padding-left:10px; color:#96a6ca; }
.nytit h3 a:link,.nytit h3 a:visited,.zttit h3 a:link,.zttit h3 a:visited{ color:#96a6ca}
.nytit span,.zttit span{ float:right}
.zttit{ width:976px}
.zttit h3{ width:880px;}


/*资料文章显示页*/
.show{ padding:10px 20px}
.show h2{ text-align:center; font:bold 18px/30px '微软雅黑'; color:#0040c1; padding:0px 0px 0px;}
.show h2 a:link,show h2 a:visited{ color:#0040c1}
.msg{ line-height:35px; height:35px; border-bottom:1px solid #d6dae7;}
.msg .m_left{ width:350px; float:left; color:#5a6d92}
.msg .m_left a:link,.msg .m_left a:vistied{ color:#5a6d92}
.m_right{ width:260px; float:right}
.m_right em{ display:block; float:right; width:62px; color:#e84200; text-align:center}
.m_right em a:link,.m_right em a:visited{ color:#e84200}
.m_right em a:hover{ color:#D35903}
.d_read{ border:1px solid #e1e5f6; padding:10px; background:#eff1fa; color:#4e4cb5}
.d_read em{width:60px; height:60px; float:left; display:block}
.d_read img{ float:left; margin-right:10px; display:inline}
.d_read .up{ height:55px;  padding-left:10px; overflow:hidden; line-height:18px;}
.d_read .trg{ background:url(../images/trg.jpg) no-repeat 0px 5px; padding-left:40px; margin-top:5px; height:25px; line-height:25px; float:left }
.d_read .trg a:link,.d_read .trg a:visited{ color:#7e5e56; padding:0px 5px}
.summary{ border:1px solid #e1e5f6; padding:2px; background:#f5f6fb; margin-top:10px}
.summarybox{ border:1px solid #e9edfa; padding:2px}
.summarybox a,.summarybox2 a{ width:208px; height:23px; border:1px solid #d6dbf0; line-height:23px; text-align:center; display:inline-block; float:left; margin:0px 3px 3px 0px }
.summarybox2 a{ width:231px;}

.showbox{ padding:20px 0px 0px; line-height:26px; font-size:14px;clear:both}
.copy{ height:25px; text-align:right; line-height:25px; color:#d55901; font-size:14px;margin-top:15px }



.pingnews{ margin-top:10px;} 
.pag li{ display:inline-block; width:50%; height:25px; line-height:25px; float:left; border-top:1px dashed #999; padding-top:10px}



/*资料文章显示页*/
.zl_tit{ border-bottom:1px solid #d6dae7; height:35px; line-height:35px;}
.zl_tit em{ display:inline-block;  float:right;color:#5a6d92}
.zl_tit em a:link,.zl_tit em a:visited{ color:#7c5bad}
.zl_tit h3{ font:normal 18px/35px '微软雅黑'; color:#0040c1}
.show_tit{ padding:10px 0px;  clear:both}
.show_tit ul li{ display:inline-block; float:left; width:120px; height:22px;text-align:center;   margin-left:10px; margin-top:5px}
.show_tit ul li a:link,.show_tit ul li a:visited{ color:#fff;border:1px solid #828fab; background:#96a2bc;height:22px; line-height:22px; display:block}
.show_tit ul li a:active,.show_tit ul li a:hover{ background:#d18177; color:#fff; border:1px solid #be695f}
.google{ padding:20px 0px; height:22px;  text-align:center}
.google a:link,.google a:visited{ color:#297be1}

.data_right h2{ background:url(../images/t.jpg); height:37px; font:400 16px/37px '微软雅黑'; color:#fff; padding-left:20px; width:280px; float:left}
.data_right ul{ border:1px solid #96a6ca; border-top:none; background:#fff; float:left; padding:10px 10px 10px 5px; width:283px; margin-bottom:5px;}
.data_right ul li{ height:24px;  background:#8294b6; line-height:24px; width:65px; float:left; display:inline; margin-left:5px; margin-bottom:5px; text-align:center; color:#fff}
.data_right ul li a:link,.data_right ul li a:visited{ color:#fff; height:24px; background:#8294b6; line-height:24px; width:65px; display:block; overflow:hidden}
.data_right ul li a:active,.data_right ul li a:hover{ background:#48629c; color:#fff}
.zl_box{ text-align:center;}
.zl_box h2{ font:normal 20px/40px '微软雅黑'; color:#0040c1}
.zl_search{ background:url(../images/searchbox.jpg); width:399px; height:30px; margin:0 auto}
.zl_search .input1{ width:280px; height:23px; border:1px solid #b7c5dc; background:none; float:left; padding:0px 5px; line-height:23px}
.zl_list{ padding:20px 0 10px; border-top:1px solid #e7e7e7; margin-top:20px; width:640px; float:left;}
.zl_list li{ width:140px; float:left; background:url(../images/icon5.jpg) no-repeat 0px 7px; padding-left:20px; color:#344c7c; height:25px; line-height:25px; overflow:hidden}
.zl_list li a:link,.zl_list li a:visited{ color:#344c7c}

.newsread{ border:1px solid #d9d7d7; padding:2px; background:#e4e4ea; margin:10px 0}
.newbd { border:1px solid #d9d7d7; background:#f2f2f8; padding:2px 3px}
.newbd .xnewbd a,.newsli a{ width:232px; height:23px; line-height:23px; border:1px solid #bebebe; text-align:center; background:#e5e5e5; float:left; margin:1px;  display:block; color:#787878}
.newsli li{ width:209px}
.my_clip_button{ color:#7486c4}
a.g{color:#589983}
a.h{ color:#d22b2c}