@charset "UTF-8";
/* line 2, frontend/scss/common/_titlenav.scss */
.title-navigation {
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
  /* line 7, frontend/scss/common/_titlenav.scss */
  .title-navigation .options-name {
    float: left;
    color: #fff;
    padding: 6% 0 4%;
    font-size: 3em; }
    /* line 12, frontend/scss/common/_titlenav.scss */
    .title-navigation .options-name span {
      position: relative; }
      /* line 14, frontend/scss/common/_titlenav.scss */
      .title-navigation .options-name span .type-label {
        position: absolute;
        width: 270px;
        left: .1em;
        top: -1.6em;
        font-size: .55em;
        line-height: 2em; }
  /* line 25, frontend/scss/common/_titlenav.scss */
  .title-navigation .derection {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%; }
    /* line 30, frontend/scss/common/_titlenav.scss */
    .title-navigation .derection a {
      width: 7em;
      height: 100%;
      display: inline-block;
      font-size: 1.2em;
      color: #b4d9ff;
      transition: all ease 0.3s;
      position: absolute;
      top: 0; }
      /* line 39, frontend/scss/common/_titlenav.scss */
      .title-navigation .derection a span {
        display: inline-block;
        padding: 0;
        position: absolute;
        width: 70%;
        line-height: 24px; }
      /* line 46, frontend/scss/common/_titlenav.scss */
      .title-navigation .derection a i {
        position: absolute;
        height: 100%;
        top: 0; }
      /* line 52, frontend/scss/common/_titlenav.scss */
      .title-navigation .derection a.pre span {
        left: 2.5em;
        text-align: left; }
      /* line 58, frontend/scss/common/_titlenav.scss */
      .title-navigation .derection a.next span {
        left: 0.5em;
        text-align: right; }
    /* line 64, frontend/scss/common/_titlenav.scss */
    .title-navigation .derection .pre {
      border-right: 1px solid #5fa9d3;
      border-left: 1px solid #5fa9d3;
      right: 10em;
      padding: 0 0.5em 0 2.5em;
      background: rgba(9, 30, 54, 0.1);
      text-align: left; }
      /* line 71, frontend/scss/common/_titlenav.scss */
      .title-navigation .derection .pre i {
        left: 0; }
      /* line 74, frontend/scss/common/_titlenav.scss */
      .title-navigation .derection .pre:hover {
        background: rgba(9, 30, 54, 0.2); }
    /* line 78, frontend/scss/common/_titlenav.scss */
    .title-navigation .derection .next {
      right: 0em;
      border-right: 1px solid #5fa9d3;
      padding: 0 2.5em 0 0.5em;
      text-align: right;
      background: rgba(9, 30, 54, 0.1); }
      /* line 84, frontend/scss/common/_titlenav.scss */
      .title-navigation .derection .next i {
        right: 0; }
      /* line 87, frontend/scss/common/_titlenav.scss */
      .title-navigation .derection .next:hover {
        background: rgba(9, 30, 54, 0.2); }
    /* line 91, frontend/scss/common/_titlenav.scss */
    .title-navigation .derection .derect {
      font-size: 2.5em; }

@media (min-width: 1001px) and (max-width: 1200px) {
  /* line 104, frontend/scss/common/_titlenav.scss */
  .title-navigation .container {
    max-width: 100% !important; }
    /* line 106, frontend/scss/common/_titlenav.scss */
    .title-navigation .container .options-name {
      padding-left: 20px !important; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 114, frontend/scss/common/_titlenav.scss */
  .title-navigation .container {
    max-width: 100% !important; }
    /* line 116, frontend/scss/common/_titlenav.scss */
    .title-navigation .container .options-name {
      padding: 9% 0 5%;
      padding-left: 20px !important; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 124, frontend/scss/common/_titlenav.scss */
  .title-navigation {
    font-size: 1em; } }

@media (min-width: 1001px) and (max-width: 1200px) {
  /* line 124, frontend/scss/common/_titlenav.scss */
  .title-navigation {
    font-size: 1em; } }

@media (min-width: 1201px) {
  /* line 124, frontend/scss/common/_titlenav.scss */
  .title-navigation {
    font-size: 1em; } }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 129, frontend/scss/common/_titlenav.scss */
  .title-navigation {
    font-size: .5em; }
    /* line 131, frontend/scss/common/_titlenav.scss */
    .title-navigation .options-name {
      float: none;
      text-align: center;
      padding: 13% 0 7% 0; }
      /* line 136, frontend/scss/common/_titlenav.scss */
      .title-navigation .options-name span .type-label {
        left: .5em;
        top: -1.8em;
        font-size: .5em;
        line-height: 2em;
        font-size: .8em; }
    /* line 146, frontend/scss/common/_titlenav.scss */
    .title-navigation .derection a {
      font-size: 2em;
      width: 5em; }
    /* line 150, frontend/scss/common/_titlenav.scss */
    .title-navigation .derection .pre {
      left: 0em;
      border-left: 0;
      padding-left: 1.8em; }
    /* line 155, frontend/scss/common/_titlenav.scss */
    .title-navigation .derection .next {
      border-left: 1px solid #5fa9d3;
      border-right: 0;
      padding-right: 1.8em; }
    /* line 160, frontend/scss/common/_titlenav.scss */
    .title-navigation .derection .derect {
      font-size: 1.5em; } }

/* line 1, frontend/scss/common/_article.scss */
.tabs-container {
  padding-top: 2em;
  width: 100%\9; }
  /* line 5, frontend/scss/common/_article.scss */
  .tabs-container.pb-sysDown {
    width: 100%\9; }
  /* line 8, frontend/scss/common/_article.scss */
  .tabs-container .tabs-content {
    width: 100%\9; }
    /* line 11, frontend/scss/common/_article.scss */
    .tabs-container .tabs-content.pb-tab-content {
      width: 100%\9; }
      /* line 13, frontend/scss/common/_article.scss */
      .tabs-container .tabs-content.pb-tab-content .swiper-container {
        width: 1100px \9; }
        /* line 15, frontend/scss/common/_article.scss */
        .tabs-container .tabs-content.pb-tab-content .swiper-container .swiper-slide {
          width: 1100px \9; }
          /* line 17, frontend/scss/common/_article.scss */
          .tabs-container .tabs-content.pb-tab-content .swiper-container .swiper-slide ul {
            width: 1100px; }
            /* line 19, frontend/scss/common/_article.scss */
            .tabs-container .tabs-content.pb-tab-content .swiper-container .swiper-slide ul li {
              width: 1095px; }

/* line 29, frontend/scss/common/_article.scss */
.articles-containers,
.trad-content,
.ratios-container,
.tabs-content {
  overflow: hidden;
  _zoom: 1; }
  /* line 35, frontend/scss/common/_article.scss */
  .articles-containers .swiper-container,
  .trad-content .swiper-container,
  .ratios-container .swiper-container,
  .tabs-content .swiper-container {
    width: 1200px \9; }
    /* line 37, frontend/scss/common/_article.scss */
    .articles-containers .swiper-container .swiper-slide,
    .trad-content .swiper-container .swiper-slide,
    .ratios-container .swiper-container .swiper-slide,
    .tabs-content .swiper-container .swiper-slide {
      width: 1200px \9; }
  /* line 41, frontend/scss/common/_article.scss */
  .articles-containers .article-list,
  .trad-content .article-list,
  .ratios-container .article-list,
  .tabs-content .article-list {
    padding: 0% 12.5% 0%;
    width: 936px \9;
    padding: 0 132px \9; }
    /* line 45, frontend/scss/common/_article.scss */
    .articles-containers .article-list li,
    .trad-content .article-list li,
    .ratios-container .article-list li,
    .tabs-content .article-list li {
      font-size: 1.2em;
      line-height: 3em;
      padding: 0 3%; }
      /* line 49, frontend/scss/common/_article.scss */
      .articles-containers .article-list li:nth-child(odd),
      .trad-content .article-list li:nth-child(odd),
      .ratios-container .article-list li:nth-child(odd),
      .tabs-content .article-list li:nth-child(odd) {
        background-color: #f0f4f8; }
      /* line 52, frontend/scss/common/_article.scss */
      .articles-containers .article-list li:hover,
      .trad-content .article-list li:hover,
      .ratios-container .article-list li:hover,
      .tabs-content .article-list li:hover {
        background-color: #bed5ec; }
      /* line 55, frontend/scss/common/_article.scss */
      .articles-containers .article-list li a,
      .trad-content .article-list li a,
      .ratios-container .article-list li a,
      .tabs-content .article-list li a {
        display: block;
        overflow: hidden;
        position: relative;
        zoom: 1; }
      /* line 61, frontend/scss/common/_article.scss */
      .articles-containers .article-list li .article-title,
      .trad-content .article-list li .article-title,
      .ratios-container .article-list li .article-title,
      .tabs-content .article-list li .article-title {
        display: block;
        line-height: 3em;
        color: #333;
        padding-left: 5%;
        padding-right: 18%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        position: relative;
        background-image: url(https://cdn.gfzq.cn/gfw-job/images/common/libg.png) !important \9;
        background-repeat: no-repeat !important \9;
        background-position: 15px center !important \9;
        width: 676px \9;
        overflow: hidden \9;
        padding-right: 0%\9; }
        /* line 78, frontend/scss/common/_article.scss */
        .articles-containers .article-list li .article-title:after,
        .trad-content .article-list li .article-title:after,
        .ratios-container .article-list li .article-title:after,
        .tabs-content .article-list li .article-title:after {
          position: absolute;
          width: 6px;
          height: 6px;
          left: 3px;
          top: 22px;
          content: '';
          background: url(https://cdn.gfzq.cn/gfw-job/images/common/libg.png) no-repeat left center; }
      /* line 88, frontend/scss/common/_article.scss */
      .articles-containers .article-list li .publish-date,
      .trad-content .article-list li .publish-date,
      .ratios-container .article-list li .publish-date,
      .tabs-content .article-list li .publish-date {
        float: right;
        color: #999;
        position: absolute;
        right: 0;
        top: 0; }
  /* line 97, frontend/scss/common/_article.scss */
  .articles-containers .loading,
  .trad-content .loading,
  .ratios-container .loading,
  .tabs-content .loading {
    text-align: center;
    margin-top: 1em; }

/* line 102, frontend/scss/common/_article.scss */
.web-articles-wrapper {
  min-height: 320px; }

/* line 106, frontend/scss/common/_article.scss */
.more-containers {
  display: none;
  text-align: center;
  line-height: 30px; }

/* line 112, frontend/scss/common/_article.scss */
.border-blue {
  height: 8px;
  background-color: #3a89da;
  font-size: 0px; }

/* line 119, frontend/scss/common/_article.scss */
.article {
  padding: 2% 10%;
  font-size: 1em; }
  /* line 122, frontend/scss/common/_article.scss */
  .article .title {
    font-size: 3em;
    text-align: center;
    line-height: 1.3em;
    padding: .7em 1em; }
  /* line 128, frontend/scss/common/_article.scss */
  .article .info {
    padding: 1.5em 2.5em;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    height: 2em; }
    /* line 133, frontend/scss/common/_article.scss */
    .article .info .label, .article .info .date, .article .info .share-sp {
      height: 2em;
      line-height: 2em; }
    /* line 137, frontend/scss/common/_article.scss */
    .article .info .label {
      float: left;
      width: 23%; }
      /* line 140, frontend/scss/common/_article.scss */
      .article .info .label span {
        padding: 0.2em 1em;
        background: #8eb5de;
        color: #fff;
        font-size: 1em; }
    /* line 147, frontend/scss/common/_article.scss */
    .article .info .date {
      float: left;
      width: 50%;
      text-align: center;
      font-size: 1.1em;
      color: #999; }
    /* line 154, frontend/scss/common/_article.scss */
    .article .info .share-sp {
      float: right;
      width: 22%;
      border-left: 1px solid #ddd;
      padding-left: 3%; }
      /* line 159, frontend/scss/common/_article.scss */
      .article .info .share-sp .bdsharebuttonbox {
        text-align: center; }
        /* line 161, frontend/scss/common/_article.scss */
        .article .info .share-sp .bdsharebuttonbox a {
          float: none;
          display: inline-block;
          width: 25px;
          height: 24px;
          background-image: url(https://cdn.gfzq.cn/gfw-job/images/common/share.png);
          background-repeat: no-repeat;
          padding-left: 0;
          margin: 0 0.5em; }
          /* line 170, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_tsina {
            background-position: 0 0; }
          /* line 173, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_qzone {
            background-position: 0 -48px; }
          /* line 176, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_sqq {
            background-position: 0 -24px; }
          /* line 179, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_weixin {
            background-position: 0 -72px; }
          /* line 182, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_more {
            background-position: 0 -96px; }
  /* line 189, frontend/scss/common/_article.scss */
  .article .summary {
    padding: 3em 2em;
    background: #f8f8f8; }
    /* line 192, frontend/scss/common/_article.scss */
    .article .summary p {
      line-height: 1.5em;
      font-size: 1.14em; }
      /* line 195, frontend/scss/common/_article.scss */
      .article .summary p em {
        background: #ccc;
        margin-right: .5em;
        padding: 0 .3em; }
    /* line 201, frontend/scss/common/_article.scss */
    .article .summary .jobs-name {
      line-height: 1.5em;
      font-size: 1.14em;
      padding-bottom: 0.2em; }
    /* line 206, frontend/scss/common/_article.scss */
    .article .summary .jobs-base-info {
      font-size: 1.14em; }
      /* line 208, frontend/scss/common/_article.scss */
      .article .summary .jobs-base-info span {
        width: 40%;
        line-height: 1.5em;
        float: left; }
  /* line 215, frontend/scss/common/_article.scss */
  .article .content {
    padding: 2em;
    font-size: 1.14em;
    min-height: 230px;
    font-family: '微软雅黑'; }
    /* line 220, frontend/scss/common/_article.scss */
    .article .content em {
      font-style: italic; }
    /* line 223, frontend/scss/common/_article.scss */
    .article .content strong {
      font-weight: bold; }
    /* line 226, frontend/scss/common/_article.scss */
    .article .content h1 {
      font-size: 1.6em;
      line-height: 1.8em; }
    /* line 230, frontend/scss/common/_article.scss */
    .article .content .subtitle {
      font-size: 1.8em;
      line-height: 1.4em;
      text-align: center;
      margin-bottom: 1em; }
    /* line 236, frontend/scss/common/_article.scss */
    .article .content p {
      line-height: 2em;
      text-indent: 2em;
      font-size: 1em;
      word-wrap: break-word; }
      /* line 241, frontend/scss/common/_article.scss */
      .article .content p.sp_2em {
        text-indent: 2em; }
    /* line 245, frontend/scss/common/_article.scss */
    .article .content div {
      font-size: 1em;
      line-height: 2em;
      word-wrap: break-word; }
      /* line 249, frontend/scss/common/_article.scss */
      .article .content div.sp_2em {
        text-indent: 2em; }
      /* line 252, frontend/scss/common/_article.scss */
      .article .content div.sp_4em {
        text-indent: 4em; }
      /* line 255, frontend/scss/common/_article.scss */
      .article .content div.inscription {
        text-align: right;
        padding-right: 3em; }
      /* line 259, frontend/scss/common/_article.scss */
      .article .content div a {
        word-break: break-all;
        overflow: hidden; }
    /* line 264, frontend/scss/common/_article.scss */
    .article .content table {
      width: 100% !important;
      float: none;
      margin: 0 auto !important; }
      /* line 269, frontend/scss/common/_article.scss */
      .article .content table tbody tr {
        height: auto; }
        /* line 271, frontend/scss/common/_article.scss */
        .article .content table tbody tr td {
          padding: 4px !important;
          text-align: center; }
          /* line 274, frontend/scss/common/_article.scss */
          .article .content table tbody tr td div {
            text-align: center; }
          /* line 275, frontend/scss/common/_article.scss */
          .article .content table tbody tr td p {
            text-indent: 0; }
      /* line 281, frontend/scss/common/_article.scss */
      .article .content table.art-table {
        margin: 1em 0; }
        /* line 283, frontend/scss/common/_article.scss */
        .article .content table.art-table th {
          line-height: 30px;
          background-color: #75a4d6;
          text-align: center;
          color: #fff;
          font-size: 1.16em; }
        /* line 290, frontend/scss/common/_article.scss */
        .article .content table.art-table td {
          line-height: 30px;
          text-align: center;
          background-color: #fff;
          padding: 0 .3em;
          font-size: 1.14em; }
        /* line 299, frontend/scss/common/_article.scss */
        .article .content table.art-table tr:nth-child(odd) td {
          background: #f0f4f8; }
    /* line 306, frontend/scss/common/_article.scss */
    .article .content .attach-files {
      padding: 1em 1.5em;
      background-color: #f2f2f2;
      margin-top: 1em;
      font-size: 1em; }
      /* line 311, frontend/scss/common/_article.scss */
      .article .content .attach-files h3 {
        font-size: 1.15em;
        font-weight: bold; }
      /* line 316, frontend/scss/common/_article.scss */
      .article .content .attach-files ul li {
        border-bottom: 0.07em solid #ddd;
        margin: 0.85em 0em;
        overflow: hidden;
        height: auto;
        padding: 1em 4em 2em 0em;
        position: relative;
        _overfloat: hidden;
        _zoom: 1; }
        /* line 325, frontend/scss/common/_article.scss */
        .article .content .attach-files ul li p {
          text-align: left;
          padding-left: 4.5em;
          text-indent: 0; }
          /* line 329, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li p span {
            font-size: 1.14em;
            color: #999; }
            /* line 332, frontend/scss/common/_article.scss */
            .article .content .attach-files ul li p span.file-date {
              color: #999;
              font-size: .9em; }
        /* line 338, frontend/scss/common/_article.scss */
        .article .content .attach-files ul li .icon {
          width: 2.85em;
          height: 2.85em;
          display: inline-block;
          position: absolute;
          top: 1em; }
          /* line 344, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-folder, .article .content .attach-files ul li .icon.icon-text, .article .content .attach-files ul li .icon.icon-ppt, .article .content .attach-files ul li .icon.icon-pdf, .article .content .attach-files ul li .icon.icon-excel, .article .content .attach-files ul li .icon.icon-word {
            left: .5em; }
          /* line 347, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-folder {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/folder.jpg) no-repeat center; }
          /* line 350, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-text {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/text.jpg) no-repeat center; }
          /* line 353, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-ppt {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/ppt.jpg) no-repeat center; }
          /* line 356, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-pdf {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/pdf.jpg) no-repeat center; }
          /* line 359, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-excel {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/excel.jpg) no-repeat center; }
          /* line 362, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-word {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/word.jpg) no-repeat center; }
          /* line 365, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-download {
            right: 0;
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/dolad-wh.png) no-repeat center top; }
            /* line 368, frontend/scss/common/_article.scss */
            .article .content .attach-files ul li .icon.icon-download:hover {
              background: url(https://cdn.gfzq.cn/gfw-job/images/common/dolad-bl.png) no-repeat center top; }
    /* line 377, frontend/scss/common/_article.scss */
    .article .content .content-title {
      font-size: 1.25em;
      line-height: 1.5em; }
    /* line 381, frontend/scss/common/_article.scss */
    .article .content .jobs-duty, .article .content .jobs-require, .article .content .jobs-attachment {
      margin-bottom: 2em; }
      /* line 383, frontend/scss/common/_article.scss */
      .article .content .jobs-duty p, .article .content .jobs-require p, .article .content .jobs-attachment p {
        text-indent: 0; }
    /* line 389, frontend/scss/common/_article.scss */
    .article .content .jobs-attachment a {
      color: #3a89da; }

/* line 395, frontend/scss/common/_article.scss */
.operations {
  padding: 0% 12% 7% 12%; }
  /* line 397, frontend/scss/common/_article.scss */
  .operations .opt-but {
    transition: all ease 0.3s;
    display: inline-block;
    margin: 0 auto;
    width: 176px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 0 10px;
    color: #333;
    border: 2px solid #3a89da;
    border-radius: 1.5em;
    font-size: 1.2em; }
    /* line 411, frontend/scss/common/_article.scss */
    .operations .opt-but.store-btn i {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url("https://cdn.gfzq.cn/gfw-job/images/icons/store.png") center center no-repeat;
      vertical-align: middle;
      margin-right: 5px;
      position: relative;
      top: -3px; }
    /* line 421, frontend/scss/common/_article.scss */
    .operations .opt-but.store-btn span {
      display: inline-block; }
    /* line 424, frontend/scss/common/_article.scss */
    .operations .opt-but.store-btn.store-btn-choice {
      color: #666;
      border: 2px solid #c6c6c6; }
      /* line 427, frontend/scss/common/_article.scss */
      .operations .opt-but.store-btn.store-btn-choice i {
        background: url("https://cdn.gfzq.cn/gfw-job/images/icons/stored.png") center center no-repeat; }
    /* line 432, frontend/scss/common/_article.scss */
    .operations .opt-but.apply-btn {
      background: #3a89da;
      color: #fff; }
      /* line 435, frontend/scss/common/_article.scss */
      .operations .opt-but.apply-btn:hover {
        background: #0f63b8;
        border: 2px solid #0f63b8;
        color: #fff; }

@media (min-width: 1001px) and (max-width: 1200px) {
  /* line 445, frontend/scss/common/_article.scss */
  .article .info {
    padding: 1.5em 2em; }
    /* line 447, frontend/scss/common/_article.scss */
    .article .info .label {
      width: 26%; }
    /* line 450, frontend/scss/common/_article.scss */
    .article .info .date {
      width: 35%; }
    /* line 453, frontend/scss/common/_article.scss */
    .article .info .share-sp {
      width: 35%; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 461, frontend/scss/common/_article.scss */
  .article .info {
    padding: 1.5em 1em; }
    /* line 463, frontend/scss/common/_article.scss */
    .article .info .label {
      width: 26%; }
    /* line 466, frontend/scss/common/_article.scss */
    .article .info .date {
      width: 25%; }
    /* line 469, frontend/scss/common/_article.scss */
    .article .info .share-sp {
      width: 45%; }
  /* line 477, frontend/scss/common/_article.scss */
  .articles-containers .article-list,
  .trad-content .article-list,
  .ratios-container .article-list {
    padding: 0% 8% 0%; } }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 485, frontend/scss/common/_article.scss */
  .articles-containers .article-list, .trad-content .article-list {
    padding: 5% 5% 5%; }
    /* line 487, frontend/scss/common/_article.scss */
    .articles-containers .article-list li, .trad-content .article-list li {
      line-height: 2.4em; }
      /* line 489, frontend/scss/common/_article.scss */
      .articles-containers .article-list li .article-title, .trad-content .article-list li .article-title {
        width: 90%;
        padding: 0 5%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        /* line 495, frontend/scss/common/_article.scss */
        .articles-containers .article-list li .article-title:after, .trad-content .article-list li .article-title:after {
          top: 25px; }
      /* line 499, frontend/scss/common/_article.scss */
      .articles-containers .article-list li .publish-date, .trad-content .article-list li .publish-date {
        float: left;
        position: relative;
        top: -.2em; }
  /* line 507, frontend/scss/common/_article.scss */
  .more-containers {
    display: block;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em; }
    /* line 512, frontend/scss/common/_article.scss */
    .more-containers .more-container {
      padding: 20px 0; }
  /* line 516, frontend/scss/common/_article.scss */
  .article {
    padding: 2% 0%; }
    /* line 518, frontend/scss/common/_article.scss */
    .article .title {
      font-size: 2em;
      line-height: 1.3em; }
    /* line 522, frontend/scss/common/_article.scss */
    .article .info {
      height: auto; }
      /* line 524, frontend/scss/common/_article.scss */
      .article .info .label,
      .article .info .date,
      .article .info .share-sp {
        float: none;
        width: 100%;
        box-sizing: border-box;
        text-align: center; }
      /* line 532, frontend/scss/common/_article.scss */
      .article .info .share-sp {
        border-left: 0; }
        /* line 534, frontend/scss/common/_article.scss */
        .article .info .share-sp .bdshare-button-style0-16 {
          text-align: center; }
          /* line 536, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdshare-button-style0-16 a {
            float: none !important; }
    /* line 542, frontend/scss/common/_article.scss */
    .article .content {
      padding: 1em 5%; }
      /* line 544, frontend/scss/common/_article.scss */
      .article .content .subtitle {
        font-size: 1.5em; }
      /* line 548, frontend/scss/common/_article.scss */
      .article .content div.sp_4em {
        text-indent: 2em; }
      /* line 551, frontend/scss/common/_article.scss */
      .article .content div.inscription {
        padding-right: 1em; }
      /* line 555, frontend/scss/common/_article.scss */
      .article .content .attach-files {
        padding: 1em 0.5em;
        font-size: .9em; }
        /* line 560, frontend/scss/common/_article.scss */
        .article .content .attach-files ul li span {
          display: block; }
      /* line 566, frontend/scss/common/_article.scss */
      .article .content table {
        width: 100% !important;
        float: none;
        margin: 0 auto !important; }
        /* line 571, frontend/scss/common/_article.scss */
        .article .content table tbody tr {
          height: auto; }
          /* line 573, frontend/scss/common/_article.scss */
          .article .content table tbody tr td {
            padding: 4px !important;
            text-align: center; }
            /* line 576, frontend/scss/common/_article.scss */
            .article .content table tbody tr td div {
              text-align: center;
              line-height: 1.5em; }
            /* line 580, frontend/scss/common/_article.scss */
            .article .content table tbody tr td p {
              text-indent: 0;
              line-height: 1.5em; }
  /* line 595, frontend/scss/common/_article.scss */
  .web-articles-wrapper {
    min-height: auto; }
  /* line 600, frontend/scss/common/_article.scss */
  .operations .opt-but {
    width: 115px;
    height: 30px;
    line-height: 30px; } }

/* line 1, frontend/scss/common/_pagination.scss */
.pagination {
  margin: 2em 0;
  text-align: center; }
  /* line 5, frontend/scss/common/_pagination.scss */
  .pagination .pager, .pagination .nav-pointer {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border: 2px solid #bed5ec;
    border-radius: 5px;
    color: #333;
    background: #fff;
    opacity: 1;
    cursor: pointer; }
    /* line 17, frontend/scss/common/_pagination.scss */
    .pagination .pager:hover, .pagination .pager.active, .pagination .nav-pointer:hover, .pagination .nav-pointer.active {
      color: #fff;
      background: #3a89da;
      border-color: #3a89da; }
  /* line 24, frontend/scss/common/_pagination.scss */
  .pagination a.pager {
    margin-left: 1%;
    margin-right: 1%; }
  /* line 29, frontend/scss/common/_pagination.scss */
  .pagination a.prev {
    margin-right: 2%; }
  /* line 33, frontend/scss/common/_pagination.scss */
  .pagination a.next {
    margin-left: 2%; }
  /* line 36, frontend/scss/common/_pagination.scss */
  .pagination a.goToClick {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border: 2px solid #bed5ec;
    border-radius: 5px;
    color: #333;
    background: #fff;
    opacity: 1;
    cursor: pointer;
    margin-left: 1em;
    vertical-align: top; }
    /* line 50, frontend/scss/common/_pagination.scss */
    .pagination a.goToClick:hover {
      color: #fff;
      background: #3a89da;
      border-color: #3a89da; }

/* line 58, frontend/scss/common/_pagination.scss */
.totlePage {
  padding: 0 2%; }

/* line 61, frontend/scss/common/_pagination.scss */
input.page-input {
  width: 3em;
  text-align: center;
  border: 2px solid #bed5ec;
  border-radius: 5px;
  height: 2.5em;
  line-height: 2.5em;
  padding: 0; }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 73, frontend/scss/common/_pagination.scss */
  .pagination {
    display: none; } }

/* line 8, frontend/scss/common.scss */
.loading-container {
  background: transparent; }
  /* line 10, frontend/scss/common.scss */
  .loading-container .ui-dialog-titlebar {
    display: none; }
  /* line 13, frontend/scss/common.scss */
  .loading-container .ui-widget-content {
    color: #fff;
    background: transparent;
    padding: 0;
    overflow: hidden; }
    /* line 18, frontend/scss/common.scss */
    .loading-container .ui-widget-content .loading-icon {
      width: 100%;
      height: 120px;
      background: url(https://cdn.gfzq.cn/gfw-job/images/common/loading.png) no-repeat center center; }
    /* line 23, frontend/scss/common.scss */
    .loading-container .ui-widget-content:before {
      content: none; }

/* line 29, frontend/scss/common.scss */
.a-link {
  display: inline;
  cursor: pointer; }

/* line 28, frontend/scss/base/_section.scss */
.grid-module .grid-img-cont .img-wrapper {
  float: left;
  width: 50%;
  position: relative; }
  /* line 32, frontend/scss/base/_section.scss */
  .grid-module .grid-img-cont .img-wrapper img {
    width: 100%; }

/* line 37, frontend/scss/base/_section.scss */
.grid-module .grid-img-cont .cont-wrapper {
  float: left;
  padding: 7%;
  width: 36%;
  font-size: 1em;
  position: relative; }
  /* line 43, frontend/scss/base/_section.scss */
  .grid-module .grid-img-cont .cont-wrapper h3 {
    font-size: 2em;
    color: #333;
    margin-bottom: .8em;
    position: relative; }
    /* line 48, frontend/scss/base/_section.scss */
    .grid-module .grid-img-cont .cont-wrapper h3:after {
      position: absolute;
      font-size: 5px;
      height: 4px;
      width: 26px;
      border-radius: 2px;
      background: #8eb5de;
      left: 1px;
      bottom: -12px;
      content: ''; }
  /* line 60, frontend/scss/base/_section.scss */
  .grid-module .grid-img-cont .cont-wrapper p {
    font-size: 1.1em;
    line-height: 1.5em;
    color: #666;
    margin-bottom: .8em; }

/* line 70, frontend/scss/base/_section.scss */
.images-wrapper {
  width: 48.10%;
  position: relative; }
  /* line 73, frontend/scss/base/_section.scss */
  .images-wrapper img {
    width: 100%; }

/* line 77, frontend/scss/base/_section.scss */
.content-wrapper {
  padding: 8.5% 10% 8.5% 8.5%;
  width: 51.9%;
  box-sizing: border-box;
  position: relative; }
  /* line 83, frontend/scss/base/_section.scss */
  .content-wrapper .label {
    font-size: 1em; }
    /* line 85, frontend/scss/base/_section.scss */
    .content-wrapper .label span {
      padding: 0em 1em;
      background: #8eb5de;
      color: #fff;
      display: inline-block;
      height: 1.7em;
      line-height: 1.7em; }
  /* line 94, frontend/scss/base/_section.scss */
  .content-wrapper h3 {
    font-size: 2em;
    line-height: 1.3em; }
  /* line 98, frontend/scss/base/_section.scss */
  .content-wrapper .info-intro {
    color: #666;
    line-height: 1.7em;
    font-size: 1.14em; }
  /* line 103, frontend/scss/base/_section.scss */
  .content-wrapper .pb-time, .content-wrapper .pb-info, .content-wrapper .info-ul {
    font-size: 1em;
    color: #999;
    line-height: 1.5em;
    text-align: left; }
    /* line 108, frontend/scss/base/_section.scss */
    .content-wrapper .pb-time a, .content-wrapper .pb-info a, .content-wrapper .info-ul a {
      color: #999; }
  /* line 112, frontend/scss/base/_section.scss */
  .content-wrapper .dots-before {
    font-size: 1em;
    line-height: 1.5em; }
    /* line 115, frontend/scss/base/_section.scss */
    .content-wrapper .dots-before span {
      display: inline-block;
      position: relative;
      padding-left: 1em;
      width: 7em; }
      /* line 120, frontend/scss/base/_section.scss */
      .content-wrapper .dots-before span:after {
        position: absolute;
        top: -.1em;
        left: 0;
        content: '.';
        font-size: 2em;
        line-height: .2em;
        color: #999; }
  /* line 131, frontend/scss/base/_section.scss */
  .content-wrapper .info-ul {
    width: 100%; }
    /* line 133, frontend/scss/base/_section.scss */
    .content-wrapper .info-ul li {
      width: 33%;
      float: left; }

/* line 141, frontend/scss/base/_section.scss */
#sigle-one .grid .content-wrapper {
  width: 100%; }

/* line 148, frontend/scss/base/_section.scss */
#index-bot .grid .content-wrapper, #index-bot .grid .images-wrapper {
  width: 100%; }

@media (min-width: 1201px) {
  /* line 154, frontend/scss/base/_section.scss */
  .grid2x1 .img-wrapper:after {
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff;
    content: "";
    height: 0;
    position: absolute;
    right: -1px;
    top: 25px;
    width: 0; }
    /* line 156, frontend/scss/base/_section.scss */
    .grid2x1 .img-wrapper:after .images-wrapper, .grid2x1 .img-wrapper:after .content-wrapper {
      float: left; } }

@media (min-width: 1001px) and (max-width: 1200px) {
  /* line 154, frontend/scss/base/_section.scss */
  .grid2x1 .img-wrapper:after {
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff;
    content: "";
    height: 0;
    position: absolute;
    right: -1px;
    top: 25px;
    width: 0; }
    /* line 156, frontend/scss/base/_section.scss */
    .grid2x1 .img-wrapper:after .images-wrapper, .grid2x1 .img-wrapper:after .content-wrapper {
      float: left; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 154, frontend/scss/base/_section.scss */
  .grid2x1 .img-wrapper:after {
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff;
    content: "";
    height: 0;
    position: absolute;
    right: -1px;
    top: 25px;
    width: 0; }
    /* line 156, frontend/scss/base/_section.scss */
    .grid2x1 .img-wrapper:after .images-wrapper, .grid2x1 .img-wrapper:after .content-wrapper {
      float: left; } }

@media (min-width: 1001px) and (max-width: 1200px) {
  /* line 163, frontend/scss/base/_section.scss */
  .grid-module .cont-wrapper {
    font-size: 0.9em !important; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 163, frontend/scss/base/_section.scss */
  .grid-module .cont-wrapper {
    font-size: 0.9em !important; } }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 173, frontend/scss/base/_section.scss */
  .grid-module .xs-grid1x2 .cont-wrapper:after {
    position: absolute;
    width: 0px;
    height: 0px;
    content: ' ';
    left: 30px;
    top: -29px;
    border-width: 13px 14px;
    border-style: solid;
    border-color: transparent transparent #fff; }
  /* line 178, frontend/scss/base/_section.scss */
  .grid-module .grid-img-cont .img-wrapper {
    width: 100%; }
  /* line 181, frontend/scss/base/_section.scss */
  .grid-module .grid-img-cont .cont-wrapper {
    width: 80%; } }

@font-face {
  font-family: "iconfont";
  src: url("https://job.gf.com.cn/fonts/iconfont.eot");
  /* IE9*/
  src: url("https://job.gf.com.cn/fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("https://job.gf.com.cn/fonts/iconfont.woff") format("woff"), url("https://job.gf.com.cn/fonts/iconfont.ttf") format("truetype"), url("job.gf.com.cnhttps://job.gf.com.cn/fonts/iconfont.svg#iconfont") format("svg");
  /* iOS 4.1- 1122*/ }

/* line 9, frontend/scss/base/_iconfont.scss */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

/* line 17, frontend/scss/base/_iconfont.scss */
.icon-1:before {
  content: "\e600"; }

/* line 18, frontend/scss/base/_iconfont.scss */
.icon-2:before {
  content: "\e601"; }

/* line 19, frontend/scss/base/_iconfont.scss */
.icon-3:before {
  content: "\e602"; }

/* line 20, frontend/scss/base/_iconfont.scss */
.icon-31:before {
  content: "\e603"; }

/* line 21, frontend/scss/base/_iconfont.scss */
.icon-32:before {
  content: "\e604"; }

/* line 22, frontend/scss/base/_iconfont.scss */
.icon-33:before {
  content: "\e605"; }

/* line 23, frontend/scss/base/_iconfont.scss */
.icon-4:before {
  content: "\e606"; }

/* line 24, frontend/scss/base/_iconfont.scss */
.icon-34:before {
  content: "\e607"; }

/* line 6, frontend/scss/index.scss */
#culture-intro {
  font-size: 1em; }
  /* line 10, frontend/scss/index.scss */
  #culture-intro .content-wrapper h3 {
    position: relative;
    margin-bottom: 1.5em; }
    /* line 14, frontend/scss/index.scss */
    #culture-intro .content-wrapper h3:after {
      position: absolute;
      font-size: 5px;
      height: 4px;
      width: 26px;
      border-radius: 2px;
      background: #8eb5de;
      left: 1px;
      bottom: -12px;
      content: ''; }
  /* line 27, frontend/scss/index.scss */
  #culture-intro .content-wrapper .info-intro {
    margin-bottom: 1em; }
  /* line 31, frontend/scss/index.scss */
  #culture-intro .content-wrapper ul {
    font-size: 1.05em;
    color: #999;
    list-style: disc inside;
    overflow: hidden; }
    /* line 37, frontend/scss/index.scss */
    #culture-intro .content-wrapper ul li {
      width: 90px;
      line-height: 1.5em;
      float: left; }
  /* line 46, frontend/scss/index.scss */
  #culture-intro .link {
    color: #0096ff;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 25px; }
  /* line 55, frontend/scss/index.scss */
  #culture-intro .index-ewm .content-wrapper {
    padding: 7.5% 10% 3.5% 8.5%;
    width: 100%;
    text-align: center; }
    /* line 60, frontend/scss/index.scss */
    #culture-intro .index-ewm .content-wrapper .ewm-pic {
      margin-bottom: 0.5em; }
    /* line 64, frontend/scss/index.scss */
    #culture-intro .index-ewm .content-wrapper h3 {
      margin-bottom: 0.3em; }
      /* line 67, frontend/scss/index.scss */
      #culture-intro .index-ewm .content-wrapper h3::after {
        display: none; }
    /* line 72, frontend/scss/index.scss */
    #culture-intro .index-ewm .content-wrapper .pb-info,
    #culture-intro .index-ewm .content-wrapper .info-intro {
      text-align: center;
      margin-bottom: 0.8em; }
  /* line 82, frontend/scss/index.scss */
  #culture-intro .dep-intro .pb-info p {
    float: left;
    line-height: 24px; }
    /* line 86, frontend/scss/index.scss */
    #culture-intro .dep-intro .pb-info p.e-li {
      width: 40%; }
    /* line 90, frontend/scss/index.scss */
    #culture-intro .dep-intro .pb-info p.o-li {
      width: 60%; }
  /* line 98, frontend/scss/index.scss */
  #culture-intro .grid2x1 .content-wrapper {
    padding: 4% 8%; }

/* line 104, frontend/scss/index.scss */
#culture-intro {
  padding-top: 2.5%;
  padding-bottom: 0; }
  /* line 109, frontend/scss/index.scss */
  #culture-intro .grid-module .grid2x1 {
    padding-bottom: 48.05%; }

/* line 115, frontend/scss/index.scss */
#index-snapshot {
  padding-top: 0; }
  /* line 119, frontend/scss/index.scss */
  #index-snapshot .span-12 .grid2x1 {
    padding-bottom: 41.6%; }

/* line 126, frontend/scss/index.scss */
.page-section.grey-f2 {
  background: #f2f2f2; }

/* line 131, frontend/scss/index.scss */
.playContainer {
  position: absolute;
  width: 100%;
  height: 100%; }
  /* line 136, frontend/scss/index.scss */
  .playContainer #playercontainer {
    position: absolute;
    width: 100%;
    height: 100%; }

/* line 144, frontend/scss/index.scss */
.bg-grey .grid3x1 {
  background-color: #f7f7f7; }

/* line 149, frontend/scss/index.scss */
.indexVoice {
  background: #f2f2f2;
  padding-bottom: 2.6%;
  padding-top: 0; }
  /* line 155, frontend/scss/index.scss */
  .indexVoice .voices .voice {
    background: #fff;
    transition: all ease 0.3s; }
    /* line 159, frontend/scss/index.scss */
    .indexVoice .voices .voice span {
      z-index: 10; }
    /* line 164, frontend/scss/index.scss */
    .indexVoice .voices .voice .voiceMore a {
      color: #0096ff;
      font-size: 14px; }
    /* line 170, frontend/scss/index.scss */
    .indexVoice .voices .voice .intro {
      padding: 7% 8% 6%; }
    /* line 174, frontend/scss/index.scss */
    .indexVoice .voices .voice .people-pic {
      display: block;
      overflow: hidden;
      height: 380px; }
      /* line 179, frontend/scss/index.scss */
      .indexVoice .voices .voice .people-pic img {
        transition: all ease 0.4s; }
    /* line 184, frontend/scss/index.scss */
    .indexVoice .voices .voice:hover {
      background: #fff; }
      /* line 188, frontend/scss/index.scss */
      .indexVoice .voices .voice:hover .intro a {
        color: #0096ff; }
      /* line 192, frontend/scss/index.scss */
      .indexVoice .voices .voice:hover .intro li {
        color: #666 !important; }
      /* line 198, frontend/scss/index.scss */
      .indexVoice .voices .voice:hover .people-pic img {
        transform: scale(1.04, 1.04); }

@media (min-width: 1201px) {
  /* line 210, frontend/scss/index.scss */
  #culture-intro .grid2x1 .content-wrapper {
    padding-top: 10%; }
  /* line 216, frontend/scss/index.scss */
  #culture-intro .grid1x2 .content-wrapper {
    padding-top: 16%; } }

@media (min-width: 1001px) and (max-width: 1200px) {
  /* line 210, frontend/scss/index.scss */
  #culture-intro .grid2x1 .content-wrapper {
    padding-top: 10%; }
  /* line 216, frontend/scss/index.scss */
  #culture-intro .grid1x2 .content-wrapper {
    padding-top: 16%; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 210, frontend/scss/index.scss */
  #culture-intro .grid2x1 .content-wrapper {
    padding-top: 10%; }
  /* line 216, frontend/scss/index.scss */
  #culture-intro .grid1x2 .content-wrapper {
    padding-top: 16%; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 226, frontend/scss/index.scss */
  #culture-intro .grid2x1 .content-wrapper {
    padding-top: 3%; }
    /* line 229, frontend/scss/index.scss */
    #culture-intro .grid2x1 .content-wrapper h3 {
      margin-bottom: 1em; }
  /* line 236, frontend/scss/index.scss */
  #culture-intro .grid1x2 .content-wrapper {
    padding-top: 3%; }
    /* line 239, frontend/scss/index.scss */
    #culture-intro .grid1x2 .content-wrapper h3 {
      margin-bottom: 1em; }
  /* line 245, frontend/scss/index.scss */
  #culture-intro #index-audio {
    padding: 1.5% 1.5% 1.5% 3%; }
  /* line 249, frontend/scss/index.scss */
  #culture-intro .index-ewm {
    padding: 1.5% 3% 1.5% 1.5%; }
    /* line 253, frontend/scss/index.scss */
    #culture-intro .index-ewm .ewm-pic img {
      width: 145px; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 263, frontend/scss/index.scss */
  .content-wrapper h3 {
    font-size: 1.9em; } }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 263, frontend/scss/index.scss */
  .content-wrapper h3 {
    font-size: 1.9em; } }

@charset "UTF-8";
/* line 2, frontend/scss/common/_latestnews.scss */
.no-border-bottom {
  border-bottom: 0 !important; }

/* line 5, frontend/scss/common/_latestnews.scss */
.multi-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

/* line 12, frontend/scss/common/_latestnews.scss */
.latest-news {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #eaeaea;
  overflow: hidden;
  box-sizing: border-box; }
  /* line 23, frontend/scss/common/_latestnews.scss */
  .latest-news .images-wrapper img {
    width: 100%; }
  /* line 27, frontend/scss/common/_latestnews.scss */
  .latest-news .content-wrapper {
    padding: 4%;
    width: 51.9%;
    box-sizing: border-box;
    position: relative; }
    /* line 32, frontend/scss/common/_latestnews.scss */
    .latest-news .content-wrapper .label {
      font-size: 1em; }
      /* line 34, frontend/scss/common/_latestnews.scss */
      .latest-news .content-wrapper .label span {
        padding: 0em 1em;
        background: #8eb5de;
        color: #fff;
        display: inline-block;
        height: 1.7em;
        line-height: 1.7em; }
    /* line 43, frontend/scss/common/_latestnews.scss */
    .latest-news .content-wrapper h3 {
      font-size: 1.6em;
      line-height: 1.4em;
      margin-top: .6em;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    /* line 53, frontend/scss/common/_latestnews.scss */
    .latest-news .content-wrapper .pb-time, .latest-news .content-wrapper .desc {
      font-size: 1em;
      color: #999;
      line-height: 1.5em;
      margin-top: .4em; }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 63, frontend/scss/common/_latestnews.scss */
  .latest-news {
    font-size: 1.2em; } }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 63, frontend/scss/common/_latestnews.scss */
  .latest-news {
    font-size: 1.2em; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 70, frontend/scss/common/_latestnews.scss */
  .latest-news .content-wrapper .pb-time, .latest-news .content-wrapper .desc {
    margin-top: 1em; } }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 79, frontend/scss/common/_latestnews.scss */
  .latest-news .content-wrapper h3 {
    font-size: 1.6em; } }

/* line 1, frontend/scss/common/_article.scss */
.tabs-container {
  padding-top: 2em;
  width: 100%\9; }
  /* line 5, frontend/scss/common/_article.scss */
  .tabs-container.pb-sysDown {
    width: 100%\9; }
  /* line 8, frontend/scss/common/_article.scss */
  .tabs-container .tabs-content {
    width: 100%\9; }
    /* line 11, frontend/scss/common/_article.scss */
    .tabs-container .tabs-content.pb-tab-content {
      width: 100%\9; }
      /* line 13, frontend/scss/common/_article.scss */
      .tabs-container .tabs-content.pb-tab-content .swiper-container {
        width: 1100px \9; }
        /* line 15, frontend/scss/common/_article.scss */
        .tabs-container .tabs-content.pb-tab-content .swiper-container .swiper-slide {
          width: 1100px \9; }
          /* line 17, frontend/scss/common/_article.scss */
          .tabs-container .tabs-content.pb-tab-content .swiper-container .swiper-slide ul {
            width: 1100px; }
            /* line 19, frontend/scss/common/_article.scss */
            .tabs-container .tabs-content.pb-tab-content .swiper-container .swiper-slide ul li {
              width: 1095px; }

/* line 29, frontend/scss/common/_article.scss */
.articles-containers,
.trad-content,
.ratios-container,
.tabs-content {
  overflow: hidden;
  _zoom: 1; }
  /* line 35, frontend/scss/common/_article.scss */
  .articles-containers .swiper-container,
  .trad-content .swiper-container,
  .ratios-container .swiper-container,
  .tabs-content .swiper-container {
    width: 1200px \9; }
    /* line 37, frontend/scss/common/_article.scss */
    .articles-containers .swiper-container .swiper-slide,
    .trad-content .swiper-container .swiper-slide,
    .ratios-container .swiper-container .swiper-slide,
    .tabs-content .swiper-container .swiper-slide {
      width: 1200px \9; }
  /* line 41, frontend/scss/common/_article.scss */
  .articles-containers .article-list,
  .trad-content .article-list,
  .ratios-container .article-list,
  .tabs-content .article-list {
    padding: 0% 12.5% 0%;
    width: 936px \9;
    padding: 0 132px \9; }
    /* line 45, frontend/scss/common/_article.scss */
    .articles-containers .article-list li,
    .trad-content .article-list li,
    .ratios-container .article-list li,
    .tabs-content .article-list li {
      font-size: 1.2em;
      line-height: 3em;
      padding: 0 3%; }
      /* line 49, frontend/scss/common/_article.scss */
      .articles-containers .article-list li:nth-child(odd),
      .trad-content .article-list li:nth-child(odd),
      .ratios-container .article-list li:nth-child(odd),
      .tabs-content .article-list li:nth-child(odd) {
        background-color: #f0f4f8; }
      /* line 52, frontend/scss/common/_article.scss */
      .articles-containers .article-list li:hover,
      .trad-content .article-list li:hover,
      .ratios-container .article-list li:hover,
      .tabs-content .article-list li:hover {
        background-color: #bed5ec; }
      /* line 55, frontend/scss/common/_article.scss */
      .articles-containers .article-list li a,
      .trad-content .article-list li a,
      .ratios-container .article-list li a,
      .tabs-content .article-list li a {
        display: block;
        overflow: hidden;
        position: relative;
        zoom: 1; }
      /* line 61, frontend/scss/common/_article.scss */
      .articles-containers .article-list li .article-title,
      .trad-content .article-list li .article-title,
      .ratios-container .article-list li .article-title,
      .tabs-content .article-list li .article-title {
        display: block;
        line-height: 3em;
        color: #333;
        padding-left: 5%;
        padding-right: 18%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        position: relative;
        background-image: url(https://cdn.gfzq.cn/gfw-job/images/common/libg.png) !important \9;
        background-repeat: no-repeat !important \9;
        background-position: 15px center !important \9;
        width: 676px \9;
        overflow: hidden \9;
        padding-right: 0%\9; }
        /* line 78, frontend/scss/common/_article.scss */
        .articles-containers .article-list li .article-title:after,
        .trad-content .article-list li .article-title:after,
        .ratios-container .article-list li .article-title:after,
        .tabs-content .article-list li .article-title:after {
          position: absolute;
          width: 6px;
          height: 6px;
          left: 3px;
          top: 22px;
          content: '';
          background: url(https://cdn.gfzq.cn/gfw-job/images/common/libg.png) no-repeat left center; }
      /* line 88, frontend/scss/common/_article.scss */
      .articles-containers .article-list li .publish-date,
      .trad-content .article-list li .publish-date,
      .ratios-container .article-list li .publish-date,
      .tabs-content .article-list li .publish-date {
        float: right;
        color: #999;
        position: absolute;
        right: 0;
        top: 0; }
  /* line 97, frontend/scss/common/_article.scss */
  .articles-containers .loading,
  .trad-content .loading,
  .ratios-container .loading,
  .tabs-content .loading {
    text-align: center;
    margin-top: 1em; }

/* line 102, frontend/scss/common/_article.scss */
.web-articles-wrapper {
  min-height: 320px; }

/* line 106, frontend/scss/common/_article.scss */
.more-containers {
  display: none;
  text-align: center;
  line-height: 30px; }

/* line 112, frontend/scss/common/_article.scss */
.border-blue {
  height: 8px;
  background-color: #3a89da;
  font-size: 0px; }

/* line 119, frontend/scss/common/_article.scss */
.article {
  padding: 2% 10%;
  font-size: 1em; }
  /* line 122, frontend/scss/common/_article.scss */
  .article .title {
    font-size: 3em;
    text-align: center;
    line-height: 1.3em;
    padding: .7em 1em; }
  /* line 128, frontend/scss/common/_article.scss */
  .article .info {
    padding: 1.5em 2.5em;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    height: 2em; }
    /* line 133, frontend/scss/common/_article.scss */
    .article .info .label, .article .info .date, .article .info .share-sp {
      height: 2em;
      line-height: 2em; }
    /* line 137, frontend/scss/common/_article.scss */
    .article .info .label {
      float: left;
      width: 23%; }
      /* line 140, frontend/scss/common/_article.scss */
      .article .info .label span {
        padding: 0.2em 1em;
        background: #8eb5de;
        color: #fff;
        font-size: 1em; }
    /* line 147, frontend/scss/common/_article.scss */
    .article .info .date {
      float: left;
      width: 50%;
      text-align: center;
      font-size: 1.1em;
      color: #999; }
    /* line 154, frontend/scss/common/_article.scss */
    .article .info .share-sp {
      float: right;
      width: 22%;
      border-left: 1px solid #ddd;
      padding-left: 3%; }
      /* line 159, frontend/scss/common/_article.scss */
      .article .info .share-sp .bdsharebuttonbox {
        text-align: center; }
        /* line 161, frontend/scss/common/_article.scss */
        .article .info .share-sp .bdsharebuttonbox a {
          float: none;
          display: inline-block;
          width: 25px;
          height: 24px;
          background-image: url(https://cdn.gfzq.cn/gfw-job/images/common/share.png);
          background-repeat: no-repeat;
          padding-left: 0;
          margin: 0 0.5em; }
          /* line 170, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_tsina {
            background-position: 0 0; }
          /* line 173, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_qzone {
            background-position: 0 -48px; }
          /* line 176, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_sqq {
            background-position: 0 -24px; }
          /* line 179, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_weixin {
            background-position: 0 -72px; }
          /* line 182, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdsharebuttonbox a.bds_more {
            background-position: 0 -96px; }
  /* line 189, frontend/scss/common/_article.scss */
  .article .summary {
    padding: 3em 2em;
    background: #f8f8f8; }
    /* line 192, frontend/scss/common/_article.scss */
    .article .summary p {
      line-height: 1.5em;
      font-size: 1.14em; }
      /* line 195, frontend/scss/common/_article.scss */
      .article .summary p em {
        background: #ccc;
        margin-right: .5em;
        padding: 0 .3em; }
    /* line 201, frontend/scss/common/_article.scss */
    .article .summary .jobs-name {
      line-height: 1.5em;
      font-size: 1.14em;
      padding-bottom: 0.2em; }
    /* line 206, frontend/scss/common/_article.scss */
    .article .summary .jobs-base-info {
      font-size: 1.14em; }
      /* line 208, frontend/scss/common/_article.scss */
      .article .summary .jobs-base-info span {
        width: 40%;
        line-height: 1.5em;
        float: left; }
  /* line 215, frontend/scss/common/_article.scss */
  .article .content {
    padding: 2em;
    font-size: 1.14em;
    min-height: 230px;
    font-family: '微软雅黑'; }
    /* line 220, frontend/scss/common/_article.scss */
    .article .content em {
      font-style: italic; }
    /* line 223, frontend/scss/common/_article.scss */
    .article .content strong {
      font-weight: bold; }
    /* line 226, frontend/scss/common/_article.scss */
    .article .content h1 {
      font-size: 1.6em;
      line-height: 1.8em; }
    /* line 230, frontend/scss/common/_article.scss */
    .article .content .subtitle {
      font-size: 1.8em;
      line-height: 1.4em;
      text-align: center;
      margin-bottom: 1em; }
    /* line 236, frontend/scss/common/_article.scss */
    .article .content p {
      line-height: 2em;
      text-indent: 2em;
      font-size: 1em;
      word-wrap: break-word; }
      /* line 241, frontend/scss/common/_article.scss */
      .article .content p.sp_2em {
        text-indent: 2em; }
    /* line 245, frontend/scss/common/_article.scss */
    .article .content div {
      font-size: 1em;
      line-height: 2em;
      word-wrap: break-word; }
      /* line 249, frontend/scss/common/_article.scss */
      .article .content div.sp_2em {
        text-indent: 2em; }
      /* line 252, frontend/scss/common/_article.scss */
      .article .content div.sp_4em {
        text-indent: 4em; }
      /* line 255, frontend/scss/common/_article.scss */
      .article .content div.inscription {
        text-align: right;
        padding-right: 3em; }
      /* line 259, frontend/scss/common/_article.scss */
      .article .content div a {
        word-break: break-all;
        overflow: hidden; }
    /* line 264, frontend/scss/common/_article.scss */
    .article .content table {
      width: 100% !important;
      float: none;
      margin: 0 auto !important; }
      /* line 269, frontend/scss/common/_article.scss */
      .article .content table tbody tr {
        height: auto; }
        /* line 271, frontend/scss/common/_article.scss */
        .article .content table tbody tr td {
          padding: 4px !important;
          text-align: center; }
          /* line 274, frontend/scss/common/_article.scss */
          .article .content table tbody tr td div {
            text-align: center; }
          /* line 275, frontend/scss/common/_article.scss */
          .article .content table tbody tr td p {
            text-indent: 0; }
      /* line 281, frontend/scss/common/_article.scss */
      .article .content table.art-table {
        margin: 1em 0; }
        /* line 283, frontend/scss/common/_article.scss */
        .article .content table.art-table th {
          line-height: 30px;
          background-color: #75a4d6;
          text-align: center;
          color: #fff;
          font-size: 1.16em; }
        /* line 290, frontend/scss/common/_article.scss */
        .article .content table.art-table td {
          line-height: 30px;
          text-align: center;
          background-color: #fff;
          padding: 0 .3em;
          font-size: 1.14em; }
        /* line 299, frontend/scss/common/_article.scss */
        .article .content table.art-table tr:nth-child(odd) td {
          background: #f0f4f8; }
    /* line 306, frontend/scss/common/_article.scss */
    .article .content .attach-files {
      padding: 1em 1.5em;
      background-color: #f2f2f2;
      margin-top: 1em;
      font-size: 1em; }
      /* line 311, frontend/scss/common/_article.scss */
      .article .content .attach-files h3 {
        font-size: 1.15em;
        font-weight: bold; }
      /* line 316, frontend/scss/common/_article.scss */
      .article .content .attach-files ul li {
        border-bottom: 0.07em solid #ddd;
        margin: 0.85em 0em;
        overflow: hidden;
        height: auto;
        padding: 1em 4em 2em 0em;
        position: relative;
        _overfloat: hidden;
        _zoom: 1; }
        /* line 325, frontend/scss/common/_article.scss */
        .article .content .attach-files ul li p {
          text-align: left;
          padding-left: 4.5em;
          text-indent: 0; }
          /* line 329, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li p span {
            font-size: 1.14em;
            color: #999; }
            /* line 332, frontend/scss/common/_article.scss */
            .article .content .attach-files ul li p span.file-date {
              color: #999;
              font-size: .9em; }
        /* line 338, frontend/scss/common/_article.scss */
        .article .content .attach-files ul li .icon {
          width: 2.85em;
          height: 2.85em;
          display: inline-block;
          position: absolute;
          top: 1em; }
          /* line 344, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-folder, .article .content .attach-files ul li .icon.icon-text, .article .content .attach-files ul li .icon.icon-ppt, .article .content .attach-files ul li .icon.icon-pdf, .article .content .attach-files ul li .icon.icon-excel, .article .content .attach-files ul li .icon.icon-word {
            left: .5em; }
          /* line 347, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-folder {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/folder.jpg) no-repeat center; }
          /* line 350, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-text {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/text.jpg) no-repeat center; }
          /* line 353, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-ppt {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/ppt.jpg) no-repeat center; }
          /* line 356, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-pdf {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/pdf.jpg) no-repeat center; }
          /* line 359, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-excel {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/excel.jpg) no-repeat center; }
          /* line 362, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-word {
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/word.jpg) no-repeat center; }
          /* line 365, frontend/scss/common/_article.scss */
          .article .content .attach-files ul li .icon.icon-download {
            right: 0;
            background: url(https://cdn.gfzq.cn/gfw-job/images/common/dolad-wh.png) no-repeat center top; }
            /* line 368, frontend/scss/common/_article.scss */
            .article .content .attach-files ul li .icon.icon-download:hover {
              background: url(https://cdn.gfzq.cn/gfw-job/images/common/dolad-bl.png) no-repeat center top; }
    /* line 377, frontend/scss/common/_article.scss */
    .article .content .content-title {
      font-size: 1.25em;
      line-height: 1.5em; }
    /* line 381, frontend/scss/common/_article.scss */
    .article .content .jobs-duty, .article .content .jobs-require, .article .content .jobs-attachment {
      margin-bottom: 2em; }
      /* line 383, frontend/scss/common/_article.scss */
      .article .content .jobs-duty p, .article .content .jobs-require p, .article .content .jobs-attachment p {
        text-indent: 0; }
    /* line 389, frontend/scss/common/_article.scss */
    .article .content .jobs-attachment a {
      color: #3a89da; }

/* line 395, frontend/scss/common/_article.scss */
.operations {
  padding: 0% 12% 7% 12%; }
  /* line 397, frontend/scss/common/_article.scss */
  .operations .opt-but {
    transition: all ease 0.3s;
    display: inline-block;
    margin: 0 auto;
    width: 176px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 0 10px;
    color: #333;
    border: 2px solid #3a89da;
    border-radius: 1.5em;
    font-size: 1.2em; }
    /* line 411, frontend/scss/common/_article.scss */
    .operations .opt-but.store-btn i {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url("https://cdn.gfzq.cn/gfw-job/images/icons/store.png") center center no-repeat;
      vertical-align: middle;
      margin-right: 5px;
      position: relative;
      top: -3px; }
    /* line 421, frontend/scss/common/_article.scss */
    .operations .opt-but.store-btn span {
      display: inline-block; }
    /* line 424, frontend/scss/common/_article.scss */
    .operations .opt-but.store-btn.store-btn-choice {
      color: #666;
      border: 2px solid #c6c6c6; }
      /* line 427, frontend/scss/common/_article.scss */
      .operations .opt-but.store-btn.store-btn-choice i {
        background: url("https://cdn.gfzq.cn/gfw-job/images/icons/stored.png") center center no-repeat; }
    /* line 432, frontend/scss/common/_article.scss */
    .operations .opt-but.apply-btn {
      background: #3a89da;
      color: #fff; }
      /* line 435, frontend/scss/common/_article.scss */
      .operations .opt-but.apply-btn:hover {
        background: #0f63b8;
        border: 2px solid #0f63b8;
        color: #fff; }

@media (min-width: 1001px) and (max-width: 1200px) {
  /* line 445, frontend/scss/common/_article.scss */
  .article .info {
    padding: 1.5em 2em; }
    /* line 447, frontend/scss/common/_article.scss */
    .article .info .label {
      width: 26%; }
    /* line 450, frontend/scss/common/_article.scss */
    .article .info .date {
      width: 35%; }
    /* line 453, frontend/scss/common/_article.scss */
    .article .info .share-sp {
      width: 35%; } }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 461, frontend/scss/common/_article.scss */
  .article .info {
    padding: 1.5em 1em; }
    /* line 463, frontend/scss/common/_article.scss */
    .article .info .label {
      width: 26%; }
    /* line 466, frontend/scss/common/_article.scss */
    .article .info .date {
      width: 25%; }
    /* line 469, frontend/scss/common/_article.scss */
    .article .info .share-sp {
      width: 45%; }
  /* line 477, frontend/scss/common/_article.scss */
  .articles-containers .article-list,
  .trad-content .article-list,
  .ratios-container .article-list {
    padding: 0% 8% 0%; } }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 485, frontend/scss/common/_article.scss */
  .articles-containers .article-list, .trad-content .article-list {
    padding: 5% 5% 5%; }
    /* line 487, frontend/scss/common/_article.scss */
    .articles-containers .article-list li, .trad-content .article-list li {
      line-height: 2.4em; }
      /* line 489, frontend/scss/common/_article.scss */
      .articles-containers .article-list li .article-title, .trad-content .article-list li .article-title {
        width: 90%;
        padding: 0 5%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        /* line 495, frontend/scss/common/_article.scss */
        .articles-containers .article-list li .article-title:after, .trad-content .article-list li .article-title:after {
          top: 25px; }
      /* line 499, frontend/scss/common/_article.scss */
      .articles-containers .article-list li .publish-date, .trad-content .article-list li .publish-date {
        float: left;
        position: relative;
        top: -.2em; }
  /* line 507, frontend/scss/common/_article.scss */
  .more-containers {
    display: block;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em; }
    /* line 512, frontend/scss/common/_article.scss */
    .more-containers .more-container {
      padding: 20px 0; }
  /* line 516, frontend/scss/common/_article.scss */
  .article {
    padding: 2% 0%; }
    /* line 518, frontend/scss/common/_article.scss */
    .article .title {
      font-size: 2em;
      line-height: 1.3em; }
    /* line 522, frontend/scss/common/_article.scss */
    .article .info {
      height: auto; }
      /* line 524, frontend/scss/common/_article.scss */
      .article .info .label,
      .article .info .date,
      .article .info .share-sp {
        float: none;
        width: 100%;
        box-sizing: border-box;
        text-align: center; }
      /* line 532, frontend/scss/common/_article.scss */
      .article .info .share-sp {
        border-left: 0; }
        /* line 534, frontend/scss/common/_article.scss */
        .article .info .share-sp .bdshare-button-style0-16 {
          text-align: center; }
          /* line 536, frontend/scss/common/_article.scss */
          .article .info .share-sp .bdshare-button-style0-16 a {
            float: none !important; }
    /* line 542, frontend/scss/common/_article.scss */
    .article .content {
      padding: 1em 5%; }
      /* line 544, frontend/scss/common/_article.scss */
      .article .content .subtitle {
        font-size: 1.5em; }
      /* line 548, frontend/scss/common/_article.scss */
      .article .content div.sp_4em {
        text-indent: 2em; }
      /* line 551, frontend/scss/common/_article.scss */
      .article .content div.inscription {
        padding-right: 1em; }
      /* line 555, frontend/scss/common/_article.scss */
      .article .content .attach-files {
        padding: 1em 0.5em;
        font-size: .9em; }
        /* line 560, frontend/scss/common/_article.scss */
        .article .content .attach-files ul li span {
          display: block; }
      /* line 566, frontend/scss/common/_article.scss */
      .article .content table {
        width: 100% !important;
        float: none;
        margin: 0 auto !important; }
        /* line 571, frontend/scss/common/_article.scss */
        .article .content table tbody tr {
          height: auto; }
          /* line 573, frontend/scss/common/_article.scss */
          .article .content table tbody tr td {
            padding: 4px !important;
            text-align: center; }
            /* line 576, frontend/scss/common/_article.scss */
            .article .content table tbody tr td div {
              text-align: center;
              line-height: 1.5em; }
            /* line 580, frontend/scss/common/_article.scss */
            .article .content table tbody tr td p {
              text-indent: 0;
              line-height: 1.5em; }
  /* line 595, frontend/scss/common/_article.scss */
  .web-articles-wrapper {
    min-height: auto; }
  /* line 600, frontend/scss/common/_article.scss */
  .operations .opt-but {
    width: 115px;
    height: 30px;
    line-height: 30px; } }

/* line 1, frontend/scss/common/_pagination.scss */
.pagination {
  margin: 2em 0;
  text-align: center; }
  /* line 5, frontend/scss/common/_pagination.scss */
  .pagination .pager, .pagination .nav-pointer {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border: 2px solid #bed5ec;
    border-radius: 5px;
    color: #333;
    background: #fff;
    opacity: 1;
    cursor: pointer; }
    /* line 17, frontend/scss/common/_pagination.scss */
    .pagination .pager:hover, .pagination .pager.active, .pagination .nav-pointer:hover, .pagination .nav-pointer.active {
      color: #fff;
      background: #3a89da;
      border-color: #3a89da; }
  /* line 24, frontend/scss/common/_pagination.scss */
  .pagination a.pager {
    margin-left: 1%;
    margin-right: 1%; }
  /* line 29, frontend/scss/common/_pagination.scss */
  .pagination a.prev {
    margin-right: 2%; }
  /* line 33, frontend/scss/common/_pagination.scss */
  .pagination a.next {
    margin-left: 2%; }
  /* line 36, frontend/scss/common/_pagination.scss */
  .pagination a.goToClick {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border: 2px solid #bed5ec;
    border-radius: 5px;
    color: #333;
    background: #fff;
    opacity: 1;
    cursor: pointer;
    margin-left: 1em;
    vertical-align: top; }
    /* line 50, frontend/scss/common/_pagination.scss */
    .pagination a.goToClick:hover {
      color: #fff;
      background: #3a89da;
      border-color: #3a89da; }

/* line 58, frontend/scss/common/_pagination.scss */
.totlePage {
  padding: 0 2%; }

/* line 61, frontend/scss/common/_pagination.scss */
input.page-input {
  width: 3em;
  text-align: center;
  border: 2px solid #bed5ec;
  border-radius: 5px;
  height: 2.5em;
  line-height: 2.5em;
  padding: 0; }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 73, frontend/scss/common/_pagination.scss */
  .pagination {
    display: none; } }

/* line 12, frontend/scss/recruitment/recruitment.scss */
.notes-container .grid:after {
  content: none; }

/* line 16, frontend/scss/recruitment/recruitment.scss */
.notes-container .list-content {
  width: 100%;
  display: inline-block;
  text-align: left; }
  /* line 20, frontend/scss/recruitment/recruitment.scss */
  .notes-container .list-content h3 {
    font-size: 24px;
    color: #333;
    margin-bottom: 30px; }
    /* line 24, frontend/scss/recruitment/recruitment.scss */
    .notes-container .list-content h3 .more {
      color: #009cde;
      font-size: 16px;
      float: right;
      line-height: 36px; }
      /* line 29, frontend/scss/recruitment/recruitment.scss */
      .notes-container .list-content h3 .more b {
        vertical-align: middle;
        margin-left: 10px;
        font-weight: normal; }
    /* line 35, frontend/scss/recruitment/recruitment.scss */
    .notes-container .list-content h3:before {
      content: '';
      display: inline-block;
      width: 7px;
      height: 22px;
      background: #009cde;
      vertical-align: top;
      margin-right: 13px; }
  /* line 45, frontend/scss/recruitment/recruitment.scss */
  .notes-container .list-content li {
    font-size: 16px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    /* line 51, frontend/scss/recruitment/recruitment.scss */
    .notes-container .list-content li a {
      color: #666; }
    /* line 54, frontend/scss/recruitment/recruitment.scss */
    .notes-container .list-content li:before {
      content: '';
      display: inline-block;
      width: 4px;
      height: 4px;
      background: #a5a5a5;
      vertical-align: top;
      margin-right: 18px;
      vertical-align: middle;
      border-radius: 2px; }

/* line 67, frontend/scss/recruitment/recruitment.scss */
.notes-container .xs-grid1x2 {
  margin-right: 5%;
  width: 820px;
  display: -ms-flexbox;
  display: flex; }
  /* line 71, frontend/scss/recruitment/recruitment.scss */
  .notes-container .xs-grid1x2 .note-pic {
    width: 370px;
    height: 295px;
    display: inline-block;
    vertical-align: top;
    margin-right: 7.5%;
    background: url(https://cdn.gfzq.cn/gfw-job/images/recruitment/notes-img.jpg) no-repeat; }
    /* line 78, frontend/scss/recruitment/recruitment.scss */
    .notes-container .xs-grid1x2 .note-pic img {
      max-height: 300px;
      width: 100%; }
  /* line 83, frontend/scss/recruitment/recruitment.scss */
  .notes-container .xs-grid1x2 .list-content {
    width: 345px; }

/* line 91, frontend/scss/recruitment/recruitment.scss */
.jobs-container .jobs-list li {
  padding: 22px 0;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex; }
  /* line 95, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li:nth-child(even) {
    background: #f0f4f8; }
  /* line 98, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li:hover {
    background: #bed5ec; }
  /* line 103, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li a:after {
    content: none; }
  /* line 106, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li a:before {
    content: none; }
  /* line 110, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li .av-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    padding-left: 5%; }
  /* line 115, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li .jobs-name {
    padding-left: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex: 2;
        flex: 2; }
  /* line 122, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li.table-head {
    background: #75a4d6;
    color: #fff; }
  /* line 126, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li.table-tr {
    color: #333; }
    /* line 128, frontend/scss/recruitment/recruitment.scss */
    .jobs-container .jobs-list li.table-tr .url-link {
      color: #1689e5; }
    /* line 131, frontend/scss/recruitment/recruitment.scss */
    .jobs-container .jobs-list li.table-tr .jobs-type {
      color: #666; }
  /* line 135, frontend/scss/recruitment/recruitment.scss */
  .jobs-container .jobs-list li.table-tr-empty {
    display: block;
    text-align: center; }

/* line 145, frontend/scss/recruitment/recruitment.scss */
.jobs-container table {
  font-size: 16px;
  border: 0; }

/* line 151, frontend/scss/recruitment/recruitment.scss */
.jobs-container thead tr td {
  background: #75a4d6;
  color: #fff;
  height: 60px;
  border: 0;
  text-align: left;
  padding-left: 25px;
  word-wrap: break-word;
  word-break: break-all; }

/* line 164, frontend/scss/recruitment/recruitment.scss */
.jobs-container tbody tr:nth-child(even) {
  background: #f0f4f8; }

/* line 167, frontend/scss/recruitment/recruitment.scss */
.jobs-container tbody td {
  height: 60px;
  border: 0;
  text-align: left;
  padding-left: 25px;
  word-wrap: break-word;
  word-break: break-all;
  color: #333; }
  /* line 174, frontend/scss/recruitment/recruitment.scss */
  .jobs-container tbody td span {
    color: #666; }
  /* line 177, frontend/scss/recruitment/recruitment.scss */
  .jobs-container tbody td .hot:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 20px;
    background: url("https://cdn.gfzq.cn/gfw-job/images/icons/hot.png") no-repeat center center; }
  /* line 185, frontend/scss/recruitment/recruitment.scss */
  .jobs-container tbody td.list-empty {
    padding: 0;
    height: 400px; }
    /* line 188, frontend/scss/recruitment/recruitment.scss */
    .jobs-container tbody td.list-empty .empty-icon {
      height: 200px;
      background: url("https://cdn.gfzq.cn/gfw-job/images/recruitment/list-empty.png") no-repeat center center; }
    /* line 192, frontend/scss/recruitment/recruitment.scss */
    .jobs-container tbody td.list-empty .empty-txt {
      color: #666;
      display: block;
      text-align: center; }

/* line 199, frontend/scss/recruitment/recruitment.scss */
.jobs-container tbody .url-link {
  color: #1689e5; }

/* line 204, frontend/scss/recruitment/recruitment.scss */
.note-container {
  background: #f2f2f2; }
  /* line 206, frontend/scss/recruitment/recruitment.scss */
  .note-container .hidden {
    display: none; }
  /* line 209, frontend/scss/recruitment/recruitment.scss */
  .note-container .row {
    margin: auto;
    padding: 0;
    max-width: 1200px; }
    /* line 213, frontend/scss/recruitment/recruitment.scss */
    .note-container .row .pic-wrapper {
      position: relative;
      float: left; }
      /* line 216, frontend/scss/recruitment/recruitment.scss */
      .note-container .row .pic-wrapper:after {
        position: absolute;
        content: ' ';
        width: 0px;
        height: 0px;
        right: 0;
        top: 30px;
        border-width: 14px 15px;
        border-style: solid;
        border-color: transparent #fff transparent transparent; }
    /* line 228, frontend/scss/recruitment/recruitment.scss */
    .note-container .row .cont-wrapper {
      float: left;
      width: 410px;
      height: 260px;
      background: #fff; }
      /* line 233, frontend/scss/recruitment/recruitment.scss */
      .note-container .row .cont-wrapper h3 {
        font-size: 28px;
        margin-left: 40px;
        margin-top: 30px; }
      /* line 238, frontend/scss/recruitment/recruitment.scss */
      .note-container .row .cont-wrapper ul {
        margin: 40px 40px 0 40px; }
        /* line 240, frontend/scss/recruitment/recruitment.scss */
        .note-container .row .cont-wrapper ul li {
          margin-bottom: 20px; }
          /* line 242, frontend/scss/recruitment/recruitment.scss */
          .note-container .row .cont-wrapper ul li a {
            display: block;
            text-decoration: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: relative;
            padding-left: 22px;
            font-size: 16px;
            color: #666666; }
            /* line 252, frontend/scss/recruitment/recruitment.scss */
            .note-container .row .cont-wrapper ul li a:before {
              position: absolute;
              top: 7px;
              left: 1px;
              content: '';
              display: inline-block;
              width: 4px;
              height: 4px;
              background: #8eb5de;
              margin-right: 18px;
              border-radius: 2px; }
      /* line 267, frontend/scss/recruitment/recruitment.scss */
      .note-container .row .cont-wrapper p {
        margin-left: 40px;
        margin-top: 25px; }
        /* line 270, frontend/scss/recruitment/recruitment.scss */
        .note-container .row .cont-wrapper p a {
          font-size: 16px;
          color: #009cde; }
    /* line 276, frontend/scss/recruitment/recruitment.scss */
    .note-container .row .ans-wrapper {
      margin-left: 30px;
      width: 380px;
      float: left;
      height: 260px;
      background: #fff; }
      /* line 282, frontend/scss/recruitment/recruitment.scss */
      .note-container .row .ans-wrapper h3 {
        font-size: 28px;
        margin-left: 40px;
        margin-top: 30px; }
      /* line 287, frontend/scss/recruitment/recruitment.scss */
      .note-container .row .ans-wrapper ul {
        margin: 40px 40px 0 40px; }
        /* line 289, frontend/scss/recruitment/recruitment.scss */
        .note-container .row .ans-wrapper ul li {
          margin-bottom: 20px; }
          /* line 291, frontend/scss/recruitment/recruitment.scss */
          .note-container .row .ans-wrapper ul li a {
            display: block;
            text-decoration: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: relative;
            padding-left: 22px;
            font-size: 16px;
            color: #666666; }
            /* line 301, frontend/scss/recruitment/recruitment.scss */
            .note-container .row .ans-wrapper ul li a:before {
              position: absolute;
              top: 7px;
              left: 1px;
              content: '';
              display: inline-block;
              width: 4px;
              height: 4px;
              background: #8eb5de;
              margin-right: 18px;
              border-radius: 2px; }
      /* line 316, frontend/scss/recruitment/recruitment.scss */
      .note-container .row .ans-wrapper p {
        margin-left: 40px;
        margin-top: 25px; }
        /* line 319, frontend/scss/recruitment/recruitment.scss */
        .note-container .row .ans-wrapper p a {
          font-size: 16px;
          color: #009cde; }

/* line 327, frontend/scss/recruitment/recruitment.scss */
.filter-container {
  background: #fff;
  padding: 30px 0; }
  /* line 332, frontend/scss/recruitment/recruitment.scss */
  .filter-container .module:after {
    clear: both; }
  /* line 337, frontend/scss/recruitment/recruitment.scss */
  .filter-container form input {
    width: 45%;
    line-height: 44px;
    height: 44px;
    border-radius: 5px;
    border: 2px #bed5ec solid;
    padding: 0 20px;
    margin-right: 40px; }
  /* line 346, frontend/scss/recruitment/recruitment.scss */
  .filter-container form .btn {
    line-height: 48px;
    background: #3a89da;
    border-radius: 5px;
    border: 0;
    padding: 0 5%;
    color: #fff;
    font-size: 16px; }
  /* line 355, frontend/scss/recruitment/recruitment.scss */
  .filter-container form .btn-search {
    cursor: pointer; }
  /* line 359, frontend/scss/recruitment/recruitment.scss */
  .filter-container .filters {
    font-size: 14px;
    line-height: 36px; }
    /* line 362, frontend/scss/recruitment/recruitment.scss */
    .filter-container .filters .filter {
      margin-top: 30px; }
      /* line 365, frontend/scss/recruitment/recruitment.scss */
      .filter-container .filters .filter label {
        color: #333;
        font-weight: bold; }
      /* line 369, frontend/scss/recruitment/recruitment.scss */
      .filter-container .filters .filter .selected {
        color: #fff;
        background: #3a89da;
        border-radius: 50px; }
      /* line 374, frontend/scss/recruitment/recruitment.scss */
      .filter-container .filters .filter span {
        padding: 0 15px;
        display: inline-block;
        color: #666;
        margin-left: 30px;
        cursor: pointer; }

@media (min-width: 601px) and (max-width: 1000px) {
  /* line 392, frontend/scss/recruitment/recruitment.scss */
  .notes-container .note-pic {
    width: 100%;
    margin-bottom: 20px; }
  /* line 396, frontend/scss/recruitment/recruitment.scss */
  .notes-container .xs-grid1x2 {
    padding-bottom: 0; } }

@media (min-width: 1001px) and (max-width: 1200px) {
  /* line 392, frontend/scss/recruitment/recruitment.scss */
  .notes-container .note-pic {
    width: 100%;
    margin-bottom: 20px; }
  /* line 396, frontend/scss/recruitment/recruitment.scss */
  .notes-container .xs-grid1x2 {
    padding-bottom: 0; } }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 392, frontend/scss/recruitment/recruitment.scss */
  .notes-container .note-pic {
    width: 100%;
    margin-bottom: 20px; }
  /* line 396, frontend/scss/recruitment/recruitment.scss */
  .notes-container .xs-grid1x2 {
    padding-bottom: 0; } }

@charset "UTF-8";
/* line 4, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block .portrait-block {
  position: absolute;
  top: 122px;
  right: 60px;
  width: 140px;
  height: 190px;
  border-radius: 4px;
  z-index: 200;
  overflow: hidden;
  background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/portrait-empty.png") no-repeat center; }
  /* line 14, frontend/scss/usercenter/_basic.scss */
  .usercenter-content .basic-container .block .portrait-block .portrait, .usercenter-content .basic-container .block .portrait-block .upload {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%; }
  /* line 20, frontend/scss/usercenter/_basic.scss */
  .usercenter-content .basic-container .block .portrait-block .upload {
    display: none; }
    /* line 22, frontend/scss/usercenter/_basic.scss */
    .usercenter-content .basic-container .block .portrait-block .upload div {
      width: 100% !important;
      height: 100% !important; }
  /* line 28, frontend/scss/usercenter/_basic.scss */
  .usercenter-content .basic-container .block .portrait-block:hover .upload {
    display: block;
    background: rgba(0, 0, 0, 0.2) url("https://cdn.gfzq.cn/gfw-job/images/usercenter/upload.png") no-repeat center; }

/* line 34, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block .pictureLabel {
  position: absolute;
  top: 320px;
  right: 82px; }
  /* line 38, frontend/scss/usercenter/_basic.scss */
  .usercenter-content .basic-container .block .pictureLabel:before {
    content: "*";
    color: #de0a19;
    padding-right: 5px; }

/* line 45, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block.contact-block form {
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd; }

/* line 52, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block .form-group span.input-tips {
  position: absolute;
  left: 485px;
  top: 15px; }

/* line 57, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block .form-group span.schoolTip {
  position: absolute;
  left: 485px;
  top: 55px;
  color: #999; }

/* line 63, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block .form-group .form-hopeProvince-select {
  margin-left: 160px; }

/* line 66, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block .form-group input {
  height: 40px; }

/* line 69, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block .form-group #undergraduateSchoolStr-select + .undergraduateSchool-select {
  height: 40px; }

/* line 72, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block .form-group #school-select + .school-select {
  height: 40px; }

/* line 77, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-hw .form-input, .usercenter-content .basic-container .block #form-group-paywant .form-input {
  width: 115px; }

/* line 80, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-hw span, .usercenter-content .basic-container .block #form-group-paywant span {
  padding: 0 12px 0 10px; }

/* line 85, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-paywant .form-input {
  width: 85px; }

/* line 88, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-paywant span {
  padding: 0 8px;
  font-size: 14px; }

/* line 92, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-paywant .fc-333 {
  padding: 0 8px;
  color: #333; }

/* line 98, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-gs .form-input, .usercenter-content .basic-container .block #form-group-highs .form-input {
  margin-top: 10px;
  display: block; }

/* line 102, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-gs .form-radio, .usercenter-content .basic-container .block #form-group-highs .form-radio {
  width: 320px; }

/* line 107, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-md .select-picker {
  margin-bottom: 10px; }
  /* line 109, frontend/scss/usercenter/_basic.scss */
  .usercenter-content .basic-container .block #form-group-md .select-picker:last-child {
    margin-bottom: 0; }

/* line 114, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #highxlStr-group {
  display: none;
  padding-left: 160px; }

/* line 119, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-mobile .form-radio {
  width: 320px; }

/* line 122, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-mobile .form-input {
  display: block; }
  /* line 124, frontend/scss/usercenter/_basic.scss */
  .usercenter-content .basic-container .block #form-group-mobile .form-input[disabled] {
    background-color: #eee;
    border: 2px #eee solid;
    color: graytext; }

/* line 130, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .block #form-group-mobile .mobileTip {
  position: absolute;
  left: 485px;
  top: 55px;
  color: #999; }

/* line 138, frontend/scss/usercenter/_basic.scss */
.usercenter-content .basic-container .webuploader-pick {
  width: 100% !important;
  height: 100% !important;
  background: transparent; }

/* line 4, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .certificate-form .insuranceAgent {
  width: 800px; }
  /* line 6, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .certificate-form .insuranceAgent .form-input {
    width: 155px !important;
    margin-left: 58px !important; }

/* line 13, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .certificate-form .form-group label .label-em {
  display: inline-block;
  padding-right: 30px;
  line-height: 22px;
  padding-left: 10px; }

/* line 20, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .certificate-form .form-group label.required:before {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -5px; }

/* line 29, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .certificate-form .form-group.form-group-select span.input-tips {
  position: absolute;
  left: 485px;
  top: 15px; }

/* line 35, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .certificate-form .form-group .form-control {
  line-height: 24px;
  font-size: 16px; }
  /* line 39, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .certificate-form .form-group .form-control.size-form-control input {
    margin-left: 40px; }
    /* line 41, frontend/scss/usercenter/_certificate.scss */
    .usercenter-container .usercenter-content .certificate-form .form-group .form-control.size-form-control input.first-item {
      margin-left: 0px; }
  /* line 45, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .certificate-form .form-group .form-control.size-form-control p {
    line-height: 22px;
    padding-bottom: 15px; }
    /* line 49, frontend/scss/usercenter/_certificate.scss */
    .usercenter-container .usercenter-content .certificate-form .form-group .form-control.size-form-control p input:first-child {
      margin-left: 0px; }
  /* line 54, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .certificate-form .form-group .form-control.size-form-control .special-tips {
    padding: 0px;
    color: #999;
    position: relative;
    top: -8px; }
  /* line 61, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .certificate-form .form-group .form-control input {
    height: 40px; }

/* line 68, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .certificate-form .form-group.judicial-group .form-control .form-input, .usercenter-container .usercenter-content .certificate-form .form-group#form-group-tzzxzg .form-control .form-input {
  width: 155px;
  margin-left: 58px; }

/* line 75, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .certificate-form #zckjsPoint {
  border: 1px #ddd solid;
  padding: 40px 50px 50px;
  margin: 30px 0; }
  /* line 79, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .certificate-form #zckjsPoint .title {
    font-size: 18px;
    color: #333;
    line-height: 48px; }
  /* line 85, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .certificate-form #zckjsPoint .form-group .form-label {
    width: 170px; }
  /* line 88, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .certificate-form #zckjsPoint .form-group .form-input {
    width: 200px; }

/* line 95, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .text-readme {
  border-bottom: 1px solid #ddd;
  padding: 2em 0 3em 11.5em;
  line-height: 1.5em; }

/* line 101, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .err-msg {
  border-bottom: 1px solid #ddd;
  padding: 0 0 2em 11.5em;
  line-height: 1.5em;
  color: #de0a19; }

/* line 108, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .usercenter-content .operation-btn {
  padding: 3em 0 0; }
  /* line 110, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .operation-btn a, .usercenter-container .usercenter-content .operation-btn .a-link {
    display: inline-block;
    margin: 0 5px; }
    /* line 114, frontend/scss/usercenter/_certificate.scss */
    .usercenter-container .usercenter-content .operation-btn a:hover, .usercenter-container .usercenter-content .operation-btn .a-link:hover {
      background-color: #3a89da;
      color: #fff; }
  /* line 120, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .usercenter-content .operation-btn.ta-left {
    text-align: left; }

/* line 126, frontend/scss/usercenter/_certificate.scss */
.usercenter-container .certificate-container .block {
  padding: 60px 60px 50px !important; }
  /* line 128, frontend/scss/usercenter/_certificate.scss */
  .usercenter-container .certificate-container .block .operation-btn {
    padding: 20px 0 0; }

/* line 3, frontend/scss/usercenter/_edu.scss */
.edu-container .add-edu-btn {
  color: #333333 !important; }

/* line 6, frontend/scss/usercenter/_edu.scss */
.edu-container .title {
  margin-bottom: 20px !important; }

/* line 9, frontend/scss/usercenter/_edu.scss */
.edu-container .fill-tips {
  margin-bottom: 40px;
  font-size: 14px;
  color: #666666;
  padding: 0; }

/* line 15, frontend/scss/usercenter/_edu.scss */
.edu-container .cancelBackCol {
  background: #f2f2f2; }

/* line 18, frontend/scss/usercenter/_edu.scss */
.edu-container #addEduInfo, .edu-container .btns-top-tips, .edu-container .operation-btn {
  display: none; }

/* line 21, frontend/scss/usercenter/_edu.scss */
.edu-container .operation-btn {
  padding: 0 !important; }

/* line 24, frontend/scss/usercenter/_edu.scss */
.edu-container table {
  border: 0; }
  /* line 27, frontend/scss/usercenter/_edu.scss */
  .edu-container table td {
    border-right: 0; }
  /* line 31, frontend/scss/usercenter/_edu.scss */
  .edu-container table tr {
    line-height: 16px;
    border-bottom: 1px #ddd dashed; }
    /* line 34, frontend/scss/usercenter/_edu.scss */
    .edu-container table tr:last-child {
      border: 0; }
  /* line 39, frontend/scss/usercenter/_edu.scss */
  .edu-container table tr:nth-child(even) {
    background: #fff; }
  /* line 43, frontend/scss/usercenter/_edu.scss */
  .edu-container table a, .edu-container table .a-link {
    color: #0096ff !important; }

/* line 48, frontend/scss/usercenter/_edu.scss */
.edu-container .blank-dash-line {
  margin: 3em 0;
  border: 1px dashed #ddd; }

/* line 52, frontend/scss/usercenter/_edu.scss */
.edu-container .add-edu-btn, .edu-container .opt-btn {
  position: absolute;
  top: 55px;
  right: 60px;
  transition: all ease 0.3s;
  color: #0096ff; }
  /* line 58, frontend/scss/usercenter/_edu.scss */
  .edu-container .add-edu-btn.off-state, .edu-container .opt-btn.off-state {
    background-color: #ddd;
    color: #fff;
    border-color: #ddd; }

/* line 65, frontend/scss/usercenter/_edu.scss */
.edu-container form {
  padding-bottom: 40px; }

/* line 70, frontend/scss/usercenter/_edu.scss */
.edu-container .selectize-input .item:not(:first-child) {
  display: none; }

/* line 75, frontend/scss/usercenter/_edu.scss */
.edu-container .school-error {
  position: absolute;
  left: 485px;
  top: 15px; }

/* line 81, frontend/scss/usercenter/_edu.scss */
.edu-container .selectize-input {
  width: 320px !important; }
  /* line 83, frontend/scss/usercenter/_edu.scss */
  .edu-container .selectize-input input {
    height: 40px; }

/* line 88, frontend/scss/usercenter/_edu.scss */
.edu-container .input-tips.error {
  position: absolute;
  top: 15px; }

/* line 92, frontend/scss/usercenter/_edu.scss */
.edu-container .schoolTip {
  position: absolute;
  top: 55px;
  color: #999 !important; }

/* line 97, frontend/scss/usercenter/_edu.scss */
.edu-container .min-height {
  min-height: 430px; }

/* line 100, frontend/scss/usercenter/_edu.scss */
.edu-container .dataNullPic {
  margin-top: 80px;
  text-align: center; }
  /* line 103, frontend/scss/usercenter/_edu.scss */
  .edu-container .dataNullPic p {
    font-size: 14px;
    color: #bbbbbb; }

/* line 111, frontend/scss/usercenter/_edu.scss */
.edu-container #addEduInfo .form-group .form-control #school-select + .school-select-picker {
  height: 40px; }

/* line 114, frontend/scss/usercenter/_edu.scss */
.edu-container #addEduInfo .form-group .form-control .input-tips {
  position: absolute;
  left: 485px;
  top: 15px; }

/* line 123, frontend/scss/usercenter/_edu.scss */
.edu-ul {
  margin-top: 12px; }
  /* line 125, frontend/scss/usercenter/_edu.scss */
  .edu-ul li {
    padding: 28px 30px 28px 40px;
    margin-bottom: 20px;
    font-size: 16px;
    border: 1px #eeeeee solid;
    position: relative; }
    /* line 131, frontend/scss/usercenter/_edu.scss */
    .edu-ul li:after {
      width: 9px;
      height: 9px;
      position: absolute;
      top: 30px;
      left: -4.5px;
      background-image: url(https://cdn.gfzq.cn/gfw-job/images/icons/circular.png); }
    /* line 139, frontend/scss/usercenter/_edu.scss */
    .edu-ul li .edus-info-other {
      margin-bottom: 20px;
      font-size: 16px;
      color: #333333; }
      /* line 144, frontend/scss/usercenter/_edu.scss */
      .edu-ul li .edus-info-other p span {
        margin-right: 20px;
        word-wrap: break-word;
        word-break: break-all; }
    /* line 151, frontend/scss/usercenter/_edu.scss */
    .edu-ul li .edus-info {
      margin-top: 15px; }
      /* line 153, frontend/scss/usercenter/_edu.scss */
      .edu-ul li .edus-info p {
        width: 40%;
        display: inline-block; }
        /* line 156, frontend/scss/usercenter/_edu.scss */
        .edu-ul li .edus-info p .edus-info-label {
          display: inline-block;
          width: 35%;
          color: #999999; }
    /* line 163, frontend/scss/usercenter/_edu.scss */
    .edu-ul li .edus-info-100 {
      margin-top: 15px; }
      /* line 165, frontend/scss/usercenter/_edu.scss */
      .edu-ul li .edus-info-100 p {
        width: 100%;
        display: inline-block; }
        /* line 168, frontend/scss/usercenter/_edu.scss */
        .edu-ul li .edus-info-100 p .edus-info-label {
          display: inline-block;
          width: 14%;
          color: #999999; }
        /* line 173, frontend/scss/usercenter/_edu.scss */
        .edu-ul li .edus-info-100 p .line-height-160 {
          line-height: 160%; }
        /* line 176, frontend/scss/usercenter/_edu.scss */
        .edu-ul li .edus-info-100 p .yj-direction {
          float: right;
          width: 86%;
          line-height: 160%;
          word-wrap: break-word;
          word-break: break-all; }
    /* line 186, frontend/scss/usercenter/_edu.scss */
    .edu-ul li .witnessInfo p {
      width: 80% !important; }
      /* line 188, frontend/scss/usercenter/_edu.scss */
      .edu-ul li .witnessInfo p .edus-info-label {
        width: 17% !important; }
    /* line 193, frontend/scss/usercenter/_edu.scss */
    .edu-ul li .opts-area {
      position: absolute;
      top: 28px;
      right: 15px;
      color: #cccccc; }
      /* line 198, frontend/scss/usercenter/_edu.scss */
      .edu-ul li .opts-area .separate {
        position: absolute;
        top: 2px;
        right: 43px;
        display: inline-block; }
      /* line 204, frontend/scss/usercenter/_edu.scss */
      .edu-ul li .opts-area a, .edu-ul li .opts-area .a-link {
        margin-right: 15px;
        display: inline-block; }
  /* line 211, frontend/scss/usercenter/_edu.scss */
  .edu-ul .time {
    width: 15%; }
  /* line 215, frontend/scss/usercenter/_edu.scss */
  .edu-ul .school {
    width: 20%; }
  /* line 219, frontend/scss/usercenter/_edu.scss */
  .edu-ul .studystyle {
    width: 20%; }
  /* line 223, frontend/scss/usercenter/_edu.scss */
  .edu-ul .classorder {
    width: 10%; }
  /* line 227, frontend/scss/usercenter/_edu.scss */
  .edu-ul .prover {
    width: 20%; }

/* line 1, frontend/scss/usercenter/_introduce.scss */
#ui-datepicker-div {
  z-index: 101 !important; }

/* line 6, frontend/scss/usercenter/_introduce.scss */
.introduce-container .forms .separate {
  position: absolute;
  top: 2px;
  right: 43px;
  display: inline-block;
  color: #cccccc; }

/* line 13, frontend/scss/usercenter/_introduce.scss */
.introduce-container .forms .splitClass {
  padding: 20px 0 0 40px;
  border: 1px #eeeeee solid; }
  /* line 16, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .forms .splitClass:after {
    position: absolute;
    margin-top: 30px;
    margin-left: -5px;
    width: 9px;
    height: 9px;
    top: 30px;
    left: -4.5px;
    background: url(https://cdn.gfzq.cn/gfw-job/images/icons/circular.png) no-repeat; }

/* line 28, frontend/scss/usercenter/_introduce.scss */
.introduce-container .cancelBackCol {
  background: #f2f2f2; }

/* line 32, frontend/scss/usercenter/_introduce.scss */
.introduce-container .form-group input {
  height: 40px; }

/* line 36, frontend/scss/usercenter/_introduce.scss */
.introduce-container .hidden {
  display: none; }

/* line 40, frontend/scss/usercenter/_introduce.scss */
.introduce-container #ward .title, .introduce-container #paper .title, .introduce-container #family .title {
  margin-bottom: 0; }

/* line 44, frontend/scss/usercenter/_introduce.scss */
.introduce-container .form-item {
  margin: 40px 0 30px;
  position: relative; }
  /* line 47, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .form-item .dashed-line {
    border-top: 1px #ddd dashed;
    margin: 40px 0; }
  /* line 51, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .form-item .oper-btns {
    position: absolute;
    right: 30px;
    top: 25px;
    z-index: 10; }
    /* line 56, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .form-item .oper-btns a, .introduce-container .form-item .oper-btns .a-link {
      margin-right: 15px; }
    /* line 59, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .form-item .oper-btns .line {
      display: inline-block;
      background: #0096ff;
      width: 1px;
      height: 9px; }
      /* line 64, frontend/scss/usercenter/_introduce.scss */
      .introduce-container .form-item .oper-btns .line.hidden {
        display: none; }
    /* line 68, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .form-item .oper-btns .link-btn {
      color: #0096ff;
      font-size: 14px; }
  /* line 73, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .form-item:first-child {
    border-top: 0; }
  /* line 76, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .form-item:last-child {
    padding-bottom: 0; }
  /* line 79, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .form-item input:disabled {
    border: 2px #fff solid !important;
    background-color: #eee !important; }
  /* line 83, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .form-item.disable-form {
    position: relative; }
    /* line 86, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .form-item.disable-form .form-control .form-input, .introduce-container .form-item.disable-form .form-control .date-picker, .introduce-container .form-item.disable-form .form-control select, .introduce-container .form-item.disable-form .form-control .form-textarea-job, .introduce-container .form-item.disable-form .form-control .form-textarea, .introduce-container .form-item.disable-form .form-control .selectize-input {
      border: 2px #fff solid !important;
      background: #fff !important; }
    /* line 93, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .form-item.disable-form .disable-label-input {
      display: block !important; }
    /* line 96, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .form-item.disable-form .other-form-input, .introduce-container .form-item.disable-form .other-select-picker, .introduce-container .form-item.disable-form .input-tips, .introduce-container .form-item.disable-form .btns {
      display: none !important; }
    /* line 99, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .form-item.disable-form:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }

/* line 111, frontend/scss/usercenter/_introduce.scss */
.introduce-container .declaration-block form {
  padding: 0;
  border-top: 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd; }
  /* line 117, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .declaration-block form .form-group label {
    width: 438px !important; }
  /* line 121, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .declaration-block form .form-group.form-group-has-input .form-input {
    width: 110px !important;
    margin-left: 15px; }
  /* line 125, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .declaration-block form .form-group.form-group-has-input .input-tips {
    position: relative !important;
    top: 0 !important;
    left: 0 !important; }

/* line 135, frontend/scss/usercenter/_introduce.scss */
.introduce-container .other-block form {
  padding: 0;
  border-top: 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd; }
  /* line 140, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .mg-b-30 {
    margin-bottom: 30px !important; }
  /* line 144, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group label {
    line-height: 24px !important;
    margin-right: 20px; }
  /* line 149, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group.form-group-upload span.input-tips {
    position: relative;
    top: -25px;
    left: 0; }
  /* line 156, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group#form-group-jyqsgx .input-tips {
    left: 380px; }
  /* line 160, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group .l-h-40 {
    line-height: 40px !important; }
  /* line 163, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group .form-textarea {
    width: 570px !important; }
  /* line 167, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group.form-group-has-input span {
    padding-left: 60px; }
  /* line 170, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group.form-group-has-input .form-input {
    width: 110px !important;
    margin-left: 15px; }
  /* line 175, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group .upload {
    display: inline-block;
    width: 96px;
    height: 24px;
    cursor: pointer;
    background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/upload2.png") no-repeat center; }
    /* line 181, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .other-block form .form-group .upload .webuploader-pick {
      background: transparent; }
    /* line 184, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .other-block form .form-group .upload div {
      width: 100% !important;
      height: 100% !important; }
  /* line 190, frontend/scss/usercenter/_introduce.scss */
  .introduce-container .other-block form .form-group.form-group-upload {
    margin: 25px 0; }
    /* line 193, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .other-block form .form-group.form-group-upload .form-control.hidden {
      display: none; }
    /* line 197, frontend/scss/usercenter/_introduce.scss */
    .introduce-container .other-block form .form-group.form-group-upload .loaded-group {
      margin-left: 180px;
      font-size: 16px;
      margin-top: -15px;
      display: none; }
      /* line 202, frontend/scss/usercenter/_introduce.scss */
      .introduce-container .other-block form .form-group.form-group-upload .loaded-group.show {
        display: block; }
      /* line 206, frontend/scss/usercenter/_introduce.scss */
      .introduce-container .other-block form .form-group.form-group-upload .loaded-group .loaded {
        font-size: 16px;
        color: #333; }
        /* line 209, frontend/scss/usercenter/_introduce.scss */
        .introduce-container .other-block form .form-group.form-group-upload .loaded-group .loaded.other-file-name {
          line-height: 24px; }
      /* line 214, frontend/scss/usercenter/_introduce.scss */
      .introduce-container .other-block form .form-group.form-group-upload .loaded-group .del-doc {
        font-size: 16px;
        margin-left: 14px;
        text-decoration: none;
        color: #3a89da;
        cursor: pointer; }

/* line 225, frontend/scss/usercenter/_introduce.scss */
.introduce-container .other-block .tips {
  clear: both;
  margin: 70px 0 20px;
  font-size: 14px;
  color: #666;
  padding-left: 45px; }

/* line 1, frontend/scss/usercenter/_professional.scss */
.jobs-ul {
  margin-bottom: -8px; }

/* line 5, frontend/scss/usercenter/_professional.scss */
.professional-container .block {
  padding: 60px 60px 0 60px !important; }

/* line 9, frontend/scss/usercenter/_professional.scss */
.other-select-picker input {
  height: 40px; }

/* line 12, frontend/scss/usercenter/_professional.scss */
.cancelBackCol {
  background: #f2f2f2; }

/* line 15, frontend/scss/usercenter/_professional.scss */
.fill－tips {
  padding: 0em 0 2em;
  font-size: 14px;
  color: #666666; }
  /* line 19, frontend/scss/usercenter/_professional.scss */
  .fill－tips span {
    float: left;
    line-height: 30px; }
  /* line 23, frontend/scss/usercenter/_professional.scss */
  .fill－tips p {
    padding-left: 90px;
    line-height: 30px; }
    /* line 26, frontend/scss/usercenter/_professional.scss */
    .fill－tips p em {
      color: #de0a19; }

/* line 31, frontend/scss/usercenter/_professional.scss */
.input-job-form {
  padding: 2em 0; }

/* line 34, frontend/scss/usercenter/_professional.scss */
.input-sub-title {
  margin-top: 2em;
  padding: 1.5em 0;
  font-size: 16px; }

/* line 39, frontend/scss/usercenter/_professional.scss */
.jobs-ul {
  position: relative; }
  /* line 41, frontend/scss/usercenter/_professional.scss */
  .jobs-ul li {
    padding: 28px 30px 28px 40px;
    margin-bottom: 20px;
    font-size: 16px;
    border: 1px #eeeeee solid;
    position: relative; }
    /* line 47, frontend/scss/usercenter/_professional.scss */
    .jobs-ul li .opts-area {
      position: absolute;
      top: 28px;
      right: 15px;
      color: #cccccc;
      vertical-align: middle; }
      /* line 53, frontend/scss/usercenter/_professional.scss */
      .jobs-ul li .opts-area .separate {
        position: absolute;
        top: 2px;
        right: 43px;
        display: inline-block; }
      /* line 59, frontend/scss/usercenter/_professional.scss */
      .jobs-ul li .opts-area a, .jobs-ul li .opts-area .a-link {
        margin-right: 15px;
        display: inline-block; }
    /* line 64, frontend/scss/usercenter/_professional.scss */
    .jobs-ul li .jobs-info-label {
      color: #999; }
    /* line 67, frontend/scss/usercenter/_professional.scss */
    .jobs-ul li .jobs-info {
      line-height: 36px; }
      /* line 69, frontend/scss/usercenter/_professional.scss */
      .jobs-ul li .jobs-info p {
        width: 40%;
        float: left;
        line-height: 36px; }
    /* line 75, frontend/scss/usercenter/_professional.scss */
    .jobs-ul li .jobs-info-other {
      line-height: 16px;
      margin-bottom: 10px; }
    /* line 79, frontend/scss/usercenter/_professional.scss */
    .jobs-ul li .high-level {
      margin-top: 10px;
      border-top: 1px #eeeeee solid;
      padding-top: 15px; }
    /* line 84, frontend/scss/usercenter/_professional.scss */
    .jobs-ul li .jobs-info-detail {
      line-height: 30px; }
      /* line 86, frontend/scss/usercenter/_professional.scss */
      .jobs-ul li .jobs-info-detail span {
        float: left; }
      /* line 89, frontend/scss/usercenter/_professional.scss */
      .jobs-ul li .jobs-info-detail p {
        padding-left: 80px; }
        /* line 91, frontend/scss/usercenter/_professional.scss */
        .jobs-ul li .jobs-info-detail p.pro-desc {
          padding-left: 120px; }
    /* line 96, frontend/scss/usercenter/_professional.scss */
    .jobs-ul li.libg {
      background-color: pink; }
    /* line 99, frontend/scss/usercenter/_professional.scss */
    .jobs-ul li:after {
      width: 9px;
      height: 9px;
      position: absolute;
      top: 30px;
      left: -4.5px;
      background-image: url("https://cdn.gfzq.cn/gfw-job/images/icons/circular.png"); }

/* line 112, frontend/scss/usercenter/_professional.scss */
#msgDailog::before {
  display: none; }

/* line 115, frontend/scss/usercenter/_professional.scss */
#msgDailog p {
  padding-top: 18px;
  font-size: 16px;
  line-height: 30px; }

/* line 121, frontend/scss/usercenter/_professional.scss */
.input-sub-title {
  line-height: 40px; }
  /* line 123, frontend/scss/usercenter/_professional.scss */
  .input-sub-title input[type='radio'], .input-sub-title input[type='checkbox'] {
    width: 22px;
    -webkit-appearance: none;
    height: 22px;
    border: 2px #ddd solid;
    vertical-align: middle;
    margin: 0 5px;
    border-radius: 15px; }
    /* line 131, frontend/scss/usercenter/_professional.scss */
    .input-sub-title input[type='radio']:checked, .input-sub-title input[type='checkbox']:checked {
      border: 0;
      background: url("https://cdn.gfzq.cn/gfw-job/images/icons/checked.png") no-repeat center; }

/* line 137, frontend/scss/usercenter/_professional.scss */
#workForm, #activeForm, #projectForm {
  display: none; }

/* line 141, frontend/scss/usercenter/_professional.scss */
.show-err-tip {
  color: #de0a19;
  line-height: 24px;
  font-size: 14px;
  margin: 20px 0 -20px 0;
  display: none; }
  /* line 147, frontend/scss/usercenter/_professional.scss */
  .show-err-tip:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url("https://cdn.gfzq.cn/gfw-job/images/signup/error.png") no-repeat center center;
    position: relative;
    bottom: -4px; }

/* line 158, frontend/scss/usercenter/_professional.scss */
.addWork {
  color: #333333 !important; }

/* line 161, frontend/scss/usercenter/_professional.scss */
.opt-btn {
  position: absolute;
  top: 55px;
  right: 60px;
  transition: all ease 0.3s;
  color: #333; }
  /* line 167, frontend/scss/usercenter/_professional.scss */
  .opt-btn.off-state {
    background-color: #ddd;
    color: #fff;
    border-color: #ddd; }

/* line 173, frontend/scss/usercenter/_professional.scss */
.companySize {
  position: absolute;
  left: 485px; }

/* line 177, frontend/scss/usercenter/_professional.scss */
.workStyle {
  position: absolute;
  left: 485px; }

/* line 1, frontend/scss/usercenter/_collection.scss */
.collect-tip {
  float: right;
  font-size: 14px;
  color: #666;
  padding-right: 30px;
  line-height: 24px; }

/* line 8, frontend/scss/usercenter/_collection.scss */
.min-height {
  min-height: 430px; }

/* line 13, frontend/scss/usercenter/_collection.scss */
.jobs-container.collectionList .dataNullPic {
  text-align: center;
  display: none; }

/* line 18, frontend/scss/usercenter/_collection.scss */
.jobs-container.collectionList .noCollectionPrompt h2 {
  margin-top: 10px; }

/* line 21, frontend/scss/usercenter/_collection.scss */
.jobs-container.collectionList .noCollectionPrompt p {
  margin: 10px 0; }
  /* line 23, frontend/scss/usercenter/_collection.scss */
  .jobs-container.collectionList .noCollectionPrompt p a, .jobs-container.collectionList .noCollectionPrompt p .a-link {
    color: #3a89da; }

/* line 28, frontend/scss/usercenter/_collection.scss */
.jobs-container.collectionList .jobs-list {
  display: none; }
  /* line 32, frontend/scss/usercenter/_collection.scss */
  .jobs-container.collectionList .jobs-list li.table-tr .av-flex, .jobs-container.collectionList .jobs-list li.table-head .av-flex {
    text-align: center;
    display: inline; }
    /* line 35, frontend/scss/usercenter/_collection.scss */
    .jobs-container.collectionList .jobs-list li.table-tr .av-flex.opt-flex, .jobs-container.collectionList .jobs-list li.table-head .av-flex.opt-flex {
      display: inline;
      text-align: right;
      padding-right: 4%;
      padding-left: 1%; }
      /* line 40, frontend/scss/usercenter/_collection.scss */
      .jobs-container.collectionList .jobs-list li.table-tr .av-flex.opt-flex a, .jobs-container.collectionList .jobs-list li.table-tr .av-flex.opt-flex .a-link, .jobs-container.collectionList .jobs-list li.table-head .av-flex.opt-flex a, .jobs-container.collectionList .jobs-list li.table-head .av-flex.opt-flex .a-link {
        color: #1689e5;
        display: inline-block;
        padding-left: 22px;
        background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/remove.png") no-repeat left center; }
        /* line 45, frontend/scss/usercenter/_collection.scss */
        .jobs-container.collectionList .jobs-list li.table-tr .av-flex.opt-flex a.deathLine, .jobs-container.collectionList .jobs-list li.table-tr .av-flex.opt-flex .a-link.deathLine, .jobs-container.collectionList .jobs-list li.table-head .av-flex.opt-flex a.deathLine, .jobs-container.collectionList .jobs-list li.table-head .av-flex.opt-flex .a-link.deathLine {
          background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/out.png") no-repeat left center; }
  /* line 54, frontend/scss/usercenter/_collection.scss */
  .jobs-container.collectionList .jobs-list li.deathLine .jobs-name a, .jobs-container.collectionList .jobs-list li.deathLine .jobs-name .jobs-type {
    color: #999; }
  /* line 58, frontend/scss/usercenter/_collection.scss */
  .jobs-container.collectionList .jobs-list li.deathLine .av-flex {
    color: #999; }
    /* line 61, frontend/scss/usercenter/_collection.scss */
    .jobs-container.collectionList .jobs-list li.deathLine .av-flex.opt-flex a, .jobs-container.collectionList .jobs-list li.deathLine .av-flex.opt-flex .a-link {
      background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/out.png") no-repeat left center;
      color: #df101e; }

/* line 2, frontend/scss/usercenter/_apply.scss */
.apply-container .block {
  padding: 40px 60px 30px 60px !important; }
  /* line 5, frontend/scss/usercenter/_apply.scss */
  .apply-container .block .applySetting .title {
    margin-bottom: 20px !important; }

/* line 12, frontend/scss/usercenter/_apply.scss */
#apply-title {
  margin-bottom: 30px; }

/* line 15, frontend/scss/usercenter/_apply.scss */
#apply-block {
  padding-bottom: 40px; }

/* line 19, frontend/scss/usercenter/_apply.scss */
.sub-btn {
  border: 2px solid #3a89da;
  border-radius: 1.5em; }

/* line 23, frontend/scss/usercenter/_apply.scss */
.switch-tips {
  position: absolute;
  top: 30px;
  left: 190px;
  opacity: 0;
  display: none;
  border: 1px solid #eee;
  height: 33px;
  min-width: 80px;
  padding: 8px 13px;
  font-size: 14px;
  line-height: 15px;
  background-color: #FFF;
  border-radius: 6px;
  box-sizing: border-box; }
  /* line 42, frontend/scss/usercenter/_apply.scss */
  .switch-tips .switch-tips-corner {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #eee;
    position: absolute;
    top: -8px;
    left: 30px; }
    /* line 54, frontend/scss/usercenter/_apply.scss */
    .switch-tips .switch-tips-corner:before {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #fff;
      position: absolute;
      top: 1px;
      left: -7px; }

/* line 69, frontend/scss/usercenter/_apply.scss */
.adjust-switch {
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  float: left; }
  /* line 74, frontend/scss/usercenter/_apply.scss */
  .adjust-switch #switchTrainee, .adjust-switch #switchObey {
    display: inline-block;
    width: 34px;
    height: 20px;
    border-radius: 11px;
    vertical-align: top;
    position: relative;
    transition: all ease 0.3s;
    border: 1px solid #cccdcd;
    background-color: #cccdcd;
    top: 10px; }
    /* line 85, frontend/scss/usercenter/_apply.scss */
    .adjust-switch #switchTrainee::after, .adjust-switch #switchObey::after {
      position: absolute;
      content: '';
      width: 20px;
      height: 20px;
      background-color: #fff;
      border-radius: 10px; }
    /* line 93, frontend/scss/usercenter/_apply.scss */
    .adjust-switch #switchTrainee.on, .adjust-switch #switchObey.on {
      border: 1px solid #3a89da;
      background-color: #3a89da; }
      /* line 96, frontend/scss/usercenter/_apply.scss */
      .adjust-switch #switchTrainee.on::after, .adjust-switch #switchObey.on::after {
        right: 0;
        background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/switch-success.png") no-repeat center center; }
  /* line 102, frontend/scss/usercenter/_apply.scss */
  .adjust-switch .adjust-tips {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: top;
    cursor: pointer;
    background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/tips.png") no-repeat center center; }
  /* line 110, frontend/scss/usercenter/_apply.scss */
  .adjust-switch .QATips {
    position: absolute;
    display: none;
    right: -8px;
    top: 34px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
    font-size: 14px;
    line-height: 24px;
    z-index: 99; }
    /* line 121, frontend/scss/usercenter/_apply.scss */
    .adjust-switch .QATips:before {
      position: absolute;
      right: 10px;
      top: -10px;
      content: '';
      width: 16px;
      height: 11px;
      background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/up-trg.png") no-repeat center center; }

/* line 132, frontend/scss/usercenter/_apply.scss */
.jobs-choice-container {
  margin: 0; }
  /* line 134, frontend/scss/usercenter/_apply.scss */
  .jobs-choice-container .job-box {
    border: 1px solid #b2dcf2;
    padding: 19px 28px 20px 28px;
    height: 137px;
    margin: 0px 0 20px; }
    /* line 139, frontend/scss/usercenter/_apply.scss */
    .jobs-choice-container .job-box .job-left {
      position: relative;
      z-index: 999;
      float: left;
      width: 45%; }
      /* line 144, frontend/scss/usercenter/_apply.scss */
      .jobs-choice-container .job-box .job-left .apply-job-name {
        background-color: #eee;
        border-radius: 4px;
        padding: 10px 12px;
        font-size: 18px;
        max-height: 65px;
        min-height: 60px;
        overflow: hidden; }
        /* line 152, frontend/scss/usercenter/_apply.scss */
        .jobs-choice-container .job-box .job-left .apply-job-name.active {
          background-color: #e8f1fa; }
          /* line 154, frontend/scss/usercenter/_apply.scss */
          .jobs-choice-container .job-box .job-left .apply-job-name.active .j-name {
            color: #0096ff;
            cursor: pointer; }
        /* line 159, frontend/scss/usercenter/_apply.scss */
        .jobs-choice-container .job-box .job-left .apply-job-name .j-name {
          overflow: hidden;
          font-size: 18px;
          font-weight: bold;
          line-height: 20px;
          margin: auto 0;
          margin-top: 10px; }
          /* line 166, frontend/scss/usercenter/_apply.scss */
          .jobs-choice-container .job-box .job-left .apply-job-name .j-name.no-job {
            line-height: 40px; }
        /* line 170, frontend/scss/usercenter/_apply.scss */
        .jobs-choice-container .job-box .job-left .apply-job-name .active {
          cursor: pointer;
          color: #0096ff; }
        /* line 174, frontend/scss/usercenter/_apply.scss */
        .jobs-choice-container .job-box .job-left .apply-job-name .inactive {
          color: #999; }
        /* line 177, frontend/scss/usercenter/_apply.scss */
        .jobs-choice-container .job-box .job-left .apply-job-name .normal {
          color: #000;
          background-color: #eee; }
    /* line 183, frontend/scss/usercenter/_apply.scss */
    .jobs-choice-container .job-box .apply-state {
      position: relative;
      padding: 10px 15px;
      background-color: #fff7f1;
      max-height: 65px;
      min-height: 60px;
      float: right;
      width: 45%; }
      /* line 191, frontend/scss/usercenter/_apply.scss */
      .jobs-choice-container .job-box .apply-state:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-right: 18px solid #fff7f1;
        border-bottom: 12px solid transparent;
        position: absolute;
        left: -16px; }
      /* line 202, frontend/scss/usercenter/_apply.scss */
      .jobs-choice-container .job-box .apply-state .state-show {
        font-size: 14px;
        color: #333;
        line-height: 30px;
        height: 30px;
        margin-top: 15px; }
        /* line 208, frontend/scss/usercenter/_apply.scss */
        .jobs-choice-container .job-box .apply-state .state-show .show-state {
          font-size: 16px;
          color: #333;
          display: inline-block;
          height: 28px;
          vertical-align: top;
          padding-left: 30px; }
          /* line 215, frontend/scss/usercenter/_apply.scss */
          .jobs-choice-container .job-box .apply-state .state-show .show-state.state-icon {
            background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/apply-err.png") no-repeat left center; }
          /* line 218, frontend/scss/usercenter/_apply.scss */
          .jobs-choice-container .job-box .apply-state .state-show .show-state.success-icon {
            background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/apply-success.png") no-repeat left center; }
          /* line 221, frontend/scss/usercenter/_apply.scss */
          .jobs-choice-container .job-box .apply-state .state-show .show-state.wait-icon {
            background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/apply-wait.png") no-repeat left center; }
          /* line 224, frontend/scss/usercenter/_apply.scss */
          .jobs-choice-container .job-box .apply-state .state-show .show-state.err-icon {
            background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/warn-tip.png") no-repeat left center; }
        /* line 228, frontend/scss/usercenter/_apply.scss */
        .jobs-choice-container .job-box .apply-state .state-show .apply-time {
          float: right;
          color: #a6a6a6; }
  /* line 236, frontend/scss/usercenter/_apply.scss */
  .jobs-choice-container .apply-tit {
    font-size: 16px;
    margin-bottom: 29px;
    line-height: 22px; }
    /* line 241, frontend/scss/usercenter/_apply.scss */
    .jobs-choice-container .apply-tit span {
      display: inline-block;
      padding-left: 32px;
      background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/job-icon.png") no-repeat left center;
      line-height: 22px; }
    /* line 247, frontend/scss/usercenter/_apply.scss */
    .jobs-choice-container .apply-tit .choice-in-collection {
      margin: 5px 0px 0px 0;
      text-align: right;
      padding-left: 14px;
      font-size: 14px;
      color: #0096ff;
      cursor: pointer;
      background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/right-trg.png") no-repeat right center; }
      /* line 255, frontend/scss/usercenter/_apply.scss */
      .jobs-choice-container .apply-tit .choice-in-collection.inactive {
        display: none; }
    /* line 259, frontend/scss/usercenter/_apply.scss */
    .jobs-choice-container .apply-tit .cancal-edit-btn, .jobs-choice-container .apply-tit .save-edit-btn, .jobs-choice-container .apply-tit .del-apply-btn {
      position: relative;
      top: 5px;
      padding: 2px 20px;
      margin: 0 5px;
      float: right;
      color: #FFF;
      font-size: 14px; }
      /* line 267, frontend/scss/usercenter/_apply.scss */
      .jobs-choice-container .apply-tit .cancal-edit-btn.inactive, .jobs-choice-container .apply-tit .save-edit-btn.inactive, .jobs-choice-container .apply-tit .del-apply-btn.inactive {
        background-color: #EEE;
        color: #a6a6a6;
        border-color: #EEE; }
    /* line 273, frontend/scss/usercenter/_apply.scss */
    .jobs-choice-container .apply-tit .cancal-edit-btn, .jobs-choice-container .apply-tit .del-apply-btn {
      border: 2px solid #3a89da;
      border-radius: 1.5em;
      color: #333; }
      /* line 277, frontend/scss/usercenter/_apply.scss */
      .jobs-choice-container .apply-tit .cancal-edit-btn.inactive, .jobs-choice-container .apply-tit .del-apply-btn.inactive {
        display: none; }

/* line 283, frontend/scss/usercenter/_apply.scss */
.blank-line {
  font-size: 0;
  height: 1px;
  background-color: #ddd;
  margin-bottom: 15px; }

/* line 289, frontend/scss/usercenter/_apply.scss */
.applySetting {
  clear: both; }
  /* line 290, frontend/scss/usercenter/_apply.scss */
  .applySetting .tip-margin {
    margin-top: 7px; }
  /* line 295, frontend/scss/usercenter/_apply.scss */
  .applySetting .switch-container .switch-ground {
    position: relative;
    padding: 0px 0 20px; }
    /* line 298, frontend/scss/usercenter/_apply.scss */
    .applySetting .switch-container .switch-ground:last-child {
      padding-bottom: 0; }
    /* line 301, frontend/scss/usercenter/_apply.scss */
    .applySetting .switch-container .switch-ground .switch-span, .applySetting .switch-container .switch-ground .switch-desc {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      color: #666; }
    /* line 308, frontend/scss/usercenter/_apply.scss */
    .applySetting .switch-container .switch-ground .switch-span label {
      float: left;
      width: 170px;
      line-height: 40px;
      font-size: 16px;
      text-align: left;
      margin-right: 20px; }
    /* line 317, frontend/scss/usercenter/_apply.scss */
    .applySetting .switch-container .switch-ground .padding-more {
      padding-left: 55px !important; }
    /* line 320, frontend/scss/usercenter/_apply.scss */
    .applySetting .switch-container .switch-ground .switch-desc {
      padding-left: 35px;
      line-height: 40px; }
      /* line 323, frontend/scss/usercenter/_apply.scss */
      .applySetting .switch-container .switch-ground .switch-desc .know-more {
        display: inline-block;
        border-radius: 18px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        border: 2px solid #3a89da;
        padding: 0 20px;
        color: #333; }
        /* line 332, frontend/scss/usercenter/_apply.scss */
        .applySetting .switch-container .switch-ground .switch-desc .know-more:hover {
          background-color: #3a89da;
          color: #fff; }

/* line 342, frontend/scss/usercenter/_apply.scss */
#collectionDialog {
  min-height: 290px !important;
  margin-right: 4px;
  padding-bottom: 40px; }
  /* line 346, frontend/scss/usercenter/_apply.scss */
  #collectionDialog:before {
    display: none; }
  /* line 349, frontend/scss/usercenter/_apply.scss */
  #collectionDialog h4 {
    margin: 15px 40px 0;
    padding-left: 18px;
    line-height: 40px;
    font-size: 16px;
    background-color: #e8f1fa;
    text-align: left;
    color: #333; }
  /* line 358, frontend/scss/usercenter/_apply.scss */
  #collectionDialog .myCollections {
    padding: 10px 40px;
    padding-right: 36px;
    max-height: 384px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 30px; }

/* line 370, frontend/scss/usercenter/_apply.scss */
#choiceJobDialog:before {
  display: none; }

/* line 373, frontend/scss/usercenter/_apply.scss */
#choiceJobDialog .jobDialogContainer {
  margin-right: 4px;
  margin-top: 12px;
  margin-bottom: 40px;
  padding: 0 40px;
  padding-right: 36px;
  max-height: 420px;
  overflow: hidden;
  overflow-y: auto; }
  /* line 382, frontend/scss/usercenter/_apply.scss */
  #choiceJobDialog .jobDialogContainer .collected-jobs-list {
    display: none; }
  /* line 385, frontend/scss/usercenter/_apply.scss */
  #choiceJobDialog .jobDialogContainer .job-switch {
    text-align: left; }
    /* line 387, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog .jobDialogContainer .job-switch dt {
      margin-bottom: 15px;
      padding: 0 40px 0 18px;
      line-height: 38px;
      background-color: #e8f1fa;
      font-size: 16px;
      font-weight: bold;
      position: relative;
      cursor: pointer; }
      /* line 396, frontend/scss/usercenter/_apply.scss */
      #choiceJobDialog .jobDialogContainer .job-switch dt:after {
        position: absolute;
        content: '';
        width: 11px;
        height: 6px;
        top: 17px;
        right: 15px;
        background: url("https://cdn.gfzq.cn/gfw-job/images/icons/downt.png") no-repeat center center; }
      /* line 405, frontend/scss/usercenter/_apply.scss */
      #choiceJobDialog .jobDialogContainer .job-switch dt.active {
        margin-bottom: 0px; }
        /* line 407, frontend/scss/usercenter/_apply.scss */
        #choiceJobDialog .jobDialogContainer .job-switch dt.active:after {
          background: url("https://cdn.gfzq.cn/gfw-job/images/icons/upt.png") no-repeat center center; }
      /* line 411, frontend/scss/usercenter/_apply.scss */
      #choiceJobDialog .jobDialogContainer .job-switch dt.inactive {
        color: #999; }
    /* line 415, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog .jobDialogContainer .job-switch dd {
      display: none; }
      /* line 417, frontend/scss/usercenter/_apply.scss */
      #choiceJobDialog .jobDialogContainer .job-switch dd ul {
        padding: 10px 0 0; }

/* line 424, frontend/scss/usercenter/_apply.scss */
#choiceJobDialog, #collectionDialog {
  padding: 0px; }
  /* line 426, frontend/scss/usercenter/_apply.scss */
  #choiceJobDialog .choice-tip, #collectionDialog .choice-tip {
    padding: 9px 40px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    display: none;
    position: relative; }
    /* line 434, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog .choice-tip.warn, #collectionDialog .choice-tip.warn {
      padding: 9px 60px;
      color: #de0a19;
      background-color: #f6e1e4; }
      /* line 438, frontend/scss/usercenter/_apply.scss */
      #choiceJobDialog .choice-tip.warn:before, #collectionDialog .choice-tip.warn:before {
        content: '';
        position: absolute;
        top: 11px;
        left: 40px;
        width: 16px;
        height: 16px;
        background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/warn.png"); }
    /* line 448, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog .choice-tip.inactive, #choiceJobDialog .choice-tip .empty-tips, #collectionDialog .choice-tip.inactive, #collectionDialog .choice-tip .empty-tips {
      color: #666; }
      /* line 450, frontend/scss/usercenter/_apply.scss */
      #choiceJobDialog .choice-tip.inactive a, #choiceJobDialog .choice-tip.inactive .a-link, #choiceJobDialog .choice-tip .empty-tips a, #choiceJobDialog .choice-tip .empty-tips .a-link, #collectionDialog .choice-tip.inactive a, #collectionDialog .choice-tip.inactive .a-link, #collectionDialog .choice-tip .empty-tips a, #collectionDialog .choice-tip .empty-tips .a-link {
        color: #3a89da; }
  /* line 456, frontend/scss/usercenter/_apply.scss */
  #choiceJobDialog ul .choice-limit-tip, #collectionDialog ul .choice-limit-tip {
    color: #A7A7A7;
    line-height: 34px;
    font-size: 14px;
    margin: 2px 0;
    margin-left: 15px; }
    /* line 462, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog ul .choice-limit-tip .choice-limit-txt, #collectionDialog ul .choice-limit-tip .choice-limit-txt {
      margin-right: 10px;
      float: left; }
    /* line 466, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog ul .choice-limit-tip hr, #collectionDialog ul .choice-limit-tip hr {
      position: relative;
      top: 17px; }
    /* line 470, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog ul .choice-limit-tip:after, #collectionDialog ul .choice-limit-tip:after {
      content: '';
      display: block;
      clear: both; }
  /* line 476, frontend/scss/usercenter/_apply.scss */
  #choiceJobDialog ul li, #collectionDialog ul li {
    text-align: left;
    padding: 0 40px 0 15px;
    line-height: 34px;
    font-size: 14px;
    cursor: pointer;
    margin: 2px 0;
    position: relative; }
    /* line 484, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog ul li:hover, #collectionDialog ul li:hover {
      background-color: #3a89da;
      color: #fff; }
    /* line 488, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog ul li.inactive, #collectionDialog ul li.inactive {
      color: #666;
      background: #e7e6e6; }
    /* line 492, frontend/scss/usercenter/_apply.scss */
    #choiceJobDialog ul li.checked-item, #collectionDialog ul li.checked-item {
      color: #fff;
      background: #3a89da; }
      /* line 495, frontend/scss/usercenter/_apply.scss */
      #choiceJobDialog ul li.checked-item:after, #collectionDialog ul li.checked-item:after {
        display: inline-block;
        content: '';
        height: 34px;
        width: 40px;
        background-color: grey;
        background: #3a89da url("https://cdn.gfzq.cn/gfw-job/images/usercenter/right.png") no-repeat center;
        position: absolute;
        right: 0px;
        top: 0px; }

/* line 512, frontend/scss/usercenter/_apply.scss */
#perfectDialog:before, #resumeSubmitDialog:before {
  display: none; }

/* line 515, frontend/scss/usercenter/_apply.scss */
#perfectDialog p, #resumeSubmitDialog p {
  padding: 55px 15px 0px;
  line-height: 24px; }

/* line 521, frontend/scss/usercenter/_apply.scss */
.list-select {
  text-align: center; }
  /* line 523, frontend/scss/usercenter/_apply.scss */
  .list-select .list-select-btn {
    display: inline-block;
    font-size: 20px;
    width: 170px;
    background: none;
    border: none;
    line-height: 56px;
    font-family: "微软雅黑", Arial, Helvetica, Sans-Serif;
    color: #333; }
    /* line 532, frontend/scss/usercenter/_apply.scss */
    .list-select .list-select-btn.active {
      font-weight: bold;
      color: #3A89DA;
      border-bottom: 3px solid #3A89DA;
      font-weight: bold; }

/* line 6, frontend/scss/usercenter/_preview.scss */
.preview-container {
  /*.td-noColor>tbody>tr>td{
  color:$textFillColor;
}*/ }
  /* line 8, frontend/scss/usercenter/_preview.scss */
  .preview-container .value {
    background-color: #fff !important; }
  /* line 12, frontend/scss/usercenter/_preview.scss */
  .preview-container .blue {
    background-color: #f6fafe !important; }
  /* line 15, frontend/scss/usercenter/_preview.scss */
  .preview-container .dobule {
    height: 90px; }
  /* line 18, frontend/scss/usercenter/_preview.scss */
  .preview-container .bread-nav {
    background-color: #f8f8f8;
    font-size: 16px; }
  /* line 22, frontend/scss/usercenter/_preview.scss */
  .preview-container .preview-bg {
    background-color: #FFFFFF !important;
    position: relative; }
  /* line 26, frontend/scss/usercenter/_preview.scss */
  .preview-container .jobs-container {
    width: 100%;
    background-color: #f2f2f2;
    overflow: hidden; }
  /* line 31, frontend/scss/usercenter/_preview.scss */
  .preview-container .gf-logo {
    position: absolute;
    top: 42px;
    right: 47px; }
  /* line 36, frontend/scss/usercenter/_preview.scss */
  .preview-container .job-personInfo {
    padding: 48px 30px 95px 45px;
    font-weight: bold;
    font-size: 29px; }
  /* line 41, frontend/scss/usercenter/_preview.scss */
  .preview-container .marTop {
    margin-top: -2px; }
  /* line 44, frontend/scss/usercenter/_preview.scss */
  .preview-container .table {
    margin-bottom: 0 !important;
    border: 2px solid #dedede;
    border-collapse: collapse !important;
    border-radius: 1px; }
  /* line 50, frontend/scss/usercenter/_preview.scss */
  .preview-container .table > tbody > tr > td, .preview-container .table > thead > tr > th {
    padding: 16px 20px;
    line-height: 18px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid #dedede;
    /* text-indent: 20px;*/
    text-align: left; }
  /* line 59, frontend/scss/usercenter/_preview.scss */
  .preview-container .table > tbody > tr > td:nth-child(even) {
    background-color: #fff; }
  /* line 62, frontend/scss/usercenter/_preview.scss */
  .preview-container .table > tbody > tr > td:nth-child(odd) {
    background-color: #f6fafe;
    color: #b5b6b7; }
  /* line 66, frontend/scss/usercenter/_preview.scss */
  .preview-container .table > thead > tr > th {
    background-color: #f6fafe;
    color: #b5b6b7; }
  /* line 70, frontend/scss/usercenter/_preview.scss */
  .preview-container .row-fluid {
    width: 1140px;
    margin: 0 auto 50px auto; }
  /* line 74, frontend/scss/usercenter/_preview.scss */
  .preview-container .item_head {
    padding: 0px 0px 23px 0px;
    color: #666666; }
  /* line 78, frontend/scss/usercenter/_preview.scss */
  .preview-container .item_head:before {
    content: " ";
    width: 4px;
    height: 20px;
    background-color: #6eb2f8;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px; }
  /* line 88, frontend/scss/usercenter/_preview.scss */
  .preview-container .photo-wrapper {
    background-color: #fff !important;
    text-align: center !important; }
  /* line 93, frontend/scss/usercenter/_preview.scss */
  .preview-container .job-photo {
    width: 130px;
    display: inline-block;
    vertical-align: middle; }
  /* line 99, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-info > tbody > tr > td:nth-child(odd) {
    width: 9.5%; }
  /* line 102, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-info > tbody > tr > td:nth-child(even) {
    width: 18.5%; }
  /* line 106, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-info > tbody > tr > td:last-child {
    width: 16%;
    vertical-align: middle; }
  /* line 110, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-edu > tbody > tr > td:nth-child(odd) {
    width: 17.5%; }
  /* line 114, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-edu > tbody > tr > td:nth-child(4n) {
    width: 15.75%; }
  /* line 118, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-edu > tbody > tr > td:nth-child(6n) {
    width: 16%; }
  /* line 122, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-station > tbody > tr > td:nth-child(odd) {
    width: 17.5%; }
  /* line 126, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-majorBook > tbody > tr > td:nth-child(odd) {
    width: 41%; }
  /* line 130, frontend/scss/usercenter/_preview.scss */
  .preview-container .td-noColor > tbody > tr > td:nth-child(odd) {
    background-color: #fff;
    color: #333333; }
  /* line 136, frontend/scss/usercenter/_preview.scss */
  .preview-container .tdEdu-noColor > tbody > tr > td:nth-child(odd) {
    background-color: #fff;
    color: #333333; }
  /* line 141, frontend/scss/usercenter/_preview.scss */
  .preview-container .td-noColor > tbody > tr > td:first-child, .preview-container .td-noColor > tbody > tr > td:last-child {
    width: 17%; }
  /* line 144, frontend/scss/usercenter/_preview.scss */
  .preview-container .td-noColor > tbody > tr > td:nth-child(2), .preview-container .td-noColor > tbody > tr > td:nth-child(3) {
    width: 33%; }
  /* line 150, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-otherInfo > tbody > tr > td:last-child {
    width: 59%; }
  /* line 153, frontend/scss/usercenter/_preview.scss */
  .preview-container .perBase-otherInfo > tbody > tr > td.promiseInfo {
    background-color: #fff;
    color: #333;
    line-height: 160%; }
  /* line 158, frontend/scss/usercenter/_preview.scss */
  .preview-container .table i {
    color: #333;
    font-weight: 600;
    margin-right: 64px; }
  @media print {
    /* line 165, frontend/scss/usercenter/_preview.scss */
    .preview-container .preview-bg {
      position: relative; }
    /* line 169, frontend/scss/usercenter/_preview.scss */
    .preview-container .job-photo {
      width: 70px !important; }
    /* line 173, frontend/scss/usercenter/_preview.scss */
    .preview-container .gf-logo {
      position: absolute;
      top: -13px;
      right: 0px; }
    /* line 179, frontend/scss/usercenter/_preview.scss */
    .preview-container .job-personInfo {
      padding: 0 30px 30px 10px !important;
      font-weight: bold;
      font-size: 29px; }
    /* line 185, frontend/scss/usercenter/_preview.scss */
    .preview-container .module {
      max-width: 720px; }
    /* line 189, frontend/scss/usercenter/_preview.scss */
    .preview-container .job-personInfo {
      padding: 48px 30px 95px 45px; }
    /* line 193, frontend/scss/usercenter/_preview.scss */
    .preview-container .item_head {
      font-size: 18px !important;
      padding-bottom: 10px !important; }
    /* line 198, frontend/scss/usercenter/_preview.scss */
    .preview-container .row-fluid {
      margin-bottom: 20px !important; }
    /* line 202, frontend/scss/usercenter/_preview.scss */
    .preview-container .row-fluid {
      width: 710px !important; }
    /* line 206, frontend/scss/usercenter/_preview.scss */
    .preview-container tbody tr {
      height: 14px !important;
      line-height: 14px !important; }
    /* line 211, frontend/scss/usercenter/_preview.scss */
    .preview-container .table {
      border: 1px solid #dedede !important; }
    /* line 215, frontend/scss/usercenter/_preview.scss */
    .preview-container .table > tbody > tr > td, .preview-container .table > thead > tr > th {
      padding: 4px 5px !important;
      font-size: 12px !important;
      border: 1px solid #dedede !important; }
    /* line 221, frontend/scss/usercenter/_preview.scss */
    .preview-container .jobs-container {
      background-color: #fff !important; } }

/* line 10, frontend/scss/usercenter.scss */
.fixed {
  position: fixed !important;
  top: 0 !important; }

/* line 14, frontend/scss/usercenter.scss */
.usercenter-container {
  background-color: #f2f2f2;
  padding: 30px 0 3% 0; }
  /* line 18, frontend/scss/usercenter.scss */
  .usercenter-container .module:after {
    content: '';
    display: block;
    clear: both; }
  /* line 24, frontend/scss/usercenter.scss */
  .usercenter-container .left-block {
    width: 25%;
    display: inline-block;
    float: left; }
    /* line 28, frontend/scss/usercenter.scss */
    .usercenter-container .left-block .progress-container {
      background-color: #fff;
      border: 1px #ddd solid;
      padding: 15px 20px 20px;
      color: #333;
      font-size: 16px;
      margin-bottom: 20px;
      position: relative; }
      /* line 36, frontend/scss/usercenter.scss */
      .usercenter-container .left-block .progress-container .pre-view-btn {
        font-size: 14px;
        color: #0096ff;
        float: right;
        cursor: pointer;
        padding-left: 24px;
        background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/aye.png") no-repeat left center; }
      /* line 44, frontend/scss/usercenter.scss */
      .usercenter-container .left-block .progress-container .progress {
        height: 8px;
        width: 100%;
        background-color: #e5e5e5;
        border-radius: 4px;
        margin-top: 23px; }
        /* line 50, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .progress-container .progress .progress-bar {
          background-color: #ff9c00;
          height: 100%;
          position: relative;
          border-radius: 4px; }
          /* line 55, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .progress-container .progress .progress-bar .bar-data {
            position: absolute;
            right: -20px;
            top: -13px;
            background-color: #fffaf3;
            border: 2px solid #ff9c00;
            font-size: 10px;
            width: 30px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            border-radius: 50%; }
      /* line 70, frontend/scss/usercenter.scss */
      .usercenter-container .left-block .progress-container .popover {
        position: absolute;
        top: 80px;
        right: -11px;
        display: none;
        margin-top: 10px;
        border-radius: 3px;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2); }
        /* line 80, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .progress-container .popover .arrow {
          left: 50%;
          top: -22px;
          margin-left: -11px;
          border-top-width: 0;
          border-bottom-color: rgba(0, 0, 0, 0.25);
          border-width: 11px;
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-color: transparent;
          border-style: solid; }
          /* line 93, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .progress-container .popover .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff;
            border-width: 10px; }
        /* line 108, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .progress-container .popover .popover-content {
          font-size: 14px;
          padding: 10px;
          box-shadow: 0 4px 10px #d6d6d6; }
        /* line 113, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .progress-container .popover:hover {
          background-color: #58a1eb;
          color: #fff;
          cursor: pointer;
          border: 0; }
          /* line 118, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .progress-container .popover:hover .popover-content {
            color: #fff; }
          /* line 121, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .progress-container .popover:hover .arrow:after {
            border-bottom-color: #58a1eb !important; }
      /* line 126, frontend/scss/usercenter.scss */
      .usercenter-container .left-block .progress-container .bottom {
        display: none; }
        /* line 128, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .progress-container .bottom .arrow {
          left: 50%;
          top: -22px;
          margin-left: -11px;
          border-top-width: 0;
          border-bottom-color: rgba(0, 0, 0, 0.25);
          border-width: 11px; }
          /* line 135, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .progress-container .bottom .arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff; }
    /* line 150, frontend/scss/usercenter.scss */
    .usercenter-container .left-block .user-center-menu {
      padding: 30px 10px 40px;
      font-size: 16px;
      line-height: 40px;
      background-color: #fff;
      border: 1px #ddd solid; }
      /* line 157, frontend/scss/usercenter.scss */
      .usercenter-container .left-block .user-center-menu .first-menu .first-menu-list {
        padding-left: 20px;
        cursor: pointer; }
        /* line 160, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .user-center-menu .first-menu .first-menu-list:before {
          content: "";
          width: 5px;
          height: 5px;
          display: inline-block;
          background: #ccc;
          border-radius: 3px;
          margin-right: 15px;
          vertical-align: middle; }
        /* line 170, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .user-center-menu .first-menu .first-menu-list.has-child {
          cursor: auto; }
      /* line 174, frontend/scss/usercenter.scss */
      .usercenter-container .left-block .user-center-menu .first-menu .second-menu {
        margin-top: 15px; }
        /* line 177, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .user-center-menu .first-menu .second-menu .second-menu-list {
          padding-left: 40px;
          cursor: pointer; }
          /* line 180, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .user-center-menu .first-menu .second-menu .second-menu-list:before {
            content: '';
            display: inline-block;
            width: 17px;
            height: 17px;
            vertical-align: text-top;
            margin-right: 20px;
            background-image: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/menu_icon_2.png"); }
          /* line 190, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .user-center-menu .first-menu .second-menu .second-menu-list[data-name="edu"]:before {
            background-position-y: -40px; }
          /* line 195, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .user-center-menu .first-menu .second-menu .second-menu-list[data-name="professional"]:before {
            background-position-y: -80px; }
          /* line 200, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .user-center-menu .first-menu .second-menu .second-menu-list[data-name="certificate"]:before {
            background-position-y: -120px; }
          /* line 205, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .user-center-menu .first-menu .second-menu .second-menu-list[data-name="introduce"]:before {
            background-position-y: -160px; }
          /* line 210, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .user-center-menu .first-menu .second-menu .second-menu-list[data-name="subresume"]:before {
            background-position-y: -200px; }
          /* line 215, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .user-center-menu .first-menu .second-menu .second-menu-list.curMenu:before {
            background-position-x: -18px; }
      /* line 222, frontend/scss/usercenter.scss */
      .usercenter-container .left-block .user-center-menu .curMenu {
        background-color: #3a89da;
        color: #fff; }
        /* line 225, frontend/scss/usercenter.scss */
        .usercenter-container .left-block .user-center-menu .curMenu.first-menu-list {
          padding-left: 20px; }
          /* line 227, frontend/scss/usercenter.scss */
          .usercenter-container .left-block .user-center-menu .curMenu.first-menu-list:before {
            color: #fff; }
  /* line 235, frontend/scss/usercenter.scss */
  .usercenter-container .usercenter-content {
    width: 72%;
    display: inline-block;
    margin-right: 10px;
    float: right;
    background-color: #fff;
    min-height: 200px; }
    /* line 244, frontend/scss/usercenter.scss */
    .usercenter-container .usercenter-content .resume-container .block {
      padding: 60px 60px 40px 60px; }
      /* line 246, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .resume-container .block .title {
        margin-bottom: 12px !important; }
      /* line 249, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .resume-container .block .fill-tips-2 {
        padding-bottom: 40px !important; }
    /* line 253, frontend/scss/usercenter.scss */
    .usercenter-container .usercenter-content .resume-container .operation-btn {
      padding: 0;
      position: relative; }
      /* line 256, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .resume-container .operation-btn .btn-primary {
        width: 100%;
        box-sizing: border-box;
        border-radius: 0;
        border: 0;
        color: #ffffff;
        text-align: center;
        margin: 0;
        line-height: 20px; }
        /* line 266, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .resume-container .operation-btn .btn-primary i {
          position: absolute;
          width: 20px;
          height: 20px;
          background: url("https://cdn.gfzq.cn/gfw-job/images/usercenter/subresume-btn.png") no-repeat;
          background-position: -22px 0;
          left: 48%;
          margin-left: -40px; }
        /* line 276, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .resume-container .operation-btn .btn-primary .subok-i {
          background-position: -44px 0; }
      /* line 280, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .resume-container .operation-btn .subConfirm-btn1 {
        background-color: #bebebe; }
      /* line 283, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .resume-container .operation-btn .subConfirm-btn2 {
        background-color: #fff;
        color: #000; }
        /* line 286, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .resume-container .operation-btn .subConfirm-btn2 i {
          left: 48%;
          background-position: -44px 0; }
      /* line 291, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .resume-container .operation-btn .btn-subok {
        background-color: #3a89da;
        color: #fff;
        cursor: pointer; }
        /* line 297, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .resume-container .operation-btn .btn-subok i {
          background-position: 0 0; }
        /* line 301, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .resume-container .operation-btn .btn-subok:hover {
          background-color: #0156ac; }
      /* line 305, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .resume-container .operation-btn .btn-subok-hover {
        background-color: #3a89da;
        color: #fff; }
        /* line 308, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .resume-container .operation-btn .btn-subok-hover i.subok-i {
          background-position: 0 0; }
      /* line 312, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .resume-container .operation-btn button {
        font-family: "微软雅黑", Arial, Helvetica, Sans-Serif !important; }
    /* line 317, frontend/scss/usercenter.scss */
    .usercenter-container .usercenter-content .hidden {
      display: none; }
    /* line 320, frontend/scss/usercenter.scss */
    .usercenter-container .usercenter-content .next-btn {
      width: 100%;
      display: inline-block;
      box-sizing: border-box;
      border-radius: 0;
      text-align: center;
      border: 0;
      padding: 13px 0; }
    /* line 329, frontend/scss/usercenter.scss */
    .usercenter-container .usercenter-content .next-btn-no {
      background: #bebebe; }
    /* line 332, frontend/scss/usercenter.scss */
    .usercenter-container .usercenter-content .next-btn-yes {
      background: #3a89da; }
    /* line 335, frontend/scss/usercenter.scss */
    .usercenter-container .usercenter-content .block {
      padding: 60px;
      border-bottom: 20px #f2f2f2 solid;
      position: relative; }
      /* line 339, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .block .btns-top-tips {
        color: #de0a19;
        margin: 10px; }
      /* line 343, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .block .title {
        font-size: 24px;
        color: #333;
        margin-bottom: 40px;
        font-weight: bold; }
        /* line 349, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .title .label {
          font-size: 14px;
          color: #999;
          padding-left: 10px; }
        /* line 354, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .title .label-tip {
          font-size: 14px;
          color: #999;
          line-height: 40px; }
      /* line 360, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .block .fill-tips-2 {
        font-size: 14px;
        color: #666666;
        padding: 0em 0 2em; }
        /* line 364, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .fill-tips-2 p {
          line-height: 30px; }
      /* line 368, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .block .resume-main {
        border: 1px solid #eee;
        padding: 2em; }
        /* line 371, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .resume-main .promise {
          font-size: 16px;
          line-height: 24px;
          padding: 0em 0 2em; }
        /* line 377, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .resume-main .subForm .form-group {
          width: 480px;
          margin: 10px auto; }
      /* line 387, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .block .add-btn, .usercenter-container .usercenter-content .block .top-cancel-btn {
        position: absolute;
        top: 53px;
        right: 60px; }
      /* line 392, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .block .btns {
        padding-top: 40px; }
        /* line 397, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .btns .btn {
          display: inline-block; }
          /* line 399, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .btns .btn:first-child {
            margin-right: 10px; }
      /* line 404, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .block .disable-btn {
        color: #ccc;
        border-color: #eee;
        cursor: default; }
      /* line 409, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .block .form-group {
        margin-bottom: 10px;
        position: relative;
        clear: both; }
        /* line 413, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group label {
          font-size: 16px;
          color: #333;
          line-height: 40px;
          display: inline-block;
          width: 160px;
          float: left; }
          /* line 421, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group label.required:before {
            content: "*";
            color: #de0a19;
            padding-right: 5px; }
        /* line 428, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group span {
          font-size: 14px;
          color: #666;
          padding-left: 10px; }
          /* line 432, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group span.input-tips {
            color: #999; }
            /* line 434, frontend/scss/usercenter.scss */
            .usercenter-container .usercenter-content .block .form-group span.input-tips.error {
              display: none;
              color: #de0a19;
              line-height: 20px;
              top: 10px; }
        /* line 445, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group.error-form-group .form-control .form-input, .usercenter-container .usercenter-content .block .form-group.error-form-group .form-control .date-picker, .usercenter-container .usercenter-content .block .form-group.error-form-group .form-control select, .usercenter-container .usercenter-content .block .form-group.error-form-group .form-control .form-textarea-job, .usercenter-container .usercenter-content .block .form-group.error-form-group .form-control .form-textarea, .usercenter-container .usercenter-content .block .form-group.error-form-group .form-control .selectize-input {
          border: 2px #de0a19 solid;
          background-color: #fff; }
        /* line 451, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group .other-hide {
          display: none; }
        /* line 454, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group .form-control {
          display: inline-block; }
          /* line 456, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-control .form-input, .usercenter-container .usercenter-content .block .form-group .form-control .date-picker, .usercenter-container .usercenter-content .block .form-group .form-control select, .usercenter-container .usercenter-content .block .form-group .form-control .no-test-form-input {
            height: 36px;
            width: 314px;
            line-height: 36px;
            background-color: #e8f1fa;
            border: 2px #e8f1fa solid;
            text-indent: 12px;
            border-radius: 3px; }
            /* line 464, frontend/scss/usercenter.scss */
            .usercenter-container .usercenter-content .block .form-group .form-control .form-input:active, .usercenter-container .usercenter-content .block .form-group .form-control .form-input:focus, .usercenter-container .usercenter-content .block .form-group .form-control .date-picker:active, .usercenter-container .usercenter-content .block .form-group .form-control .date-picker:focus, .usercenter-container .usercenter-content .block .form-group .form-control select:active, .usercenter-container .usercenter-content .block .form-group .form-control select:focus, .usercenter-container .usercenter-content .block .form-group .form-control .no-test-form-input:active, .usercenter-container .usercenter-content .block .form-group .form-control .no-test-form-input:focus {
              background-color: #fff;
              border: 2px #3a89da solid; }
            /* line 469, frontend/scss/usercenter.scss */
            .usercenter-container .usercenter-content .block .form-group .form-control .form-input[disabled="disabled"]:active, .usercenter-container .usercenter-content .block .form-group .form-control .form-input[disabled="disabled"]:focus, .usercenter-container .usercenter-content .block .form-group .form-control .date-picker[disabled="disabled"]:active, .usercenter-container .usercenter-content .block .form-group .form-control .date-picker[disabled="disabled"]:focus, .usercenter-container .usercenter-content .block .form-group .form-control select[disabled="disabled"]:active, .usercenter-container .usercenter-content .block .form-group .form-control select[disabled="disabled"]:focus, .usercenter-container .usercenter-content .block .form-group .form-control .no-test-form-input[disabled="disabled"]:active, .usercenter-container .usercenter-content .block .form-group .form-control .no-test-form-input[disabled="disabled"]:focus {
              background-color: #e8f1fa;
              border: 2px #e8f1fa solid; }
          /* line 475, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-control .form-input {
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            overflow: hidden; }
            /* line 481, frontend/scss/usercenter.scss */
            .usercenter-container .usercenter-content .block .form-group .form-control .form-input.inputError {
              border: 2px #de0a19 solid;
              background-color: #fff; }
          /* line 486, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-control .universities-name {
            display: block; }
          /* line 489, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-control .date-picker, .usercenter-container .usercenter-content .block .form-group .form-control .birthday-date-picker {
            background: #e8f1fa url("https://cdn.gfzq.cn/gfw-job/images/icons/date.png") no-repeat center;
            background-position-x: 285px; }
          /* line 493, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-control select, .usercenter-container .usercenter-content .block .form-group .form-control .select-picker, .usercenter-container .usercenter-content .block .form-group .form-control .province-select-picker, .usercenter-container .usercenter-content .block .form-group .form-control .city-select-picker，.school-select-picker, .usercenter-container .usercenter-content .block .form-group .form-control .highxlt-select-picker {
            width: 320px;
            text-indent: 0; }
          /* line 497, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea-job, .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea {
            line-height: 26px;
            background-color: #e8f1fa;
            border: 2px #e8f1fa solid;
            font-size: 14px;
            text-indent: 12px;
            border-radius: 3px; }
            /* line 504, frontend/scss/usercenter.scss */
            .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea-job:active, .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea-job:focus, .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea:active, .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea:focus {
              background-color: #fff;
              border: 2px #3a89da solid; }
          /* line 509, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea {
            height: 104px;
            width: 590px; }
          /* line 513, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea-job {
            height: 86px;
            width: 316px; }
            /* line 516, frontend/scss/usercenter.scss */
            .usercenter-container .usercenter-content .block .form-group .form-control .form-textarea-job.inputError {
              border: 2px #de0a19 solid;
              background-color: #fff; }
        /* line 523, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group .form-select.disabled {
          position: relative; }
          /* line 525, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-select.disabled:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 10; }
        /* line 537, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group .form-radio {
          line-height: 40px; }
          /* line 539, frontend/scss/usercenter.scss */
          .usercenter-container .usercenter-content .block .form-group .form-radio input[type='radio'], .usercenter-container .usercenter-content .block .form-group .form-radio input[type='checkbox'] {
            width: 22px;
            -webkit-appearance: none;
            height: 22px;
            border: 2px #ddd solid;
            vertical-align: middle;
            margin: 0 5px;
            border-radius: 15px; }
            /* line 547, frontend/scss/usercenter.scss */
            .usercenter-container .usercenter-content .block .form-group .form-radio input[type='radio']:checked, .usercenter-container .usercenter-content .block .form-group .form-radio input[type='checkbox']:checked {
              border: 0;
              background: url("https://cdn.gfzq.cn/gfw-job/images/icons/checked.png") no-repeat center; }
        /* line 554, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group.double-input .form-input, .usercenter-container .usercenter-content .block .form-group.double-input select, .usercenter-container .usercenter-content .block .form-group.double-input .selectize-control {
          width: 155px;
          float: left;
          margin-right: 10px; }
        /* line 562, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group.slide-select-date .form-control .select-picker {
          width: 115px;
          float: left; }
        /* line 566, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .block .form-group.slide-select-date .form-control span {
          float: left;
          padding: 0 22px 0 10px;
          line-height: 40px; }
    /* line 576, frontend/scss/usercenter.scss */
    .usercenter-container .usercenter-content .password-container .block {
      border-bottom: 0; }
      /* line 578, frontend/scss/usercenter.scss */
      .usercenter-container .usercenter-content .password-container .block .editPassForm {
        padding-top: 42px; }
        /* line 580, frontend/scss/usercenter.scss */
        .usercenter-container .usercenter-content .password-container .block .editPassForm .form-group {
          margin-bottom: 20px; }

/* line 590, frontend/scss/usercenter.scss */
#ui-datepicker-div table {
  border: 0; }
  /* line 593, frontend/scss/usercenter.scss */
  #ui-datepicker-div table thead th {
    height: 26px;
    line-height: 27px; }
  /* line 598, frontend/scss/usercenter.scss */
  #ui-datepicker-div table tbody {
    border-bottom: 0; }
    /* line 600, frontend/scss/usercenter.scss */
    #ui-datepicker-div table tbody td {
      line-height: 36px; }
      /* line 602, frontend/scss/usercenter.scss */
      #ui-datepicker-div table tbody td a {
        text-align: center; }

/* line 610, frontend/scss/usercenter.scss */
.icon-left {
  padding-left: 10px; }

/* line 4, frontend/scss/people/voice.scss */
.voice-container .tabs {
  padding: 0;
  max-width: 1230px;
  margin: auto; }
  /* line 9, frontend/scss/people/voice.scss */
  .voice-container .tabs li.tab-item a {
    width: 160px; }
  /* line 13, frontend/scss/people/voice.scss */
  .voice-container .tabs li.tab-item[rel='jyjg-panel'] a {
    width: 220px; }
  /* line 19, frontend/scss/people/voice.scss */
  .voice-container .tabs .all a {
    width: 100px !important; }

/* line 25, frontend/scss/people/voice.scss */
.voice-detials-container {
  padding-bottom: 0; }
  /* line 27, frontend/scss/people/voice.scss */
  .voice-detials-container .employee-banner {
    height: 400px; }
  /* line 32, frontend/scss/people/voice.scss */
  .voice-detials-container .detial-intro {
    margin: 60px 150px 70px; }
    /* line 34, frontend/scss/people/voice.scss */
    .voice-detials-container .detial-intro .detial-header {
      padding-bottom: 30px;
      border-bottom: 1px #ddd solid;
      margin-bottom: 30px; }
      /* line 38, frontend/scss/people/voice.scss */
      .voice-detials-container .detial-intro .detial-header .name {
        font-size: 60px;
        line-height: 60px;
        color: #333;
        margin-right: 30px;
        float: left; }
      /* line 45, frontend/scss/people/voice.scss */
      .voice-detials-container .detial-intro .detial-header .detial {
        display: inline-block; }
        /* line 47, frontend/scss/people/voice.scss */
        .voice-detials-container .detial-intro .detial-header .detial .company-info, .voice-detials-container .detial-intro .detial-header .detial .school-info {
          font-size: 16px; }
          /* line 49, frontend/scss/people/voice.scss */
          .voice-detials-container .detial-intro .detial-header .detial .company-info label, .voice-detials-container .detial-intro .detial-header .detial .school-info label {
            padding-right: 15px; }
            /* line 51, frontend/scss/people/voice.scss */
            .voice-detials-container .detial-intro .detial-header .detial .company-info label:last-child, .voice-detials-container .detial-intro .detial-header .detial .school-info label:last-child {
              padding-right: 0; }
        /* line 56, frontend/scss/people/voice.scss */
        .voice-detials-container .detial-intro .detial-header .detial .company-info {
          background: #8eb5de;
          color: #fff;
          padding: 0 13px;
          line-height: 30px; }
        /* line 62, frontend/scss/people/voice.scss */
        .voice-detials-container .detial-intro .detial-header .detial .school-info {
          margin-top: 14px;
          line-height: 16px; }
    /* line 69, frontend/scss/people/voice.scss */
    .voice-detials-container .detial-intro article strong {
      font-weight: bold; }

@media (min-width: 320px) and (max-width: 600px) {
  /* line 80, frontend/scss/people/voice.scss */
  .voice-detials-container .grid-module img {
    height: auto; }
  /* line 83, frontend/scss/people/voice.scss */
  .voice-detials-container .grid-module .detial-intro {
    margin: 10px; } }

/* line 1, frontend/scss/people/train.scss */
.train-container {
  padding-bottom: 0;
  border-bottom: 60px #f2f2f2 solid; }
  /* line 5, frontend/scss/people/train.scss */
  .train-container header {
    position: relative;
    background: #9cc0e7;
    padding: 40px 75px;
    text-align: justify;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px; }
    /* line 15, frontend/scss/people/train.scss */
    .train-container header .quotes {
      display: inline-block;
      height: 25px;
      width: 30px;
      margin-right: 10px;
      background: url(https://cdn.gfzq.cn/gfw-job/images/people/quotes.png) no-repeat; }
      /* line 22, frontend/scss/people/train.scss */
      .train-container header .quotes.first-quotes {
        margin-left: -40px; }
      /* line 26, frontend/scss/people/train.scss */
      .train-container header .quotes.last-quotes {
        background-position: -30px 0;
        position: relative;
        top: 15px;
        height: 20px; }
  /* line 35, frontend/scss/people/train.scss */
  .train-container section {
    margin-top: 60px;
    padding-bottom: 55px;
    border-bottom: 1px #ddd solid; }
    /* line 40, frontend/scss/people/train.scss */
    .train-container section:last-child {
      border-bottom: 0; }
    /* line 44, frontend/scss/people/train.scss */
    .train-container section .right {
      float: right;
      text-align: right; }
      /* line 48, frontend/scss/people/train.scss */
      .train-container section .right .title {
        text-align: left; }
    /* line 53, frontend/scss/people/train.scss */
    .train-container section .left {
      float: left; }
    /* line 57, frontend/scss/people/train.scss */
    .train-container section:after {
      content: '';
      display: block;
      clear: both; }
    /* line 63, frontend/scss/people/train.scss */
    .train-container section .train-info {
      width: 675px;
      display: inline-block; }
      /* line 67, frontend/scss/people/train.scss */
      .train-container section .train-info .title {
        position: relative;
        font-size: 24px;
        line-height: 30px;
        color: #333;
        margin-bottom: 20px; }
        /* line 74, frontend/scss/people/train.scss */
        .train-container section .train-info .title:before {
          position: absolute;
          z-index: -1;
          left: -15px;
          top: -22px;
          content: '';
          width: 43px;
          height: 43px;
          border-radius: 25px;
          display: inline-block;
          background: #e9f0f7; }
      /* line 88, frontend/scss/people/train.scss */
      .train-container section .train-info p {
        font-size: 16px;
        line-height: 30px;
        color: #666;
        text-indent: 2em;
        text-align: justify; }
    /* line 97, frontend/scss/people/train.scss */
    .train-container section .train-img {
      min-width: 500px;
      width: 442px;
      display: inline-block; }
      /* line 102, frontend/scss/people/train.scss */
      .train-container section .train-img p {
        margin-top: 10px;
        text-align: right; }
      /* line 108, frontend/scss/people/train.scss */
      .train-container section .train-img.peixun-img img {
        display: block !important;
        height: auto !important; }
        /* line 112, frontend/scss/people/train.scss */
        .train-container section .train-img.peixun-img img:nth-child(n+1) {
          margin-top: 10px; }

/* line 1, frontend/scss/people/welfare.scss */
.welfare-detial {
  width: 1140px;
  height: 820px;
  background: url("https://cdn.gfzq.cn/gfw-job/images/people/welfare-bg.jpg") no-repeat center;
  position: relative;
  zoom: 1; }
  /* line 8, frontend/scss/people/welfare.scss */
  .welfare-detial li {
    background-color: #65a5f4;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 14px;
    transition: all ease 0.2s;
    position: absolute;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    /* line 21, frontend/scss/people/welfare.scss */
    .welfare-detial li.xl-icon {
      width: 86px;
      height: 86px;
      line-height: 23px;
      border-radius: 50%; }
    /* line 28, frontend/scss/people/welfare.scss */
    .welfare-detial li.big-icon {
      width: 76px;
      height: 76px;
      line-height: 18px;
      border-radius: 50%; }
    /* line 35, frontend/scss/people/welfare.scss */
    .welfare-detial li.min-icon {
      width: 56px;
      height: 56px;
      line-height: 16px;
      border-radius: 50%; }
    /* line 42, frontend/scss/people/welfare.scss */
    .welfare-detial li.sm-icon {
      width: 52px;
      height: 52px;
      line-height: 16px;
      border-radius: 50%; }
    /* line 49, frontend/scss/people/welfare.scss */
    .welfare-detial li.xs-icon {
      width: 46px;
      height: 46px;
      line-height: 15px;
      border-radius: 50%; }
    /* line 56, frontend/scss/people/welfare.scss */
    .welfare-detial li.purple-bg {
      background-color: #7386e7; }
    /* line 60, frontend/scss/people/welfare.scss */
    .welfare-detial li:hover {
      font-size: 14px;
      transform: scale(1.1, 1.1);
      animation: bounce-up 1.4s linear infinite; }
    /* line 67, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt1 {
      left: 184px;
      top: 520px; }
    /* line 72, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt2 {
      left: 65px;
      top: 440px; }
    /* line 77, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt3 {
      left: 315px;
      top: 485px; }
    /* line 82, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt4 {
      left: 255px;
      top: 388px; }
    /* line 87, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt5 {
      left: 173px;
      top: 377px;
      animation: bounce-up 1.4s linear infinite; }
      /* line 93, frontend/scss/people/welfare.scss */
      .welfare-detial li.pt5:hover {
        font-size: 14px;
        transform: scale(1, 1);
        animation: bounce-up 1.4s linear infinite; }
    /* line 101, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt6 {
      left: 103px;
      top: 280px; }
    /* line 106, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt7 {
      left: 85px;
      top: 180px; }
    /* line 111, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt8 {
      left: 358px;
      top: 380px; }
    /* line 116, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt9 {
      left: 276px;
      top: 293px; }
    /* line 121, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt10 {
      left: 212px;
      top: 226px; }
    /* line 126, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt11 {
      left: 200px;
      top: 120px; }
    /* line 131, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt12 {
      left: 483px;
      top: 375px; }
    /* line 136, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt13 {
      left: 400px;
      top: 310px; }
    /* line 141, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt14 {
      left: 330px;
      top: 195px; }
    /* line 146, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt15 {
      left: 770px;
      top: 500px; }
    /* line 151, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt16 {
      left: 665px;
      top: 375px; }
    /* line 156, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt17 {
      left: 583px;
      top: 333px;
      animation: bounce-up 1.4s linear infinite; }
      /* line 162, frontend/scss/people/welfare.scss */
      .welfare-detial li.pt17:hover {
        font-size: 14px;
        transform: scale(1, 1);
        animation: bounce-up 1.4s linear infinite; }
    /* line 170, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt18 {
      left: 505px;
      top: 230px; }
    /* line 175, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt19 {
      left: 426px;
      top: 140px; }
    /* line 180, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt20 {
      left: 345px;
      top: 50px;
      animation: bounce-right 1.4s linear infinite; }
      /* line 186, frontend/scss/people/welfare.scss */
      .welfare-detial li.pt20:hover {
        font-size: 14px;
        transform: scale(1, 1);
        animation: bounce-right 1.4s linear infinite; }
    /* line 194, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt21 {
      right: 96px;
      top: 500px;
      animation: bounce-up 1.4s linear infinite; }
      /* line 200, frontend/scss/people/welfare.scss */
      .welfare-detial li.pt21:hover {
        font-size: 14px;
        transform: scale(1, 1);
        animation: bounce-up 1.4s linear infinite; }
    /* line 208, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt22 {
      right: 225px;
      top: 455px; }
    /* line 213, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt23 {
      right: 137px;
      top: 408px; }
    /* line 218, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt24 {
      right: 235px;
      top: 350px; }
    /* line 223, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt25 {
      right: 345px;
      top: 310px; }
    /* line 228, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt26 {
      right: 445px;
      top: 245px; }
    /* line 233, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt27 {
      left: 585px;
      top: 160px; }
    /* line 238, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt28 {
      left: 495px;
      top: 67px; }
    /* line 243, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt29 {
      right: 42px;
      top: 405px; }
    /* line 248, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt30 {
      right: 75px;
      top: 310px; }
    /* line 253, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt31 {
      right: 220px;
      top: 280px; }
    /* line 258, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt32 {
      right: 286px;
      top: 227px; }
    /* line 263, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt33 {
      right: 360px;
      top: 195px; }
    /* line 268, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt34 {
      right: 400px;
      top: 72px; }
    /* line 273, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt35 {
      right: 60px;
      top: 200px;
      animation: bounce-right 1.4s linear infinite; }
      /* line 279, frontend/scss/people/welfare.scss */
      .welfare-detial li.pt35:hover {
        font-size: 14px;
        transform: scale(1, 1);
        animation: bounce-right 1.4s linear infinite; }
    /* line 287, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt36 {
      right: 193px;
      top: 194px; }
    /* line 292, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt37 {
      right: 275px;
      top: 130px; }
    /* line 297, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt38 {
      right: 180px;
      top: 70px; }
    /* line 302, frontend/scss/people/welfare.scss */
    .welfare-detial li.pt39 {
      left: 7px;
      top: 362px; }

/* line 309, frontend/scss/people/welfare.scss */
.welfare-info {
  font-size: 16px;
  line-height: 30px;
  text-indent: 2em;
  padding: 30px 6%; }

@keyframes bounce-up {
  25% {
    -webkit-transform: translateY(10px); }
  50%,
  100% {
    -webkit-transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-10px); } }

@keyframes bounce-right {
  25% {
    -webkit-transform: translateX(10px); }
  50%,
  100% {
    -webkit-transform: translateX(0); }
  75% {
    -webkit-transform: translateX(-10px); } }

/* line 1, frontend/scss/people/career.scss */
.career-container {
  padding-bottom: 50px; }
  /* line 3, frontend/scss/people/career.scss */
  .career-container .tabs-container {
    padding-top: 60px; }
  /* line 6, frontend/scss/people/career.scss */
  .career-container .tabs {
    padding: 0;
    margin-bottom: 25px; }
    /* line 9, frontend/scss/people/career.scss */
    .career-container .tabs .title {
      position: relative;
      font-size: 24px;
      line-height: 30px;
      color: #333;
      margin-bottom: 20px;
      z-index: 0; }
      /* line 16, frontend/scss/people/career.scss */
      .career-container .tabs .title:before {
        position: absolute;
        z-index: -1;
        left: -15px;
        top: -22px;
        content: '';
        width: 43px;
        height: 43px;
        border-radius: 25px;
        display: inline-block;
        background: #e9f0f7; }
    /* line 29, frontend/scss/people/career.scss */
    .career-container .tabs .arrow {
      display: inline-block;
      float: left;
      width: 23px;
      height: 26px;
      margin: 28px 14px;
      background: url(https://cdn.gfzq.cn/gfw-job/images/people/quotes.png) no-repeat;
      background-position: -70px 0; }
    /* line 39, frontend/scss/people/career.scss */
    .career-container .tabs.no-arrow .arrow {
      background: #fff; }
    /* line 43, frontend/scss/people/career.scss */
    .career-container .tabs .career-tab-item {
      width: 80px;
      height: 80px;
      display: inline-block;
      border: 2px #438edb dashed;
      border-radius: 40px;
      line-height: 18px;
      text-align: center;
      font-size: 16px;
      float: left; }
      /* line 53, frontend/scss/people/career.scss */
      .career-container .tabs .career-tab-item a {
        display: inline-block;
        padding-top: 30px;
        width: 65px; }
      /* line 59, frontend/scss/people/career.scss */
      .career-container .tabs .career-tab-item[rel='glzx-qzjl-panel'] a, .career-container .tabs .career-tab-item[rel='glzx-zjlzl-panel'] a, .career-container .tabs .career-tab-item[rel='glzx-fzjl-panel'] a, .career-container .tabs .career-tab-item[rel='glzx-zjl-panel'] a, .career-container .tabs .career-tab-item[rel='glzx-glpxs-panel'] a {
        padding-top: 25px; }
      /* line 63, frontend/scss/people/career.scss */
      .career-container .tabs .career-tab-item.item-active {
        position: relative;
        background: #438edb; }
        /* line 65, frontend/scss/people/career.scss */
        .career-container .tabs .career-tab-item.item-active a {
          color: #fff; }
        /* line 68, frontend/scss/people/career.scss */
        .career-container .tabs .career-tab-item.item-active:after {
          position: absolute;
          content: '';
          border: 13px #9cc0e7 solid;
          border-color: transparent transparent #9cc0e7;
          top: 82px;
          left: 26px; }
    /* line 80, frontend/scss/people/career.scss */
    .career-container .tabs:after {
      content: '';
      display: block;
      clear: both; }
  /* line 87, frontend/scss/people/career.scss */
  .career-container .tab-panel {
    position: relative;
    background: #9cc0e7;
    padding: 50px;
    color: #fff;
    line-height: 30px;
    border-radius: 3px; }
    /* line 94, frontend/scss/people/career.scss */
    .career-container .tab-panel h4 {
      font-size: 24px; }
    /* line 97, frontend/scss/people/career.scss */
    .career-container .tab-panel .dec {
      font-size: 18px; }
    /* line 100, frontend/scss/people/career.scss */
    .career-container .tab-panel .quotes {
      display: inline-block;
      height: 25px;
      width: 30px;
      background: url(https://cdn.gfzq.cn/gfw-job/images/people/quotes.png) no-repeat; }
      /* line 105, frontend/scss/people/career.scss */
      .career-container .tab-panel .quotes.first-quotes {
        position: absolute;
        top: 20px;
        left: 20px;
        background-position: 0 -25px; }
      /* line 111, frontend/scss/people/career.scss */
      .career-container .tab-panel .quotes.last-quotes {
        position: absolute;
        background-position: -30px -25px;
        bottom: 20px;
        right: 20px;
        height: 20px; }

/* line 7, frontend/scss/people.scss */
.people-container .people-block {
  padding-top: 0; }
  /* line 9, frontend/scss/people.scss */
  .people-container .people-block .btn-more {
    margin: 30px auto; }
  /* line 12, frontend/scss/people.scss */
  .people-container .people-block .title {
    text-align: center;
    font-size: 52px;
    color: #333;
    padding-top: 70px; }
  /* line 18, frontend/scss/people.scss */
  .people-container .people-block.voice-block, .people-container .people-block.train-block, .people-container .people-block.snapshot-block {
    background: #f2f2f2; }
  /* line 22, frontend/scss/people.scss */
  .people-container .people-block.train-block .info {
    margin-bottom: 45px; }
  /* line 26, frontend/scss/people.scss */
  .people-container .people-block.train-block .train-cont .grid {
    background-color: #f2f2f2;
    border-bottom: 0;
    height: auto;
    padding-bottom: 0; }
    /* line 31, frontend/scss/people.scss */
    .people-container .people-block.train-block .train-cont .grid:after {
      display: none; }
  /* line 35, frontend/scss/people.scss */
  .people-container .people-block.train-block .train-cont .col {
    padding: 0 1.25%; }
  /* line 38, frontend/scss/people.scss */
  .people-container .people-block.train-block .train-cont .train-inner {
    padding: 0 7.8%;
    width: 84.4%;
    overflow: hidden;
    font-size: 1em; }
    /* line 43, frontend/scss/people.scss */
    .people-container .people-block.train-block .train-cont .train-inner .images-wrapper, .people-container .people-block.train-block .train-cont .train-inner .content-wrapper {
      width: 100%; }
    /* line 46, frontend/scss/people.scss */
    .people-container .people-block.train-block .train-cont .train-inner .content-wrapper {
      padding: 9.5% 0; }
      /* line 48, frontend/scss/people.scss */
      .people-container .people-block.train-block .train-cont .train-inner .content-wrapper h3 {
        font-size: 1.7em;
        line-height: 1.5em;
        margin-bottom: .3em;
        text-align: center; }
      /* line 54, frontend/scss/people.scss */
      .people-container .people-block.train-block .train-cont .train-inner .content-wrapper .pb-info {
        text-align: center; }
  /* line 61, frontend/scss/people.scss */
  .people-container .people-block.welfare-block {
    height: 390px;
    padding-bottom: 110px;
    background: url(https://cdn.gfzq.cn/gfw-job/images/people/people_welfare_bg.jpg) no-repeat;
    background-size: cover; }
    /* line 66, frontend/scss/people.scss */
    .people-container .people-block.welfare-block .title {
      padding-top: 160px;
      padding-bottom: 30px;
      line-height: 1em; }
    /* line 71, frontend/scss/people.scss */
    .people-container .people-block.welfare-block .title, .people-container .people-block.welfare-block .info, .people-container .people-block.welfare-block .btn-more {
      color: #fff; }
    /* line 74, frontend/scss/people.scss */
    .people-container .people-block.welfare-block .btn-more {
      border-color: #fff;
      margin-top: 40px; }
    /* line 78, frontend/scss/people.scss */
    .people-container .people-block.welfare-block .btn-more:hover, .people-container .people-block.welfare-block .btn-more:active {
      background: #fff;
      color: #3a89da; }
  /* line 84, frontend/scss/people.scss */
  .people-container .people-block.snapshot-block .snapshot-cont {
    padding-top: 1.5em; }
  /* line 87, frontend/scss/people.scss */
  .people-container .people-block.snapshot-block .btn-more {
    margin-top: 30px; }
  /* line 90, frontend/scss/people.scss */
  .people-container .people-block.snapshot-block .left {
    display: inline-block;
    margin-right: 30px; }
    /* line 93, frontend/scss/people.scss */
    .people-container .people-block.snapshot-block .left .snapshot {
      display: inline-block;
      width: 585px;
      height: 600px;
      overflow: hidden; }
      /* line 98, frontend/scss/people.scss */
      .people-container .people-block.snapshot-block .left .snapshot img {
        transition: all ease 0.3s; }
  /* line 103, frontend/scss/people.scss */
  .people-container .people-block.snapshot-block .right {
    width: 585px;
    display: inline-block; }
    /* line 106, frontend/scss/people.scss */
    .people-container .people-block.snapshot-block .right .snapshot {
      display: inline-block;
      width: 585px;
      height: 285px;
      margin-bottom: 30px;
      overflow: hidden; }
      /* line 112, frontend/scss/people.scss */
      .people-container .people-block.snapshot-block .right .snapshot img {
        transition: all ease 0.3s; }
      /* line 115, frontend/scss/people.scss */
      .people-container .people-block.snapshot-block .right .snapshot:last-child {
        margin-bottom: 0; }
  /* line 122, frontend/scss/people.scss */
  .people-container .people-block.snapshot-block .left .snapshot, .people-container .people-block.snapshot-block .right .snapshot {
    position: relative; }
    /* line 125, frontend/scss/people.scss */
    .people-container .people-block.snapshot-block .left .snapshot:hover img, .people-container .people-block.snapshot-block .right .snapshot:hover img {
      transform: scale(1.04, 1.04); }
    /* line 129, frontend/scss/people.scss */
    .people-container .people-block.snapshot-block .left .snapshot span, .people-container .people-block.snapshot-block .right .snapshot span {
      position: absolute;
      left: 25px;
      top: 25px;
      z-index: 10;
      width: 92px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      font-size: 14px;
      color: #fff;
      background: #729fd7; }

/* line 7, frontend/scss/snapshot.scss */
.snapshot-section {
  background: #f2f2f2;
  width: 100%;
  clear: both;
  margin: 0;
  padding: 3.5% 0; }

/* line 15, frontend/scss/snapshot.scss */
.snap-module {
  padding: 0 !important;
  max-width: 1216px;
  margin: auto; }

/* line 22, frontend/scss/snapshot.scss */
.snap-grid-module .row {
  padding-top: 0%;
  overflow: visible; }
  /* line 26, frontend/scss/snapshot.scss */
  .snap-grid-module .row:first-of-type {
    padding-top: 0; }
  /* line 30, frontend/scss/snapshot.scss */
  .snap-grid-module .row:after {
    content: "";
    display: table;
    clear: both; }
  /* line 36, frontend/scss/snapshot.scss */
  .snap-grid-module .row.no-padding {
    padding: 0; }
  /* line 40, frontend/scss/snapshot.scss */
  .snap-grid-module .row.no-padding-top {
    padding-top: 0px; }

/* line 45, frontend/scss/snapshot.scss */
.snap-grid-module .col {
  float: left;
  padding: 0.65%;
  box-sizing: border-box;
  overflow: hidden; }
  /* line 51, frontend/scss/snapshot.scss */
  .snap-grid-module .col.no-padding {
    padding: 0; }
  /* line 55, frontend/scss/snapshot.scss */
  .snap-grid-module .col.no-left-padding {
    padding-left: 0;
    padding-right: 1.75%; }
  /* line 60, frontend/scss/snapshot.scss */
  .snap-grid-module .col.no-right-padding {
    padding-right: 0;
    padding-left: 1.75%; }
  /* line 65, frontend/scss/snapshot.scss */
  .snap-grid-module .col.padding-bottom {
    padding-bottom: 1.25%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-1 {
  width: 8.33333%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-2 {
  width: 16.66667%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-3 {
  width: 25%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-4 {
  width: 33.33333%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-5 {
  width: 41.66667%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-6 {
  width: 50%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-7 {
  width: 58.33333%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-8 {
  width: 66.66667%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-9 {
  width: 75%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-10 {
  width: 83.33333%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-11 {
  width: 91.66667%; }

/* line 71, frontend/scss/snapshot.scss */
.snap-grid-module .span-12 {
  width: 100%; }

/* line 76, frontend/scss/snapshot.scss */
.snap-grid-module .grid {
  background-color: #fff;
  display: block;
  overflow: hidden;
  width: 100%;
  float: left;
  position: relative;
  height: auto; }
  /* line 77, frontend/scss/snapshot.scss */
  .snap-grid-module .grid .grid-mask {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transform: translateY(100%);
    transition: all ease 0.3s;
    background-color: rgba(233, 240, 247, 0.7);
    font-weight: normal; }
    /* line 89, frontend/scss/snapshot.scss */
    .snap-grid-module .grid .grid-mask .img-title {
      font-size: 2em;
      line-height: 1.4em;
      padding: 20px;
      background-color: rgba(125, 173, 225, 0.5); }
    /* line 96, frontend/scss/snapshot.scss */
    .snap-grid-module .grid .grid-mask .img-desc {
      font-size: 16px;
      line-height: 30px;
      padding: 15px 20px; }
  /* line 112, frontend/scss/snapshot.scss */
  .snap-grid-module .grid img {
    border: 0;
    width: 100%;
    height: auto;
    display: block; }
  /* line 125, frontend/scss/snapshot.scss */
  .snap-grid-module .grid:hover .grid-mask {
    transform: translateY(0); }

/* line 135, frontend/scss/snapshot.scss */
.grid2x1 {
  padding-bottom: 65%; }

/* line 139, frontend/scss/snapshot.scss */
.grid1x2 {
  padding-bottom: 205.50%; }

/* line 143, frontend/scss/snapshot.scss */
.grid3x1 {
  padding-bottom: 33.4226%; }

/* line 147, frontend/scss/snapshot.scss */
.grid3x2 {
  padding-bottom: 66.667%; }

/* line 151, frontend/scss/snapshot.scss */
.grid3x4 {
  padding-bottom: 133.333%; }

/* line 156, frontend/scss/snapshot.scss */
.showMoreDiv {
  padding-bottom: 30px; }
  /* line 160, frontend/scss/snapshot.scss */
  .showMoreDiv .showMore {
    display: block;
    margin: auto;
    text-align: center;
    width: 50px;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: 6px;
    background-color: #b3b3b3;
    color: #575353;
    cursor: pointer; }

/* line 175, frontend/scss/snapshot.scss */
.row-tip {
  padding: 1em 0;
  text-align: center; }

/* line 180, frontend/scss/snapshot.scss */
.pic-detail {
  padding: 2% 0;
  margin: auto; }
  /* line 185, frontend/scss/snapshot.scss */
  .pic-detail .pic-detail-info .pic-info-text {
    width: 350px;
    float: left;
    height: 600px;
    background: #e9f0f7 url("https://cdn.gfzq.cn/gfw-job/images/snapshot/bottom-d.png") no-repeat right bottom; }
    /* line 191, frontend/scss/snapshot.scss */
    .pic-detail .pic-detail-info .pic-info-text .pic-title {
      font-size: 2em;
      line-height: 1.4em;
      padding: 25px 28px;
      background: #7dade1 url("https://cdn.gfzq.cn/gfw-job/images/snapshot/top-d.png") no-repeat 10px 10px;
      color: #fff;
      min-height: 70px; }
    /* line 200, frontend/scss/snapshot.scss */
    .pic-detail .pic-detail-info .pic-info-text .pic-introduce {
      font-size: 16px;
      line-height: 30px;
      padding: 28px; }
  /* line 207, frontend/scss/snapshot.scss */
  .pic-detail .pic-detail-info .big-pic {
    width: 820px;
    height: 600px;
    float: right; }
    /* line 212, frontend/scss/snapshot.scss */
    .pic-detail .pic-detail-info .big-pic .big-pic-container {
      height: 600px;
      background-color: #f5f5f5;
      margin: 0 auto; }

/* line 225, frontend/scss/snapshot.scss */
#snapshots-detail {
  display: none; }

/* line 229, frontend/scss/snapshot.scss */
.info-pr {
  position: relative; }
  /* line 232, frontend/scss/snapshot.scss */
  .info-pr .close-btn {
    position: absolute;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 30px;
    top: 0;
    right: 0px;
    background-color: #3a3a3a;
    color: #fff;
    cursor: pointer;
    background: url("https://cdn.gfzq.cn/gfw-job/images/snapshot/pic-close.png") no-repeat center; }

/* line 247, frontend/scss/snapshot.scss */
.pic-detail-small {
  height: 110px;
  margin-top: 60px;
  position: relative;
  padding-left: 80px; }
  /* line 253, frontend/scss/snapshot.scss */
  .pic-detail-small .rel-pic {
    position: absolute;
    left: 0px;
    top: 0;
    height: 58px;
    padding: 26px 15px;
    line-height: 28px;
    width: 50px;
    background: #7dade1;
    text-align: center;
    font-size: 18px;
    color: #fff; }
  /* line 268, frontend/scss/snapshot.scss */
  .pic-detail-small #cbtn {
    position: relative;
    height: 110px; }
  /* line 273, frontend/scss/snapshot.scss */
  .pic-detail-small #cbtn ul {
    position: relative;
    height: 110px; }
  /* line 278, frontend/scss/snapshot.scss */
  .pic-detail-small #cbtn ul li {
    float: left;
    padding: 4px;
    width: 150px;
    height: 110px;
    cursor: pointer;
    text-align: center;
    margin-right: 2px;
    position: relative;
    overflow: hidden; }
  /* line 290, frontend/scss/snapshot.scss */
  .pic-detail-small #cbtn ul li img {
    width: 150px;
    height: 110px;
    display: block; }
  /* line 296, frontend/scss/snapshot.scss */
  .pic-detail-small #cbtn li.hov {
    background: #3a89da; }
  /* line 300, frontend/scss/snapshot.scss */
  .pic-detail-small .ctrl div {
    clear: both; }
  /* line 304, frontend/scss/snapshot.scss */
  .pic-detail-small #cSlideUl {
    width: 86%;
    height: 110px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    left: 10px; }
  /* line 313, frontend/scss/snapshot.scss */
  .pic-detail-small .picSildeLeft {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 110px;
    top: 0px;
    left: 25px;
    z-index: 9;
    background: url("https://cdn.gfzq.cn/gfw-job/images/snapshot/left_btn.jpg") no-repeat center; }
    /* line 323, frontend/scss/snapshot.scss */
    .pic-detail-small .picSildeLeft:hover {
      background: url("https://cdn.gfzq.cn/gfw-job/images/snapshot/left_btn.jpg") no-repeat center; }
  /* line 328, frontend/scss/snapshot.scss */
  .pic-detail-small .picSildeRight {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 110px;
    top: 0px;
    right: 0px;
    z-index: 9;
    background: url("https://cdn.gfzq.cn/gfw-job/images/snapshot/right_btn.jpg") no-repeat center; }
    /* line 338, frontend/scss/snapshot.scss */
    .pic-detail-small .picSildeRight:hover {
      background: url("https://cdn.gfzq.cn/gfw-job/images/snapshot/right_btn.jpg") no-repeat center; }

/* line 347, frontend/scss/snapshot.scss */
.snapshots .tabs-container .tabs {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 2em; }

/* line 5, frontend/scss/signup.scss */
.signup-container {
  min-height: 600px;
  color: #333333; }
  /* line 9, frontend/scss/signup.scss */
  .signup-container h1 {
    margin-top: 12px;
    height: 160px;
    line-height: 160px;
    font-size: 43px; }
    /* line 15, frontend/scss/signup.scss */
    .signup-container h1.small {
      font-size: 30px; }
  /* line 20, frontend/scss/signup.scss */
  .signup-container form {
    position: relative;
    padding-bottom: 50px; }
    /* line 24, frontend/scss/signup.scss */
    .signup-container form .row {
      overflow: hidden; }
      /* line 27, frontend/scss/signup.scss */
      .signup-container form .row > * {
        float: left; }
      /* line 31, frontend/scss/signup.scss */
      .signup-container form .row:nth-child(n + 2) {
        margin-top: 15px; }
    /* line 36, frontend/scss/signup.scss */
    .signup-container form .label {
      float: left;
      line-height: 45px;
      width: 90px;
      font-size: 16px; }
      /* line 42, frontend/scss/signup.scss */
      .signup-container form .label.required:before {
        content: "*";
        color: #de0a19;
        padding-right: 5px; }
    /* line 49, frontend/scss/signup.scss */
    .signup-container form .input {
      float: left;
      position: relative;
      width: 320px; }
      /* line 54, frontend/scss/signup.scss */
      .signup-container form .input > input {
        padding: 0;
        font-size: 16px;
        width: 100%;
        height: 43px;
        line-height: 43px;
        text-indent: 12px;
        background-color: #e8f1fa;
        border: 2px solid #fff;
        border-radius: 3px;
        outline: 0;
        -webkit-appearance: none; }
        /* line 67, frontend/scss/signup.scss */
        .signup-container form .input > input:active, .signup-container form .input > input:focus {
          background-color: #ffffff !important;
          border: 2px #3a89da solid; }
    /* line 74, frontend/scss/signup.scss */
    .signup-container form .placeholder {
      position: absolute;
      text-indent: 14px;
      left: 0;
      top: 3px;
      width: 100%;
      height: 41px;
      line-height: 41px;
      color: #a4b6ca;
      z-index: 1;
      font-size: 16px; }
      /* line 86, frontend/scss/signup.scss */
      .signup-container form .placeholder.captcha {
        width: 210px; }
    /* line 91, frontend/scss/signup.scss */
    .signup-container form .text {
      text-indent: 14px;
      font-size: 16px;
      line-height: 45px; }
    /* line 98, frontend/scss/signup.scss */
    .signup-container form .captcha input {
      width: 210px; }
    /* line 103, frontend/scss/signup.scss */
    .signup-container form .link {
      margin-top: 2px;
      font-size: 14px;
      line-height: 45px;
      padding-left: 15px;
      width: 325px; }
      /* line 110, frontend/scss/signup.scss */
      .signup-container form .link a {
        color: #3a89da; }
    /* line 115, frontend/scss/signup.scss */
    .signup-container form .valid-msg {
      position: relative;
      line-height: 45px;
      color: #e22b38;
      padding-left: 30px; }
      /* line 121, frontend/scss/signup.scss */
      .signup-container form .valid-msg .icon {
        position: absolute;
        top: 7px;
        left: -2px;
        width: 30px;
        height: 30px;
        display: inline-block;
        *display: inline;
        zoom: 1; }
        /* line 131, frontend/scss/signup.scss */
        .signup-container form .valid-msg .icon.success {
          background-image: url("https://cdn.gfzq.cn/gfw-job/images/signup/success.png"); }
        /* line 135, frontend/scss/signup.scss */
        .signup-container form .valid-msg .icon.error {
          background-image: url("https://cdn.gfzq.cn/gfw-job/images/signup/error.png"); }
    /* line 141, frontend/scss/signup.scss */
    .signup-container form .err-msg {
      padding-left: 90px;
      color: #e22b38;
      position: relative;
      margin-top: 20px; }
    /* line 150, frontend/scss/signup.scss */
    .signup-container form .agreement {
      height: 60px;
      line-height: 50px;
      padding-left: 90px; }
      /* line 156, frontend/scss/signup.scss */
      .signup-container form .agreement .checkbox {
        -moz-appearance: none;
             appearance: none;
        -webkit-appearance: none;
        outline: none;
        display: none; }
      /* line 163, frontend/scss/signup.scss */
      .signup-container form .agreement .checkbox + span {
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url("https://cdn.gfzq.cn/gfw-job/images/signup/unagreement.png");
        position: relative;
        top: 4px;
        margin-right: 10px; }
      /* line 173, frontend/scss/signup.scss */
      .signup-container form .agreement .checkbox:checked + span {
        background-image: url("https://cdn.gfzq.cn/gfw-job/images/signup/agreement.png"); }
      /* line 177, frontend/scss/signup.scss */
      .signup-container form .agreement a {
        color: #418fd5; }
    /* line 182, frontend/scss/signup.scss */
    .signup-container form .simple-line {
      width: 550px;
      height: 2px;
      background-color: #d5d5d5; }
    /* line 188, frontend/scss/signup.scss */
    .signup-container form .btn-submit {
      display: block;
      padding: 0;
      border: 0;
      margin-top: 40px;
      width: 220px;
      height: 50px;
      line-height: 50px;
      color: #fff;
      background-color: #3a89da;
      border-radius: 25px;
      cursor: pointer; }
      /* line 201, frontend/scss/signup.scss */
      .signup-container form .btn-submit:hover {
        background-color: #0156ac; }
      /* line 205, frontend/scss/signup.scss */
      .signup-container form .btn-submit:disabled {
        background-color: #ccc !important; }
    /* line 211, frontend/scss/signup.scss */
    .signup-container form .captcha input {
      width: 210px; }
    /* line 216, frontend/scss/signup.scss */
    .signup-container form .captcha-img {
      position: absolute;
      display: block;
      right: -1px;
      top: 1px;
      width: 100px;
      height: 43px;
      border-radius: 3px; }
  /* line 227, frontend/scss/signup.scss */
  .signup-container .bg-img {
    position: absolute;
    z-index: -1;
    right: 0; }
    /* line 232, frontend/scss/signup.scss */
    .signup-container .bg-img.login {
      top: -60px; }
    /* line 236, frontend/scss/signup.scss */
    .signup-container .bg-img.register {
      top: -20px; }
    /* line 240, frontend/scss/signup.scss */
    .signup-container .bg-img.password {
      top: -60px; }

/* line 2, frontend/scss/know.scss */
.pages-content, .know-pages-content {
  padding: 5% 12.5%;
  font-size: 1em; }
  /* line 5, frontend/scss/know.scss */
  .pages-content .playContainer1, .know-pages-content .playContainer1 {
    height: 500px;
    width: 900px;
    margin: 0 0 60px 0; }
  /* line 10, frontend/scss/know.scss */
  .pages-content .pic-show-small, .pages-content .pic-show-big, .know-pages-content .pic-show-small, .know-pages-content .pic-show-big {
    width: 100%;
    text-align: center;
    padding: 5% 0; }
    /* line 14, frontend/scss/know.scss */
    .pages-content .pic-show-small img, .pages-content .pic-show-big img, .know-pages-content .pic-show-small img, .know-pages-content .pic-show-big img {
      width: 69%; }
  /* line 19, frontend/scss/know.scss */
  .pages-content .pic-show-big img, .know-pages-content .pic-show-big img {
    width: 100%; }
  /* line 23, frontend/scss/know.scss */
  .pages-content p, .know-pages-content p {
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
    margin-bottom: 1.5em; }
  /* line 30, frontend/scss/know.scss */
  .pages-content .award-title, .know-pages-content .award-title {
    font-size: 2em;
    margin: 1em 0;
    line-height: 1.3em; }
    /* line 34, frontend/scss/know.scss */
    .pages-content .award-title strong, .know-pages-content .award-title strong {
      font-weight: bold;
      font-size: 1.5em; }
  /* line 39, frontend/scss/know.scss */
  .pages-content .intro_award-table, .know-pages-content .intro_award-table {
    width: 50%;
    float: left; }
    /* line 42, frontend/scss/know.scss */
    .pages-content .intro_award-table li, .know-pages-content .intro_award-table li {
      padding: .8em 1em .8em 3em;
      position: relative;
      _zoom: 1; }
      /* line 46, frontend/scss/know.scss */
      .pages-content .intro_award-table li i, .know-pages-content .intro_award-table li i {
        position: absolute;
        width: 2.1em;
        left: 0;
        top: 22%; }
        /* line 51, frontend/scss/know.scss */
        .pages-content .intro_award-table li i img, .know-pages-content .intro_award-table li i img {
          width: 100%; }
      /* line 55, frontend/scss/know.scss */
      .pages-content .intro_award-table li .intro_award_name, .know-pages-content .intro_award-table li .intro_award_name {
        padding: 0;
        margin: 0;
        font-size: 1.3em;
        line-height: 1.4em; }
      /* line 61, frontend/scss/know.scss */
      .pages-content .intro_award-table li .intro_award_host, .know-pages-content .intro_award-table li .intro_award_host {
        padding: 0;
        margin: 0;
        font-size: 1em;
        line-height: 1.4em; }
  /* line 70, frontend/scss/know.scss */
  .pages-content .about-intro-pic img, .know-pages-content .about-intro-pic img {
    width: 44%; }
  /* line 76, frontend/scss/know.scss */
  .pages-content .label-line, .know-pages-content .label-line {
    border-bottom: 2px solid #eee;
    margin-bottom: 1.5em; }
    /* line 79, frontend/scss/know.scss */
    .pages-content .label-line span, .know-pages-content .label-line span {
      display: inline-block;
      padding: 0 10px;
      font-size: 12px;
      line-height: 16px;
      background-color: #668ac0;
      color: #fff;
      border-radius: 2px;
      position: relative;
      top: 8px; }
  /* line 91, frontend/scss/know.scss */
  .pages-content .culture-title, .pages-content .branch-title, .know-pages-content .culture-title, .know-pages-content .branch-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 0.2em; }
  /* line 97, frontend/scss/know.scss */
  .pages-content .culture-sub-title, .know-pages-content .culture-sub-title {
    font-size: 1.4em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
    color: #668ac0; }
  /* line 103, frontend/scss/know.scss */
  .pages-content .culture-sub-intro, .know-pages-content .culture-sub-intro {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 2em; }
    /* line 107, frontend/scss/know.scss */
    .pages-content .culture-sub-intro p, .know-pages-content .culture-sub-intro p {
      margin: 0;
      text-indent: 2em; }
  /* line 114, frontend/scss/know.scss */
  .pages-content .first-word, .know-pages-content .first-word {
    text-indent: 0;
    font-size: 19px;
    line-height: 34px;
    height: 137px;
    padding-top: 65px;
    padding-left: 96px;
    background: url("https://cdn.gfzq.cn/gfw-job/images/know/first-word-bg.jpg") no-repeat;
    margin-bottom: 80px; }
    /* line 123, frontend/scss/know.scss */
    .pages-content .first-word span, .know-pages-content .first-word span {
      font-size: 24px; }
  /* line 127, frontend/scss/know.scss */
  .pages-content .know-branch-title, .know-pages-content .know-branch-title {
    font-size: 24px;
    line-height: 40px; }
  /* line 131, frontend/scss/know.scss */
  .pages-content .branch-link, .know-pages-content .branch-link {
    padding: 40px 0 20px 125px;
    border-bottom: 1px solid #eee; }
    /* line 134, frontend/scss/know.scss */
    .pages-content .branch-link dt, .know-pages-content .branch-link dt {
      font-size: 22px;
      line-height: 30px;
      background: url("https://cdn.gfzq.cn/gfw-job/images/know/dt-bg.png") no-repeat left center;
      padding-left: 15px;
      color: #666; }
    /* line 141, frontend/scss/know.scss */
    .pages-content .branch-link dd, .know-pages-content .branch-link dd {
      padding: 12px 0;
      padding-left: 5px; }
      /* line 144, frontend/scss/know.scss */
      .pages-content .branch-link dd a, .know-pages-content .branch-link dd a {
        display: inline-block;
        padding: 0 6px;
        border: 1px solid #bed5ec;
        color: #3a89da;
        font-size: 18px;
        height: 30px;
        line-height: 28px;
        margin: 10px; }
        /* line 153, frontend/scss/know.scss */
        .pages-content .branch-link dd a:hover, .know-pages-content .branch-link dd a:hover {
          background-color: #3a89da;
          border: 1px solid #3a89da;
          color: #fff; }
    /* line 160, frontend/scss/know.scss */
    .pages-content .branch-link.functions-link, .know-pages-content .branch-link.functions-link {
      background: url("https://cdn.gfzq.cn/gfw-job/images/know/know-icon1.png") no-repeat 15px 48px; }
    /* line 163, frontend/scss/know.scss */
    .pages-content .branch-link.customer-link, .know-pages-content .branch-link.customer-link {
      background: url("https://cdn.gfzq.cn/gfw-job/images/know/know-icon3.png") no-repeat 15px 48px; }
    /* line 166, frontend/scss/know.scss */
    .pages-content .branch-link.wealth-link, .know-pages-content .branch-link.wealth-link {
      background: url("https://cdn.gfzq.cn/gfw-job/images/know/know-icon2.png") no-repeat 15px 48px; }
    /* line 169, frontend/scss/know.scss */
    .pages-content .branch-link.bank-link, .know-pages-content .branch-link.bank-link {
      background: url("https://cdn.gfzq.cn/gfw-job/images/know/know-icon4.png") no-repeat 15px 48px;
      border-bottom: 0; }
  /* line 175, frontend/scss/know.scss */
  .pages-content .intro-ul-info, .know-pages-content .intro-ul-info {
    padding-left: 2.4em; }
    /* line 177, frontend/scss/know.scss */
    .pages-content .intro-ul-info li, .know-pages-content .intro-ul-info li {
      padding-left: 18px;
      font-size: 16px;
      line-height: 2.14em;
      background: url(https://cdn.gfzq.cn/gfw-job/images/common/libg.png) no-repeat left center; }
  /* line 184, frontend/scss/know.scss */
  .pages-content .sub-blue-title, .know-pages-content .sub-blue-title {
    color: #668ac0; }

/* line 189, frontend/scss/know.scss */
.widget.cultrue {
  background-color: #f2f2f2; }
  /* line 191, frontend/scss/know.scss */
  .widget.cultrue .title {
    color: #333; }
  /* line 194, frontend/scss/know.scss */
  .widget.cultrue .info {
    color: #666; }
  /* line 197, frontend/scss/know.scss */
  .widget.cultrue .grid {
    background-color: transparent;
    border: 0; }
  /* line 202, frontend/scss/know.scss */
  .widget.cultrue .item {
    padding: 20% 10%; }
    /* line 204, frontend/scss/know.scss */
    .widget.cultrue .item .icon {
      display: block;
      background-repeat: no-repeat;
      width: 100%;
      padding-bottom: 40%;
      background-position: center center;
      background-size: contain; }
    /* line 212, frontend/scss/know.scss */
    .widget.cultrue .item ul {
      margin-top: 5%; }
      /* line 214, frontend/scss/know.scss */
      .widget.cultrue .item ul li {
        text-align: center;
        font-size: 1em;
        line-height: 1.8em; }
        /* line 218, frontend/scss/know.scss */
        .widget.cultrue .item ul li.blue-color {
          color: #d6e6ff; }
        /* line 221, frontend/scss/know.scss */
        .widget.cultrue .item ul li.big-font {
          font-size: 1.125em; }
        /* line 224, frontend/scss/know.scss */
        .widget.cultrue .item ul li b {
          font-weight: normal;
          font-size: 1.5em; }
        /* line 228, frontend/scss/know.scss */
        .widget.cultrue .item ul li.cultrue-title {
          color: #333;
          font-size: 1.6em;
          line-height: 1.2em; }
        /* line 233, frontend/scss/know.scss */
        .widget.cultrue .item ul li.cultrue-info {
          color: #999;
          margin-top: 0.3em;
          font-size: 1em;
          line-height: 1.6em; }
  /* line 242, frontend/scss/know.scss */
  .widget.cultrue .btn-more {
    color: #333;
    border-color: #3a89da; }
    /* line 245, frontend/scss/know.scss */
    .widget.cultrue .btn-more:hover {
      background-color: #3a89da;
      color: #fff; }
  /* line 251, frontend/scss/know.scss */
  .widget.cultrue .icon-qi {
    background-image: url(https://cdn.gfzq.cn/gfw-job/images/know/cultrue_icon_01.png); }
  /* line 254, frontend/scss/know.scss */
  .widget.cultrue .icon-dream {
    background-image: url(https://cdn.gfzq.cn/gfw-job/images/know/cultrue_icon_02.png); }
  /* line 257, frontend/scss/know.scss */
  .widget.cultrue .icon-ch {
    background-image: url(https://cdn.gfzq.cn/gfw-job/images/know/cultrue_icon_03.png); }
  /* line 260, frontend/scss/know.scss */
  .widget.cultrue .icon-book {
    background-image: url(https://cdn.gfzq.cn/gfw-job/images/know/cultrue_icon_04.png); }

/* line 265, frontend/scss/know.scss */
.widget.CommBranch .branch-pic {
  float: left;
  width: 50%; }
  /* line 268, frontend/scss/know.scss */
  .widget.CommBranch .branch-pic img {
    width: 100%; }

/* line 272, frontend/scss/know.scss */
.widget.CommBranch .branch-text {
  float: left;
  width: 50%;
  padding-top: 20px; }
  /* line 276, frontend/scss/know.scss */
  .widget.CommBranch .branch-text p {
    font-size: 18px;
    line-height: 30px; }
  /* line 280, frontend/scss/know.scss */
  .widget.CommBranch .branch-text ul {
    margin-top: 40px; }
    /* line 282, frontend/scss/know.scss */
    .widget.CommBranch .branch-text ul li {
      width: 50%;
      float: left;
      font-size: 22px;
      line-height: 40px;
      margin-bottom: 30px; }
      /* line 288, frontend/scss/know.scss */
      .widget.CommBranch .branch-text ul li.even-li {
        width: 43%; }
      /* line 291, frontend/scss/know.scss */
      .widget.CommBranch .branch-text ul li.odd-li {
        padding-left: 6%;
        border-left: 1px solid #ddd; }
      /* line 295, frontend/scss/know.scss */
      .widget.CommBranch .branch-text ul li i {
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 20px;
        background-color: #3d96c9;
        color: #fff;
        margin-right: 10px; }

/* line 312, frontend/scss/know.scss */
.know-pages-content {
  padding: 5% 0%; }

/* line 317, frontend/scss/know.scss */
.no-text-indent p {
  text-indent: 0; }