/**
 * reset
 */
ul, li {
    list-style: none;
}
ul {
    padding-left: 0;
}
a {
    text-decoration: none;
    color: #35b5fe;
}
input:focus {
    outline: none;
}

/**
 * 公用布局
 */
html {
    height: 100%;
}
html.mask {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body {
    padding: 0;
    margin: 0;
    background-color: #f7f7f7;
    font-size: 12px;
    color: #333;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.body {
    transition: .4s all;
}

/* 标题栏 */
.title-bar {
    height: 44px;
    color: #f4f8ff;
    font-size: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.title-bar .action-item {
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.title-bar .title {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.title-bar .icon-menu {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-sidebar-toggle.png);
}
.title-bar .icon-logo-symbol {
    width: 30px;
    height: 22px;
    background-image: url(../../images/common/icon-logo-symbol.png);
    margin-right: 10px;
}
/* 下载app */
.download-app {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 100%;
}
.download-app .shadow {
    background-image: linear-gradient(
            to bottom,
            rgba(143, 169, 215, 0),
            #94afde
    );
    opacity: 0.2;
    height: 10px;
    position: absolute;
    width: 100%;
    top: -10px;
}
.download-app .icon-logo {
    width: 34px;
    height: 34px;
    background-image: url(../../images/common/icon-logo.png);
    box-shadow: 0 5px 15px 0
    rgba(147, 164, 179, 0.43);
    border-radius: 7px;
    margin-right: 15px;
}
.download-app .content {
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 50px;
}
.download-app .text {
    flex-grow: 1;
    display: inline-block;
    font-size: 15px;
}
.download-app .btn {
    background-image: linear-gradient(90deg,
    #fe9e6f 0%,
    #ff6067 100%),
    linear-gradient(#1c1c20, #1c1c20);
    background-blend-mode: normal, normal;
    box-shadow: 0 2px 8px 0 rgba(255, 103, 104, 0.5);
    padding: 9px 18px;
    white-space: nowrap;
}

/**
 * 组件
 */
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 图标 */
.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.icon.icon-more {
    width: 18px;
    height: 18px;
    background-image: url(../../images/common/icon-more.png);
}
.icon.icon-notice-light {
    width: 20px;
    height: 20px;
    background-image: url("../../images/common/icon-notice-light.png");
    margin-right: 13px;
}
.icon.icon-emergency {
    width: 12px;
    height: 12px;
    background-image: url(../../images/common/icon-emergency.png);
}
.icon.icon-location {
    width: 12px;
    height: 12px;
    background-image: url(../../images/common/icon-location.png);
}
.icon.icon-bag {
    width: 12px;
    height: 12px;
    background-image: url(../../images/common/icon-bag.png);
}
.icon.icon-money {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-money.png);
}
.icon.icon-supply {
    width: 15px;
    height: 15px;
    background-image: url(../../images/common/icon-supply.png);
}
.icon.icon-demand {
    width: 15px;
    height: 15px;
    background-image: url(../../images/common/icon-demand.png);
}
.icon.icon-resource {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-resource.png);
}
.icon.icon-list {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-list.png);
}
.icon.icon-info {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-info.png);
}
.icon.icon-calendar {
    width: 11px;
    height: 11px;
    background-image: url(../../images/common/icon-calendar.png);
}
.icon.icon-search-white {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-search-white.png);
}
.icon.icon-search-gray {
    width: 15px;
    height: 15px;
    background-image: url(../../images/common/icon-search-gray.png);
}
.icon.icon-search-blue {
    width: 15px;
    height: 15px;
    background-image: url(../../images/common/icon-search-blue.png);
}
.icon.icon-plus-white {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-plus-white.png);
}
.icon.icon-check-circle-gray {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-check-circle-gray.png);
}
.icon.icon-arrow-down-blue {
    width: 10px;
    height: 10px;
    background-image: url("../../images/common/icon-arrow-down-blue.png");
}
.icon.icon-arrow-down-gray {
    width: 13px;
    height: 13px;
    background-image: url("../../images/common/icon-arrow-down-gray.png");
}
.icon.icon-arrow-up-gray {
    width: 13px;
    height: 13px;
    background-image: url("../../images/common/icon-arrow-up-gray.png");
}
.icon.icon-arrow-right-white {
    width: 12px;
    height: 12px;
    background-image: url("../../images/common/icon-arrow-right-white.png");
}
.icon.icon-arrow-right-gray {
    width: 9px;
    height: 15px;
    background-image: url("../../images/common/icon-arrow-right-gray.png");
}
.icon.icon-filter {
    width: 11px;
    height: 11px;
    background-image: url("../../images/common/icon-filter.png");
}
.icon.icon-company-addr {
    width: 12px;
    height: 12px;
    background-image: url("../../images/common/icon-company-addr.png");
}
.icon.icon-company-field {
    width: 12px;
    height: 12px;
    background-image: url("../../images/common/icon-company-field.png");
}
.icon.icon-company-scale {
    width: 12px;
    height: 12px;
    background-image: url("../../images/common/icon-company-scale.png");
}

.icon.icon-website {
    width: 20px;
    height: 20px;
    background-image: url("../../images/common/icon-website.png");
}

.icon.icon-contact {
    width: 20px;
    height: 20px;
    background-image: url("../../images/common/icon-contact.png");
}

.icon.icon-wechat {
    width: 20px;
    height: 20px;
    background-image: url("../../images/common/icon-wechat.png");
}

.icon.icon-empty-data {
    width: 150px;
    height: 90px;
    background-image: url("../../images/common/icon-empty-data.png");
}

.icon.icon-need {
    width: 20px;
    height: 20px;
    background-image: url("../../images/common/icon-need.png");
}
.icon.icon-cancel-circle {
    width: 15px;
    height: 15px;
    background-image: url("../../images/common/icon-cancel-circle.png");
}
.icon.icon-record {
    width: 19px;
    height: 20px;
    background-image: url("../../images/common/icon-record.png");
}
.default-avatar {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/common/default-avatar.png);
}
.default-logo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/common/default-logo.png);
}

/* 按钮 */
.btn {
    border-radius: 50px;
    border: none;
    color: #fff;
    text-align: center;
}
.btn:focus {
    outline: none;
}
.btn.btn-block {
    display: block;
    width: 100%;
}
.btn.btn-big {
    font-size: 15px;
    padding: 15px;
}
.btn.btn-gradient-blue {
    background-image: linear-gradient(-90deg,
    #5ac4ff 0%,
    #3eb6ff 50%,
    #5c95ff 100%),
    linear-gradient(90deg,
            #6aa1ff 0%,
            #5fd5ff 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal,
    normal;
    box-shadow: 0 3px 10px 0
    rgba(84, 193, 255, 0.5);
}
.btn.btn-modal-default {
    color: #333;
    font-size: 14px;
    background-color: #fff;
    border-radius: 0;
}
.btn.btn-modal-gradient-blue {
    border-radius: 0;
    background-image: linear-gradient(-90deg,
    #5c95ff 0%,
    #3eb6ff 50%,
    #5ac4ff 100%),
    linear-gradient(
            #ff736a,
            #ff736a);
}

/* btn-flat */
.btn-flat {
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border: none;
    padding: 12px;
}
.btn-flat-blue {
    background-color: #50B8FF;
}
.btn-flat[disabled], .btn-flat.disabled {
    background-color: #ECECEC;
    color: #999;
}

/* 表单 */
.form-group {
    display: flex;
    align-items: center;
    padding: 16px;
    padding-left: 0;
}
.form-group .control-label {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-flow: row;
}
.form-group .form-control {
    border: none;
    padding: 0;
    flex: 1;
    font-size: 14px;
    text-align: right;
    background: none;
    outline: none;
}
.form-group .form-control::placeholder {
    color: #999;
}
.form-group .required {
    color: #ff3535;
    margin-right: 5px;
    width: .5em;
}
.form-group.input-selector {
    padding: 0!important;
}
.form-group.input-selector a {
    color: #2e2e2e;
    font-size: 15px;
    display: block;
    padding: 14px 0;
    flex: 1;
    background-image: url(../../images/common/icon-arrow-right-gray.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 9px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px;
}

/* 卡片列表 */
ul.card-list {
    list-style: none;
    padding-left: 0;
}
ul.card-list > li {
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(169, 192, 208, 0.25);
    border-radius: 9px;
    margin-bottom: 10px;
}
ul.card-list > li > a {
    color: #333;
    display: block;
    padding: 0 15px;
}
ul.card-list .card-body {
    padding: 20px 5px 15px;
}
ul.card-list > li:last-child {
    margin-bottom: 0;
}
ul.card-list .card-footer {
    border-top: 1px solid #f6f6f6;
    padding: 8px 0;
    display: flex;
    flex-flow: row;
    align-items: center;
    color: #666;
    font-size: 13px;
}
ul.card-list .divider {
    color: #eee;
    margin: 0 10px;
}
ul.list {
    padding: 5px 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 8px 0
    rgba(152, 174, 190, 0.25);
    border-radius: 9px;
}
ul.list > li {
    border-bottom: 1px solid #f2f2f2;
}
ul.list > li:last-child {
    border-bottom: none;
}
ul.list > li > a {
    display: flex;
    padding: 15px 0;
    color: #333;
    font-size: 14px;
    align-items: center;
}
ul.list > li > a .icon:first-child {
    margin-right: 10px;
}
ul.list > li > a .text {
    flex: 1;
}
ul.form-list {
    background-color: #fff;
    margin-top: 0;
    box-shadow: 0 2px 8px 0
    rgba(169, 192, 208, 0.25);
}
ul.form-list li .form-group {
    margin-left: 16px;
    border-bottom: 1px solid #eee;
}
ul.form-list li:last-child .form-group {
    border-bottom: none;
}
ul.form-list li .form-group .form-control {
    text-align: right;
}
ul.form-list li > a {
    display: block;
    color: #333;
    background-image: url(../../images/common/icon-arrow-right-gray.png);
    background-position: center right 15px;
    background-repeat: no-repeat;
    background-size: 9px 15px;
}
ul.form-list li > a .form-group {
    padding-right: 38px;
}

/* mask */
@keyframes mask-fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mask-fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* 滚动 */
.marquee {
    height: 40px;
    overflow: hidden;
}
.marquee ul {
    margin: 0;
}
.marquee li {
    height: 40px;
    display: flex;
    align-items: center;
}

/* 侧边栏 */
.sidebar-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 300;
    display: none;
}
.sidebar {
    width: 145px;
    background-color: #fff;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
}
.sidebar.slide-in {
    animation: sidebar-slide-in .3s forwards;
}
.sidebar.slide-out {
    animation: sidebar-slide-out .3s forwards;
}
.sidebar .sidebar-login {
    font-size: 14px;
}
.sidebar-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.sidebar-mask.fadein {
    animation: mask-fadein .3s forwards;
}
.sidebar-mask.fadeout {
    animation: mask-fadeout .3s forwards;
}
@keyframes sidebar-slide-in {
    from {
        left: -145px;
    }
    to {
        left: 0;
    }
}
@keyframes sidebar-slide-out {
    from {
        left: 0;
    }
    to {
        left: -145px;
    }
}
.sidebar .sidebar-header {
    padding-top: 55px;
    text-align: center;
}
.sidebar .sidebar-header .picture {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: inline-block;
    background-color: #efefef;
    margin-bottom: 20px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
}
.sidebar .sidebar-nav {
    margin-top: 42px;
}
.sidebar .sidebar-nav li a {
    display: flex;
    padding: 12px 0;
    font-size: 14px;
    color: #333;
    align-items: center;
    padding-left: 20px;
}
.sidebar .sidebar-nav li .icon {
    width: 20px;
    height: 20px;
    margin-right: 11px;
}
.sidebar .sidebar-nav li .icon-home {
    background-image: url(../../images/common/icon-home.png);
}
.sidebar .sidebar-nav li .icon-money-bag {
    background-image: url(../../images/common/icon-money-bag.png);
}

.sidebar .sidebar-nav li .icon-job-money-bag {
    background-image: url(../../images/common/icon-job-money-bag.png);
}
.sidebar .sidebar-nav li .icon-resource {
    background-image: url(../../images/common/icon-resource.png);
}
.sidebar .sidebar-nav li .icon-user {
    background-image: url(../../images/common/icon-user.png);
}

/* layer */
.layui-m-layercont {
    padding: 28px !important;
    font-size: 16px !important;
    line-height: 25px !important;
}
.layui-m-layerbtn span[no] {
    background-color: #fff;
}
.layui-m-layer-msg .layui-m-layercont {
    padding: 10px 20px !important;
}
.layui-m-layerbtn span {
    border-radius: 0 !important;
}
.layui-m-layerbtn {
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}
.layui-m-layershade {
    background-color: rgba(0, 0, 0, .6) !important;
}

/* 弹出选择 */
.popup-mask {
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    transition: opacity .4s;
}
.popup-mask.show {
    opacity: 1;
    height: 100%;
}
.popup-picker {
    background-color: #fff;
    width: 100%;
    left: 0;
    bottom: 0;
    height: auto;
    position: fixed;
    z-index: 101;
    transition: transform .4s;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translateY(100%);
}
.popup-picker.slide-in {
    transform: translateY(0%);
}
.popup-picker-header {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.popup-picker-header > div {
    flex: 1;
    text-align: center;
}
.popup-picker-body {
    position: relative;
    overflow: hidden;
    height: 205px;
    display: flex;
    flex-flow: row;
}
.popup-picker-body .picker {
    flex: 1;
    position: relative;
}
.popup-picker-footer {
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.popup-picker-footer .btn {
    flex: 1;
    border-radius: 0;
    padding: 18px;
    font-size: 14px;
}
.popup-picker .picker-content {
    display: flex;
    flex-flow: column;
}
.popup-picker .picker-option {
    padding: 11px 0;
    font-size: 17px;
    flex: 1;
    text-align: center;
}
.popup-picker .picker-option.selected {
    color: #35b5fe
}
.popup-picker .picker-mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    z-index: 3;
    transform: translateZ(0px);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.6)), linear-gradient(to top, rgba(255,255,255,0.95), rgba(255,255,255,0.6));
    background-position: top, bottom;
    background-size: 100% 84px;
    background-repeat: no-repeat;
}
.popup-picker .picker-indicator {
    width: 100%;
    height: 38px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -19px;
    z-index: 3;
    background-image: linear-gradient(to bottom, #d0d0d0, #d0d0d0, transparent, transparent), linear-gradient(to top, #d0d0d0, #d0d0d0, transparent, transparent);
    background-position: top, bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;
}

/* popup-selector */
.icon.icon-popup-selector-arrow-down-gray {
    width: 12px;
    height: 12px;
    background-image: url("../../images/common/icon-popup-selector-arrow-down-gray.png");
}
.icon.icon-popup-selector-arrow-up-gray {
    width: 12px;
    height: 12px;
    background-image: url("../../images/common/icon-popup-selector-arrow-up-gray.png");
}
.icon.icon-popup-selector-item-checked {
    width: 16px;
    height: 16px;
    background-image: url("../../images/common/icon-popup-selector-item-checked.png");
}
.popup-selector {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
}
.popup-selector-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s;
    z-index: 1;
    display: none;
}
.popup-selector-mask.show {
    opacity: 1;
}
.popup-selector-wrapper {
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: #f7f7f7;
    transform: translateY(-100%);
    transition: transform .4s;
}
.popup-selector-wrapper.slide-in {
    transform: translateY(0);
}
.popup-selector-wrapper .selector {
    flex: 1;
}
.popup-selector-wrapper .selector-option {
    padding: 13px 0;
    font-size: 14px;
    text-align: center;
    color: #666;
    display: flex;
}
.popup-selector-wrapper .selector-option .text {
    flex: 1;
}
.popup-selector.slide-left {
    height: 100%;
    width: auto;
    right: 0;
}
.popup-selector.slide-left .popup-selector-wrapper {
    height: 100%;
    right: 0;
    transform: translateX(100%) translateY(0);
}
.popup-selector.slide-left .popup-selector-wrapper.slide-in {
    transform: translateX(0);
}
.popup-selector-body {
    display: flex;
}
.popup-selector .icon-back {
    width: 13px;
    height: 13px;
    background-image: url(../../images/common/icon-back.png);
}
.popup-selector-header {
    font-size: 14px;
}
.popup-selector-header a {
    display: block;
    color: #333;
}
.popup-selector-header .title {
    display: flex;
    flex: 1;
    align-items: center;
    height: 40px;
    padding-left: 20px;
}

    /* popup-input */
.popup-input .layui-m-layercont {
    padding: 0 !important;
}
.popup-input .input-body {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}
.popup-input .header {
    width: 100%;
    display: flex;
    background-color: white;
    padding: 10px 10px;
    border-bottom: 1px solid #e5e5e5
}
.popup-input .header > * {
    flex: 1;
}
.popup-input .header .label {
    text-align: center;
}
.popup-input textarea {
    border: none;
    width: 100%;
    padding: 10px;
    flex: 1;
    outline: none
}

/* slide-selector */
.body {
    overflow-y: auto;
}
.slide-selector-active .body {
    /*transform: translateX(-50%);*/
}
.slide-selector {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
    overflow: hidden;
}
.slide-selector .slide-selector-container {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-sizing: border-box;
    left: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .4s;
}
.slide-selector .slide-selector-container.slide-in {
    transform: translateX(0);
}
.slide-selector .selector-header {
    padding: 0 20px;
}
.slide-selector .sub .selector-header {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;
}
.slide-selector .sub .selector-header > * {
    flex: 1;
}
.slide-selector .sub .selector-header .title {
    font-size: 18px;
    color: #333;
    margin: 0;
    text-align: center;
}
.slide-selector .sub .error-tip {
    text-align: right;
}
.slide-selector .primary .selector-header {
    display: block;
    text-align: left;
}
.slide-selector .primary .title {
    font-size: 23px;
    color: #333;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    margin-top: 20px;
}
.slide-selector .primary .title-text {
    flex: 1;
}
.slide-selector .selector-header .error-tip {
    font-size: 15px;
    color: #FF6059;
}
.slide-selector .primary .actions {
    margin-top: 10px;
}
.slide-selector .icon-close {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-selector-close.png);
}
.slide-selector .icon-back {
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/icon-back.png);
}
.slide-selector-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s;
    z-index: 1;
    display: none;
}
.slide-selector-mask.show {
    opacity: 1;
}
.slide-selector .selector-option a {
    padding: 20px 0;
    padding-right: 20px;
    font-size: 16px;
    color: #666;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(../../images/common/icon-arrow-right-gray.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 9px 15px;
}
.slide-selector .selector-option.leaf a {
    background-image: none;
    padding-right: 0;
}
.slide-selector .selector-option.checked {
    color: #333;
}
.slide-selector .selector {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-sizing: border-box;
    left: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .4s;
}
.slide-selector .selector.slide-in {
    transform: translateX(0);
}
.slide-selector .selector-body {
    overflow-y: auto;
    flex: 1;
    padding: 0 20px;
}
.slide-selector .selector-footer .ok {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: block;
    background-color: #50B8FF;
}
.slide-selector .selector-footer .ok.disabled {
    background-color: #E1E1E1;
}
.slide-selector .selector .text {
    flex: 1;
}
.slide-selector .selector-content {
    margin: 0;
}
.slide-selector .selector-content li:last-child a {
    border-bottom: none;
}
.slide-selector .selector .icon-checked {
    display: none;
}
.slide-selector .selector .checked .icon-checked {
    width: 18px;
    height: 18px;
    background-image: url(../../images/common/icon-checked.png);
    display: flex;
}

/* input-pop */
.input-pop-anim .layui-m-layercont {
    height: 100%;
}

/*header */
header {
    height: 90px;background-image: linear-gradient(-90deg, #5ac4ff 0%, #3eb6ff 50%, #5c95ff 100%),
linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal,
    normal;margin: 0;padding: 0;z-index: 1;
}

.hor-line-diver {
    height: 1px;
    background-color: rgba(221, 221, 221, 0.5);
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.empty-list-default {
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.empty-list-default div {
    position: absolute;
    left:50%;
    top: 30%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.empty-list-default span {
    position:absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #666666;
    margin-top: 100px;
}

/*
*职位详情，推荐人选浮窗
*/

.float_mask {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    height: 50px;_bottom: auto;_position: absolute;left: 0;background: white}
.float_mask ul {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    align-items: flex-start;
    justify-content: space-between;
}
.float_mask {
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.float_mask li {
    flex: 1;
}
.float_mask ul li {
    list-style: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: none;
}

.float_mask ul li.app-sel-clue {
    flex:100 1 auto;
}

.float_mask ul li.app-open-see {
    flex:1 1 auto;
}

.layui-m-layermain .layui-m-layerbtn span{
    width: 50%;
}

.layui-m-layermain .layui-m-layerbtn span[type='1'] {
    background-color: #35b5fe;
    color: white;
}
#cnzz_stat_icon_1275566859 {
    display: none;
}