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

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/*vue*/
[v-cloak] {
  display: none !important; }

/*layui*/
.hw-skin.layui-layer .layui-layer-btn .layui-layer-btn0 {
  background: #b28850;
  border-color: #b28850; }

.hw-skin.disable-btn.layui-layer .layui-layer-btn .layui-layer-btn0 {
  background: #ccc;
  border-color: #ccc; }

.layui-layer.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT {
  border-right-color: #ED6D00; }

.layui-layer.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR {
  border-bottom-color: #ED6D00; }

.layui-layer-tips .layui-layer-content {
  background-color: #ED6D00;
  padding: 6px 15px 6px 15px;
  font-size: 14px; }
  .layui-layer-tips .layui-layer-content i {
    /*border-bottom-color: #ED6D00;*/
    /*border-right-color: #ED6D00;*/ }

.container {
  }


.views .header {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #dadedd;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
  background: white;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99999999; }
  .views .header .logo {
    float: left; }
    .views .header .logo a {
      outline: none; }
      .views .header .logo a img {
        vertical-align: sub; }
    .views .header .logo span {
      font-size: 18px;
      margin-left: 24px; }
  .views .header .header-nav {
    float: left;
    padding-left: 34px; }
    .views .header .header-nav a {
      font-size: 16px;
      color: #282828;
      margin: 0 14px;
      vertical-align: middle; }
  .views .header .user-info {
    float: right;
    margin-right: 15px; }
    .views .header .user-info a {
      float: right;
      font-size: 16px;
      color: #b28850;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .views .header .contact-hr {
    float: right; }
  .views .header .line-split {
    float: right;
    background: #282828;
    height: 16px;
    width: 1px;
    margin-top: 27px;
    margin-right: 15px; }
  .views .header .lang {
    float: right;
    margin-right: 15px; }
    .views .header .lang a {
      font-size: 14px;
      color: #282828;
      padding-left: 27px;
      background-image: url(../images/icon-global.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 20px;
      display: inline-block; }
    .views .header .lang img {
      width: 100%; }

.views .main {
  padding-top: 30px;
  }
  .views .main .container {
    }
    .views .main .container .page-title {
      padding: 40px 0;
      overflow: hidden; }
      .views .main .container .page-title h4 {
        font-size: 24px;
        font-weight: bold;
        float: left; }
      .views .main .container .page-title span {
        font-size: 14px;
        display: inline-block;
        padding-left: 20px;
        background: url(../images/icon-info.png) no-repeat left center;
        float: right;
        margin-top: 8px; }
        .views .main .container .page-title span a {
          color: #b28850; }
    .views .main .container .step {
      padding-bottom: 30px; }
      .views .main .container .step ul {
        overflow: hidden;
        border-radius: 3px; }
        .views .main .container .step ul li {
          float: left;
          text-align: center;
          width: 14.285%;
          height: 46px;
          line-height: 46px;
          background: #f4f5f5;
          position: relative;
          font-size: 14px;
          text-indent: -20px;
          }
          .views .main .container .step ul li a {
            display: block;
            color: #595757; }
            .views .main .container .step ul li a i.icon {
              min-width: 16px;
              min-height: 16px;
              display: inline-block;
              margin-left: 5px; }
            .views .main .container .step ul li a i.icon-right {
              width: 23px;
              height: 46px;
              background: url(../images/step-default.png) no-repeat center top;
              position: absolute;
              right: 0;
              top: 0; }
            .views .main .container .step ul li a i.icon-error {
              vertical-align: middle;
              margin-top: -3px;
              margin-left: 5px;
              width: 16px;
              height: 16px;
              background: url(../images/step-error.png) no-repeat center center;
              background-size: 100%; }
            .views .main .container .step ul li a i.icon-ok {
              vertical-align: middle;
              margin-top: -3px;
              margin-left: 5px;
              width: 16px;
              height: 16px;
              background: url(../images/step-ok.png) no-repeat center center;
              background-size: 100%; }
          .views .main .container .step ul li.active {
            background: #f5e6d3;
            }
            .views .main .container .step ul li.active .icon-error, .views .main .container .step ul li.active .icon-ok {
              display: inline-block; }
            .views .main .container .step ul li.active i.icon-right {
              background: url(../images/step-active.png) no-repeat center top; }
          .views .main .container .step ul li.current {
            background: #b28850;
            }
            .views .main .container .step ul li.current a {
              color: white; }
              .views .main .container .step ul li.current a .icon-ok {
                background: url(../images/step-ok_.png) no-repeat center center;
                background-size: 100%; }
              .views .main .container .step ul li.current a .icon-error {
                background: url(../images/step-error_.png) no-repeat center center;
                background-size: 100%; }
              .views .main .container .step ul li.current a i.icon-right {
                background: url(../images/step-current.png) no-repeat center top; }
          .views .main .container .step ul li.past i.icon-right {
            background: url(../images/step-past.png) no-repeat center top; }
          .views .main .container .step ul li:last-child i.icon-right {
            display: none; }
    .views .main .container .content-wrap {
      margin-bottom: 100px; }
      .views .main .container .content-wrap .section {
        display: none; }
        .views .main .container .content-wrap .section.current {
          display: block; }
        .sub-title {
          padding: 10px 0;
          border-bottom: 1px solid #DCDDDD;
          overflow: hidden;
          margin-bottom: 20px;
          }
          .sub-title h5 {
            font-size: 18px;
            font-weight: 700;
            color: #000;
            float: left;
            }
          .sub-title .btn {
            float: right;
            padding-top: 5px; }
           .sub-title .btn .btn-add {
              display: inline-block;
              color: #b28850;
              }
              .sub-title .btn .btn-add:before {
                content: " ";
                width: 25px;
                height: 17px;
                background: url(../images/icon-add.png) no-repeat center;
                display: inline-block;
                vertical-align: middle;
                margin-top: -2px; }
            .sub-title .btn .btn-delete {
              display: inline-block;
              color: #b28850; }
              .sub-title .btn .btn-delete:before {
                content: " ";
                width: 25px;
                height: 17px;
                background: url(../images/icon-delete.png) no-repeat center;
                display: inline-block;
                vertical-align: middle;
                margin-top: -2px; }
 .table_5 table tbody tr td .btn-delete {
              display: inline-block;
              color: #b28850; }
.table_5 table tbody tr td h5 {
              font-size:16px;
              color: #000; }
.table_5 table tbody tr td .btn-delete:before {
                content: " ";
                width: 25px;
                height: 17px;
                background: url(../images/icon-delete.png) no-repeat center;
                display: inline-block;
                vertical-align: middle;
                margin-top: -2px; }
        .views .main .container .content-wrap .section .item .layui-form {
          padding-top: 30px; }
          .views .main .container .content-wrap .section .item .layui-form .layui-input, .views .main .container .content-wrap .section .item .layui-form .layui-select, .views .main .container .content-wrap .section .item .layui-form .layui-textarea {
            height: 36px;
            font-size: 15px;
            border-color: #DCDDDD; }
          .views .main .container .content-wrap .section .item .layui-form .layui-input, .views .main .container .content-wrap .section .item .layui-form .layui-textarea {
            width: 385px; }
          .views .main .container .content-wrap .section .item .layui-form .layui-form-item {
            margin-bottom: 30px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item.mgb-10 {
              margin-bottom: 10px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item.mgb-0 {
              margin-bottom: 0px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .font-16 {
              font-size: 16px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .pdt-15 {
              padding-top: 15px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .pdb-15 {
              padding-bottom: 15px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .pdt-10 {
              padding-top: 10px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .pdb-10 {
              padding-bottom: 10px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .lh-26 {
              line-height: 26px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .lh-36 {
              line-height: 36px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-form-label {
              padding-left: 0;
              padding-right: 0;
              text-align: left;
              font-size: 15px;
              width: auto;
              padding-right: 15px; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-form-label.w185 {
                width: 185px; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-form-label i {
                color: #b28850; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-block {
              margin-left: 200px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user {
              overflow: hidden; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dt {
                width: 120px;
                height: 120px;
                background-color: #f4f5f5;
                background-repeat: no-repeat;
                background-position: center;
                float: left;
                background-size: cover; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd {
                float: left;
                padding-left: 20px; }
                .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd .btn-upload {
                  padding: 0 30px;
                  line-height: 34px;
                  text-align: center;
                  color: #b28850;
                  border: 1px solid #b28850;
                  border-radius: 3px;
                  cursor: pointer;
                  display: inline-block; }
                .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd .tip {
                  margin-top: 45px; }
                  .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd .tip span {
                    font-size: 14px; }
                  .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd .tip p {
                    font-size: 14px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dt {
              width: 150px;
              height: 150px;
              background-color: #f4f5f5;
              background-repeat: no-repeat;
              background-position: center;
              float: left;
              background-size: cover; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd {
              float: left;
              padding-left: 20px; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd .btn-upload {
                padding: 0 30px;
                line-height: 34px;
                text-align: center;
                color: #b28850;
                border: 1px solid #b28850;
                border-radius: 3px;
                cursor: pointer;
                display: inline-block; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd .tip {
                margin-top: 20px; }
                .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd .tip span {
                  font-size: 14px; }
                .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd .tip p {
                  font-size: 14px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.upload-resume dt .btn-upload {
              color: #9FA0A0;
              font-size: 15px;
              line-height: 34px;
              width: 385px;
              text-align: center;
              cursor: pointer;
              border: 1px solid #DCDDDD;
              border-radius: 3px;
              display: inline-block; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.upload-resume dt .btn-upload.has-file {
                color: #b28850; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.upload-resume dt .btn-remove {
              margin-left: 10px;
              color: #b28850; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-inline {
              width: auto;
              margin-right: 30px; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-inline.w-auto .layui-input, .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-inline.w-auto .layui-textarea {
                width: auto; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-inline.mgr-10 {
                margin-right: 10px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .tip-question {
              color: #b28850; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item .tip-question:before {
                content: " ";
                display: inline-block;
                width: 22px;
                height: 18px;
                vertical-align: middle;
                background: url(../images/icon-question.png) no-repeat left center;
                margin-top: -1px; }
            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .tip-warning {
              color: #ED6D00; }
              .views .main .container .content-wrap .section .item .layui-form .layui-form-item .tip-warning:before {
                content: " ";
                display: inline-block;
                width: 22px;
                height: 18px;
                vertical-align: middle;
                background: url(../images/icon-warning.png) no-repeat left center;
                margin-top: -1px; }

.views .footer {
  background: #f2f2f2; }
  .views .footer .footer-main {
    max-width: 1106px;
    margin: 0 auto; }
  .views .footer .footer-content {
    padding: 60px 0;
    overflow: hidden;
    border-bottom: 1px #d8d8d8 solid; }
  .views .footer .footer-menu {
    float: left;
    overflow: hidden;
    width: 72.33%; }
  .views .footer .footer-menu-item {
    float: left;
    width: 18.75%; }
  .views .footer .footer-menu-title {
    font-size: 16px;
    color: #282828;
    font-weight: 600; }
  .views .footer .footer-menu-link {
    margin-top: 18px;
    display: block;
    font-size: 14px;
    color: #282828; }
  .views .footer .footer-menu-link:hover {
    color: #f66f6a; }
  .views .footer .footer-about {
    float: right;
    width: 106px;
    text-align: center; }
  .views .footer .footer-about-title {
    font-size: 16px;
    font-weight: 600; }
  .views .footer .footer-about-share {
    margin-top: 18px; }
    .views .footer .footer-about-share a {
      display: inline-block;
      width: 20px;
      height: 20px; }
      .views .footer .footer-about-share a.link-sina {
        background: url(../images/icon-share.png) no-repeat left center;
        background-size: auto 100%; }
      .views .footer .footer-about-share a.link-in {
        background: url(../images/icon-share.png) no-repeat right center;
        margin-left: 6px;
        background-size: auto 100%; }
      .views .footer .footer-about-share a.link-blbl {
        margin-left: 6px;
        background: url(../images/icon-share-blbl.png) no-repeat left center;
        background-size: contain; }
      .views .footer .footer-about-share a.link-dy {
        margin-left: 6px;
        background: url(../images/icon-dy.png) no-repeat left center;
        background-size: contain; }
  .views .footer .footer-about-qrcode {
    margin-top: 18px; }
    .views .footer .footer-about-qrcode img {
      width: 100%;
      display: block; }
    .views .footer .footer-about-qrcode span {
      display: block;
      font-size: 14px;
      color: #282828;
      padding-top: 10px; }
  .views .footer .footer-bottom {
    padding: 26px 0 66px;
    overflow: hidden;
    font-size: 12px;
    color: #808080; }
  .views .footer .footer-copyright {
    float: left;
    overflow: hidden; }
    .views .footer .footer-copyright p {
      float: left; }
  .views .footer .footer-bottom-menu {
    float: right; }
    .views .footer .footer-bottom-menu a {
      font-size: 12px;
      color: #808080; }

/*lock css*/
.lock-box {
  padding: 28px 12px 28px 12px; }
  .lock-box .lock-title {
    font-size: 28px;
    padding-bottom: 20px; }
  .lock-box .lock-content {
    font-size: 14px;
    color: #595757;
    line-height: 1.5; }
  .lock-box .lock-btn {
    margin-top: 42px; }
    .lock-box .lock-btn a {
      font-size: 14px;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: 1px solid #231815;
      border-radius: 5px;
      width: 100px;
      margin-left: 15px; }
      .lock-box .lock-btn a:first-child {
        margin-left: 0; }
      .lock-box .lock-btn a.active {
        background: #b28850;
        border-color: #b28850;
        color: white; }
		
.fl {
  float: left; }

.fr {
  float: right; }
  
  .recruitment-line {
  background: #fff; }
  .recruitment-line .main {
    padding: 18px 0 10px 0;
    }
    .recruitment-line .main .title {
      padding-top: 40px; }
      .recruitment-line .main .title h1 {
        font-size: 38px;
        line-height: 1.1;
        color: #282828; }
    .recruitment-line .main .site {
      padding-top: 50px;
      border-bottom: 1px solid #e3e3e3;
      font-size: 22px;
      line-height: 30px;
      color: #b28850;
      padding-bottom: 30px;
      }
      .recruitment-line .main .site .left {
        width: 52.44%;
        padding-left: 50px;
        background: url(../images/icon-01.png) no-repeat left center;
        background-size: auto 30px; }
      .recruitment-line .main .site .right {
        padding-left: 60px;
        background: url(../images/icon-02.png) no-repeat left center;
        background-size: auto 30px; }
    .recruitment-line .main .list ul .item {
      border-bottom: 1px solid #ebebeb;
      width: 100%; }
      .recruitment-line .main .list ul .item .warp {
        padding: 30px 0; }
        .recruitment-line .main .list ul .item .warp .left {
          width: 52.44%;
          font-size: 16px;
          line-height: 1.1;
          color: #565656;
          padding-right: 50px;
          }
        .recruitment-line .main .list ul .item .warp .right {
          font-size: 16px;
          line-height: 1.1;
          color: #808080; }
    .recruitment-line .main .touch-mode {
      padding-top: 40px; }
      .recruitment-line .main .touch-mode .mode {
        padding-right: 160px; }
        .recruitment-line .main .touch-mode .mode:last-child {
          padding-right: 0; }
        .recruitment-line .main .touch-mode .mode img {
          width: 40px; }
        .recruitment-line .main .touch-mode .mode h3 {
          font-size: 16px;
          line-height: 1.1;
          color: #b28850;
          padding-top: 16px;
          }
        .recruitment-line .main .touch-mode .mode p {
          font-size: 16px;
          line-height: 1.1;
          color: #424242;
          padding-top: 10px;}
		
		@media screen and (max-width:1024px){
		
		.views .main .container .step ul li {
          float: left;
          width: 33.333333%;
		  margin-bottom:15px;
		  height: 46px;
          line-height: 46px;
          font-size: 13px;
          }	
		  .recruitment-line {
    background: #fff; }
    .recruitment-line .main {
      padding: 0 0 1rem 0;
      }
      .recruitment-line .main .title {
        padding-top: 1.66667rem; }
        .recruitment-line .main .title h1 {
          font-size: 1.75rem;
          line-height: 1.1;
          color: #282828; }
      .recruitment-line .main .site {
        padding-top: 2.08333rem;
        border-bottom: 1px solid #e3e3e3;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #b28850;
        padding-bottom: 1.66667rem;
        }
        .recruitment-line .main .site .left {
          float: none;
          width: auto;
          padding-left: 1.66667rem;
          background-image: url(../images/icon-01.png);
          background-position: left top;
          background-repeat: no-repeat;
          background-size: 1.20833rem 1.08333rem;
          font-size: 1.33333rem; }
        .recruitment-line .main .site .right {
          display: none;
          float: none;
          padding-left: 2.08333rem;
          background: url(../images/icon-02.png) no-repeat left center;
          background-size: 1.20833rem 1.08333rem;
          margin-top: 1.66667rem; }
      .recruitment-line .main .list ul .item {
        border-bottom: 1px solid #ebebeb;
        width: 100%; }
        .recruitment-line .main .list ul .item .warp {
          padding: 1.25rem 0; }
          .recruitment-line .main .list ul .item .warp .left {
            float: none;
            width: auto;
            font-size: 0.83333rem;
            line-height: 1.1;
            color: #565656;
            padding-right: 1.66667rem; }
          .recruitment-line .main .list ul .item .warp .right {
            float: none;
            font-size: 0.66667rem;
            line-height: 1.1;
            color: #808080;
            padding-top: 0.41667rem; }
      .recruitment-line .main .touch-mode {
        padding-top: 1.66667rem; }
        .recruitment-line .main .touch-mode .mode {
          padding-right: 0;
          float: none;
          padding-top: 2.5rem; }
          .recruitment-line .main .touch-mode .mode:first-child {
            padding-top: 0; }
          .recruitment-line .main .touch-mode .mode:last-child {
            padding-right: 0; }
          .recruitment-line .main .touch-mode .mode .left {
            float: left; }
            .recruitment-line .main .touch-mode .mode .left img {
              width: 2.5rem; }
          .recruitment-line .main .touch-mode .mode .touch {
            float: left;
            padding-left: 0.83333rem; }
            .recruitment-line .main .touch-mode .mode .touch h3 {
              font-size: 1rem;
              line-height: 1.1;
              color: #b28850;
              padding-top: 0;
              }
            .recruitment-line .main .touch-mode .mode .touch p {
              font-size: 1rem;
              line-height: 1.1;
              color: #424242;
              padding-top: 0.41667rem;
              width: auto; }
		}