:root {
    --custom_color: #2e008b;
}

.common-style li:hover,
.side-container .filter-container .need-hide li:hover .selected-filter,
.need-hide li:hover,
.filter-label .active-filter .location-filter-name .text,
.selected-filter,
.active-parent-industry,
.active-work-time,
.active-salary,
.active-city,
.active-region,
.active-area,
.active-son-industry,
.active-role-type,
.active-order,
.active-custom-filter-item,
.cbd-filter-container .city-name:hover,
.cbd-filter-container .region-name:hover,
.cbd-filter-container .area-name:hover,
.cbd-filter-container .active-name,
.subCompany .oneComp a,
.job-search-result-container .company-desc .job_title,
.job-search-result-container .show_referral span.balance,
.job-search-result-container .com_referral_pop .ref_reward,
.geo_locations .locations li:hover,
/*.job_detail_new .job_detail div p span.salary,*/
.job_detail_new div.opeartion-btn > a.become-referer-btn,
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop ul li span.ref_reward,
.job_detail_new div.opeartion-btn > a.become-referer-btn:hover .com_referral_pop .referral-tip-message,
.com_jobs .subCompany .aJob p.job_title,
.com_jobs .subCompany .aJob .show_referral span.balance,
.com_jobs .subCompany .aJob .show_referral .referral-tip-message,
.com_jobs .subCompany .aJob .com_referral_pop ul li span.ref_reward,
.job-search-result-container .job_location_name .num,
.job-search-result-container .com_referral_pop .referral-tip-message,
.com_jobs .subCompany .aJob .date_location .job_location_name .num {
    color: #2e008b;
}

.join_button,
.loginSubmitBtn {
    background-color: #2e008b;
}

.join_button:hover,
.loginSubmitBtn:hover {
    background-color: #2e008b;
    color: #fff;
}

#search-field .search-content-container,
.job-search-result-container .company-element:hover,
.cbd-filter-container .cbd-tabs .selected-tab,
.job-search-result-container .show_referral,
.job-search-result-container .com_referral_pop,
.job-search-result-container .date_location .gd_location_pop .geo_locations,
.job_detail_new div.opeartion-btn > a,
.job_detail_new #submit-button,
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop,
.com_jobs .subCompany .aJob:hover,
.com_jobs .aJob .date_location .gd_location_pop .geo_locations,
.com_jobs .subCompany .aJob .show_referral,
.com_jobs .subCompany .aJob .com_referral_pop {
    border-color: #2e008b;
}

#search-field .search-button,
.cbd-filter-container .cbd-tabs .filter-btn,
a.action-button-link,
a.action-button-link:hover,
.job_detail_new div.opeartion-btn #submit-button,
.job-search-result-container .show_referral span.ref_applay,
.com_jobs .subCompany .aJob .show_referral span.ref_applay,
#share-referral-popup .share-tip-container,
#Main .wechat_QC_popDiv .pop_header,
#PageWrapper .share_to_wechat .pop_header {
    background: #2e008b;
}

.com_job_detail .com_content h4,
.com_job_detail .com_jobs h4,
.job_detail_new h4,
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop > span {
    border-left-color: #2e008b;
}

.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop .arrow_b {
    border-left-color: #fff;
}

.job-search-result-container .com_referral_pop .arrow_a,
.com_jobs .subCompany .aJob .com_referral_pop span.arrow_a {
    border-right-color: #2e008b;
}

.com_jobs .subCompany .aJob .com_referral_pop span.arrow_b,
.job-search-result-container .com_referral_pop .arrow_b {
    border-right-color: #fff;
}

.job-search-result-container .date_location .gd_location_pop .arrow > span,
.com_jobs .aJob .date_location .gd_location_pop .arrow > span {
    border-top-color: #2e008b;
}

.job-search-result-container .date_location .gd_location_pop span.geo_arrow_b,
.com_jobs .aJob .date_location .gd_location_pop span.geo_arrow_b {
    border-top-color: #fff;
}

#share-referral-popup .close-btn,
#Main .wechat_QC_popDiv .pop_header .close_icon,
#PageWrapper .share_to_wechat .pop_header .close_icon,
.subCompany .oneComp,
.icon_joblink_up,
.icon_joblink_down,
#location-container .filter-label .arrow-icon,
#location-container .filter-label .active-filter .arrow-icon,
#location-container .filter-label .selected-filter .arrow-icon,
.job-search-result-container .hot_job_icon {
    font-family: 'icomoon' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
}

#share-referral-popup .close-btn {
    width: 28px;
    height: 28px;
    right: -10px;
    top: -10px;
}

#share-referral-popup .close-btn,
#Main .wechat_QC_popDiv .pop_header .close_icon,
#PageWrapper .share_to_wechat .pop_header .close_icon {
    border-radius: 50%;
    color: #fff;
    box-shadow: 0px 1px 3px #2e008b;
    background: #2e008b;
}

#share-referral-popup .close-btn:before,
#Main .wechat_QC_popDiv .pop_header .close_icon:before,
#PageWrapper .share_to_wechat .pop_header .close_icon:before {
    content: "\e925";
    font-size: 28px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.subCompany .oneComp {
    background: repeating-linear-gradient(135deg,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0) 0.70710678px,
        rgba(46, 0, 139, .1) 0.70710678px,
        rgba(46, 0, 139, .1) 2.12132034px,
        rgba(0, 0, 0, 0) 2.12132034px,
        rgba(0, 0, 0, 0) 2.82842712px
    );
}

.icon_joblink_up,
.icon_joblink_down {
    margin: 0 4px 0;
    padding: 0;
    text-decoration: none;
}

.icon_joblink_up::before {
    content: "\e924";
    font-size: 12px;
    color: #2e008b
}

.icon_joblink_down::before {
    content: '\e923';
    font-size: 12px;
    color: #2e008b;
}

#location-container .filter-label .arrow-icon::before,
#location-container .filter-label .active-filter .arrow-icon::before {
    content: "\e914";
    font-size: 12px;
}

#location-container .filter-label .active-filter .arrow-icon::before {
    color: #2e008b;
}

.search-type-container .filter-container .filter-name-container .filter-label li .location-filter-name {
    width: 116px;
}

.loading-cycle,
.more-jobs-loading-cycle {
    background-image: none;
}

.job-search-result-container .hot_job_icon {
    display: inline-block;
    margin-left: -2px;
}

.job-search-result-container .hot_job_icon::before {
    content: "\e91e";
    font-size: 21px;
    line-height: 27px;
}

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

.line-spin-fade-loader {
    position: relative; 
}

.line-spin-fade-loader > div:nth-child(1) {
    top: 10px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(2) {
    top: 7.81818px;
    left: 7.81818px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 10px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(4) {
    top: -7.81818px;
    left: 7.81818px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(5) {
    top: -10px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(6) {
    top: -7.81818px;
    left: -7.81818px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -10px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(8) {
    top: 7.81818px;
    left: -7.81818px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
}

.line-spin-fade-loader > div {
    position: absolute;
    width: 4px;
    height: 10px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    background-color: #2e008b;
}

.company-customized,
.company-customized span {
    color: #2e008b !important;
}

.search-category-container {
    border: 2px solid #2e008b;
    border-right: none;
}

#search-category li {
    border: 2px solid #2e008b;
}

#search-category.en li {
    padding: 7px 10px;
}

#search-category li.type-selected {
    border-left: 2px solid #2e008b;
    border-right: 2px solid #2e008b;
}

.search-category-container .searchtype_arrow {
    border-color: #2e008b transparent transparent;
}

.search-category-container.en .searchtype_arrow {
    left: 128px;
}

div.pagination.more-jobs-load a {
    color: #2e008b;
}

.side-container .active-filter .filter-name {
    color: #2e008b !important;
}

#common-agreement .bottom .btn-blue {
    background-color: #2e008b !important;
}

.subCompany .aJob .show_referral p.view_referral_rules,
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop p.view_referral_rules {
    color: #2e008b !important;
}

.company-customized-color {
    background-color: #2e008b !important;
}

.view-rules-popup .popDiv .popBox .close-btn {
    color: #2e008b !important;
}