/*全局左右结构布局*/
.apply_List {
    width: 1440px;
    min-width: 1440px;
    margin: 20px auto;
    /*overflow-x: hidden;*/
    display: flex;
}

/*左边导航栏*/
.apply_List .left_page {
    width: 200px;
    height: 860px;
    background: #fff;
    border-radius: 10px;
    padding: 24px 12px 16px 16px;
}


/* ================================
   全部table
================================ */
.my_table tr.table_til td {
    border: 1px solid;
    font-weight: normal !important;
    font-size: 12px !important;
    background: #f6f6f6 !important;
    text-align: center!important;
    color: #5A5C60!important;
}

.my_table td, .my_table th, .my_table tr {
    border-right-color: #EFEFEF !important;
    border-left-color: #EFEFEF !important;
    border-bottom-color: #F5F5F5 !important;
    border-top-color: transparent !important;
}

.my_table tr td{
    border: 1px solid;
    background: #fff;
    transition: all 300ms ease-out;
}

.my_table tbody tr:hover td{
    background: #f9f9f9;
}

/*开具发票独有的样式*/
.my_table._invoice_table tr.table_til td {
    border-color: #e5e5e5!important;
}

.my_table._invoice_table tbody tr td {
    text-align: center;
}

.my_table._invoice_table td, .my_table._invoice_table th, .my_table._invoice_table tr{
    border: 1px solid #e5e5e5!important;
}

.my_table._invoice_table ._inner_tbody td{
    padding: 8px 16px;
    color: #0A090B;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px; /* 150% */
    letter-spacing: -0.32px;
}

.my_table._invoice_table .zone_standard_name{
    padding: 8px 16px;
}

.my_table tr.table_til {
    height: 40px !important;
    line-height: unset !important;
    border-top: none!important;
}

/*待办事项的table样式*/
.my_table .zone_standard_name{
    display: flex;
    align-items: center;
    padding: 14px 16px;;
    border-top: unset!important;
}

.my_table .zone_type{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    border: 3px solid #FFF;
    box-shadow: 0 3px 18px -1.5px rgba(10, 9, 11, 0.10), 0 3px 3px -1.5px rgba(10, 9, 11, 0.04), 0 0 0 1.5px rgba(10, 9, 11, 0.05);
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
}

.my_table .zone_orderName {
    margin-left: 8px;
    flex: 1;
    -ms-flex: 1;
}

.my_table .zone_orderName .zone_link{
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    font-weight: bold;
    line-height: 22px; /* 157.143% */
    transition: all 300ms ease;
}

.my_table .zone_orderName .zone_link:hover{
    cursor: pointer;
    color: #2080F6;
}

.my_table .zone_orderName .zone_num{
    font-size: 12px;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
    letter-spacing: -0.05px;
}

.my_table .zone_orderStatus{
    width: 100%;
    display: flex;
    justify-content: center;
}

.my_table .tr_line_title{
    width: 100%;
    display: flex;
    height: 40px;
    padding: 0 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: #ECECED;
    margin-top: 0;
    color: #1f1f1f;
}

.my_table tbody tr:first-child .tr_line_title{
    margin-top: 10px;
}


.my_table .tr_line_title ._td_title{
    display: flex;
    align-items: center;
}

.my_table .tr_line_title ._td_title ._head_div{
    color: #5F5F61;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.32px;
    line-height: 18px;
}

/*操作栏*/
.my_table td ._td_operate{
    display: flex;
    justify-content: center;
    align-items: center;
}

.my_table td ._td_operate a{
    margin-left: 8px;
}

.my_table td ._td_operate div:nth-child(1){
    margin-left: 0;
}

/* ================================
   tag default标签
================================ */
.my_gray_tag {
    position: relative;
    display: flex;
    height: 20px;
    padding: 3px 6px;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    background: #ECECED;
}

.my_gray_tag span{
    font-size: 12px;
}

.my_gray_tag.point::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5A5C60;
    fill: #5A5C60;
}

.my_gray_tag .status_text {
    padding-left: 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
    letter-spacing: -0.22px;
}

/*e蓝色状态*/
.my_gray_tag.primary{
    background: #EBF1FD;
    color: #2080F6;
}
.my_gray_tag.point.primary::before{
    background: #2080F6;
}

/*err状态*/
.my_gray_tag.error{
    background: #FFE3E3;
    color: #E73F3F;
}

.my_gray_tag.error.point::before{
    background: #E73F3F!important;
}

/*success状态*/
.my_gray_tag.success{
    background: #E1FAEA;
    color: #01A63E;
}

.my_gray_tag.success.point::before{
    background: #01A63E!important;
}

.my_gray_tag.has.success::before{
    display: inline-block;
    background: #01A63E;
}

/*orange状态*/
.my_gray_tag.orange{
    background: #FFF7E6;
    color: #FA8C16;
}

/* ================================
   btn dash按钮样式
================================ */
.btn_dash_primary {
    display: flex;
    height: 24px;
    padding: 3px 10px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #4F4D55;
    background: #ececed;
    border-radius: 4px;
    transition: all 300ms ease-out;
}

/*圆角状态*/
.btn_dash_primary.round{
    border-radius: 50px;
}

/*蓝色状态*/
.btn_dash_primary.blue{
    background: #EBF1FD;
    color: #2080F6;
}
.btn_dash_primary.blue:hover {
    background: #d3e1ff;
    color: #2080F6;
    cursor: pointer;
}

/*红色按钮*/
.btn_dash_primary.error {
    background: #FCEAEA;
    color: #E73F3F;
}
.btn_dash_primary.error:hover {
    background: #ffc9c9;
    color: #E73F3F;
    cursor: pointer;
}

/*小按钮状态*/
.btn_dash_primary.small {
    font-size: 12px;
}

/* ================================
   btn default按钮样式
================================ */
.btn_default_primary {
    display: flex;
    height: 36px;
    padding: 0 14px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #4F4D55;
    background: #f1f1f1;
    border-radius: 6px;
    transition: all 300ms ease-out;
}
/*默认样式*/
.btn_default_primary:hover{
    background: #e7e7e7;
}

/*蓝色按钮 dash*/
.btn_default_primary.blue{
    background: #2080F6;
    color: #fff;
}

/*蓝色hover形态*/
.btn_default_primary.blue:hover {
    background: #1867ca;
    cursor: pointer;
}
.btn_default_primary.blue:hover a{
    color: #fff!important;
}

/*禁用状态*/
.btn_default_primary.disabled{
    background: #DBDBDB;
    color: #A1A0A3;
}
.btn_default_primary.disabled:hover{
   cursor: not-allowed;
}

/*小的样式*/
.btn_default_primary.small{
    height: 30px;
    padding: 0 8px;
    font-size: 12px;
}
/*小的标红样式*/
.btn_default_primary.error{
    background: #E73F3F;
    color: #fff;
}
/*小的样式*/
.btn_default_primary.error:hover{
    background: #ba3434;
    cursor: pointer;
}

/*mini小的样式*/
.btn_default_primary.mini{
    height: 24px;
    font-size: 12px;
}

/*粉红样式*/
.btn_default_primary.pink{
    background: #FEEBEB;
    color: #F53535;
}

.btn_default_primary.pink:hover{
    background: #fac7c7;
}


/*文字形式*/
.btn_text_link{
    color: #2080F6;
    transition: color 300ms ease-out;
}

.btn_text_link:hover{
    color: #4699ff;
}

/* ================================
   btn border按钮样式
================================ */
.btn_border_primary{
    width: max-content;
    height: 36px;
    padding: 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 4px -1px #eeee;
    transition: all 300ms ease-out;
}
/*hover状态*/
.btn_border_primary:hover{
    cursor: pointer;
    background: #f6f6f6;
}
/*禁用状态*/
.btn_border_primary.disabled{
    background: #f6f6f6;
    cursor: not-allowed!important;
}
.btn_border_primary.disabled a{
    cursor: not-allowed!important;
}

.btn_border_primary a{
    font-size: 14px;
    font-style: normal;
    font-weight: 475;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.05px;
    transition: all 300ms ease-out;
}


/* ================================
   divider分割线样式
================================ */
.my_divider_sty {
    width: 100%;
    height: 1px;
    background: #EFF0F2;
    opacity: 1;
    transition: all 300ms ease-out;
}

.my_divider_sty.dash {
    border: 1px dashed #EFF0F2;
    background: none;
}


/* ================================
   checkbox样式
================================ */
.my_checkbox_sty {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
}

.my_checkbox_sty input[type="checkbox"]{
    position: relative;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1.5px solid #C9C9CC;
    background: #fff;
}

/*选中的样式*/
.my_checkbox_sty input[type="checkbox"]:checked{
   background: #2080F6;
}

/*禁用的样式*/
.my_checkbox_sty input[type="checkbox"]:disabled{
    border-color: #eeeeee;
    background: #eeeeee;
}
.my_checkbox_sty input[type="checkbox"]:disabled + label{
    color: #B8B8B8!important;
}
.my_checkbox_sty input[type="checkbox"]:disabled:hover{
    cursor: not-allowed;
}

/*选中打勾的样式*/
.my_checkbox_sty input[type="checkbox"]:checked:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background: #2080F6;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: translate(-50%,-50%) rotate(45deg);
}

.my_checkbox_sty label {
    margin-left: 4px;
    color: #4F4D55;
    font-size: 12px;
    line-height: 18px;
}

.my_checkbox_sty:hover input[type="radio"],
.my_checkbox_sty:hover input[type="checkbox"],
.my_checkbox_sty:hover label {
    cursor: pointer;
    opacity: 0.8;
}

/* ================================
   radio样式 - 优化版
================================ */
.my_radio_sty {
    position: relative;
    display: block;      /* 改为块级，确保容器稳定 */
    transition: all 0.3s ease;
}

.my_radio_sty input[type="radio"] {
    position: absolute;
    width: 0;   /* 彻底不占位 */
    height: 0;
    opacity: 0;
    pointer-events: none; /* 防止干扰鼠标事件 */
}

.my_radio_sty label {
    box-sizing: border-box; /* 核心：确保高度包含 padding 和 border */
    display: inline-flex;
    align-items: center;
    height: 36px;          /* 稍微加大高度，配合 padding 更舒展 */
    padding: 0 12px;       /* 左右 padding 即可，上下居中靠 align-items */
    border: 1px solid #C9C9CC;
    border-radius: 6px;
    color: #0A090B;
    font-size: 14px;
    cursor: pointer;       /* 增加手型 */
    transition: all 0.2s ease; /* 缩短时间，减少拖影感 */
    background: white;
    gap: 8px;
    user-select: none;     /* 防止点击过快选中文字 */
}

.my_radio_sty label::before {
    content: '';
    box-sizing: border-box;
    flex-shrink: 0;        /* 防止被文字挤压变形 */
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    background: white;
    transition: all 0.2s ease;
}

/* 选中状态 */
.my_radio_sty input[type="radio"]:checked + label {
    border-color: #1379F8;
    background: #ebf1fd;
}

.my_radio_sty input[type="radio"]:checked + label::before {
    background: #1379F8;
    border-color: #1379F8;
    /* 使用 inset shadow 模拟圆点，比 border 更稳固 */
    box-shadow: inset 0 0 0 3px #fff;
}

/* Hover状态 */
.my_radio_sty:hover label {
    border-color: #1379F8;
}

.my_radio_sty.border-none input[type="radio"] + label{
    height: auto;
    background: transparent;
    border: none;
}

.my_radio_sty.border-none label::before{
    width: 18px;
    height: 18px;
}

.my_radio_sty input[type="radio"]:disabled + label {
    color: #B8B8B8 !important;
    background: #eeeeee;
    border-color: #eeeeee;
}

.my_radio_sty input[type="radio"]:disabled + label:hover {
    cursor: not-allowed;
}


/* ================================
   switch样式
================================ */
.my_toggle_switch {
    position: relative;
    display: inline-block;
    width: 36px;
    padding: 2px 0 2px 0;
    /*height: 22px;*/
}

.my_toggle_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1751D0;
    border-radius: 22px;
    transition: 0.3s;
}

.toggle-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    border-radius: 50%;
    transition: 0.3s;
}

input:not(:checked) + .toggle-slider {
    background-color: #ccc;
}

input:not(:checked) + .toggle-slider:before {
    transform: translateX(0);
}

input:checked + .toggle-slider:before {
    transform: translateX(16px);
}

/* ================================
   textarea样式
================================ */
.my_textarea_sty{
    display: flex;
    width: 100%;
    height: 72px;
    padding: 8px 12px;
    align-items: flex-start;
    border-radius: 6px;
    border: 1px solid #C9C9CC;
    background: #FFF;
    transition: all 300ms ease;
}

.my_textarea_sty:focus{
    border-color: transparent;
    box-shadow: 0 0 0 1px #1379F8;
    outline: none;
}

/*错误状态*/
.my_textarea_sty.error{
    border-color: #E73F3F;
    background: #FFE7E7;
}

/* ================================
   输入框弹出部分
================================ */
/*输入框弹窗框*/
.my_suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e1e5e9;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    max-height: 250px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
    margin-top: 5px;
    padding: 10px 4px;
}

.my_suggestions.show {
    display: block;
}

.my_suggestions .suggestion_item {
    padding: 8px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my_suggestions .suggestion_item:last-child {
    border-bottom: none;
}

.my_suggestions .suggestion_item:hover,
.my_suggestions .suggestion_item.active {
    background: #f5f7fa;;
    color: #2080f6;
}

.my_suggestions .suggestion_item .main-text {
    font-size: 14px;
    color: #1d2129;
}

/* 单行超长省略号（用于第一行的名称和识别号） */
.my_text_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 核心：两行超长省略号（用于第二行的银行、地址等详细信息） */
.my_multiline_ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 严格控制最多显示 1 行 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* 覆盖掉外层的 flex 挤压不换行 */
}

/* 顺便让第二行的每个 span 之间有点间距，看着更好看 */
.my_multiline_ellipsis span {
    margin-right: 12px;
    display: inline-block;
}

.my_suggestions .suggestion_item .main-text>div {
    display: flex;
    align-items: center;
}

.my_suggestions .suggestion_item .sub-text {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666;
}

.my_suggestions .no_results {
    padding: 20px;
    text-align: center;
    color: #666;
}

.my_suggestions .loading {
    padding: 20px;
    text-align: center;
    color: #667eea;
}

.my_suggestions .loading::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #667eea;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


/* ================================
 把layer弹窗改成我需要的样式
================================ */
.my_layer_sty{
    /*z-index: 19891019 !important;*/
    border-radius: 10px !important;
}
/*标题*/
.my_layer_sty .layui-layer-title{
    height: auto!important;
    line-height: 22px!important;
    padding: 16px 32px!important;
    color: #0A090B!important;;
    font-size: 18px!important;;
    font-weight: bold!important;;
}
/*内容部分*/
.my_layer_sty .layui-layer-content{
    display: flex;
    justify-content: center;
    position: unset!important;
    padding: 24px 32px!important;
}

/*按钮*/
.my_layer_sty .layui-layer-btn a{
    border-radius: 8px;
    margin: 0 0 0 8px!important;
    height: 36px!important;
    line-height: 36px!important;
    padding: 0 20px!important;
    transition: all 300ms ease;
}
.my_layer_sty .layui-layer-btn.layui-layer-btn-r{
    padding: 12px 24px !important;
    border-top: 1px solid #F0F0F0;
}
/*确认按钮*/
.my_layer_sty .layui-layer-btn a:nth-child(1){
    background: #1379F8!important;
    border-color: #1379F8!important;
}
.my_layer_sty .layui-layer-btn a:nth-child(1):hover{
    background: #1867ca!important;
}

.my_layer_sty .layui-layer-btn a:nth-child(2):hover{
    background: #e7e7e7!important;
}


/* ================================
 把topSwal弹窗改成我需要的样式
================================ */
.my-custom-topSwal.sweet-alert {
    border-radius: 10px;
    padding: 0;
    width: auto !important;
    min-width: 360px!important;
    max-width: 600px!important;
    /*层级：loading > toast> topSwal*/
    z-index: 19891018!important;
}
.sweet-overlay,.sweet-alert{
    z-index: 19891018!important; /*最高层级*/
}
/*全局loading，层级应该最高*/
.show-loading-wrap{
    z-index: 19891018!important; /*最高层级*/
}
.my-custom-topSwal.sweet-alert.my_w_520{
    width: 520px!important;
}

/*按钮的容器*/
.my-custom-topSwal.sweet-alert .sa-button-container{
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 16px 24px;
    column-gap: 12px;
    flex-direction: row-reverse !important; /* 核心：反转水平排列顺序 */
    border-top: 1px solid #ececed;
}
/*确认按钮、取消按钮*/
.my-custom-topSwal.sweet-alert .sa-button-container button{
    margin: 0;
    padding: 0 12px;
    height: 36px;
    font-size: 14px;
    border-radius: 6px;
}

/*确认按钮*/
.my-custom-topSwal.sweet-alert[data-has-cancel-button="true"] .sa-confirm-button-container>button{
    margin-top: 0;
}
/*取消按钮*/
.my-custom-topSwal.sweet-alert button.cancel{
    background: #fff;
    color: #4F4D55;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
}
.my-custom-topSwal.sweet-alert button.cancel:hover {
    background-color: #ebebeb;
}
/*自定义弹窗中间内容部分*/
.my-custom-topSwal.sweet-alert .my-swal-content{
    display: flex;
    padding: 24px 24px 48px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #0A090B;
    line-height: 20px; /* 125% */
    font-size: 16px;
}
.my-custom-topSwal.sweet-alert .my-swal-content .swal_title{
    margin-top: 10px;
    font-weight: bold;
}
.my-custom-topSwal.sweet-alert .my-swal-content .swal_text{
    margin-top: 24px;
    line-height: 24px;
}
.my-custom-topSwal.sweet-alert .my-swal-content .swal_info{
    margin-top: 8px;
    color: #4F4D55;
    font-size: 14px;
}
/*输入框*/
.my-custom-topSwal.sweet-alert .my-swal-content .second_part{
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    font-size: 14px;
}
.my-custom-topSwal.sweet-alert .my-swal-content .input_part{
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.my-custom-topSwal.sweet-alert .my-swal-content .input_part .swal_input{
    flex: 1;
    border-radius: 6px;
    padding: 8px 12px;
    border: 1px solid #C9C9CC;
    background: #FFF;
    display: flex;
    align-items: center;
    height: 36px;
    margin: 0;
    font-size: 14px;
}


/* ================================
   my-select-wrapper按钮样式
================================ */
.my-select-wrapper{
    width: auto;
    border: none;        /* 如果需要像发票一样无边框，设为 none */
    background: transparent;
    height: 22px;
    font-size: 14px;
    color: #0A090B;
    cursor: pointer;
    outline: none;
}

.my-select-wrapper:hover,
.my-select-wrapper .select-item:hover{
    cursor: pointer;
}

.my-select-wrapper select.select-item,
.my-select-wrapper option.option-item{
    text-align: center;
    border: none;
}

/* ================================
 把layerMsg弹窗改成我需要的样式
================================ */
/* 移除 layer.msg 默认的灰色背景和边框 */
.my-layer-toast-skin {
    background: none !important;
    border: none !important;
    border-radius: 6px!important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15)!important;
    z-index: 19891020!important;
}

/* 自定义白底容器 */
.my-toast-box {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: #fff;
    border-radius: 6px;
    /* 可选：给个微小的边框让它更精致 */
    border: 1px solid rgba(0, 0, 0, 0.05);
    min-width: 150px;
}

/* 图标大小控制 */
.my-toast-box svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    flex-shrink: 0;
}

/* 文字颜色 */
.my-toast-box span {
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

/* ================================
     dropdown样式
    ================================ */
.my_dropdown_sty{
    position: relative;
    display: inline-block;
    min-width: 140px;
}

.my_dropdown_sty .select_trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    transition: all 0.2s ease;
    min-height: 20px;
}

/*蓝色背景*/
.my_dropdown_sty.blue .select_trigger{
    border-color: #EBF1FD;
    background: #EBF1FD;
}
.my_dropdown_sty.blue .select_trigger .select_text{
    color: #2080F6;
}
.my_dropdown_sty.blue .select_trigger .select_arrow path{
    stroke: #2080F6;
}


/*小的下拉框*/
.my_dropdown_sty.small .select_trigger {
    padding: 4px 12px;
}

.my_dropdown_sty .select_trigger .select_text{
    color: #5F5F61;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
}

.my_dropdown_sty .select_trigger:hover {
    border-color: #2080F6;
}

.my_dropdown_sty .select_trigger.active {
    border-color: #2080F6;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
}

.my_dropdown_sty .select_trigger .select_arrow {
    margin-left: 8px;
    transition: transform 0.2s ease;
    color: #999;
    font-size: 12px;
}

.my_dropdown_sty .select_trigger.active .select_arrow {
    transform: rotate(180deg);
}

.my_dropdown_sty .select_dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    z-index: -1;
    max-height: 200px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(0);
    padding: 8px;
    visibility: hidden;
    transition: all 0.2s ease;
}

.my_dropdown_sty .select_dropdown.show {
    z-index: 1000;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.my_dropdown_sty .select_option {
    padding: 8px 12px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.my_dropdown_sty .select_option:hover {
    background-color: #F5F5F5;
}

.my_dropdown_sty .select_option.selected {
    background-color: #EBF1FD;
    color: #2080F6;
    font-weight: 500;
}

/*.my_dropdown_sty .select_option.selected::after {*/
/*    content: '✓';*/
/*    float: right;*/
/*    color: #2080F6;*/
/*}*/

/* ================================
 树下拉三级样式
================================ */
/* 下拉选择器按钮样式 */
.my_tree_select {
    width: 300px;
    position: relative;
}

.my_tree_select .tree_select_trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #C9C9CC;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s;
    box-shadow: 0 3px 4px -5px rgba(24, 24, 28, 0.03), 0 1px 2px 0 rgba(24, 24, 28, 0.04);
}

.my_tree_select .tree_select_trigger:hover {
    border-color: #2080F6;
}

.my_tree_select .tree_select_trigger.active {
    border-color: #2080F6;
}

.my_tree_select .tree_select_value {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5F5F61;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
}

.my_tree_select .tree_select_arrow {
    width: 16px;
    height: 16px;
    transition: transform 0.3s;
}

.my_tree_select .tree_select_arrow.active {
    transform: rotate(180deg);
}

/* 下拉菜单样式 */
.my_tree_select .tree_select_dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    width: 100%;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: none;
    max-height: 300px;
    overflow-y: auto;
}

.my_tree_select .tree_node_content .tree_node_title{
    color: #222124;
    font-size: 13px;
    line-height: 20px; /* 153.846% */
}

.my_tree_select .tree_node_content .tree_node_title.child_text_val{
    color: #5F5F61;
    font-size: 12px;
    line-height: 20px; /* 166.667% */
}

.my_tree_select .tree_select_dropdown.show {
    display: block;
    animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 树形结构样式 */
.my_tree_select .tree_node {
    position: relative;
    padding: 0;
}

.my_tree_select .tree_node_content {
    display: flex;
    align-items: center;
    padding: 6px 10px 6px 16px;
    cursor: pointer;
    transition: background-color 0.2s;
    font-size: 14px;
}

.my_tree_select .fa-chevron-down:before {
    color: #5F5F61;
}

.my_tree_select .tree_node_content:hover {
    background-color: #f5f5f5;
}

.my_tree_select .tree_node_content.selected {
    background-color: #EBF1FD;
    color: #2080F6;
}

.my_tree_select .tree_node_indent {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.my_tree_select .tree_node_switcher {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    cursor: pointer;
    text-align: center;
}

.my_tree_select .tree_node_children {
    display: none;
}

.my_tree_select .tree_node_children.show {
    display: block;
}

/* ================================
  form表单
================================ */
.my_form_sty{
    max-width: 700px;
}

/*form表单部分*/
.my_form_sty ._form_item{
    display: flex;
    margin-bottom: 16px;
}

.my_form_sty ._form_item:last-child{
    margin-bottom: 0;
}

.my_form_sty ._form_item ._right_box{
    display: flex;
    flex: 1;
}

.my_form_sty ._form_item ._form_label{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 130px;
    margin-right: 16px;
}

.my_form_sty ._form_item ._form_label .required{
    color: #e12121;
}

.my_form_sty ._form_item ._form_btn a{
    height: 36px!important;
    padding: 0 26px!important;
}

/*文字提示*/
.my_form_sty ._form_item ._form_btn ._tips_div{
    position: absolute;
    top: -24px;
    color: #E73F3F;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}

/* ================================
  line标题样式
================================ */
.my_line_title {
    display: flex;
    align-items: center;
}

.my_line_title ._line {
    width: 6px;
    height: 16px;
    background: #2080F6;
    border-radius: 10px;
}

.my_line_title ._title {
    font-size: 16px;
    color: #0e1421;
    font-weight: bold;
    margin-left: 6px;
}

.my_line_title .required {
    font-weight: bold;
    color: #E12121;
}

/* ================================
  分页器的全局样式修改
================================ */
.my_pagination .layui-laypage{
    display: flex!important;
    justify-content: center;
    column-gap: 8px;
}

/*按钮*/
.my_pagination .layui-laypage>a,.layui-laypage-curr,.layui-laypage-spr{
    border: 2px solid transparent!important;
    display: flex!important;
    justify-content: center;
    align-items: center;
    width: 36px!important;
    height: 36px!important;
    border-radius: 8px!important;
    background: #fff!important;
    font-size: 14px!important;
    transition: background 300ms ease-out;
}

.my_pagination .layui-laypage>a:hover{
    cursor: pointer;
    background: #F1F1F1!important;
    color: #0A090B!important;
}

/*上一页、下一页按钮*/
.my_pagination .layui-laypage > a.layui-laypage-prev,
.my_pagination .layui-laypage > a.layui-laypage-next {
    border: 1px solid #E6E6E6 !important;
}

/*选中的页数按钮*/
.my_pagination .layui-laypage .layui-laypage-curr .layui-laypage-em{
    width: 32px!important;
    height: 32px!important;
    border-radius: 6px!important;
    border: 2px solid #2080F6!important;;
    background: #fff!important;
}
/*选中的文字*/
.my_pagination .layui-laypage .layui-laypage-curr em{
    color: #2080F6!important;
}

/*1,2,3*/
.my_pagination .layui-laypage a,.layui-laypage span {
    padding: 0!important;
}

/*禁用按钮状态*/
.my_pagination .layui-laypage-prev.layui-disabled svg path{
    stroke: #d2d2d2!important;
}

.my_pagination .layui-laypage-limits{
    margin: 0!important;
    height: unset!important;
    line-height: unset!important;
}

.my_pagination .layui-laypage-limits select{
    height: 36px!important;
    padding: 0!important;
    border-radius: 8px !important;
}

.my_pagination .layui-laypage-limits select:focus{
    border-color: #2080F6!important;
}


/*++++++++++++++++++++++++++++通过或修改（前验收）弹窗的样式++++++++++++++++++++++++++++*/
.AcceptanceDom{
    width: 100%;
    /*background: red;*/
}
.AcceptanceDom .projectDiv {
    width: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    border-radius: 8px;
    background: #F4F4F4;
}
.AcceptanceDom .projectDiv ._pItem {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.AcceptanceDom .projectDiv ._pItem ._title {
    color: #5A5C60;
}
.AcceptanceDom .projectDiv ._pItem ._info {
    color: #0A090B;
}
.AcceptanceDom .centerDom{
    margin: 40px auto 0 auto;
    width: 94%;
    /*background: green;*/
}
.AcceptanceDom .centerDom ._Item{
    display: flex;
    align-items: center;
    column-gap: 24px;
}
.AcceptanceDom .centerDom ._Item .leftItem{
    width: 100px;
    text-align: right;
    color: #222124;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
}
.AcceptanceDom .centerDom ._Item .bottomInfo{
    position: absolute;
    bottom: -20px;
    color: #222124;
    font-size: 12px;
    line-height: 18px;
    width: 176px;
}
.AcceptanceDom .centerDom ._Item .file-info-area{
    display: flex;
    align-items: center;
}
.AcceptanceDom .centerDom ._Item .custom-upload-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 84px;
    height: 32px;
    background: #F1F1F1; /* 贴合图片灰色背景 */
    color: #4F4D55; /* 字体颜色 */
    border-radius: 6px; /* 贴合图片圆角 */
    font-size: 14px;
    transition: background 0.2s;
    border: none;
    user-select: none;
}
.AcceptanceDom .centerDom ._Item .custom-upload-btn:hover {
    background: #e6e6e6; /* 悬停效果 */
}
.AcceptanceDom .centerDom ._Item .file-info-area {
    display: none; /* 初始隐藏 */
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
    margin-left: 8px;
}
.AcceptanceDom .centerDom ._Item .file-info-area.show {
    display: flex; /* 初始隐藏 */
}
.AcceptanceDom .modifyDom{
    display: none;
}
.AcceptanceDom .modifyDom.show{
    display: block;
}

.AcceptanceDom .bottomDiv{
    width: 94%;
    margin: 20px auto 0 auto;
    padding: 12px 16px;
    border-radius: 8px;
    background: #FFF1F0;
}

/*+++++++++++++++++++++++全局loading的颜色++++++++++++++++++++*/
/*时间筛选组件样式*/
.laydate-theme-my-datepicker-style{
    border: none!important;
    width: auto!important;
    border-radius: 12px !important;           /* 2. 把日历面板改成大圆角 */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important; /* 3. 加一个高级的阴影 */
}
.laydate-theme-my-datepicker-style .layui-laydate-header i{font-size: 12px!important;}
.laydate-theme-my-datepicker-style .layui-laydate-content td.layui-this{background: #2080F6 !important;}
.laydate-theme-my-datepicker-style .layui-laydate-footer .layui-laydate-preview{color: #1d2129!important;}
.laydate-theme-my-datepicker-style .layui-laydate-content td,
.laydate-theme-my-datepicker-style .layui-laydate-content th{
    width: 32px!important;
    height: 32px!important;
    border-radius: 50% !important;
}
.laydate-theme-my-datepicker-style .layui-laydate-footer .laydate-footer-btns{
    display: flex;
    align-items: center;
    column-gap: 6px;
}
.laydate-theme-my-datepicker-style .layui-laydate-footer .laydate-footer-btns span{
    width: 52px!important;
    height: 28px!important;
    line-height: unset!important;
    color: #1d2129!important;
    margin: 0!important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease-out;
}
.laydate-theme-my-datepicker-style .layui-icon.laydate-icon:hover{color: #2080F6!important;}
.laydate-theme-my-datepicker-style .layui-laydate-footer .laydate-footer-btns .laydate-btns-clear{background: #fff!important;}
.laydate-theme-my-datepicker-style .layui-laydate-footer .laydate-footer-btns .laydate-btns-clear:hover,
.laydate-theme-my-datepicker-style .layui-laydate-footer .laydate-footer-btns .laydate-btns-now:hover{background: #e7e7e7!important;}
.laydate-theme-my-datepicker-style .layui-laydate-footer .laydate-footer-btns .laydate-btns-confirm{background-color: #2080F6!important;color: #fff!important;}
.laydate-theme-my-datepicker-style .layui-laydate-footer .laydate-footer-btns .laydate-btns-confirm:hover{background: #1867ca!important;}