#content { background:#fafafa; padding:0px 0px 40px 0px;}
#content .top_box{ float:left; width:100%; padding:60px 0px 25px 0px; background:#eff6fd;}
#content .top_box div.left{ width:820px; margin:0px 0px 0px 20px;}
#content .top_box div.left h1.article_title a{ font-size:16px; color:#808080; margin:0px 0px 10px 0px;}
#content .top_box div.left h2{ font-size:36px; color:#333333; margin:0px 0px 10px 0px;}
#content .top_box div.left p.info{ font-size:20px; color:#808080; margin:0px 0px 10px 0px;}
#content .top_box div.left p.info span{ font-size:20px; color:#f3711a;}
#content .top_box div.left ul.other{ height:20px; width:100%; overflow:hidden;}
#content .top_box div.left ul.other li{ float:left; margin:0px 20px 0px 0px; height:20px;}
#content .top_box div.left ul.other li i{ float:left; display:inline-block; margin:3px 3px 0px 0px;}
#content .top_box div.left ul.other li span{ float:left; color:#808080; margin:2px 0px 0px 0px;}
#content .top_box div.left ul.other li span b{ color:#ff0000;}
#content .top_box div.left ul.other li.time i{ height:14px; width:14px; background:url(../../images/2017/clock_icon.png) no-repeat;}
#content .top_box div.left ul.other li.view i{ height:14px; width:17px; background:url(../../images/2017/eye_icon.png) no-repeat; background-size:16px 12px;}
#content .top_box div.right{ padding:25px 0 0 0;}
#content .top_box div.right a.app_article{ display:inline-block; float:left; width:150px; height:45px; line-height:45px; text-align:center; font-size:20px; background:#f3711a; color:#fff; border:1px solid #f3711a; border-radius:5px; margin:0px 0px 0px 20px; float:left;}
#content .top_box div.right a:hover{ opacity:0.6;}



#content .fixed_box{ position:fixed; float:left; width:100%; padding:20px 0px 20px 0px; background:#eff6fd; top:0; display: none;}
#content .fixed_box div.left{ width:820px; margin:0px 0px 0px 20px;}
#content .fixed_box div.left p{ font-size: 18px; color: #333333; line-height: 47px; max-width: 820px; height: 47px; overflow: hidden;}
#content .fixed_box div.right a{ display:inline-block; float:left; width:150px; height:45px; line-height:45px; text-align:center; font-size:20px; background:#f3711a; color:#fff; border:1px solid #f3711a; border-radius:5px; margin:0px 0px 0px 20px; float:left;}
#content .fixed_box div.right a:hover{ opacity:0.6;}
#content .fixed_box div.right a.fav_job{ display:inline-block; float:left; width:150px; height:45px; line-height:45px; text-align:center; font-size:20px; color:#f3711a; background:none; border:1px solid #f3711a; border-radius:5px; margin:0px 0px 0px 20px; float:left;}


#content .bottom_box { margin:40px 0px 0px 0px;}
#content .bottom_box div.left{ width:840px; padding:35px 20px 0px 20px; background:#fff;}
#content .bottom_box div.left h3.item_title{ font-size:20px; color:#333333; width:100%; margin:0px 0px 30px 0px;}
#content .bottom_box div.left h3.item_title a{ font-size:20px; color:#333333; }
#content .bottom_box div.left div.item_content{ width:100%; margin:0px 0px 50px 0px;}

#content .bottom_box div.left div.article_box a{ float: left; width: calc(100% - 22px); display: block; border: 1px solid #ccc; border-radius: 7px; padding: 10px;}
#content .bottom_box div.left div.article_box a span{ font-size: 14px; color: #666; font-weight: bold;}
#content .bottom_box div.left div.article_box a span.left{ max-width: 765px; overflow: hidden; height: 20px; display: inline-block;}
#content .bottom_box div.left div.article_box a:hover span{ color: #999;}

#content .bottom_box div.left div.article_jobs_box ul li{ width:100%; height:20px; margin:0px 0px 10px 0px;}
#content .bottom_box div.left div.article_jobs_box ul li a{ display:inline-block; height:20px; line-height:20px; font-size:14px; color:#188eee; width:330px; overflow:hidden; float:left;}
#content .bottom_box div.left div.article_jobs_box ul li a:hover{ text-decoration:underline;}
#content .bottom_box div.left div.article_jobs_box ul li i{ float:left; display: inline-block; width:2px; height:20px; background:#f2f2f2; margin:0px 15px 0px 15px;}
#content .bottom_box div.left div.article_jobs_box ul li span{ float:left; display: inline-block; width:135px; height:20px; line-height:20px; font-size:14px; color:#808080; text-align:center;}



#content .bottom_box div.left .district_jobs_box{ background:#fff; margin:20px 0 0 0; padding:20px 0px 20px 0px; float: left; width: 100%;}
#content .bottom_box div.left .district_jobs_box h2.title{ font-size:20px; color:#333; margin:0px 0px 30px 0px;}
#content .bottom_box div.left .district_jobs_box ul{ float:left; width:110%;}
#content .bottom_box div.left .district_jobs_box ul li{ float:left; margin:0px 10px 20px 0px; padding:20px; width:230px; height:100px; overflow:hidden; border:1px solid #ccc;}
#content .bottom_box div.left .district_jobs_box ul li div.top{ float:left; width:100%; height:65px; border-bottom:1px solid #ebebeb;}
#content .bottom_box div.left .district_jobs_box ul li div.top a.name{ float:left; font-size:16px; color:#808080; display:inline-block; max-width:110px; height:22px; overflow:hidden;}
#content .bottom_box div.left .district_jobs_box ul li div.top a.name:hover{ color:#188eee;}
#content .bottom_box div.left .district_jobs_box ul li div.top span.wage{ float:right; font-size:14px; color:#f3711a; display:inline-block; max-width:120px; height:20px; line-height:20px;}
#content .bottom_box div.left .district_jobs_box ul li div.top p.info{ width:100%; float:left; font-size:14px; color:#cccccc; margin:10px 0px 0px 0px; height:20px; overflow:hidden;}
#content .bottom_box div.left .district_jobs_box ul li div.bottom{ float:left; height:20px; width:100%; margin:20px 0px 0px 0px;}
#content .bottom_box div.left .district_jobs_box ul li div.bottom span.company{ float:left; font-size:14px; color:#cccccc; display:inline-block; max-width:150px; height:20px; overflow:hidden;}
#content .bottom_box div.left .district_jobs_box ul li div.bottom span.date{ float:right; font-size:14px; color:#cccccc;}
#content .bottom_box div.left .district_jobs_box ul li:hover{ box-shadow: 0px 0px 3px 3px #eae7e7;}




#content .bottom_box div.left .type_jobs_box{ background:#fff; margin:20px 0 0 0; padding:20px 0px 20px 0px; float: left; width: 100%;}
#content .bottom_box div.left .type_jobs_box h2.title{ font-size:20px; color:#333; margin:0px 0px 30px 0px;}
#content .bottom_box div.left .type_jobs_box ul{ float:left; width:110%;}
#content .bottom_box div.left .type_jobs_box ul li{ float:left; margin:0px 10px 20px 0px; padding:20px; width:230px; height:100px; overflow:hidden; border:1px solid #ccc;}
#content .bottom_box div.left .type_jobs_box ul li div.top{ float:left; width:100%; height:65px; border-bottom:1px solid #ebebeb;}
#content .bottom_box div.left .type_jobs_box ul li div.top a.name{ float:left; font-size:16px; color:#808080; display:inline-block; max-width:110px; height:22px; overflow:hidden;}
#content .bottom_box div.left .type_jobs_box ul li div.top a.name:hover{ color:#188eee;}
#content .bottom_box div.left .type_jobs_box ul li div.top span.wage{ float:right; font-size:14px; color:#f3711a; display:inline-block; max-width:120px; height:20px; line-height:20px;}
#content .bottom_box div.left .type_jobs_box ul li div.top p.info{ width:100%; float:left; font-size:14px; color:#cccccc; margin:10px 0px 0px 0px; height:20px; overflow:hidden;}
#content .bottom_box div.left .type_jobs_box ul li div.bottom{ float:left; height:20px; width:100%; margin:20px 0px 0px 0px;}
#content .bottom_box div.left .type_jobs_box ul li div.bottom span.company{ float:left; font-size:14px; color:#cccccc; display:inline-block; max-width:150px; height:20px; overflow:hidden;}
#content .bottom_box div.left .type_jobs_box ul li div.bottom span.date{ float:right; font-size:14px; color:#cccccc;}
#content .bottom_box div.left .type_jobs_box ul li:hover{ box-shadow: 0px 0px 3px 3px #eae7e7;}



#content .bottom_box div.right{ width:280px;}
#content .bottom_box div.right div.item_box{ width:100%; float:left; margin:0px 0px 20px 0px; background:#fff;}



div.attachment_box{ position: absolute; width:100%; height:100%; top:0; display:none;}
div.attachment_box .bg{ position: absolute; width:100%; height:100%; top:0; background:#000; opacity:0.6; z-index:5;}
div.attachment_box .content_box{ position: fixed; width:530px; padding:20px 20px 10px; background:#ebebeb; top:30%; left:50%; z-index:6; margin:0 0 0 -275px; float:left;}
div.attachment_box .content_box div.top{ float:left; width:100%; border-bottom:1px solid #cccccc; padding:0px 0px 20px 0px;}
div.attachment_box .content_box div.top span{ font-size:20px; color:#188eee; float:left; margin:0 0 0 195px;}
div.attachment_box .content_box div.top a.close{ float:right; display:inline-block; width:13px; height:13px; background:url(../../images/2017/close.png) no-repeat; background-size:13px 13px; margin:5px 0px 0px 0px;}
div.attachment_box .content_box div.bottom{ padding:30px 0px 20px 0px; position:relative;}
div.attachment_box .content_box div.bottom span{ display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; border-radius:5px; background:#f3711a; color:#fff; font-size:20px; float:left; margin:0px 0px 30px 175px;}
div.attachment_box .content_box div.bottom input{ position:absolute; display:inline-block; width:160px; height:50px; left:175px; top:30px; cursor:pointer; opacity:0;}
div.attachment_box .content_box div.bottom p{ font-size:14px; color:#808080; margin:0px 0px 10px 0px;}

div.empty_resume_box{ position: absolute; width:100%; height:100%; top:0; display: none;}
div.empty_resume_box .bg{ position: absolute; width:100%; height:100%; top:0; background:#000; opacity:0.6; z-index:5;}
div.empty_resume_box .content_box{ position: fixed; width:530px; padding:20px 20px 10px; background:#ebebeb; top:30%; left:50%; z-index:6; margin:0 0 0 -275px; float:left;}
div.empty_resume_box .content_box div.top{ float:left; width:100%; border-bottom:1px solid #cccccc; padding:0px 0px 20px 0px;}
div.empty_resume_box .content_box div.top span{ font-size:20px; color:#188eee; float:left; margin:0 0 0 210px;}
div.empty_resume_box .content_box div.top a.close{ float:right; display:inline-block; width:13px; height:13px; background:url(../../images/2017/close.png) no-repeat; background-size:13px 13px; margin:5px 0px 0px 0px;}
div.empty_resume_box .content_box div.bottom{ padding:30px 0px 20px 0px; position:relative;}
div.empty_resume_box .content_box div.bottom b{ display:block; font-size:20px; color:#333333; font-weight:bold; text-align:center;}
div.empty_resume_box .content_box div.bottom p{ font-size:14px; color:#808080; text-align:center; margin:10px 0px 20px 0px;}
div.empty_resume_box .content_box div.bottom a.attachment_resume{ display:inline-block; width:160px; height:50px; border-radius:5px; line-height:50px; text-align:center; font-size:20px; color:#fff; background:#f3711a; margin:0 50px 0 80px;}
div.empty_resume_box .content_box div.bottom a.online_resume{ display:inline-block; width:160px; height:50px; border-radius:5px; line-height:50px; text-align:center; font-size:20px; color:#fff; background:#ffbe5c;}