#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.company_name 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.label{ height:20px; width:100%; overflow:hidden; margin:0px 0px 10px 0px;}
#content .top_box div.left ul.label li{ height:20px; float:left; margin:0px 10px 0px 0px; background:#fff; border-radius:10px; padding:0px 10px 0px 10px; overflow:hidden;}
#content .top_box div.left ul.label li p{ color:#808080; width:100%; text-align:center; line-height:20px;}
#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.left ul.other li.apply i{ height:14px; width:14px; background:url(../../images/2017/apply_icon.png) no-repeat;}
#content .top_box div.right{ width:345px; padding:25px 0 0 0;}
#content .top_box div.right a.apply_job{ 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.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 .top_box div.right a:hover{ opacity:0.6;}
#content .top_box div.right div.default_box{ float:left; margin:10px 0 0 0;}
#content .top_box div.right div.online{ margin:10px 0px 0px 45px; float:left;}
#content .top_box div.right div.attachment{ margin:10px 20px 0px 0px; float:right;}
#content .top_box div.right div.online i{ float:left; display:inline-block; width:22px; height:22px; background:url(../../images/2017/file_icon.png) no-repeat; background-size:22px 22px; margin:0px 5px 0px 0px;}
#content .top_box div.right div.attachment i{ float:left; display:inline-block; width:18px; height:19px; background:url(../../images/2017/attachment_icon.png) no-repeat; background-size:18px 19px; margin:0px 5px 0px 0px;}
#content .top_box div.right div.attachment>span{ max-width:56px; height:18px; overflow:hidden; display:inline-block;}
#content .top_box div.right div.default_box .default_radio{ float:left; background:url(../../images/2017/radio_icon.png) no-repeat; width:15px; height:15px; background-size:15px 15px;-webkit-appearance:none; margin:3px 10px 0px 0px;}
#content .top_box div.right div.default_box span{ font-size:14px; color:#808080;}
#content .top_box div.right div.default_box:hover .default_radio{ background:url(../../images/2017/radio_icon2.png) no-repeat; background-size:15px 15px;}
#content .top_box div.right div.default_box:hover span{ color:#f3711a;}
#content .top_box div.right div.online:hover i{ background:url(../../images/2017/file_icon_h.png) no-repeat; background-size:22px 22px;}
#content .top_box div.right div.attachment:hover i{ background:url(../../images/2017/attachment_icon_h.png) no-repeat; background-size:18px 19px;}
#content .top_box div.right div.default_box .default_radio:checked{ background:url(../../images/2017/radio_icon_h2.png) no-repeat; background-size:15px 15px;-webkit-appearance:none;}
#content .top_box div.right div.online a.online_resume{ display:inline-block; float:left;}
#content .top_box div.right div.online a.online_resume i{ display:inline-block; float:left; width:19px; height:17px; background:url(../../images/2017/edit_icon.png) no-repeat; background-size:19px 17px; margin:0px 5px 0px 0px;}
#content .top_box div.right div.online a.online_resume span{ font-size:14px; color:#808080;}
#content .top_box div.right div.online a.online_resume:hover i{ background:url(../../images/2017/edit_icon_h2.png) no-repeat; background-size:19px 17px;}
#content .top_box div.right div.online a.online_resume:hover span{ color:#f3711a;}

#content .top_box div.right div.attachment a.attachment_resume{ display:inline-block; float:left;}
#content .top_box div.right div.attachment a.attachment_resume i{ display:inline-block; float:left; width:23px; height:17px; background:url(../../images/2017/upload_icon.png) no-repeat; background-size:23px 17px; margin:0px 5px 0px 0px;}
#content .top_box div.right div.attachment a.attachment_resume span{ font-size:14px; color:#808080;}
#content .top_box div.right div.attachment a.attachment_resume:hover i{ background:url(../../images/2017/upload_icon_h2.png) no-repeat; background-size:23px 17px;}
#content .top_box div.right div.attachment a.attachment_resume:hover span{ color:#f3711a;}


#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{ width:345px;}
#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.des_box div.item_content{ font-size:14px; color:#808080; line-height:25px;}
#content .bottom_box div.left div.address_box div.item_content span{ font-size:14px; color:#808080;}
#content .bottom_box div.left div.address_box div.item_content a{ font-size:14px; color:#188eee; margin:0px 0px 0px 10px;}
#content .bottom_box div.left div.address_box div.item_content a:hover{ text-decoration:underline;}
#content .bottom_box div.left div.progress_box div.item_content p{ text-align:right; width:100%; font-size:12px; color:#188eee; margin:0px 0px 10px 0px;}
#content .bottom_box div.left div.progress_box div.item_content div.bg{ border:1px solid #188eee; border-radius:5px; overflow:hidden; background:#fff; height:30px;}
#content .bottom_box div.left div.progress_box div.item_content div.bg p{ display:inline-block; height:100%; background:#188eee; border-radius:5px; width:100%;}



#content .bottom_box div.left .bottom_jobs_box{ background:#fff; margin:20px 0 0 0; padding:20px 0px 20px 0px; float: left; width: 100%;}
#content .bottom_box div.left .bottom_jobs_box h2.title{ font-size:20px; color:#333; margin:0px 0px 30px 0px;}
#content .bottom_box div.left .bottom_jobs_box ul{ float:left; width:110%;}
#content .bottom_box div.left .bottom_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 .bottom_jobs_box ul li div.top{ float:left; width:100%; height:65px; border-bottom:1px solid #ebebeb;}
#content .bottom_box div.left .bottom_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 .bottom_jobs_box ul li div.top a.name:hover{ color:#188eee;}
#content .bottom_box div.left .bottom_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 .bottom_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 .bottom_jobs_box ul li div.bottom{ float:left; height:20px; width:100%; margin:20px 0px 0px 0px;}
#content .bottom_box div.left .bottom_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 .bottom_jobs_box ul li div.bottom span.date{ float:right; font-size:14px; color:#cccccc;}
#content .bottom_box div.left .bottom_jobs_box ul li:hover{ box-shadow: 0px 0px 3px 3px #eae7e7;}

#content .bottom_box div.left div.jobs_box div.item_content ul li{ width:100%; height:20px; margin:0px 0px 10px 0px;}
#content .bottom_box div.left div.jobs_box div.item_content ul li a{ display:inline-block; height:20px; line-height:20px; font-size:14px; color:#188eee; width:170px; overflow:hidden; float:left;}
#content .bottom_box div.left div.jobs_box div.item_content ul li a:hover{ text-decoration:underline;}
#content .bottom_box div.left div.jobs_box div.item_content 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.jobs_box div.item_content 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.right{ width:240px; padding:35px 20px 35px 20px; background:#fff;}
#content .bottom_box div.right div.item_box{ width:100%; float:left; margin:0px 0px 20px 0px;}
#content .bottom_box div.right div.item_box a.company_name{ text-align:center; font-size:16px; color:#333333; line-height:20px; margin:10px 0px 20px 0px; display:inline-block; width:100%;}
#content .bottom_box div.right div.item_box a.company_name:hover{ color:#188eee;}
#content .bottom_box div.right div.item_box div.address{ float:left; width:100%; margin:0px 0px 10px 0px;}
#content .bottom_box div.right div.item_box div.address div.icon{ float:left; width:20px;}
#content .bottom_box div.right div.item_box div.address i{ float:left; display:inline-block; width:17px; height:16px; background: url(../../images/2017/home.png) no-repeat; margin:2px 0px 0px 0px;}
#content .bottom_box div.right div.item_box div.address span{ float:right; width:215px; font-size:14px; color:#808080; line-height:20px;}
#content .bottom_box div.right div.item_box div.site{ float:left; width:100%;}
#content .bottom_box div.right div.item_box div.site div.icon{ float:left; width:20px;}
#content .bottom_box div.right div.item_box div.site i{ float:left; display:inline-block; width:17px; height:17px; background: url(../../images/2017/site.png) no-repeat; margin:2px 0px 0px 0px;}
#content .bottom_box div.right div.item_box div.site a{ float:left; max-width:210px; font-size:14px; color:#808080; margin:0px 0px 0px 10px;}
#content .bottom_box div.right div.item_box div.site a:hover{ text-decoration:underline;}


.wechat_info_box { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; display:none;}
.wechat_info_box .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 1;}
.wechat_info_box .wechat_info{ position: absolute; top: 20%; left: 50%; width: 500px; height: 447px; background: #fff; z-index: 2; margin: 0px 0px 0px -250px; border-radius: 15px; overflow: hidden;}
.wechat_info_box .wechat_info .title_box{ width: 500px; height: 117px; background: url(../../images/2017/wechat_info_title_bg.png) no-repeat; background-size: 500px 117px; position: relative; padding: 0;}
.wechat_info_box .wechat_info .title_box a.close{ display: inline-block; width: 30px; height: 30px; background:#1d9bff; position: absolute; right: 0; top: 0; border-radius: 50px; overflow: hidden; text-align: center; line-height: 30px;}
.wechat_info_box .wechat_info .title_box a.close i{ display: inline-block; width: 30px; height: 30px; background: url(../../images/2017/close3.png) no-repeat; background-size: 30px;}
.wechat_info_box .wechat_info .content_box{ margin: 0; width: 470px; padding: 10px 15px 10px 15px; background: #fff;}
.wechat_info_box .wechat_info .content_box p.note{ color: #202020; font-size: 14px; width: 470px; line-height: 22px;}
.wechat_info_box .wechat_info .content_box p.note span{  color: #188eee; font-size: 14px;}
.wechat_info_box .wechat_info .content_box p.tip{ color: #999999; width: 470px; margin: 15px 0px 10px 0px;}
.wechat_info_box .wechat_info .content_box div.wechat_name_box{ margin: 0px 0px 25px 0px; float: left; width: 470px;}
.wechat_info_box .wechat_info .content_box div.wechat_name_box label{ font-size: 14px; color: #202020; float: left; margin: 8px 10px 0px 0px;}
.wechat_info_box .wechat_info .content_box div.wechat_name_box input{ float: left; width: 380px; padding: 8px; background: #f5f5f5; color: #202020; font-size: 14px;}
.wechat_info_box .wechat_info .content_box div.wechat_img_box{ margin: 0px 0px 10px 0px; float: left; width: 470px;}
.wechat_info_box .wechat_info .content_box div.wechat_img_box label{ font-size: 14px; color: #202020; float: left; margin: 0px 0px 10px 0px;}
.wechat_info_box .wechat_info .content_box div.wechat_img_box input{ position: absolute; display: inline-block; width: 80px; height: 80px; left: 15px; opacity: 0;}
.wechat_info_box .wechat_info .content_box input.sure{ display: inline-block; width: 470px; height: 50px; background: #188eee; color: #fff; text-align: center; line-height: 50px; border-radius: 5px; font-size: 14px; margin: 10px 0px 0px 0px;}


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;}