/*整个文档的样式*/
*{ 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;}
a#read_more{ color:#950006; text-decoration:none;}
a:hover#read_more{ text-decoration:underline;}
.clearfix{ clear:both; font-size:0;}
.container{ width:100%; height:auto; background:#eee;}

/*头部样式*/
.header{ width:100%; height:auto;}
.top{ width:100%; height:33px; background:#f7f7f7; line-height:26px;}
.top_nav, .nav_width{ width:1008px; margin:0 auto; position:relative;}
.top_nav .share{ width:30%; float:left;width: 100%;height: 26px;}
.top_nav .share span{ display:inline-block; margin-top:3px; margin-right:5px;}
.top_nav .share .left{width: 70%;float: left;height: 100%;}
.top_nav .share .left li{float: left;width: 20%;text-align: center;line-height: 34px;}
.top_nav .share .left li a{color: #00AE68;font-size: 16px;font-weight: bolder;}
.top_nav .share .right{width: 30%;height: 100%;}
.top_nav .share .right .person{width: 30%;float: left;position: relative;}
.top_nav .share .right .person:nth-child(1){margin-left: 30%;}

.top_nav .share .right .person .icon{min-width: 30px;height: 30px;background: url("/static/img/home/nav-top.png") no-repeat;cursor: pointer;position: relative;}
.top_nav .share .right .person:hover .icon{background: url("/static/img/home/nav-top.png") -56px 0px no-repeat;}
.top_nav .share .right .person .icon sl{overflow: hidden;word-break: normal;text-overflow: ellipsis;width: 68px;display: block;}
.top_nav .share .right .person ul{position: relative;z-index: 48;background: #ffffe5;left: -28px;border-radius: 2px;color: #7a92aa;display: none;}
.top_nav .share .right .person.curshow ul{display: block;}
.top_nav .share .right .person li{text-align: center;}
.top_nav .share .right .person li:hover{background: #fdecdc;}
.top_nav .share .right .person li a{color: #9a3b01;}
.top_nav .share .right .person.employer ul{background: #edf6ff;}
.top_nav .share .right .person.employer li:hover{background: #e2f0fd;}
.top_nav .share .right .person.employer li a{color: #05294b;}
.top_nav .share .right .person.employer .icon{background: url("/static/img/home/nav-top.png") 1px -43px no-repeat;}
.top_nav .share .right .person.employer.loginno:hover .icon{background: url("/static/img/home/nav-top.png") -54px -43px no-repeat;}
.top_nav .share .right .person.loginok .icon{background: none;color: #f6983e;font-weight: bolder;left: -20px;}
.top_nav .share .right .person.loginok .icon i{background: url(/static/img/home/nav-top.png) no-repeat;background-position-y: -94px;background-position-x: 1px;width: 10px;height: 10px;display: block;position: absolute;top: 10px;right: -10px;}
.top_nav .share .right .person.employer.loginok .icon i{background-position-x:-34px;}
.top_nav .share .right .person.employer.loginok .icon{color: #5997f4;}

.top_nav .share .right .person ._tip{position: absolute;background: #febd7d;padding: 0px 7px;height: 20px;line-height: 20px;top: 6px;font-weight: bold;display: none;left: -59px;color: #9a3b01;}
.top_nav .share .right .person.employer ._tip{background: #d1e6fb;left: 32px;color:#05294b;}
.top_nav .share .right .person.loginno:hover ._tip{display: block;}


.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; background:#00AE68;}
.logo{ position:absolute; top:-4px; 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:45px; 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;}
.msg_show_top_emp_close{ right:121px;}

/*图片内容样式*/
.img_container{ width:1008px; margin:65px auto; position:relative;}
.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:326px; height:200px; vertical-align:middle;position: relative;}
.block01 .view{position: absolute;top:70px;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:305px;}
.block01:hover .view,.block01:hover .bg{display: block;}
.block01.active .view,.block01.active .bg{display: block;}

/*图片加广告内容样式*/
.img_container01{ width:740px; margin:38px 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:240px; 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;}
.block.active .view,.block.active .bg{display: block;}
/*广告内容样式*/
.ad{ width:1008px; height:90px; margin:0 auto;}

/*主要内容样式*/
.main_contain{ width:1008px; margin:15px auto;}
.left{ float:left; width:290px;}
.feature{ width:290px; box-shadow:0 0 6px rgba(0,0,0,0.2); margin-top:15px; background:#fff;}
.latest{ float:left; width:450px; margin-left:15px; box-shadow:0 0 6px rgba(0,0,0,0.2); margin-top:15px; font-style:normal; background:#fff;}
.right{ float:right; width:238px;}
.title{ border-bottom:3px solid #00AE68;}
.title span{ display:inline-block; padding:5px 18px 2px 10px; background:#00AE68; color:#fff; font-size:16px; font-weight:bold; font-style:normal;}
.title a span:hover{ text-decoration:underline;}
.news img{ margin:10px 8px;}
.news strong{ color:#222; font-size:14px; line-height:20px; display:block;}
.news a strong{ color:#444; padding-left:8px; padding-right:8px;}
.news a:hover strong{ text-decoration:underline;}
.news p{ color:#222; font-size:12px; line-height:20px; margin:15px 8px 0px 8px;}

.city_title{ background:#EEEEEE; border-top:1px solid #DCDCDC; padding:1px 10px; font-weight:bold;}
.city_img{ padding-left:8px; padding-right:8px;}
.city_img_block{ float:left; width:212px; height:120px; margin-top:10px;}
.city_img_block img{ width:212px; 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:101px; 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:138px; 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:434px; 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: 101px; text-align: center; margin-left: 10px; color:#950006; text-decoration:none;}
a:hover#morecity{ text-decoration:underline;}

.sidebar_ads{ width:238px; text-align:center;}
.gap{ margin-bottom:12px;}
.know{ width:238px;  line-height:16px; box-shadow:0 0 6px rgba(0,0,0,0.2); background:#fff;}
.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:normal; display:inline-block;}
.footer_con01 ul li a{ color:#000; font-size:12px; margin:0 5px; font-family:Arial, Helvetica, sans-serif;}
.footer_con01 ul li a:hover{ color:#666;}
.footer_con01 p{ padding-bottom:20px; text-align:center; font-size:12px; color:#000; font-weight:normal;}
.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;}

/*头部增加搜索框161216*/
.head_top_login{ width:450px; margin-left:340px;}


/*网站首页改版需求170222*/
.Menu_pack{ position:absolute; left:50%; top:122px; display:block; margin-left:512px; width:30px;}
.Menu_pack a{padding-bottom:3px; font-size:14px; font-weight:bold; color:#fff; width:30px; line-height:20px; display:block; background:url(/static/img/jobs/homepage/menu_title.png) no-repeat}
.Menu_pack a.OP{ background-position:0 0; height:30px;}
.Menu_pack a.OP:hover{ background-position:0 -150px; height:30px;}
.Menu_pack a.JS{ background-position:-62px 0; height:60px;}
.Menu_pack a.JS:hover{ background-position:-62px -150px; height:60px;}
.Menu_pack a.CG{ background-position:-122px 0; height:119px;}
.Menu_pack a.CG:hover{ background-position:-122px -150px; height:119px;}
.Menu_pack a.AR{ background-position:-184px 0; height:85px;}
.Menu_pack a.AR:hover{ background-position:-184px -150px; height:85px;}
.Menu_pack a.AN{ background-position:-249px 0; height:95px;}
.Menu_pack a.AN:hover{ background-position:-249px -150px; height:95px;}
.Menu_pack a.HO{ background-position:-323px 0; height:88px;}
.Menu_pack a.HO:hover{ background-position:-323px -150px; height:88px;}

a.Menu_close{ position:absolute; top:-26px; right:0;}

.article_left{ width:755px; float:left;}
.promote_ar{ width:755px; box-shadow:0 0 6px rgba(0,0,0,0.2); margin-top:5px; background:#fff;}
.promote_news{ margin:8px 8px 20px 8px;}
.promote_news img{ float:left; margin-right:15px;}

.promote_news_news{ width:295px; font-size:16px; color:#666; padding-top:15px; line-height:25px;}
.promote_news_news a, .promote_news_news a:hover{ color:#666; text-decoration:none;}
.promote_news_news a.news_title{ font-size:24px; font-weight:bold; color:#666; line-height:30px; display:block; padding-bottom:10px;}
.promote_news_news a#read_more{ font-size:12px;}