/************** Base **************/
@charset "utf-8";
/*!
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    background:white;
    color:black;
}
/* HTML5 */
article,aside,dialog,footer,header,section,nav,figure,menu{display:block;}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
    font:12px 'Microsoft YaHei', \5b8b\4f53,arial,sans-serif;
}
input,select,textarea {
    font-size:100%;
}
/* 去掉 table cell 的边距并让其边重合 */
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继承 text-align */
th {
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img {
    border:none;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:none;
    font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识，li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
q:before,q:after {
    content:'';
}
/* 统一上标和下标 */
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover {
    text-decoration:underline;
}
/* 默认不显示下划线，保持页面简洁 */
ins,a {
    text-decoration:none;
}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {
    outline:none;
}
/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}


/************ Base color ************/

.c-dark-green-1 {
    /* 深绿 */
    color: #0a5a1d;
}

.c-dark-green-2 {
    /* 深绿 */
    color: #247f3a;
}

.c-dark-green-3 {
    /* 深绿 */
    color: #3ba354;
}

.c-green-2 {
    /* 绿 */
    color: #6fc083;
}

.c-green-3 {
    /* 绿 */
    color: #83d396;
}

.c-green-4 {
    /* 淡绿 */
    color: #c0eacb;
}

.c-green-5 {
    /* 淡绿 */
    color: #effff2;
}

.c-green-6 {
    /* 淡绿 */
    color: #f6fee9;
}

.c-orange-1 {
    /* 橘黄 */
    color: #ff9933;
}

.c-orange-2 {
    /* 橘黄2 */
    color: #d0761c;
}

.c-grey-1 {
    /* 灰1 */
    color: #333;
}

.c-grey-2 {
    /* 灰2 */
    color: #666;
}

.c-grey-3 {
    /* 灰3 */
    color: #999;
}

.c-grey-4 {
    /* 浅灰 */
    color: #f1f1f1;
}

.c-grey-5 {
    /* 浅灰2 */
    color: #f6f6f6;
}
.c-grey-6 {
    /* 浅灰 描边 */
    color: #eee;
}

.c-grey-7 {
    /* 浅灰 描边2 */
    color: #ccc;
}

.c-grey-8 {
    color: #ebebeb;
}

.c-yellow-1 {
    color: #f8edcf;
}
/* Base width */
.w-1200 {
    width: 1200px;
}

.w-1190 {
    width: 1190px;
}

.w-979 {
    width: 979px;
}

.w-950 {
    width: 950px;
}

.w-910 {
    width: 910px;
}

.w-848 {
    width: 848px;
}

.w-260 {
    width: 260px;
}

.w-230 {
    width: 230px;
}

.w-316 {
    width: 316px;
    float: left;
}

.w-860 {
    width: 860px;
}

/************ Common ************/
html {
    overflow-y: scroll;
}
body {
    /*font-family: Tahoma,"\5b8b\4f53",Arial,Helvetica,sans-serif;*/
    font-family: 'Microsoft YaHei',Tahoma,"\5b8b\4f53",Arial,Helvetica,sans-serif;
}

a,
li {
    transition: all 0.3s ease-in-out;
    /* Firefox 4 */
    -moz-transition: all 0.3s ease-in-out;
    /* Safari & Chrome */
    -webkit-transition: all 0.3s ease-in-out;
    /* Opera */
    -o-transition: all 0.3s ease-in-out;
}

a:hover {
    text-decoration: none;
}

.hidden {
    display: none;
}

/* icons */
.icon-diamond {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 9px;
    height: 8px;
    background: url(../../img2/icon/icon-diamond.png) no-repeat;
}

/* jquery icons */
.ui-icon-caret-1-s {
    background-position: -65px 0;
}

/* Font color */
.c-red {
    color: red !important;
}

.c-white {
    color: white !important;
}

/* float*/
.fl {
    float: left;
}

.fr {
    float: right;
}

/* width */

.w-200 {
    width: 200px !important;
}

.w-500 {
    width: 500px !important;
}


/* height */

.h-10 {
    height: 10px !important;
}

.h-20 {
    height: 20px !important;
}


/* margin */
.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-22 {
    margin-top: 22px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-18 {
    margin-bottom: 18px !important;
}
.mb-30{ margin-bottom: 30px !important;}
.mb-20 {
    margin-bottom: 20px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}


/* padding */
.pt-40 {
    padding-top: 40px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

/* jquery hack */
.ui-state-focus, .ui-widget-content .ui-state-focus {
    background: #3ba354 !important;
    color: #fff !important;
}

/*浮动窗口*/
.float-window{
    position:fixed;
    left:0px;
    top:230px;
    width:120px;
    height:223px;   
}

.float-window a{
    float:left;
    width:120px;
    height:223px;   
}

/*登录悬浮框*/
#footerbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 102;
    height: 136px;
    /*background: url(../images/footerbar-background.png) repeat-x center;*/
    background: #0f1c2d;
    opacity: 0.9;
}
/*#footerbar .footerbar-container {
    position: relative;
    height: 66px;
    margin: 0 auto;
}*/
#footerbar .footerbar-container .left {
    position: absolute;
    left: -102px;
    bottom: 0;
    width: 337px;
    height: 154px;
}
#footerbar .footerbar-container .text {
    position: absolute;
    left: 275px;
    top: 21px;
    line-height: 66px;
    vertical-align: middle;
}
.w-1190 {
    width: 1190px;
    margin: 0 auto;
}
#footerbar .footer-con-left {
    float: left;
    padding-left: 102px;
    padding-right: 29px;
    border-right: 1px solid #363f4d;
    margin-top: 37px;
}
#footerbar .footer-con-left div {
    height: 38px;
}
#footerbar .footer-con-left p {
    color: #999999;
    line-height: 30px;
    font-size: 14px;
}
#footerbar .footer-con-left span {
    font-size: 28px;
    float: left;
    height: 36px;
    font-family: "Arial";
    color: #3fc162;
    font-weight: bold;
}
#footerbar .footer-con-left i {
    font-size: 14px;
    height: 36px;
    font-family: "宋体";
    font-style: normal;
    color: #6a6d73;
    display: inline-block;
    float: left;
    line-height: 30px;
    margin-left: 15px;
}
#footerbar .footer-con-center {
    margin-top: 37px;
    float: left;
    padding-left: 33px;
    padding-right: 27px;
    border-right: 1px solid #363f4d;
}
#footerbar .footer-con-center .command {
    height: 40px;
    width: 254px;
}
.register {
    margin-left: 14px;
}
#footerbar .footer-con-center .login, #footerbar .footer-con-center .register {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: "微软雅黑";
    background-color: #3ba354;
}
#footerbar .footer-con-center p {
    line-height: 22px;
    color: #999;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 40px;
    display: block;
}
#footerbar .footer-con-right {
    width: 252px;
    height: 136px;
    float: left;
    padding-left: 26px;
}
#footerbar .footer-con-right dl {
    float: left;
    margin: 0 auto;
    margin-top: 12px;
}
#footerbar .footer-con-right dl dt {
    padding: 2px 4px;
    background: #fff;
}
#footerbar .footer-con-right dt img {
    width: 88px;
    height: 88px;
}
#footerbar .footer-con-right dd {
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-top: 4px;
}
.WeChat-bg {
    position: absolute;
    width: 252px;
    height: 136px;
    background: #4c525e;
    opacity: 0.4;
    z-index: -1;
}
.WeChat {
    padding-left: 25px;
    padding-right: 10px;
}
.QR-code {
    padding-right: 25px;
}
.footer-close {
    width: 25px;
    height: 25px;
    background: url("../../img2/close.png") no-repeat;
    cursor: pointer;
    float: left;
    margin-left: 25px;
    margin-top: 12px;
}


/*新增公司*/
.region{
    float: left;
    width: 296px;
    height: auto;
    padding-top:24px;
    padding-bottom:24px;
    padding-left: 20px;  
    background: #fafafa;
    margin-bottom: 15px;
}

.region h2{
    float: left;
    width: 296px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    font-weight: bolder;
    margin-bottom: 15px;
}

.region ul{
    float: left;
    width: 295px;
    height: auto;  
}

.region ul li{
    float: left;
    width: 64px;
    height: 27px; 
    line-height: 27px; 
    margin-right:8px;
    border-radius: 5px;
    background: #e8e8e8;
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 10px;
}

.region ul li:hover{
    background: #3ba354;
    color: #fff;
    cursor: pointer;
}

.region ul li a{
    color: #666;
}

.region ul li:hover a{
    color: #fff;
    cursor: pointer;
}

.region ul li.active{
    background: #3ba354;
    color: #fff;
    cursor: pointer;
}

.region ul.recruit-list li{
    float: left;
    width: 278px;
    height: 27px; 
    line-height: 27px; 
    margin-right:0px;
    border-radius: 0px;
    background: #fafafa;
    font-size: 14px;
    color: #666;
    text-align: left;
    margin-bottom: 0px;
}

.region ul.recruit-list li a{
    float: left;
    width: 278px;
    height: 27px; 
    line-height: 27px; 
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.region ul.recruit-list li.active{
    background: #fafafa;
    color: #fff;
    cursor: pointer;
}

.region ul.recruit-list li a span.recruit-job{
    float: left;
    width: 160px;
    height: 27px; 
    line-height: 27px; 
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.region ul.recruit-list li a span.money{
    float: right;
    width: 100px;
    height: 27px; 
    line-height: 27px; 
    color: #ff9933;
    text-align: right;
}