/*整个文档的样式*/
*{ margin:0; padding:0; border:none; outline:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:20px;}
ul,li{ list-style-type:none;}
a{ color:#02d17e; text-decoration:none;}
a:hover{ text-decoration:underline;}
.clearfix{ clear:both; font-size:0;}
.container{ width:100%; height:auto; background:#fff;}

/*头部样式*/
.header{ width:100%; height:auto;}
.top{ width:100%; height:26px; background:#f7f7f7; line-height:26px;}
.top_nav, .nav_width{ width:1008px; margin:0 auto; position:relative;}
.top_nav .share{ width:30%; float:left; margin-left:15px;}
.top_nav .share span{ display:inline-block; margin-top:3px; margin-right:5px;}
.top_nav .log_reg_nav{ width:50%; float:right; text-align:right;}
.top_nav .log_reg_nav a{ color:#333; padding:0 3px;}
.nav{ width:100%; height:70px; line-height:70px; background:#00AE68;}
.logo{ position:absolute; top:-6px; left:0; margin:0;}
.nav_menu{ position:absolute; left:220px;}
.nav_menu li{ float:left;margin-right:28px; margin-left:28px;}
.nav_menu li a{ font-size:16px; color:#fff; display:inline-block;}
.post_job{ position:absolute; right:70px; top:20px;}
.post_job a.btn_post{ background:url(../img/jobs/homepage/btn_post.png) no-repeat; font-size:16px; color:#fff; width:130px; height:30px; line-height:30px; display:block; text-align:center;}

/*图片内容样式*/
.img_container{ width:1008px; margin:65px auto;}
.img_contain{ width:1008px;}
.guide, .article, .answer, .dating{ width:326px; height:200px; float:left; position:relative;}
.gudie{ background:url(../img/jobs/homepage/guide.jpg) no-repeat;}
.article, .answer, .dating{ margin-top:15px;}
.guide, .answer, .dating{ margin-left:15px;}
.jobs{ width:667px; height:200px; float:left; position:relative; background:url(../img/jobs/homepage/jobs.jpg) no-repeat;}
.jobs_text{ position:absolute; bottom:18px;}
.jobs_text b{margin-left:15px; padding-top:5px; color:#fff; font-weight:normal; display:inline-block; font-size:16px;}
.jobs h1, .guide h1, .article h1, .answer h1, .dating h1{ margin-left:15px; color:#fff; font-size:24px;}
.jobs p, .guide p, .article p, .answer p, .dating p{ height:35px; line-height:35px; margin-left:15px; color:#fff;}
.guide{ background:url(../img/jobs/homepage/guide.jpg) no-repeat;}
.article{ background:url(../img/jobs/homepage/article.jpg) no-repeat;}
.answer{ background:url(../img/jobs/homepage/answer.jpg) no-repeat;}
.dating{ background:url(../img/jobs/homepage/dating.jpg) no-repeat;}

.block01{ width:240x; height:148px; vertical-align:middle;position: relative;}
.block01 .view{position: absolute;top: 55px;display: none;z-index: 1;}
.block01 .bg{width: 100%;height: 100%;background:#000;;position: absolute;top: 0;opacity: 0.7;display: none;}
.block01 p{ font-size:16px; text-align:center; color:#ff4848; line-height:24px; width:210px;}
.block01:hover .view,.block01:hover .bg{display: block;}

/*图片加广告内容样式*/
.img_container01{ width:740px; margin:65px auto;}
.img_contain01{ width:740px;}
.ad003{ margin-bottom:10px;}
.guide01, .article01, .answer01, .dating01{ width:240px; height:148px; float:left; position:relative;}
.article01, .answer01, .dating01{ margin-top:10px;}
.guide01, .answer01, .dating01{ margin-left:10px;}
.jobs01{ width:490px; height:148px; float:left; position:relative; background:url(../img/jobs/homepage/ad_jobs.jpg) no-repeat;}
.jobs01_text{position:absolute; bottom:18px;}
.jobs01_text b{margin-left:15px; padding-top:5px; color:#fff; display:inline-block;}
.jobs01 h1, .guide01 h1, .article01 h1, .answer01 h1, .dating01 h1{ margin-left:15px; color:#fff; font-size:24px;}
.jobs01 p, .guide01 p, .article01 p, .answer01 p, .dating01 p{ height:35px; line-height:35px; margin-left:15px; color:#fff;}
.guide01{ background:url(../img/jobs/homepage/ad_guide.jpg) no-repeat;}
.article01{ background:url(../img/jobs/homepage/ad_article.jpg) no-repeat;}
.answer01{ background:url(../img/jobs/homepage/ad_answer.jpg) no-repeat;}
.dating01{ background:url(../img/jobs/homepage/ad_dating.jpg) no-repeat;}

.block{ width:240x; height:148px; vertical-align:middle;position: relative;}
.block .view{position: absolute;top: 55px;display: none;z-index: 1;}
.block .bg{width: 100%;height: 100%;background:#000;;position: absolute;top: 0;opacity: 0.7;display: none;}
.block p{ font-size:16px; text-align:center; color:#ff4848; line-height:24px; width:210px;}
.block:hover .view,.block:hover .bg{display: block;}

/*广告内容样式*/
.ad{ width:1008px; height:90px; margin:0 auto;}

/*主要内容样式*/
.main_contain{ width:1008px; margin:15px auto;}
.feature{ float:left; width:290px;}
.latest{ float:left; width:450px; margin-left:15px;}
.right{ float:right; width:238px;}
.title{ border-bottom:2px solid #00AE68;}
.title span{ display:inline-block; padding:3px 18px 0 10px; background:#00AE68; color:#fff;}
.news img{ margin:10px 0;}
.news strong{ color:#666;}
.news p{ color:#999; font-size:12px;}

.city_title{ background:#EEEEEE; border-top:1px solid #DCDCDC; padding:1px 10px; font-weight:bold;}
.city_img{ width:100%;}
.city_img_block{ float:left; width:220px; height:120px; margin-top:10px;}
.city_img_block img{ width:220px; height:100px;}
.city_img_block span{ display:block; background:#B3F0D8; text-align:center; height:20px; font-weight:bold;}
.city_img_block a span, .all_more_city a c{ color:#333; font-style:normal;}
.all_more_city a .sel_city{color:#333; font-style:normal;}
.all_more_city a:hover .sel_city{background:#02CC7E;}
.all_more_city a:hover c{ background:#02CC7E;}
.city_img_block a span:hover{ color:#00ae68;}
.gap01{ margin-left:10px;}
.all_more_city li, .type li{ float:left;}
.all_more_city c{ width:105px; height:20px; text-align:center; display:inline-block; background:#B3F0D8; margin-top:10px; font-weight:bold; margin-left:10px;}
.all_more_city .sel_city{ width:105px; height:20px; text-align:center; display:inline-block; background:#B3F0D8; margin-top:10px; font-weight:bold; margin-left:10px;}
.job_type, .search, .media_share{ margin-top:20px;}
.type span{ width:143px; height:20px; background:#02CC7E; color:#fff; display:inline-block; text-align:center; margin-left:10px; margin-top:18px;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border-radius:10px;}
.input{ width:450px; border:1px solid #DCDCDC; border-top:2px solid #dcdcdc; height:27px; line-height:27px; margin-top:10px; padding-left:5px;}
.li_btn{ text-align:center; margin-top:15px; margin-bottom:35px;}
.btn{ background:url(../img/jobs/homepage/submit.jpg) repeat-x; width:80px; height:30px; line-height:30px; font-size:16px; font-weight:bold;}
.media_share ul{ text-align:center; margin-top:28px; margin-bottom:35px;}
.media_share ul li{ display:inline-block; margin-left:25px;}
.media_share ul li a{ width:40px; height:40px; display:inline-block;}
a.facebook{ background:url(../img/jobs/homepage/share_icon.png) no-repeat 0px 0px; }
a.facebook:hover{background:url(../img/jobs/homepage/share_icon.png) no-repeat -50px 0px;}
a.linkedin{ background:url(../img/jobs/homepage/share_icon.png) no-repeat 0px -48px; }
a.linkedin:hover{background:url(../img/jobs/homepage/share_icon.png) no-repeat -50px -48px;}
a.twetter{ background:url(../img/jobs/homepage/share_icon.png) no-repeat 0px -96px; }
a.twetter:hover{background:url(../img/jobs/homepage/share_icon.png) no-repeat -50px -96px;}
a.chat{ background:url(../img/jobs/homepage/share_icon.png) no-repeat 0px -144px; position:relative;}
a.chat:hover{background:url(../img/jobs/homepage/share_icon.png) no-repeat -50px -144px;}
a.chat:hover img{display:block;}
a.phone{ background:url(../img/jobs/homepage/share_icon.png) no-repeat 0px -192px; position:relative;}
a.phone:hover{background:url(../img/jobs/homepage/share_icon.png) no-repeat -50px -192px;}
a.phone:hover img{ display:block;}
a.chat img{ position:absolute; top:51px; right:-86px; display:none;}
a.phone img{ position:absolute; top:11px; left:60px; display:none;}
a#morecity{ margin-top: 9px;
    display: inline-block;
    width: 105px;
    text-align: center;
    margin-left: 10px;}



.sidebar_ads{ width:238px; text-align:center;}
.gap{ margin-top:10px;}
.know{ width:238px;  line-height:16px;}
.know_content li{ border-bottom:1px dashed #DCDCDC; padding-top:10px; padding-bottom:10px;}
.know_content li a{ color:#666;}
.know_content li a:hover{ color:#00ae68;}
a.more{ float:right; font-size:10px;}


/*尾部样式*/
.footer01{ width:100%; height: auto; background:#F7F7F7;}
.footer_con01{ width:1008px; margin:0 auto;  font-size:16px;}
.footer_con01 ul{ text-align:center; padding-top:20px; padding-bottom:10px;}
.footer_con01 ul li{ font-weight:bold; display:inline-block;}
.footer_con01 ul li a{ color:#666; font-size:16px; margin:0 5px;}
.footer_con01 p{ padding-bottom:20px; text-align:center; font-size:16px;}
.footer_con01 p a{ color:#666;}

/*返回顶部*/
.back_to_top{position:fixed; left:50%;bottom:115px; display:block; margin-left:530px; width:40px;}

/*City_Guides 弹出框样式*/
.city_guide_hover{ position:absolute; z-index:200; background:#fff; opacity:0.9; filter:alpha(opacity=90); width:358px; height:auto; padding:8px 10px 10px 10px; border:1px solid #1982B7;}
.city_guide_hover .icon{ background:rgba(0, 0, 0, 0) url("../img/spaces.png") no-repeat scroll 0 0; width:19px; height:7px; position:absolute; left:30px; top:-7px;}
.city_guide_hover li{ height:32px; line-height:30px; margin:0 4px; float:left;}
.red_color{ color:#950006;}
.orange{ color:#F56008;}
.city_guide_hover li.red_color a, .city_guide_hover li.red_color a:hover{ font-size:14px; color:#B20808 !important; padding-right:13px;}
.city_guide_hover li.orange a, .city_guide_hover li.orange a:hover{ color:#F56008;}
.city_guide_hover li a{ display:block; text-align:center; font-weight:bold; font-size:12px; color:#9c9c9c; background:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.city_guide_hover li a:hover{ color:#9c9c9c; text-decoration:underline; font-weight:bold; font-size:12px;}