@charset "utf-8";
.textGuide-2ut31 {
    position: absolute;
    top: 0;
    right: 32px;
}

.img-2skG0 {
    display: block;
    margin: 0 auto;
}

.alert-3joG6 {
    margin-bottom: 32px;
}

.bread-248m1 {
    margin: 32px;
    position: relative;
}

.wrapper-19NSr {
    width: 1036px;
    margin: 40px auto 100px;
}

.wrapper-19NSr::after {
    display: block;
    clear: both;
    content: "";
}

.left-ma1uW {
    float: left;
    width: 300px;
}

.center-21fuu {
    float: left;
    width: 300px;
    margin: 0 68px;
}

.right-3vjE2 {
    float: left;
    width: 300px;
}
.home-3poF8 span:first-child:not(:last-child)>span.ivu-breadcrumb-item-separator {
    margin-left: 16px;
    margin-right: 16px;
    display: inline-block;
    transform: translateY(-1px);
}
.img-24TXK {
    display: block;
    margin: 70px auto;
}

.icon-kT7kd {
    font-size: 38px;
    color: #80848f;
}

.btn-10TCj {
    display: inline-block;
    overflow: hidden;
    width: 144px;
    height: 40px;
    border: 1px dashed #e1e6eb;
    text-align: left;
    /* padding-left: 16px; */
    vertical-align: middle;
    line-height: 40px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #495060;
}

.btn-10TCj span {
    vertical-align: top;
}

.btn-10TCj:hover {
    border: 1px dashed #0bb27a;
    background-color: #e5f7f1;
    color: #0bb27a;
}

.main-2ErYO .ivu-tabs-bar {
    margin-bottom: 32px;
}

.main-2ErYO .ivu-tabs-nav {
    width: 100%;
}

.main-2ErYO .ivu-tabs-nav .ivu-tabs-tab {
    width: 50%;
    text-align: center;
}
.img-LeED7 {
    display: block;
    margin: 0 auto;
    padding-top: 50px;
}

.box-3-pbZ {
    border: 1px solid #e1e6eb;
    height: 500px;
    width: 300px;
}

@media (min-width: 1600px) {
    .box-3-pbZ {
        height: 600px;
    }
}

.hide-15cnk {
    height: 445px;
    overflow: auto;
    padding-bottom: 16px;
    background-color: #f5f5f5;
}

@media (min-width: 1600px) {
    .hide-15cnk {
        height: 545px;
    }
}

.head-3pkKN {
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #1c2438;
    border-bottom: 1px solid #e1e6eb;
}

.main-3zkYO {
    width: 300px;
}

.main-3zkYO .sortable-chosen:not(.sortable-ghost) {
    font-weight: bold;
}

.main-3zkYO .sortable-ghost {
    background-color: #f0f5ff;
    box-shadow: 0 8px 24px rgba(28, 36, 56, 0.3);
    padding-bottom: 0;
}
.add-23Qk6 {
    font-size: 30px;
    color: #bbbec4;
    cursor: pointer;
    line-height: 1;
    vertical-align: middle;
    margin-left: 8px;
}

.add-23Qk6 :hover {
    color: #59c993;
}

.label-3OCWV {
    color: #80848f;
    margin-left: 8px;
}

.icon-1lWZ0 {
    font-size: 16px;
    color: #bbbec4;
}

.iconlist-2q19O {
    width: 294px;
    margin: 0 auto;
}

.iconlist-2q19O .label-3OCWV {
    display: inline-block;
    padding: 10px 24px 10px 0;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    color: #495060;
    line-height: 1;
    box-sizing: border-box;
}

.iconlist-2q19O .box-17HPJ {
    padding: 10px 0;
}

.iconlist-2q19O .list-39QqD {
    padding: 16px;
    box-shadow: 0 0 7px 3px rgba(73, 80, 96, 0.1);
    background-color: #fff;
    border-radius: 4px;
}

.iconlist-2q19O .list-39QqD::after {
    display: block;
    clear: both;
    content: "";
}

.iconlist-2q19O .list-39QqD span {
    float: left;
    width: 48px;
    height: 48px;
    padding: 6px;
    margin: 6px;
    cursor: pointer;
    border-radius: 4px;
}

.iconlist-2q19O .list-39QqD span:hover {
    background-color: rgba(196, 196, 196, 0.4);
}

.iconlist-2q19O .selectIcon-2A4f1 {
    border-radius: 4px;
    border: 1px solid #e1e6eb;
    width: 60px;
    height: 60px;
    padding: 12px;
    margin-bottom: 8px;
}

.iconlist-2q19O img {
    width: 36px;
    height: 36px;
}

.main-1_3cb .ivu-tabs-bar {
    margin-bottom: 32px;
}

.main-1_3cb .ivu-tabs-tabpane {
    height: 100%;
}

.main-1_3cb .ivu-tabs-nav {
    width: 100%;
}

.main-1_3cb .ivu-tabs-nav .ivu-tabs-tab {
    width: 50%;
    text-align: center;
}

.img-1Thss {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
}
.batchWrap-14Onr {
    transform: translate(0, 100%);
    transition: all 0.4s ease-in-out;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    left:150px;
    z-index: 9;
}

.batchWrap-14Onr.active-H2qYg {
    transform: translate(0);
}

.containerBox-22k_B {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    margin-top: -10px;
}

.shadow-1BgKY {
    display: block;
    width: 100%;
    height: 100%;
    height: 15px;
    box-shadow: 0 -10px 12px -3px rgba(221, 222, 225, 0.5);
    border-radius: 50%;
    background-color: #fff;
}

.batchTip-r4xnw {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
}

.chosenNum-NxM4g {
    color: #f90;
}

.btnGroup-3UCWe {
    display: flex;
    justify-content: center;
}
.main-xkb8z {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: fixed;
    right: 0;
    bottom: 70px;
    width: 32px;
    height: 186px;
    background-color: #76b4ff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: -2px 1px 8px rgba(73, 80, 96, 0.15);
    transition: width 0.2s;
    z-index: 10;
}

.main-xkb8z a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
    padding: 12px 0;
    position: relative;
    color: white;
}

.main-xkb8z a img {
    width: 16px;
    height: 16px;
}

.main-xkb8z a::after {
    position: absolute;
    content: ' ';
    background-color: rgba(255, 255, 255, 0.3);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 24px;
    height: 1px;
}

.main-xkb8z a:last-child::after {
    display: none;
}

.main-xkb8z:hover {
    transition: width 0.2s;
}

.main-xkb8z:hover a:hover {
    opacity: 0.75;
}

.main-xkb8z .animation-3Gsq7 {
    animation: shake-3aw_0 1.5s ease infinite;
    transform-origin: 100% 50%;
}

@keyframes shake-3aw_0 {
    0% {
        transform: rotate(0deg);
    }
    20% {
        transform: translate(4px, -5px);
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(-15deg);
    }
    80% {
        transform: rotate(15deg) translate(0, 0);
    }
    100% {
        transform: rotate(0deg);
    }
}
.home-2gA92>div {
    z-index: 1001;
}
.dm-select-emp .ivu-modal-body {
    padding: 0 16px;
}

.dm-select-emp-radio .ivu-modal-body {
    padding-right: 0;
}
.check-if6RN {
    float: left;
    line-height: 33px;
}

.check-if6RN .ivu-checkbox {
    vertical-align: text-top;
    margin-right: 6px;
}

.head-1d-31 {
    font-size: 16px;
}

.head-1d-31>.risk_icon-2taHb {
    font-size: 20px;
    color: #f90;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}

.head-1d-31>span {
    color: #80848f;
    font-size: 12px;
    padding: 3px 6px;
    background-color: #f0f4f8;
}

.content-3jtVw {
    position: relative;
    min-height: 80px;
    font-size: 14px;
}

.content-3jtVw .ivu-spin {
    position: absolute;
    width: 40px;
    left: 50%;
    top: 10px;
    margin-left: -20px;
}
.newbie_guide-1VRuL {
    position: fixed;
    display: flex;
    width: 100%;
    min-width: 1280px;
    height: 360px;
    left: 0;
    bottom: 0;
    z-index: 999;
    background-image: -webkit-linear-gradient(90deg, rgba(4, 0, 33, 0.92), rgba(34, 42, 72, 0.92));
    background-image: linear-gradient(90deg, rgba(4, 0, 33, 0.92), rgba(34, 42, 72, 0.92));
}

.newbie_guide-1VRuL>.bg-4cdIf {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(https://stc.2haohr.com/2haohr-business/components/2UtZul_k.png) center center no-repeat;
}

.newbie_guide-1VRuL>.close-35CM7 {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.2);
}

.newbie_guide-1VRuL>.close-35CM7:hover {
    background-color: #f16543;
}

.newbie_guide-1VRuL .btn-238IF {
    width: 270px;
    height: 22px;
    line-height: 24px;
    position: absolute;
    margin-left: -134px;
    cursor: pointer;
    text-indent: 116px;
    color: #fff;
    font-size: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAWCAYAAAAxQ3LnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNBMkI5QTRFODU3NzExRThCNjhGODUxRjE3QkRBNTdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNBMkI5QTRGODU3NzExRThCNjhGODUxRjE3QkRBNTdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0EyQjlBNEM4NTc3MTFFOEI2OEY4NTFGMTdCREE1N0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0EyQjlBNEQ4NTc3MTFFOEI2OEY4NTFGMTdCREE1N0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6E8yI5AAAC3ElEQVR42uyc60sUURjGz7il5WXJlArLWouM0OjyoaILRPqhP7nAICgDgyzRJVLKLqtoaIVuqbVaz9s8BwfJJdp2m8vzwI932EVx3z3z8zBz5gROSWX2uL4OlMPgCGsXOAA6wUHQCvKsRsuvH3Nu/y6/cg1UwAb4Slb4+jL4BD7zeBEsWK242VV9G+lLoBYkWg52sp8C/aAPFEAvOAHaY/JnlsFbUAKzZBq8glQ29C1KHEp9JWEzgQFwjnWQgmhK6EfaolCmQJF1CjJZ07ctcSh/L4o2lCvkEmWRS/nH3qRExsGYAZF80WiQOJTdRZHjbOI6uAYuZkAUfyKS52CUTEIkmxotEkfWZWEXMG+BYcoir65UjV2MfQxGwANdeJU4siQLu8txm7K4qllFTbORMUrkPiSyoJZIHGmTRQ/KHXJeHalLJsBdAxKZVzskDslCkUQkDslC+S8SuQeJzKkdEkdcZHGcohiWLGKfYmQm8k7tkDgaLYt+isIYUEcSKxG7sDoCiUyrHRJHPURhdz5sEdYQZdGrrqQqJS8RMK61IhJHLbLoRrkRoVNdyUTsYb1HHkhkSS2ROKqJopmzipvkjLqiIC/BQ4rkKUTyTS3JsDj4ZKkt8b5MbIn3Pg0JpUrWwTPwhExm9QnfIEOisBWbdtfjAiVhFzWbdS4oNcRmH0XKxJ6pmcjKCtYghYKwz9RDMZxlNbo1zpUGZIkyMV6wzkMoPySOeAgiR0EUwEkXbmZzmrRq/Coxiu2WNkPs1u9r8IZCSeQdnCDmcrBdrI6SY6x+h6uCC7e6U5SkpkKB2IZG74GtbC2xzkEqZYljWwZ2svt9L7six4dcuDemr0abxpaS4dgmRovkQ6R+dOFt42V/DMlUGioOnMjV9oDY67bvNNh//6Ydr+V53ML3/aa3dsJ38H1fPe0aD4ryz2Ozk5UIq5FqAvKbTJd5vM73HY+/u3A7x/KO136bnwIMAGJtxUqw6DFGAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: -22px;
    left: 50%;
}

.newbie_guide-1VRuL .btn-238IF>.icon-3TzRW {
    margin-left: 2px;
    color: #fff;
    text-indent: 0;
    transform: rotate(0deg);
    transition: all 0.2s;
}

.newbie_guide-1VRuL .btn-238IF>.icon-3TzRW.rotate-1BDgG {
    transform: rotate(180deg);
}

.down-39aPm {
    animation: spaceDown-1ACtG 0.4s ease-in;
    animation-fill-mode: forwards;
}

.up-3xAtR {
    animation: spaceUp-fGbfW 0.4s ease-in;
    animation-fill-mode: forwards;
}

.enter_active-3_vNS {
    animation: spaceInRight-2L3Sz 0.5s ease;
}

.leave_active-2xUtD {
    animation: spaceOutRight-1YL6I 0.8s ease;
}

@keyframes spaceDown-1ACtG {
    100% {
        height: 70px;
    }
}

@keyframes spaceUp-fGbfW {
    0% {
        height: 70px;
    }
    100% {
        height: 360px;
    }
}

@keyframes spaceOutRight-1YL6I {
    0% {
        opacity: 1;
        transform-origin: 100% 50%;
        transform: scale(1) translate(0, 0);
    }
    100% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(0.1) translate(100%, 0);
    }
}

@keyframes spaceInRight-2L3Sz {
    0% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(0.1) translate(100%, 0);
    }
    100% {
        opacity: 1;
        transform-origin: 100% 50%;
        transform: scale(1) translate(0, 0);
    }
}
.app-CXi_g {
    height: 70px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f0f4f8;
    padding: 16px 24px;
    cursor: pointer;
}

.app-CXi_g:hover {
    background-color: #f8f8f9 !important;
}

.app-CXi_g .left-1tCMH {
    position: relative;
}

.app-CXi_g .left-1tCMH p {
    display: -webkit-box;
    color: #495060;
    font-size: 14px;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    height: 2.8em;
    line-height: 1.4em;
    position: relative;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.app-CXi_g .left-1tCMH .new-1gGky {
    position: absolute;
    right: -32px;
    top: 0;
}

.app-CXi_g .right-59Y1O {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 128px;
    height: 39px;
    justify-content: flex-end;
}

.app-CXi_g .right-59Y1O .time-3nAaS {
    color: #80848f;
    font-size: 12px;
    margin-top: 1px;
}
.wraper-2mWzK {
    position: relative;
    margin-bottom: 12px;
}

.wraper-2mWzK:hover .close-2C5YM {
    display: block;
}

.close-2C5YM {
    display: none;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #0bb27a;
    font-size: 22px;
    cursor: pointer;
    color: #fff;
    line-height: 20px;
}

.close-2C5YM:hover {
    background-color: #f16543;
}

.icon-ryFy8 {
    margin-left: 4px;
}

.flex-1kKSL {
    display: flex;
    flex-flow: row;
    display: flex;
    align-items: center;
}

.main-240BC {
    position: relative;
    padding: 12px 8px 12px 16px;
    cursor: pointer;
    border: 1px solid #fff;
    background-color: #fff;
}

.main-240BC:hover {
    border: 1px dashed #0bb27a;
}

.left-1TNUU {
    flex-shrink: 0;
    flex-grow: 0;
    width: 91px;
}

.required-2qHSI::before {
    position: absolute;
    content: "*";
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-size: 12px;
    color: #f16543;
    left: -8px;
    top: 5px;
}

.right-3s5JH {
    flex: 1;
    flex-shrink: 1;
    flex-grow: 1;
}

.sub-1RO52 {
    font-size: 12px;
    color: #bbbec4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.select-1_MQq {
    border: 1px solid #0bb27a;
}

.select-1_MQq:hover {
    border: 1px solid #0bb27a;
}

.valid-HhEF8 {
    border: 1px solid #f16543;
}

.leftFont-1gidz {
    position: relative;
    color: #1c2438;
}

.block-38Eg_ {
    padding-top: 8px;
}

.textArea-1PgK0 {
    width: 100%;
    height: 64px;
    text-align: left;
    padding: 8px 0;
    word-break: break-all;
    white-space: normal;
}

.desc-1jz71 {
    font-size: 14px;
    color: #80848f;
}

.file-qqP4j {
    width: 260px;
    height: 45px;
    border: 1px dotted #e1e6eb;
    line-height: 45px;
    text-align: center;
    margin: 8px 0;
    color: #0bb27a;
}

.app-2Ovjg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    color: #495060;
    text-align: left;
    background-color: rgba(55, 55, 55, 0.6);
}

@media (max-width: 1600px) and (min-width: 1280px) {
    .app-2Ovjg {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1280px) {
    .app-2Ovjg {
        display: flex;
        align-items: center;
    }
}

.modal-FqvKo {
    position: relative;
    margin: 0 auto;
    top: 100px;
    background: #fff;
    overflow: hidden;
    border-radius: 4px;
}

@media (max-width: 1600px) and (min-width: 1280px) {
    .modal-FqvKo {
        top: inherit;
    }
}

@media (max-width: 1280px) {
    .modal-FqvKo {
        top: inherit;
    }
}

.small-3jQC_ {
    width: 360px;
}

.medium-3uXNy {
    width: 520px;
}

.large-3x_CQ {
    width: 720px;
}

.close-1Tse2 {
    top: 0;
    right: 16px;
    bottom: auto;
    left: auto;
    position: absolute;
    font-size: 31px;
    cursor: pointer;
    color: #999;
    transition: color 0.2s ease;
}

.close-1Tse2:hover {
    color: #444;
}

.header-2CXIN {
    font-size: 16px;
    padding: 14px 16px;
    line-height: 1;
    font-weight: bold;
}

.body-3uFxl {
    font-size: 14px;
    max-height: 511px;
    line-height: 1.5;
    overflow: auto;
    border-bottom: 1px solid #e9eaec;
    border-top: 1px solid #e9eaec;
}

.simple-3NhoK {
    max-height: 600px;
}

.footer-2T_5k {
    padding: 12px 18px;
    text-align: right;
}

.sp_icon{
    display: inline-block;
    width: 20px;
    margin: 0 5px 0 5px;
}
.ivu-form-item-content .layui-input{
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    border: 1px solid #dddee1;
    width: 263px;
}
.ivu-form-item-content .layui-input:hover{
    border: 1px solid #0bb27a!important;
}
.add-23Qk6{
    display: inline-block;
    height: 32px;
    width: 25px;
    background: url("/public/img/add01.png") no-repeat center center;
    background-size: contain;
}
.add-23Qk6:hover{
    background: url("/public/img/add02.png") no-repeat center center;
    background-size: contain;
}
.img-LeED7 {
    display: block;
    margin: 0 auto;
    padding-top: 50px;
}
.hide-model{
    display: none;
}
#add-modal{
    display: none;
    width: 80%;
    margin:20px 0 0 20px;
}
.ivu-form-item-error .ivu-form-item-error-tip{
    display: block;
}
.hide-content{
    display: none;
}
.ivu-icon-close-circled{
    width: 20px;
    height: 20px;
    display: block;
    background: url("/public/img/close.png") no-repeat center center;
    background-size: cover;
    margin-top: 5px;
}

#wrap{
    padding-top: 12px;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: auto;
    min-width: 1306px;
}