@import "/style/css/commonStyle.css";
:root {
  --el-text-color-regular: #646464;
  --el-color-primary: hsl(14 100% 62%);
  --el-color-primary-light-1: hsl(19, 100%, 66%);
  --el-color-primary-light-2: hsl(19, 100%, 70%);
  --el-color-primary-light-3: hsl(19, 100%, 74%);
  --el-color-primary-light-4: hsl(19, 100%, 77%);
  --el-color-primary-light-5: hsl(19, 100%, 81%);
  --el-color-primary-light-6: hsl(19, 100%, 85%);
  --el-color-primary-light-7: hsl(19, 100%, 89%);
  --el-color-primary-light-8: hsl(19, 100%, 93%);
  --el-color-primary-light-9: hsl(19, 100%, 96%);
}

.el-button:not(.el-button--info):active {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.el-button.el-button--primary {
  --el-button-background-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-hover-color: var(--el-color-primary-light-1);
  --el-button-active-background-color: var(--el-color-primary);
  --el-button-active-border-color: var(--el-color-primary);
}
.el-button.el-button--primary:active {
  background: var(--el-button-active-background-color);
  border-color: var(--el-button-active-border-color);
  color: var(--el-button-active-font-color);
}
.el-button.el-button--primary {
  /*&:focus,
  &:hover {
    background: var(--el-button-hover-color);
    border-color: var(--el-button-hover-color);
    color: var(--el-button-font-color);
  }*/
}
.el-button.el-button--primary.is-disabled.is-disabled, .el-button.el-button--primary.is-disabled:active, .el-button.el-button--primary.is-disabled:focus, .el-button.el-button--primary.is-disabled:hover {
  background-color: var(--el-color-primary-light-5);
  border-color: var(--el-color-primary-light-5);
}

body {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  background-color: #F2F2F2;
}

a {
  color: #646464;
}

.tga-page.el-pagination {
  --el-pagination-background-color: transparent;
  --el-pagination-button-disabled-background-color: transparent;
}
.tga-page .el-pager {
  margin: 0 7px;
}
.tga-page .el-pager li {
  margin: 0 7px;
}
.tga-page .el-pager li.active {
  background-color: var(--el-color-primary);
  color: #ffffff;
  border-radius: 10px;
}
.tga-page .el-pager li.is-active {
  background-color: var(--el-color-primary);
  color: #ffffff;
  border-radius: 10px;
}
.tga-page .el-icon {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tga-page .el-icon.el-icon-more:before {
  content: "\e6c8";
}
.tga-page .el-icon.el-icon-arrow-left:before {
  content: "\e702";
}
.tga-page .el-icon.el-icon-arrow-right:before {
  content: "\e702";
  transform: rotateY(180deg);
  display: block;
}

.el-popper.account-header-nav-popover {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.el-popper.account-header-nav-popover ul {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.el-popper.account-header-nav-popover ul li {
  text-align: center;
  position: relative;
}
.el-popper.account-header-nav-popover ul li a {
  line-height: 55px;
  display: block;
  color: var(--el-color-primary);
  border-radius: 10px;
}
.el-popper.account-header-nav-popover ul li a:hover {
  background-color: transparent;
  font-weight: bold;
}
.el-popper.account-header-nav-popover ul li.active a {
  font-weight: bold;
  background-color: var(--el-color-primary-light-9);
}
.el-popper.account-header-nav-popover ul li:last-child {
  margin-top: 10px;
}

.color-white {
  color: #fff;
}

.color-orange {
  color: #fc7c3f !important;
}

.color-orange1 {
  color: #ffaa62 !important;
}

.color-1891d1 {
  color: #1891d1 !important;
}

.color-6babe5 {
  color: #6babe5 !important;
}

.color-62b1bd {
  color: #62b1bd !important;
}

.color-006ba3 {
  color: #62b1bd !important;
}

.color-0082ca {
  color: #0082ca !important;
}

label.error {
  font-size: 14px;
  line-height: 19px;
  color: #fe5301 !important;
}

.background-color-green {
  background-color: #4bd17d;
  color: #fff;
}

.background-color-darkgreen {
  background-color: #009946 !important;
  color: #fff;
}

.background-color-orange {
  background-color: #ffaa62 !important;
  color: #fff !important;
}

.background-color-gray {
  background-color: #e7e7e7;
}

.background-color-888 {
  background-color: #888888;
}

.background-color-red {
  background-color: #e60012 !important;
  color: #fff;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

a[disabled] {
  color: #aaaaaa !important;
}
a[disabled] * {
  color: #aaaaaa !important;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.manu nav {
  padding: 28px 18px 0;
}
.manu nav a {
  margin-right: 22px;
  font-size: 18px;
  color: #015d8c;
}
.manu nav a:first-child {
  color: #ff691d;
}

.head_manu {
  font-size: 0;
}
.head_manu > div {
  display: inline-block;
  vertical-align: top;
}
.head_manu nav {
  padding: 28px 18px 0;
}
.head_manu nav a {
  margin-right: 34px;
  font-size: 20px;
  color: #015d8c;
}
.head_manu nav a.active {
  color: #ff691d;
}

.page-loading {
  height: 100%;
  width: 100%;
  position: absolute;
}
.page-loading i {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #848484;
  font-size: 36px;
  height: 40px;
  margin: -20px 0 0 -18px;
}

.page-box {
  text-align: center;
  margin-top: 30px;
}

.hot-recommended {
  line-height: 34px;
  background-color: #fc7c3f;
  color: #fff;
}
.hot-recommended a {
  color: #fff;
  display: inline-block;
  max-width: 140px;
  vertical-align: top;
}

.hot-recommended ul {
  margin-left: 26px;
}

.hot-recommended li {
  display: inline-block;
}

.hot-recommended li a {
  color: #fff;
  margin-right: 14px;
}

.hot-recommended li a:hover {
  color: #d8d8d8;
}

.detail-nav {
  margin-top: -12px;
}
.detail-nav dl {
  background-color: #fff;
  font-size: 0;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}
.detail-nav dl:hover {
  padding-left: 12px;
  margin-left: -10px;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.detail-nav dl:hover .detail-nav-more {
  width: 200%;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
}
.detail-nav dl:hover .detail-nav-more > ul {
  display: block;
}
.detail-nav dt {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-right: 20px;
}
.detail-nav dd {
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
}
.detail-nav .detail-nav-more {
  position: absolute;
  left: calc(100% + 4px);
  top: 0;
  background-color: #fff;
}
.detail-nav .detail-nav-more .detail-nav-baffle {
  position: absolute;
  background-color: #fff;
  width: 10px;
  height: 41px;
  top: 0;
  left: -10px;
}
.detail-nav .detail-nav-more > ul {
  display: none;
  padding: 12px;
}
.detail-nav .detail-nav-more > ul li {
  display: inline-block;
  padding: 12px;
}
.detail-nav .detail-nav-more > a {
  position: absolute;
  left: -22px;
  top: 12px;
}

.border-orange {
  height: 5px;
  width: 100%;
  background-color: #fc7c3f;
}

.label-gray {
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #e2e2e2;
  font-size: 12px;
  line-height: 1.5;
  color: #1d1d1d;
}

.account-interesting-btn {
  background-color: #F2F2F2;
}

.job-list {
  padding-top: 20px;
  min-height: 48vh;
}

.job-list-info {
  padding: 28px 8px 0;
}

.job-tag {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 15px;
}
.job-tag ul {
  max-width: calc(100% - 180px);
}
.job-tag ul li {
  display: inline-block;
  color: #787878;
  font-size: 16px;
  margin-right: 30px;
  line-height: 28px;
  width: 230px;
}
.job-tag .job-qrcode {
  padding-right: 6px;
}
.job-tag .job-qrcode p {
  line-height: 28px;
  color: #787878;
}
.job-tag table tr td {
  font-size: 16px;
  line-height: 26px;
}
.job-tag table tr td:nth-child(even) {
  font-weight: bold;
}

.other-jobs {
  margin-bottom: 15px;
}

.similar-jobs li {
  width: 25%;
  float: left;
  box-sizing: border-box;
}
.similar-jobs li > div {
  border: 1px solid #fc7c3f;
  box-sizing: border-box;
  border-radius: 3px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.similar-jobs li h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  margin-top: 5px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0082ca;
}
.similar-jobs li h3 a {
  color: #0082ca;
}
.similar-jobs li h4 {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.similar-jobs li h4 a {
  color: #646464 !important;
}
.similar-jobs li p i {
  font-size: 12px;
}
.similar-jobs li p {
  font-size: 12px;
  color: #151d24;
  line-height: 18px;
  margin-bottom: 1px;
}
.similar-jobs li time i {
  font-size: 12px;
}
.similar-jobs li time {
  font-size: 12px;
  color: #979797;
  line-height: 18px;
}
.similar-jobs li .fa {
  width: 16px;
  text-align: center;
}
.similar-jobs li .more-btn {
  margin-top: 7px;
  border-top: 1px solid #fc7c3f;
  font-size: 0;
  display: table;
  width: 101%;
}
.similar-jobs li .more-btn > a {
  display: table-cell;
  font-size: 12px;
  width: 50%;
  text-align: center;
  line-height: 22px;
  vertical-align: middle;
}
.similar-jobs li .more-btn-1 {
  color: #fff;
  background-color: #fc7c3f;
  width: 60% !important;
  padding: 4px 0;
}
.similar-jobs li .more-btn-2 {
  color: #fc7c3f;
  width: 40% !important;
}
.similar-jobs li .ribbon {
  position: absolute;
  left: 0;
  top: 2px;
}
.similar-jobs li .ribbon a {
  display: block;
  background: #e45e24;
  color: #fff;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  padding: 0px 15px;
}

.job-information > div,
.news-information > div {
  margin-bottom: 15px;
}
.job-information > div:after,
.news-information > div:after {
  content: "";
  display: block;
  clear: both;
}

.news-content {
  padding-bottom: 48px;
  padding-top: 30px;
}
.news-content img {
  max-width: 100%;
}

.news-forum {
  margin-top: 26px;
  margin-bottom: 7px;
}
.news-forum a {
  display: block;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 8px;
}
.news-forum .industry-news {
  background-color: #906d96;
}
.news-forum .workplace-tips {
  background-color: #00a6b6;
}
.news-forum .latest-news {
  background-color: #4298cc;
}

.news-latest {
  margin-bottom: 15px;
}
.news-latest ul li {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #d2d2d2;
  line-height: 24px;
  padding-left: 15px;
  position: relative;
}
.news-latest ul li:after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fc7c3f;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
}

.more-company .more-company-list > div {
  display: block;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.more-company .more-company-list > div a {
  display: block;
  height: 50%;
  position: relative;
  padding-bottom: 100%;
  border: solid 1px #cfcfcf;
  font-size: 0 !important;
}
.more-company .more-company-list > div a > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.more-company .more-company-list > div a > div:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.more-company .more-company-list > div a img {
  max-width: 100%;
  max-height: 100%;
}

.unit-big-title {
  border-bottom: 1px solid #707070;
  display: table;
  width: 100%;
}
.unit-big-title > div {
  display: table-cell;
}
.unit-big-title .title span {
  color: #000000;
  font-size: 36px;
  font-weight: 900;
  border-bottom: 3px solid #fc7c3f;
  padding: 4px 15px;
  display: inline-block;
  line-height: 54px;
  margin-bottom: -1px;
}
.unit-big-title .btn {
  text-align: right;
  vertical-align: bottom;
  padding-bottom: 6px;
  padding-left: 60px;
  min-width: 290px;
}
.unit-big-title .btn .IN-widget {
  font-size: 0;
  vertical-align: bottom !important;
}
.unit-big-title .btn .IN-widget * {
  font-size: 0;
}

.unit-one-title {
  border-bottom: 1px solid #ffaa62;
}
.unit-one-title > span {
  max-width: calc(100% - 200px);
  color: #333;
  font-size: 30px;
  font-weight: 700;
  border-bottom: 2px solid #ffaa62;
  padding: 4px 15px;
  display: inline-block;
  line-height: 34px;
}
.unit-one-title .unit-one-btn {
  line-height: 44px;
}
.unit-one-title .unit-one-btn a {
  margin-left: 15px;
}
.unit-one-title .unit-one-btn .fa {
  font-size: 24px;
  vertical-align: -3px;
  margin-right: 5px;
}
.unit-one-title .unit-one-btn .fa-star, .unit-one-title .unit-one-btn .fa-star-o {
  color: #ffde00;
}
.unit-one-title .unit-one-btn .fa-share-alt {
  color: #0082ca;
}

.unit-two-title {
  border-bottom: 3px solid #ffaa62;
}
.unit-two-title > span {
  max-width: calc(100% - 200px);
  color: #fff;
  font-size: 16px;
  background-color: #ffaa62;
  padding: 0px 15px;
  line-height: 34px;
  display: inline-block;
}
.unit-two-title .unit-two-btn {
  line-height: 44px;
}
.unit-two-title .unit-two-btn a {
  margin-left: 15px;
}
.unit-two-title .unit-two-btn .fa {
  font-size: 24px;
  vertical-align: -3px;
  margin-right: 5px;
}
.unit-two-title .unit-two-btn .fa-star {
  color: #ffde00;
}
.unit-two-title .unit-two-btn .fa-share-alt {
  color: #0082ca;
}

.unit-title {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 35px;
}
.unit-title span {
  font-size: 18px;
  color: #646464;
  margin-bottom: -2px;
  font-weight: bold;
  display: inline-block;
  line-height: 32px;
}
.unit-title span:after {
  content: "";
  width: 138px;
  height: 3px;
  display: block;
  background-color: #fc7c3f;
}

.search-box {
  margin-top: 22px;
  min-height: 1300px;
}

.job-search .job-search-left {
  float: left;
  width: 214px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: unset;
}
.job-search .job-search-left .job-search-left-box {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  padding: 20px;
  box-sizing: border-box;
}
.job-search .job-search-left .job-search-left-box .job-search-left-title {
  height: 27px;
  font-size: 18px;
  font-weight: bold;
  color: #646464;
  line-height: 27px;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 10px;
}
.job-search .job-search-right {
  margin-left: 264px;
}
.job-search .hidden-filter-btn {
  background: #fc7c3f;
  cursor: pointer;
  position: absolute;
  left: 100%;
  top: 0;
  width: 5px;
  height: 100%;
}
.job-search .hidden-filter-btn > div {
  position: absolute;
  left: 100%;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 28px solid transparent;
  border-left: 18px solid #fc7c3f;
  border-bottom: 28px solid transparent;
  margin-top: -28px;
}
.job-search .hidden-filter-btn > div i {
  position: absolute;
  right: 0;
  top: 50%;
  width: 18px;
  height: 36px;
  line-height: 33px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin-top: -18px;
  padding-right: 19px;
  box-sizing: border-box;
}
.job-search.hidden-filter .job-search-left {
  width: 0;
  bottom: 64px;
}
.job-search.hidden-filter .job-search-left .hidden-filter-btn > div {
  top: 0;
  margin-top: 0;
}
.job-search.hidden-filter .job-search-right {
  margin-left: 60px;
}

.job-search-list-title {
  line-height: 44px;
  height: 44px;
}
.job-search-list-title h3 {
  font-size: 24px;
  font-weight: bold;
  color: #646464;
  display: inline-block;
  line-height: 44px;
}
.job-search-list-title i {
  font-size: 44px;
  float: left;
  cursor: pointer;
  color: #1d1d1d;
  line-height: 44px;
}
.job-search-list-title i.active {
  color: #fc7c3f;
}
.job-search-list-title button {
  margin-top: 6px;
  margin-left: 15px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #646464;
  height: 30px;
  border-radius: 5px;
  border: solid 1px #979797;
  line-height: 28px;
}

.tga-title-01 {
  height: 27px;
  font-size: 18px;
  font-weight: bold;
  color: #646464;
  line-height: 27px;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 10px;
}

#job_box {
  overflow: auto;
  top: 0;
  margin-left: 600px;
  height: 100vh;
  box-shadow: 0 1px 2px 0 rgba(29, 29, 29, 0.16);
  background-color: #ffffff;
  border-radius: 5px;
}
#job_box > div {
  padding: 14px 20px 30px;
}
#job_box .job-box-head label {
  min-width: 108px;
  background-color: rgba(252, 124, 63, 0.25);
  border-radius: 18px;
  line-height: 36px;
  height: 36px;
  font-size: 13px;
  text-align: center;
  color: #fc7c3f;
  display: inline-block;
  padding: 0 10px;
}
#job_box .job-box-head > div:nth-child(2) a {
  display: inline-block;
  height: 36px;
  min-width: 36px;
  line-height: 36px;
  font-size: 0;
}
#job_box .job-box-head > div:nth-child(2) a i {
  font-size: 20px;
  vertical-align: -1px;
  margin-right: 10px;
}
#job_box .job-box-head > div:nth-child(2) a span {
  font-size: 16px;
  font-weight: bold;
}
#job_box .job-box-body {
  margin-top: 19px;
  padding: 0 10px;
}
#job_box .job-box-body i.iconfont {
  font-size: 16px;
}
#job_box .job-box-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 8px 0 7px;
  color: #646464;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 10px;
  margin-top: 20px;
}
#job_box .job-box-title .tab > div {
  position: relative;
}
#job_box .job-box-title .tab > div.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fc7c3f;
}
#job_box .job-box-title > a {
  float: right;
  font-size: 13px;
  color: #646464;
  font-weight: normal;
}
#job_box .job-box-title > a i {
  font-size: 13px !important;
}
#job_box .job-box-matching {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 15px;
  margin-top: 24px;
}
#job_box .job-box-matching .job-box-title {
  border-bottom: none;
  margin-top: 0;
  padding: 0;
}
#job_box .job-box-matching .job-box-title > div {
  display: inline-block;
}
#job_box .job-box-matching .job-box-title .matching {
  float: right;
  color: #fc7c3f;
  font-weight: normal;
}
#job_box .job-box-matching .job-matching > ul > li {
  float: left;
  width: 47%;
}
#job_box .job-box-matching .job-matching > ul > li:nth-child(even) {
  margin-left: 6%;
}
#job_box .job-box-matching-progress {
  height: 5px;
  border-radius: 10px;
  background-color: #e6e6e6;
}
#job_box .job-box-matching-progress > div {
  height: 5px;
  border-radius: 10px;
  background-color: #fc7c3f;
}
#job_box .is-sendcv .job-box-head {
  background-color: #ffcd03;
  margin: -14px -20px 0;
  line-height: 44px;
  padding: 0 20px;
  box-sizing: border-box;
}
#job_box .is-sendcv .sendcv-content > div {
  border-radius: 5px;
  border: solid 1px #e6e6e6;
  height: 299px;
}
#job_box .is-sendcv .sendcv-content > div:first-child {
  margin-bottom: 20px;
}
#job_box .is-sendcv .sendcv-content > div a {
  height: 100%;
  width: 100%;
}

.job-search-list-collect {
  position: absolute;
  right: 20px;
  top: 0;
  color: #e6e6e6;
  cursor: pointer;
  z-index: 3;
  display: flex;
}
.job-search-list-collect.is-apply {
  width: auto;
  right: 0;
  top: 8px;
  background: #e2e2e2;
  padding: 0 10px;
  line-height: 24px;
  font-size: 14px;
  color: #979797;
}
.job-search-list-collect.is-apply:after, .job-search-list-collect.is-apply:before {
  content: "";
  position: absolute;
  right: 100%;
  border-left: 4px solid transparent;
  border-right: 0 solid transparent;
  border-radius: 12px 0 0 12px;
}
.job-search-list-collect.is-apply:after {
  top: 0;
  border-top: 12px solid #e2e2e2;
}
.job-search-list-collect.is-apply:before {
  bottom: 0;
  border-bottom: 12px solid #e2e2e2;
}
.job-search-list-collect i {
  font-size: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: start;
  line-height: 24px;
}

.job-search-list-collect.collected {
  color: #fc7c3f !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.job-list-card {
  color: #646464;
  margin-bottom: 6px;
  padding: 10px 15px 15px;
  height: 140px;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.job-list-card .job-list-card-collect {
  position: absolute;
  right: 20px;
  top: 0;
  width: 24px;
  height: 24px;
  color: #e6e6e6;
  cursor: pointer;
  line-height: 24px;
  display: flex;
}
.job-list-card .job-list-card-collect.collected {
  color: #fc7c3f;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.job-list-card .job-list-card-collect i {
  font-size: 24px !important;
  width: 100%;
  height: 100%;
  display: block;
}
.job-list-card .job-list-card-label {
  display: flex;
  align-items: center;
  height: 24px;
}
.job-list-card .job-list-card-label > div {
  border-radius: 50%;
  text-align: center;
  font-size: 0;
  height: 24px;
  width: 24px;
  display: inline-block;
  background-color: rgba(255, 205, 5, 0.25);
}
.job-list-card .job-list-card-label > div i {
  color: #ffcd03;
  line-height: 23px;
}
.job-list-card .job-list-card-label label {
  margin-right: 10px;
  font-size: 13px;
  display: inline-block;
  padding: 0 14px;
  line-height: 20px;
  height: 20px;
  border-radius: 15px;
  background-color: #e6e6e6;
  cursor: pointer;
}
.job-list-card .job-list-card-label label.tomato {
  background-color: rgba(252, 124, 63, 0.25);
  color: #fc7c3f;
}

.job-search-ul {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
  padding-bottom: 1px;
}
.job-search-ul .job-search-li {
  font-size: 0;
  display: table;
  width: 100%;
  height: 68px;
  border: solid 1px #cfddf3;
  background-color: #f5f7fa;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.job-search-ul .job-search-li.first-job-search-li {
  background: none;
  border: none;
  margin-bottom: 0;
}
.job-search-ul .job-search-li > div {
  display: table-cell;
  padding: 0 12px;
  box-sizing: border-box;
  vertical-align: middle;
}
.job-search-ul .job-search-li .job-search-header {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #646464 !important;
}
.job-search-ul .job-search-li .job-search-header.job-search-title {
  padding-left: 12px;
}
.job-search-ul .job-search-li .job-search-checkbox {
  width: 56px;
  text-align: center;
}
.job-search-ul .job-search-li .job-search-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.job-search-ul .job-search-li .job-search-title {
  max-width: 278px;
  padding: 0 12px 0 0;
}
.job-search-ul .job-search-li .job-search-title .job-search-logo a,
.job-search-ul .job-search-li .job-search-title .job-logo a {
  height: 86px;
  width: 86px;
}
.job-search-ul .job-search-li .job-search-title .job-search-icon-item img {
  margin: 0 3px;
  cursor: pointer;
}
.job-search-ul .job-search-li .job-search-title > div {
  display: inline-block;
  vertical-align: top;
}
.job-search-ul .job-search-li .job-search-title > div.job-search-text {
  display: block;
  position: relative;
  margin-left: 92px;
  padding-top: 30px;
  padding-left: 28px;
}
.job-search-ul .job-search-li .job-search-title > div.job-search-text .ribbon {
  position: absolute;
  left: 4px;
  top: 0;
}
.job-search-ul .job-search-li .job-search-title > div.job-search-text .ribbon a {
  display: block;
  background: #e45e24;
  color: #fff;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
}
.job-search-ul .job-search-li .job-search-title > div a, .job-search-ul .job-search-li .job-search-title > div span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 21px;
  font-weight: 700;
}
.job-search-ul .job-search-li .job-search-title > div a {
  font-size: 16px;
  color: #008cd2;
  font-weight: bold;
  line-height: 24px;
}
.job-search-ul .job-search-li .job-search-title > div a:visited {
  color: #7e7e7e;
}
.job-search-ul .job-search-li .job-search-title > div span {
  width: 100%;
}
.job-search-ul .job-search-li .job-search-title > div span a {
  font-size: 12px;
  color: #646464;
}
.job-search-ul .job-search-li .job-search-info {
  width: 290px;
  min-width: 90px;
  text-align: center;
  color: #7c7c7c;
  font-size: 13px;
  line-height: 21px;
  white-space: nowrap;
}
.job-search-ul .job-search-li .job-search-time {
  width: 142px;
  text-align: center;
  font-size: 14px;
  color: #7c7c7c;
}
.job-search-ul .job-search-li .job-search-btn {
  width: 210px;
  text-align: center;
}

.job-search-avatar .my-account-avatar {
  position: relative;
  margin: auto;
  width: 156px;
}
.job-search-avatar .my-account-avatar img {
  width: 156px;
  height: 156px;
  overflow: hidden;
  border-radius: 50%;
}
.job-search-avatar .my-account-avatar a {
  width: 50px;
  height: 50px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #e45e24;
  background-image: linear-gradient(135deg, #ffbf9a, #e45e24);
  display: block;
  border-radius: 50%;
  overflow: hidden;
  line-height: 54px;
  font-size: 18px;
  color: #fff;
  position: absolute;
  right: -6px;
  bottom: -6px;
  text-align: center;
}
.job-search-avatar .my-account-notlogged {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  line-height: 24px;
  margin: 30px 0;
}
.job-search-avatar .my-account-notlogged a {
  color: #fc7c3f;
}
.job-search-avatar .my-account-list {
  margin-top: 35px;
  margin-bottom: 70px;
  text-align: center;
}
.job-search-avatar .my-account-list a {
  font-size: 24px;
  font-weight: 900;
  line-height: 36px;
  margin-bottom: 27px;
  display: block;
  color: #fc7c3f;
  text-align: left;
  margin-left: 68px;
}
.job-search-avatar .my-account-list a:hover {
  opacity: 0.65;
}
.job-search-avatar .my-account-list a i {
  font-size: 24px;
}

.news-list ul {
  font-size: 0;
}
.news-list ul li {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: unset;
}
.news-list ul li .news-list-info {
  padding: 8px 0;
}
.news-list ul li .news-list-info .news-list-title {
  font-size: 16px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-list ul li .news-list-info .news-list-introduction {
  font-size: 14px;
  color: #7d7d7d;
  max-height: 72px;
  line-height: 18px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 72px;
}
.news-list ul li .news-list-info .news-list-time {
  font-size: 14px;
  color: #7d7d7d;
}
.news-list ul li .news-list-info .news-list-time i {
  cursor: pointer;
  font-size: 18px;
}

.left-right-box {
  margin-top: 15px;
}
.left-right-box .left-box {
  width: 250px;
}
.left-right-box .right-box {
  width: calc(100% - 290px);
}
.left-right-box .right-box .myaccount-title {
  font-size: 63px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: normal;
  text-align: left;
  color: #fcfcfc;
  margin-bottom: 30px;
}

.right-left-box {
  margin-top: 15px;
}
.right-left-box .left-box {
  width: calc(100% - 265px);
}
.right-left-box .right-box {
  width: 250px;
}

.layer-box-two {
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 0px 0px 11px 2px rgb(167, 167, 167) !important;
}
.layer-box-two .layer-box-two-title {
  height: 56px;
  background-color: #f49f55;
  text-align: center;
  background: url("../../images/layer_box_two_title_bg.png");
  background: -moz-linear-gradient(left, #df8c43 0%, #fbbe8b 100%);
  background: -webkit-linear-gradient(left, #df8c43 0%, #fbbe8b 100%);
  background: -o-linear-gradient(left, #df8c43 0%, #fbbe8b 100%);
  background: -ms-linear-gradient(left, #df8c43 0%, #fbbe8b 100%);
  background: linear-gradient(to right, #df8c43 0%, #fbbe8b 100%);
  position: relative;
}
.layer-box-two .layer-box-two-title span {
  line-height: 56px;
  font-size: 18px;
  color: #e60012;
}
.layer-box-two .layer-box-two-title p {
  line-height: 56px;
  color: #fff;
  padding-left: 28px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
.layer-box-two .layer-box-two-content {
  padding: 0 68px;
}
.layer-box-two .layer-box-two-content h3 {
  text-align: center;
  color: #e60012;
  margin: 16px 0 38px;
}
.layer-box-two .layer-box-two-content .form-item:after {
  content: " ";
  clear: both;
  display: block;
  height: 0;
}
.layer-box-two .layer-box-two-content .form-item .label-box {
  float: left;
  padding: 5px 0;
  width: 70px;
  line-height: 18px;
}
.layer-box-two .layer-box-two-content .form-item .input-block {
  margin-left: 80px;
  padding: 5px 0;
}
.layer-box-two .layer-box-two-content .form-item .input-block p {
  line-height: 18px;
}
.layer-box-two .layer-box-two-content .form-item .input-block .radio-inline {
  width: 280px;
}
.layer-box-two .layer-box-two-content .form-item .input-block .radio-inline li {
  display: inline-block;
  width: 136px;
  margin-bottom: 10px;
  line-height: 18px;
  cursor: pointer;
}
.layer-box-two .layer-box-two-content .form-item .input-block .radio-inline li * {
  cursor: pointer;
}
.layer-box-two .layer-box-two-content .form-item .input-block textarea[name=rejectReason] {
  background: #f5f5f5;
  resize: none;
  width: 100%;
  height: 100px;
  padding: 10px;
  margin: -10px;
  border: 0px;
}
.layer-box-two .layer-box-two-btn {
  margin: 24px 0;
  text-align: center;
}
.layer-box-two .layer-box-two-btn a, .layer-box-two .layer-box-two-btn button {
  display: inline-block;
  min-width: 136px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #d1d0ce;
  color: #fff;
  border-radius: 3px;
  border: 0px;
}

[lay-submit] {
  cursor: pointer;
}

.tga_input_group {
  position: relative;
}
.tga_input_group .tga_input_group_addon {
  z-index: 99;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px 7px 9px 9px;
  line-height: 20px;
  width: 38px;
  text-align: center;
  border-right: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.check_password {
  display: table !important;
  font-size: 0;
  border: 1px solid #e6e6e6;
  border-left-width: 0;
  width: 100%;
  margin-top: 10px;
}
.check_password > div {
  display: table-cell !important;
  height: 8px;
  width: 12.5%;
  border-left: 1px solid #e6e6e6;
  background-color: #fff;
}
.check_password.strength1 > div:nth-child(1), .check_password.strength1 > div:nth-child(2) {
  background-color: rgb(40, 161, 73);
}
.check_password.strength2 > div:nth-child(1), .check_password.strength2 > div:nth-child(2), .check_password.strength2 > div:nth-child(3), .check_password.strength2 > div:nth-child(4) {
  background-color: rgb(230, 191, 93);
}
.check_password.strength3 > div {
  background-color: rgb(203, 26, 29);
}

.apply-jobs .apply-jobs-box {
  margin-top: 27px;
}
.apply-jobs .apply-jobs-box > div {
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
}
.apply-jobs .apply-jobs-box .apply-job-info h1,
.apply-jobs .apply-jobs-box .upload-resume h1,
.apply-jobs .apply-jobs-box .cover-letter h1 {
  font-size: 30px;
  font-weight: 900;
  color: #fc7c3f;
}
.apply-jobs .apply-jobs-box .apply-job-info p,
.apply-jobs .apply-jobs-box .upload-resume p,
.apply-jobs .apply-jobs-box .cover-letter p {
  font-size: 16px;
  color: #979797;
  line-height: 36px;
}
.apply-jobs .apply-jobs-box .apply-job-info {
  padding-top: 47px;
}
.apply-jobs .apply-jobs-box .apply-job-info h1, .apply-jobs .apply-jobs-box .apply-job-info p {
  padding-left: 50px;
}
.apply-jobs .apply-jobs-box .upload-resume {
  padding-top: 47px;
  padding-bottom: 15px;
  position: relative;
}
.apply-jobs .apply-jobs-box .upload-resume h1, .apply-jobs .apply-jobs-box .upload-resume p {
  padding-left: 50px;
}
.apply-jobs .apply-jobs-box .upload-resume .upload-resume-btn {
  position: absolute;
  right: 50px;
  top: 52px;
}
.apply-jobs .apply-jobs-box .upload-resume .upload-resume-btn a {
  font-size: 16px;
  font-weight: 900;
  color: #fc7c3f;
  margin-left: 30px;
}
.apply-jobs .apply-jobs-box .upload-resume .upload-resume-btn a i {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-image: linear-gradient(135deg, #ffbf9a, #fc7c3f);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  color: #fff;
  vertical-align: -8px;
  display: inline-block;
  margin-right: 6px;
}
.apply-jobs .apply-jobs-box .cover-letter {
  padding: 37px 50px 18px;
}
.apply-jobs .apply-jobs-box .cover-letter .cover-letter-select {
  display: inline-block;
  margin-left: 10px;
}

.btn-apply-jobs {
  border: 3px solid #e6e6e6;
  height: 46px;
  line-height: 40px;
  font-size: 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-width: 156px;
}

.my-account-avatar {
  margin-bottom: 15px;
}
.my-account-avatar .blurry-box {
  height: 116px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.my-account-avatar .blurry-box .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: url("blur.svg#blur");
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}
.my-account-avatar .blurry-box .mask {
  background-color: rgb(0, 0, 0);
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.my-account-avatar .avatar-box {
  padding: 12px 0px;
  margin-top: -110px;
  position: relative;
  z-index: 2;
}
.my-account-avatar .avatar-box p {
  padding-left: 48px;
  font-size: 16px;
  line-height: 24px;
}
.my-account-avatar .avatar {
  width: 120px;
  height: 120px;
  border-radius: 7%;
  overflow: hidden;
  margin: 8px auto;
}

.my-account-nav {
  margin-top: 37px;
}
.my-account-nav a {
  width: 100%;
  display: block;
  box-sizing: border-box;
  height: 70px;
  line-height: 70px;
  padding-left: 50px;
  display: block;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #979797;
  text-align: left;
}
.my-account-nav a.active, .my-account-nav a:hover {
  color: #008cd2;
  border-left: 9px solid;
  padding-left: 41px;
  font-weight: 900;
}

#page-login {
  background-image: url("../../images/seekers_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
#page-login .login-content {
  padding: 20px 20px;
  padding-right: 500px;
  height: 100%;
}
#page-login .login-main {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 60px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #777777;
}
#page-login .login-main h1 {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 30px;
}
#page-login .login-main label {
  font-size: 14px;
  line-height: 32px;
  font-weight: 700;
}
#page-login .login-main label.error {
  line-height: unset;
  padding-top: 6px;
  display: block;
}
#page-login .login-main p {
  line-height: 16px;
  font-size: 13px;
  margin-top: 10px;
}

.upload-attachment i {
  width: 80px;
  height: 80px;
  font-size: 34px;
  color: #fff;
  background-color: #fc7c3f;
  text-align: center;
  line-height: 80px;
  border-radius: 80px;
  margin: auto;
  display: block;
  margin-bottom: 24px;
}
.statistics-box {
  margin-bottom: 7.5px;
}
.statistics-box:after {
  content: "";
  display: block;
  clear: both;
}
.statistics-box li {
  width: 25%;
  float: left;
  box-sizing: border-box;
  display: none;
}
.statistics-box li > div {
  height: 286px;
  border: 3px solid #e6e6e6;
  box-sizing: border-box;
}

.resume-instructions dl {
  padding-top: 30px;
  padding-left: 18px;
  line-height: 26px;
  font-size: 15px;
}
.resume-instructions dl dd {
  color: #333;
}
.resume-instructions dl dd:before {
  content: "";
  display: inline-block;
  height: 6px;
  background-color: #333;
  width: 6px;
  border-radius: 50%;
  margin-left: -12px;
  margin-right: 6px;
  vertical-align: 2px;
}

.table-operate-btn button, .table-operate-btn a {
  padding: 0 5px;
  font-size: 18px;
  text-align: center;
  background: none;
  border: 0;
  cursor: pointer;
  display: inline-block;
}
.table-operate-btn button[disabled], .table-operate-btn a[disabled] {
  color: #d1d0ce !important;
}
.table-operate-btn button i, .table-operate-btn a i {
  height: 18px;
  vertical-align: -3px;
}

.my-annex {
  padding: 30px;
}
.my-annex .my-annex-item > div {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.my-annex .my-annex-item .my-annex-title {
  position: relative;
}
.my-annex .my-annex-item .my-annex-title h4 {
  line-height: 20px;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 50px;
}
.my-annex .my-annex-item .my-annex-title .my-annex-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 26px;
  height: 18px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}
.my-annex .my-annex-item .my-annex-title .my-annex-btn > div {
  position: absolute;
  right: -1px;
  top: 18px;
  background: #fff;
  border: 1px solid #a0a0a0;
  width: 88px;
  box-sizing: border-box;
  border-radius: 3px;
  display: none;
  padding-top: 4px;
}
.my-annex .my-annex-item .my-annex-title .my-annex-btn > div:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: -1px;
  width: 26px;
  height: 4px;
  border-right: 1px solid #a0a0a0;
  background: #fff;
}
.my-annex .my-annex-item .my-annex-title .my-annex-btn > div:after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  right: 0px;
  width: 26px;
  height: 4px;
  border-left: 1px solid #a0a0a0;
  background: #fff;
}
.my-annex .my-annex-item .my-annex-title .my-annex-btn > div a {
  display: block;
  padding: 0 12px;
  line-height: 28px;
}
.my-annex .my-annex-item .my-annex-title .my-annex-btn:hover {
  border: 1px solid #a0a0a0;
  margin-top: -1px;
  margin-right: -1px;
}
.my-annex .my-annex-item .my-annex-title .my-annex-btn:hover > div {
  display: block;
}
.my-annex .my-annex-item .my-annex-cover {
  padding: 10px;
}
.my-annex .my-annex-item .my-annex-cover > div {
  position: relative;
}
.my-annex .my-annex-item .my-annex-cover > div:hover .my-annex-cover-btn {
  display: block;
}
.my-annex .my-annex-item .my-annex-cover .my-annex-cover-btn {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.my-annex .my-annex-item .my-annex-cover .my-annex-cover-btn span {
  color: #fff;
  width: 42.7px;
  height: 37.8px;
  line-height: 37.8px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.224);
  display: inline-block;
  vertical-align: top;
  margin: 0 3.6px;
  cursor: pointer;
}
.my-annex .my-annex-item .my-annex-cover .my-annex-cover-btn span i {
  font-size: 20px;
}
.my-annex .my-annex-item .my-annex-cover .my-annex-cover-btn span:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.my-annex .my-annex-item .my-annex-cover a {
  height: 158px;
  background: #fff;
  display: block;
  text-align: center;
  font-size: 0;
}
.my-annex .my-annex-item .my-annex-cover a:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.my-annex .my-annex-item .my-annex-cover img {
  max-width: 100%;
  max-height: 158px;
  vertical-align: middle;
}

.long-banner-1 {
  width: 1200px;
  height: 120px;
}

.long-banner-2 {
  width: 935px;
  height: 100px;
}

.square-banner li {
  width: 250px;
  height: 280px;
}

.set-seekers-information {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 50px;
}
.set-seekers-information label {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #646464;
  display: block;
  padding-bottom: 6px;
}

.process-box {
  height: 14px;
  display: inline-block;
  font-size: 0;
  margin-right: 6px;
  vertical-align: -2px;
  background-color: #fff;
}
.process-box > div {
  background: #e7e7e7;
  width: 21px;
  height: 14px;
  display: inline-block;
  position: relative;
}
.process-box .process1:before {
  content: "";
  display: inline-block;
  border-top: 14px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 6px solid #e7e7e7;
  position: absolute;
  left: 100%;
  top: 0;
}
.process-box .process2 {
  margin-left: 9px;
}
.process-box .process2:after {
  content: "";
  display: inline-block;
  border-top: 0px solid transparent;
  border-right: 6px solid #e7e7e7;
  border-bottom: 14px solid transparent;
  border-left: 0px solid transparent;
  position: absolute;
  right: 100%;
  top: 0;
}
.process-box .process2:before {
  content: "";
  display: inline-block;
  border-top: 14px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 6px solid #e7e7e7;
  position: absolute;
  left: 100%;
  top: 0;
}
.process-box .process3 {
  margin-left: 9px;
}
.process-box .process3:after {
  content: "";
  display: inline-block;
  border-top: 0px solid transparent;
  border-right: 6px solid #e7e7e7;
  border-bottom: 14px solid transparent;
  border-left: 0px solid transparent;
  position: absolute;
  right: 100%;
  top: 0;
}
.process-box.process-processing1 .process1 {
  background: #b0f1a9;
}
.process-box.process-processing1 .process1:before {
  border-left: 6px solid #b0f1a9;
}
.process-box.process-processing2 .process1 {
  background: #b0f1a9;
}
.process-box.process-processing2 .process1:before {
  border-left: 6px solid #b0f1a9;
}
.process-box.process-processing2 .process2 {
  background: #b0f1a9;
}
.process-box.process-processing2 .process2:before {
  border-left: 6px solid #b0f1a9;
}
.process-box.process-processing2 .process2:after {
  border-right: 6px solid #b0f1a9;
}
.process-box.process-processing3 .process1 {
  background: #b0f1a9;
}
.process-box.process-processing3 .process1:before {
  border-left: 6px solid #b0f1a9;
}
.process-box.process-processing3 .process1:after {
  border-right: 6px solid #b0f1a9;
}
.process-box.process-processing3 .process2 {
  background: #b0f1a9;
}
.process-box.process-processing3 .process2:before {
  border-left: 6px solid #b0f1a9;
}
.process-box.process-processing3 .process2:after {
  border-right: 6px solid #b0f1a9;
}
.process-box.process-processing3 .process3 {
  background: #b0f1a9;
}
.process-box.process-processing3 .process3:before {
  border-left: 6px solid #b0f1a9;
}
.process-box.process-processing3 .process3:after {
  border-right: 6px solid #b0f1a9;
}
.process-box.process-failure1 .process1 {
  background: #eb9596;
}
.process-box.process-failure1 .process1:before {
  border-left: 6px solid #eb9596;
}
.process-box.process-failure2 .process1 {
  background: #eb9596;
}
.process-box.process-failure2 .process1:before {
  border-left: 6px solid #eb9596;
}
.process-box.process-failure2 .process2 {
  background: #eb9596;
}
.process-box.process-failure2 .process2:before {
  border-left: 6px solid #eb9596;
}
.process-box.process-failure2 .process2:after {
  border-right: 6px solid #eb9596;
}
.process-box.process-failure3 .process1 {
  background: #eb9596;
}
.process-box.process-failure3 .process1:before {
  border-left: 6px solid #eb9596;
}
.process-box.process-failure3 .process2 {
  background: #eb9596;
}
.process-box.process-failure3 .process2:before {
  border-left: 6px solid #eb9596;
}
.process-box.process-failure3 .process2:after {
  border-right: 6px solid #eb9596;
}
.process-box.process-failure3 .process3 {
  background: #eb9596;
}
.process-box.process-failure3 .process3:after {
  border-right: 6px solid #eb9596;
}

.real-more {
  border-bottom: 5px solid #f6f6f6;
  margin-top: 20px;
}
.real-more a {
  display: block;
  margin: auto;
  margin-bottom: -13px;
  text-align: center;
}
.real-more a span {
  background: #fff;
  padding: 10px;
  color: #e9560a;
  font-size: 16px;
  font-weight: bold;
}

.receive {
  margin-top: 18px;
}
.receive li {
  float: left;
  width: 25%;
  box-sizing: border-box;
}
.receive li > div {
  border: 3px solid #e6e6e6;
}
.receive li .receive-image {
  position: relative;
}
.receive li .receive-image img {
  opacity: 0.38;
  background-color: #fff;
}
.receive li .receive-image div {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-top: -10px;
  text-align: center;
}
.receive li .receive-text {
  color: #94895e;
  font-size: 12px;
  padding: 6px 16px;
  line-height: 20px;
  min-height: 72px;
}

.company-carousel {
  margin: -35px 15px 15px;
}
.company-carousel .company-carousel-image {
  width: 100%;
  height: 130px;
  background-color: #fff;
  border: 1px solid #a0a0a0;
  box-sizing: border-box;
}
.company-carousel .company-carousel-text {
  line-height: 22px;
  padding: 4px 0;
}
.company-carousel .company-carousel-text a {
  color: #0083ce;
  font-weight: 700;
}
.company-carousel .company-carousel-text p {
  color: #787878;
}

.modify-avatar {
  margin: 30px auto 54px;
  width: 220px;
  height: 220px;
}
.modify-avatar .avatar {
  width: 100%;
  height: 100%;
  border-radius: 7%;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
.modify-avatar .avatar > div {
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  line-height: 32px;
  text-align: center;
}
.modify-avatar .avatar:hover > div {
  -webkit-transform: translate(0, -32px);
  -moz-transform: translate(0, -32px);
  -ms-transform: translate(0, -32px);
  -o-transform: translate(0, -32px);
  transform: translate(0, -32px);
}

.activation-tips {
  width: 100% !important;
  max-width: 540px;
}

#createCV .my-resume-details .my-resume-details-list {
  padding: 0 8px 0 54px;
  margin-bottom: 28px;
}
#createCV .my-resume-details .my-resume-details-title {
  color: #333333;
  background: #fc7c3f;
  margin: 0 -15px 0 -20px;
  padding: 5px 0 5px 8px;
  font-size: 15px;
  line-height: 18px;
  position: relative;
}
#createCV .my-resume-details .my-resume-details-title:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: -12px;
  top: 0;
  box-sizing: border-box;
  border-top: 14px solid transparent;
  border-right: 12px solid #fc7c3f;
  border-bottom: 14px solid transparent;
}
#createCV .my-resume-details .my-resume-details-titlet:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  bottom: -7px;
  box-sizing: border-box;
  border-left: 7px solid #75391c;
  border-bottom: 7px solid transparent;
}
#createCV .my-resume-details .my-resume-details-content {
  margin-top: 8px;
}
#createCV .my-resume-details .my-resume-details-content label {
  color: #fff;
  margin-bottom: 5px;
  display: block;
}
#createCV .my-resume-details .my-resume-details-content label span {
  display: inline-block;
}
#createCV .my-resume-details .my-resume-details-content input, #createCV .my-resume-details .my-resume-details-content select {
  width: 100%;
  box-sizing: border-box;
  height: 20px;
  border: 1px solid #a0a0a0;
  font-size: 12px;
  line-height: 18px;
}
#createCV .my-resume-details .my-resume-details-content input {
  padding-left: 4px;
}
#createCV section {
  width: 1000px;
  margin: 0 auto;
  margin-top: 30px;
}
#createCV .shadow-box {
  box-shadow: 0 8px 26px 0px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
#createCV .resume {
  position: relative;
}
#createCV .my-resume-details {
  width: 230px;
  background: #006ba3;
  padding-bottom: 50px;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
}
#createCV .my-resume-expansion {
  width: calc(100% - 245px);
  box-sizing: border-box;
}
#createCV .my-resume-expansion .expansion-title {
  font-size: 15px;
  color: #006ba3;
  line-height: 40px;
  border-bottom: 1px solid;
  margin-bottom: 12px;
}
#createCV .my-resume-set {
  padding: 20px 20px 5px;
}
#createCV .my-resume-input-block {
  width: 320px;
  display: inline-block;
  margin-left: 10px;
}
#createCV .saveBtn {
  position: absolute;
  right: -96px;
  top: 0;
}
#createCV .saveBtn a {
  display: block;
  line-height: 52px;
  font-size: 20px;
}
#createCV .saveBtn a i {
  font-size: 28px;
  vertical-align: -3px;
  margin-right: 4px;
}
#createCV .content-box {
  min-height: 150px;
}

.square-banner {
  width: 100%;
}
.square-banner > li {
  width: 100%;
  margin-bottom: 15px;
}
.square-banner.square-banner-index > li {
  float: left;
  width: 20%;
  box-sizing: border-box;
  margin-bottom: 0px;
}

.template-square-banner img {
  width: 100%;
}

.tt-menu {
  min-width: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
  margin: 4px 0px;
  padding: 5px 0;
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tt-menu .tt-suggestion {
  padding: 0 10px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tt-menu .tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #fc7c3f;
}

.Rectangle-817 {
  width: 243px;
  background-color: #ffffff;
  float: left;
  position: relative;
}
.Rectangle-817.fixed {
  position: fixed;
  top: 0;
}
.Rectangle-817.fixed dl {
  max-height: 100vh;
  overflow: auto;
}
.Rectangle-817 dl {
  border: solid 1px #0387b9;
  padding-bottom: 24px;
  padding-top: 48px;
  box-sizing: border-box;
}
.Rectangle-817 dl dt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 49px;
  box-sizing: border-box;
  padding: 10px 13px;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  background-color: #0387b9;
}
.Rectangle-817 dl dd {
  line-height: 48px;
  cursor: pointer;
  padding-left: 12px;
  font-size: 18px;
  font-weight: bold;
  color: #646464;
}
.Rectangle-817 dl dd.this, .Rectangle-817 dl dd:hover {
  background-color: #e2e2e2;
}

.Rectangle-818 {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 40px 50px 30px 50px;
  margin-left: 283px;
  font-size: 16px;
  line-height: 1.5;
  color: #646464;
}
.Rectangle-818 > div b {
  font-size: 16px;
  font-weight: bold;
  color: #646464;
  margin-bottom: 10px;
  margin-top: 30px;
  display: block;
}
.Rectangle-818 > div p {
  text-indent: 25px;
}

.Rectangle-823 {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-image: url("/images/Intersection-24.jpg");
  height: 600px;
  margin-bottom: 75px;
  position: relative;
  overflow: hidden;
}
.Rectangle-823 .Rectangle-823-bg1 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, #1c3aff, #5f85ec);
  opacity: 0.27;
}
.Rectangle-823 .Rectangle-823-bg2 {
  width: 1200px;
  height: 100%;
  background-image: linear-gradient(to right, rgba(15, 135, 239, 0.64), #0c0011);
  opacity: 0.66;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -241px;
}

.Rectangle-824 {
  height: 100px;
  background-color: #0387b9;
}
.Rectangle-824 nav {
  font-size: 0;
}
.Rectangle-824 nav a {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 100px;
  height: 100px;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-right: 49px;
  display: inline-block;
  box-sizing: border-box;
}
.Rectangle-824 nav a.this, .Rectangle-824 nav a:hover {
  font-weight: 900;
  border-bottom: 10px solid #fff;
}

.Rectangle-331 {
  width: 649px;
  height: 312px;
  border: solid 5px #ffffff;
  position: absolute;
  top: 184px;
  left: 50%;
  margin-left: -324.5px;
}
.Rectangle-331 .Rectangle-331-leftbox {
  width: 79px;
  height: 100%;
  float: left;
}
.Rectangle-331 .Rectangle-331-leftbox .Rectangle-331-leftbox-Group-2613 {
  transform: rotate(-90deg);
  width: 312px;
  height: 79px;
  color: #fff;
  font-size: 23px;
  text-align: center;
  margin: 116px 0 0 -117px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}
.Rectangle-331 .Rectangle-331-leftbox .Rectangle-331-leftbox-Group-2613 .Rectangle-331-leftbox-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.3;
}
.Rectangle-331 .Rectangle-331-leftbox .Rectangle-331-leftbox-Group-2613 > span {
  display: block;
  text-align: center;
  line-height: 79px;
}
.Rectangle-331 .Rectangle-331-rightbox {
  padding: 0 0 0 80px;
  margin-left: 79px;
  height: 100%;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.Rectangle-331 .Rectangle-331-rightbox p {
  font-size: 63px;
  line-height: 82px;
  margin-bottom: 13px;
}
.Rectangle-331 .Rectangle-331-rightbox b {
  font-size: 23px;
  line-height: 34px;
}
.Rectangle-331 .Rectangle-331-rightbox span {
  font-size: 20px;
  line-height: 27px;
  font-weight: normal;
}

.header {
  background-color: #fff;
  box-shadow: 0 0 10px 5px rgba(51, 51, 51, 0.3);
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
}
.header .header-nav {
  height: 50px;
  background-color: #F9F9F9;
  padding: 0 50px;
}
.header .header-nav .header-nav-ul > li {
  float: left;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 4px;
}
.header .header-nav .header-nav-ul > li > a {
  line-height: 50px;
  color: #646464;
  padding: 0 12px;
  height: 50px;
  display: block;
  font-weight: bold;
  font-size: 16px;
}
.header .header-nav .header-nav-ul > li > a:hover {
  background-color: #fff;
  opacity: 1;
}
.header .header-nav .header-nav-ul > li .header-nav-dropdown > a, .header .header-nav .header-nav-ul > li .header-nav-dropdown button {
  color: #646464;
  line-height: 50px;
  height: 50px;
}
.header .header-nav .header-nav-ul .header-nav-ul-company > a {
  color: #049fda;
}
.header .header-nav .header-nav-ul .header-nav-ul-login .avatar {
  color: #646464;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.header .header-nav .header-nav-ul .header-nav-ul-login .avatar img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
}
.header .header-nav .header-nav-ul .header-nav-ul-language {
  padding-left: 10px;
  line-height: 50px;
}
.header .header-nav .header-nav-ul .header-nav-ul-language div {
  font-size: 0;
  border-radius: 5px;
  border: solid 1px #d2d2d2;
  height: 36px;
  overflow: hidden;
  margin: 7px 0;
  box-sizing: border-box;
}
.header .header-nav .header-nav-ul .header-nav-ul-language div a {
  font-size: 16px;
  color: #d2d2d2;
  display: inline-block;
  width: 60px;
  box-sizing: border-box;
  line-height: 36px;
  text-align: center;
  vertical-align: top;
  background-color: #fff;
}
.header .header-nav .header-nav-ul .header-nav-ul-language div a:hover, .header .header-nav .header-nav-ul .header-nav-ul-language div a.active {
  color: #fff;
  background-color: #646464;
}
.header .header-search {
  height: 70px;
  position: relative;
  font-size: 0;
  padding: 0 50px;
}
.header .header-search .header-logo {
  position: absolute;
  left: 15px;
  bottom: 31.8px;
  padding-left: 50px;
}
.header .header-search .header-logo a {
  position: relative;
  z-index: 2;
}
.header .header-search .header-logo .header-logo-bg {
  background-color: #F9F9F9;
  position: absolute;
  right: -50px;
  bottom: -31.8px;
  z-index: 1;
  width: 1000px;
  height: 0;
  border-width: 70px 30px 0px 0px;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
}
.header .header-search .header-search-table {
  width: 100%;
  text-align: right;
}
.header .header-search .header-search-table .div-table .div-table-cell {
  vertical-align: middle;
}
.header .header-search .header-search-table #searchJob {
  width: 430px;
}
.header .header-search .header-search-table #searchJob input {
  width: 285px;
  height: 50px;
  border-radius: 5px;
  border: solid 1px #f47932;
  background-color: #ffffff;
  margin-right: 5px;
  font-size: 18px;
}
.header .header-search .header-search-table #searchJob button {
  width: 140px;
  height: 50px;
  border-radius: 5px;
  background-color: #f47932;
  font-size: 18px;
  line-height: 50px;
  color: #ffffff;
  border: none;
}

.index-tab {
  background: #fff;
  width: 100%;
}
.index-tab .index-tab-title {
  font-size: 0;
}
.index-tab .index-tab-title li {
  display: inline-block;
  font-size: 16px;
  line-height: 70px;
  color: #646464;
  cursor: pointer;
  margin-right: 20px;
  height: 70px;
}
.index-tab .index-tab-title li a {
  display: block;
}
.index-tab .index-tab-title li.this, .index-tab .index-tab-title li:hover {
  color: #fc7c3f;
}
.index-tab .index-tab-title li.this a, .index-tab .index-tab-title li:hover a {
  color: #fc7c3f;
}
.index-tab .index-tab-title li.this {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.index-tab .index-tab-title li.this:after {
  content: "";
  height: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fc7c3f;
  border-radius: 5px 5px 0 0;
}

.index-tab-content > div {
  display: none;
}
.index-tab-content > div.this {
  display: block;
}

.mobile-header {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.mobile-header .mobile-header-logo {
  height: 60px;
  text-align: center;
  background-color: #F2F2F2;
}
.mobile-header .mobile-header-logo img {
  width: 111px;
}
.mobile-header .mobile-header-search {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
.mobile-header .mobile-header-search .mobile-header-search-btn {
  height: 60px;
  width: 60px;
  line-height: 60px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.mobile-header .mobile-header-search .mobile-header-search-btn i {
  color: #f47932;
  font-size: 24px;
}
.mobile-header .mobile-header-search .mobile-header-search-form {
  position: absolute;
  right: 0;
  top: 60px;
  display: none;
}
.mobile-header .mobile-header-search form {
  height: 60px;
  width: 100vw;
  display: table;
  background-color: #fff;
}
.mobile-header .mobile-header-search form > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 7px;
  box-sizing: border-box;
}
.mobile-header .mobile-header-search form > div:nth-child(odd) {
  width: 100%;
}
.mobile-header .mobile-header-search form > div input {
  border: 1px solid #fc7c3f;
}
.mobile-header .mobile-header-nav {
  height: 60px;
  width: 60px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.mobile-header .mobile-header-nav.this {
  background-color: rgba(244, 121, 50, 0.1);
}
.mobile-header .mobile-header-nav.this .mobile-header-nav-left {
  left: 0;
}
.mobile-header .mobile-header-nav > span {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  opacity: 1;
}
.mobile-header .mobile-header-nav > span i {
  text-indent: 2000px;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -19%;
  width: 38%;
  height: 2px;
  display: block;
  position: absolute;
  content: "";
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
  background-color: #fc7c3f;
}
.mobile-header .mobile-header-nav > span i:before, .mobile-header .mobile-header-nav > span i:after {
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  z-index: 10;
  content: "";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #fc7c3f;
}
.mobile-header .mobile-header-nav > span i:before {
  top: -7px;
}
.mobile-header .mobile-header-nav > span i:after {
  top: 7px;
}
.mobile-header .mobile-header-nav-left {
  position: fixed;
  top: 60px;
  bottom: 0;
  background-color: #fff;
  z-index: 99999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  left: -70%;
  width: 70%;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-top {
  padding: 20px 0;
  border-bottom: 1px solid #d2d2d2;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-top img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid;
  border-color: #f47932;
  box-sizing: border-box;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-top div {
  font-size: 14px;
  line-height: 1.36;
  color: #646464;
  float: right;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-top div a {
  color: #646464;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-top p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.13;
  padding-top: 10px;
  color: #646464;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-center {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-center ul li a {
  line-height: 40px;
  font-size: 16px;
  color: #646464;
  display: block;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-center ul li a img {
  float: right;
  margin-top: 5px;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-bottom {
  border-top: 1px solid #d2d2d2;
  padding-top: 9px;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-bottom p {
  font-size: 0;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-bottom p a {
  font-size: 14px;
  color: #646464;
  line-height: 40px;
  box-sizing: border-box;
  width: 50%;
  display: inline-block;
}
.mobile-header .mobile-header-nav-left .mobile-header-nav-left-bottom div {
  font-size: 12px;
  line-height: 1.42;
  color: #707070;
  padding-top: 10px;
}
.mobile-header .mobile-header-nav-left-shade {
  display: none;
  position: fixed;
  left: 0;
  top: 60px;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99998;
}
.mobile-header .mobile-header-tab {
  height: 60px;
  background-color: #fff;
}
.mobile-header .mobile-header-tab ul {
  text-align: center;
}
.mobile-header .mobile-header-tab ul li {
  display: inline-block;
  font-size: 0;
  padding: 0 4%;
}
.mobile-header .mobile-header-tab ul li a {
  font-size: 18px;
  line-height: 60px;
  color: #646464;
  display: block;
  box-sizing: border-box;
  height: 60px;
}
.mobile-header .mobile-header-tab ul li.this a {
  border-bottom: 5px solid #f47932;
  color: #f47932;
}

.prevent-scroll-html {
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

.prevent-scroll {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  height: 100%;
}
.prevent-scroll .mobile-nav {
  transform: translateX(0px);
  -ms-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
}

.mobile-job-tag {
  display: none;
}
.mobile-job-tag > div > div {
  position: relative;
  line-height: 18px;
  padding-left: 18px;
  margin-bottom: 7px;
}
.mobile-job-tag > div > div i {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 16px;
}

.about-us-section1 {
  height: 944px;
  background-image: url("/images/Group 3347.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.about-us-section1 h1 {
  font-size: 63px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-bottom: 30px;
}
.about-us-section1 p {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.69;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  max-width: 534px;
  margin: 0 auto 44px;
}
.about-us-section1 a {
  width: 227px;
  font-size: 16px;
  font-weight: bold;
}

.about-us-section2 {
  height: 834px;
  background-image: url("/images/Group 3354.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}
.about-us-section2 h1 {
  font-size: 63px;
  font-weight: bold;
  line-height: 1.11;
  color: #151d24;
  margin-bottom: 48px;
}
.about-us-section2 h1 span {
  border-bottom: 5px solid #151d24;
}
.about-us-section2 h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  color: #646464;
  margin-bottom: 12px;
  max-width: 560px;
}
.about-us-section2 p {
  font-size: 16px;
  line-height: 1.69;
  color: #646464;
  margin-bottom: 35px;
  max-width: 560px;
}

.about-us-section3 {
  padding: 75px 0;
}

.about-us-section4 {
  height: 805px;
  background-image: url("/images/Group 3349.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}
.about-us-section4 h1 {
  font-size: 63px;
  font-weight: bold;
  line-height: 1.11;
  color: #151d24;
  margin-bottom: 48px;
}
.about-us-section4 h1 span {
  border-bottom: 5px solid #151d24;
}
.about-us-section4 h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  color: #646464;
  margin-bottom: 12px;
  max-width: 560px;
}
.about-us-section4 p {
  font-size: 16px;
  line-height: 1.69;
  color: #646464;
  margin-bottom: 35px;
  max-width: 560px;
}

.about-us-section5 {
  height: 841px;
  background-color: #F2F2F2;
  margin-bottom: -60px;
}
.about-us-section5 .about-us-section5-title {
  text-align: center;
}
.about-us-section5 .about-us-section5-title h1 {
  font-size: 63px;
  font-weight: 900;
  color: #151d24;
  margin-bottom: 20px;
}
.about-us-section5 .about-us-section5-title h1 span {
  border-bottom: 5px solid #151d24;
}
.about-us-section5 .about-us-section5-title p {
  font-size: 24px;
  font-weight: 900;
  color: #646464;
  margin-bottom: 45px;
}

.Rectangle-873 {
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 30px;
}
.Rectangle-873:after, .Rectangle-873:before {
  content: "";
  display: block;
  clear: both;
}
.Rectangle-873 img {
  width: 100%;
}
.Rectangle-873 h2 {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.35;
  text-align: left;
  color: #646464;
  padding: 16px 0;
}
.Rectangle-873 h2 span {
  border-bottom: 4px solid #646464;
  padding-bottom: 6px;
}
.Rectangle-873 p {
  font-size: 16px;
  margin: 10px 0;
  text-align: left;
  color: #646464;
  height: 54px;
}
.Rectangle-873 a {
  float: right;
  background-color: #0d8ddb;
}

.mobile-to-pc {
  padding-top: 45px;
}
.mobile-to-pc h1 {
  font-size: 24px;
  font-weight: 900;
}
.mobile-to-pc div {
  text-align: center;
  padding: 25px 0;
}
.mobile-to-pc div img {
  width: 254px;
}
.mobile-to-pc a {
  max-width: 270px;
  font-size: 16px;
  font-weight: bold;
  background-color: #008cd2;
  margin: auto;
  display: block;
}

.company-logo {
  padding-bottom: 9px;
  border-bottom: 2px solid #979797;
}
.company-logo .company-logo-title > div {
  display: table;
  width: 100%;
}
.company-logo .company-logo-title > div > div {
  display: table-cell;
}
.company-logo .company-logo-title > div > div img {
  width: 235px;
}
.company-logo .company-logo-title > div > div:nth-child(even) {
  width: 100%;
  text-align: right;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 900;
  color: #008cd2;
}
.company-logo .company-logo-btn {
  text-align: right;
}

.company-introduce .company-introduce-title {
  margin-bottom: 15px;
}
.company-introduce .company-introduce-title span {
  font-size: 24px;
}
.company-introduce .company-introduce-contact {
  font-size: 16px;
  color: #646464;
  margin-bottom: 25px;
}

#indexBody {
  background-image: url("/images/people-01.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  margin-bottom: -60px;
  padding-bottom: 60px;
  position: relative;
  background-color: #f5f7fa;
}
#indexBody .index-title {
  font-size: 36.8px;
  font-weight: 900;
  float: right;
  padding-top: 44px;
  text-align: center;
}
#indexBody .index-title.mobile-index-title {
  display: none;
}
#indexBody .index-title p {
  height: 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 28px solid #cfddf3;
  display: inline-block;
  padding: 0 4px;
}
#indexBody .index-title p span {
  line-height: 55px;
}
#indexBody .job-list {
  padding-top: 52px;
}
#indexBody .urgent-jobs li,
#indexBody .latest-jobs li {
  height: 278px;
  box-sizing: border-box;
}
#indexBody .urgent-jobs li > div,
#indexBody .latest-jobs li > div {
  border: 1px solid #fc7c3f;
  box-sizing: border-box;
  border-radius: 3px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
#indexBody .urgent-jobs li h3,
#indexBody .latest-jobs li h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  margin-top: 5px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0082ca;
}
#indexBody .urgent-jobs li h3 a,
#indexBody .latest-jobs li h3 a {
  color: #0082ca;
}
#indexBody .urgent-jobs li h4,
#indexBody .latest-jobs li h4 {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#indexBody .urgent-jobs li h4 a,
#indexBody .latest-jobs li h4 a {
  color: #646464 !important;
}
#indexBody .urgent-jobs li p i,
#indexBody .latest-jobs li p i {
  font-size: 12px;
}
#indexBody .urgent-jobs li p,
#indexBody .latest-jobs li p {
  font-size: 12px;
  color: #151d24;
  line-height: 18px;
  margin-bottom: 1px;
}
#indexBody .urgent-jobs li time i,
#indexBody .latest-jobs li time i {
  font-size: 12px;
}
#indexBody .urgent-jobs li time,
#indexBody .latest-jobs li time {
  font-size: 12px;
  color: #979797;
  line-height: 18px;
}
#indexBody .urgent-jobs li .fa,
#indexBody .latest-jobs li .fa {
  width: 16px;
  text-align: center;
}
#indexBody .urgent-jobs li .more-btn,
#indexBody .latest-jobs li .more-btn {
  margin-top: 7px;
  border-top: 1px solid #fc7c3f;
  font-size: 0;
  display: table;
  width: 101%;
}
#indexBody .urgent-jobs li .more-btn > a,
#indexBody .latest-jobs li .more-btn > a {
  display: table-cell;
  font-size: 12px;
  width: 50%;
  text-align: center;
  line-height: 22px;
  vertical-align: middle;
}
#indexBody .urgent-jobs li .more-btn-1,
#indexBody .latest-jobs li .more-btn-1 {
  color: #fff;
  background-color: #fc7c3f;
  width: 60% !important;
  padding: 4px 0;
}
#indexBody .urgent-jobs li .more-btn-2,
#indexBody .latest-jobs li .more-btn-2 {
  color: #fc7c3f;
  width: 40% !important;
}
#indexBody .urgent-jobs li .ribbon,
#indexBody .latest-jobs li .ribbon {
  position: absolute;
  left: 0;
  top: 2px;
}
#indexBody .urgent-jobs li .ribbon a,
#indexBody .latest-jobs li .ribbon a {
  display: block;
  background: #e45e24;
  color: #fff;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  padding: 0px 15px;
}
.account-successful-application {
  font-size: 18px;
  color: #797979;
  padding: 46px 60px;
}
.account-successful-application .account-successful-application-title {
  margin-bottom: 12px;
  text-align: center;
  border-bottom: 2px solid #979797;
}
.account-successful-application .account-successful-application-title img {
  max-width: 170px;
}
.account-successful-application .account-successful-application-title p {
  margin-top: 37px;
  margin-bottom: 60px;
  font-size: 36.8px;
  font-weight: bold;
  color: #008cd2;
}
.account-successful-application .account-successful-application-morejob > p {
  font-size: 16px;
  font-weight: bold;
  color: #646464;
  padding-bottom: 10px;
}

#jobApplyBar {
  margin-top: 30px;
  margin-bottom: -60px;
}
#jobApplyBar .job-apply-bar {
  height: 70px;
  box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.16);
  background-color: rgba(228, 94, 36, 0.9);
  z-index: 99;
  color: #fff;
}
#jobApplyBar .job-apply-bar .job-apply-title h1 {
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  line-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100vw - 580px);
}
#jobApplyBar .job-apply-bar .job-apply-btn {
  width: 300px;
  text-align: right;
}
#jobApplyBar .job-apply-bar .job-apply-btn a {
  color: #fff;
  font-size: 16px;
  padding: 0 48px 0 0px;
}
#jobApplyBar .job-apply-bar .job-apply-btn .apply-job {
  vertical-align: unset;
  line-height: 40px;
  height: 40px;
  min-width: 120px;
  border-radius: 2px;
  background: none;
  border: 1px solid;
  font-size: 16px;
}

.Rectangle-1414 {
  width: 100%;
  height: 624px;
  background-image: url("/images/123.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.Rectangle-1414 .Rectangle-1414-title {
  text-align: center;
}
.Rectangle-1414 .Rectangle-1414-title * {
  color: #fff;
}
.Rectangle-1414 .Rectangle-1414-title h1 {
  font-size: 40px;
  font-weight: bold;
  padding-top: 59px;
  line-height: 53px;
}
.Rectangle-1414 .Rectangle-1414-title hr {
  background-color: #fff;
  height: 4px;
  width: 280px;
  display: inline-block;
}
.Rectangle-1414 .Rectangle-1414-title p {
  font-size: 20px;
}
.Rectangle-1414 .Rectangle-1414-title a {
  width: 168px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  border: solid 1px #fff;
  font-size: 16px;
  box-sizing: border-box;
  margin-top: 15px;
  margin-bottom: 15px;
}
.Rectangle-1414 .Rectangle-1414-nav {
  position: absolute;
  bottom: 86px;
  left: 50%;
  margin-left: -516px;
}
.Rectangle-1414 .Rectangle-1414-nav ul li {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  width: 200px;
  height: 35px;
  line-height: 35px;
  background-image: linear-gradient(111deg, #f6892d, #fc3831);
  margin-bottom: 15px;
}

nav.service-nav {
  height: 120px;
  background-color: #0084c1;
  text-align: center;
}
nav.service-nav a {
  line-height: 120px;
  height: 120px;
  display: inline-block;
  box-sizing: border-box;
  font-size: 24px;
  color: #fff;
  padding: 0 49px;
}
nav.service-nav a.this, nav.service-nav a:hover {
  border-bottom: 8px solid #fff;
  font-weight: 900;
  color: #fff;
}

#serviceList > h1 {
  font-size: 50px;
  font-weight: 900;
  color: #000;
  text-align: center;
  margin: 34px 0;
  background-color: #fc7c3f;
  color: #fff;
  padding: 20px 0;
}
#serviceList table {
  border-collapse: unset;
  border-spacing: 20px 0;
}
#serviceList table tr td, #serviceList table tr th {
  width: 16.6666666667% !important;
}
#serviceList table tr td.is-best-seller .service-box-body .service-box-body-price, #serviceList table tr td.is-best-value .service-box-body .service-box-body-price, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price {
  position: relative;
}
#serviceList table tr td.is-best-seller .service-box-body .service-box-body-price:before, #serviceList table tr td.is-best-value .service-box-body .service-box-body-price:before, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price:before, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price:before {
  right: -8px;
  top: 30px;
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 0 0 10px 8px;
}
#serviceList table tr td.is-best-seller .service-box-body .service-box-body-price:after, #serviceList table tr td.is-best-value .service-box-body .service-box-body-price:after, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price:after, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price:after {
  width: 145px;
  height: 43px;
  line-height: 43px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: -8.5px;
  top: -13px;
  color: #fff;
}
#serviceList table tr td.is-best-seller .service-box-body .service-box-body-price div, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price div {
  color: #008cd2 !important;
}
#serviceList table tr td.is-best-seller .service-box-body .service-box-body-price:before, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price:before {
  border-color: transparent transparent transparent #008cd2;
}
#serviceList table tr td.is-best-seller .service-box-body .service-box-body-price:after, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price:after {
  content: "Best Seller";
  background-color: #008cd2;
}
#serviceList table tr td.is-best-seller .service-list-ul li:nth-child(odd), #serviceList table tr th.is-best-seller .service-list-ul li:nth-child(odd) {
  background-color: #cfddf3;
}
#serviceList table tr td.is-best-value .service-box-body .service-box-body-price div, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price div {
  color: #fc7c3f !important;
}
#serviceList table tr td.is-best-value .service-box-body .service-box-body-price:before, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price:before {
  border-color: transparent transparent transparent #fc7c3f;
}
#serviceList table tr td.is-best-value .service-box-body .service-box-body-price:after, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price:after {
  content: "Best Value";
  background-color: #fc7c3f;
}
#serviceList table tr td.is-best-value .service-box-body .service-box-body-btn a, #serviceList table tr th.is-best-value .service-box-body .service-box-body-btn a {
  background-image: linear-gradient(to right, #a54325, #e2794c);
}
#serviceList table tr td.is-best-value .service-list-ul li:nth-child(odd), #serviceList table tr th.is-best-value .service-list-ul li:nth-child(odd) {
  background-color: #ffbf9a;
}
#serviceList table .service-box-body {
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  margin-bottom: 44px;
}
#serviceList table .service-box-body .service-box-body-title {
  height: 150px;
  padding-top: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
#serviceList table .service-box-body .service-box-body-title > div {
  padding: 0 0 0 44px;
  position: relative;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.51);
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#serviceList table .service-box-body .service-box-body-title > div span {
  position: absolute;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.51);
  font-size: 12px;
  bottom: 78%;
  left: 26px;
  background-image: url("/images/Group 3924.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  height: 34px;
  width: 123px;
  padding: 0 0 0 18px;
  box-sizing: border-box;
}
#serviceList table .service-box-body .service-box-body-price {
  text-align: center;
  padding: 45px 0 0;
}
#serviceList table .service-box-body .service-box-body-price div {
  display: inline-block;
  position: relative;
  color: #646464;
  font-size: 24px;
  padding: 0 10px;
  margin-right: 15px;
}
#serviceList table .service-box-body .service-box-body-price div span:first-child {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 100%;
}
#serviceList table .service-box-body .service-box-body-price div span:last-child {
  font-size: 18px;
  position: absolute;
  bottom: 0;
  left: 100%;
}
#serviceList table .service-box-body .service-box-body-btn {
  padding: 25px;
}
#serviceList table .service-box-body .service-box-body-btn a {
  height: 44px;
  line-height: 44px;
  object-fit: contain;
  border-radius: 5px;
  background-image: linear-gradient(to right, #5b247a, #1bcedf);
  font-size: 14px;
  background-color: #fff;
  padding: 0;
}
#serviceList table tbody tr {
  text-align: center;
}
#serviceList table tbody tr:nth-child(odd) {
  background-color: #d2d2d2;
}
#serviceList table tbody tr:last-child td div {
  padding: 20px 0px 20px 10px;
  box-sizing: border-box;
}
#serviceList table tbody tr td:first-child {
  text-align: left;
}
#serviceList table tbody tr td:first-child div {
  padding-left: 10px;
}
#serviceList table tbody tr td:first-child div span {
  padding: 0 20px 0 10px;
  display: block;
}
#serviceList table tbody tr td div {
  min-height: 55px;
  font-size: 16px;
  font-weight: bold;
}
#serviceList table tbody tr td div p {
  line-height: 55px;
}
#serviceList table tbody tr td div span {
  font-size: 12px;
}
#serviceList .service-list-ul {
  text-align: center;
}
#serviceList .service-list-ul li {
  min-height: 66px;
  padding: 21px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#serviceList .service-list-ul li p {
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  padding-left: 12px;
}
#serviceList .service-list-ul li span {
  padding: 0 20px;
  display: block;
  margin-top: 4px;
}
#serviceList .service-list-ul li:nth-child(odd) {
  background-color: #d2d2d2;
}

.partner-company {
  height: 740px;
  margin-bottom: -60px;
  background-image: url("/images/Mask_Group_36.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.partner-company h1 {
  font-size: 36.8px;
  font-weight: bold;
  color: #646464;
  text-align: center;
  padding-top: 74px;
  margin-bottom: 75px;
}
.partner-company ul li {
  display: block;
  width: 12.5%;
  float: left;
  box-sizing: border-box;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  _filter: none;
}
.partner-company ul li a {
  display: block;
  height: 50%;
  position: relative;
  padding-bottom: 100%;
  font-size: 0 !important;
}
.partner-company ul li a > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.partner-company ul li a > div:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.partner-company ul li a img {
  max-width: 100%;
  max-height: 100%;
}

#servicePricing {
  margin-bottom: -60px;
  background-image: url("/images/AdobeStock_164073772.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  overflow-x: hidden;
  width: 100%;
}
#servicePricing h1 {
  font-size: 36.8px;
  font-weight: 900;
  color: #000000;
  text-align: center;
  margin-bottom: 13px;
}
#servicePricing h2 {
  font-size: 30px;
  font-weight: 900;
  color: #000000;
  text-align: center;
}
#servicePricing h5 {
  font-size: 16px;
  color: #646464;
  text-align: center;
}
#servicePricing .pricing-order-content {
  border-top: 1px solid rgb(210, 210, 210);
  border-bottom: 1px solid rgb(210, 210, 210);
  padding: 21px 0;
  margin-top: 28px;
  margin-bottom: 36px;
}
#servicePricing .pricing-order-content table {
  width: 100%;
}
#servicePricing .pricing-form {
  margin-bottom: 36px;
}
#servicePricing .pricing-form > div {
  margin-bottom: 18px;
}
#servicePricing .pricing-form > div label {
  display: block;
  line-height: 34px;
}
#servicePricing .pricing-form > div label .pricing-form-savebtn {
  display: none;
}
#servicePricing .pricing-form > div .pricing-form-input {
  display: none;
}
#servicePricing .pricing-payment-method {
  background-color: #F2F2F2;
  padding: 10px;
  font-size: 0;
  margin-top: 56px;
}
#servicePricing .pricing-payment-method > div {
  width: 50%;
  height: 190px;
  vertical-align: top;
  font-size: 36.8px;
  font-weight: 900;
  text-align: center;
  line-height: 190px;
  display: inline-block;
  color: #008cd2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  _filter: none;
  cursor: pointer;
}
#servicePricing .pricing-payment-method > div.this, #servicePricing .pricing-payment-method > div:hover {
  border: solid 2px #008cd2;
  line-height: 186px;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
  _filter: unset;
}
#servicePricing .pricing-payment-method-paypal.this,
#servicePricing .pricing-payment-method-offline.this {
  display: block;
}
#servicePricing .pricing-payment-method-paypal,
#servicePricing .pricing-payment-method-offline {
  display: none;
  margin-top: 32px;
}
#servicePricing .pricing-payment-method-paypal .pricing-payment-box,
#servicePricing .pricing-payment-method-offline .pricing-payment-box {
  background-color: #F2F2F2;
  padding: 15px 0 15px 25px;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
#servicePricing .pricing-payment-status .pricing-order-content {
  background-color: #F2F2F2;
  padding-left: 37px;
  padding-right: 37px;
}
#servicePricing .pricing-payment-status .pricing-contact {
  background-color: #F2F2F2;
  padding: 20px 30px;
  margin: 22px 0 48px;
}
#servicePricing .pricing-payment-status .pricing-contact table {
  width: 100%;
}
#servicePricing .pricing-payment-status .pricing-contact table tr td {
  width: 33.33333%;
  padding-right: 20px;
  vertical-align: top;
}
#servicePricing .pricing-payment-status .pricing-contact table tr td label {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

#registerForm {
  width: 350px;
}

.mobile-mode {
  display: none;
}

.mobile-select {
  border: solid 1px #e6e6e6;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff;
  padding-right: 14px;
  display: block;
  width: 100%;
  padding-left: 10px;
  height: 38px;
  line-height: 1.3;
  border-radius: 0;
}

.Rectangle-1335 {
  background-color: #0084c1;
  text-align: center;
  padding: 50px 0;
  margin-top: 75px;
}
.Rectangle-1335 h1 {
  font-size: 36.8px;
  font-weight: bold;
  color: #fff;
}
.Rectangle-1335 > a {
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  font-weight: bold;
  min-width: 270px;
  margin: 25px 0;
  background-color: #fff;
  color: #0e6cab;
}
.Rectangle-1335 p {
  font-size: 20px;
  color: #f5f5f5;
  line-height: 26px;
}
.Rectangle-1335 p a {
  color: #f5f5f5;
  border-bottom: 1px solid;
}

.myaccount-bg {
  background-image: url("/images/Group 4.png");
  background-position: top center;
  background-repeat: no-repeat;
  height: 350px;
  margin-bottom: -313px;
}

.mobile-header-box {
  height: 120px;
}

.seeker-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}

.seeker-account-header {
  background-color: #fc7c3f;
  height: 60px;
}
.seeker-account-header .logo {
  float: left;
  height: 60px;
}
.seeker-account-header .logo a {
  display: block;
}
.seeker-account-header .seeker-account-header-nav {
  float: right;
}
.seeker-account-header .seeker-account-header-nav > li {
  float: left;
  height: 60px;
  margin: 0 10px;
  position: relative;
}
.seeker-account-header .seeker-account-header-nav > li > a, .seeker-account-header .seeker-account-header-nav > li button {
  font-size: 14px;
  color: #fff;
  line-height: 60px;
  padding: 0 13px;
  display: block;
  height: 60px;
  border: none;
}
.seeker-account-header .seeker-account-header-nav > li > a > i, .seeker-account-header .seeker-account-header-nav > li button > i {
  font-size: 18px;
}
.seeker-account-header .seeker-account-header-nav > li button {
  font-size: 0;
}
.seeker-account-header .seeker-account-header-nav > li .avatar {
  line-height: 60px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-right: 40px;
}
.seeker-account-header .seeker-account-header-nav > li .avatar img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
}

.seeker-account-nav {
  height: 60px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #fcfcfc;
  font-size: 0;
}
.seeker-account-nav .seeker-account-nav-title {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  color: #fc7c3f;
  padding-left: 40px;
  padding-right: 50px;
}
.seeker-account-nav .seeker-account-nav-list {
  display: inline-block;
  vertical-align: top;
}
.seeker-account-nav .seeker-account-nav-list > a {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 60px;
  height: 60px;
  text-align: center;
  margin-right: 30px;
  position: relative;
  padding: 0 18px;
  color: #fc7c3f;
}
.seeker-account-nav .seeker-account-nav-list > a.active, .seeker-account-nav .seeker-account-nav-list > a:hover {
  font-weight: bold;
}
.seeker-account-nav .seeker-account-nav-list > a.active:after, .seeker-account-nav .seeker-account-nav-list > a:hover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: #fc7c3f;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.account-setting .account-setting-input .account-setting-input-mid i {
  color: #fc7c3f;
}
.account-setting .account-setting-input .ccount-setting-raido input[type=radio]:checked::after {
  color: #fc7c3f;
}

.account-setting-avatar {
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
}
.account-setting-avatar img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
}
.account-setting-avatar div {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  left: 65px;
  bottom: 0;
  background-color: #cccccc;
}
.account-setting-avatar div i {
  width: 16px;
  height: 16px;
  background-image: url(/images/Page-1.png);
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}

.account-interesting-btn a span {
  background-color: #fc7c3f;
}
.account-interesting-btn a.active {
  background-color: #fc7c3f;
}

.account-interesting-list {
  padding: 24px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  border-radius: 5px;
}
.account-interesting-list ul {
  font-size: 0;
}
.account-interesting-list ul li {
  min-width: 79px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  color: #646464;
  margin-right: 35px;
  margin-bottom: 20px;
  padding: 0 15px;
  background-color: #F2F2F2;
}
.account-interesting-list ul li.active {
  color: #fc7c3f;
  background-color: #ffe0d0;
}
.account-interesting-list ul.edit li.active {
  color: #fc7c3f;
  background-color: #ffe0d0;
}
.account-interesting-list ul.edit li:hover {
  color: #fc7c3f;
}

.account-interesting-text {
  background-color: #fff;
  padding: 8px 0;
  font-size: 16px;
  line-height: 20px;
  color: #646464;
  margin-bottom: 20px;
}

.account-worksandvideos {
  margin: -11px -19px;
}
.account-worksandvideos:after {
  content: "";
  display: block;
  clear: both;
}
.account-worksandvideos li {
  float: left;
  width: 33.3333333333%;
  padding: 11px 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.account-worksandvideos li:not(.is-self):hover .is-hover {
  visibility: unset;
}
.account-worksandvideos li:not(.is-self) > div {
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.account-worksandvideos li:not(.is-self) > div > div:first-child {
  height: 185px;
  background-size: cover;
  background-position: center;
}
.account-worksandvideos li:not(.is-self) > div > div:last-child {
  position: relative;
  padding-bottom: 20px;
  padding-top: 12px;
  box-sizing: border-box;
  padding-left: 12px;
}
.account-worksandvideos li:not(.is-self) > div > div:last-child > div:nth-child(1) {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 12px;
  color: #1d1d1d;
}
.account-worksandvideos li:not(.is-self) > div > div:last-child > div:nth-child(2) {
  font-size: 14px;
  color: #646464;
  line-height: 20px;
}
.account-worksandvideos li:not(.is-self) > div > div:last-child > div:nth-child(3) {
  position: absolute;
  right: 0;
  bottom: 8px;
  font-size: 0;
}
.account-worksandvideos li:not(.is-self) > div > div:last-child > div:nth-child(3) a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  color: #646464;
}
.account-worksandvideos li:not(.is-self) > div > div:last-child > div:nth-child(3) a i {
  font-size: 20px;
}
.account-worksandvideos li:not(.is-self) > div video {
  background-color: #000;
}
.account-worksandvideos li:not(.is-self).hidden > div {
  background-color: #f7f7f7;
}
.account-worksandvideos .is-hover {
  visibility: hidden;
}

.checkbox {
  display: inline-block;
  font-size: 0;
  cursor: pointer;
}
.checkbox div {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: solid 1px #979797;
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
}
.checkbox div i {
  display: none;
}
.checkbox input {
  display: none;
}
.checkbox input:checked + div {
  background-color: #fc7c3f;
  border: none;
}
.checkbox input:checked + div i {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: normal;
}
.checkbox span {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

.account-table .account-table-th:after,
.account-table .account-table-td:after {
  border-left: solid 2px #F0F0F0;
  margin-left: -1px;
}
.account-table .operating > div:last-child .btn1 {
  color: #fc7c3f;
}

.account-table-checkbox input:checked + div {
  background-color: #fc7c3f;
}
.account-table-checkbox.is-employer input:checked + div {
  background-color: #1daef6;
}

.my-interviews-table .account-table-tr > div:nth-child(2) {
  width: 96px;
}
.my-interviews-table .account-table-tr > div:nth-child(3) {
  width: 324px;
}
.my-interviews-table .account-table-tr > div:nth-child(4) {
  width: 309px;
}
.my-interviews-table .job-title {
  max-width: 371px;
}
.my-interviews-table .job-title > div:first-child a {
  color: #fc7c3f;
  font-size: 16px;
  font-weight: bold;
}
.my-interviews-table .job-title > div:first-child {
  line-height: 24px;
  margin-bottom: 6px;
}
.my-interviews-table .job-title > div:last-child {
  color: #646464;
  font-size: 13px;
  line-height: 19px;
}
.my-interviews-table .matching {
  color: #646464;
}
.my-interviews-table .company-name {
  display: table;
  width: 100%;
}
.my-interviews-table .company-name > div {
  display: table-cell;
  vertical-align: middle;
}
.my-interviews-table .company-name > div:last-child {
  width: 100%;
  padding-left: 20px;
}
.my-interviews-table .company-name > div:last-child a {
  color: #646464;
}

.my-collections-table .account-table-tr > div:nth-child(2) {
  width: 96px;
}
.my-collections-table .account-table-tr > div:nth-child(3) {
  width: 324px;
}
.my-collections-table .account-table-tr > div:nth-child(4) {
  width: 309px;
}

.my-resume-table .account-table-tr > div:nth-child(1) {
  width: 60px;
}
.my-resume-table .account-table-tr > div:nth-child(2):after {
  display: none !important;
}
.my-resume-table .account-table-tr > div:nth-child(3) {
  width: 140px;
}
.my-resume-table .account-table-tr > div:nth-child(4) {
  width: 172px;
}
.my-resume-table .account-table-tr .privacy a {
  font-size: 14px;
  line-height: 1.5;
  color: #646464;
  display: block;
}
.my-resume-table .account-table-tr .privacy a i {
  font-size: 20px;
  vertical-align: -2px;
}
.my-resume-table .account-table-tr .privacy a.active i {
  color: #fc7c3f;
}
.my-resume-table .account-table-tr .operating {
  text-align: center;
  font-size: 0;
}
.my-resume-table .account-table-tr .operating a {
  color: #1d1d1d;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  width: 44px;
  text-align: center;
}
.my-resume-table .account-table-tr .operating a i {
  font-size: 20px;
}

.index-featured-jobs-title {
  margin-bottom: 24px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #1d1d1d;
}
.index-featured-jobs-title .job-search-list-featured {
  vertical-align: 3px;
  margin-right: 6px;
}
.index-featured-jobs-title .job-search-list-featured i {
  font-weight: normal;
}

.recommend-company-banner .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.recommend-company-banner .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 4px;
  opacity: 1;
}
.recommend-company-banner .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.recommend-company-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
}

.interested-companies .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.interested-companies .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 4px;
  opacity: 1;
}
.interested-companies .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.interested-companies .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
}

.most-title {
  width: 230px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 19px;
  color: #646464;
  display: inline-block;
  margin: 0 75px;
  cursor: pointer;
}
.most-title.active {
  background-color: #fc7c3f;
  color: #ffffff;
}

.most-swiper .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.most-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 4px;
  opacity: 1;
}
.most-swiper .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.most-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
}

.index-collections-company .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.index-collections-company .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 4px;
  opacity: 1;
}
.index-collections-company .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.index-collections-company .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
}

.recommend-company {
  padding: 50px;
  color: #646464;
  margin: 0 0 50px;
}

.right-bottom-banner .swiper-pagination,
.left-bottom-banner .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.right-bottom-banner .swiper-pagination .swiper-pagination-bullet,
.left-bottom-banner .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 4px;
  opacity: 1;
}
.right-bottom-banner .swiper-pagination .swiper-pagination-bullet:focus,
.left-bottom-banner .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.right-bottom-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.left-bottom-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
}

.all-companies-hot-list .swiper-slide {
  box-sizing: border-box;
  height: 300px;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
.all-companies-hot-list .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.all-companies-hot-list .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 4px;
  opacity: 1;
}
.all-companies-hot-list .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.all-companies-hot-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
}

.hot-industries {
  margin: 0 -10px -10px;
}
.hot-industries li {
  width: 33.33333%;
  padding: 10px;
  float: left;
  box-sizing: border-box;
}
.hot-industries li a {
  font-size: 14px;
  color: #646464;
}
.hot-industries .hot-industries-cover {
  position: relative;
}
.hot-industries .hot-industries-cover a {
  height: 152px;
  margin-bottom: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  position: relative;
  z-index: 2;
  display: block;
}
.hot-industries .hot-industries-cover:before {
  background: transparent;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
  border-radius: 800px/10px;
  bottom: 0;
  content: "";
  height: 8px;
  left: 2%;
  position: absolute;
  width: 96%;
  z-index: 0;
}
.hot-industries .hot-industries-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 3px;
  line-height: 25px;
}
.hot-industries .hot-industries-count {
  font-size: 14px;
  line-height: 20px;
  color: #9f9f9f;
}
.hot-industries .hot-industries-count i {
  color: #646464;
}

.hot-company .hot-company-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #fc7c3f;
  text-align: center;
  margin-bottom: 30px;
}
.hot-company ul {
  text-align: center;
  font-size: 0;
}
.hot-company ul li {
  display: inline-block;
}
.hot-company ul li .image-vertical-center {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}

.index-spacing {
  margin: 50px 0;
}
.index-spacing hr {
  border-color: #e6e6e6;
  height: 0;
  width: 100%;
}

.company-week .company-week-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 29px;
  text-align: center;
  color: #fc7c3f;
  margin-bottom: 20px;
}
.company-week .company-week-box {
  position: relative;
}
.company-week .company-week-box .company-week-photo {
  margin-left: 167px;
  margin-bottom: 20px;
  width: 600px;
}
.company-week .company-week-box .company-week-photo .company-week-img {
  width: 600px;
  height: 360px;
  background-position: center;
  background-size: cover;
}
.company-week .company-week-box .company-week-photo .swiper-pagination {
  margin-top: 27px;
  position: unset;
  text-align: left;
  font-size: 0;
  width: 490px;
}
.company-week .company-week-box .company-week-photo .swiper-pagination .swiper-pagination-bullet {
  height: 4px;
  border-radius: 2px;
  padding-right: 10px;
  display: inline-block;
  opacity: 1 !important;
  background-color: transparent;
  box-sizing: border-box;
}
.company-week .company-week-box .company-week-photo .swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}
.company-week .company-week-box .company-week-photo .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.company-week .company-week-box .company-week-photo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  background-color: #fc7c3f;
}
.company-week .company-week-box .company-week-info {
  position: absolute;
  z-index: 2;
  left: 657px;
  top: 60px;
  width: 360px;
  height: 330px;
  border-radius: 10px;
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.company-week .company-week-box .company-week-info .company-week-info-text {
  font-size: 14px;
  line-height: 1.5;
  color: #646464;
  margin: 20px 0 25px;
  height: 130px;
  overflow: hidden;
}
.company-week .company-week-job-list {
  overflow: hidden;
  padding: 0 1px;
}
.company-week .company-week-job-list ::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.company-week .company-week-job-list .company-week-job-list-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  color: #646464;
  margin-bottom: 15px;
}
.company-week .company-week-job-list .company-week-job-list-box {
  height: 105px;
  overflow: unset;
}
.company-week .company-week-job-list .company-week-job-list-box .swiper-slide {
  height: 82px;
  width: 260px;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 10px 15px 0;
}
.company-week .company-week-job-list .company-week-job-list-box .swiper-scrollbar {
  background-color: #f2f2f2;
}
.company-week .company-week-job-list .company-week-job-list-box .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #fc7c3f;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.index-banner {
  width: 100%;
  margin: 0 0 50px;
}
.index-banner .index-banner-stage {
  width: 100%;
  position: relative;
}
.index-banner .swiper-container {
  width: 100%;
  overflow: hidden;
}
.index-banner .swiper-slide {
  background-size: cover;
  background-position: center;
}
.index-banner .swiper-slide > div {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
}
.index-banner .swiper-slide > div > a {
  font-weight: bold;
  color: #ffffff;
  display: block;
}
.index-banner .swiper-slide > div > div {
  font-weight: 300;
  color: #ffffff;
}
.index-banner .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.index-banner .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 7.5px;
  opacity: 1;
}
.index-banner .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.index-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
  width: 30px;
}
.index-banner .swiper-slide {
  width: 100%;
  height: 590px;
}
.index-banner .index-banner-link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #ffffff;
}
.index-banner .index-banner-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 44px 42px 22px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 38%, rgba(0, 0, 0, 0.66) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.index-banner .index-banner-title {
  display: block;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 50px;
  font-weight: bold;
  line-height: 70px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.48);
}
.index-banner .index-banner-date {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
.index-banner .index-banner-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 44px;
  height: 64px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.32);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  color: #ffffff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-50%) scale(0.94);
  transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}
.index-banner .index-banner-button::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
}
.index-banner .index-banner-button:focus {
  outline: 2px solid rgba(252, 124, 63, 0.75);
  outline-offset: 2px;
}
.index-banner .index-banner-button:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.58);
  opacity: 0.95;
  transform: translateY(-50%) scale(1.04);
}
.index-banner .index-banner-button.swiper-button-disabled {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}
.index-banner .index-banner-stage:hover .index-banner-button,
.index-banner .index-banner-stage:focus-within .index-banner-button {
  opacity: 0.72;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(-50%) scale(1);
}
.index-banner .index-banner-stage:hover .index-banner-button:hover,
.index-banner .index-banner-stage:focus-within .index-banner-button:focus {
  opacity: 0.95;
  transform: translateY(-50%) scale(1.04);
}
.index-banner .index-banner-stage:hover .index-banner-button.swiper-button-disabled,
.index-banner .index-banner-stage:focus-within .index-banner-button.swiper-button-disabled {
  opacity: 0.25;
  pointer-events: none;
}
.index-banner .index-banner-button-prev {
  left: 16px;
}
.index-banner .index-banner-button-prev::before {
  margin-left: 4px;
  transform: rotate(-135deg);
}
.index-banner .index-banner-button-next {
  right: 16px;
}
.index-banner .index-banner-button-next::before {
  margin-right: 4px;
  transform: rotate(45deg);
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .index-banner .swiper-slide {
    height: 470px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .index-banner .swiper-slide {
    height: 360px;
  }
}
@media screen and (max-width: 767px) {
  .index-banner {
    margin-bottom: 30px;
  }
  .index-banner .swiper-slide {
    height: calc((100vw - 30px) / 2);
  }
  .index-banner .index-banner-caption {
    height: 64px;
    padding: 16px 16px 12px;
  }
  .index-banner .index-banner-title {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 28px;
  }
  .index-banner .index-banner-date {
    font-size: 12px;
    line-height: 18px;
  }
  .index-banner .index-banner-button {
    width: 34px;
    height: 48px;
    border-radius: 8px;
  }
  .index-banner .index-banner-button::before {
    width: 8px;
    height: 8px;
    border-width: 2px 2px 0 0;
  }
  .index-banner .index-banner-button-prev {
    left: 8px;
  }
  .index-banner .index-banner-button-next {
    right: 8px;
  }
}
@media (hover: none) {
  .index-banner .index-banner-button {
    opacity: 0.58;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
  }
}

.all-companies-banner {
  margin-bottom: 50px;
}
.all-companies-banner .swiper-slide {
  background-size: cover;
  background-position: center;
}
.all-companies-banner .swiper-slide > div {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
}
.all-companies-banner .swiper-slide > div > a {
  font-weight: bold;
  color: #ffffff;
  display: block;
}
.all-companies-banner .swiper-slide > div > div {
  font-weight: 300;
  color: #ffffff;
}
.all-companies-banner .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.all-companies-banner .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 7.5px;
  opacity: 1;
}
.all-companies-banner .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.all-companies-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
  width: 30px;
}
.all-companies-banner .swiper-slide {
  width: 631px;
  height: 290px;
}
.all-companies-banner .swiper-slide > div {
  width: 631px;
  height: 141px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  padding: 69px 20px 0;
}
.all-companies-banner .swiper-slide > div > a {
  line-height: 36px;
  font-size: 25px;
  margin-bottom: 3px;
}
.all-companies-banner .swiper-slide > div > div {
  font-size: 18px;
  line-height: 24px;
}

.collections-company-list {
  margin: -5px -5px 28px;
}
.collections-company-list .swiper-slide {
  background-size: cover;
  background-position: center;
}
.collections-company-list .swiper-slide > div {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
}
.collections-company-list .swiper-slide > div > a {
  font-weight: bold;
  color: #ffffff;
  display: block;
}
.collections-company-list .swiper-slide > div > div {
  font-weight: 300;
  color: #ffffff;
}
.collections-company-list .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.collections-company-list .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 7.5px;
  opacity: 1;
}
.collections-company-list .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.collections-company-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
  width: 30px;
}
.collections-company-list .swiper-container {
  padding: 5px;
}
.collections-company-list .swiper-container .swiper-slide {
  width: 335px;
  height: 175px;
}
.collections-company-list .swiper-container .swiper-slide > div {
  overflow: hidden;
  width: 100%;
  height: 175px;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.collections-company-list .swiper-container .swiper-slide div, .collections-company-list .swiper-container .swiper-slide a {
  color: #646464 !important;
}
.collections-company-list .swiper-pagination {
  margin-top: 15px;
}
.collections-company-list .swiper-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 5px;
}
.collections-company-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
}

.layer-apply-job .layer-apply-job-title {
  font-size: 16px;
  font-weight: bold;
  color: #646464;
  margin-bottom: 10px;
  height: 44px;
  line-height: 44px;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 0 15px;
  box-sizing: border-box;
}
.layer-apply-job .layer-apply-job-title i {
  float: right;
  font-size: 18px;
  cursor: pointer;
  font-weight: 600;
  margin-left: 10px;
  display: block;
  width: 44px;
  height: 44px;
  text-align: center;
}
.layer-apply-job .layer-apply-job-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 10px;
  color: #646464;
}
.layer-apply-job .layer-apply-job-btn {
  text-align: right;
  margin-bottom: 10px;
}
.layer-apply-job .layer-apply-job-btn button {
  min-width: 200px;
  height: 36px;
  line-height: 34px;
  border-radius: 5px;
  border: solid 1px #979797;
  font-size: 14px;
  font-weight: bold;
}
.layer-apply-job .layer-apply-job-btn button i {
  display: inline-block;
  font-size: 20px;
  margin-right: 6px;
  line-height: 20px;
  vertical-align: middle;
}
.layer-apply-job .layer-apply-job-confirm {
  text-align: center;
  margin-top: 20px;
}
.layer-apply-job .layer-apply-job-confirm button:nth-child(1) {
  width: 120px;
}
.layer-apply-job .layer-apply-job-confirm button:nth-child(2) {
  margin-left: 15px;
  width: 300px;
}
.layer-apply-job .account-worksandvideos {
  padding: 0;
  margin: 0 -9px;
}
.layer-apply-job .account-worksandvideos > li {
  padding-left: 9px;
  padding-right: 9px;
}
.layer-apply-job .account-worksandvideos > li .ccount-setting-raido {
  margin-right: 0;
}
.layer-apply-job .account-worksandvideos > li .ccount-setting-raido input[type=radio]:checked {
  color: #fc7c3f;
}

.layer-apply-job-resume ul {
  margin: -5px;
}
.layer-apply-job-resume ul li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  width: 33.33333%;
}
.layer-apply-job-resume ul li > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 64px;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #ffffff;
  background-color: #ffffff;
  padding: 9px;
  line-height: 22px;
}
.layer-apply-job-resume ul li > div.active, .layer-apply-job-resume ul li > div:hover {
  border: 1px solid #fc7c3f;
}

.search-featured-jobs {
  position: relative;
}
.search-featured-jobs .swiper-container {
  padding-bottom: 24px;
}
.search-featured-jobs .swiper-container .swiper-slide {
  color: #646464;
  padding: 0 15px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  overflow: hidden;
  border-radius: 5px;
}
.search-featured-jobs .swiper-container .swiper-slide .job-search-list-featured {
  position: absolute;
  left: 5px;
  top: 8px;
}
.search-featured-jobs .swiper-container .swiper-slide .job-search-list-jobCategory {
  text-align: center;
  padding: 0px 9px;
  line-height: 40px;
  border-bottom: 1PX solid #e6e6e6;
  box-sizing: border-box;
}
.search-featured-jobs .swiper-container .swiper-slide .hover-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  box-sizing: border-box;
  color: #fff;
  transition: all 0.3s;
  overflow: hidden;
  background-color: #fc7c3f;
  padding: 0 15px;
}
.search-featured-jobs .swiper-container .swiper-slide .swiper-slide-hover-box:hover .hover-box {
  height: 100%;
  color: #fff;
}
.search-featured-jobs .swiper-container .swiper-slide .swiper-slide-hover-box:hover .hover-box a {
  color: #fff;
}
.search-featured-jobs .swiper-pagination {
  margin-top: 20px;
  position: unset;
  text-align: center;
  font-size: 0;
}
.search-featured-jobs .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #d2d2d2;
  margin: 0 4px;
  opacity: 1;
}
.search-featured-jobs .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.search-featured-jobs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc7c3f;
}

.upload-works {
  color: #646464;
}
.upload-works.previe .upload-works-left input {
  width: 190px;
}
.upload-works .upload-works-left {
  margin-right: 30px;
  width: 280px;
  float: left;
}
.upload-works .upload-works-left .cover-box {
  width: 350px;
  height: 185px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  display: block;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.26);
  overflow: hidden;
}
.upload-works .upload-works-left input {
  height: 44px;
  color: #646464;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
}
.upload-works .upload-works-left textarea {
  height: 342px;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  resize: none;
  background-color: #ffffff;
}
.upload-works .upload-works-right {
  margin-left: 310px;
}
.upload-works .upload-works-right .file-box {
  background-color: #f2f2f2;
  height: 446px;
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  margin-bottom: 20px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.26);
  overflow: hidden;
}
.upload-works .upload-works-right .file-box .cover {
  height: 100%;
}

.recently-viewed-jobs ul li {
  border-bottom: 1px solid rgb(230, 230, 230);
  position: relative;
  padding: 15px 0;
  height: 70px;
  box-sizing: border-box;
}
.recently-viewed-jobs ul li .hook {
  position: absolute;
  line-height: 70px;
  left: 0;
  top: 0;
}
.recently-viewed-jobs ul li .hook i {
  color: #fc7c3f;
  font-size: 20px;
}
.recently-viewed-jobs ul li .title {
  display: block;
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 2px;
  color: #fc7c3f !important;
}
.recently-viewed-jobs ul li .name {
  display: block;
  line-height: 18px;
}
.recently-viewed-jobs ul li .fangxiang {
  position: absolute;
  line-height: 70px;
  right: 0;
  top: 0;
}

.match-tip {
  margin: -10px !important;
}
.match-tip .color-emc {
  color: var(--el-color-primary) !important;
}
.match-tip > div {
  padding: 0 !important;
  color: #646464 !important;
  margin: 10px;
}
.match-tip > div i {
  font-size: 20px;
}
.match-tip > div .match-tip-title {
  background-color: var(--el-color-primary-light-8);
  padding: 10px 10px 15px;
}
.match-tip > div .match-tip-title .div-table {
  padding: 0 5px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.match-tip > div .match-tip-title .div-table .div-table-cell {
  line-height: 24px;
  font-size: 16px;
  color: var(--el-color-primary);
}
.match-tip > div .match-tip-title .div-table .div-table-cell:last-child {
  text-align: right;
}
.match-tip > div .match-tip-title .progress {
  border-radius: 10px;
  background-color: #ffffff;
  height: 5px;
}
.match-tip > div .match-tip-title .progress > div {
  height: 5px;
  border-radius: 10px;
  background-color: var(--el-color-primary);
}
.match-tip > div .match-tip-list {
  padding: 20px 15px 10px;
}
.match-tip > div .match-tip-list .div-table {
  width: 100%;
  line-height: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}
.match-tip > div .match-tip-list .div-table .div-table-cell {
  vertical-align: top;
}
.match-tip > div .match-tip-list .div-table .div-table-cell i {
  display: inline-block;
  vertical-align: top;
  height: 20px;
}
.match-tip > div .match-tip-list .div-table .div-table-cell:last-child {
  text-align: right;
}
.match-tip > div .match-tip-list .div-table .div-table-cell:last-child i {
  display: block;
  height: 20px;
}
.match-tip > div .match-tip-bottom {
  height: 44px;
  background-color: #F2F2F2;
  padding: 0 15px;
  box-sizing: border-box;
}
.match-tip > div .match-tip-bottom.div-table .div-table-cell {
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  padding: 0 10px;
}
.match-tip > div .match-tip-bottom.div-table .div-table-cell i {
  vertical-align: -3px;
}

.job-search-filter {
  padding: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  margin-bottom: 23px;
  border-radius: 5px;
}
.job-search-filter .label-title {
  margin-bottom: 4px;
  font-weight: bold;
  color: #646464;
  line-height: 20px;
  padding-left: 12px;
}
.job-search-filter .select-phone-code {
  width: 100%;
}
.job-search-filter .select-phone-code button .ellipsis {
  width: 80%;
}
.job-search-filter .el-input__inner {
  border-radius: 10px;
  border: solid 1px #e2e2e2;
  height: 44px;
}

@media screen and (max-width: 375px) {
  .mobile-header .mobile-header-tab ul li {
    padding: 0 3%;
  }
  .mobile-header .mobile-header-tab ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  footer .footer-bg {
    height: 172px;
  }
  footer .footer-menu nav {
    font-size: 14px;
    line-height: 24px;
  }
  footer .footer-menu div select {
    margin-right: 0;
  }
  footer .footer-menu div span {
    display: block;
    text-align: center;
    margin-top: 18px;
  }
  .Rectangle-1414 .Rectangle-1414-title img {
    position: absolute;
    right: 5%;
    bottom: 0;
    width: 60%;
    margin-right: 0;
  }
  body[lang=en] .Rectangle-1414 .Rectangle-1414-nav ul li img {
    width: 45%;
  }
}
@media screen and (max-width: 992px) {
  .layer-box-one {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .mobile-header .mobile-header-nav.this .mobile-header-nav-left {
    background-color: #f47932;
  }
  .mobile-header .mobile-header-nav.this .mobile-header-nav-left * {
    color: #000 !important;
  }
  #registerForm {
    width: 100%;
  }
  .long-banner-1,
  #searchJob,
  #companyMoreJobs,
  .job-tag-table,
  .company-introduction,
  .Rectangle-817 {
    display: none;
  }
  .hot-recommended {
    height: 34px;
    white-space: normal;
    overflow: hidden;
  }
  .mobile-index-title,
  .mobile-header,
  .mobile-job-tag,
  .mobile-nav {
    display: block !important;
  }
  .unit-big-title {
    border: none;
  }
  .unit-big-title > div {
    display: block;
    text-align: right !important;
  }
  .unit-big-title > div:nth-child(odd) {
    margin: 12px 0;
  }
  .unit-big-title .title span {
    box-sizing: border-box;
    text-align: left;
    font-size: 24px;
    line-height: unset;
    border: none;
    width: 100%;
  }
  .similar-jobs,
  .other-jobs {
    height: 324px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .unit-slides {
    width: 100%;
    overflow: auto;
  }
  .unit-slides ul li {
    width: 230px !important;
  }
  .mobile-company-introduction {
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    background: #ffffff;
  }
  .Rectangle-824 {
    height: 50px;
  }
  .Rectangle-824 nav a {
    margin: unset;
    width: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
  }
  .Rectangle-824 nav a.this, .Rectangle-824 nav a:hover {
    border-bottom: 4px solid #fff;
  }
  .Rectangle-823 {
    height: 241px;
    margin-bottom: 21px;
  }
  .Rectangle-823 .Rectangle-823-bg2 {
    margin-left: -81px;
  }
  .Rectangle-331 {
    width: 318px;
    height: 174px;
    top: 29px;
    left: 50%;
    margin-left: -159px;
  }
  .Rectangle-331 .Rectangle-331-leftbox .Rectangle-331-leftbox-Group-2613 {
    width: 174px;
    height: 73px;
    font-size: 16px;
    margin: 50px 0 0 -50px;
  }
  .Rectangle-331 .Rectangle-331-rightbox {
    padding: 0;
    text-align: center;
  }
  .Rectangle-331 .Rectangle-331-rightbox p {
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    margin: unset;
  }
  .Rectangle-331 .Rectangle-331-rightbox b {
    font-size: 14px;
    line-height: 20px;
  }
  .Rectangle-331 .Rectangle-331-rightbox span {
    font-size: 12px;
    line-height: 20px;
  }
  .Rectangle-818 {
    margin-left: 0;
    padding: 19px;
  }
  .about-us-section1 {
    height: unset;
    padding: 45px 0;
  }
  .about-us-section1 h1 {
    font-size: 24px;
  }
  .about-us-section1 p {
    font-size: 14px;
    padding: 0 20px;
  }
  .about-us-section2 {
    padding: 45px 40px 310px 40px;
    height: unset;
    background-image: url("/images/Group 3243.png");
    background-position: left bottom;
    background-size: 100% auto;
  }
  .about-us-section2 h1 {
    margin-bottom: 35px;
    font-size: 24px;
  }
  .about-us-section2 h1 span {
    border-bottom-width: 3px;
  }
  .about-us-section2 h3 {
    font-size: 18px;
  }
  .about-us-section2 p {
    font-size: 14px;
    margin-bottom: 25px;
  }
  .about-us-section4 {
    height: unset;
    padding: 45px 40px 310px 40px;
    background-image: url("/images/Group 3246.png");
    background-position: center bottom;
    background-size: 100% auto;
  }
  .about-us-section4 h1 {
    font-size: 24px;
    text-align: center;
  }
  .about-us-section4 h1 span {
    border-bottom-width: 3px;
  }
  .about-us-section4 h3 {
    font-size: 18px;
  }
  .about-us-section4 p {
    font-size: 14px;
  }
  .about-us-section5 {
    height: unset;
    padding: 45px 0;
  }
  .about-us-section5 .about-us-section5-title h1 {
    font-size: 24px;
  }
  .about-us-section5 .about-us-section5-title h1 span {
    border-bottom-width: 3px;
  }
  .about-us-section5 .about-us-section5-title p {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .Rectangle-873 img {
    display: none;
  }
  .Rectangle-873 h2 {
    font-size: 18px;
  }
  .Rectangle-873 h2 span {
    border-bottom-width: 3px;
  }
  .Rectangle-873 p {
    font-size: 14px;
  }
  .Rectangle-283 h1 {
    font-size: 24px;
    font-weight: 900;
  }
  .company-logo .company-logo-title > div {
    display: block;
  }
  .company-logo .company-logo-title > div > div {
    display: block;
    text-align: center;
  }
  .company-logo .company-logo-title > div > div:nth-child(even) {
    margin: 9px 0 17px;
    text-align: center;
  }
  .company-logo .company-logo-btn {
    text-align: center;
  }
  .company-introduce .company-introduce-title span {
    font-size: 18px;
  }
  .company-introduce .company-introduce-contact {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .unit-title {
    margin-bottom: 15px;
    border-bottom-color: #707070 !important;
  }
  .unit-title span {
    font-size: 18px;
  }
  #indexBody {
    background-image: url("/images/people-01.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    margin-bottom: -60px;
    padding-bottom: 60px;
    position: relative;
  }
  #indexBody .index-title {
    display: none;
    font-size: 24px;
    float: left;
    padding-top: 0;
    padding-bottom: 25px;
    margin-top: -25px;
  }
  #indexBody .index-title p {
    height: 36px;
    border-bottom: 28px solid #cfddf3;
    padding: 0 4px;
  }
  #indexBody .index-title p span {
    line-height: 36px;
  }
  #indexBody .job-list {
    padding: 0 10vw;
    padding-top: 120px;
  }
  #indexBody .index-tab {
    height: 50px;
    top: -50px;
  }
  #indexBody .index-tab .index-tab-title li {
    font-size: 16px;
    line-height: 50px;
    margin: 0 17px;
  }
  #indexBody .index-tab-content > div {
    display: none;
  }
  #indexBody .index-tab-content > div.this {
    display: block;
  }
  #indexBody .urgent-jobs li h3,
  #indexBody .latest-jobs li h3 {
    text-align: center;
  }
  #indexBody .urgent-jobs li h4,
  #indexBody .latest-jobs li h4 {
    text-align: center;
  }
  .job-search-avatar {
    display: none;
  }
  .job-search-filter-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: solid 1px #cfddf3;
    background-color: #FFF;
    padding: 0 20px;
    font-size: 16px;
    color: #646464;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0px;
  }
  .job-search-filter-title.this i {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  .job-search-filter-title i {
    display: block;
  }
  /*.job-search-filter {
    height: 0px;
    overflow: hidden;
    padding: 0;
    transition: all 0.3s;

    &.this {
      height: unset;
      overflow: unset;
      padding: 15px;
    }
  }*/
  .mobile-job-search-li {
    border: solid 1px #cfddf3;
    background-color: #fff;
    padding: 30px 20px 20px;
    margin-bottom: 10px;
    position: relative;
  }
  .mobile-job-search-li .mobile-job-search-li-logo a {
    display: block;
    height: 80px;
    text-align: center;
  }
  .mobile-job-search-li .mobile-job-search-li-logo a img {
    max-width: 100%;
    max-height: 100%;
  }
  .mobile-job-search-li .mobile-job-search-li-title a, .mobile-job-search-li .mobile-job-search-li-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 26.6666666667px;
  }
  .mobile-job-search-li .mobile-job-search-li-title a {
    font-size: 16px;
    font-weight: bold;
    color: #008cd2;
  }
  .mobile-job-search-li .mobile-job-search-li-title span {
    font-size: 14px;
    color: #979797;
  }
  .mobile-job-search-li .mobile-job-search-li-title span a {
    color: #979797;
  }
  .mobile-job-search-li .ribbon {
    position: absolute;
    left: 0;
    top: 0;
  }
  .mobile-job-search-li .ribbon a {
    display: block;
    background: #e45e24;
    color: #fff;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0px 15px;
  }
  .job-search-ul {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .job-search-li {
    display: none !important;
  }
  #searchListBtn {
    display: none !important;
  }
  .apply-jobs .apply-jobs-box {
    margin-top: 27px;
  }
  .apply-jobs .apply-jobs-box > div {
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
  }
  .apply-jobs .apply-jobs-box .apply-job-info h1,
  .apply-jobs .apply-jobs-box .upload-resume h1,
  .apply-jobs .apply-jobs-box .cover-letter h1 {
    font-size: 18px;
  }
  .apply-jobs .apply-jobs-box .apply-job-info p,
  .apply-jobs .apply-jobs-box .upload-resume p,
  .apply-jobs .apply-jobs-box .cover-letter p {
    font-size: 12px;
    line-height: 18px;
  }
  .apply-jobs .apply-jobs-box .apply-job-info {
    padding-top: 24px;
  }
  .apply-jobs .apply-jobs-box .apply-job-info h1, .apply-jobs .apply-jobs-box .apply-job-info p {
    padding: 0 30px;
  }
  .apply-jobs .apply-jobs-box .upload-resume {
    padding-top: 24px;
    padding-bottom: 15px;
    position: unset;
  }
  .apply-jobs .apply-jobs-box .upload-resume h1, .apply-jobs .apply-jobs-box .upload-resume p {
    padding: 0 30px;
  }
  .apply-jobs .apply-jobs-box .upload-resume .upload-resume-btn {
    position: unset;
    text-align: center;
    margin: 10px 0;
  }
  .apply-jobs .apply-jobs-box .upload-resume .upload-resume-btn a {
    margin: 0 10px;
  }
  .apply-jobs .apply-jobs-box .upload-resume .upload-resume-btn .add-resume {
    display: none;
  }
  .apply-jobs .apply-jobs-box .cover-letter {
    padding: 24px 30px;
  }
  .apply-jobs .apply-jobs-box .cover-letter .cover-letter-form span {
    margin: 6px 0 12px;
    display: block;
    font-size: 12px;
  }
  .apply-jobs .apply-jobs-box .cover-letter .cover-letter-select {
    display: block;
    margin-left: 0px;
  }
  .account-successful-application {
    padding: 24px 30px;
  }
  .account-successful-application .account-successful-application-title p {
    margin-top: 14px;
    margin-bottom: 11px;
    font-size: 18px;
  }
  .account-successful-application .account-successful-application-morejob .interest-jobs {
    width: 100%;
    overflow: auto;
  }
  footer .footer-logo {
    display: none;
  }
  footer .float-right {
    float: unset;
  }
  footer .footer-menu {
    text-align: center;
  }
  #page-login .login-content {
    padding: 0;
  }
  #page-login .login-content .login-main {
    width: 100%;
    padding: 40px 40px;
    height: 100%;
  }
  #page-login .login-content .login-main .vertical-align {
    height: unset;
  }
  .mobile-mode {
    display: block !important;
  }
  .pc-mode {
    display: none;
  }
  #jobApplyBar .job-apply-bar {
    height: auto;
  }
  #jobApplyBar .job-apply-bar .div-table {
    display: block;
  }
  #jobApplyBar .job-apply-bar .div-table .div-table-cell {
    display: block;
  }
  #jobApplyBar .job-apply-bar .job-apply-title h1 {
    font-size: 18px;
    line-height: 27px;
    white-space: unset;
    padding-top: 12px;
    margin-bottom: 12px;
    max-height: 54px;
    display: block;
    width: 100%;
  }
  #jobApplyBar .job-apply-bar .job-apply-btn {
    text-align: left;
    display: table !important;
    width: 100%;
    padding-bottom: 12px;
  }
  #jobApplyBar .job-apply-bar .job-apply-btn a {
    font-size: 14px;
    display: table-cell;
    padding: unset;
  }
  #jobApplyBar .job-apply-bar .job-apply-btn .apply-job {
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    width: 100%;
  }
  .job-information .job-title {
    padding-bottom: 16px;
    border-bottom: 1px solid #707070;
  }
  .job-information .job-title:after {
    content: "";
    width: 138px;
    height: 3px;
    display: block;
    background-color: #e45e24;
    margin-bottom: -18px;
    margin-top: 16px;
  }
  .job-information .job-tag {
    border: none;
  }
  .job-information .job-detail .group-title {
    font-size: 18px;
    font-weight: bold;
    color: #fc7c3f;
    border-bottom: 1px solid #707070;
    padding-bottom: 15px;
  }
  .job-information .job-detail .group-title:after {
    content: "";
    width: 138px;
    height: 3px;
    display: block;
    background-color: #e45e24;
    margin-bottom: -17px;
    margin-top: 15px;
  }
  .job-information .job-detail > div .apply-job {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .partner-company {
    margin-bottom: -60px;
    background-image: url("/images/Mask_Group_36.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: unset;
    padding-bottom: 50px;
  }
  .partner-company h1 {
    font-size: 18px;
    color: #151d24;
    padding-top: 50px;
    margin-bottom: 26px;
  }
  .partner-company ul {
    padding: 0 65px;
  }
  .partner-company ul:after {
    content: "";
    clear: both;
    display: block;
  }
  .partner-company ul li {
    width: 25%;
    padding: 6px;
  }
  #servicePricing {
    margin-bottom: -60px;
    background-image: url("/images/AdobeStock_164073772.jpg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    overflow-x: hidden;
    width: 100%;
  }
  #servicePricing h1 {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #151d24;
    width: 264px;
    margin: 0 auto 15px;
  }
  #servicePricing h2 {
    font-size: 18px;
    font-weight: bold;
    color: #151d24;
    margin-bottom: 30px;
  }
  #servicePricing h5 {
    font-size: 12px;
  }
  #servicePricing .pricing-order-content {
    border-top: 1px solid rgb(210, 210, 210);
    border-bottom: 1px solid rgb(210, 210, 210);
    padding: 21px 0;
    margin-top: 28px;
    margin-bottom: 28px;
  }
  #servicePricing .pricing-order-content table {
    width: 100%;
  }
  #servicePricing .pricing-order-content table tr td {
    display: block;
  }
  #servicePricing .pricing-order-content table tr td > div {
    font-size: 18px !important;
    padding-bottom: 15px;
  }
  #servicePricing .pricing-order-content table tr td > div > a {
    font-size: 14px !important;
    vertical-align: 2px !important;
    float: right;
  }
  #servicePricing .pricing-order-content table tr td .order-info div {
    font-size: 12px !important;
    text-align: center;
    padding-bottom: 10px;
  }
  #servicePricing .pricing-order-content table tr td .pricing-price span:nth-child(1) {
    vertical-align: bottom !important;
  }
  #servicePricing .pricing-order-content table tr td .pricing-price span:nth-child(2) {
    font-size: 24px !important;
  }
  #servicePricing .pricing-order-content table tr td .pricing-price span:nth-child(3) {
    vertical-align: bottom !important;
  }
  #servicePricing .pricing-order-content table tr td:last-child > div {
    padding: 0;
  }
  #servicePricing .pricing-form {
    margin-bottom: 36px;
  }
  #servicePricing .pricing-form > div {
    margin-bottom: 18px;
  }
  #servicePricing .pricing-form > div label {
    display: block;
    line-height: 34px;
  }
  #servicePricing .pricing-form > div label .pricing-form-savebtn {
    display: none;
  }
  #servicePricing .pricing-form > div .pricing-form-input {
    display: none;
  }
  #servicePricing .pricing-payment-method {
    padding: 0px;
    width: 270px;
    margin: 0 auto;
  }
  #servicePricing .pricing-payment-method div {
    vertical-align: top;
    line-height: 45px;
    color: #008cd2;
    height: 45px;
    font-size: 16px;
  }
  #servicePricing .pricing-payment-method div i {
    font-size: 18px !important;
  }
  #servicePricing .pricing-payment-method div img {
    width: 60%;
  }
  #servicePricing .pricing-payment-method div.this, #servicePricing .pricing-payment-method div:hover {
    border: solid 2px #008cd2;
    line-height: 43px;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    _filter: unset;
  }
  #servicePricing .pricing-payment-method-paypal.this,
  #servicePricing .pricing-payment-method-offline.this {
    display: block;
  }
  #servicePricing .pricing-payment-method-paypal,
  #servicePricing .pricing-payment-method-offline {
    display: none;
    margin-top: 32px;
  }
  #servicePricing .pricing-payment-method-paypal .pricing-payment-box,
  #servicePricing .pricing-payment-method-offline .pricing-payment-box {
    background-color: #F2F2F2;
    padding: 15px 0 15px 25px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
  }
  #servicePricing .pricing-payment-method-paypal .pricing-payment-box table tr td,
  #servicePricing .pricing-payment-method-offline .pricing-payment-box table tr td {
    font-size: 16px !important;
    color: #646464;
  }
  #servicePricing .pricing-payment-method-paypal .pricing-payment-box table tr td .pricing-price span:nth-child(1),
  #servicePricing .pricing-payment-method-offline .pricing-payment-box table tr td .pricing-price span:nth-child(1) {
    vertical-align: bottom !important;
  }
  #servicePricing .pricing-payment-method-paypal .pricing-payment-box table tr td .pricing-price span:nth-child(2),
  #servicePricing .pricing-payment-method-offline .pricing-payment-box table tr td .pricing-price span:nth-child(2) {
    font-size: 16px !important;
  }
  #servicePricing .pricing-payment-method-paypal .pricing-payment-box table tr td .pricing-price span:nth-child(3),
  #servicePricing .pricing-payment-method-offline .pricing-payment-box table tr td .pricing-price span:nth-child(3) {
    vertical-align: bottom !important;
  }
  #servicePricing .pricing-payment-status .pricing-order-content {
    background-color: #F2F2F2;
    padding-left: 37px;
    padding-right: 37px;
  }
  #servicePricing .pricing-payment-status .pricing-contact {
    background-color: #F2F2F2;
    padding: 20px 30px;
    margin: 22px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
  }
  #servicePricing .pricing-payment-status .pricing-contact table {
    width: 100%;
  }
  #servicePricing .pricing-payment-status .pricing-contact table tr td {
    width: 100%;
    display: block;
    margin-bottom: 22px;
    padding-right: 20px;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
  }
  #servicePricing .pricing-payment-status .pricing-contact table tr td label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    color: #151d24;
  }
  #servicePricing .pricing-payment-status .pricing-contact table tr td div {
    color: #646464;
  }
  .Rectangle-1335 {
    padding: 25px 0;
    margin-top: 0;
  }
  .Rectangle-1335 h1 {
    font-size: 18px;
  }
  .Rectangle-1335 > a {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: bold;
    min-width: 168px;
    margin: 25px 0 15px;
  }
  .Rectangle-1335 p {
    font-size: 16px;
  }
  .Rectangle-1414 {
    height: 380px;
  }
  .Rectangle-1414 .Rectangle-1414-title {
    text-align: center;
  }
  .Rectangle-1414 .Rectangle-1414-title * {
    color: #fff;
  }
  .Rectangle-1414 .Rectangle-1414-title h1 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 49px;
    line-height: 27px;
  }
  .Rectangle-1414 .Rectangle-1414-title hr {
    height: 2px;
    width: 168px;
    display: block;
    margin: 15px auto;
  }
  .Rectangle-1414 .Rectangle-1414-title p {
    font-size: 12px;
  }
  .Rectangle-1414 .Rectangle-1414-title a {
    display: none;
  }
  .Rectangle-1414 .Rectangle-1414-title img {
    position: absolute;
    right: 50%;
    bottom: 0;
    width: 60%;
    margin-right: -19%;
    max-width: 330px;
  }
  .Rectangle-1414 .Rectangle-1414-nav {
    position: absolute;
    bottom: 27px;
    left: 15px;
    margin: 0;
  }
  .Rectangle-1414 .Rectangle-1414-nav ul li {
    font-size: 12px;
    width: 80px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 14px;
  }
  .Rectangle-1414 .Rectangle-1414-nav ul li:last-child {
    margin-bottom: 0px;
  }
  .Rectangle-1414 .Rectangle-1414-nav ul li img {
    width: 75%;
  }
  #serviceList > h1 {
    font-size: 16px;
    font-weight: bold;
  }
  #serviceList > h2 {
    font-size: 16px !important;
    color: #646464 !important;
    margin: 0px 0 50px !important;
  }
  #serviceList table {
    border-collapse: unset;
    border-spacing: 20px 0;
  }
  #serviceList table tr td, #serviceList table tr th {
    width: 16.6666666667% !important;
  }
  #serviceList table tr td.is-best-seller .service-box-body .service-box-body-price, #serviceList table tr td.is-best-value .service-box-body .service-box-body-price, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price {
    position: relative;
  }
  #serviceList table tr td.is-best-seller .service-box-body .service-box-body-price:before, #serviceList table tr td.is-best-value .service-box-body .service-box-body-price:before, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price:before, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price:before {
    right: -8px;
    top: 30px;
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 0 0 10px 8px;
  }
  #serviceList table tr td.is-best-seller .service-box-body .service-box-body-price:after, #serviceList table tr td.is-best-value .service-box-body .service-box-body-price:after, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price:after, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price:after {
    width: 145px;
    height: 43px;
    line-height: 43px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    right: -8.5px;
    top: -13px;
    color: #fff;
  }
  #serviceList table tr td.is-best-seller .service-box-body .service-box-body-price div, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price div {
    color: #008cd2 !important;
  }
  #serviceList table tr td.is-best-seller .service-box-body .service-box-body-price:before, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price:before {
    border-color: transparent transparent transparent #008cd2;
  }
  #serviceList table tr td.is-best-seller .service-box-body .service-box-body-price:after, #serviceList table tr th.is-best-seller .service-box-body .service-box-body-price:after {
    content: "Best Seller";
    background-color: #008cd2;
  }
  #serviceList table tr td.is-best-seller .service-list-ul li:nth-child(odd), #serviceList table tr th.is-best-seller .service-list-ul li:nth-child(odd) {
    background-color: #cfddf3;
  }
  #serviceList table tr td.is-best-value .service-box-body .service-box-body-price div, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price div {
    color: #fc7c3f !important;
  }
  #serviceList table tr td.is-best-value .service-box-body .service-box-body-price:before, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price:before {
    border-color: transparent transparent transparent #fc7c3f;
  }
  #serviceList table tr td.is-best-value .service-box-body .service-box-body-price:after, #serviceList table tr th.is-best-value .service-box-body .service-box-body-price:after {
    content: "Best Value";
    background-color: #fc7c3f;
  }
  #serviceList table tr td.is-best-value .service-box-body .service-box-body-btn a, #serviceList table tr th.is-best-value .service-box-body .service-box-body-btn a {
    background-image: linear-gradient(to right, #a54325, #e2794c);
  }
  #serviceList table tr td.is-best-value .service-list-ul li:nth-child(odd), #serviceList table tr th.is-best-value .service-list-ul li:nth-child(odd) {
    background-color: #ffbf9a;
  }
  #serviceList table .service-box-body {
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
    margin-bottom: 44px;
  }
  #serviceList table .service-box-body .service-box-body-title {
    height: 150px;
    padding-top: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
  }
  #serviceList table .service-box-body .service-box-body-title > div {
    padding: 0 0 0 44px;
    position: relative;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.51);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
  }
  #serviceList table .service-box-body .service-box-body-title > div span {
    position: absolute;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.51);
    font-size: 12px;
    bottom: 78%;
    left: 26px;
    background-image: url("/images/Group 3924.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 34px;
    width: 123px;
    padding: 0 0 0 18px;
    box-sizing: border-box;
  }
  #serviceList table .service-box-body .service-box-body-price {
    text-align: center;
    padding: 45px 0 0;
  }
  #serviceList table .service-box-body .service-box-body-price div {
    display: inline-block;
    position: relative;
    color: #646464;
    font-size: 24px;
    padding: 0 10px;
    margin-right: 15px;
  }
  #serviceList table .service-box-body .service-box-body-price div span:first-child {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 100%;
  }
  #serviceList table .service-box-body .service-box-body-price div span:last-child {
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 100%;
  }
  #serviceList table .service-box-body .service-box-body-btn {
    padding: 25px;
  }
  #serviceList table .service-box-body .service-box-body-btn a {
    height: 44px;
    line-height: 44px;
    object-fit: contain;
    border-radius: 5px;
    background-image: linear-gradient(to right, #5b247a, #1bcedf);
    font-size: 14px;
    background-color: #fff;
    padding: 0;
  }
  #serviceList table tbody tr {
    text-align: center;
  }
  #serviceList table tbody tr:nth-child(odd) {
    background-color: #d2d2d2;
  }
  #serviceList table tbody tr:last-child td div {
    padding: 20px 0px 20px 10px;
    box-sizing: border-box;
  }
  #serviceList table tbody tr td:first-child {
    text-align: left;
  }
  #serviceList table tbody tr td:first-child div {
    padding-left: 10px;
  }
  #serviceList table tbody tr td:first-child div span {
    padding: 0 20px 0 10px;
    display: block;
  }
  #serviceList table tbody tr td div {
    min-height: 55px;
    font-size: 16px;
    font-weight: bold;
  }
  #serviceList table tbody tr td div p {
    line-height: 55px;
  }
  #serviceList table tbody tr td div span {
    font-size: 12px;
  }
  #serviceList .service-list-ul {
    text-align: center;
  }
  #serviceList .service-list-ul li {
    min-height: 66px;
    padding: 21px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #serviceList .service-list-ul li p {
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 12px;
  }
  #serviceList .service-list-ul li span {
    padding: 0 20px;
    display: block;
    margin-top: 4px;
  }
  #serviceList .service-list-ul li:nth-child(odd) {
    background-color: #d2d2d2;
  }
  #serviceCarousel {
    overflow: unset;
  }
  #serviceCarousel .swiper-pagination-bullets {
    bottom: -32px;
  }
  #serviceCarousel .swiper-button-next,
  #serviceCarousel .swiper-button-prev {
    background-size: 20px 33px;
    width: 20px;
    height: 33px;
  }
  #serviceCarousel .swiper-button-prev, #serviceCarousel .swiper-container-rtl .swiper-button-next {
    left: -18px;
  }
  #serviceCarousel .swiper-button-next, #serviceCarousel .swiper-container-rtl .swiper-button-prev {
    right: -18px;
  }
  #serviceCarousel .register-service-list {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
    overflow: hidden;
    background: #fff;
    height: 414px !important;
    padding: 21px;
    box-sizing: border-box;
  }
  #serviceCarousel .register-service-list .register-service-title p {
    font-size: 12px;
    color: #646464;
  }
  #serviceCarousel .register-service-list .register-service-title h1 {
    font-size: 36.8px;
    font-weight: bold;
    color: #008cd2;
  }
  #serviceCarousel .register-service-list .register-service-title div {
    position: relative;
    font-size: 12px;
    color: #151d24;
    padding-bottom: 6px;
  }
  #serviceCarousel .register-service-list .register-service-title div:after {
    content: "";
    height: 1px;
    width: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #151d24;
  }
  #serviceCarousel .register-service-list ul {
    margin-top: 14px;
  }
  #serviceCarousel .register-service-list ul li {
    font-size: 14px;
    color: #646464;
    line-height: 30px;
  }
  #serviceCarousel .register-service-list ul li i {
    vertical-align: -2px;
    font-size: 22px;
    margin-right: 6px;
  }
  #serviceCarousel .register-service-list ul li i.fa-check-circle {
    color: #008cd2;
  }
  #serviceCarousel .register-service-list ul li i.fa-minus-circle {
    color: #979797;
  }
  #serviceCarousel .register-service-list ul li span {
    font-weight: bold;
    color: #008cd2;
  }
  #serviceCarousel .register-service-list .register-service-btn {
    margin-top: 18px;
  }
  #serviceCarousel .register-service-list .register-service-btn a {
    background-color: #008cd2;
  }
  .left-right-box {
    margin-top: 15px;
  }
  .left-right-box .left-box {
    display: none;
  }
  .left-right-box .right-box {
    width: 100%;
  }
  .left-right-box .right-box .myaccount-title {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #fff;
  }
  .myaccount-bg {
    height: 140px;
    margin-bottom: -120px;
  }
  body[lang=en] #serviceList > h1 {
    font-size: 16px !important;
  }
  body[lang=en] .Rectangle-1414 .Rectangle-1414-nav ul li {
    width: 140px;
  }
  body[lang=en] .Rectangle-1414 .Rectangle-1414-nav ul li img {
    width: 45%;
  }
}
@media screen and (max-width: 1200px) {
  .header .header-search .header-logo .header-logo-bg {
    right: -20px;
  }
  .index-tab .index-tab-title li {
    margin-right: 20px;
  }
  .header .header-search .header-search-table form {
    width: 390px;
  }
  .header .header-search .header-search-table form input {
    width: 245px;
  }
}
@media screen and (min-width: 1500px) {
  #jobApplyBar .job-apply-bar .job-apply-title h1 {
    width: calc(100vw - 700px);
  }
}
@media screen and (min-width: 1700px) {
  #serviceList {
    width: 1600px;
  }
  #serviceList .service-list-ul li {
    padding: 0;
  }
  #serviceList .service-list-ul li p {
    line-height: 66px;
  }
  #serviceList .service-list-ul li span {
    margin-top: -20px;
  }
  #jobApplyBar .job-apply-bar .job-apply-title h1 {
    width: calc(100vw - 1000px);
  }
}
body[lang=en] .statistics-box .btn-apply-jobs {
  font-size: 14px;
  width: 100%;
  padding: 0;
}
body[lang=en] .job-search-ul .job-search-li .job-search-info {
  white-space: initial !important;
}
body[lang=en] .job-search-avatar .my-account-list a {
  margin-left: 0;
}
body[lang=en] #serviceList > h1 {
  font-size: 30px;
}
body[lang=en] .partner-company h1 {
  font-size: 26.8px;
}
body[lang=en] #servicePricing h1 {
  font-size: 28px;
}
body[lang=en] #servicePricing .pricing-payment-method div {
  font-size: 30px;
}

#job_box .job-box-content ul,
#job_box .job-box-content ol {
  padding-inline-start: 30px;
}
#job_box .job-box-content li {
  list-style: unset;
  display: list-item;
  text-align: -webkit-match-parent;
}

.el-popper.company-account-header-nav-popover {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.el-popper.company-account-header-nav-popover ul {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.el-popper.company-account-header-nav-popover ul > li {
  text-align: center;
  position: relative;
}
.el-popper.company-account-header-nav-popover ul > li hr {
  width: 100%;
  height: 2px;
  background-color: rgb(255, 239, 231);
  margin: 0;
}
.el-popper.company-account-header-nav-popover ul > li a {
  line-height: 55px;
  display: block;
  color: var(--el-color-primary);
  border-radius: 10px;
}
.el-popper.company-account-header-nav-popover ul > li a:hover {
  background-color: transparent;
  font-weight: bold;
}
.el-popper.company-account-header-nav-popover ul > li.active a {
  font-weight: bold;
  background-color: #e5f5fb;
  margin: 0 5px;
}

/*# sourceMappingURL=style.css.map */