﻿/***
 @name:webMapHomePage.css
 @description:网站地图样式文件
 @require:无
 @author:LiuXY
 @createDate:2015-09-08
 @updateFor:
 @updateTime:
**/
 .homePage{
     width: 990px;
     margin: 28px auto 40px auto;
 }
 /*ul公共样式*/
 .homePage ul{
     width: 990px;
     font-size: 0;
 }
 /*li公共样式*/
 .homePage li{
     display: inline-block;
 }
 .webMapBorder a:hover{
     text-decoration: underline;
     color:#002878 !important;
 }
 .webMapHeader{
     margin: 30px 0 40px 0;
    border-bottom: 1px solid #ededed;
 }

/*导航栏未被选中的样式*/
 .webMapHeader li{
    /*显示属性*/
     display: inline-block;
     *display:inline;
    /*自身属性*/
     width: 134px;
     height: 36px;
     margin-right:4px;
     background-color: #ededed;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     text-align: center;
     vertical-align: bottom;
     cursor:pointer;
 }
.webMapHeader li a{
    /*文本属性*/
    display: block;
    padding:0;
    font: 16px/36px "microsoft yahei";
    color: #000;
     text-decoration: none;
}
 /*导航栏被选中项目的样式*/
 .webMapHeader .webMapChecked{
     width:134px;
     height: 40px;
     margin-bottom: -1px;
     background-color: #e63c3c;
 }
.webMapHeader .webMapChecked a{
    font:16px/40px "microsoft yahei";
    color:#fff;
     text-decoration: none;
}

/*小标题样式（地图首页）*/
 .firstHomeTitle{
    display: inline-block;
    margin-bottom: 27px;
    padding-left:14px;
    border-left: 4px solid #e73e32;
    font:bold 16px/16px  "microsoft yahei";
    color:#333;
 }
.homeTitle{
    display: inline-block;
    margin: 26px 0 27px 0;
    padding-left:14px;
    border-left: 4px solid #e73e32;
    font:bold 16px/16px  "microsoft yahei";
    color:#333;
}

 /*小标题样式（热门城市、行业分类、职能分类）*/
 .otherTitle{
     display: inline-block;
     font: bold 16px/16px "microsoft yahei";
     color: #333;
 }

 /*列表公共样式*/
.hotJob li a,.hotCity li a,.elderHunter li a,.hotBusiness li a,.mainFunction li a,.knownEnterprise li a{
    padding-left:18px;
    font:12px/18px "simsun";
    color:#666666;
     text-decoration: none;
 }

 /*热门职位* 一行显示 6 条 */
 .hotJob li{
     width: 165px;
 }
 /*热门城市* 一行显示 8 条 */
 .hotCity li,.elderHunter li,.tierCity li,.cDiv li{
     width:123px;
 }
 .wth_123{
     width:123px !important;
 }
 /*热搜行业* 一行显示 4 条 */
 .hotBusiness li,.mainFunction li,.knownEnterprise li{
     width:246px;
 }
 .wth_246{
    width:246px !important;
 }
 /*截字*/
 .hotJob li,.hotCity li,.elderHunter li,.hotBusiness li,.mainFunction li,.knownEnterprise li{
     _display:inline;
     *display:inline;
     margin-bottom:11px;
     overflow: hidden;
     white-space:nowrap;
 }

 /*城市分类-省份样式*/
 .pDiv{
     float:left;
     width: 123px;
     height: auto;
     margin-top:26px;
 }
.navTitle{
    float:left;
    width: 123px;
    height: auto;
}
 .cDiv{
     float:left;
     width: 867px;
     height: auto;
 }
 .province{
     display: inline-block;
     height: 19px;
     padding: 0 22px 0 20px;
     background: url('https://zpimg4.zhaopin.com/Image/Seeker/WebMap/rightBorder.png') no-repeat;
     background-position: right;
     background-color: #ececec;
     font:bold 12px/20px "simsun";
     color:#666666;
 }
  .cDiv ul{
      width:867px;
      margin-top:26px;
  }
  .cDiv li{
      margin-bottom:9px;
  }
  .cDiv li a{
      margin-bottom: 20px;
      font:12px/20px 'simsun';
  }
  /*IE6 BUG*/
  .tierCity li {
      *display:inline;
  }
  .otherCity li {
    *display:inline;
  }
  .tierCity ul{
      margin:30px 0 40px 0;
  }
  .tierCity li a{
      font:12px/12px 'simsun';
      color:#666666;
  }
  .otherCity li a{
      font:12px/20px 'simsun';
      color:#666666;
  }

  /*网站地图-行业分类*/
    .titleSort{
        margin-bottom: 33px;
    }
    .titleSort li{
        /*IE6 BUG*/
        *display: inline;
        width: 240px;
        margin-bottom:8px;
    }
    .titleSort li a{
       /*IE6 BUG*/
        display: block;
        *display: inline;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap; 
    }

    .titleSort .frontTitle{
        float: left;
        width: 214px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .titleSort .infoDiv{
        float:left;
        width: 720px;
    }
    .titleSort .infoDiv ul{
        width: 720px;
    }
    .titleSort .infoDiv li a{
        font:12px/21px 'simsun';
        color:#666;
    }

    .titleSort .titleDiv{
        margin-top: 40px;
        font:bold 16px/16px 'microsoft yahei';
        color: #333;
    }
    /*热门职位*/
    .hotJobBorder{
        margin-bottom: 20px;
    }
    .hotJobBorder .otherTitle{
        width: 123px;
    }
    .hotJobBorder ul{
        width: 867px;
    }
    .hotJobBorder ul li{
        width: 30px;
        cursor:pointer;
    }
    .hotJobBorder ul li a{
        font: 16px/16px 'Microsoft Yahei';
        color: #002878;
    }
    .jobInfoDiv{
        margin-top: 26px;
    }
    .jobInfoDiv li{
        margin-bottom: 9px;
        width: 165px;
    }
    .jobFirstChar{
        display: inline-block;
        height: 19px;
        padding: 0 22px 0 20px;
        background: url('https://zpimg1.zhaopin.com/Image/Seeker/WebMap/rightBorder.png') no-repeat;
        background-position: right;
        background-color: #ececec;
        font:bold 16px/20px "simsun";
        color:#666666;
    }
    .queryTitle li{
        *display: inline;
    }
