@charset "UTF-8";
/**
 * @zchlon (zchlon@qq.com)
 * @date    2016-04-05 11:00:48
 * @version 1.0
 */

/*----  reset  ---*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
pre,
code,
form,
fieldset,
legend,
input,
button,
del,
em,
img,
ins,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    outline: none;
}

a:hover {
    text-decoration: none;
}

a[href='javascript:void(0)'] {
    cursor: auto;
}

a[href='javascript:void(0)']:hover {
    text-decoration: none;
}

input,
select {
    vertical-align: middle;
    outline: none;
    font-family: "Microsoft YaHei", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}

button,
input[type="button"] {
    border: 0;
    outline: 0;
    cursor: pointer;
    font-family: "Microsoft YaHei", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}

textarea {
    resize: none;
}

img {
    border: 0;
}

em {
    font-style: normal;
}

/* body {
    font: 14px/20px "Microsoft YaHei", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    color: #333;
    background-color: #f5f5f5;
    position: relative;
} */

input[type="checkbox"] {
    margin-right: 4px;
    margin-top: -1px;
    cursor: pointer;
}

/*----  base  ---*/
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

.fl {
    float: left;
    float: left !important;
}

.fr {
    float: right;
    float: right !important;
}

.mt {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.wrapper {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}

.wrapper:before,
.wrapper:after {
    content: "";
    display: table;
}

.wrapper:after {
    clear: both;
    overflow: hidden;
}

.hot_recommended {
    background: #EFEFEB;
    margin: 30px auto 0;
}

.hot_recommended .blogroll {
    margin: 10px 0;
}

.hot_recommended .blogroll .label {
    color: #4c4c4c;
}

.hot_recommended .blogroll .links a {
    color: #32669A;
}

a.blue,
.blue {
    color: #66abff !important;
}

a.blue:hover {
    color: #66abff;
}

a.red,
.red {
    color: #ff666e !important;
}

a.red:hover {
    color: #ff666e;
}

/* a.yellow, .yellow {
    color: #f5a331 !important;
} */

/* a.yellow:hover {
    color: #f5a331;
} */

a.orange,
.orange {
    color: #f57627 !important;
}

a.orange:hover {
    color: #f57627;
}

a.purple,
.purple {
    color: #d57feb !important;
}

a.purple:hover {
    color: #d57feb;
}

a.violet,
.violet {
    color: #6666ff;
}

a.violet:hover {
    color: #6666ff;
}

a.green,
.green {
    color: #52cc72;
}

a.green:hover {
    color: #52cc72;
}

a.gray,
.gray {
    color: #999;
}

a.gray:hover {
    color: #666;
}

/*----  main  ---*/
.header {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 5px #ddd;
    position: relative;
    z-index: 2;
}

.header .top {
    height: 36px;
    line-height: 36px;
    background-color: #303133;
    color: #ccc;
}

.header .top .fl {
    font-size: 12px;
}

.header .top .fr {
    color: #666;
}

.header .top a {
    margin: 0 10px;
    color: #ccc;
}

.header .top em {
    color: #999;
    font-style: normal;
}

.header .logo {
    float: left;
    height: 80px;
    line-height: 80px;
}

.header .logo a {
    display: block;
    height: 60px;
    line-height: 60px;
    margin: 10px 0;
}

.header .logo img {
    vertical-align: middle;
}

.nav {
    float: right;
    height: 80px;
}

.nav li,
.nav h1 {
    float: left;
    height: 80px;
    line-height: 80px;
    margin-left: 0px !important;
}

.nav li a {
    display: inline-block;
    height: 76px;
    color: #999;
    font-size: 16px;
    padding: 0 10px;
    text-decoration: none;
    border-bottom: 4px solid transparent;
}

.nav h1 a {
    float: left;
    color: #999;
    line-height: 80px;
    font-weight: 100;
    font-size: 16px;
    padding: 0 10px;
    text-decoration: none;
    border-bottom: 4px solid transparent;
}

.nav li a:hover {
    color: #666;
}

.nav .current a {
    color: #333;
    border-color: #66abff;
}

.nav .current a:hover {
    color: #333;
}

.banner-wrapper {
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.banner-gallery {
    width: 100%;
    height: 100%;
}

.banner-item {
    /* display: none; */
    float: left;
    width: 100%;
    height: 100%;
}

.banner-item a,
.banner-item span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.banner-wrapper .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
}

.banner-wrapper .dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    text-indent: -999em;
    background-color: #eee;
    box-shadow: 0px 1px 2px #aaa;
    border-radius: 50%;
    cursor: pointer;
}

.banner-wrapper .dots li.active {
    background: #fff;
    box-shadow: 0px 1px 2px #888;
}

.case_recommended {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.case_recommended .case_mask {
    background: rgba(0, 0, 0, 0.75);
    height: 25px;
}

.case_recommended .case_r_list {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 75%;
    margin: 0 12.5%;
}

.case_recommended .case_r_list a {
    float: left;
    width: 31.3333%;
    margin: 0 1%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
}

.case_recommended .case_r_list a:hover {
    text-decoration: underline;
}

.case_recommended .case_r_list a i {
    font-style: normal;
}

.case_recommended .case_r_list a .gray_c {
    color: #ccc;
}

.case_recommended .case_r_list a .white_c {
    color: #fff;
}

.case_recommended .case_r_list a .orange_c {
    color: #f57627;
}

.use-panel {
    position: absolute;
    top: 146px;
    left: 50%;
    margin-left: 190px;
    width: 560px;
    height: auto;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC000000, endcolorstr=#CC000000);
    border-radius: 4px;
    overflow: hidden;
}

.popup-user .popup .popup-body {
    padding-right: 270px;
    position: relative;
    overflow: hidden;
}

.popup-user .use-panel {
    position: relative;
    left: 0;
    top: 0;
    margin-left: 0;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00000000, endcolorstr=#00000000);
}

.use-panel .form-tabs {
    height: 40px;
}

.use-panel .form-tabs .tab {
    float: left;
    display: block;
    width: 100px;
    color: #ccc;
    text-align: center;
    height: 14px;
    line-height: 14px;
    padding: 13px 0;
    cursor: pointer;
    background: #626262 url(../images/label-line.gif) left center no-repeat;
}

.popup-user .use-panel .form-tabs .tab {
    background-color: #eee;
    background-image: none;
    color: #333;
    width: 183px;
    border-left: 1px solid #fff;
    border-right: : 1px solid #fff;
    margin: 0 -1px;
}

.use-panel .form-tabs .tab.first,
.use-panel .form-tabs .tab:first-child {
    background-image: none;
}

.use-panel .form-tabs .tab.current {
    background-color: transparent;
}

.use-panel .form-tabs .tab.current,
.use-panel .form-tabs .tab.current+.tab {
    background-image: none;
}

.popup-user .use-panel .form-tabs .tab.current {
    background-color: #ff6b35;
    color: #fff;
}

.use-panel .form-content {
    padding: 10px 20px;
    color: #999;
    font-size: 12px;
}

.popup-user .use-panel .form-content {
    padding: 10px 0;
}

.use-panel .form-content .control {
    position: relative;
    margin-bottom: 20px;
    min-height: 26px;
}

.use-panel .form-content .control .input-text {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 0 15px 0 40px;
    font-size: 14px;
    color: #666;
    background: #fafafa;
    transition: all 0.3s ease;
    /* IE8兼容 */
    -ms-border-radius: 6px;
}

.input-container {
    position: relative;
}

.form-input {
    width: 360px;
    height: 45px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 0 15px 0 40px;
    font-size: 14px;
    color: #666;
    background: #fafafa;
    transition: all 0.3s ease;
    /* IE8兼容 */
    -ms-border-radius: 6px;
}

.form-input:focus {
    outline: none;
    border-color: #ff6b35;
    background: #fff;
    box-shadow: 0 0 5px rgba(255, 107, 53, 0.3);
}

.input-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-user {
    background: url('../images/110/06.jpg');
}

.icon-phone{
    background: url('../images/110/01.jpg');
}

.icon-lock{
    background: url('../images/110/02.jpg');
}

.icon-building{
    background: url('../images/110/03.jpg');
}

.icon-code{
    background: url('../images/110/04.jpg');
}

.icon-shield{
    background: url('../images/110/05.jpg');
}

.popup-user .use-panel .form-content .control .input-text {
    border-color: #e0e0e0;
    width: 278px;
}

.use-panel .form-content .control .input-text.focus {
    border-color: #66abff;
}

.use-panel .form-content .control .input-text.error {
    border-color: #ff666e;
    background-color: #fdfafb;
}

.use-panel .form-content .control .errortips {
    border: 1px solid #bbb;
    padding: 2px 20px 2px 5px;
    color: #666;
    position: absolute;
    line-height: 20px;
    background-color: #fff;
    left: 36px;
    top: -22px;
    display: block;
    border-radius: 4px;
}

.use-panel .form-content .control .errortips .text {
    color: #ff666e;
    white-space: nowrap;
    display: block;
    height: 20px;
    font-size: 12px;
    margin-left: 10px;
}

.use-panel .form-content .control .errortips .triangle {
    bottom: -8px;
    display: block;
    height: 8px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    width: 17px;
}

.use-panel .form-content .control .errortips .triangle s {
    font-family: simsun;
    font-size: 16px;
    height: 19px;
    left: 0;
    line-height: 21px;
    position: absolute;
    text-decoration: none;
    top: -9px;
    width: 17px;
}

.use-panel .form-content .control .errortips .triangle .dec1 {
    color: #ccc;
}

.use-panel .form-content .control .errortips .triangle .dec2 {
    color: #fff;
    top: -10px;
}

.use-panel .form-content .control a {
    color: #ff6b35;
}

.use-panel .form-content .control .auto-login {
    line-height: 20px;
    height: 20px;
    float: left;
    margin-top: -5px;
    color: #ff6b35;
    font-size: 13px;
}

.btn {
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    /* IE8兼容 */
    -ms-border-radius: 6px;
}

.btn-primary {
    background: linear-gradient(45deg, #ff6b35, #ff8c42);
    color: #fff;
    /* IE8兼容 */
    background: #ff6b35;
}

.btn-primary:hover {
    background: #ff5722;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
}

.btn-primary:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.use-panel .form-content .control .auto-login span .text.error {
    color: #ff666e;
    border: 1px solid #ff666e;
    padding: 0 4px;
    border-radius: 2px;
}

.use-panel .form-content .control .button {
    width: 100%;
    padding-left: normal;
    padding-right: normal;
}

.use-panel .form-content .regin-now {
    line-height: 16px;
    /* border-bottom: 1px solid #ABA3A3; */
    padding-bottom: 9px;
}

.use-panel .form-content .sns-login {
    margin-top: 5px;
}

.use-panel .form-content .sns-login .label {
    float: left;
    padding-right: 10px;
}

.use-panel .form-content .sns-login .sns-item {
    float: left;
}

.use-panel .form-content .sns-login .sns-item a {
    display: inline-block;
    width: 16px;
    height: 15px;
    /* background: url(../images/sns_icon.png) no-repeat; */
    margin-right: 11px;
}

.use-panel .form-content .sns-login .sns-item .sina {
    background-position: 0 -63px;
}

.popup-user .use-panel .form-content .sns-login .sns-item .sina {
    background-position: 0 -168px;
}

.popup-user .popup-userside {
    float: right;
    height: 220px;
    padding: 0 0px 0 10px;
    margin: 20px 30px;
    border-left: 1px solid #ddd;
    position: absolute;
    top: 0;
    right: 0;
}

.popup-user .popup-userside b {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    height: 70px;
    line-height: 70px;
}

.popup-user .popup-userside p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333;
}

.search-bar {
    margin: 30px 0;
    overflow: hidden;
}

.main-side {
    float: left;
    width: 680px;
}

.right-side {
    float: right;
    width: 300px;
    height: 24px;
    line-height: 24px;
    padding: 8px 0;
    overflow: hidden;
    text-align: right;
}

.input-wrap {
    border: 2px solid #66abff;
    border-radius: 4px;
    height: 36px;
    position: relative;
}

.input-wrap input {
    float: left;
    width: 566px;
    height: 22px;
    line-height: 22px;
    padding: 7px 6px;
    border: 0;
    outline: none;
}

.search-bar .search-button {
    float: right;
    height: 36px;
    line-height: 36px;
}

.search-button {
    width: 98px;
    height: 40px;
    line-height: 40px;
    background-color: #66abff;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
}

.button.search-button {
    padding: 0;
}

.button.search-button:hover {
    color: #fff;
}

.search-button i {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -1px;
}

.right-side em {
    display: inline-block;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    margin: 0 5px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.search-bar .hot-line {
    padding: 6px 0;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.search-bar .hot-line label {
    padding: 0 5px;
}

.search-bar .hot-line a {
    margin: 0 6px;
}

.label-bar-wrap {
    height: 50px;
}

.label-bar {
    height: 40px;
    background-color: #fff;
    box-shadow: 1px 1px 4px #ddd;
    text-align: center;
    font-size: 0;
    margin-bottom: 10px;
}

.label-bar.fixed {
    position: fixed;
    top: 0;
    left: 50%;
    width: 1000px;
    margin-left: -500px;
    z-index: 10;
}

.label-bar .item {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-decoration: none;
    padding: 0px 10px;
    background: url(../images/label-line.gif) right center no-repeat;
}

.label-bar .item:last-child,
.label-bar .item.last {
    background: none;
}

.label-bar .item i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -1px;
}

.box {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #ddd;
}

.section .box {
    border: 1px solid #e0e0e0;
}

.box li a:hover {
    color: #66abff;
    text-decoration: none;
}

.box-head {
    padding: 20px 20px 10px;
}

.box-head a {
    font-size: 20px;
    font-weight: 700;
}

.box-body {
    padding: 10px 20px;
    overflow: hidden;
}

.box-body ul li {
    float: left;
    width: 50%;
    height: 20px;
    margin: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-body ul.full li {
    width: 100%;
}

.box-foot {
    border-top: 1px solid #e5e5e5;
    margin: 0 20px;
    padding: 10px 0;
    overflow: hidden;
}

.box-foot ul li {
    float: left;
    width: 33.3%;
    height: 20px;
    margin: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-box {
    height: 290px;
    margin-bottom: 20px;
}

.index-box .box-foot li {
    width: 58px;
    margin-right: 15px;
}

.grid {
    zoom: 1;
}

.grid:before,
.grid:after {
    content: "";
    display: table;
}

.grid:after {
    clear: both;
    overflow: hidden;
}

.grid-w260 {
    width: 260px;
}

.grid-w720 {
    width: 720px;
}

.grid-w730 {
    width: 730px;
}

.grid-w730 .list-jobs {
    width: 740px;
}

.grid .headtitle {
    padding: 0 10px;
    font-size: 20px;
    height: 30px;
    color: #666;
    font-weight: 700;
}

.section {
    overflow: hidden;
    position: relative;
}

.section .headtitle {
    padding: 20px 10px;
    font-size: 20px;
    color: #666;
    font-weight: 700;
}

.section .headtitle .more {
    float: right;
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.section .content ul {
    width: 1020px;
}

.section .sideboard {
    width: 260px;
}

.section .sideboard .list-menu {
    border-radius: 4px;
    background-color: #e6e6e6;
    height: 560px;
    overflow: hidden;
}

.section .mainboard {
    width: 720px;
}

.section .mainboard .list-brand {
    width: 735px;
    height: 560px;
    overflow: hidden;
}

.section .mainboard .list-brand .item {
    margin: 0 15px 0 0;
}

.section .tab-bar {
    height: 40px;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAGar/wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) 0 100% repeat-x;
}

.section .tab-bar .item {
    float: left;
    display: block;
    width: 98px;
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    text-align: center;
    cursor: pointer;
    color: #999;
}

.section .tab-bar .item.current {
    color: #333;
    border-color: #66abff #66abff #f5f5f5 #66abff;
}

.section .tab-board {
    padding: 14px 0;
}

.section .tab-board ul {
    float: left;
    width: 33.3%;
}

.section .tab-board li {
    height: 24px;
    line-height: 24px;
    padding: 0 20px 0 10px;
    font-size: 12px;
}

.section .tab-board li .title {
    float: left;
    width: 60%;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section .tab-board li .time {
    float: right;
    width: 68px;
    height: 24px;
    color: #999;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blogroll {
    line-height: 28px;
    overflow: hidden;
    margin: 30px 0 20px;
}

.blogroll .label {
    float: left;
    width: 80px;
    color: #999;
    text-align: right;
}

.blogroll .links {
    margin-left: 80px;
    word-break: break-word;
}

.blogroll .links a {
    display: inline-block;
    color: #999;
    margin-right: 20px;
}

/*----  footer ----*/
.footer {
    padding: 40px 0;
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    color: #666;
}

.footer p {
    margin-bottom: 10px;
}

.footer i {
    vertical-align: top;
    margin-right: 10px;
}

.footer .links {
    margin: 20px 0;
}

.footer .links a {
    color: #666;
}

.footer .copyright {
    float: none;
    text-align: center;
    line-height: 30px;
    color: #999;
    font-size: 12px;
}

.footer .copyright a {
    color: #999;
}

.footer .copyright a:hover {
    color: #666;
}

.regform {
    width: 370px;
}

.tag-m {
    float: left;
    width: 60px;
    min-height: 20px;
    line-height: 32px;
    margin-right: 5px;
    text-align: right;
    font-size: 12px;
}

/*----  button  ----*/
.buttons {
    display: inline-block;
    width: 366px;
    height: 30px;
    /* padding: 9px 12px; */
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 20px;
    cursor: pointer;
    outline: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: "Microsoft YaHei", "Helvetica Neue", Roboto, "Segoe UI", sans-serif;
    position: relative;
}

.buttons:hover {
    color: inherit;
    text-decoration: none !important;
}

.buttons i {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px;
}

.buttons.button-clear {
    background-color: transparent;
    border-color: transparent;
    color: #999;
}

.button-orange {
    background-color: #f57627;
    border-color: #f57627;
    color: #fff;
}

.button-orange:hover {
    background-color: #eb6913;
    border-color: #eb6913;
    color: #fff;
}

.button.orange-outline {
    border-color: #f57627;
    color: #f57627;
}

.button-blue {
    background-color: #66abff;
    border-color: #66abff;
    color: #fff;
    line-height: 10px;
}

.button-blue:hover {
    background-color: #5c9be8;
    border-color: #5c9be8;
    color: #fff;
}

.button.blue-outline {
    border-color: #66abff;
    color: #66abff;
}

.button-yellow {
    background-color: #f5a331;
    border-color: #f5a331;
    color: #fff;
}

.button-yellow:hover {
    background-color: #ec9d30;
    border-color: #ec9d30;
    color: #fff;
}

.button-light {
    background-color: #fff;
    border-color: #e0e0e0;
    color: #666;
}

.button-light:hover {
    border-color: #ccc;
    color: #333;
}

/*----  list ----*/
.list-jobs .item-small {
    float: left;
    width: 360px;
    height: 90px;
    background-color: #fff;
    margin: 0 10px 10px 0;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #ddd;
}

.list-jobs .item-small .pic {
    float: left;
    width: 100px;
    padding: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.list-jobs .item-small .pic img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.list-jobs .item-small .info {
    margin-left: 140px;
    padding: 10px 20px 10px 0;
}

.list-jobs .item-small .info .title {
    line-height: 26px;
    height: 26px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-jobs .item-small .info .title a {
    color: #09458d;
}

.list-jobs .item-small .info p {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-jobs .item-small .info p em {
    margin-right: 10px;
    font-size: 14px;
}

.list-brand .item {
    float: left;
    width: 184px;
    margin: 0 20px 20px 0;
}

.list-brand.large .item {
    width: 230px;
    height: 190px;
}

.list-brand .item .pic {
    display: block;
    height: 78px;
    line-height: 78px;
    text-align: center;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #fff;
}

.list-brand.large .item .pic {
    height: 108px;
    line-height: 108px;
}

.list-brand .item img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.list-brand .item .sublist {
    padding: 10px 10px;
}

.list-brand .item .sublist dl {
    overflow: hidden;
    line-height: 20px;
    color: #666;
}

.list-brand .item .sublist dt {
    float: left;
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-brand .item .sublist dt a {
    color: #09458d;
}

.list-brand .item .sublist dd {
    float: right;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.list-hunter .item {
    float: left;
    width: 318px;
    height: 158px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 20px;
    margin-right: 20px;
}

.list-hunter .item .side {
    float: left;
    width: 115px;
    height: 100%;
}

.list-hunter .item .info {
    margin-left: 115px;
    padding: 19px 19px 19px 0;
}

.list-hunter .item .pic {
    display: block;
    margin: 19px 0 10px 19px;
    border: 1px solid #e0e0e0;
    width: 84px;
    height: 84px;
    overflow: hidden;
    border-radius: 4px;
}

.list-hunter .item .pic img {
    width: 100%;
    height: 100%;
}

.list-hunter .item .set {
    margin-left: 19px;
    display: block;
    width: 84px;
    height: 24px;
    text-align: center;
}

.list-hunter .item .button {
    height: 24px;
    line-height: 24px;
    border: 0;
    width: 64px;
    font-size: 12px;
    padding: 0;
}

.list-hunter .item .info p {
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-hunter .item .info p em {
    color: #333;
}

.list-hunter .item .info .name {
    font-size: 14px;
}

.list-hunter .item .info .name a {
    color: #09458d;
}

.list-box .item {
    float: left;
    width: 280px;
    height: 150px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 19px;
}

.list-box .item .head {
    font-size: 16px;
    font-weight: 700;
}

.list-box .item .content {
    padding-top: 10px;
}

.list-box .item .content .row {
    height: 24px;
    line-height: 24px;
}

.list-box .item .content .row .name,
.list-box .item .content .row .area,
.list-box .item .content .row .wage {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-box .item .content .row .name {
    width: 100px;
    margin-right: 10px;
}

.list-box .item .content .row .area {
    width: 90px;
    text-align: center;
}

.list-box .item .content .row .wage {
    width: 70px;
    text-align: right;
    margin-left: 10px;
}

.list-menu .item {
    height: 36px;
    line-height: 36px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 0 2px 5px;
}

.list-menu .item .main-title {
    color: #666;
    font-size: 16px;
    display: block;
    padding: 0 14px;
    text-decoration: none;
}

.list-menu .item.active .main-title {
    background-color: #fff;
}

.list-menu .item .sub-menu {
    position: absolute;
    left: 260px;
    bottom: 0;
    width: 658px;
    height: 96%;
    background-color: #fff;
    border: 1px solid #eee;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 40px 40px 0;
    z-index: 1;
    display: none;
}

.list-menu .item.active .sub-menu {
    display: block;
}

.list-menu .item .sub-menu dl dt {
    display: block;
    line-height: 36px;
}

.list-menu .item .sub-menu dl dt a {
    font-size: 16px;
    line-height: 28px;
    color: #66abff;
}

.list-menu .item .sub-menu dl dd {
    margin-left: 0;
    line-height: 32px;
    white-space: normal;
}

.list-menu .item .sub-menu dl dd a {
    color: #666;
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
}

.list-link {
    padding: 20px;
}

.list-link .item {
    float: left;
    width: 14.66%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 2%;
}

.list-link .item a {
    color: #666;
}

.list .item-job,
.list .item-hunter,
.list .item-company {
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #e0e0e0;
    position: relative;
    border: 1px solid #e0e0e0;
}

.list .item-job+.item-job,
.list .item-hunter+.item-hunter,
.list .item-company+.item-company {
    margin-top: 10px;
}

.list li.selected {
    border: 1px solid #66abff;
}

.list .item-job {
    height: 118px;
}

.list .item-job.selected {
    height: 118px;
}

.list .item-job .badge {
    display: block;
    width: 0;
    height: 0;
    font-size: 12px;
    color: #fff;
    border-top: 40px solid transparent;
    border-left: 40px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.list .item-job .badge.blue {
    border-top-color: #66abff;
}

.list .item-job .badge.orange {
    border-top-color: #f57627;
}

.list .item-job .badge em {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -38px;
    right: 4px;
}

.list .checkbox-button {
    float: left;
    width: 29px;
    height: 100%;
    position: relative;
    padding: 0;
    border-right: 1px solid #e0e0e0;
}

.list .checkbox-button .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
}

.list .checkbox-button.checked {
    background-color: #66abff;
}

.list .item-job .info {
    float: left;
    width: 410px;
    margin: 10px 0px 10px 20px;
    overflow: hidden;
    ;
}

.list .item-job .info .name {
    height: 36px;
    line-height: 36px;
}

.list .item-job .info .name a {
    color: #09458d;
    font-size: 18px;
}

.list .item-job .info p {
    height: 26px;
    line-height: 26px;
    margin-bottom: 4px;
    overflow: hidden;
    color: #e0e0e0;
}

.list .item-job .info p span {
    margin-left: 5px;
}

.list .item-job .info p span+span {
    margin-left: 5px;
}

.list .item-job .info .attrs span {
    color: #666;
}

.list .item-job .info .note span {
    color: #999;
}

.list .item-job .handle {
    float: right;
    width: 210px;
    padding: 20px;
    background: url(data:image/gif;base64,R0lGODlhAQA8AIAAAODg4AAAACH5BAAAAAAALAAAAAABADwAAAIHhI+py+1ZAAA7) no-repeat left center;
}

.list .item-job .handle p {
    height: 24px;
    line-height: 24px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list .item-job .handle .company {
    color: #666;
}

.list .item-job .handle .buttons {
    height: 30px;
    margin-top: 5px;
    word-spacing: 10px;
}

.list .item-job .handle .buttons .button {
    padding: 4px 10px;
}

.list .item-brand {
    margin-top: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.list .item-brand .pic {
    display: block;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}

.list .item-brand .pic a {
    display: block;
    width: 100%;
    height: 100%;
}

.list .item-brand .pic img {
    max-width: 100%;
    max-height: 100%;
    height: 68px;
}

.list .item-hunter {
    display: block;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}

.list .item-hunter .checkbox-button {
    min-height: 160px;
}

.list .item-hunter .pic {
    float: left;
    margin: 20px;
    width: 84px;
    height: 84px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.grid-w260 .list .item-hunter .pic {
    margin: 9px;
}

.list .item-hunter .pic img {
    width: 100%;
    height: 100%;
}

.list .item-hunter .info {
    float: left;
    max-width: 420px;
    max-height: 118px;
    margin: 20px 0;
    overflow: hidden;
}

.grid-w260 .list .item-hunter .info {
    margin: 9px 10px;
}

.list .item-hunter .info p {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list .item-hunter .info p span {
    margin-left: 0;
}

.list .item-hunter .info .name a {
    color: #09458d;
    font-size: 14px;
}

.list .item-hunter .info .attrs {
    color: #e0e0e0;
}

.list .item-hunter .info .attrs span {
    color: #666;
}

.list .item-hunter .info .level {
    color: #333;
}

.list .item-hunter .handle {
    float: right;
    display: block;
    width: 110px;
    height: 118px;
    margin: 20px 0;
    position: relative;
}

.list .item-hunter .handle .time {
    color: #999;
}

.list .item-hunter .button {
    padding: 5px 12px;
}

.grid-w260 .list .item-hunter .info p {
    height: 26px;
    line-height: 26px;
}

.grid-w260 .list .item-hunter .button {
    padding: 1px 10px;
    font-size: 12px;
}

.list .item-hunter .handle .button {
    position: absolute;
    left: 0;
    bottom: 0;
}

.list .item-company {
    padding: 27px 30px;
}

.list .item-company .head {
    height: 24px;
    line-height: 24px;
}

.list .item-company .name {
    float: left;
}

.list .item-company .name a {
    font-size: 18px;
    color: #09458d;
}

.tags {
    margin-left: 30px;
    height: 24px;
    float: left;
    overflow: hidden;
}

.tags i {
    display: inline-block;
    margin-right: 5px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 10px;
    border-width: 1px;
    border-style: solid;
    font-style: normal;
    border-radius: 4px;
}

.tags i.red {
    border-color: #ff666e;
}

.tags i.orange {
    border-color: #f57627;
}

.tags i.purple {
    border-color: #d57feb;
}

.tags i.blue {
    border-color: #66abff;
}

.tags i.green {
    border-color: #52cc72;
}

.list .item-company .info {
    clear: both;
    margin-top: 12px;
    overflow: hidden;
}

.list .item-company .info .left {
    float: left;
    width: 50%;
}

.list .item-company .info .left p {
    line-height: 24px;
    color: #666;
}

.list .item-company .info .right {
    float: right;
    width: 50%;
}

.list .item-company .info .right ul {
    list-style-type: disc;
    list-style-position: inside;
    color: #f57627;
}

.list .item-company .info .right li {
    height: 24px;
    line-height: 24px;
}

.list .item-company .info .right a {
    color: #666;
}

.list-handle {
    padding: 10px 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #e0e0e0;
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    word-spacing: 10px;
}

.list-handle .button {
    padding: 4px 11px;
}

.list-handle .checkbox-button {
    margin-left: 2px;
    height: 30px;
    line-height: 30px;
}

.checkbox-button {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    cursor: pointer;
}

.checkbox-button .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons.png) -1px -151px no-repeat;
    vertical-align: middle;
    margin-top: -2px;
}

.checkbox-button.checked .icon {
    background-position: -1px -167px;
}

/*----  pagination  ----*/
.pagination {
    height: 40px;
    text-align: center;
    padding: 30px 0;
}

.pagination .inner {
    display: inline-block;
}

.pagination form {
    display: inline-block;
}

.pagination span {
    display: inline-block;
}

.pagination .button {
    height: 28px;
    line-height: 28px;
    padding: 0 9px;
    color: #333;
    margin-right: 4px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.pagination button.button {
    height: 30px;
}

.pagination .button:hover {
    color: #333;
    border-color: #ccc;
}

.pagination .button.current {
    background-color: #66abff;
    color: #fff;
    border-color: #66abff;
}

.pagination .button.button-disabled {
    color: #999;
    border-color: #e0e0e0;
}

.pagination .button.button-disabled:hover {
    color: inhreit;
    border-color: inhreit;
    cursor: default;
}

.pagination .button i {
    display: inline-block;
    width: 16px;
    height: 20px;
    margin-right: 0;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
}

.pagination .button .first {
    background-position: -20px -20px;
}

.pagination .button.button-disabled .first {
    background-position: -20px 0;
}

.pagination .button .last {
    background-position: -20px -60px;
}

.pagination .button.button-disabled .last {
    background-position: -20px -40px;
}

.pagination .page-label {
    height: 30px;
    line-height: 30px;
    color: #999;
    padding: 0 5px;
}

.pagination .page-ellipsis {
    height: 30px;
    line-height: 30px;
    color: #333;
}

.pagination .page-input {
    padding: 3px 5px;
    height: 22px;
    line-height: 22px;
    width: 30px;
    text-align: center;
    border: 1px solid #e0e0e0;
    box-shadow: 1px 1px 1px #ddd inset;
    outline: 0;
    border-radius: 4px;
}

/*----  icon  ----*/
.icon-search {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icons.png) 0 0 no-repeat;
}

.icon-internet,
.label-bar .icon4 {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/icons.png) 0 -26px no-repeat;
}

.icon-realty,
.label-bar .icon5,
.label-bar .icon26 {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/icons.png) 0 -42px no-repeat;
}

.icon-finance,
.label-bar .icon10 {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/icons.png) 0 -58px no-repeat;
}

.icon-shopping,
.label-bar .icon13 {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/icons.png) 0 -74px no-repeat;
}

.icon-car,
.label-bar .icon18 {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/icons.png) 0 -90px no-repeat;
}

.icon-medicine,
.label-bar .icon21 {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/icons.png) 0 -106px no-repeat;
}

.icon-level {
    display: inline-block;
    width: 96px;
    height: 12px;
    background: url(../images/hunter_level.gif) no-repeat;
}

.icon-level.level0 {
    background-position: 0 0;
}

.icon-level.level1 {
    background-position: 0 -22px;
}

.icon-level.level2 {
    background-position: 0 -44px;
}

.icon-level.level3 {
    background-position: 0 -66px;
}

.icon-level.level4 {
    background-position: 0 -88px;
}

.icon-level.level5 {
    background-position: 0 -110px;
}

.icon-tel {
    display: inline-block;
    width: 18px;
    height: 20px;
    background: url(../images/icons.png) 0 -128px no-repeat;
}

/* form */
.input-text {
    height: 22px;
    line-height: 22px;
    padding: 0px 9px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

/*----  crumble  ----*/
.crumble {
    padding: 17px 10px;
    height: 20px;
    color: #999;
}

.crumble a {
    color: #999;
}

.crumble a:hover {
    color: #666;
}

.crumble span {
    color: #333;
}

.crumble h1 {
    color: #333;
    font-size: 14px;
    font-weight: 100;
    display: inline-block;
}

/*----  filter-box  ----*/
.filter-box {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 4px;
    padding: 29px 19px;
}

.filter-box.small {
    padding: 9px 19px;
}

.filter-box .row {
    margin-bottom: 20px;
}

.filter-box .row:before,
.filter-box .row:after {
    content: "";
    display: table;
}

.filter-box .row:after {
    clear: both;
    overflow: hidden;
}

.filter-left {
    float: left;
    padding-right: 20px;
}

.filter-right {
    float: right;
}

.filter-label {
    float: left;
    min-width: 56px;
    padding-right: 13px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    text-align: right;
}

.filter-box.small .filter-label {
    width: 154px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-align: left;
    color: #999;
}

.filter-select {
    height: 40px;
    width: 154px;
    display: inline-block;
}

.filter-select select {
    width: 100%;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #666;
}

.filter-select .sod_select {
    width: 152px;
    color: #999;
    font-weight: normal;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px 10px;
    font-size: 14px;
    background: url(../images/select_icon.png) no-repeat right center;
}

.filter-select .sod_select:before,
.filter-select .sod_select:after {
    display: none;
}

.filter-select .sod_select:hover,
.filter-select .sod_select.open,
.filter-select .sod_select.focus {
    border-color: #ddd;
    box-shadow: none;
}

.filter-select .sod_select .sod_list {
    width: auto;
    min-width: 152px;
    border: 1px solid #e0e0e0;
    margin-left: -1px;
}

.filter-box.small .filter-select {
    display: inline-block;
    width: 120px;
    height: 30px;
    margin-right: 5px;
}

.filter-box.small .filter-select select {
    height: 30px;
    font-size: 12px;
}

.filter-box.small .filter-select .sod_select {
    width: 118px;
    padding: 8px 10px;
    font-size: 12px;
}

.filter-box.small .filter-select .sod_select .sod_list {
    min-width: 120px;
}

.filter-choice {
    padding: 2px 34px 2px 5px;
    width: 359px;
    line-height: 34px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: url(data:image/gif;base64,R0lGODlhGAAOAMQRAJmZmfj4+KCgoKSkpKenp/r6+qOjo7S0tOzs7Le3t+/v7/Pz8/Dw8K2trdXV1fX19ba2tv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABEALAAAAAAYAA4AAAU0IBIpUBQVQaoWZutGidMwJiHcOPG+y/HswKBwSCwaj8jiAMBsOpmDpHRKrVqphqcWYBiGAAA7) 100% center no-repeat;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}

.filter-choice:hover {
    background-image: url(data:image/gif;base64,R0lGODlhGAAOAIABAGar/wAAACH5BAEAAAEALAAAAAAYAA4AAAIcjGGpy4gHonws0Yqz3rz7D06iCJbmiabnyF5MAQA7);
}

.filter-choice .terms {
    display: block;
    height: 100%;
    min-height: 30px;
    color: #999;
    font-size: 14px;
}

.filter-choice .terms .item {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 2px 4px;
    white-space: nowrap;
    padding: 0 41px 0 10px;
    color: #fff;
    background-color: #8a9199;
    border-radius: 4px;
    position: relative;
    cursor: default;
    text-overflow: ellipsis;
}

.filter-choice .terms .item .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-left: 1px solid #999;
    background: url(../images/close1.png);
    overflow: hidden;
    cursor: pointer;
}

.filter-choice .terms .item .close:hover {
    background-position: 0 -30px;
}

.filter-input {
    display: inline-block;
    height: 40px;
}

.filter-input.large {
    width: 890px;
}

.filter-input.large .input-text {
    display: block;
    width: 870px;
}

.filter-buttons {
    text-align: center;
    padding-top: 20px;
}

.filter-buttons .button {
    display: inline-block;
    width: 120px;
    margin: 0 10px;
}

.box-detail {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.box-detail .head {
    padding: 29px 211px 19px 0;
    position: relative;
    margin: 0 29px;
}

.box-detail .head .name {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.box-detail .head .name a {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

.box-detail .head .company {
    padding: 6px 0;
}

.box-detail .head .claim {
    padding: 6px 0;
    color: #999;
}

.box-detail .head .claim span {
    color: #666;
    font-size: 16px;
}

.box-detail .head .wage {
    padding: 10px 0;
    color: #f5a331;
    font-size: 20px;
    font-weight: 700;
}

.box-detail .head .time {
    height: 20px;
    color: #999;
    position: absolute;
    top: 30px;
    right: 0;
}

.box-detail .head .buttons {
    height: 40px;
    position: absolute;
    bottom: 19px;
    right: 0;
}

.box-detail .head .buttons .button {
    padding-left: 22px;
    padding-right: 22px;
}

.box-detail .content {
    margin: 0 29px 10px;
    padding-top: 20px;
    border-top: 2px solid #f5f5f5;
}

.box-detail .content .title {
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
}

.box-detail .table-info {
    width: 500px;
}

.box-detail .table-info td {
    height: 30px;
}

.box-detail .description {
    line-height: 28px;
    color: #666;
    padding-bottom: 20px;
}

.box-detail .hunter,
.box-detail .company {
    padding: 9px;
}

.box-detail .hunter .title,
.box-detail .company .title {
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
}

.box-detail .hunter .info,
.box-detail .company .info {
    padding: 10px 0;
    overflow: hidden;
}

.box-detail .hunter .info .pic {
    float: left;
    width: 84px;
    height: 84px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 7px;
}

.box-detail .hunter .info .side {
    line-height: 28px;
    margin-left: 102px;
    padding: 1px 0;
}

.box-detail .hunter .info .side p {
    height: 28px;
    color: #666;
    overflow: hidden;
}

.box-detail .hunter .info .side a {
    color: #09458d;
}

.box-detail .hunter .level {
    padding: 0 7px 10px;
    color: #999;
    border-bottom: 2px solid #f5f5f5;
}

.box-detail .company .info {
    border-bottom: 2px solid #f5f5f5;
}

.box-detail .company .info .pic {
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 6px;
}

.box-detail .company .info .pic img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.box-detail .company .info p {
    color: #666;
    line-height: 24px;
}

.box-detail .company .info .name {
    height: 40px;
    line-height: 40px;
    width: 245px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.box-detail .company .info .name a {
    color: #333;
    font-weight: 700;
}

.box-detail .company .info p label {
    float: left;
    width: 44px;
}

.box-detail .company .info p span {
    display: block;
    margin-left: 44px;
}

.box-detail .offer-list {
    padding: 10px;
}

.box-detail .offer-list .top {
    height: 32px;
    line-height: 32px;
    color: #666;
}

.box-detail .offer-list .top .more {
    color: #999;
    float: right;
}

.box-detail .offer-list li {
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #f5f5f5;
}

.box-detail .offer-list li .job {
    float: left;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-detail .offer-list li .wage {
    float: right;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.box-detail .links {
    padding: 9px 19px;
}

.box-detail .links li {
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-detail .links li a {
    color: #666;
}

.box-detail .qc-code {
    padding: 20px;
    text-align: center;
}

.box-detail .qc-code .text {
    color: #666;
    height: 24px;
}

.box-detail .qc-code .tips {
    color: #999;
    font-size: 12px;
}

.box-detail .row-module {
    margin: 9px 19px;
    overflow: hidden;
}

.box-detail .row-module+.row-module {
    border-top: 2px solid #f5f5f5;
}

.box-detail .row-module:last-child {
    margin-bottom: 13px;
}

.box-detail .row-module .left,
.box-detail .row-module .middle,
.box-detail .row-module .right {
    float: left;
    padding-top: 13px;
    padding-bottom: 4px;
}

.box-detail .row-module .left {
    width: 35%;
    padding-left: 10px;
}

.box-detail .row-module .middle {
    width: 15%;
    margin-left: 1%;
}

.box-detail .row-module .right {
    width: 45%;
    margin-left: 2%;
}

.box-detail .row-module .left p,
.box-detail .row-module .middle p,
.box-detail .row-module .right p {
    height: 28px;
    line-height: 28px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-detail .row-module .left .top,
.box-detail .row-module .middle .top,
.box-detail .row-module .right .top {
    color: #333;
}

.box-detail .row-module .left .top a,
.box-detail .row-module .middle .top a,
.box-detail .row-module .right .top a {
    color: #09458d;
    font-size: 18px;
}

.box-detail .row-module .left p em,
.box-detail .row-module .middle p em,
.box-detail .row-module .right p em {
    margin: 0 10px;
    color: #e0e0e0;
}

.box-detail .row-module .search-bar .input-wrap {
    border: 1px solid #e0e0e0;
}

.box-detail .row-module .search-bar .input-wrap input {
    box-shadow: 1px 1px 1px #eee inset;
}

.box-detail .row-module .search-bar .input-wrap .search-button {
    height: 38px;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    border-radius: 0 4px 4px 0;
}

.company-detail {
    padding: 29px;
    overflow: hidden;
}

.company-detail .pic {
    float: left;
    width: 288px;
    height: 128px;
    line-height: 128px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
}

.company-detail .pic img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.company-detail .info {
    margin-left: 310px;
}

.company-detail .info .name {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}

.company-detail .info p {
    height: 24px;
    line-height: 24px;
    color: #666;
}

.company-detail .content {
    line-height: 24px;
    overflow: hidden;
    word-break: break-word;
}

.company-detail .flex-content .content {
    height: 72px;
}

.company-detail .flex-content.full-content .content {
    height: auto;
}

.company-detail .flex-content .handle {
    text-align: right;
    padding-top: 5px;
}

.company-detail .flex-content .flex-btn {
    display: inline-block;
    color: #66abff;
    height: 24px;
    line-height: 24px;
    position: relative;
    padding-right: 18px;
    background-position: right center;
    background-repeat: no-repeat;
}

.company-detail .flex-content .flex-btn.open {
    background-image: url(data:image/gif;base64,R0lGODlhDgAOAJEDALPV/7LV/2ar/////yH5BAEAAAMALAAAAAAOAA4AAAIfnI+py+0GAIsmCJmACMdiuCUeyCmeVi5W6ATpA8dNAQA7);
}

.company-detail .flex-content .flex-btn.close {
    background-image: url(data:image/gif;base64,R0lGODlhDgAOAJEDALPV/7LV/2ar/////yH5BAEAAAMALAAAAAAOAA4AAAIenI+py+0LwANCSEZDsFAEs11HhoSjp5iDxrDPCysFADs=);
}

.company-detail .flex-content .flex-btn.close {
    display: none;
}

.company-detail .flex-content.full-content .flex-btn.open {
    display: none;
}

.company-detail .flex-content.full-content .flex-btn.close {
    display: inline-block;
}

.box-detail .tags {
    display: block;
    float: none;
    padding: 14px 19px;
    height: auto;
    word-spacing: 0;
    font-size: 0;
    margin-left: 0;
}

.box-detail .tags i {
    margin-top: 5px;
    margin-bottom: 5px;
}

.box-detail .map-wrap {
    height: 260px;
    position: relative;
}

.box-detail .map-wrap a {
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.hunter-detail {
    padding: 29px;
    overflow: hidden;
    position: relative;
}

.hunter-detail .pic {
    float: left;
    width: 168px;
    height: 168px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.hunter-detail .pic img {
    width: 100%;
    height: 100%;
}

.hunter-detail .info {
    margin-left: 200px;
    color: #666;
}

.hunter-detail .info .name {
    height: 40px;
    line-height: 40px;
    color: #66abff;
    font-size: 20px;
    padding-right: 140px;
}

.hunter-detail .info .level {
    height: 20px;
    padding: 2px 0;
}

.hunter-detail .attrs {
    overflow: hidden;
}

.hunter-detail .attrs .left {
    float: left;
    width: 220px;
}

.hunter-detail .attrs .right {
    float: left;
    width: 510px;
}

.hunter-detail .attrs p {
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hunter-detail .handle {
    position: absolute;
    top: 29px;
    right: 29px;
}

.hunter-detail .handle .button {
    padding: 9px 26px;
    font-size: 16px;
}

/*---- animation ----*/
@-webkit-keyframes scaleOut {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0.8);
        opacity: 0;
    }
}

@keyframes scaleOut {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(0.8);
        opacity: 0;
    }
}

@-webkit-keyframes superScaleIn {
    from {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes superScaleIn {
    from {
        transform: scale(1.2);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/*---- popup ----*/
.popup-wrap {
    display: none;
    padding: 0;
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    z-index: 99999;
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.popup-wrap.popup-show {
    visibility: visible;
    display: block;
    -webkit-animation-name: superScaleIn;
    animation-name: superScaleIn;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.popup-wrap.popup-hidden {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.popup {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    margin-top: 100px !important;
}

.popup .popup-head {
    padding: 10px 20px;
    line-height: 30px;
    height: 30px;
    position: relative;
}

.popup .popup-head .popup-close {
    position: absolute;
    top: 10px;
    right: 20px;
}

.popup .popup-close {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/close1.png) no-repeat 0 -60px;
    overflow: hidden;
    cursor: pointer;
}

.popup .popup-close:hover {
    opacity: .75;
}

.popup .popup-title {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-left: 135px;
}

.popup .popup-title.large {
    font-size: 24px;
}

.popup .popup-sub-title {
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 11px;
}

.popup .popup-body {
    padding: 10px 20px;
    position: relative;
    overflow-y: auto;
}

.popup .popup-body .tips-container {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.popup .popup-buttons {
    padding: 10px 20px 40px;
    text-align: center;
}

.popup .popup-buttons .button {
    padding: 9px 20px;
    min-width: 80px;
}

.popup .popup-buttons button.button {
    min-width: 120px;
}

.popup .popup-buttons .button+.button {
    margin-left: 30px;
}

/*----  filter 弹窗内容 ----*/
.options-table td {
    width: 230px;
    height: 34px;
}

.checkbox-option {
    display: inline-block;
    cursor: pointer;
}

.popup .data-row .data-row-side {
    float: left;
    word-break: break-all;
    color: #333;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
}

.popup .data-row-odd {
    background-color: #f1f1f1;
}

.popup .data-row-head {
    background-color: #e8f7fe;
    border: 1px solid #b5e6ff;
    padding: 4px 10px;
}

.popup .data-row-head .result-list span {
    color: #333;
    display: inline-block;
    font-weight: 700;
    margin-right: 8px;
    vertical-align: middle;
    white-space: nowrap;
}

.popup .data-row-head .result-list .result-name {
    color: #666;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    vertical-align: middle;
}

.popup .data-row-head .result-list span i.data-icon-close {
    cursor: pointer;
    margin-left: 2px;
    margin-right: 0;
    margin-top: -5px;
    background-position: 0 -64px;
}

.popup .data-row {
    padding: 2px 0;
}

.popup .data-row.item-list {
    padding-left: 160px;
    position: relative;
}

.popup .data-row.item-list .data-row-side {
    position: absolute;
    top: 2px;
    left: 0;
}

.popup .data-row:after {
    content: '';
    display: table;
    clear: both;
}

.popup .data-row.item-list ul {
    width: 760px;
}

.popup .data-row ul li {
    color: #09458d;
    float: left;
    height: 24px;
    position: relative;
    /* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
}

.popup .data-row ul li a {
    color: #09458d;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding: 2px 10px 2px 5px;
    text-decoration: none;
    vertical-align: middle;
}

.popup .data-row ul li a.cat-touch {
    display: none;
}

.popup .data-row ul li a input {
    height: 16px;
    margin-left: -2px;
    margin-right: 4px;
    width: 16px;
}

.popup .data-row ul li.cat-active>a {
    background-color: #fff;
    border-color: #f2c98c;
    border-style: solid;
    border-width: 1px;
    padding-bottom: 3px;
    padding-top: 0;
}

.popup .data-row ul li.cat-active a.sub {
    border-bottom-width: 0;
    border-radius: 2px 2px 0 0;
}

.popup .data-row ul li.cat-active a.cat-touch {
    display: inline-block;
}

.popup .data-row ul li.cat-active a.cat {
    display: none;
}

.popup .data-icon {
    background-image: url(../images/icon_multi_c.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-right: 0.3em;
    margin-top: 1px;
    overflow: hidden;
    vertical-align: text-top;
    width: 16px;
}

.popup .data-icon-expend {
    background-position: 0 -16px;
    margin-left: -1px;
}

.popup .data-row ul li a.cat-checked {
    color: #f57627;
}

.popup .data-row ul li a.cat-checked .data-icon-expend {
    background-position: 0 -32px;
}

.popup .data-row-main {
    position: relative;
}

.data-sub {
    background-color: #fff;
    border: 1px solid #f2c98c;
    border-radius: 0 2px 0 0;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

.data-sub table tr td {
    color: #333;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-sub table tr td a {
    color: #333;
    display: inline-block;
    line-height: 18px;
    padding: 2px 10px 2px 5px;
    text-decoration: none;
    vertical-align: middle;
}

.data-sub table tr td a label {
    display: inline-block;
    vertical-align: middle;
}

.data-sub table tr td a input {
    margin-top: -2px;
    margin-right: 5px;
    vertical-align: middle;
}

.tips-bar {
    height: 32px;
    line-height: 32px;
    border: 1px solid #f57627;
    background-color: #FFFAE3;
    color: #f57627;
    font-size: 12px;
    padding: 0 10px;
}

.dl-row {
    margin: 10px 0 0;
    line-height: 40px;
    min-height: 40px;
    font-size: 12px;
}

.dl-row .label {
    float: left;
    width: 90px;
    height: 40px;
    text-align: right;
}

.dl-row .controls {
    margin-left: 100px;
    display: block;
    padding-right: 40px;
}

.dl-row .controls label {
    display: inline-block;
    cursor: pointer;
    margin-right: 15px;
    text-align: right;
    font-size: 13px;
}

.dl-row .controls textarea {
    width: 100%;
    line-height: 22px;
    font-size: 12px;
    border: 1px solid #e0e0e0;
}

/* loading */
.loading-wrap {
    display: block;
    padding: 0;
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    z-index: 99999;
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loading-wrap .icon {
    display: block;
    width: 48px;
    height: 50px;
    background: url(../images/loading-sand.gif) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -25px;
}

.float_tips,
.float_auth_success {
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.float_tips a,
.float_auth_success a {
    color: #66abff;
}

.float_auth_table {
    width: 100%;
}

.float_top_tip {
    height: 32px;
    line-height: 32px;
    border: 1px solid #f57627;
    background-color: #FFFAE3;
    color: #f57627;
    font-size: 12px;
    padding: 0 10px;
}

.float_btn_guoup {
    padding: 10px 0 30px;
    text-align: center;
}

.float_btn_guoup input {
    display: inline-block;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 20px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #666;
}

.float_btn_guoup input:hover {
    border-color: #ccc;
    color: #333;
}

.float_btn_guoup input.float_but55lan {
    background-color: #66abff;
    border-color: #66abff;
    color: #fff;
}

.float_btn_guoup input.float_but55lan:hover {
    background-color: #5c9be8;
    border-color: #5c9be8;
    color: #fff;
}

.float_btn_guoup input.DialogClose {
    margin-left: 30px;
}

.fixed-aside {
    position: fixed;
    bottom: 15%;
    right: 20px;
    /*margin-left: 50%;*/
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginBottom, 10)||100)));
    width: 60px;
    z-index: 10;
    padding-top: 60px;
}

.fixed-aside .gotop {
    width: 60px;
    height: 60px;
    visibility: hidden;
    cursor: pointer;
    position: absolute;
    top: 59px;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.fixed-aside .gotop i {
    display: inline-block;
    width: 58px;
    height: 58px;
    background: #fff url(../images/topandqcode.png) -1px -1px no-repeat;
    border: 1px solid #ccc;
    border-bottom: 0;
    overflow: hidden;
}

.fixed-aside .gotop.show {
    top: 0px;
    visibility: visible;
}

.fixed-aside .gotop span {
    display: none;
    text-align: center;
    height: 48px;
    padding: 5px 0;
    background-color: #fff;
    color: #999;
    border: 1px solid #ccc;
    line-height: 24px;
}

.fixed-aside .gotop.show.hover i,
.fixed-aside .gotop.show:hover i {
    display: none;
}

.fixed-aside .gotop.show.hover span,
.fixed-aside .gotop.show:hover span {
    display: block;
}

.fixed-aside .qrcode {
    height: 60px;
    cursor: pointer;
    background: #fff url(../images/topandqcode.png) 0 -59px no-repeat;
    position: relative;
    z-index: 11;
}

.fixed-aside .qrcode img {
    width: 140px;
    height: 189px;
    position: absolute;
    left: -140px;
    bottom: 0;
    display: none;
}

.fixed-aside .qrcode.hover img,
.fixed-aside .qrcode:hover img {
    display: block;
}

.successful_list {
    display: inline-block;
    width: 100%;
}

.successful_list .project_left {
    float: left;
    width: 255px;
    padding: 10px 0 10px 5px;
    background: #e6e6e6
}

.successful_list .project_left a {
    display: inline-block;
    width: 235px;
    padding: 10px;
    font-size: 16px;
    color: #666666;
}

.successful_list .project_left .act {
    background: #fff;
}

.successful_list .projecr_con {
    float: right;
    width: 700px;
    padding: 20px 20px 0;
    background: #fff;
}

.projecr_con .projecr_list a {
    display: inline-block;
    padding: 15px 0 15px 20px;
    margin: 0 0 10px 0;
    border-left: 3px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    width: 675px;
}

.projecr_con .projecr_list a span {
    float: left;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.projecr_con .projecr_list a .job_city {
    width: 70px;
    margin: 0 10px 0 0;
    font-size: 14px;
    color: #333;
}

.projecr_con .projecr_list a .job_position {
    width: 235px;
    margin: 0 10px 0 0;
    font-size: 14px;
    color: #333;
}

.projecr_con .projecr_list a .job_state {
    width: 75px;
    margin: 0 10px 0 0;
    font-size: 16px;
    color: #f57729;
}

.projecr_con .projecr_list a .job_salary {
    width: 85px;
    margin: 0 10px 0 0;
    font-size: 16px;
    color: #f57729;
}

.projecr_con .projecr_list a .job_time {
    width: 100px;
    margin: 0 10px 0 0;
    font-size: 14px;
    color: #bbbbbb;
}

.projecr_con .projecr_list a .job_details {
    width: 60px;
    font-size: 14px;
    color: #999999;
}

.projecr_con .projecr_list a:hover {
    border-left: 3px solid #66abff;
    border-top: 1px solid #66abff;
    border-right: 2px solid #66abff;
    border-bottom: 1px solid #66abff;
}

.projecr_con .projecr_list a:hover .job_details {
    color: #66abff;
}

.case_p {
    padding: 0 10px 16px;
}

.successful_con {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 45px 45px 0;
    position: relative;
}

.successful_con .career {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 95px;
}

.successful_con .con_tit {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 0 0 45px 30px;
}

.successful_con .con_tit span {
    display: inline-block;
    margin: 0 30px 0 0;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.successful_con .con_table {
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin: 0 0 45px;
}

.successful_con .con_table .con_tr {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.successful_con .con_table .con_tr .con_tr_l {
    float: left;
    display: inline-block;
    width: 115px;
    text-align: right;
    font-size: 16px;
    color: #333;
}

.successful_con .con_table .con_tr .con_tr_r {
    font-size: 16px;
    color: #666;
    padding: 0 0 0 130px;
}

/*专题页面*/
.activity_bg {
    background: url("../images/activity_bg.jpg") repeat 0 0;
    background-size: 100% auto;
}

.activity_banner {
    margin: 0 0 25px;
    text-align: center;
    min-width: 1200px;
}

.activity_banner img {
    width: 100%;
    max-width: 1924px;
}

.activity_con {
    width: 1100px;
    margin: 0 auto 100px;
}

.activity_con .activity_item {
    background: #138be8;
    position: relative;
    padding: 73px 75px 0;
    margin: 0 0 35px;
    display: inline-block;
    width: 950px;
}

.activity_con .ai_bg {
    background: #138be8 url("../images/ai_bg.png") no-repeat top center;
}

.activity_con .activity_item .ai_title {
    display: inline-block;
    width: 729px;
    height: 85px;
    line-height: 85px;
    position: absolute;
    top: -12px;
    left: 50%;
    margin: 0 0 0 -365px;
    background: url("../images/activity_tit.png") no-repeat 0 0;
    text-align: center;
    font-size: 36px;
    color: #fff;
}

.activity_con .activity_item .ai_title i {
    font-size: 45px;
    font-style: normal;
}

.activity_con .activity_item .ai_img {
    text-align: center;
    padding: 0 0 15px;
}

.activity_con .activity_item .ai_txt {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    padding: 0 0 20px;
}

.activity_con .activity_item .font_size46 {
    font-size: 46px;
    line-height: 60px;
}

.activity_con .activity_item .ai_txt .color_y {
    color: #ffeda7;
}

.activity_con .activity_item .ai_txt .font_b {
    font-weight: bold;
}

.activity_con .activity_item .margin_t {
    margin: 10px 0 0 0;
}

.activity_con .activity_item .ai_buttom {
    text-align: center;
    margin: 0 0 40px;
}

.activity_con .activity_item .ai_buttom .ai_but {
    background: #005fdd;
    display: inline-block;
    width: 195px;
    height: 60px;
    line-height: 60px;
    border-radius: 40px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.logo_set {
    display: inline-block;
    width: 954px;
    margin: 0 -4px 0 0;
}

.logo_set span {
    float: left;
    width: 135px;
    height: 135px;
    margin: 0 12px 20px;
}

.logo_set span img {
    width: 100%;
}

.process {
    padding: 0 0 30px 0;
}

.process .process_item {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
}

.process .process_item .process_l {
    float: left;
    position: relative;
    width: 88px;
    height: 33px;
    line-height: 33px;
    font-size: 18px;
    color: #005ab9;
    text-align: center;
    background: #ffeda7;
}

.margin_t {
    margin: 7px 0 0 0;
}

.process .process_item .process_l i {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #ffeda7;
    position: absolute;
    left: 88px;
    top: 50%;
    margin: -7px 0 0 0;
}

.process .process_item .process_r {
    padding: 0 0 0 110px;
    font-size: 18px;
    color: #cde0f8;
}

.process .process_item .line_r1 {
    line-height: 33px;
}

.process .process_item .line_r2 {
    line-height: 24px;
}

.process .process_item .process_r {
    font-size: 18px;
    color: #cde0f8;
}

.process .process_item .process_r .color_y {
    color: #ffcd0a;
}

.process .process_item .process_r .font_b {
    font-weight: bold;
}

.share_bg {
    background: url("../images/share_bg.jpg") repeat 0 0;
}

.share_banner1 {
    height: 542px;
    margin: 0 0 50px;
    text-align: center;
    background: url("../images/share_banner1.jpg") no-repeat center center;
    min-width: 1280px;
}

.share_banner1 .share_click {
    width: 1280px;
    height: 542px;
    position: relative;
    display: inline-block;
}

.share_banner1 .share_click a {
    position: absolute;
    width: 225px;
    height: 60px;
    top: 348px;
    left: 528px;
}

.share_con {
    margin: 0 0 35px;
    padding: 0 0 42px;
    min-width: 1280px;
    text-align: center;
    background: url("../images/line.png") no-repeat center bottom;
}

.padding_b20 {
    padding: 0 0 20px !important;
}

.padding_b30 {
    padding: 0 0 30px !important;
}

.share_con .share_txt1 {
    font-size: 16px;
    color: #555;
    padding: 0 0 10px;
}

.share_con .share_txt2 {
    font-size: 18px;
    color: #333;
    padding: 0 0 10px;
}

.share_con .share_txt3 {
    font-size: 16px;
    color: #333;
    padding: 0 0 10px;
}

.share_con .share_txt4 {
    font-size: 29px;
    color: #f93054;
    padding: 0 0 10px;
}

.share_txt5 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2d2d2d;
    padding: 0 0 20px;
}

.share_txt6 {
    text-align: center;
    font-size: 16px;
    color: #2d2d2d;
    padding: 0 0 10px;
}

.share_con .font_bold {
    padding: 0 10px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.sahre_bootom {
    height: 180px;
    border-bottom: 105px solid #333;
    position: relative;
    min-width: 1280px;
}

.sahre_bootom .share_b_img {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -402px;
}

.share_banner2 {
    height: 312px;
    margin: 0 0 50px;
    background: url("../images/share_banner2.jpg") no-repeat center center;
    min-width: 1280px;
}

.share_tips1 {
    text-align: center;
    padding: 0 0 25px;
    font-size: 14px;
    color: #d9d9d9;
}

.share_tips1 span {
    vertical-align: middle;
    padding: 0 20px;
    font-size: 34px;
    color: #333;
}

.share_tips2 {
    text-align: center;
    padding: 0 0 30px;
}

.share_js {
    width: 625px;
    padding: 70px 0 0 250px;
    background: #eee;
    position: relative;
    margin: 0 auto 40px;
}

.share_js .share_img {
    position: absolute;
    left: 30px;
    top: -156px;
}

.share_js .share_tit {
    font-size: 28px;
    color: #333;
    padding: 0 0 25px;
}

.share_js .share_cont {
    font-size: 16px;
    color: #231815;
    padding: 0 0 40px;
    line-height: 30px;
}

.sahre_bootom_2 {
    height: 120px;
    border-bottom: 105px solid #333;
    position: relative;
    min-width: 1280px;
}

.sahre_bootom_2 .share_b_img {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -402px;
}

.contain div {
    height: 100px;
    width: 100%;
    background-position: center center;
}





/*七夕活动*/
/*包就业*/
.qixi-page {
    width: 100%;
    overflow: hidden;
    background: #0C1625;
    min-width: 1280px;
}

.qixi-banner {
    width: 100%;
    height: 580px;
    background: url(../images/qixi/qingshu_banner.jpg) no-repeat center 0;
}

.qixi-qrcode {
    display: block;
    width: 187px;
    height: 171px;
    position: absolute;
    top: 380px;
    left: 50%;
    margin-left: 368px;
}

.qixi-inner {
    width: 1110px;
    margin: 0 auto 60px;
    padding-top: 23px;
    position: relative;
    background: #b98c46;
}

.qixi-inner .hd {
    width: 1110px;
    height: 47px;
    background: url(../images/qixi/qixi-inner-top.png) center no-repeat;
}

.qixi-inner .bd {
    width: 100%;
    padding-bottom: 30px;
}

.qixi-inner .bd ul {
    padding: 20px 50px 0;
}

.qixi-inner .bd li {
    padding-top: 22px;
    position: relative;
    margin-bottom: 20px;
}

.qixi-inner .bd li .bar {
    width: 740px;
    height: 44px;
    line-height: 44px;
    background-color: #0a2344;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 54px;
    z-index: 2;
}

.qixi-inner .bd li .bar:before {
    content: '';
    background-color: #0a2344;
    height: 44px;
    width: 780px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    position: absolute;
    top: 0;
    left: -20px;
}

.qixi-inner .bd li .bar span {
    position: relative;
    z-index: 2;
}

.qixi-inner .bd li .mid {
    padding: 34px 50px 20px;
    position: relative;
    background-color: #fff;
}

.qixi-inner .bd li .mid-t {
    color: #dca80c;
    height: 26px;
}

.qixi-inner .bd li .opcheck {
    display: none;
}

.qixi-inner .bd li .mid-i {
    display: block;
    width: 620px;
    min-height: 48px;
    line-height: 24px;
    position: relative;
}

.qixi-inner .bd li label.mid-i {
    cursor: pointer;
    height: 48px;
    overflow: hidden;
}


.qixi-inner .bd li label.mid-i.text:after {
    content: '...';
    text-indent: 2px;
}

.qixi-inner .bd li .opcheck:checked+.mid-i {
    height: auto;
}

.qixi-inner .bd li .opcheck:checked+.mid-i:after {
    display: none;
}

.qixi-inner .bd li .mid-b {
    width: 280px;
    height: 50px;
    position: absolute;
    top: 50px;
    right: 40px;
}

.qixi-inner .bd li .mid-b .button {
    display: inline-block;
    width: 120px;
    height: 50px;
    color: #fff;
    font-size: 18px;
}

.qixi-inner .bd li .mid-b .button-red {
    background-color: #C43550;
    margin-right: 10px;
}

.qixi-inner .bd li .mid-b .button-yellow {
    background-color: #fb9900;
    margin-right: 10px;
}

.qixi-inner .bd li .mid-b .button-blue {
    background-color: #0d4286;
    border-color: transparent;
}

.qixi-inner .bd .page_fy {
    text-align: right;
    padding: 0 50px;
}

.qixi-inner .bd .page_fy span {
    text-align: center;
    padding: 7px 14px;
    font-size: 18px;
    color: #d14c62;
    border: 1px solid #f55670;
    background: #fff;
    display: inline-block;
    margin: 0 15px 0 0;
    cursor: pointer;
}

.qixi-inner .bd .page_fy .no-page {
    color: #b5b5b5;
    cursor: default;
}

.dialog-tel-wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    z-index: 9999;
}

.dialog-tel {
    width: 441px;
    height: 214px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -107px;
    margin-left: -220px;
    z-index: 9999;
    background: url(../images/qixi/tel-dialog.png);
}

.dialog-tel .close {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    right: 10px;
    cursor: pointer;
}

.dialog-tel .num {
    display: inline-block;
    width: 240px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 150px;
    top: 74px;
    font-size: 32px;
    color: #b98c46;
}

.qixi-footer {
    text-align: center;
    padding: 35px 0 150px 0;
}

/*城市新增*/
.banner_banner,
.hunter-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 406px;
}

.nava {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.banner-case {
    width: 1000px;
    height: 325px;
    position: absolute;
    left: 50%;
    top: 84px;
    margin-left: -500px;
    margin-top: -42px;
}

.banner-case-city,
.hunter-case-city {
    float: left;
    width: 405px;
    overflow: hidden;
    height: 325px;
    background: url(../images/city/zend_03.png) repeat-x;
}

.banner-case-city h2,
.banner-case-hunter h2 {
    margin-top: 13px;
    height: 34px;
    line-height: 34px;
    text-indent: 39px;
    color: #e04a4b;
    font-size: 18px;
}

.hunter-case-hunter h2,
.hunter-case-city h2 {
    margin-top: 13px;
    height: 34px;
    line-height: 34px;
    text-indent: 39px;
    color: #f57627;
    font-size: 18px;
}

.hunter-case-city h1 {
    margin-top: 13px;
    height: 34px;
    line-height: 34px;
    text-indent: 39px;
    color: #f57627;
    font-size: 18px;
    float: left;
    width: auto;
}

.hunter-case-city b {
    margin-top: 13px;
    height: 34px;
    line-height: 34px;
    color: #f57627;
    font-size: 18px;
    float: left;
    width: auto;
}

.list_lh {
    margin: 23px 0px 23px 25px;
    overflow: hidden;
    overflow: hidden;
    height: 235px;
    width: 347px;
}

.list_lh li {
    margin-bottom: 13px;
    background: url(../images/zend_06.png) no-repeat left center;
}

.list_lh li {
    margin-bottom: 13px;
    background: url(../images/circle.png) no-repeat left center;
}

.banner-case-city ul li span {
    float: left;
    width: 207px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 15px;
    color: #fff;
    margin-right: 8px;
}

.hunter-case-city ul li span {
    float: left;
    width: 190px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 15px;
    color: #fff;
    margin-right: 8px;
}

.banner-case-city ul li label {
    width: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    margin-left: 6px;
    color: #e14b4d;
    display: inline-block;
}

.hunter-case-city ul li label {
    width: 78px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 70px;
    color: #f57627;
    display: inline-block;
}

.banner-case-hunter,
.hunter-case-hunter {
    float: left;
    width: 405px;
    height: 325px;
    background: url(../images/city/zend_03.png) repeat-x;
}

.banner-hunter-list {
    width: 275px;
    height: auto;
    margin: 25px auto 0px;
}

.banner-hunter {
    float: left;
    width: 85px;
}

.banner-hunter-right {
    float: right;
    width: 127px;
}

.banner-pic {
    float: left;
    width: 80px;
    height: 60px;
    display: block;
    margin-left: 2px;
}

.banner-pix {
    float: left;
    width: 80px;
    height: 60px;
    display: block;
    margin-left: 23.5px;
}

.banner-hunter p,
.banner-hunter-right p {
    float: left;
    clear: both;
    text-align: center;
    font-size: 36px;
    color: #e24a4e;
    line-height: 45px;
    width: 100%;
}

.banner-hunter label,
.banner-hunter-right label {
    color: #fff;
    float: left;
    text-align: center;
    width: 100%;
    line-height: 30px;
}

.banner-tel {
    width: 320px;
    height: auto;
    line-height: 35px;
    background: url(../images/city/zend_16.png) no-repeat left center;
    text-indent: 45px;
    color: #fff;
    font-size: 40px;
    margin: 50px auto 0;
}

.city-city {
    float: left;
    width: 140px;
    height: 50px;
    border: 3px solid #e24a4e;
    margin: 137.5px 22px 0 22px;
    line-height: 50px;
    background: url(../images/city/bg.png) repeat-x;
    text-align: center;
    font-family: "Microsoft Yahei";
    font-size: 30px;
    color: #e24a4e;
}

.city-city1 {
    float: left;
    width: 140px;
    height: 50px;
    border: 3px solid #f57627;
    margin: 137.5px 22px 0 22px;
    line-height: 50px;
    background: url(../images/city/bg.png) repeat-x;
    text-align: center;
    font-family: "Microsoft Yahei";
    font-size: 30px;
    color: #f57627;
}

.yellow1 {
    color: #f57627 !important;
}

/*城市猎头*/
.crumble1 {
    padding: 17px 10px 0px;
    height: 20px;
    color: #999;
}

.hunter-img1 {
    width: 999px;
    height: 370px;
    margin: 0 auto 35px;
}

.hunter-img1 img {
    width: 999px;
    height: 235px;
    display: block;
    float: left;
}

.hunter-img {
    width: 999px;
    height: 254px;
    margin: 0 auto 10px;
}

.hunter-img img {
    width: 999px;
    height: 254px;
    display: block;
}

.order-list {
    width: 999px;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

.ordera {
    width: 220px;
    height: auto;
    color: #333;
    font-size: 14px;
    line-height: 25px;
    float: left;
    margin-top: 5px;
}

.ordera p,
.orderb p,
.orderc p,
.orderd p {
    color: #999;
}

.orderb {
    width: 220px;
    height: auto;
    color: #333;
    line-height: 25px;
    font-size: 14px;
    float: left;
    margin-left: 38px;
    margin-top: 5px;
}

.orderc {
    width: 220px;
    height: auto;
    color: #333;
    line-height: 25px;
    font-size: 14px;
    float: left;
    margin-left: 38px;
    margin-top: 5px;
}

.orderd {
    width: 220px;
    height: auto;
    color: #333;
    line-height: 25px;
    font-size: 14px;
    float: left;
    margin-left: 38px;
    margin-top: 5px;
}

.hunter-left {
    float: left;
    width: 388px;
    margin-top: 20px;
}

.about_pic {
    width: 388px;
    height: 177px;
    position: relative;
}

.about_pic span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(../images/l.png) repeat-x;
    width: 100%;
    line-height: 30px;
    text-indent: 1.2em;
    color: #fff;
}

/* .detail {
    margin-right: 20px;
    color: #fff !important;
} */

.about_list {
    padding: 16px 18px;
    background: #fff;
    width: 350px;
    height: 150px;
}

.about_list p {
    line-height: 30px;
    color: #333;
}

.about_list p a {
    color: #333;
    text-decoration: none;
}

/* .detail {
    margin-right: 20px;
    color: #fff !important;
    text-decoration: none;
} */

.more1 {
    margin-right: 10px;
    color: #666;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 100;
}

.fright {
    float: right;
}

.hunter-right {
    float: left;
    width: 600px;
    margin: 20px 0px 0px 12px;
}

.service_list {}

.service_list ul {
    width: 610px;
}

.service_list ul li {
    float: left;
    width: 192px;
    height: 112px;
    line-height: 112px;
    border: 1px solid #ddd;
    margin: 0px 9px 9px 0px;
    text-align: center;
    background: #fff;
}

.service_list ul li img {
    display: inline-block;
    max-width: 172px;
    max-height: 92px;
    vertical-align: middle;
}

.city-left {
    float: left;
    width: 715px;
    margin: 10px 15px 0px 0px;
}

.job1-lists {
    float: left;
    width: 715px;
    height: auto;
}

.job1-lists ul li {
    padding: 15px 20px 20px 20px;
    height: auto;
    width: 673px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    float: left;
    margin-bottom: 10px;
    background: #fff;
}

.job1-lists ul li i {
    float: left;
    width: 203px;
    font-weight: 100;
    font-size: 18px;
    color: #09458d;
    line-height: 30px;
    margin-right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    overflow: hidden;

}

.job1-lists ul li span {
    float: left;
    width: 65px;
    color: #f57627;
    font-size: 14px;
    margin-right: 15px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/z.jpg) no-repeat right center;
    background-size: 1px 16px;
}

.job1-lists ul li label {
    float: left;
    width: 65px;
    color: #333;
    font-size: 14px;
    margin-right: 15px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.job1-lists ul li b {
    float: left;
    width: 200px;
    font-weight: 100;
    color: #666;
    font-size: 14px;
    margin-right: 15px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.job1-lists ul li p {
    float: left;
    width: 80px;
    color: #999;
    font-size: 14px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.city-right {
    float: left;
    width: 265px;
    height: auto;
    margin-top: 10px;
}

.dls_right_hot {
    height: auto;
    border: 1px solid #e0e0e0;
    background: #fff;
}

.dls_right_hot h1,
.dls_right_hot h2 {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 100;
    width: 220px;
    margin: 3px auto 0px;
    color: #333;
}

.dls_hot_list {
    width: 220px;
    height: auto;
    margin: 16px auto;
}

.dls_hot_list li {
    color: #666;
    line-height: 31px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dls_hot_list a {
    color: #666;
}

.more2 {
    color: #333;
    text-decoration: none;
    font-weight: 100;
}

.head-content {
    padding: 0 10px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

/*名企招聘*/

.bg {
    width: 100%;
    height: auto;
    padding: 78px 0px 44px;
    background: #054ca2;
}

.banner {
    width: 1000px;
    height: 240px;
    margin: 0 auto;
}

.positionHead {
    width: 1000px;
    height: auto;
    padding: 35px 0px 0px;
    margin: 0 auto;
}

.filter-wrap {
    margin-bottom: 10px;
    background: #fff;
}

#area {
    position: relative;

}

.titleA {
    float: left;
    width: auto;
    padding: 0 10px 0px 15px;
    font-size: 14px;
    color: #333;
    line-height: 40px;
}

.company-wrapper {
    float: left;
    width: 895px;

}

.city-wrapper {
    float: left;
    width: 895px;
    margin-top: 9px;

}

.other {
    list-style-type: none;
    margin-left: 15px;
}

.city-wrapper a,
.company-wrapper a,
.other a {
    padding: 0 8px;
    float: left;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    line-height: 22px;
    margin: 0 5px 5px 0px;
}

.active {
    background-color: #67abff;
    color: #fff;
}

.searchActive {
    background-color: #67abff;
    color: #fff !important;
    line-height: 22px;
    padding: 2px 8px;
    margin-left: -4px;
}

a.searchActive {
    text-decoration: none;

}

.company-wrapper span {
    color: white;
    display: none;
}

.searchActive span {
    color: white;
    display: inline-block;
}

.btn-more {
    font-size: 14px;
    float: right;
    margin-right: 5px;
    padding: 4px 8px;
    height: 14px;
    line-height: 14px;
    background-color: transparent;
    background: url(../images/v.jpg) no-repeat right center;
    color: #666;
    cursor: pointer;
    width: 32px;
}

.more-positions {
    overflow: hidden;
    width: 1000px;
    height: auto;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    background: #fff;
}

#all_city {
    color: #67abff;
}

.city-wrapper a:hover,
.other a:hover,
.company-wrapper a:hover {
    background-color: #67abff;
    color: #fff !important;
}

.company-list {
    margin-top: 35px;
    width: 1040px;
}

.company-item {
    position: relative;
    height: 300px;
    border: 1px solid #ddd;
    width: 198px;
    padding: 0 15px;
    float: left;
    border-radius: 4px;
    margin: 0px 29px 29px 0px;
    background: #fff;
}

.pic-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.company-item h2 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 100;
    width: 198px;
    margin-bottom: 10px;
    height: 50px;
}

.company-item h2 a {
    color: #000;
}

.company-item h2 a:hover,
.company-item p a:hover {
    text-decoration: none;
}

.nameA {
    height: 48px;
}

.nameA a {
    font-size: 14px;
    color: #054ca2;
    line-height: 24px;
    width: 198px;
    float: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/dian.jpg) no-repeat left center;
    text-indent: 14px;
}

.row .name a {
    width: 100px;
}

.company-item p {
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    margin-bottom: 10px;
    color: #f57627;
}

.company-item p a {
    color: #f57627;
    float: right;
}

.company-area {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f5f5f5;
}

.company-area span {
    float: left;
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    background: url(../images/icon.jpg) no-repeat 18px center;
    text-indent: 40px;
}

.company-area label {
    float: left;
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    background: url(../images/area.jpg) no-repeat left center;
    line-height: 40px;
    text-indent: 18px;
    margin-left: 6px;
}

/*幻灯*/
.roll-roll {
    width: 1000px;
    height: 240px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.roll {
    position: relative;
    width: 890px;
    overflow: hidden;
    margin: 0 auto;
}

.roll .swiper-pagination-bullet {
    background-color: white;
}

.roll .swiper-pagination {
    text-align: center;
    padding: 10px 0;
    margin-top: 30px;
}

.swiper-slide .swiper-item {
    padding: 15px;
    width: 217px !important;
    background: #c4d3f6;
    float: left;
    margin-left: 25px;
    margin-right: 15px !important;
    height: 150px;
    border-radius: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.roll img {
    width: 217px;
    height: 96px;
    display: block;
    border-radius: 4px;
}

.roll p {
    float: left;
    width: 100%;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
}

.left-btton-t {
    position: absolute;
    left: 0px;
    width: 46px;
    height: 90px;
    background: url(../images/button_left.png);
}

.right-btton-t {
    position: absolute;
    right: 0px;
    width: 46px;
    height: 90px;
    background: url(../images/button_right.png);
}

/*行业*/
.select-industry {
    overflow: visible;
    float: left;
    width: 895px
}

.select-industry ul {
    position: relative;
    width: 900px;
    margin: 0 0 0 -4px;
}

.select-industry ul li {
    padding: 0 8px;
    float: left;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    line-height: 25px;
    margin: 0 5px 5px 0px;
}

.select-industry ul li span {
    line-height: 30px;
    color: #666;
}

.select-industry ul li:hover {
    background: #e9e9e9;
}

.sub-industry {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 3px 10px;
    background: #e9e9e9;
}

.sub-industry a {
    display: inline-block !important;
    *display: inline;
    *zoom: 1;
    margin: 6px 0;
    margin-right: 0px;
    padding: 0 10px;
    border-radius: 2px;
    margin-right: 2px;
    color: #666;
}

.select-industry ul li:hover .sub-industry {
    display: block;
}

.sub-industry a:hover {
    text-decoration: none;
    background-color: #67abff;
    color: #fff;
}

/*导航样式调整*/
.city-wrapper span.title {
    float: left;
}

.location {
    background: #fff;
    height: 40px;
}

.logo-pic {
    width: 170px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0px;
}

/*城市新增优化板块*/
.city-link {
    margin-top: 10px;
    width: 1100px;
}

.city-link a {
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 235px;
    font-size: 14px;
    line-height: 36px;
    border: 1px solid #bfbfbf;
    color: #66adff;
    text-align: center;
    margin-right: 17px;
}

.city-link a:hover {
    border-color: #66adff;
    text-decoration: none;
}

.city-various {
    margin-top: 35px;
    border-bottom: 1px solid #ddd;
    height: 38px;
}

.city-various ul li {
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100px;
    font-size: 14px;
    line-height: 36px;
    color: #666;
    text-align: center;
    border: 1px solid red;
    border: 1px solid #f5f5f5;
    z-index: 8;
}

.active_cur {
    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 2px solid #f5f5f5 !important;
    background: #f5f5f5;
    color: #32669a !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    z-index: 9;
    background: #f5f5f5;
}

.city-hunter {
    margin-top: 15px;
}

.city-hunter ul {
    width: 1100px;
}

.city-hunter ul li {
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 112px;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    color: #666;
    margin-right: 15px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.city-hunter ul li a {
    text-decoration: none;
}

.hunter-more {
    color: #32669a;
    float: right;
    margin-right: 25px;
    margin-top: 10px;
}

.recomd-ask-two-box {
    height: 175px;
    overflow: hidden;
}

/*首页友情链接*/
.friendlinks {
    margin-left: 80px;
    word-break: break-word;
    height: 84px;
    position: relative;
}

.friendlinks a {
    display: inline-block;
    color: #999;
    margin-right: 20px;
}

.link-more {
    position: absolute;
    width: 45px;
    right: 0px;
    bottom: 0px;
    color: #999;
    cursor: pointer;
    background: url(../images/down.jpg) no-repeat right center;
}

.link-hide {
    position: absolute;
    width: 45px;
    right: 0px;
    bottom: 0px;
    color: #999;
    cursor: pointer;
    background: url(../images/up.jpg) no-repeat right center;
    display: none;
}


/*公积金新增样式*/
.gjj-list {
    width: 580px;
    height: 30px;
    padding: 12px 25px;
}

.gjj-list li {
    float: left;
    width: 106px;
    height: 29px;
    line-height: 29px;
    background: #f5f5f5;
    margin-right: 10px;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
}

.gjj-list li a {
    text-decoration: none;
}

.gjj-list li:hover {
    float: left;
    width: 106px;
    height: 29px;
    line-height: 29px;
    background: #66abff;
    margin-right: 10px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.gjj-list li.select {
    float: left;
    width: 106px;
    height: 29px;
    line-height: 29px;
    background: #66abff;
    margin-right: 10px;
    text-align: center;
    color: #ffffff;
}

.gjj-lists h3 {
    padding: 20px 20px 15px 0;
    position: relative;
    margin: 0 29px;
    font-size: 18px;
    color: #f57627;
}

.gjj-lists p {
    position: relative;
    margin: 0 29px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
}

.gjj-lists p span {
    font-weight: bolder;
}

.gjj-lists p a {
    color: #0a448d;
}

.gjj-lists p a.org {
    color: orange;
}

.dottoms {
    margin-bottom: 15px !important;
}

.but-gjj {
    color: #999 !important;
    background: #fff !important;
    border: 1px solid #ddd;
}

.content .titles {
    float: left;
    width: 580px;
    line-height: 26px;
    height: 26px;
    font-size: 14px;
    color: #555;
    font-weight: bolder;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}

/* .content .time {
    float: right;
    width: 70px;
    height: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    background: #ddd;
    text-align: center;
    border-radius: 4px;
} */

.ask-list p {
    width: 100%;
    letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*要显示的行数*/
    -webkit-box-orient: vertical;
}

.gjj-text {
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 12px;
    margin-bottom: 15px;
}

.gjj-city {
    float: left;
    width: auto;
    height: 30px;
    padding: 12px 0px;
    line-height: 29px;
    color: #333;
    margin-left: 30px;
    text-align: right;
    font-size: 16px;
    margin-right: 15px;
}

.ggj-tab {
    display: none;
}

/* .line {
    margin: 0 29px 10px;
    padding-top: 0px;
    border-top: 1px solid #f5f5f5;
} */

.ask-list a {
    text-decoration: none !important;
}

.gjj-select {
    position: relative;
    float: left;
    width: 332px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border: 0px solid #e5e5e5;
    text-indent: 15px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 5px;
}

.select-top {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 330px;
    height: 38px;
    text-indent: 15px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    border-radius: 5px;
}

.result {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 512px;
    height: 252px;
    margin-left: -256px;
    margin-top: -126px;
    background: #fff;
    z-index: 99999999;
}

.mask {
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height: 100%;
    filter: alpha(opacity=60);
    /*设置透明度为60%*/
    opacity: 0.6;
    /*非IE浏览器下设置透明度为60%*/
    display: none;
    z-Index: 999;
    display: none;
}

.result .gray {
    float: left;
    width: 512px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    color: #333;
}

.result table {
    float: left;
    width: 458px;
    height: 96px;
    margin-left: 28px;
    border-collapse: collapse;
}

.result table tr td {
    line-height: 48px;
    text-indent: 24px;
    font-size: 14px;

}

.result table tr td.blues {
    background: #f7f7f7;
}

.result table tr td .num {
    text-align: right;
    color: orange;
    padding-right: 20px;
}

.closed {
    float: left;
    width: 156px;
    height: 40px;
    margin-left: 204px;
    line-height: 40px;
    text-align: center;
    background: #67abff;
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
}


.metric {
    margin: auto;
    top: 0;
    bottom: 0;
    line-height: 40px;
    right: 10px;
}

.results {
    height: 500px !important;
    margin-top: -250px !important;

}

.result table tr th {
    line-height: 46px;
    text-indent: 24px;
    font-size: 14px;
    font-weight: bolder;
    color: #fff;
    background: #67abff;
    text-align: center;
    text-indent: 0px;
}

.results table tr td {
    line-height: 59px !important;
}

.result table tr td .nums {
    text-align: center;
    color: orange;
    padding-right: 0px;
    text-indent: 0px;
}

.result table tr td .nums-org {
    text-align: center;
    line-height: 40px;
    height: 50px;
    color: orange;
    text-indent: 0px;
    padding-right: 0px;
}

.result table tr td .numss {
    text-align: center;
    text-indent: 0px;
    color: #333 !important;
    padding-right: 0px;
}


.gjj-lists strong {
    position: relative;
    margin: 0px 0px 0px 29px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
}

.gjj-lists p strong {
    position: relative;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
}

.gjj-lists p:last-child {
    margin-bottom: 20px;
}

.gjj-listss p strong {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 32px;
}

.cal_title {
    position: absolute;
    top: 13px;
    left: 0px;
    color: #ddd;
    width: 145px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    text-indent: 0px;
}

.city-city2 {
    float: left;
    width: 160px;
    height: 160px;
    margin: 76px 15px 0 15px;
}

.list_lhs {
    margin: 23px 0px 23px 25px;
    overflow: hidden;
    overflow: hidden;
    height: 235px;
    width: 347px;
}

.list_lhs li {
    width: 99%;
    height: 44px;
    line-height: 44px;
    border: 1px solid #034da4;
    margin-bottom: 5px;
    border-radius: 5px;
}


.list_lhs ul li span {
    float: left;
    width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 15px;
    color: #fff;
    margin-right: 8px;
}



.list_lhs ul li label {
    float: right;
    width: 78px;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 0px;
    margin-right: 20px;
    color: #f57627;
    display: inline-block;
}

.button-yzmqr-js,
.button-yzmqr1-js,
.button-yzms-js,
.button-yzms1-js {
    display: none;
}

.yzm {
    position: relative;
    float: left;
    width: 278px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    color: #777777;
}

button.btn {
    float: left;
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 12px;
    color: #ff7300;
    padding: 0px 3px;
    background: #ffffff;
    border: 0px;
    cursor: pointer;
}

/* 弹窗主容器 */
.modal-container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    margin-top: -250px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    /* IE8兼容 */
    -ms-border-radius: 8px;
}

/* 弹窗头部 */
.modal-header {
    height: 6px;
    background: linear-gradient(45deg, #ff6b35, #ff8c42);
    /* IE8兼容 */
    background: #ff6b35;
    border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
}