/* logon page css */
body,html {
    margin: 0;
    padding: 0;
}
:root{
    --color-primary:#4e55c1;
    --color-primary-extent-1: #eeefff;
    --color-primary-extent-2: #d2d5fa;

    --color-error:#ff4d4f;
    --color-error-extent-1:#ffefef;
    --color-error-extent-2:#ffdedf;

    --color-success:#159696;
    --color-success-extent-1:#e0f3f3;
    --color-success-extent-2:#d2eded;

    --color-warning:#ff9800;

    --background-color-white:#fff;
    --color-black:#191919;
    --color-white:#fff;

    --page-content-background:#f2f2f2;
    --border-color-1: #eee; /*93%*/
    --border-color-2: #e5e5e5; /*90%*/
    --border-color-3: #d9d9d9; /*85%*/

    --box-shadow-1: 0 3px 9px rgba(0,0,0,0.1);
    --box-shadow-2: 0 5px 15px rgba(0,0,0,0.2);

    --sys-top-height: 80px;
}
.no-border{
    border: none !important;
}
.no-border-top{
    border-top: none !important;
}
.no-border-bottom{
    border-bottom: none !important;
}
.no-border-left{
    border-left: none !important;
}
.no-border-right{
    border-right: none !important;
}
.ant-divider.ant-divider-vertical{
    background: var(--border-color-3);
}

/* 登录----------------------------------------------------- */
/* 登录背景框和背景图 */
.rs-login-bg {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    position: relative;
    justify-content: center;
    align-items: center;
    background-image: url("static/login-bg.jpg");
    background-size: 100% 100%;
}
/* 登录框整个框 */
.rs-login-box {
    width: 1000px;
    min-width: 1000px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    display: flex;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
/* 登录框左边区域 */
.rs-login-l {
    width: 50%;
    backdrop-filter: blur(15px);
    background-color: var(--color-primary);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
/* 登录框左边的上方标题 */
.rs-login-l-t {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 90px;
}
/* 登录框左边的上方标题文字框 */
.rs-login-text-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 15px;
}
/* 登录框左边的上方标题大文字 */
.rs-login-l-t1 {
    line-height: 1;
    color: var(--color-white);
    font-size: 36px;
    font-weight: bold;
    border-bottom: 1px solid var(--color-white);
    padding-bottom: 10px;
    margin-left: 50px;
    margin-right: 50px;
    max-width: 400px;
    text-align: center;
}
/* 登录框左边的上方标题小文字 */
.rs-login-l-t2 {
    line-height: 1;
    color: var(--color-white);
    font-size: 18px;
    margin-top: 10px;
    margin-left: 50px;
    margin-right: 50px;
    max-width: 400px;
    text-align: center;
}
/* 登录框左边的下方图片框 */
.rs-login-l-b {
    width: 500px;
    height: 500px;
    overflow: hidden;
    background-image: url("static/login-main.png");
    background-size: 500px;
    background-repeat: no-repeat;
}
/* 登录框右边区域 */
.rs-login-r {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 90px;
    box-sizing: border-box;
    width: 50%;
    background-color: var(--background-color-white);
}
/* 登录框右边那两个登录大黑字 */
.rs-login-r-title {
    font-size: 30px;
    font-weight: bold;
    color: var(--color-black);
    margin-top: 20px;
    margin-bottom: 10px;
}
/* 登录框布局 */
.rs-login-input-box {
    display: flex;
    flex-direction: column;
}
/* 登录框每项输入框 */
.rs-input-item {
    background-color: var(--color-primary-extent-1);
    height: 56px;
    border-radius: 99px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
    top: 12px;
}
/* 登录框图标 */
.rs-input-icon {
    width: 56px;
    height: 56px;
}
/* 登录框里面的真实输入框 */
.rs-input input {
    flex: 1;
    height: 100%;
    background: none;
    border: none;
    outline: none;
}
/* 验证码 */
.rs-i-yzm {
    width: 100px;
    height: 36px;
    border-radius: 5px;
    position: absolute;
    right: 10px;
}
/* 登录按钮 */
.rs-login-btn {
    height: 56px;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    cursor: pointer;
}
/* 登录按钮鼠标经过 */
.rs-login-btn:hover {
    opacity: 0.8;
}
/* 忘记密码 */
.login-forgot-password {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
}
.lfp-t1 {
    font-size: 14px;
    color: var(--color-black);
}
.lfp-t2 {
    font-size: 14px;
    color: var(--color-primary);
    cursor: pointer;
    margin-left: 8px;
}
.lfp-t2:hover {
    text-decoration: underline;
}
/* 登录后的界面布局----------------------------------------------------- */
/* 整个布局框 */
.rs-page {
    display: flex;
    height: 100vh;
}
/* 左边栏列 */
.rs-layout-left {
    min-width: 180px;
    background: linear-gradient(180deg, #a2beff 0%, #ffffff 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
}
/* 左边栏的上方区域，包含logo和系统名称 */
.rs-layout-left-top {
    width: 100%;
    display: flex;
    /* padding: 35px 0 25px 0; */
    padding: 25px 0 25px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 30px 30px -20px rgba(73, 84, 163, 0.25);
}
/* 左边栏的logo框 */
.rs-logo {
    width: 100px;
    height: 100px;
    background-color: var(--background-color-white);
    border: 4px solid var(--color-white);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* logo图片 */
.rs-logo-img {
    max-width: 100%;
    max-height: 100%;
}
/* 左边栏系统名称 */
.rs-l-title {
    font-size: 14px;
    /* color: var(--color-black); */
    color: var(--color-primary);
    line-height: 1.3;
    /* border-top: 1px solid rgba(255, 255, 255, 0.5); */
    letter-spacing: 2px;
    margin-top: 10px;
    font-weight: bold;
    padding: 5px;
    /* font-style: italic; */

    /* font-family: "黑体", "Microsoft YaHei", sans-serif; */

    /* background: linear-gradient(90deg, #e9cd73, var(--color-primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */

    width: 96%;
    text-align: center;
}
/* 左边栏下方菜单区域 */
.rs-layout-left-bottom {
    width: 100%;
    flex: 1;
    overflow-y: auto;
}
/* 左边栏下方菜单区域滚动条 */
.rs-layout-left-bottom::-webkit-scrollbar {
    width: 15px;
    background: rgba(0, 0, 0, 0);
}
.rs-layout-left-bottom::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
}
.rs-layout-left-bottom::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(110, 116, 204, 0.15);
}
.rs-layout-left:hover .rs-layout-left-bottom::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(110, 116, 204, 0.7);
}
.rs-layout-left-bottom::-webkit-scrollbar-thumb:hover {
    background: rgba(110, 116, 204, 1) !important;
}
/* 左侧第一项 “首页” 菜单区域 */
.rs-slide-bar {
    display: flex;
    flex-direction: column;
}
/* 菜单项 */
.rs-slide-bar-item {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
/* 第一项菜单 */
.rs-l-item-t {
    font-size: 14px;
    color: var(--color-black);
    display: flex;
    line-height: 40px;
    align-items: center;
}
.rs-l-item-t:hover {
    color: var(--color-primary);
}
/* 第一项菜单图标 */
.rs-l-icon1 {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
}
/* 第一项菜单文字 */
.rs-l-text {
    margin-left: 9px;
}
/* 右边区域----------------------------------------------------- */
.rs-layout-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* 顶部工具栏----------------------------------------------------- */
.rs-nav-bar {
    height: 50px;
    width: 100%;
    background: linear-gradient(90deg, #f5f7fa 0%, #4e55c1 100%);
    display: flex;
    top: 0;
    justify-content: flex-end;
}
/* 顶部内容区 */
.rs-nav-content {
    display: flex;
    align-items: center;
}
/* 顶部工具栏的分隔线 */
.rs-nav-bar-line {
    width: 1px;
    height: 22px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: auto 10px;
}
/* 顶部的每一项item */
.rs-nav-item {
    display: flex;
    align-items: center;
}
/* 顶部栏更多系统按钮区域 */
.rs-more-system {
    display: flex;
    margin-left: 10px;
    margin-right: auto;
    height: 100%;
    align-items: center;
}
.rs-more-system-btn {
    height: 30px;
    background-color: var(--background-color-white);
    border: 1px solid var(--color-primary-extent-2);
    color: var(--color-primary);
    border-radius: 99px;
    display: flex;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin: 0 10px;
    cursor: pointer;
}
/* 顶部提示修改密码 */
.rs-news {
    display: flex;
    align-items: center;
    background-color: var(--background-color-white);
    height: 30px;
    border-radius: 99px;
    padding: 0 15px;
    margin-right: 5px;
}
.rs-nav-news-icon{
    color: var(--color-error) !important;
}
.rs-nav-news-text {
    color: var(--color-error);
    font-size: 13px;
    margin: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rs-nav-news-text2 {
    color: var(--color-success);
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: bold;
}
/* 关注微信消息通知按钮 */
.rs-nav-btn {
    height: 30px;
    min-width: 30px;
    background-color: var(--background-color-white);
    border-radius: 99px;
    display: flex;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    margin: 0 5px;
    cursor: pointer;
}
.rs-nav-btn:hover {
    opacity: 0.9;
}
.rs-nav-btn-icon {
    font-size: 14px;
}
.rs-nav-btn-text {
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rs-nav-btn-text.weixin {
    color: var(--color-success);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* 消息通知红点 */
.rs-tz-num {
    background-color: var(--color-error);
    padding: 0 6px;
    border-radius: 99px;
    color: var(--color-white);
    margin-left: 5px;
}
/* 登录的用户信息 */
.rs-user-info {
    display: flex;
    align-items: center;
    margin: 0 5px;
    cursor: pointer;
}
/* 头像 */
.rs-user-icon {
    width: 30px;
    height: 30px;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-primary-extent-2);
    background-color: var(--color-primary);
}
/* 用户名右侧下拉箭头 */
.rs-more-icon{
    color: var(--color-primary-extent-2);
}
/* 用户名框 */
.rs-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 10px;
    line-height: 1;
}
/* 用户名 */
.rs-name-1 {
    max-width: 150px;
    font-size: 13px;
    color: var(--color-white);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* 工号 */
.rs-name-2 {
    max-width: 150px;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    margin-top: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* 设置按钮 */
.rs-setting-icon{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: var(--color-primary-extent-2);
    background-color: rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
}
.rs-setting-icon:hover{
    opacity: 0.8;
}
/* 右侧工具栏下方动态内容区----------------------------------------------------- */
.rs-content-page {
    width: calc(100vw - 180px);
    flex: 1;
    overflow: auto;
    background-color: var(--page-content-background);
}
/* 首页卡片----------------------------------------------------- */
.HomePage{
    background-color: #fff;
}
.rs-content-card {
    padding: 0px 20px 30px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
}
.rs-content-card:first-child{
    padding-top: 20px;
}
.rs-content-card:last-child{
    padding-bottom: 20px;
}
.rs-content-card *{
    z-index: 1;
}
/* 首页卡片上方区域 */
.rs-card-top {
    display: flex;
    align-items: center;
}
.rs-card-top-title {
    display: flex;
    align-items: center;
}
.rs-card-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    display: none;
}
.rs-card-t-text {
    font-size: 22px;
    font-weight: bold;
    color: var(--color-black);
}
/* 首页卡片下方区域 */
.rs-card-bottom {
    display: flex;
    flex-direction: column;
}
.calendar-ul {
    list-style: none;
}
/* 首页常用功能模块----------------------------------------------------- */
.rs-content-menulist {
    display: flex;
    margin: 10px -5px -5px -5px;
    flex-wrap: wrap;
}
.rs-menu-card-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 10px;
    border: 1px solid var(--border-color-1);
    box-sizing: border-box;
    border-radius: 10px;
    margin: 5px;
    cursor: pointer;
    width: 170px;
}
.cardItem-right-dot {
    position: absolute;
    right: -10px;
    top: -10px;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.rs-menu-item {
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 5px;
    cursor: pointer;
    background-color: var(--background-color-white);
    min-width: 170px;
    border: 1px solid var(--border-color-1);
}
@media (min-width:800px) {
    .home-page-card .rs-menu-item {
        width: calc(100% / 3 - 10px) !important;
    }
}
@media (min-width:1200px) {
    .home-page-card .rs-menu-item {
        width: calc(100% / 4 - 10px) !important;
    }
}
@media (min-width:1440px) {
    .home-page-card .rs-menu-item {
        width: calc(100% / 5 - 10px) !important;
    }
}
@media (min-width:1600px) {
    .home-page-card .rs-menu-item {
        width: calc(100% / 6 - 10px) !important;
    }
}
@media (min-width:1700px) {
    .home-page-card .rs-menu-item {
        width: calc(100% / 7 - 10px) !important;
    }
}
@media (min-width:1920px) {
    .home-page-card .rs-menu-item {
        width: calc(100% / 8 - 10px) !important;
    }
}
@media (min-width:2200px) {
    .home-page-card .rs-menu-item {
        width: calc(100% / 10 - 10px) !important;
    }
}
@media (min-width:2560px) {
    .home-page-card .rs-menu-item {
        width: calc(100% / 12 - 10px) !important;
    }
}
.rs-content-menulist .rs-menu-card-item .ant-avatar-icon{
    color: #7582D5 !important;
}
.home-page-card .rs-content-menulist .rs-menu-item {
    background-color: #f3f6fd;
    border: none;
    box-shadow: none;
    min-width: auto;
    transition: 0.35s;
}
.home-page-card .rs-content-menulist .rs-menu-card-item {
    background-color: var(--background-color-white);
}
.home-page-card .rs-content-menulist .ant-avatar-icon{
    color: rgba(0,0,0,0.95) !important;
    opacity: 0.25;
}
.home-page-card .rs-content-menulist .ant-avatar-icon:nth-child(2n){
    color: var(--color-white) !important;
}
.home-page-card .rs-content-menulist .ant-avatar-icon:nth-child(3n){
    color: var(--color-white) !important;
}
.home-page-card .rs-content-menulist.cygn .rs-menu-item {
    border: 1px solid rgba(0,0,0,0.04);
}
.home-page-card .rs-content-menulist.cygn .rs-menuitem-text {
    color: var(--color-black);
    font-size: 16px !important;
    margin-left: 4px !important;
    line-height: 1.2;
    flex: 1;
    margin-right: 10px;
}
.home-page-card .rs-content-menulist .rs-menu-card-item .rs-menuitem-text {
    color: var(--color-white);
    margin-left: 8px;
}
.home-page-card .rs-content-menulist .rs-menuitem-icon .ant-avatar-lg{
    background: transparent !important;
}
.home-edit-btn{
    background-color: var(--color-primary-extent-1) !important;
    color: var(--color-primary) !important;
    border-color: var(--color-primary-extent-2) !important;
}
.home-edit-btn2{
    background-color: var(--color-success) !important;
    color: var(--color-white) !important;
    border-color: var(--color-success) !important;
}
.rs-content-menulist .rs-menuitem-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rs-content-menulist .rs-menuitem-icon .ant-badge{
    width: 30px;
    height: 30px;
}
.rs-content-menulist .rs-menuitem-icon .ant-avatar-lg{
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.rs-menuitem-icon .ant-avatar-lg.ant-avatar-icon {
    font-size: 20px;
}
.rs-menuitem-text {
    font-size: 15px;
    margin-left: 8px;
    color: var(--color-black);
    line-height: 1;
}
.rs-menuitem-text-box{
    flex: 1;
}
.home-page-card .rs-content-menulist.cygn .rs-menu-item {
   padding-right: 30px !important;
   position: relative;
}
.rs-content-menulist.cygn .rs-menuitem-icon{
    display: none !important;
}
.rs-content-menulist.cygn .rs-menu-item::after{
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    width: 22px;
    height: 22px;
    margin-left: auto;
    background-image: url('./static/rs-cygn-item-icon-05.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 90%;
    opacity: 0.5;
}
.rs-content-menulist.cygn .rs-menu-item:nth-child(2n){
    background-color: #fff8f6;
}
.rs-content-menulist.cygn .rs-menu-item:nth-child(2n) .rs-menuitem-text {
    color: #270804;
}
.rs-content-menulist.cygn .rs-menu-item:nth-child(2n)::after{
    background-image: url('./static/rs-cygn-item-icon-06.png');
}
.home-page-card .rs-content-menulist .rs-menu-item:hover{
    background-color: var(--color-primary-extent-2) !important;
    transition: 0.35s;
}
.home-page-card .rs-content-menulist .rs-menu-item:hover .rs-menuitem-text{
    color: var(--color-primary) !important;
}
/* 首页花名册列表----------------------------------------------------- */
.rs-hmc-menulist {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -5px -5px -5px;
}
.rs-hmc-item {
    display: flex;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 5px;
    cursor: pointer;
    position: relative;
    background: linear-gradient( 90deg, #6C6BEB 0%, #a3a0ff 100%);
    transition: all 0.35s ease;
}
@media (max-width:1200px) {
    .rs-hmc-item {
        width: calc(100% / 3 - 10px) !important;
    }
}
@media (min-width:1200px) {
    .rs-hmc-item {
        width: calc(100% / 4 - 10px) !important;
    }
}
@media (min-width:1440px) {
    .rs-hmc-item {
        width: calc(100% / 5 - 10px) !important;
    }
}
@media (min-width:1700px) {
    .rs-hmc-item {
        width: calc(100% / 6 - 10px) !important;
    }
}
@media (min-width:1921px) {
    .rs-hmc-item {
        width: calc(100% / 7 - 10px) !important;
    }
}
.rs-hmc-item-l{
    flex: 1;
    margin-right: 10px;
}
.rs-hmc-item-r{
    width: 32px;
    height: 32px;
    margin-bottom: auto;
}
.rs-hmc-item-icon{
    width: 32px;
    height: 32px;
    background-image: url('./static/rs-hmc-item-icon-01.png');
    background-size: 100%;
    opacity: 0.8;
}
.rs-hmc-item{
    background: linear-gradient( 90deg, #BCD7FF 0%, #E8F5FF 100%) !important;
}
.rs-hmc-item:nth-child(2n){
    background: linear-gradient( 90deg, #FFBE9A 0%, #FFF5E6 100%) !important;
}
.rs-hmc-item:nth-child(3n){
    background: linear-gradient( 90deg, #D1CFFF 0%, #F8F8FF 100%) !important;
}
.rs-hmc-item:nth-child(2n) .rs-hmc-item-icon{
    background-image: url('./static/rs-hmc-item-icon-02.png');
}
.rs-hmc-item:nth-child(3n) .rs-hmc-item-icon{
    background-image: url('./static/rs-hmc-item-icon-03.png');
}
.rs-hmc-item:hover{
    background: linear-gradient( 90deg, #BCD7FF 0%, #BCD7FF 100%) !important;
    transition: all 0.35s ease;
}
.rs-hmc-item:nth-child(2n):hover{
    background: linear-gradient( 90deg, #FFBE9A 0%, #FFBE9A 100%) !important;
    transition: all 0.35s ease;
}
.rs-hmc-item:nth-child(3n):hover{
    background: linear-gradient( 90deg, #D1CFFF 0%, #D1CFFF 100%) !important;
    transition: all 0.35s ease;
}
.rs-hmc-title {
    font-size: 17px;
    color: var(--color-white);
    font-weight: bold;
    line-height: 1.2;
}
.rs-hmc-p {
    font-size: 12px;
    line-height: 1;
    margin-top: 6px;
}
.rs-hmc-item .rs-hmc-title {
    color: #264a8f;
}
.rs-hmc-item:nth-child(2n) .rs-hmc-title {
    color: #8b3e0e;
}
.rs-hmc-item:nth-child(3n) .rs-hmc-title {
    color: #363580;
}
.rs-hmc-item .rs-hmc-p {
    color: #7399ce;
}
.rs-hmc-item:nth-child(2n) .rs-hmc-p {
    color: #c48965;
}
.rs-hmc-item:nth-child(3n) .rs-hmc-p {
    color: #9793db;
}
.rs-hmc-link {
    font-size: 12px;
    color: var(--color-primary);
    position: absolute;
    right: 15px;
    bottom: 15px;
    line-height: 1;
}
.rs-hmc-item-link .rs-hmc-item-icon{
    background-image: url('./static/rs-hmc-item-icon-04.png') !important;
}
.rs-hmc-item-link .rs-hmc-p{
    flex: 1;
    width: 140px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
    line-height: 1.5em;
}

.rs-hmc-item.rs-hmc-item-white{
    cursor: auto;
    background: linear-gradient( 90deg, #fff 0%, #fff 100%) !important;
}
.rs-hmc-item.rs-hmc-item-white:hover{
    background: linear-gradient( 90deg, #D1CFFF 0%, #D1CFFF 100%) !important;
}
.rs-hmc-item.rs-hmc-item-white .rs-hmc-title{
    color: var(--color-black) !important;
    margin-bottom: 3px;
}
.rs-hmc-item.rs-hmc-item-white .rs-hmc-p{
    color: rgba(0,0,0,0.5) !important;
    font-size: 13px;
}
.rs-hmc-item.rs-hmc-item-white .rs-hmc-item-l{
    display: flex;
    flex-direction: column;
}
.rs-hmc-item.rs-hmc-item-white .rs-hmc-remark {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 首页自助申报和人事业务列表----------------------------------------------------- */
.rs-zzsb-menulist {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -5px -5px -5px;
}
.rs-zzsb-item {
    display: flex;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 5px;
    cursor: pointer;
    position: relative;
    background: linear-gradient( 90deg, #e5efff 0%, #fcfdff 100%) !important;
    transition: 0.35s;
}
@media (max-width:1200px) {
    .rs-zzsb-item {
        width: calc(100% / 3 - 10px) !important;
    }
}
@media (min-width:1200px) {
    .rs-zzsb-item {
        width: calc(100% / 4 - 10px) !important;
    }
}
@media (min-width:1440px) {
    .rs-zzsb-item {
        width: calc(100% / 5 - 10px) !important;
    }
}
@media (min-width:1700px) {
    .rs-zzsb-item {
        width: calc(100% / 6 - 10px) !important;
    }
}
@media (min-width:1921px) {
    .rs-zzsb-item {
        width: calc(100% / 7 - 10px) !important;
    }
}
.rs-zzsb-item-l{
    flex: 1;
    margin-right: 10px;
}
.rs-zzsb-item-r{
    width: 24px;
    height: 24px;
}
.rs-zzsb-item-icon{
    width: 24px;
    height: 24px;
    background-image: url('./static/rs-zzsb-item-icon-01.png');
    background-size: 100%;
    opacity: 0.8;
}
.rs-rsyw-item .rs-zzsb-item-icon{
    width: 24px;
    height: 24px;
    background-image: url('./static/rs-rsyw-item-icon-01.png');
    background-size: 100%;
    opacity: 0.8;
}
.rs-zzsb-item:hover{
    background: linear-gradient( 90deg, #e5efff 0%, #e5efff 100%) !important;
    transition: 0.35s;
}
.rs-zzsb-title {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #3d5277;
}
.rs-zzsb-p {
    font-size: 12px;
    line-height: 1;
    margin-top: 3px;
}
.rs-zzsb-item .rs-zzsb-p {
    color: #7283a6;
}

.rs-zzsb-item:nth-child(2n) {
    background: linear-gradient( 90deg, #dff3f8 0%, #f9feff 100%) !important;
}
.rs-zzsb-item:nth-child(2n) .rs-zzsb-item-icon{
    background-image: url('./static/rs-zzsb-item-icon-02.png');
}
.rs-zzsb-item:nth-child(2n) .rs-zzsb-title {
    color: #2b5f6b;
}
.rs-zzsb-item:nth-child(2n) .rs-zzsb-p {
    color: #52808a;
}
.rs-zzsb-item:nth-child(2n):hover {
    background: linear-gradient( 90deg, #dff3f8 0%, #dff3f8 100%) !important;
}
.rs-zzsb-item:nth-child(3n) {
    background: linear-gradient( 90deg, #f8f0e8 0%, #fffcf9 100%) !important;
}
.rs-zzsb-item:nth-child(3n) .rs-zzsb-item-icon{
    background-image: url('./static/rs-zzsb-item-icon-03.png');
}
.rs-zzsb-item:nth-child(3n) .rs-zzsb-title {
    color: #7c5f44;
}
.rs-zzsb-item:nth-child(3n) .rs-zzsb-p {
    color: #7c5e44;
}
.rs-zzsb-item:nth-child(3n):hover {
    background: linear-gradient( 90deg, #f8f0e8 0%, #f8f0e8 100%) !important;
}
.rs-rsyw-item:nth-child(2n) .rs-zzsb-item-icon{
    background-image: url('./static/rs-rsyw-item-icon-02.png');
}
.rs-rsyw-item:nth-child(3n) .rs-zzsb-item-icon{
    background-image: url('./static/rs-rsyw-item-icon-03.png');
}
/* 首页网址收藏夹列表----------------------------------------------------- */
.rs-zdy-menulist {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -5px -5px -5px;
}
.rs-zdy-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 5px;
    cursor: pointer;
    position: relative;
    background-color: #f0f6fc;
    transition: 0.35s;
}
@media (max-width:1200px) {
    .rs-zdy-item {
        width: calc(100% / 3 - 10px) !important;
    }
}
@media (min-width:1200px) {
    .rs-zdy-item {
        width: calc(100% / 4 - 10px) !important;
    }
}
@media (min-width:1440px) {
    .rs-zdy-item {
        width: calc(100% / 5 - 10px) !important;
    }
}
@media (min-width:1700px) {
    .rs-zdy-item {
        width: calc(100% / 6 - 10px) !important;
    }
}
@media (min-width:1921px) {
    .rs-zdy-item {
        width: calc(100% / 7 - 10px) !important;
    }
}
.rs-zdy-item-l{
    flex: 1;
}
.rs-zdy-item-r{
    width: 24px;
    height: 24px;
}
.rs-zdy-item-icon{
    width: 24px;
    height: 24px;
    background-image: url('./static/rs-zdy-item-icon-01.png');
    background-size: 100%;
}
.rs-zdy-item:hover{
    background: linear-gradient( 90deg, #e5efff 0%, #e5efff 100%) !important;
    transition: 0.35s;
}
.rs-zdy-title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 4px;
    color: #3d5277;
    text-align: center;
    margin-top: 8px;
}
.rs-zdy-p {
    font-size: 12px;
    line-height: 1;
    text-align: center;
}
.rs-zdy-item .rs-zdy-p {
    color: #7283a6;
    word-break: break-all;
}
.rs-zdy-item:nth-child(3n) {
    background: linear-gradient( 90deg, #f8f0e8 0%, #fffbf7 100%) !important;
}
.rs-zdy-item:nth-child(3n) .rs-zdy-item-icon{
    background-image: url('./static/rs-zdy-item-icon-03.png');
}
.rs-zdy-item:nth-child(3n) .rs-zdy-title {
    color: #7c5f44;
}
.rs-zdy-item:nth-child(3n) .rs-zdy-p {
    color: #7c5e44;
}
.rs-zdy-item:nth-child(3n):hover {
    background: linear-gradient( 90deg, #f8f0e8 0%, #f8f0e8 100%) !important;
}
/* 首页数据大屏图表----------------------------------------------------- */
.rs-echares-box {
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    flex: 1;
    margin: 10px -10px -10px -10px;
    flex-wrap: wrap;
}
.rs-echares-item {
    width: calc(100% / 3 - 20px);
    border: 1px solid var(--border-color-1);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--background-color-white);
}
.rs-echaresitem-top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.rs-ei-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.rs-ei-text {
    margin-left: 10px;
}
.rs-echsrts {
    height: 400px;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
    border-right: 0px !important;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
    width: 100% !important;
}
@media (max-width: 1440px) {
    .rs-nav-btn-text {
        display: none;
    }
    .rs-name-1,
    .rs-name-2 {
        width: 80px;
    }
    .rs-ms-text {
        white-space: nowrap;
    }
    .rs-nav-bar-line {
        margin: auto 15px;
    }
    .rs-nav-btn {
        padding: 0 8px;
        margin: 0 5px;
    }
    .rs-more-system-btn {
        padding: 0 12px;
        margin: 0 5px;
    }
}

@media (max-width: 1220px) {
    .rs-nav-news-text {
        width: 200px;
    }
}
/* 左侧菜单颜色----------------------------------------------------- */
.rs-layout-left .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: var(--color-primary);
}
.rs-layout-left .ant-menu-item-selected > a,
.rs-layout-left .ant-menu-item-selected > a:hover {
    color: var(--color-white);
}
/* 弹窗相关样式优化----------------------------------------------------- */
.ant-drawer-header .ant-drawer-close,.ant-modal-close{
    background-color: var(--color-error) !important;
    width: 54px !important;
    height: 54px !important;
    line-height: 54px !important;
}
.ant-drawer-header .ant-drawer-close:hover,.ant-modal-close:hover{
    opacity: 0.9;
}
.ant-drawer-header .anticon.anticon-close,.ant-modal-close .ant-modal-close-x{
    font-size: 20px;
    color: var(--color-white);
    transition: 0.3s;
}
.ant-drawer-header .ant-drawer-close:hover .anticon.anticon-close ,.ant-modal-close:hover .ant-modal-close-x{
    transform: rotate(180deg) scale(1.4);
    transition: 0.3s;
}


/* 通用表格样式-开始 */
.rs-common-table-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    box-sizing: border-box;
}

.rs-common-table-item {
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff;
}

.rs-common-table-item:nth-child(2n) {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
}
.rs-common-table-item-title {
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    margin-bottom: 15px;
}

.rs-common-table-item-table {
    border: 1px solid #ddd;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

td.rs-common-table-td,
.rs-common-table-td {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 10px;
    font-size: 15px;
    color: #000;
}

td.rs-common-table-td.rs-common-table-td-main,
.rs-common-table-td.rs-common-table-td-main {
    background-color: #fafafa;
    color: #666;
}
/* 通用表格样式-结束 */


/* 通用TAB样式 */
.ant-tabs-nav-wrap {
    margin-bottom: 0 !important;
}
.ant-tabs-nav-scroll {
    background-color: var(--background-color-white);
    border: 1px solid var(--border-color-2);
    box-sizing: border-box;
}
.ant-tabs-nav .ant-tabs-tab {
    margin: 0 0 0 32px;
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-left: 0 !important;
    border-right: 1px solid var(--border-color-2);
    position: relative;
    z-index: 1;
}
.ant-tabs-nav .ant-tabs-tab:hover{
    color: var(--color-primary) !important;
}
.ant-tabs-nav .ant-tabs-tab-active {
    color: var(--color-white) !important;
    background-color: var(--color-primary);
    font-weight: 500;
    position: relative;
    z-index: 2;
    border-right: none;
}
.ant-tabs-nav .ant-tabs-tab-active:hover{
    color: var(--color-white) !important;
}
.ant-tabs-nav .ant-tabs-tab-active::after {
    content: "";
    right: -14px;
    width: 0;
    height: 0;
    border-left: 14px solid var(--color-primary);
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    position: absolute;
    top: 0;
}
/* .ant-tabs-nav .ant-tabs-tab-active:last-child {
} */
.ant-tabs-nav .ant-tabs-tab-active:last-child::after {
    display: none;
}
.ant-tabs-nav .ant-tabs-tab {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    margin: 0 0 0 32px;
    padding: 12px 0;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab:last-child {
    margin-right: 0;
}
.ant-tabs-ink-bar{
    display: none !important;
}
/* 通用TAB样式结束 */

/* huge input box */
.input-box {
    display: flex;
    width: 100%;
    padding: 0 0 20px 0;
    box-sizing: border-box;
}

.ip-text {
    height: 50px;
    background-color: #fafafa;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    outline: none;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: bold;
    flex: 1;
    width: 70%;
    line-height: 50px;
}

.ip-text:focus {
    border: 2px solid #4e55c1;
    background: transparent;
}

.ip-text::placeholder {
    color: #ccc;
    font-weight: normal;
}

.ip-text:focus::placeholder {
    color: #e5e5e5;
}
.textarea-wrapper {
    position: relative;
    display: block;
    width: 100%;
}
.textarea-content {
    padding: 8px;
    height: 100%;
}
.textarea-count {
    color: #808080;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 8px;
    right: 12px;
}
/* huge input box end */

/* 下拉框小箭头优化，点文字展开 */
.xiaogongju-icon{
    position: relative;
}
.xiaogongju-box{
    position: absolute;
    top: 30px;
    right: -200px;
    z-index: 99999999;
    background-color: #fff;
    width: calc(100vw - 400px);
    border-radius: 20px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 30px 60px rgba(0,0,0,0.3);
    display: none;
    padding: 20px;
    box-sizing: border-box;
}
.xiaogongju-box .xgj-title{
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    height: 40px;
}
.xiaogongju-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
}
.xgj-title2{
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    margin-bottom: 8px;
    margin-left: 10px;
}
.xiaogongju-lists{
    display: flex;
    flex-wrap: wrap;
}
.xiaogongju-item{
    position: relative;
    display: flex;
    align-items: center;
    margin: 7.5px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    border-radius: 10px;
    width: calc(100% / 4 - 20px);
}

@media (max-width:1441px) {
    .xiaogongju-box{
        width: calc(100vw - 300px);
    }
    .xiaogongju-item{
        width: calc(100% / 3 - 20px);
    }
}
@media(max-width:1000px){
    .xiaogongju-item{
        width: calc(100% / 2 - 20px);
    }
}
.xiaogongju-item:hover{
    box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.xiaogongju-item-l{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
}
.xiaogongju-item-img{
    width: 50px;
    height: 50px;
}
.xiaogongju-item-r{
    margin-left: 15px;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.xiaogongju-item-r-t1{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #191919;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xiaogongju-item-r-t2{
    width: 100%;
    font-size: 14px;
    color: #999;
    margin-top: 8px;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xiaogongju-icon:hover .xiaogongju-box{
    display: block;
}
/* 下拉框小箭头优化，点文字展开-结束 */



/* 非全选状态下全选框始终白色 */
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
    background-color: #fff !important;
}


/* 左边侧边栏 */
.rs-layout-left-bottom .ant-menu-submenu-title{
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 14px !important;
    padding-right: 20px !important;
}
.rs-layout-left-bottom .ant-menu-submenu-title:hover{
    /* background-color: var(--color-primary);
    color: #fff;
    transition: all 0.3s ease-in-out; */
    /* text-decoration: underline; */
}
.rs-layout-left-bottom .ant-menu-submenu-title span{
    white-space: wrap !important;
    line-height: 1.1 !important;
    display: flex;
    align-items: center;
    padding: 12px 0;
}
.rs-layout-left-bottom .ant-menu-submenu-arrow{
    /* top: 20px !important; */
    right: 8px !important;
}
/* .rs-layout-left-bottom .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.rs-layout-left-bottom .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before{
    background-image: linear-gradient(to right, #fff, #fff) !important;
    transition: all 0.3s ease-in-out;
} */
.rs-layout-left-bottom .ant-menu-submenu-open .ant-menu-submenu-title{
    position: sticky;
    top: 0;
    z-index: 9;
}
.rs-layout-left-bottom .ant-menu-item{
    margin: 0 !important;
}
.rs-layout-left-bottom .ant-menu-submenu-inline .ant-menu-inline .ant-menu-item::after {
    border-right: none;
}
.rs-layout-left-bottom .ant-menu-sub.ant-menu-inline > .ant-menu-item,
.rs-layout-left-bottom .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
    height: auto;
    line-height: 1.1 !important;
    padding: 12px 12px 12px 24px !important;
}
.rs-layout-left-bottom .menu-serch-activt{
    height: auto !important;
    line-height: 1.1 !important;
    padding: 12px 12px 12px 24px !important;
}
 .rs-layout-left-bottom .menu-serch-activt .ant-menu-item > a {
    white-space: wrap !important;
    line-height: 1.1 !important;
 }

/* 左边侧边栏菜单展开颜色------紫色*/

.rs-layout-left-bottom .ant-menu-submenu-open{
    background-color: #646cd6;
}
.rs-layout-left-bottom .ant-menu-submenu-open .ant-menu-submenu-title{
    color: rgba(255,255,255,0.95);
    background-color: #646cd6;
}
.rs-layout-left-bottom .ant-menu-submenu-open .ant-menu-submenu-arrow::after,
.rs-layout-left-bottom .ant-menu-submenu-open .ant-menu-submenu-arrow::before
{
    background-image: linear-gradient(to right, #fff, #fff) !important;
}
.rs-layout-left-bottom .ant-menu-sub{
    background-color: #4e55c1;
}
.rs-layout-left-bottom .ant-menu-item > a {
    color: rgba(255,255,255,0.8);
    white-space: wrap;
    line-height: 1.1;
}
.rs-layout-left-bottom .ant-menu-item > a:hover{
    color: rgba(255,255,255,1);
}
.rs-layout-left-bottom .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #ff7f08;
}
.rs-layout-left-bottom .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected a,
.rs-layout-left-bottom .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected a:hover{
    color: rgba(255,255,255,1);
}



/* 下拉树，点中父级的时候是展开而不是选中----开始 */
.ant-select-tree-switcher,.ant-select-tree-treenode-switcher-close,.ant-select-tree-treenode-switcher-open{
    position: relative;
}
.ant-select-tree-switcher_open, .ant-select-tree-switcher_close {
    content: '';
    position: absolute !important;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    width:100% !important;
    text-align:left !important;
    box-sizing: border-box;
    padding-left:8px;
    min-height: 28px !important;

}
.ant-select-tree li .ant-select-tree-node-content-wrapper{
    padding-left:26px !important;
}
.ant-select-tree-node-content-wrapper-normal{
    padding-left:8px !important;
}
li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span{
    padding-left: 16px !important;
}
.ant-select-tree li span.ant-select-tree-checkbox{
    margin-left: 26px !important;
}
.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper{
    padding-left: 4px !important;
}
.ant-select-tree-child-tree li span.ant-select-tree-checkbox{
    margin-left: 0 !important;
}
.ant-select-tree-child-tree li .ant-select-tree-node-content-wrapper{
    padding-left:8px !important;
}
/* 下拉树，点中父级的时候是展开而不是选中----结束 */


.common-layout-page{
    display: flex;
    flex-direction: column;
    width: 100%;
    /* height: 100vh; */
    height: calc(100vh - var(--sys-top-height));
}
.common-layout-drawe-page{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 55px);
}
.common-layout-module-autoContent{
    flex: 1;
    background-color: #fff;
}


/**左右视图*/
.lr-content-page{
    display: flex;
    width: 100%;
    height: calc(100vh - var(--sys-top-height));
}

.lr-content-l{
    width: 250px;
    height: calc(100vh - var(--sys-top-height));
    display: flex;
    flex-direction: column;
    background-color: #fff;
    position: relative;
    padding-right: 5px;
}
.lr-content-l-head{
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
    background-color: #f7f7f7;
}
.lr-content-l-head-title{
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px;
}
.lr-content-l-head-btn{
    margin-left: auto;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,0.03);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lr-content-l-head-btn:hover{
    background-color: rgba(0,0,0,0.07);
}
.lr-content-l-main{
    flex: 1;
    padding: 12px;
    box-sizing: border-box;
    overflow: auto;
}
.lr-resize-handle{
    width: 5px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    cursor: e-resize;
}
.lr-resize-handle:hover{
    background-color: #787dcc;
}
.lr-content-r{
    flex: 1;
    height: calc(100vh - var(--sys-top-height));
    overflow-y: auto;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 15px 0 10px;
}

/* 二维码 */
.qr-code-box{
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 30px 0;
}
.qrcode-item{
    display: flex;
    flex-direction: column;
    margin: 10px;
}
.qrcode-img{
    width: 250px;
    height: 250px;
    border: 1px solid #eee;
}
.qrcode-info{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.qrcode-title{
    font-size: 24px;
    font-weight: bold;
    margin: 15px 0;
}
/* 二维码 */

/* 师德师风考核数据统计图表 */
.tb-data-page{
    display: flex;
    flex-direction: column;
}
.tb-data-main{
    display: flex;
}
.tb-data-card{
    display: flex;
    flex-direction: column;
    margin: 10px;
    flex: 1;
}
.tb-data-title{
    font-size: 18px;
    color: #191919;
    margin-bottom: 10px;
    font-weight: bold;
}
.tb-data-content{
    display: flex;
    border-radius: 10px;
    padding: 15px;
}
.tb-data-content-color1{
    background-color: #F7F0E9;
}
.tb-data-content-color2{
    background-color: #DDF3F9;
}
.tb-data-content-color3{
    background-color: #E6F3FF;
}
.tb-data-main-l{
    width: 250px;
    position: relative;
}
.tb-percent{
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-40%);
    display: flex;
    flex-direction: column;
    z-index: 99;
    text-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.tb-percent-title{
    font-size: 14px;
    color: rgba(255,255,255,0.9);
}
.tb-percent-num{
    font-size: 26px;
    color: rgba(255,255,255,1);
    font-weight: bold;
}
.tb-data-main-r{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tb-data-text-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.tb-data-text-info{
    display: flex;
    flex-direction: column;
    margin: 5px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.8);
    width: calc(50% - 10px);
    padding: 10px;
    box-sizing: border-box;
}
.tb-data-text-title{
    font-size: 12px;
    color: #191919;
    margin-bottom: 5px;
}
.tb-data-text-p{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    line-height: 1;
    margin-top: auto;
}
.tb-data-text-num{
    font-size: 26px;
    font-weight: bold;
    color: #191919;
}
.tb-data-text-num-color1{
    color: #ff4d4f;
}
.tb-data-text-dw{
    font-size: 14px;
    margin-left: 8px;
}
.tb-data-btn{
    background-color: #4e55c1;
    display: flex;
    border-radius: 4px;
    padding: 6px;
    justify-content: center;
    margin-top: 10px;
    margin-left: 5px;
}
.tb-data-btn a{
    color: #fff !important;
}

.tb-data-minor .tb-data-content-lists{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.tb-data-minor .tb-data-content{
    width: calc(100% / 5 - 10px);
    flex-direction: column;
    align-items: center;
    margin: 5px;
    padding: 5px;
}
@media (max-width:1500px){
    .tb-data-minor .tb-data-content{
        width: calc(100% / 4 - 10px);
    }
}
@media (max-width:1200px){
    .tb-data-minor .tb-data-content{
        width: calc(100% / 3 - 10px);
    }
}
@media (max-width:1000px){
    .tb-data-minor .tb-data-content{
        width: calc(100% / 2 - 10px);
    }
}
.tb-data-minor .tb-data-main-l{
    width: 100%;
}
.tb-bm-title{
    font-size: 16.5px;
    font-weight: bold;
    margin: 0 auto 10px auto;
    text-align: center;
    color: #191919;
}
.tb-data-minor .tb-percent{
    left: 50%;
    transform: translateX(-40%);
    top: 50px;
}
.tb-data-minor .tb-data-text-box{
    margin-bottom: 5px;
    margin-top: auto;
}
.tb-data-minor .tb-percent-num{
    font-size: 20px;
}
.tb-data-minor .tb-data-btn{
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

.tb-data-minor .tb-data-text-p{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    line-height: 1;
}
.tb-data-minor .tb-data-text-num{
    font-size: 20px;
}
/* 师德师风考核数据统计图表结束 */


/* 文档中心 */
.wd-topbar{
    display: flex;
    align-items: center;
}
.wd-tpbar-right{
    margin-left: auto;
    display: flex;
    margin-left: 50px;
}
.wd-module-box{
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.wd-module-item{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin: 5px !important;
    border-radius: 4px;
    padding: 10px;
    width: calc(100% - 10px);
}
.wd-module-item-two{
    width: calc(100% / 2 - 10px);
}
.wd-module-item-title{
    font-size: 18px;
    font-weight: bold;
    color: #111;
}
.wd-module-item-info{
    display: flex;
}
.wd-module-item-text{
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 30px;
    margin-bottom: 10px;
}
.wd-module-item-file-lists{
    display: flex;
    flex-wrap: wrap;
}

.wd-module-item-file-item{
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 6px 12px 6px 6px;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.03);
}
.wd-module-item-file-item:last-child{
    border-bottom: none;
}
.wd-module-item-file-item:hover{
    background-color: #f3f8fc;
}
.wd-module-file-icon{
    width: 36px;
    height: 36px;
    margin-right: 5px;
}
.wd-module-file-content{
    flex: 1;
    display: flex;
    align-items: center;
}
.wd-module-file-title{
    font-size: 14px;
    color: #111;
    margin-right: 10px;
    flex: 1;
    line-height: 1.3;
    word-break: break-all;
    white-space: pre-wrap;
}
.wd-module-file-btn{
    padding: 4px 16px;
    background-color: var(--color-error);
    color: #fff;
    border-radius: 4px;
    margin-left: auto;
    min-width: 40px;
}
.wd-module-file-btn:hover{
    background-color: var(--color-primary);
    color: #fff;
}

.wd-module-item-file-item-slt{
    flex-direction: column;
    padding: 0 15px 15px 15px;
    border-bottom: none;
    border-radius: 10px;
    margin: 5px;
    width: calc(20% - 10px);
    min-width: 180px;
}
.wd-module-item-file-item-slt .wd-module-file-icon{
    width: 80px;
    height: 80px;
}
.wd-module-item-file-item-slt .wd-module-file-content{
    flex-direction: column;
    justify-content: center;
}
.wd-module-item-file-item-slt .wd-module-file-content .wd-module-file-title{
    margin-right: 0;
    text-align: center;
}
.wd-module-item-file-item-slt .wd-module-file-content .wd-module-file-btn{
    margin-left: 10px;
    margin-left: 0;
    min-width: 60px;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.ant-form-item-children .anticon.anticon-delete{
    color: #ff4d4f;
    background-color: #ffe3e4;
    padding: 4px;
    border-radius: 4px;
}

/* 文档中心-结束 */


/* 审批流程选择审核人 */
.shenpi-lists{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px;
}
.shenpi-item{
    display: flex;
}
.shenpi-item-num{
    font-size: 22px;
    color: #ccc;
    font-weight: bold;
    line-height: 1;
}
.shenpi-item-content{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
.shenpi-item-taskName{
    font-size: 18px;
    color: #191919;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 5px;
}
.shenpi-item-btn{
    background-color: #e8f2ff;
    color: #0080ff !important;
    border: 1px solid #b0d8ff;
    padding: 0 12px;
    border-radius: 4px;
    height: 30px;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.shenpi-item-btn:hover{
    opacity: .8;
}
.shenpi-item-text-box{
    display: flex;
    align-items: center;
}
.shenpi-item-text{
    font-size: 16px;
}
.shenpi-item-stext{
    margin-left: 10px;
}
.shenpi-item-stext2{
    color: #ff4d4f;
}
.shenpi-item-down{
    font-size: 26px;
    color: #ccc;
    margin: 15px 0;
}
.shenpi-item:last-child .shenpi-item-down{
    display: none;
}
/* 审批流程选择审核人-结束 */

/* 首页常用功能模块 */
.home-common-title{
    font-size: 18px;
    font-weight: bold;
    color: #191919;
}

/* 首页菜单编辑排序时的动画，目标元素被拖动到上方时移动的样式 */
.rs-menu-card-item.move-right {
    transform: translateX(20px);
    transition: transform 0.2s ease;
}

/* 首页菜单编辑排序时的动画，恢复位置的样式 */
.rs-menu-card-item {
    transform: translateX(0);
    transition: transform 0.2s ease;
}


/* 首页待办，本月工作计划 */
.wait-todo{
    background-color: #fff;
    width: 100%;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 5px;
    padding-bottom: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 75px;
    max-height: 30vh;
    overflow-y: auto;
}
.wait-todo:hover{
    border: 1px solid #f3f3f3;
    box-shadow: 0 0 30px rgba(0,0,0,0.07);
}
.wait-todo-fixed-right{
    position: sticky;
    top: 5px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: -20px;
    z-index: 99;
}
.wait-todo-open{
    height: auto;
    max-height: calc(100vh - 140px);
}
.wait-todo-item{
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}
.wait-todo-item::before{
    position: absolute;
    content: '';
    border-left: 1px dashed #ccc;
    left: 6px;
    top: 15px;
    bottom: -15px;
}
.wait-todo-item:last-child::before{
    display: none;
}
.wait-todo-time-box{
    display: flex;
    align-items: center;
    position: sticky;
    top: -20px;
    background-color: #fff;
    z-index: 99;
}
.wait-todo-dot{
    width: 12px;
    height: 12px;
    background-color: #159696;
    border-radius: 50%;
}
.wait-todo-time-text{
    font-size: 22px;
    font-weight: bold;
    color: #191919;
    margin-left: 12px;
}
.wait-todo-day{
    font-size: 16px;
    color: #0080ff;
    margin-left: 12px;
}
.wait-todo-lists{
    display: flex;
    flex-wrap: wrap;
    margin-left: 30px;
    margin-bottom: 5px;
}
.wait-todo-lists-item{
    display: flex;
    padding: 10px;
    border-radius: 5px;
    margin: 0 10px 10px 0;
}
.wait-todo-lists-item:hover{
    background-color: #f7f7f7;
}
.wait-todo-lists-item-one .wait-todo-lists-item{
    width: 100%;
}
.wait-todo-lists-item-multi .wait-todo-lists-item{
    width: calc(100% / 3 - 10px);
}
.wait-todo-item-l{
    display: flex;
    height: 26px;
    align-items: center;
}
.wait-todo-item-r{
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}
.wait-todo-item-rt{
    display: flex;
    align-items: center;
}
.wait-todo-item-title{
    font-size: 17px;
    font-weight: bold;
    color: #333;
}
.wait-todo-item-must{
    background-color: #FF4D4F;
    border-radius: 3px;
    padding: 2px 6px;
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
}
.wait-todo-item-end{
    margin-left: 10px;
    font-size: 14px;
    color: #159696;
}

.wait-todo-item-rc{
    font-size: 16px;
    color: #555;
    margin-top: 4px;
    line-height: 1.3;
}

.wait-todo-btn{
    background-color: #159696 !important;
    color: #fff !important;
    border-color: #159696 !important;
    border: none !important;
    box-shadow: none !important;
    margin-left: 0 !important;
    margin-top: 8px !important;
    width: 70px;
    line-height: 28px !important;
    height: 28px !important;
}
.wait-todo-btn:hover{
    opacity: 0.8;
}
.wait-todo-lists-item-wancheng .wait-todo-item-rc,
.wait-todo-lists-item-wancheng .wait-todo-item-title{
    color: #bbb !important;
}
.wait-todo .ant-checkbox-inner{
    border: 2px solid #159696;
    width: 16px;
    height: 16px;
}

.wait-todo-nodata{
    display: flex;
    align-items: center;
}
.wait-todo-nodata-text{
    font-size: 16px;
}
.wait-todo-nodata-btn{
    background-color: #159696 !important;
    color: #fff !important;
    border-color: #159696 !important;
    margin-left: 20px;
}
.wait-todo .ant-alert-close-text{
    background-color: #FF4D4F;
    border-radius: 5px !important;
    padding: 8px !important;
    margin-left: 10px;
    height: 20px !important;
    font-size: 12px;
    color: #fff;
}
/* 首页待办，本月工作计划-结束 */

/* 其他待办，其他工作计划 */
.other-wait-todo{
    display: flex;
}
.other-wait-todo .ant-tabs .ant-tabs-left-bar {
    margin-right: 0 !important;
    border-right: none !important;
    width: 140px;
}
.other-wait-todo .ant-tabs .ant-tabs-left-bar .ant-tabs-nav{
    height: calc(100vh - 58px);
}
.other-wait-todo .ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.other-wait-todo .ant-tabs .ant-tabs-right-bar .ant-tabs-tab{
    margin-top: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.other-wait-todo .ant-tabs-nav .ant-tabs-tab{
    border-right: none !important;
    color: #191919;
}
.other-wait-todo .ant-tabs-nav-scroll{
    background-color: #f7f7f7;
    box-sizing: border-box;
}
.other-wait-todo  .ant-tabs-nav .ant-tabs-tab::before,
.other-wait-todo  .ant-tabs-nav .ant-tabs-tab-active::after{
    display: none !important;
}
.other-wait-todo  .ant-tabs .ant-tabs-left-content{
    padding-left: 0 !important;
}
.wait-todo.other-wait-todoLists{
    border:  none !important;
    max-height: calc(100vh - 58px) !important;
    height: auto !important;
    background-color: #fff ;
}
.other-wait-todo .wait-todo-dot{
    z-index: 99;
}


/* 脱产读博 */
.tuochandubo{
    background-color: #fff3f3;
    border-radius: 5px;
    padding: 15px;
    margin-left: 140px;
    margin-bottom: 20px;
}
.tuochandubo-title{
    font-size: 17px;
    font-weight: bold;
    color: #FF4D4F;
}
.tuochandubo-lists{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 10px;
}

.tuochandubo-lists .ant-radio-group{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.tuochandubo-lists .ant-radio-group .ant-radio-wrapper{
    background-color: #fff;
    padding: 8px 8px 8px 12px;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: calc(50% - 5px);
    display: flex;
    align-items: center;
}
.tuochandubo-lists .ant-form-item{
    margin-bottom: 0;
}
.tuochandubo-lists .ant-radio-group .ant-radio-wrapper span{
    word-break: break-all;
    white-space: normal;
    flex: 1;
}
.tuochandubo-lists .ant-radio-group .ant-radio-wrapper .ant-radio{
    width: 15px;
    flex: none;
}

/* 培训 */
.peixun{
    display: flex;
    width: 100%;
    padding: 10px;
}
.peixun-l{
    width: 300px;
}
.peixun-l2{
    width: 40%;
}
.peixun-c{
    flex: 1;
    margin-left: 10px;
}
.peixun-r{
    width: 300px;
    margin-left: 10px;
}
.peixun-lists{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.peixun-item{
    flex: 1;
    display: flex;
    margin: 5px 0;
    background-color: #fafafa;
    padding: 15px;
    border-radius: 4px;
    height: auto;
}
.peixun-item:hover{
    background-color: #f5f5f5;
}
.peixun-item-l{
    font-size: 20px;
    color: #ccc;
    font-weight: bold;
    line-height: 1.2;
}
.peixun-item-r{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.peixun-item-r-title{
    font-size: 16px;
    color: #191919;
}
.peixun-item-r-content {
    font-size: 14px;
    color: #777;
    line-height: 1.3;
    margin-top: 5px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.peixun-item-r-bottom{
    display: flex;
    align-items: center;
    margin-left: -5px;
    margin-top: 10px;
}
.peixun-c-box,.peixun-r-box{
    display: flex;
    flex-direction: column;
}

.training-people{
    display: flex;
}
.training-people-l{
    width: 300px;
    margin-right: 10px;
}
.training-people-r{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.training-people-r-t{
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}
.training-people-r-t .ant-input{
    width: 200px;
    margin-right: 15px;
}

.tr-common-form-lists{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.tr-common-form-lists-row{
    flex-direction: row;
    flex-wrap: wrap;
}
.tr-common-form-item{
    display: flex;
    margin: 14px 0;
}
.tr-common-form-item-title{
    font-size: 14px;
    color: #000;
    margin-right: 10px;
    text-align: right;
    width: 100px;
    line-height: 1.3;
    margin-top: 8px;
}
.tr-common-form-item-dot{
    color: #FF4D4F;
    margin-right: 3px;
    font-weight: bold;
}
.tr-common-form-item-content{
    flex: 1;
    display: flex;
    align-items: center;
}
.tr-common-form-item-4{
    width: 25%;
}
.tr-common-form-item-3{
    width: 33.3%;
}
.tr-common-form-item-2{
    width: 50%;
}
.tr-common-form-item-1{
    width: 100%;
}

/* 所有type=inner的Card，标题都加粗 */
/* .ant-card-type-inner .ant-card-head-title{
    font-size: 15px !important;
    color: #000 !important;
    font-weight: bold;
} */
/* 在所有的Descriptions加上des-common则固定标题列的宽度 */
.des-common .ant-descriptions-item-label{
    width: 140px !important;
}


.merge-unit-content{
    margin-left: 110px;
}

.org-page{
    display: flex;
    height: calc(100vh - 55px);
    background-color: #f7f9ff;
    flex-direction: column;
}
.org-topbar{
    display: flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #e7ecfa;
    padding: 0 15px;
}
.org-content{
    flex: 1;
    width: 100%;
    height: calc(100vh - 105px);
    display: flex;
    justify-content: center;
    overflow: hidden;
}



/* 组织机构图 */
.org-chart-container{
    width: 100%;
}

.org-chart-container .expand-icon {
    /* 展开收起图标 */
    display: none !important;
}
.org-chart-container table td .org-chart-table-node {
    /* 内容区 */
    display: inline-block;
    border: 1px solid #e7ecf8 !important;
    padding: 15px 20px !important;
    margin: 0 5px;
    border-radius: 10px;
    background-color: #fff;
    color: #000;
    font-size: 18px;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    text-align: left;
    overflow: hidden;
    box-shadow: 0 20px 30px rgba(0,0,0,0.07);
}
.org-chart-table-vertical table td .org-chart-table-node::after{
    content: '';
    background-color: var(--color-primary);
    display: block;
    z-index: 9;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.org-chart-container>table>tbody>tr:first-child>td:first-child .org-chart-table-node{
    font-size: 24px;
}
.org-chart-container>table.org-chart-table-vertical>tbody>tr:first-child>td:first-child .org-chart-table-node::after{
    content: '';
    background-color: var(--color-error);
    display: block;
    z-index: 9;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.org-chart-container>table>tbody>tr:first-child>td:first-child .org-chart-table-node .OrgChart-bottom{
    color: var(--color-error);
}


.OrgChart-top{
    display: flex;
}
.OrgChart-title{
    margin-right: 15px;
    white-space: nowrap;
}
.OrgChart-title-text{
    margin-left: auto;
    cursor: pointer;
    margin-top: -10px;
    margin-right: -15px;
}
.OrgChart-top-more{
    margin-left: auto;
}
.OrgChart-user-info{
    display: flex;
    margin-top: 3px;
    flex-direction: column;
}
.OrgChart-user-icon{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: #666 !important;
    background-color: #f2f2f2;
    margin-right: 8px;
    cursor: pointer;
}
.OrgChart-user-name{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.OrgChart-bottom{
    display: flex;
    border-top: 1px solid #e9ebfa;
    margin-top: 12px;
    padding-top: 6px;
    font-size: 14px;
    color: var(--color-primary);
    font-weight: normal;
}
.OrgChart-bottom-text{
    flex: 1;
    white-space: nowrap;
    padding-right: 25px;
    cursor: pointer;
}
.OrgChart-bottom-text:hover{
    text-decoration: underline;
}
.OrgChart-bottom-text:last-child{
    padding-right: 0 !important;
}


.org-chart-table-vertical .org-chart-table-line-children::after{
    content: '';
    background-color: var(--color-primary);
    display: block;
    z-index: 9;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    margin-left: -4px;
    top: 37px;
}
.org-chart-table-vertical .org-chart-table-line-children:nth-child(odd)::after{
    display: none;
}
.org-chart-table-vertical .org-chart-table-line {
    height: 40px !important;
    position: relative;
}
.org-chart-table-vertical .org-chart-table-line:not(.org-chart-table-line-children)::after{
    content: '';
    background-color: #fff;
    border: 1px solid var(--color-primary);
    display: block;
    z-index: 9;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -13px;
}


.OrgChart-only-title .org-chart-table-node .OrgChart-top-more,
.OrgChart-only-title .org-chart-table-node .OrgChart-user-info,
.OrgChart-only-title .org-chart-table-node .OrgChart-bottom,
.OrgChart-only-title .org-chart-table-node .OrgChart-title-text{
    display: none !important;
}
.OrgChart-only-title .org-chart-table-node .OrgChart-title{
    margin-right: 0;
}
.OrgChart-only-title .org-chart-container table td .org-chart-table-node{
    padding: 15px !important;
    border: 1px solid #dce3f3 !important;
    min-width: 50px !important;
}
.OrgChart-only-title .org-chart-table-node::after{
    display: none !important;
}


/* 水平 */
.org-chart-table-horizontal table td .org-chart-table-node::after{
    content: '';
    background-color: var(--color-primary);
    display: block;
    z-index: 9;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
}
.org-chart-container>table.org-chart-table-horizontal>tbody>tr:first-child>td:first-child .org-chart-table-node::after{
    content: '';
    background-color: var(--color-error);
    display: block;
    z-index: 9;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
}
.org-chart-table-horizontal .org-chart-table-line-children::after{
    content: '';
    background-color: var(--color-primary);
    display: block;
    z-index: 99;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    margin-bottom: -4px;
    left: 37px;
}
.org-chart-table-horizontal tr:nth-child(even) .org-chart-table-line-children::after{
    display: none;
}
.org-chart-table-horizontal .org-chart-table-line {
    height: 40px !important;
    position: relative;
}
.org-chart-table-horizontal .org-chart-table-line:not(.org-chart-table-line-children)::after{
    content: '';
    background-color: #fff;
    border: 1px solid var(--color-primary);
    display: block;
    z-index: 9;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: -6px;
}
/* 组织机构图結束 */



/* 高层次人才开始 */
.HL-page {
    display: flex;
    background-color: #eff4fa;
    flex: 1;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.HL-page-left {
    height: calc(100vh - var(--sys-top-height));
    overflow: auto;
    min-width: 130px;
    background-color: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    padding: 20px 10px 10px 0;
    box-sizing: border-box;
    /* border-radius: 10px; */
    border-right: 1px solid #eee;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.02); */
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
}
.HL-l-title {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #191919;
    padding: 0 10px 10px 24px;
}
.HL-page-right {
    height: calc(100vh - var(--sys-top-height));
    overflow: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.HL-yj-page {
    height: calc(100vh - var(--sys-top-height));
    padding: 0;
}

.HL-Addbox {
    background-color: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    padding: 15px;
    position: sticky;
    top: 0;
    z-index: 999;
    height: 62px;
}

.HL-Tab-Content {
    position: sticky;
    top: 0;
    height: calc(100vh - 122px);
    overflow: auto;
}

.HL-Lists-Card {
    padding: 15px;
    padding-top: 8px;
    box-sizing: border-box;
    margin: 0 15px 15px 15px;
    border-radius: 10px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.02);
    box-shadow: 0 0 10px rgba(0,0,0,0.03);
}
.HL-Lists-Card * {
    position: relative;
    z-index: 1;
}

.HL-Card-Top {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 8px 0 12px 0;
    border-bottom: 1px dashed #eee;
}
.HL-Card-Title {
    font-size: 16.5px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95);
    color: #2c384b;
    line-height: 1.3;
    flex: 1;
    margin-right: 10px;
}
.HL-Card-RightContent {
    display: flex;
    margin-left: auto;
}

.HL-Card-Info {
    display: flex;
    margin-top: 15px;
    position: relative;
}
.HL-Card-Info * {
    z-index: 1;
}
.HL-Card-Info-item {
    margin-right: 10px;
    display: flex;
    flex: 1;
    align-items: center;
    padding: 5px 10px;
    border-radius: 4px;
}
.HL-Card-Info-item:last-child {
    margin-right: 0;
}
.HL-Card-Info-icon{
    width: 44px;
    height: 44px;
    background-color: eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.05);
    margin-right: 10px;
}
.HL-Card-Info-icon-c1{
    background-color: #f0fafc;
    color: #34b9df;
}
.HL-Card-Info-icon-c2{
    background-color: #f3fcf7;
    color: #66b98c;
}
.HL-Card-Info-icon-c3{
    background-color: #fffbf4;
    color: #dd9170;
}
.HL-Card-Info-icon-c4{
    background-color: #fbf7fe;
    color: #ac87c4;
}

.HL-Card-Info-item-pd-none{
    padding: 0;
}
.HL-Card-Info-item-bg-none{
    background: none;
}
.HL-Card-Info-textbox{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.HL-Card-Info-text1 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
    flex: none;
    line-height: 1.2;
    margin-top: 3px;
}

.HL-Card-Info-text2 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.95);
    flex: none;
    line-height: 1.2;
}

.HL-Lists-Card:hover .HL-yj-bg{
    opacity: 0.3;
}

.HL-Success-Box{
    color: #159696;
}
.HL-Error-Box {
    color: #ff4339;
}

.HL-Card-ContentMain {
    display: flex;
    flex-wrap: wrap;
    margin: 5px -5px -5px -5px;
}
.HL-Card-ContentMain-Item {
    width: calc(100% / 2 - 10px);
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 4px;
    margin: 5px;
    padding: 10px;
}
.HL-Card-ContentMain-Item-title {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.95);
    line-height: 2;
}

.HL-Card-ContentMain-Item-ct {
    font-size: 14px;
    color: #586a93;
    line-height: 1.3;
}

.HL-common-lr-box {
    display: flex;
    flex: 1;
}
.HL-sh-BGHeight {
    height: calc(100vh - 140px);
    overflow: auto;
}
.HL-bg-bai{
    background-color: #fff;
}
.HL-pq-BGHeight {
    height: calc(100vh - var(--sys-top-height));
    overflow: auto;
}
.HL-common-lr-left {
    padding: 12px;
    min-width: 130px;
    max-width: 240px;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1366px) {
    .HL-common-lr-left {
        min-width: 130px;
        max-width: 180px;
    }
    .HL-yj-bg{
        width: 236px;
        height: 35px;
        top: 80px;
        display: none;
    }
}

.HL-common-lr-title {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #191919;
    padding: 0 10px 10px 0;
    margin-bottom: 5px;
}
.HL-common-lr-Trees {
    background-color: #f4f7fa;
    margin-top: 12px;
    display: flex;
    height: 100%;
    flex: 1;
    overflow: auto;
    border-radius: 5px;
}
.HL-common-lr-right {
    flex: 1;
    padding: 0 0 15px 15px;
    padding-left: 0;
}
.HL-sh-card {
    background-color: #eff4fa;
    /* padding: 15px 0; */
    padding-bottom: 1px;
    box-sizing: border-box;
    /* border-top: 1px solid #eee; */
    margin-bottom: 15px;
    /* border: 1px solid #eee; */
    overflow: visible;
    padding-top: 15px;
    border-radius: 10px;
    display: flex;
}

@media (max-width:1366px) {
    .HL-sh-card{
        flex-direction: column;
    }
}
.HL-sh-info {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: 100%;
    position: sticky;
    top: 15px;
    z-index: 9;
    justify-content: flex-start;
    width: 250px;
    padding: 12px !important;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 10px;
}
.HL-shCard-Title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    height: initial;
    margin-bottom: 6px;
    border-radius: 4px;
    padding: 6px;
    flex-wrap: wrap;
}

.HL-shCard-Usericon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #159696;
    border-radius: 50%;
}
.LH-username{
    flex: 1;
}
.LH-read-more-userinfo{
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 15px;
    display: flex;
    align-items: center;
}
.LH-read-more-userinfo *{
    color: #0080ff !important;
}
.LH-read-more-userinfo:hover *{
    text-decoration: underline;
}
.HL-shCard-Info {
    display: flex;
    flex-direction: column;
}
.HL-shCard-Info-item {
    width: 100%;
    display: flex;
    background-color: rgba(0,0,0,0.025);
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 4px;
    margin-top: 4px;
    padding: 5px;
}
.HL-shCard-Info-text1 {
    font-size: 12px;
    color: rgba(0,0,0,0.55);
    line-height: 1.4;
    width: 65px;
}
@media (max-width: 1366px) {
    .HL-shCard-Info-text1 {
        margin-bottom: 8px;
    }
}
.HL-shCard-Info-text2 {
    font-size: 12px;
    color: #000;
    line-height: 1.4;
    flex: 1;
}

.HL-sh-c {
    flex: 1;
}

.HL-yj-add-fj {
    display: flex;
    margin-bottom: 20px;
}
.HL-yj-add-fj-title {
    width: 266px;
    color: #000;
    text-align: right;
    margin-right: 15px;
}
.HL-yj-add-fj-media {
    background-color: #fafafa;
    flex: 1;
    border-radius: 4px;
}

.HL-pq-out-card{
    display: flex;
    flex: 1;
    background-color: #eff4fa;
    padding-top: 15px;
}
.HL-pq-out-card-r{
    flex: 1;
    background-color: #eff4fa;
    display: flex;
    flex-direction: column;
}
.HL-pq-card {
    padding: 12px;
    box-sizing: border-box;
    margin: 0 10px 10px 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.03);
}
.HL-pq-card-top {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 12px;
    flex-wrap: wrap;
}
.HL-pq-card-top-num{
    font-size: 20px;
    font-weight: bold;
    color: #bbb;
    margin-right: 20px;
    position: relative;
    display: flex;
    align-items: center;
}
.HL-pq-card-title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.HL-pq-card-btnbox {
    margin-left: auto;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.HL-pq-card-main {
    display: flex;
    flex-wrap: wrap;
}
.HL-pq-card-main-item {
    display: flex;
    margin-right: 10px;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 12px;
    flex: 1;
}
.HL-Card-Info-textbox{
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
}
.HL-pq-card-main-item-t1 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.95);
    line-height: 1.2;
}
.HL-pq-card-main-item-t2 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
    line-height: 1.2;
    margin-top: 3px;
}
.HL-pq-card-main-item-t3 {
    margin-top: 3px;
    line-height: 1.2;
}
.HL-pq-card-main-item-ManiText {
    font-weight: bold;
    font-size: 26px;
    color: #0080ff;
}
.HL-pq-card-main-item-icon{
    width: 40px;
    height: 40px;
    background-color: eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.05);
    margin-right: 10px;
}
.HL-pq-card-main-item-icon-c1{
    background-color: #f0fafc;
    color: #34b9df;
}
.HL-pq-card-main-item-icon-c2{
    background-color: #f3fcf7;
    color: #66b98c;
}
.HL-pq-card-main-item-icon-c3{
    background-color: #fffbf4;
    color: #dd9170;
}
.HL-pq-card-main-item-icon-c4{
    background-color: #fbf7fe;
    color: #ac87c4;
}
.HL-pq-card-main-item-icon-c5{
    background-color: #fffef2;
    color: #c2ae24;
}
.HL-pq-card-main-item-icon-c6{
    background-color: #f9f9f9;
    color: #bbb;
}

.HL-pq-kh-title{
    font-size: 15px;
    color: #191919;
    font-weight: bold;
    margin: 0 0 5px 12px;
}
.HL-pq-kh-lists{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.HL-pq-kh-item{
    background-color: rgba(23, 127, 197, 0.05);
    padding: 12px;
    border-radius: 5px;
    display: flex;
    margin-bottom: 10px;
}
.HL-pq-kh-item:last-child{
    margin-bottom: 0;
}
.HL-pq-kh-item-l{
    display: flex;
    flex-direction: column;
}
.HL-pq-kh-item-l-text1,.HL-pq-kh-item-r-text1{
    font-size: 14px;
    color: rgba(0,0,0,0.9);
}
.HL-pq-kh-item-l-text2{
    font-size: 18px;
    color: #159696;
    font-weight: bold;
    margin-bottom: 3px;
}
.HL-pq-kh-item-l-text3{
    font-size: 14px;
    color: rgba(0,0,0,0.5);
}

.HL-pq-kh-item-r{
    flex: 1;
    margin-left: 12px;
    border-left: 1px solid rgba(0,0,0,0.07);
    padding: 0 12px;
}
.HL-pq-kh-item-r-text2{
    padding: 10px;
    margin-top: 8px;
    background-color: rgba(0,0,0,0.03);
    font-size: 14px;
    color: #586a93;
}
.HL-pq-kh-item-my{
    flex-direction: column;
    margin-top: 15px;
}
.HL-pq-kh-item-my-content{
    flex: 1;
    display: flex;
}
.HL-pq-item-top{
    width: 100%;
    display: flex;
    align-items: center;
}
.HL-pq-kh-item-my-content{
    margin-top: 15px;
    border-top: 1px solid rgba(0,0,0,0.07);
    padding-top: 15px;
}
.HL-pq-item-top-title{
    font-size: 16px;
    color: #191919;
    font-weight: bold;
}
.HL-pq-item-c-text{
    flex: 1;
    display: flex;
    margin-top: 5px;
}
.HL-pq-item-c-text-2{
    margin-left: 30px;
    flex: 1;
    color: #ff4d4f;
}
.HL-pq-item-top-btnbox{
    margin-left: auto;
    display: flex;
    align-items: center;
}

.HL-pq-read-more{
    font-size: 14px;
    color: #0080ff;
    margin-left: 15px;
    cursor: pointer;
}

.HL-yes {
    color: #159696;
}
.HL-no {
    color: #ff4d4f;
}
.HL-yes-bg {
    background-color: #e3f4f4 !important;
}
.HL-no-bg {
    background-color: #ffecec !important;
}

.HL-pq-kh-item-box-text1{
    display: flex;
}
.HL-pq-kh-item-box-textbox{
    margin-left: auto;
    display: flex;
    color: rgba(0,0,0,0.6);
}
.HL-pq-kh-item-box-textbox-item{
    margin-left: 30px;
}

.LH-yj-read-btn,.HL-addrw-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #159696;
    color: #fff;
    cursor: pointer;
    height: 32px;
    border-radius: 4px;
    margin: auto 5px;
    flex-wrap: nowrap;
    padding: 0 15px;
    font-size: 14px;
}

.LH-yj-read-btn:hover,.HL-addrw-btn:hover {
    background-image: none;
    background-image: none;
    background-image: -webkit-linear-gradient( 180deg, rgb(255,162,0) 0%, rgb(255,72,0) 100%);
    background-image: -moz-linear-gradient( 180deg, rgb(255,162,0) 0%, rgb(255,72,0) 100%);
}

@media (max-width: 1800px) {
    .HL-pq-card-main-item {
        width: calc(100% / 3 - 10px) !important;
        flex: none;
        padding: 10px;
    }
}
@media (max-width: 1800px) {
    .HL-pq-card-main-item {
        width: calc(100% / 4 - 10px) !important;
        flex: none;
        padding: 10px;
    }
}
@media (max-width: 1700px) {
    .HL-pq-card-main-item {
        width: calc(100% / 3 - 10px) !important;
        flex: none;
        padding: 10px;
    }
}

.HL-sh-info-Card {
    border-top: none;
    border-radius: 10px;
    padding: 12px;
    box-sizing: border-box;
    display: flex;
    background-color: #eff4fa;
}
.HL-pq-info{
    min-height: calc(100% - 10px) !important;
    margin-bottom: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.03);
}
.HL-yj-info{
    min-height: auto !important;
}
.HL-pq-info .HL-shCard-Info-item{
    padding: 10px;
}
@media (min-width:1367px){
    .HL-pq-if{
        position: sticky;
        top: 50px;
    }
    .HL-pq-info{
        margin-top: 30px;
    }
    .HL-pq-info::after{
        content: '';
        width: 180px;
        height: 80px;
        background-image: url(../../../../../static/public/theme/blue/static/user-tx.png);
        background-size:100% 100%;
        background-repeat: no-repeat;
        position: absolute;
        margin-top: -50px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    .HL-pq-info .HL-shCard-Title{
        flex-direction: column;
    }
    .HL-pq-info .HL-shCard-Usericon{
        width: 50px;
        height: 50px;
        margin-top: -45px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .HL-pq-info .LH-read-more-userinfo{
        margin-top: 10px;
    }
    .HL-yj-info{
        top: 45px;
    }
}
@media (max-width:1366px){
    .HL-pq-if{
        position: sticky;
        top: 15px;
    }
    .HL-pq-out-card{
        flex-direction: column;
    }
    .HL-pq-info{
        width: auto;
        height: auto;
        margin-right: 15px;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
    .HL-pq-info .HL-shCard-Title{
        margin-right: auto;
    }
    .HL-pq-info .HL-shCard-Info{
        flex-direction: row;
        flex: none;
        order: 1;
        width: 100%;
    }
    .HL-pq-info .HL-shCard-Info-item{
        flex: 1;
        margin-right: 10px;
        align-items: center;
    }
    .HL-pq-info .HL-shCard-Info-item:last-child{
        margin-right: 0;
    }
    .HL-pq-info .HL-shCard-Info-text1{
        margin-bottom: 0;
    }
}


.HL-task-item{
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.03);
}
.HL-task-item-top{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.HL-task-item-title{
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    flex: 1;
}
.HL-task-item-btn{
    margin-left: 10px;
}
.HL-task-item-content{
    display: flex;
    padding: 8px 0;
    flex-direction: column;
}
.HL-task-info-lists{
    display: flex;
    margin-bottom: auto;
    padding-bottom: 8px;
    align-content: flex-start;
}
.HL-task-info-item{
    margin: 0;
    border-radius: 5px;
    padding: 0 10px;
    display: flex;
    flex: 1;
}
.HL-task-info-item-text1{
    font-size: 14px;
    color: #4979b4;
    margin-right: 6px;
    /* min-width: 98px; */
    line-height: 1.2;
    padding: 0;
    margin: 0;
}
.HL-task-info-item-text2{
    font-size: 14px;
    color: #436291;
    line-height: 1.2;
    padding: 0;
    margin: 0;
}
.HL-task-wtext,.HL-task-wtext2{

    flex: none;
    border-top: 1px solid rgba(0,0,0,0.07);
    padding-top: 10px;
    margin-left: 64px;
    margin-bottom: 0 !important;
    display: flex;
    margin-top: 5px;
}

@media (max-width:1500px){
}
@media (max-width:1366px){
}
.HL-rw-stitle{
    font-size: 14px;
    color: #191919;
    margin-top: 20px;
    margin-left: 15px;
}

.HL-rwxc-item{
    background-color: #f6f9fd;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.HL-rwxc-item-num{
    font-size: 14px;
    color: #0080ff;;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    min-width: 90px;
    height: 26px;
    margin-bottom: auto;
    line-height: 1;
}
.HL-rwxc-item-index{
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin: 0 4px;
}
.HL-rwxc-content{
    flex: 1;
    margin-left: 15px;
}
.HL-rwxc-title{
    font-size: 16px;
    color: #191919;
    flex: 1;
}
.HL-rwxc-content-t{
    display: flex;
}
.HL-rwxc-btn{
    display: flex;
    margin-left: 15px;
}

.HL-rwxc-yj{
    background-color: #fff;
    border-radius: 5px;
    margin-top: 10px;
}
.HL-rwxc-yj-title{
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}

.HL-ed-pqrw-top{
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: 10px;
}
.HL-ed-pqrw-top-lists{
    width: 100%;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}
.HL-ed-pqrw-top-lists-item {
    width: calc(100% / 3);
}
@media (max-width:1366px) {
    .HL-ed-pqrw-top-lists-item {
        width: calc(100% / 2);
    }
}
.HL-ed-pqrw-top-lists-item-100{
    flex: none;
    width: 100%;
}

.HL-ed-pqrw-jtrw{
    display: flex;
    width: 100%;
    background-color: rgba(36, 74, 110, 0.07);
    padding: 15px;
    border-radius: 10px;
    margin-top: 15px;
}
.HL-ed-pqrw-jtrw-l{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.HL-ed-pqrw-jtrw-l-item{
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-right: 15px;
}
.HL-ed-pqrw-jtrw-l-item-text{
    font-size: 14px;
    color: #191919;
    margin-bottom: 8px;
}
.HL-ed-pqrw-jtrw-l-item-content{
    flex: 1;
}
.HL-ed-pqrw-jtrw-r{
    margin-top: 5px;
    margin-left: auto;
}
.HL-ed-pqrw-addbtn{
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.HL-tc-top-bar{
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fffaef;
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.HL-tc-card{
    display: flex;
    background-color: rgb(239, 244, 250);
    height: calc(100vh - 220px);
    overflow-y: auto;
    padding: 15px 0;
    box-sizing: border-box;
}
.HL-tc-card-l{
    position: sticky;
    top: 0;
    overflow-y: auto;
}
.HL-tc-card-r{
    flex: 1;
    margin: 15px;
}

@media (min-width:1367px){
    .HL-tc-card .HL-task-info-lists{
        flex: 2;
    }
}
@media (max-width:1366px){
    .HL-tc-card{
        flex-direction: column;
    }
    .HL-tc-card-l{
        width: 100%;
        margin-right: 0;
        position: static;
        top: 0;
        z-index: 999;
        flex: none;
    }
    .HL-tc-card-r{
        flex: none;
        margin-top: 0;
    }
}

.HL-gxrw{
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin-bottom: 15px;
    border-top: 1px dashed #eee;
    padding-top: 10px;
}
.HL-gxrw-t1,.HL-gxrw-t2{
    font-size: 14px;
    color: #191919;
}
.HL-gxrw-t11{
    font-size: 24px;
    font-weight: bold;
    color: #ff4d4f;
    display: inline-flex;
    margin: 0 10px;
}
.HL-gxrw-t22{
    margin-left: 50px;
    font-size: 24px;
    font-weight: bold;
    color: #159696;
    display: inline-flex;
    margin: 0 10px;
}

.HL-taskform-title{
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    margin: 15px 0;
}
.HL-taskform-module{
    background-color: #f7f7f7;
    padding: 15px;
}

.HL-tjrc-top{
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.HL-tjrc-top-item{
    margin-right: 15px;
}
.HL-must{
    font-size: 14px;
    color: rgb(245, 34, 45);
    margin-right: 4px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    display: inline-block;
    font-weight: normal;
}
.LH-step{
    margin-top: 40px;
    padding: 0 50px;
}
/* =============================================李添加的css开始================================ */
.plan-top-control-div {
    padding: 15px ;

}

.plan-main-div {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}

.plan-list-content {
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    padding: 15px;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.03);
}

.HL-jh{
    flex: 1;
    margin-bottom: 0;
    padding: 10px;
}
.HL-jh-btn{
    width: 140px;
}

.plan-list-content-top {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
}

.plan-list-content-bth {
    margin-left: auto;
    display: flex;
}

.plan-title {
    font-size: 18px;
    font-weight: bold;
    color: #191919;
}

.plan-details {
    width: 100%;
    height: 15%;
    margin: 5px 0px 5px 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
}

.plan-details-item {
    width: 30%;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
}

.plan-button {
    margin: 5px 0px 5px 20px;
    width: 100%;
    height: 70%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.button-plan-people-num {
    background-color: #f7f7f7;
    height: 70%;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.people-count {
    width: 100%;
    height: auto;
    color: #4f99ff;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    justify-content: center;
}

.count-title {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: bold;
}

.button-start-plan {
    background-color: #12b796;
    height: 70%;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

.button-public {
    width: 32%;
}

.HL-pq-kh-item-box{
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    border-top: none;
}
.HL-pqht-btn{
    color: #4e55c1;
    border-color: #4e55c1;
}
.HL-fixd-top{
    padding: 15px;
    position: sticky;
    top: 55px;
    z-index: 999;
    background-color: #fff;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
/* =============================================新增编辑页css================================ */

.edit-plan-form-table {
    width: 90%;
}

.edit-plan-form-table div {
    padding: 5px;
}

.edit-plan-form-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
}

.edit-plan-table-title-long {
    /* text-align: right; */
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.edit-plan-table-input-long {
    width: 90%;
}

.edit-plan-table-title-short {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.edit-plan-table-input-short {
    width: 40%;
}
.edit-plan-table-control-button {
    padding: 15px 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
}
.add-talent-button {
    margin-bottom: 15px;
}
/* =============================================李添加的css结束================================ */
/* 高层次人才结束 */



/* 通用工具栏 */
.common-page-top-tool{
    display: flex;
    align-items: center;
    align-content: center;
    padding: 5px;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(0,0,0,0.05);
}
.interval-w-10{
    width: 10px;
}
.interval-w-15{
    width: 15px;
}
.interval-h-10{
    height: 10px;
}
.interval-h-15{
    height: 15px;
}
.between-line{
    border-left: 1px solid rgba(0,0,0,0.1);
    height: 20px;
    margin: 0 30px;
}
/* 通用工具栏结束 */


/* 出差 */
.business-people{
    display: flex;
    align-items: center;
    color: #536791;
    background-color: #f6f8fa;
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 15px;
}
.business-people-item{
    display: flex;
    margin-right: 40px;
}
.business-people-item:last-child{
    margin-right: 0;
}



.tr-more-content{
    padding-top: 10px;
}

.con-personnel{
    margin-top: 5px;
    margin-left: 10px;
    display: flex;
}

.con-jg-lists{
    display: flex;
}

/* 文本域控制 */
.ant-form-item-control{
    line-height: 32px !important;
}

/* Card卡片组件整体搜索内间距 */
/* .ant-card-head-title {
    padding: 10px 0 !important;
} */
.ant-card-body {
    padding: 10px !important;
}


/* 首页卡片调整 */
.rs-common-carditem:hover .rs-common-carditem-tag{
    display: block;
}

.rs-homecard-show-content{
    display: none;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    height: auto;
    min-height: 100%;
    border-radius: 5px;
    background-color: #4e55c1;
    background: linear-gradient( 90deg, #1e28be 0%, #a0a6ff 100%);
    z-index: 9;
    padding: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
    animation: scaleFade 0.3s ease-in-out;
}
.rs-homecard-item{
    padding: 10px;
}
.rs-homecard-item:hover {
    z-index: 9;
}
.rs-homecard-item:hover .rs-homecard-show-content{
    display: block;
}
.rs-homecard-item:hover .rs-hmc-title,
.rs-homecard-item:hover .rs-zzsb-title,
.rs-homecard-item:hover .rs-zdy-title{
    color: #fff !important;
}
.rs-homecard-item .rs-zzsb-title{
    margin-bottom: 0;
}
.rs-homecard-item:hover .rs-hmc-p,
.rs-homecard-item:hover .rs-zzsb-p,
.rs-homecard-item:hover .rs-zdy-p{
    color: rgba(255, 255, 255, 0.7);
}
.rs-homecard-show-content .rs-zzsb-p,
.rs-homecard-item:hover .rs-zdy-p{
    margin-top: 5px;
    margin-bottom: 5px;
}
.rs-homecard-item-l{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.HL-pq-card-main-item-flex1{
    width: auto !important;
    flex: 1;
}

@keyframes scaleFade {
    0% {
        transform: scale(0.95);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}


.ellipsis-1{
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-2{
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 表格页码 */
.ant-table-pagination{
    padding-right: 10px !important;
}
/* TAB切换 */
.ant-tabs-top-bar.ant-tabs-bar{
    margin-bottom: 10px !important;
}
.tabs-bar-no-margin .ant-tabs-top-bar.ant-tabs-bar{
    margin-bottom: 0px !important;
}
/* 通用表格上方的tool */
.table-top-tool{
    margin: 0 10px !important;
    border: 1px solid var(--border-color-2);
    border-bottom: none;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-bottom: 4px !important;
}
.table-top-tool-top10{
    margin: 10px 10px 0 10px !important;
    border: 1px solid var(--border-color-2);
    border-bottom: none;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-bottom: 4px !important;
}
.common-top-tool{
    border: 1px solid var(--border-color-2);
    border-bottom: none;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-bottom: 4px !important;
}
/* 表格带边框 */
.table-mmtable{
    margin: 0 10px 10px 10px;
    border: 1px solid var(--border-color-2);
    background-color: var(--background-color-white);
}
.mmtable{
    border: 1px solid var(--border-color-2);
    background-color: var(--background-color-white);
}


/* 表格下方的页码，用于MmTablePagination组件 */
.table-mmtable-Pagination{
    background-color: var(--background-color-white);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--border-color-2);
    border-top: none;
    display: flex;
    justify-content: flex-end;
    height: 65px;
}


/* 表格组件自定义线条颜色 */
.ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody > tr > td{
    border-right-color: var(--border-color-2) !important;
}
.ant-table-thead > tr > th{
    border-bottom-color: var(--border-color-2) !important;
}
.ant-table-bordered .ant-table-header > table, .ant-table-bordered .ant-table-body > table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table{
    border-color: var(--border-color-2) !important;
}
.ant-table-tbody > tr > td{
    border-bottom-color: var(--border-color-2) !important;
}
.ant-table-thead > tr > th, .ant-table-tbody > tr > td{
    padding: 8px !important;
    line-height: 1.2 !important;
}
.ant-table-pagination.ant-pagination{
    margin: 6px 0 !important;
}

.ant-table-tbody > tr.ant-table-row-selected td{
    background: #f7f7f7 !important;
}
.ant-table-tbody > tr.ant-table-row-selected:hover td{
    background: #f0f0f0 !important;
}

/* 卡片边框颜色 */
.ant-card-bordered{
    border-color: var(--border-color-2) !important;
}
.ant-card-head{
    border-block-color: var(--border-color-2) !important;
}


.ant-form-item{
    margin-bottom: 0 !important;
}
.rs-input-item.ant-form-item{
    margin-bottom: 20px !important;
}

.ant-spin-nested-loading > div > .ant-spin{
    top: 80px !important;
}

.use-form-input-error{
    /* background-color: #ffeaea; */
    color: #ff4d4f;
    /* padding: 0 3px; */
    font-size: 12px;
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    border-radius: 0 0 4px 4px;
}

.use-form-input-auto-width{
    width: calc(100% / 8 - 40px) !important;
}

@media (max-width:1920px) {
    .use-form-input-auto-width{
        width: calc(100% / 7 - 40px) !important;
    }
}
@media (max-width:1600px) {
    .use-form-input-auto-width{
        width: calc(100% / 6 - 40px) !important;
    }
}
@media (max-width:1440px) {
    .use-form-input-auto-width{
        width: calc(100% / 5 - 40px) !important;
    }
}
@media (max-width:1366px) {
    .use-form-input-auto-width{
        width: calc(100% / 4 - 40px) !important;
    }
}
@media (max-width:1000px) {
    .use-form-input-auto-width{
        width: calc(100% / 3 - 40px) !important;
    }
}
@media (max-width:768px) {
    .use-form-input-auto-width{
        width: calc(100% / 2 - 40px) !important;
    }
}

.useForm-1 .use-form-input {
    width: calc(100% / 1 - 40px) !important;
}
.useForm-2 .use-form-input {
    width: calc(100% / 2 - 40px) !important;
}
.useForm-3 .use-form-input {
    width: calc(100% / 3 - 40px) !important;
}
.useForm-4 .use-form-input {
    width: calc(100% / 4 - 40px) !important;
}
.useForm-5 .use-form-input {
    width: calc(100% / 5 - 40px) !important;
}
.useForm-6 .use-form-input {
    width: calc(100% / 6 - 40px) !important;
}
.useForm-7 .use-form-input {
    width: calc(100% / 7 - 40px) !important;
}
.useForm-8 .use-form-input {
    width: calc(100% / 8 - 40px) !important;
}
.useForm-9 .use-form-input {
    width: calc(100% / 9 - 40px) !important;
}
.useForm-10 .use-form-input {
    width: calc(100% / 10 - 40px) !important;
}
.useForm-11 .use-form-input {
    width: calc(100% / 11 - 40px) !important;
}
.useForm-12 .use-form-input {
    width: calc(100% / 12 - 40px) !important;
}
.use-form-input{
    min-width: 120px !important;
}
.use-form-input .ant-radio-group{
    margin-top: 3px;
    color: #4e5969;
}
.use-form-input .ant-checkbox-wrapper{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.use-form-input .ant-checkbox-wrapper .ant-checkbox{
    top: auto;
    color: #4e5969;
}

/* 通用菜单 */
.common-menu-lists{
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    box-sizing: border-box;
}
.common-menu-lists .rs-menu-item{
    display: flex;
    align-items: center;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 5px;
    background-color: #fff;
    min-width: 170px;
    border: 1px solid rgba(0,0,0,0.12);
    position: relative;
    overflow: hidden;
    padding-right: 46px;
    box-shadow: 0 5px 20px -10px rgba(0,0,0,0.15);
}
.common-menu-lists .rs-menuitem-icon{
    display: none;
}
.common-menu-lists .rs-menuitem-text {
    font-size: 15px;
    margin-left: 0;
    color: var(--color-black);
    line-height: 1;
}

.common-menu-lists .rs-menu-item:hover{
    background-color: var(--color-primary);
    box-shadow: 0 5px 20px -10px rgba(0,0,0,0.5);
}
.common-menu-lists .rs-menu-item:hover .rs-menuitem-text{
    color: #fff;
}


/* .common-menu-lists .rs-menu-item::after{
    content: "";
    width: 120px;
    height: 40px;
    background-color: #8fb4ee;
    position: absolute;
    z-index: 0;
    left: -40px;
    top: 60px;
    left: 20px;
    filter: blur(30px) saturate(1);
    transition: all 0.3s ease;
}
.common-menu-lists .rs-menu-item:hover::after {
    top: 30px;
    left: 0;
    filter: blur(50px) saturate(6);
} */
.common-menu-lists .rs-menu-item::before{
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    right: 10px;
    background-image: url("static/card-item-bg.png");
    background-size: 100% 100%;
}

/* .common-menu-lists .rs-menu-item:nth-child(2n):after{
    background-color: #fdc47a;
} */
.common-menu-lists .rs-menu-item:nth-child(2n):before{
    background-image: url("static/card-item-bg-02.png");
}

/* .common-menu-lists .rs-menu-item:nth-child(3n):after{
    background-color: #bb9af0;
} */
.common-menu-lists .rs-menu-item:nth-child(3n):before{
    background-image: url("static/card-item-bg-03.png");
}


/* 小红点层级 */
.ant-scroll-number{
    z-index: 99 !important;
}
/* tag换行 */
.ant-tag{
    white-space: pre-wrap !important;
}



.rs-common-table-pingang .rs-common-table-item {
    margin: 10px 0;
    padding: 0;
    border: none !important;
    border-radius: 5px;
    background-color: #fff;
}

.rs-common-table-pingang .rs-common-table-item:nth-child(2n) {
    background-color: #fff;
    border: 1px solid #fff;
}

.rs-common-table-pingang .rs-common-table-item-title {
    font-size: 16px;
    font-weight: bold;
    color: #191919;
    margin-bottom: 10px;
}



/* 岗位聘用模块 */
.gwpy-page-box {
    width: 100%;
}
.gwpy-lists {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* padding: 20px; */
    box-sizing: border-box;
}
.gwpy-lists-CardItem {
    border-bottom: 3px solid #eee;
    display: flex;
    padding: 20px 0;
}
.gwpy-lists-CardItem:last-child {
    margin-bottom: 0;
}
.gwpy-lc-left {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    box-sizing: border-box;
    min-width: 180px;
    align-items: flex-start;
}
.gwpy-l-title {
    font-size: 18px;
    font-weight: bold;
    color: #191919;
}
.gwpy-l-text-lists {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}
.gwpy-l-text-item {
    font-size: 16px;
    color: #191919;
    margin: 3px 0;
}
.gwpy-lc-right {
    flex: 1;
    margin-left: 20px;
}
.gwpy-dengji-lists {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.gwpy-dengji-item {
    display: flex;
    flex-direction: column;
    width: 240px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.05);
    margin: 5px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f5f8ff;
}
.gwpy-dj-title {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 16px;
    color: #191919;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    min-height: 36px;
}
.gwpy-dj-content {
    display: flex;
    font-size: 18px;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    color: #191919;
}
.gwpy-dj-c-links {
    padding: 10px;
    padding-top: 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin: -3px;
}
.gwpy-dj-c-linkItem {
    display: flex;
    font-size: 14px;
    color: #191919;
    background-color: #ebf0fc;
    padding: 6px;
    box-sizing: border-box;
    width: calc(50% - 6px);
    margin: 3px;
}
.gwpy-dj-c-linkItem-read {
    margin-left: auto;
    color: #0d87d8;
    cursor: pointer;
    font-size: 14px;
}
.gwpy-dj-c-linkItem-read:hover {
    text-decoration: underline;
}
/* 岗位聘用模块结束 */

/* 自定义上传按钮 */
.custom-upload{
    height: 32px;
    font-weight: bold !important;
}
.custom-upload .ant-upload.ant-upload-select-picture-card{
    margin-right: 0;
    margin-bottom: 0;
    width: auto;
    height: 32px;
    background-color: var(--color-primary-extent-1);
    border-color: var(--color-primary);
    border-style: solid;
}
.custom-upload .ant-upload.ant-upload-select-picture-card:hover{
    background-color: var(--color-primary-extent-2);
}
.custom-upload .ant-upload-picture-card-wrapper{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.custom-upload .ant-upload{
    padding: 0 !important;
    display: flex !important;
    height: 32px;
    align-items: center;
}
.custom-upload .ant-upload-picture-card-wrapper{
    height: 32px !important;
    display: flex;
}
.custom-upload .ant-upload-list-item-uploading-text{
    text-align: center;
    margin-top: 4px !important;
}
.custom-upload .ant-upload-list-picture-card-container{
    height: 32px;
}
.custom-upload .ant-upload-list-picture-card .ant-upload-list-item{
    height: 32px;
}

/* 通用红字文字提示 */
.common-hint-text{
    color: var(--color-error);
    background-color: var(--color-error-extent-1);
    font-size: 14px;
    line-height: 1.7;
    padding: 4px 8px;
    border-radius: 4px;
    margin: 10px 0;
}

/* 预览图片和pdf，组件 */
.common-view-topbar{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(20px) saturate(2);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    position: absolute;
    top: 0;
    z-index: 99999;
}
.common-view-topbar-content{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.common-view-content{
    position: relative;
    width: 100%;
    height: calc(100vh - 55px);
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    touch-action: none;
}

.common-view-content img {
    transition: transform 0.1s;
    will-change: transform;
    max-width: initial;
    max-height: initial;
}
.common-view-handle-pre{
    position: fixed;
    top: 50%;
    margin-top: -40px;
    left: 20px;
    z-index: 999999;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.1);
    backdrop-filter: blur(20px) saturate(2);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    border-radius: 50%;
    color: rgba(0,0,0,0.7);
    cursor: pointer;
}
.common-view-handle-next{
    position: fixed;
    top: 50%;
    margin-top: -40px;
    right: 20px;
    z-index: 999999;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.1);
    backdrop-filter: blur(20px) saturate(2);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    border-radius: 50%;
    color: rgba(0,0,0,0.7);
    cursor: pointer;
}
.common-view-handle-pre:hover{
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.2);
    color: rgba(0,0,0,1)
}
.common-view-handle-next:hover{
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.2);
    color: rgba(0,0,0,1)
}
.common-view-handle-pre-no,.common-view-handle-next-no{
    background-color: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.3);
    cursor: no-drop;
}
.common-view-handle-pre-no:hover,.common-view-handle-next-no:hover{
    background-color: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.3)
}
.common-view-handle-button{
    background-color: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    backdrop-filter: blur(20px) saturate(2);
    color: rgba(0,0,0,0.8) !important;
}
.common-view-handle-button:hover{
    background-color: rgba(255,255,255,0.3) !important;
    border: 1px solid rgba(0,0,0,0.35) !important;
    backdrop-filter: blur(5px) saturate(4);
    color: rgba(0,0,0,1) !important;
}
.common-view-num{
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(10px) saturate(2);
    color: rgba(255,255,255,0.8);
    padding: 6px 12px;
    border-radius: 99px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    font-weight: bold;
    font-size: 14px;
}

.common-view-ohter{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.common-view-ohter-icon{
    color: #191919;
    font-size: 60px;
    margin-top: -150px;
}
.common-view-ohter-title{
    font-size: 18px;
    font-weight: bold;
    color: #191919;
}
.common-view-ohter-text{
    color: var(--color-error);
    margin-bottom: 15px;
    font-size: 16px;
}

/* 附件浏览器，左边有多个附件的 */

.attachment-browser{
    display: flex;
    width: 100%;
}
.attachment-browser-munu{
    height: calc(100vh - 135px);
    /* background-color: #fafafa; */
    position: fixed;
    left: 20px;
    top: 115px;
    z-index: 999;
    overflow: auto;

}
.attachment-browser-munu-in-textbox{
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    padding: 10px;
    z-index: 999;
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(20px) saturate(2);
    border: 1px solid rgba(0,0,0,0.07);
    margin-bottom: 10px;
}
.attachment-browser-munu-in-title{
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    flex: 1;
    margin-right: auto;
}
.attachment-browser-munu-box{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;

    background-color: rgba(255,255,255,0.3);
    backdrop-filter: blur(20px) saturate(2);
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 4px;
    margin-bottom: 10px;
}
.attachment-browser-munu-title{
    font-size: 14px;
    font-weight: bold;
    color: rgba(0,0,0,0.8);
    margin-bottom: 8px;
    display: flex;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
.attachment-browser-munu-title-text{
    flex: 1;
}
.attachment-browser-munu-button{
    margin-left: auto;
    background-color: var(--color-error);
    width: 30px;
    height: 30px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    color: #fff;
}
.attachment-browser-munu-button:hover{
    opacity: 0.8;
}
.attachment-browser-munu-button-out{
    background-color: rgba(255,255,255,0.3);
    backdrop-filter: blur(20px) saturate(2);
    border-radius: 4px;
    color: #fff;
    background-color: var(--color-error);
    /* box-shadow: 0 10px 20px rgba(0,0,0,0.3); */
}
.attachment-browser-munu-lists{
    display: flex;
    flex-direction: column;
    overflow: auto;
}
.attachment-browser-munu-lists-item{
    width: 250px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5px;
    background-color: rgba(255,255,255,0.3);
    backdrop-filter: blur(20px) saturate(2);
    border: 1px solid rgba(0,0,0,0.07);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgba(0,0,0,0.9);
    cursor: pointer;
    border-radius: 4px;
    min-height: 40px;
}
.attachment-browser-munu-lists-item-num{
    margin-right: 3px;
    font-weight: bold;
}
.attachment-browser-munu-lists-item-icon{
    width: 28px;
    height: 28px;
    margin-right: 4px;
}
.attachment-browser-munu-lists-name{
    flex: 1;
}
.attachment-browser-munu-lists-item:hover{
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.2);
}
.attachment-browser-content{
    /* width: calc(100vw - 250px); */
    width: 100%;
    height: calc(100vh - 55px);
    overflow: hidden;
    position: relative;
}


.attachment-browser-view-tool{
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}
.attachment-browser-view-tool-content{
    display: flex;
    flex-direction: column;
    background-color: rgba(255,255,255,0.3);
    backdrop-filter: blur(10px) saturate(2);
    border-radius: 999px;
    padding: 10px;
}

.attachment-browser-view-handle-pre{
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.1);
    backdrop-filter: blur(20px) saturate(2);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    border-radius: 50%;
    color: rgba(0,0,0,0.7);
    cursor: pointer;
    margin-bottom: 10px;
}
.attachment-browser-view-handle-next{
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.1);
    backdrop-filter: blur(20px) saturate(2);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    border-radius: 50%;
    color: rgba(0,0,0,0.7);
    cursor: pointer;
}
.attachment-browser-view-handle-pre:hover{
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.2);
    color: rgba(0,0,0,1)
}
.attachment-browser-view-handle-next:hover{
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.2);
    color: rgba(0,0,0,1)
}
.attachment-browser-view-handle-pre-no,.attachment-browser-view-handle-next-no{
    background-color: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.3);
    cursor: no-drop;
}
.attachment-browser-view-handle-pre-no:hover,.attachment-browser-view-handle-next-no:hover{
    background-color: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.3)
}

.attachment-browser-view-num{
    color: rgba(0,0,0,0.8);
    padding: 6px 12px;
    border-radius: 99px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.3);
    font-weight: bold;
    font-size: 14px;
    display: flex;
    justify-content: center;
}


/* 聘岗审核 */
.lists-margin-bottom-10{
    margin-bottom: 10px !important;
}
.lists-margin-bottom-10:last-child{
    margin-bottom: 0 !important;
}

/* 聘岗申请 */
.postLists-lists-outbox{
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}
.postLists-lists-outbox:last-child{
    margin-bottom: 0;
}
.postLists-lists{
    display: flex;
    flex-wrap: wrap;
    width: auto;
    margin-top: -3px;
}
.unitNameLists-lists{
    display: flex;
    flex-wrap: wrap;
    width: auto;
    background-color: #f8f8f8;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.unitNameLists-lists-more{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));
}
.postLists-item{
    display: flex;
    padding: 6px;
    border-radius: 4px;
    background-color: var(--color-primary-extent-1);
    margin: 3px;
    width: calc(100% / 7 - 6px);
}
.unitNameLists-lists .postLists-item{
    background: none !important;
    border: none;
    padding: 0;
}
@media (max-width:1760px) {
    .postLists-item{
        width: calc(100% / 6 - 6px);
    }
}
@media (max-width:1440px) {
    .postLists-item{
        width: calc(100% / 5 - 6px);
    }
}
@media (max-width:1200px) {
    .postLists-item{
        width: calc(100% / 4 - 6px);
    }
}
@media (max-width:1000px) {
    .postLists-item{
        width: calc(100% / 3 - 6px);
    }
}

.postLists-item-num{
    color: var(--color-primary);
    font-size: 15px;
    font-weight: bold;
    margin-right: 2px;
}
.postLists-item-title{
    font-size: 15px;
    flex: 1;
    margin-right: 8px;
    font-weight: bold;
    white-space: pre-wrap;
    margin-right: 10px;
}
.postLists-item-btn{
    margin-left: auto;
}

/* 火热报名 */
.tip_content{
    display: flex;
    flex-direction: column;
}
.tip_content_title{
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: -190px;
    position: relative;
}
.tip_hot_icon{
    position: absolute;
    transform: scale(0.8);
    animation: hot 2s infinite ease-in-out;
    transform-origin: left bottom;
    margin-left: 10px;
}
@keyframes hot {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}
.tip_content_list{
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    margin: 0 100px;
    padding: 10px;
    margin-bottom: 60px;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.tip_content_list_item{
    font-size: 14px;
    border-radius: 4px;
    padding: 10px;
}
.tip_content_list_item:hover{
    background-color: #f7f7f7;
}
.tip_content_list_item_title{
    font-size: 18px;
    font-weight: bold;
    color: var(--color-black);
}
.tip_top_img{
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 0;
}
.tip_content_list_item_num{
    margin-right: 5px;
    color: var(--color-error);
}
.tip_content_list_item_time_box{
    display: flex;
    margin-left: 30px;
}
.tip_content_list_item_time{
    margin-right: 30px;
}
.tip_content_list_item_time_in{
    font-weight: bold;
    font-size: 16px;
    color: var(--color-success);
}
.tip_btn{
    padding: 10px 30px;
    background-color: rgb(255,77,79);
    font-size: 18px;
    color: #fff;
    position: sticky;
    bottom: 30px;
    z-index: 2;
    width: 200px;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    box-shadow: 0 10px 30px -5px rgba(0,0,0,0.3);
    margin-left: calc(50% - 100px);
    background-image: -webkit-linear-gradient( 0deg, rgb(255,77,79) 0%, rgba(255,143,44,0.99608) 100%);
    cursor: pointer;
}
.tip_btn:hover{
    opacity: 0.8;
}



/* Card卡片优化 */
.ant-card-head{
    border-bottom: 1px solid #f2f2f2 !important;
}
.ant-card-type-inner.ant-card-bordered{
    border: 1px solid #f0f0f0 !important;
}
.common-card-custom-title{
    font-size: 18px;
    font-weight: bold;
    color: #191919;
}
.common-card-content-lists{
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    margin-left: 65px;
}
.common-card-content-lists-row{
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    margin-left: 40px;
}
.common-card-content-lists-row:first-child{
    margin-top: 5px;
}
.common-card-content-lists-row-content{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.common-card-content-lists-title{
    font-size: 14px;
    color: #191919;
}
.common-card-content-lists-content{
    width: 100%;
}

/* 下拉框组件优化 */
.ant-cascader-menu {
    max-width: 400px !important;
    height: auto !important;
    min-height: 180px !important;
    max-height: 400px !important;
}
.ant-cascader-menu-item {
    white-space: pre-wrap !important;
}
.ant-cascader-menu-item-expand-icon{
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* 工资公式 */
.gongshi{
    padding: 15px;
    background-color: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
}
.gongshi .ant-tag {
    margin: 0 !important;
    padding: 0 2px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    background: none !important;
    border: none !important;
    font-weight: bold;
}
.gongshi-tool{
    display: flex;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

/* 优化popover组件三角形见他贴合有缝隙的问题 */
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow{
    top: 8px !important;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow{
    right: 8px !important;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow{
    bottom: 8px !important;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow{
    left: 8px !important;
    top: 12px !important;
}

/* 聘岗申请表业绩条件模块 */
.pg-card-module{
    width: 100%;
}
.pg-card-module-item{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    border: 1px solid var(--border-color-1);
}
.pg-card-module-item-header{
    display: flex;
    align-items: center;
    padding: 10px;
    padding-bottom: 5px;
    box-sizing: border-box;
    position: sticky;
    top: 102px;
    z-index: 99;
    background-color: #fff;
}
.pg-card-module-item-index{
    font-size: 18px;
    font-weight: bold;
    color: var(--color-black);
}
.pg-card-module-item-title1{
    font-size: 18px;
    font-weight: bold;
    color: var(--color-black);
    margin-left: 15px;
}
.pg-card-module-item-title2{
    font-size: 18px;
    font-weight: bold;
    color: var(--color-error);
    margin-left: 15px;
}
.pg-card-module-item-content{
    margin-left: 35px;
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
}


.pg-card-module-content-items{
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #eef4fc;
    margin: 5px 0;
    margin-right: 10px;
    border-radius: 4px;
    padding: 5px 5px 0 5px;
}
.pg-card-module-content-items-headers{
    display: flex;
    padding-bottom: 5px;
}
.pg-card-module-content-items-index{
    font-size: 16px;
    color: var(--color-primary);
    font-weight: bold;
}
.pg-card-module-content-items-title{
    font-size: 16px;
    color: var(--color-black);
    margin-left: 10px;
}
.pg-card-module-content-items-pass{
    font-size: 16px;
    color: var(--color-success);
    margin-left: 10px;
    font-weight: bold;
    min-width: 110px;
    margin-left: auto;
}
.pg-card-module-content-items-info{
    display: flex;
    flex-direction: column;
}
.pg-card-module-content-items-info-group{
    display: flex;
    flex: 1;
}
.pg-card-module-evidence{
    border-top: 1px dashed rgba(0,0,0,0.1);
    padding: 5px;
    flex-direction: column;
}
.pg-card-module-evidence-content{
    margin-top: 10px;
    margin-bottom: 5px;
}
.pg-card-module-evidence-lists{
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}
.pg-card-module-evidence-item{
    background-color: #dfe8f5;
    padding: 5px;
    border-radius: 4px;
    display: flex;
    margin-bottom: 5px;
}
.pg-card-module-evidence-item-l{
    display: flex;
    flex-direction: column;
}
.pg-card-module-evidence-item-r{
    margin-left: auto;
    border-left: 1px dashed rgba(0,0,0,0.1);
    padding: 0 10px;
    max-width: 640px;
}
.pg-card-module-evidence-item-title{
    font-size: 16px;
    font-weight: bold;
}
.pg-card-module-evidence-item-content{
    display: flex;
    margin-left: 18px;
    align-items: center;
}
.pg-evidence-item{
    display: flex;
    margin-right: 50px;
}
.pg-evidence-item-t{
    font-size: 14px;
    color: #75808f;
}
.pg-evidence-item-c{
    color: var(--color-black);
}
.pg-card-module-info-item{
    flex: 1;
    padding: 5px;
    display: flex;
    flex-direction: column;
    border-right: 1px dashed rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.05);
}
.pg-card-module-info-item-first{
    flex: none;
    width: 200px !important;
}
.pg-card-module-info-item-t{
    font-size: 14px;
    color: #75808f;
}
.pg-card-module-info-item-c{
    color: var(--color-black);
}
.pg-card-module-item .pg-card-module-item{
    border: none;
    padding: 0;
}
.pg-card-module-item .pg-card-module-item .pg-card-module-item-content{
    margin-left: 0;
}
.pg-card-module-item .pg-card-module-item .pg-card-module-item-header{
    top: 144px;
    padding-left: 0;
}
.pg-card-module-item .pg-card-module-item .pg-card-module-item .pg-card-module-item-header{
    top: 186px;
    padding-left: 0;
}
.pg-card-module-item .pg-card-module-item .pg-card-module-item .pg-card-module-item .pg-card-module-item-header{
    top: 228px;
    padding-left: 0;
}
.pg-card-module-item .pg-card-module-item .pg-card-module-item-header .pg-card-module-item-index{
    font-size: 16px;
    color: var(--color-white);
    background-color: var(--color-primary);
    padding: 0 8px;
    border-radius: 99px;
}
.pg-card-module-item .pg-card-module-item .pg-card-module-item-header .pg-card-module-item-title1{
    font-size: 16px;
    color: var(--color-primary);
}
.pg-card-module-item .pg-card-module-item .pg-card-module-item-header .pg-card-module-item-title2{
    font-size: 16px;
}
.meet-item{
    display: flex;
    align-items: center;
    margin-left: 10px;
    min-width: 180px;
}
.meet-item-title{
    font-size: 14px;
    margin-right: 5px;
}
.pg-card-icon{
    width: 18px;
    height: 18px;
    font-size: 16px;
    margin-top: 3px;
    margin-right: 5px;
    display: none;
}

/* 锚点导航文字多的时候换行 */
.ant-anchor-link-title{
    overflow: visible !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.custom-anchor .ant-anchor-link-title{
    font-size: 16px;
}


/* 人员安置 */
.anzhi-box{
    display: flex;
}
.anzhi-item-l{
    flex: 1;
    margin-right: 5px !important;
}
.anzhi-item-r{
    flex: 1;
    margin-left: 5px !important;
}
@media (max-width:1440px) {
    .anzhi-box{
        flex-direction: column;
    }
    .anzhi-item-l{
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
    .anzhi-item-r{
        margin-left: 0 !important;
    }
}

/* 选择组织机构 */
.modal-box{
    display: flex;
    flex-direction: column;
}
.modal-box-header{
    background-color: var(--background-color-white);
    position: sticky;
    top: 0;
    z-index: 9;
    padding: 10px 20px;
    font-size: 16px;
}
.modal-box-content{
    background-color: var(--background-color-white);
    margin: 10px;
}

/* 合并机构 */
.merge-unit-type-box{
    display: flex;
    border-top: 1px solid #eee;
    margin-left: 130px;
    margin-right: 10px;
    padding: 10px 0;
    align-items: center;
}
.merge-unit-type-title{
    margin-right: 10px;
}
.merge-unit-type-name{
    font-size: 18px;
    font-weight: bold;
    margin-right: 20px;
    color: var(--color-primary);
}


/* 组织机构图菜单 */
.org-menu-lists{
    display: flex;
    flex-direction: column;
    overflow: auto;
}
.org-menu-lists-item{
    width: 250px;
    padding: 4px 8px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: blur(20px) saturate(2);
    border: 1px solid rgba(0,0,0,0.07);
    color: rgba(0,0,0,0.9);
    cursor: pointer;
    border-radius: 4px;
    min-height: 40px;
}
.org-menu-lists-item-num{
    margin-right: 5px;
    font-weight: bold;
    font-size: 16px;
    color: var(--color-primary);
}
.org-menu-lists-item-content{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.org-menu-lists-name{
    font-weight: bold;
    font-size: 16px;
    flex: 1;
}
.org-menu-lists-text {
    flex: 1;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.org-menu-lists-item:hover{
    background-color: rgba(255,255,255,1);
    border: 1px solid rgba(0,0,0,0.2);
}
.org-pagination-box{
    position: sticky;
    bottom: 0;
    z-index: 99;
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(20px) saturate(2);
    border: 1px solid rgba(0,0,0,0.07);
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.org-menu-lists-item-active{
    background-color: var(--color-primary);
}
.org-menu-lists-item-active .org-menu-lists-name,
.org-menu-lists-item-active .org-menu-lists-item-num{
    color: var(--color-white);
}
.org-menu-lists-item-active .org-menu-lists-text{
    color: rgba(255,255,255,0.7);
}
.org-menu-lists-item-active:hover{
    background-color: var(--color-primary);
}
.org-tree-hebing{
    color: var(--color-error);
    background-color: var(--color-error-extent-1);
    margin-left: 10px;
    padding: 5px;
}


/* 下拉树，默认树----开始 */
.default-select-tree .ant-select-tree-switcher,
.default-select-tree .ant-select-tree-treenode-switcher-close,
.default-select-tree .ant-select-tree-treenode-switcher-open{
    position: relative;
}
.default-select-tree .ant-select-tree-switcher_open,
.default-select-tree .ant-select-tree-switcher_close {
    position: relative !important;
    width:28px !important;
}
.default-select-tree .ant-select-tree li .ant-select-tree-node-content-wrapper{
    padding-left:0px !important;
}
.default-select-tree .ant-select-tree-node-content-wrapper-normal{
    padding-left:0px !important;
}
.default-select-tree li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
.default-select-tree li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
.default-select-tree li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span{
    padding-left: 0px !important;
}
.default-select-tree .ant-select-tree li span.ant-select-tree-checkbox{
    margin-left: 8px !important;
}
.default-select-tree .ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper{
    padding-left: 4px !important;
}
.default-select-tree .ant-select-tree-child-tree li span.ant-select-tree-checkbox{
    margin-left: 0 !important;
}
.default-select-tree .ant-select-tree-child-tree li .ant-select-tree-node-content-wrapper{
    padding-left:8px !important;
}
/* 下拉树，默认树----结束 */

/* 组织机构菜单 */
.org-munu{
    height: auto;
    max-height: calc(100vh - 135px);
}


/* 通用外边距 */
.margin-10{
    margin: 10px !important;
}
.margin-top-10{
    margin-top: 10px !important;
}
.margin-bottom-10{
    margin-bottom: 10px !important;
}
.margin-left-10{
    margin-left: 10px !important;
}
.margin-right-10{
    margin-right: 10px !important;
}

/* 去除外边距 */
.margin-0{
    margin: 0 !important;
}
.margin-top-0{
    margin-top: 0 !important;
}
.margin-bottom-0{
    margin-bottom: 0 !important;
}
.margin-left-0{
    margin-left: 0 !important;
}
.margin-right-0{
    margin-right: 0 !important;
}

/* 通用内边距 */
.padding-10{
    padding: 10px !important;
}
.padding-top-10{
    padding-top: 10px !important;
}
.padding-bottom-10{
    padding-bottom: 10px !important;
}
.padding-left-10{
    padding-left: 10px !important;
}
.padding-right-10{
    padding-right: 10px !important;
}

/* 去除内边距 */
.padding-0{
    padding: 0px !important;
}
.padding-top-0{
    padding-top: 0px !important;
}
.padding-bottom-0{
    padding-bottom: 0px !important;
}
.padding-left-0{
    padding-left: 0px !important;
}
.padding-right-0{
    padding-right: 0px !important;
}


/* 界面规范 */
.gf-card{
    /* border-bottom: 6px solid var(--border-color-1);
    padding-bottom: 50px;
    margin-bottom: 50px !important; */
    background-color: #fff;
    padding: 20px;
}
.gf-card:last-child{
    border-bottom: none;
    margin-bottom: 0 !important;
}
.gf-card-title{
    font-size: 24px;
    font-weight: bold;
    color: var(--color-black);
    margin-bottom: 10px;
    background-color: var(--background-color-white);
    position: sticky;
    top: 0;
    z-index: 999;
}
.guifan-page p{
    font-size: 16px;
}
.gf-p{
    margin-top: 15px;
    margin-bottom: 0;
}
.guifan-page .ant-typography, .guifan-page .ant-typography p{
    margin-bottom: 0;
}
.gf-color-lists{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    padding: 5px;
    box-sizing: border-box;
}
.gf-color-item{
    margin: 5px;
    width: calc(100% / 6 - 10px);
    box-shadow: var(--box-shadow-1);
    border-radius: 4px;
    padding: 10px;
}
@media (max-width: 1440px){
    .gf-color-item{
        width: calc(100% / 3 - 10px);
    }
}
.gf-color-item-box{
    width: 50px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 5px;
}
.gf-color-item-box-color2{
    color: var(--color-black);
}
.gf-header{
    margin-top: 10px;
    display: flex;
    z-index: 99;
    /* border: 1px solid var(--border-color-1); */
    min-height: 50px;
    align-items: center;
    /* padding: 8px 10px; */
    background-color: var(--background-color-white);
}
.gf-header-title{
    font-size: 14px;
    font-weight: bold;
    color: var(--color-black);
    margin-right: 10px;
}
.gf-code{
    width: 100%;
    background-color: #2c384b;
    color: rgba(255,255,255,0.9);
    padding: 0 20px;
    position: relative;
}
.gf-stitle{
    font-size: 16px;
    font-weight: bold;
    color: var(--color-black);
    margin-top: 10px;
}
.gf-com-lists{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.gf-com-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
    margin: 5px;
    box-shadow: var(--box-shadow-1);
    border-radius: 4px;
    padding: 10px;
}
.gf-com-icon{
    font-size: 24px;
    color: var(--color-black);
    margin-bottom: 5px;
}
.gf-jg{
    height: 50px;
}

.row-card{
    display: flex;
}

.row-card {
    display: flex;
    margin: -5px;
}
.row-card-item {
    flex: 1;
    margin: 5px;
}


.ant-card-head{
    font-size: 16px !important;
}

.line-h{
    width: 100%;
    border-top: 1px solid var(--border-color-1);
    margin: 10px 0;
}
.line-v{
    height: 100%;
    border-left: 1px solid var(--border-color-1);
    margin: 0 10px;
}
.margin-h-10{
    margin: 10px 0;
}
.margin-h-20{
    margin: 20px 0;
}
.margin-v-10{
    margin: 0 10px;
}
.margin-v-20{
    margin: 0 20px;
}

/* TAB切换内容区 */
.TabPaneContent{
    background-color: var(--background-color-white);
    border: 1px solid var(--border-color-2);
    border-top: none;
}


.animation {
  animation: breathe 4s ease-in-out infinite;
}

@keyframes breathe {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}



/* 通用卡片布局列表组 */
.layout-card-lists{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.layout-card-item{
    margin: 5px;
    /* border: 1px solid var(--border-color-2); */
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    margin: 5px;
    padding: 10px;
    display: flex;
    width: calc(100% / 3 - 10px);
    background-color: var(--background-color-white);
    position: relative;
    overflow: hidden;
}
.layout-card-left{
    margin-right: 8px;
    z-index: 1;
}
.layout-card-right{
    flex: 1;
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.layout-card-index{
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid var(--border-color-1);
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2px;
    /* color: #aaa; */
    color: rgba(0,0,0,0.4);
    background-color: rgba(255,255,255,0.3);
}
.layout-card-header{
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
    color: var(--color-black);
    display: flex;
    justify-content: space-between;
}
.layout-card-content{
    font-size: 14px;
    color: var(--color-black);
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.layout-card-info-lists{
    display: flex;
    flex-wrap: wrap;
    margin: -3px;
    margin-bottom: 7px;
}
.layout-card-info-item{
    display: flex;
    /* background-color: #f8f8f8; */
    /* background-color: rgba(0,0,0,0.03); */
    background-color: rgba(10,70,110,0.035);
    border-radius: 4px;
    padding: 4px;
    margin: 3px;
    width: calc(100% / 2 - 6px);
    font-size: 14px;
}
.layout-card-info-item-icon{
    font-size: 14px;
    color: #77a4d1;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 1px;
    display: flex;
    align-items: flex-start;
    line-height: 1.2;
}
.icon-c1{
    color: #34b9df !important;
}
.icon-c2{
    color: #66b98c !important;
}
.icon-c3{
    color: #dd9170 !important;
}
.icon-c4{
    color: #ac87c4 !important;
}
.icon-c5{
    color: #c4b885 !important;
}
.icon-c6{
    color: #bbb !important;
}
.layout-card-info-item-label{
    font-size: 14px;
    margin-right: 2px;
    width: 80px;
    /* color: #999; */
    /* color: rgba(0,0,0,0.5); */
    color: rgba(35,50,60,0.65);
    display: flex;
    justify-content: space-between;
    line-height: 1.2;
}

.layout-card-info-item-value{
    color: var(--color-black);
    color: #394450;
    font-size: 14px;
    flex: 1;
    display: flex;
    line-height: 1.2;
}


.ellipsis-1,.ellipsis-2,.ellipsis-3,.ellipsis-4,.ellipsis-5,.ellipsis-6,
.ellipsis-7,.ellipsis-8,.ellipsis-9,.ellipsis-10,.ellipsis-11,.ellipsis-12{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}
.ellipsis-1 {line-clamp: 1;-webkit-line-clamp: 1;-moz-line-clamp: 1;}
.ellipsis-2 {line-clamp: 2;-webkit-line-clamp: 2;-moz-line-clamp: 2;}
.ellipsis-3 {line-clamp: 3;-webkit-line-clamp: 3;-moz-line-clamp: 3;}
.ellipsis-4 {line-clamp: 4;-webkit-line-clamp: 4;-moz-line-clamp: 4;}
.ellipsis-5 {line-clamp: 5;-webkit-line-clamp: 5;-moz-line-clamp: 5;}
.ellipsis-6 {line-clamp: 6;-webkit-line-clamp: 6;-moz-line-clamp: 6;}
.ellipsis-7 {line-clamp: 7;-webkit-line-clamp: 7;-moz-line-clamp: 7;}
.ellipsis-8 {line-clamp: 8;-webkit-line-clamp: 8;-moz-line-clamp: 8;}
.ellipsis-9 {line-clamp: 9;-webkit-line-clamp: 9;-moz-line-clamp: 9;}
.ellipsis-10 {line-clamp: 10;-webkit-line-clamp: 10;-moz-line-clamp: 10;}
.ellipsis-11 {line-clamp: 11;-webkit-line-clamp: 11;-moz-line-clamp: 11;}
.ellipsis-12 {line-clamp: 12;-webkit-line-clamp: 12;-moz-line-clamp: 12;}


.layout-card-footer{
    display: flex;
    flex-wrap: wrap;
    margin-top: auto;
}
.layout-card-footer .ant-btn{
    box-shadow: none !important;
}

.layout-card-item:hover{
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.color-primary{
    color: var(--color-primary) !important;
    font-weight: bold;
 }
.color-warning{
    color: var(--color-warning) !important;
    font-weight: bold;
}
.color-success{
    color: var(--color-success) !important;
    font-weight: bold;
}
.color-error{
    color: var(--color-error) !important;
    font-weight: bold;
}


/* 卡片的列数 */
/* 1、card-col-x放在最外层layout-card-lists则这个卡片组全部生效 */
/* 2、card-col-x放在layout-card-item则只有这个卡片生效 */
.card-col-1 .layout-card-item,
.card-col-1.layout-card-item {
    width: calc(100% / 1 - 10px);
}
.card-col-2 .layout-card-item,
.card-col-2.layout-card-item {
    width: calc(100% / 2 - 10px);
}
.card-col-3 .layout-card-item,
.card-col-3.layout-card-item {
    width: calc(100% / 3 - 10px);
}
.card-col-4 .layout-card-item,
.card-col-4.layout-card-item {
    width: calc(100% / 4 - 10px);
}
.card-col-5 .layout-card-item,
.card-col-5.layout-card-item {
    width: calc(100% / 5 - 10px);
}
.card-col-6 .layout-card-item,
.card-col-6.layout-card-item {
    width: calc(100% / 6 - 10px);
}
.card-col-7 .layout-card-item,
.card-col-7.layout-card-item {
    width: calc(100% / 7 - 10px);
}
.card-col-8 .layout-card-item,
.card-col-8.layout-card-item {
    width: calc(100% / 8 - 10px);
}
.card-col-9 .layout-card-item,
.card-col-9.layout-card-item {
    width: calc(100% / 9 - 10px);
}
.card-col-10 .layout-card-item,
.card-col-10.layout-card-item {
    width: calc(100% / 10 - 10px);
}
.card-col-11 .layout-card-item,
.card-col-11.layout-card-item {
    width: calc(100% / 11 - 10px);
}
.card-col-12 .layout-card-item,
.card-col-12.layout-card-item {
    width: calc(100% / 12 - 10px);
}

/* 卡片里的info列数 */
/* 1、info-col-x放在最外层layout-card-lists则这个卡片组所有卡片都生效 */
/* 2、info-col-x放在layout-card-item或放在layout-card-info-lists则这个卡片里面所有info都生效 */
/* 3、info-col-x放在layout-card-info-item则只有这项生效 */
.info-col-1 .layout-card-info-item,
.info-col-1.layout-card-info-item {
    width: calc(100% / 1 - 6px) !important;
}
.info-col-2 .layout-card-info-item,
.info-col-2.layout-card-info-item {
    width: calc(100% / 2 - 6px) !important;
}
.info-col-3 .layout-card-info-item,
.info-col-3.layout-card-info-item {
    width: calc(100% / 3 - 6px) !important;
}
.info-col-4 .layout-card-info-item,
.info-col-4.layout-card-info-item {
    width: calc(100% / 4 - 6px) !important;
}
.info-col-5 .layout-card-info-item,
.info-col-5.layout-card-info-item {
    width: calc(100% / 5 - 6px) !important;
}
.info-col-6 .layout-card-info-item,
.info-col-6.layout-card-info-item {
    width: calc(100% / 6 - 6px) !important;
}
.info-col-7 .layout-card-info-item,
.info-col-7.layout-card-info-item {
    width: calc(100% / 7 - 6px) !important;
}
.info-col-8 .layout-card-info-item,
.info-col-8.layout-card-info-item {
    width: calc(100% / 8 - 6px) !important;
}
.info-col-9 .layout-card-info-item,
.info-col-9.layout-card-info-item {
    width: calc(100% / 9 - 6px) !important;
}
.info-col-10 .layout-card-info-item,
.info-col-10.layout-card-info-item {
    width: calc(100% / 10 - 6px) !important;
}
.info-col-11 .layout-card-info-item,
.info-col-11.layout-card-info-item {
    width: calc(100% / 11 - 6px) !important;
}
.info-col-12 .layout-card-info-item,
.info-col-12.layout-card-info-item {
    width: calc(100% / 12 - 6px) !important;
}

/* 卡片无边框 */
/* 1、card-no-border放在最外层layout-card-lists则这个卡片组全部生效 */
/* 2、card-no-border放在layout-card-item则只有这个卡片生效 */
.card-no-border .layout-card-item,
.card-no-border.layout-card-item {
    border: none;
}


/* 卡片内容信息竖向 */
/* 1、info-vertical放在最外层layout-card-lists则这个卡片组全部生效 */
/* 2、info-vertical放在layout-card-item则只有这个卡片生效 */
.info-vertical .layout-card-info-item,
.info-vertical.layout-card-info-item{
    background-color: transparent !important;
    border-radius: 0;
    padding: 0;
    margin: 6px 3px;
    flex-direction: column;
}
.info-vertical .layout-card-info-item .layout-card-info-item-label,
.info-vertical.layout-card-info-item .layout-card-info-item-label{
    margin-right: 0;
    width: 100%;
    justify-content: flex-start;
}
.info-vertical .layout-card-info-item .layout-card-info-item-icon,
.info-vertical.layout-card-info-item .layout-card-info-item-icon{
    position: absolute;
    margin-top: 2px;
    font-size: 14px;
    width: 20px;
    line-height: 1.2;
}
.info-vertical .layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-label,
.info-vertical .layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-value,
.info-vertical.layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-label,
.info-vertical.layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-value{
    margin-left: 22px;
}


/* 文字类按钮 */
.layout-card-footer.type-text-btn{
    margin-top: 0;
}
.type-text-btn-item{
    display: flex;
    /* background-color: #f8f8f8; */
    background-color: rgba(10,70,110,0.035);
    border-radius: 4px;
    padding: 4px;
    margin: 3px;
    width: calc(100% - 6px);
    font-size: 14px;
    align-items: center;
}
.type-text-btn-item-label{
    font-size: 14px;
    margin-right: 2px;
    /* color: #595959; */
    color: rgba(35,50,60,0.8);
    display: flex;
    justify-content: space-between;
    line-height: 1.2;
    width: 80px;
}
.type-text-btn-item-btn{
    display: flex;
}
.type-text-btn-item-btn a{
    color: var(--color-primary);
    font-size: 16px;
    font-weight: bold;
}
/* 卡片渐变背景 */
.layout-card-item.has-bg-color::after{
    content: "";
    background-color: #d7e8ff;
    filter: blur(50px);
    position: absolute;
    width: 70%;
    height: 150px;
    border-radius: 50%;
    z-index: 0;
    left: -80px;
    top: -80px;
}
.layout-card-item.has-bg-color::before{
    content: "";
    background-color: #ffe9dd;
    filter: blur(50px);
    position: absolute;
    width: 30%;
    height: 150px;
    border-radius: 50%;
    z-index: 0;
    right: -30px;
    top: -80px;
}



/* 默认隐藏按钮 */
/* .hide-btn只能放在layout-card-item卡片，不能放在layout-card-lists卡片组 */
.hide-btn .layout-card-info-lists{
    margin-bottom: 0;
}
.hide-btn .layout-card-footer{
    display: none;
}
.hide-btn:hover .layout-card-footer{
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 10px;
    background-color: var(--background-color-white);
    z-index: 1;
    max-height: 100%;
    overflow-y: auto;
    box-shadow: var(--box-shadow-2);
    justify-content: center;
}


/* 中型卡片 */
.size-medium .layout-card-item,
.size-medium.layout-card-item {
    padding: 10px;
}
.size-medium .layout-card-item .layout-card-header,
.size-medium.layout-card-item .layout-card-header{
    font-size: 20px;
}
.size-medium .layout-card-item .layout-card-content,
.size-medium.layout-card-item .layout-card-content{
    font-size: 16px;
    margin-top: 10px;
}
.size-medium .layout-card-item .layout-card-info-lists,
.size-medium.layout-card-item .layout-card-info-lists {
    margin-bottom: 10px;
}
.size-medium .layout-card-item .layout-card-info-item,
.size-medium.layout-card-item .layout-card-info-item{
    padding: 6px;
}
.size-medium .layout-card-item .layout-card-info-item-icon,
.size-medium.layout-card-item .layout-card-info-item-icon{
    font-size: 16px;
    margin-top: 2px;
}
.size-medium .layout-card-item .layout-card-info-item-label,
.size-medium.layout-card-item .layout-card-info-item-label{
    font-size: 16px;
}
.size-medium .layout-card-item .layout-card-info-item-value,
.size-medium.layout-card-item .layout-card-info-item-value{
    font-size: 16px;
}
.size-medium.info-vertical .layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-label,
.size-medium.info-vertical .layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-value,
.size-medium.info-vertical.layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-label,
.size-medium.info-vertical.layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-value{
    margin-left: 28px;
}
.size-medium.info-vertical .layout-card-item .layout-card-info-item,
.size-medium.info-vertical.layout-card-item .layout-card-info-item{
    padding: 6px 0px;
}
.size-medium.info-vertical .layout-card-item .layout-card-info-item-value,
.size-medium.info-vertical.layout-card-item .layout-card-info-item-value{
    margin-top: 5px;
}

/* 大型卡片 */
.size-large .layout-card-item,
.size-large.layout-card-item {
    padding: 10px;
}
.size-large .layout-card-item .layout-card-header,
.size-large.layout-card-item .layout-card-header{
    font-size: 20px;
    border-bottom: 1px dashed rgba(0,0,0,0.07);
    padding-bottom: 6px;
}
.size-large .layout-card-item .layout-card-content,
.size-large.layout-card-item .layout-card-content{
    font-size: 16px;
    margin-top: 10px;
}
.size-large .layout-card-item .layout-card-info-lists,
.size-large.layout-card-item .layout-card-info-lists {
    margin-bottom: 0;
}
.size-large .layout-card-item .layout-card-info-item,
.size-large.layout-card-item .layout-card-info-item{
    padding: 6px;
}
.size-large .layout-card-item .layout-card-info-item-icon,
.size-large.layout-card-item .layout-card-info-item-icon{
    font-size: 16px;
    margin-top: 2px;
}
.size-large .layout-card-item .layout-card-info-item-label,
.size-large.layout-card-item .layout-card-info-item-label{
    font-size: 16px;
}
.size-large .layout-card-item .layout-card-info-item-value,
.size-large.layout-card-item .layout-card-info-item-value{
    font-size: 16px;
}
.size-large.info-vertical .layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-label,
.size-large.info-vertical .layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-value,
.size-large.info-vertical.layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-label,
.size-large.info-vertical.layout-card-info-item .layout-card-info-item-icon ~ .layout-card-info-item-value{
    margin-left: 28px;
}
.size-large.info-vertical .layout-card-item .layout-card-info-item,
.size-large.info-vertical.layout-card-item .layout-card-info-item{
    padding: 6px 0px;
}
.size-large.info-vertical .layout-card-item .layout-card-info-item-value,
.size-large.info-vertical.layout-card-item .layout-card-info-item-value{
    margin-top: 5px;
}

.size-large .layout-card-item .layout-card-footer,
.size-large.layout-card-item .layout-card-footer{
    margin-top: -5px;
    margin-right: -5px;
}


/* 加粗 */
.is-bold{
    font-weight: bold !important;
}
/* 自动宽度 */
.width-flex{
    flex: 1 !important;
}
.color-warning{
    color: var(--color-warning) !important;
    font-weight: bold;
 }
 .color-success{
    color: var(--color-success) !important;
    font-weight: bold;
 }
 .color-error{
    color: var(--color-error) !important;
    font-weight: bold;
 }
 .width-100{
    width: 100% !important;
 }
 .info-vertical .layout-card-info-item.width-100,
 .info-vertical.layout-card-info-item.width-100{
    width: 100% !important;
 }
 .width-50{
    width: 50% !important;
 }




/* 表格行背景色 */
.diff-row-blue {
    background-color: #e6f7ff !important;
}
.diff-row-gray {
    background-color: #f5f5f5 !important;
}

/* 菜单搜索框 */
.menu-search .ant-input{
    /* background-color: #a6b9f3; */
    background-color: rgba(0,0,0,0);
    border-color: var(--color-primary);
}
.placeholder-white::placeholder,
.placeholder-white input::placeholder {
    font-size: 12px;
    width: 110%;
    color: #5d71af;
}
.menu-search:hover .ant-input,
.menu-search .ant-input:not(:placeholder-shown),
.menu-search .ant-input:focus{
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 3px 9px rgba(68,63,154,0.5);
}
.menu-search.placeholder-white:hover::placeholder,
.menu-search.placeholder-white:hover input::placeholder{
    color: #999;
}
.menu-search.ant-input-affix-wrapper .ant-input-suffix .ant-input-clear-icon{
    font-size: 16px !important;
    color: var(--color-error) !important;
}
.menu-search .ant-input-group-addon {
    position: relative;
    padding: 0 !important;
    background-color: rgba(0,0,0,0);
    color: #fff !important;
    border: none;
}

/* 菜单搜索结果文字高亮 */
.rs-layout-left-bottom .ant-menu-item.menu-serch-activt{
    background-color: var(--color-primary);
}
.rs-layout-left-bottom .ant-menu-item.menu-serch-activt a {
    color: #ffbd71;
}
.rs-layout-left-bottom .ant-menu-item.menu-serch-activt.ant-menu-item-selected a{
    color: rgba(255,255,255,1) !important;
}

/* 菜单搜索历史记录 */
.menu-search-history{
    width: 300px;
    max-height: calc(100vh - 250px);
    display: flex;
    flex-direction: column;
}
.menu-search-history-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color-1);
}
.menu-search-history-header-title{
    font-size: 16px;
    font-weight: bold;
    color: var(--color-black);
}

.menu-search-history-content{
    flex: 1;
    overflow-y: auto;
    padding: 10px 0;
}
.menu-search-history-item{
    background-color: var(--background-color-white);
    border-radius: 4px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
}
.menu-search-history-item:hover{
    background-color: var(--color-primary-extent-1);
}
.menu-search-history-text{
    font-size: 14px;
    padding: 0 10px;
    color: var(--color-black);
    flex: 1;
    height: 100%;
    padding: 5px;
    cursor: pointer;
}

.menu-search-history-item-actions{
    display: none;
}
.menu-search-history-item:hover .menu-search-history-item-actions{
    display: flex;
}

.menu-search-history-footer{
    font-size: 12px;
    color: #999;
    padding-top: 10px;
    line-height: 1.3;
    padding-bottom: 5px;
}
.menu-search-history-footer .ant-collapse-header{
    padding: 10px !important;
    padding-left: 40px !important;
    line-height: 1 !important;
}
.menu-search-history-footer .ant-collapse-content-box{
    padding: 10px !important;
}

.menu-search-doc{
    display: flex;
    flex-direction: column;
}
.menu-search-doc-title{
    font-size: 12px;
    color: var(--color-black);
    margin-bottom: 5px;
}
.menu-search-doc-lists{
    display: flex;
    flex-direction: column;
}
.menu-search-doc-item{
    display: flex;
    margin: 3px 0;
}
.menu-search-doc-item-num{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--color-success);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 4px;
    font-size: 12px;
    margin-left: 4px;
    transform: scale(0.8);
}
.menu-search-doc-item-text{
    flex: 1;
    font-size: 12px;
    line-height: 1.3;
    color: #666;
    margin-top: 1px;
}
.menu-search-doc-item-text span{
    color: var(--color-error);
    font-weight: bold;
    margin: 0 3px;
}

.triangle-td {
    position: relative; /* 确保伪元素相对于td定位 */
    padding: 20px;      /* 避免内容与三角重叠 */
    background: #f0f0f0; /* 单元格背景色（可选） */
}
.triangle-td::after {
    content: "";        /* 必需属性 */
    position: absolute;  /* 绝对定位 */
    top: 0;             /* 贴顶 */
    left: 0;           /* 贴右 */
    width: 0; 
    height: 0;
    /* 创建三角形：底部透明边框形成直角，左侧绿色边框形成三角 */
    border-bottom: 8px solid transparent; 
    border-left: 8px solid var(--color-success); 
    border-top: 8px solid var(--color-success); /* 绿色三角 */
    border-right: 8px solid transparent; 
}


  .common-filled-view-handle-pre{
    position: fixed;
    top: 50%;
    margin-top: -40px;
    left: 20px;
    z-index: 1;
    background-color: var(--color-error);
    border: 1px solid rgba(0,0,0,0.1);
    backdrop-filter: blur(20px) saturate(2);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
}
.common-filled-view-handle-next{
    position: fixed;
    top: 50%;
    margin-top: -40px;
    right: 20px;
    z-index: 1;
    background-color:  var(--color-error);
    border: 1px solid rgba(0,0,0,0.1);
    backdrop-filter: blur(20px) saturate(2);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
}
.common-filled-view-handle-pre:hover{
    opacity: 0.8;
}
.common-filled-view-handle-next:hover{
    opacity: 0.8;
}
.common-filled-view-handle-pre-no,.common-filled-view-handle-next-no{
    background-color: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.3);
    cursor: no-drop;
}
.common-filled-view-handle-pre-no:hover,.common-filled-view-handle-next-no:hover{
    background-color: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.3);
    opacity: 1;
}

/* 拖拽上传 */
.uploader-dragger .ant-upload-list.ant-upload-list-picture-card{
    margin-top: 10px;
}
.uploader-dragger .ant-upload-list.ant-upload-list-picture-card:not(:has(.ant-upload-list-picture-card-container)) {
    margin-top: 0px;
}
.uploader-dragger .ant-upload-list-item-list-type-picture-card{
    background-color: #fff;
}


.snapshot-minimize,
.snapshot-close {
    cursor: pointer;
    font-size: 16px;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
}

.snapshot-minimize:hover{
    opacity: 1;
    background-color: rgba(0,0,0,0.3);
}
.snapshot-close:hover {
    opacity: 1;
    background-color: var(--color-error);
    color: var(--color-white);
}

/* 配置界面 */
.sys-setting-page{
    width: 420px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    padding: 5px 0;
}
.sys-setting-lists{
    display: flex;
    flex-direction: column;
}
.sys-setting-item{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color-1);
    transition: all 0.3s ease;
}
.sys-setting-item:last-child{
    border-bottom: none;
}
.sys-setting-item-l{
    flex: 1;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
}
.sys-setting-item-t1{
    font-size: 14px;
    color: var(--color-black);
}
.sys-setting-item-t2{
    font-size: 12px;
    color: #999;
    line-height: 1.3;
}

.sys-setting-page .ant-card-head{
    background-color: var(--color-primary-extent-1);
    color: var(--color-primary);
    font-weight: bold;
    font-size: 14px !important;
    padding: 0 10px !important;
}


.sys-theme-radio{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 4 - 20px);
}
.sys-theme-color-box{
    width: 100%;
    height: 50px;
    display: flex;
    border: 1px solid #eee;
}
.sys-theme-color-box-l{
    width: 15px;
    height: 100%;
    border-right: 1px solid #eee;
}
.sys-theme-color-box-l-menu-box{
    display: flex;
    height: 18px;
    margin-top: 10px;
}
.sys-theme-color-box-l-menu-active{
    height: 4px;
    width: 100% ;
    margin-top: 5px;
}
.sys-theme-color-box-r{
    flex: 1;
    border-bottom: 1px solid #eee;
    height: 8px;
}

.sys-theme-name{
    font-size: 14px;
    color: var(--color-black);
    text-align: center;
    margin-top: 5px;
}

.sys-setting-page .ant-radio-group{
    display: flex;
    flex-wrap: wrap;
}
.sys-setting-page .ant-radio{
    position: fixed;
    right: 99999999999px;
}
.sys-setting-page .ant-radio-wrapper{
    display: flex;
    margin: 10px;
}
.sys-setting-page .ant-radio-wrapper span{
    padding: 0;
    width: 100%;
}
.sys-setting-page .ant-radio-wrapper-checked .sys-theme-color-box{
    outline: 3px solid var(--color-error);
    border-color: var(--color-error);
    position: relative;
}
.sys-setting-page .ant-radio-wrapper-checked .sys-theme-color-box::after {
    content: "✓";
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-error);
    border-radius: 50px 0 0 0;
    padding-left: 7px;
    padding-top: 7px;
}


.sys-theme-color-box-l-zhongguohong{
    background-image: url('./static/left-bg-01.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.sys-theme-color-box-r-zhongguohong{
    background-image: url('./static/top-bg-01.jpg');
    background-size: 120% 100%;
    background-repeat: no-repeat;
}

.sys-theme-color-box-l-jianyuelv{
    background-image: url('./static/left-bg-02.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.sys-theme-color-box-r-jianyuelv{
    background-image: url('./static/top-bg-02.jpg');
    background-size: 120% 100%;
    background-repeat: no-repeat;
}

.sys-theme-color-box-l-shensuilan{
    background-image: url('./static/left-bg-03.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.sys-theme-color-box-r-shensuilan{
    background-image: url('./static/top-bg-03.jpg');
    background-size: 120% 100%;
    background-repeat: no-repeat;
}

/* 新进人员相关样式 */
.xjry-top{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin: 10px;
    margin-bottom: 0;
    border: 1px solid var(--border-color-2);
}
.xjry-top-links{
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    color: var(--color-primary);
    /* background-color: var(--color-primary-extent-1); */
}
.xjry-top-link{
    cursor: pointer;
    padding: 4px 20px;
}
.xjry-top-link.active {
    background-color: var(--color-primary-extent-2);
}
.xjry-top-link:hover{
    text-decoration: underline;
}
.xjry-text{
    border-top: 1px dashed var(--border-color-1);
    color: var(--color-warning);
    margin-left: 20px;
    padding: 3px 0;
}

/* 做工资 */
.do-salary-top{
    background-color: #fff;
    border-bottom: 1px solid var(--border-color-2);
}

.do-salary{
    display: flex;
}
.do-salary-lists{
    display: flex;
    flex-direction: column;
    width: 150px;
    margin-right: 10px;
}
.do-salary-item{
    padding: 8px 10px;
    color: var(--color-black);
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid var(--color-white);
    box-sizing: border-box;
}
.do-salary-item.active{
    background-color: var(--color-primary-extent-1);
    color: var(--color-primary);
    border: 1px solid var(--color-primary-extent-2);
}
.do-salary-content{
    flex: 1;
    overflow-x: auto;

}
.shuangshix-header-icon{
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
}
/* 个人信息界面，信息变动情况 */
.rc-jl-biandong{
    background-color: var(--color-primary-extent-1);
    color: var(--color-black);
    width: 1500px;
    margin: 0 auto;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    z-index: 99999;
    padding: 10px;
    box-sizing: border-box;
}
@media (max-width:1440px) {
    .rc-jl-biandong {
        width: 100%;
        min-width: 1100px;
    }
}
/* 设置所有单元格左对齐和顶对齐 */
/* .ant-table-cell,.ant-table-row-cell-break-word,.ant-table-selection-column{
    text-align: left !important;
    vertical-align: top !important;
  } */