a {
    text-decoration: none !important;
}
a:hover {
    text-decoration: none !important; /* 鼠标悬停时也移除下划线 */
}
body {
    padding-top: 60px; /* 根据导航栏实际高度调整 navbar-fixed-top 会使导航栏脱离文档流*/
}
.bd-1-jk{
    border:1px dashed lightgray;
}
.box-auto-jk{
    box-sizing: border-box;
    border: 1px dashed #000000;
}
.checkboxDiv{
    overflow: hidden;/*// 自动填满100%*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align:center;
    box-sizing: border-box;
    border:1px dashed #0188fb;
}
.dropdown-menu {
    z-index: 1000 !important; /*//不然luckeysheet会挡住nav 下拉框*/
    position: absolute;
}

.luckysheet-container {
    margin:0px;padding:0px;width:100%;height:800px;left: 0px;top: 0px;
    z-index: 100 !important;
    position: relative;
}
/*.luckysheet-container  {*/
/*    z-index: inherit !important;*/
/*}*/

.notice {
    position: relative; /* 设置相对定位 */
    display: inline-block; /* 确保 a 标签是内联块元素，可以设置宽高 */
    width: auto;
}

.noticeQty {
    position: absolute; /* 设置绝对定位 */
    top: -8px;        /* 向上调整位置 */
    right: -16px;      /* 向右调整位置 */
    padding: 2px 5px;   /* 调整内边距，使数字更美观 */
    border-radius: 50%; /* 设置为圆形 */
    font-size: 12px;    /* 调整字体大小 */
}
.noticeQtyNav {
    position: absolute; /* 设置绝对定位 */
    top: 0px;        /* 向上调整位置 */
    right: 0px;      /* 向右调整位置 */
    padding: 2px 5px;   /* 调整内边距，使数字更美观 */
    border-radius: 50%; /* 设置为圆形 */
    font-size: 12px;    /* 调整字体大小 */
}
.close-button{
    z-index: 1000;
    cursor: pointer;
    position: absolute; /* 相对于父元素定位 */
    top: 0px;        /* 靠上 */
    right: 0px;       /* 靠右 */
    padding: 5px;     /* 增加一些内边距，使其更容易点击 */
    background-color: rgba(255, 255, 255, 0.5); /* 加个背景色 */
}

.center-jk{
    display: flex;
    justify-content: center;
    align-items: center;
}
.color-red-jk{
    color:red
}


.cs-pt-jk{
    text-decoration: none;
    cursor: pointer;
}
.custom-context-menu ul {
    list-style-type: none; /* 移除项目符号 */
    margin: 1px;           /* 移除默认边距 */
    padding: 1px;          /* 移除默认内边距 */
}

.custom-context-menu li {
    cursor: pointer;
    padding-left: 1px;     /* 移除 li 元素的默认左内边距 */
    text-align: left;    /* 确保文字左对齐 */
}
.color_has_temuTmp{
    box-sizing: border-box;
    border:2px dashed green;
}
.no_color_has_temuTmp{
    box-sizing: border-box; /*临时测试使用*/
    border:2px dashed white;
}


.expand-button {
    z-index:1000;
    cursor: pointer;
    position: absolute; /* 从文档流中移除 */
    top: 0;           /* 靠上 */
    right: 0;         /* 靠右 */
    padding: 0px;
}



.echartBox{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*//没有固定的宽度高度echart不显示*/
    min-width:500px  !important;;
    min-height:300px  !important;;
    max-width:1000px  !important;;
    max-height:600px  !important;;
}
.fl-rt-jk{
    float:right;
}
.fl-lf-jk{
    float:left;
}
.ft-xxs-jk{
    font-size: xx-small;
}
.ft-l-jk{
    font-size: large;
}
.ft-xxs-jk{
    font-size: xx-small;
}


.ht-100-jk{
    height:100px;
}

.ht-200-jk{
    height:200px;
}

.ht-Div {
    height: auto;
    line-height: 20px; /* 设置行高 */
    /*min-height: 60px; !* 确保至少3行的高度 (3 * line-height)不需要！ *!*/
    z-index: 1;
    /*overflow: visible;*/
    overflow: auto; /*!*解决ht-div 内 tooltip 被overflow：hidden 挡住的问题 *!*/
}

.imgDiv{
    position: relative; /* 确保子元素可以相对于它定位 */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align:center;
    box-sizing: border-box;
    border:1px dashed #0188fb;
}
.imgDiv:hover {
    overflow: visible; /* 鼠标悬停时显示溢出内容 */
}
.imgScale{
    position: relative; /* 允许 z-index 生效 */
    transition:transform 0.3s ease; /*添加过度效果*/
}
.imgScale:hover{
    overflow: visible; /* 鼠标悬停时显示溢出内容 */
    z-index: 10; /* 提高层级,避免被imgcontain 挡住 */
    transform:scale(2); /*放大2被*/
}
.likesDiv{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;/*// 自动填满100%*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align:center;
    box-sizing: border-box;
    border:1px dashed #0188fb;
}
.modal-body-jk{
    overflow-y: auto; /* 垂直滚动条 */
    padding: 20px;
}



.jk-filter-50-2{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border:1px dashed #000000;
    height: 50px; /* 默认高度 */
    transition: height 0.3s ease; /* 添加过渡效果 */
}
.jk-filter-60{
    overflow: hidden;
    box-sizing: border-box;
    border:1px dashed #000000;
    height: 60px; /* 默认高度 */
    transition: height 0.3s ease; /* 添加过渡效果 */
}
.jk-filter-60.expanded {
    height: auto; /* 展开时自动调整高度 */
}

.jk-filter-container {
    width: 99%; /* 示例宽度，根据实际情况调整 */
    padding-top:1px;
    white-space: normal; /* 确保允许换行 */
    position: relative; /* 关键：设置为 relative */
}
/*这是100px 带边框box*/
.jk-100-box {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: inline-block; /* 确保 span 元素可以正确换行 */
    word-break: normal; /* 覆盖 well-sm 的 word-break 样式 */
    overflow-wrap: break-word; /* 允许长单词换行 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border: 1px dashed #000000;
    /* height: 50px; 默认高度 */
    transition: height 0.3s ease; /* 添加过渡效果 */
    padding: 5px; /* 添加内边距，使文字与边框之间有一定距离 */
    text-align: center; /* 确保文字水平居中 */
}
.jk-200100-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 200px;
    height: 100px;
    overflow: hidden;
    display: inline-block; /* 确保 span 元素可以正确换行 */
    word-break: normal; /* 覆盖 well-sm 的 word-break 样式 */
    overflow-wrap: break-word; /* 允许长单词换行 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border: 1px dashed #000000;
    /* height: 50px; 默认高度 */
    transition: height 0.3s ease; /* 添加过渡效果 */
    padding: 2px; /* 添加内边距，使文字与边框之间有一定距离 */
    margin:2px;
    text-align: center; /* 确保文字水平居中 */
}
.jk-200200-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: inline-block; /* 确保 span 元素可以正确换行 */
    word-break: normal; /* 覆盖 well-sm 的 word-break 样式 */
    overflow-wrap: break-word; /* 允许长单词换行 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border: 1px dashed #000000;
    /* height: 50px; 默认高度 */
    transition: height 0.3s ease; /* 添加过渡效果 */
    padding: 2px; /* 添加内边距，使文字与边框之间有一定距离 */
    margin:2px;
    text-align: center; /* 确保文字水平居中 */
}
.jk-filter-container span.well-sm {
    display: inline-block; /* 确保 span 元素可以正确换行 */
    word-break: normal; /* 覆盖 well-sm 的 word-break 样式 */
    overflow-wrap: break-word; /* 允许长单词换行 */
}

.jk-wd-bk{

    word-break: normal; /* 覆盖 well-sm 的 word-break 样式 */
    overflow-wrap: break-word; /* 允许长单词换行 */
}

/*//解决行高不够问题list-group-item span.well-sm*/
.list-group-item span.well-sm{
    line-height: 1.5;
}
.mg-0-jk{
    margin: 0px;
}
.mg-2-jk{
    margin: 2px;
}

.mg-5-jk{
    margin: 5px;
}
.mg-lf-15-jk{
    margin-left:15px;
}
.mg-rt-15-jk{
    margin-right:15px;
}
.mg-rt-35-jk{
    margin-right:35px;
}
.modal-body-500{
    max-height:1500px;
    overflow: scroll;
}
.page{
    cursor: default;
}
.pd-0-jk{
    padding: 0px;
}

.pd-2-jk{
    padding: 2px;
}

.pd-5-jk{
    padding: 5px;
}
.rd-jk{
    padding: 2px 5px;   /* 调整内边距，使数字更美观 */
    border-radius: 50%; /* 设置为圆形 */
    font-size: 12px;    /* 调整字体大小 */
}

.select {

    background:#5cb85c;
    color: white;
}
/*select下所有字体颜色都是白色*/
.select * {
    background:#5cb85c;
    color: white;
}

.td-ali-top-jk{
    vertical-align: top;
}

.my-tooltip {
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 5px;
    display: none;
    z-index: 1000;
}

.table-container {
    width: 100%; /* 或者你希望的宽度 */
    height: 200px; /* 或者你希望的固定高度 */
    overflow: auto; /* 添加滚动条 */
}

.wd-auto-jk{
    max-width: 100%;
    width: auto; /* 或者指定一个初始宽度，例如 width: 200px; */
    box-sizing: border-box;
}
.wd-50-jk{
    width:50px;

}
.wd-66-jk{
    width:66px;

}
.wd-100-jk{
    width:100px;

}
.wd-120-jk{
    width:120px;

}
.wd-150-jk{
    width:150px;

}
.wd-200-jk{
    width:200px;

}
.wd-300-jk{
    width:300px;

}
.wd-400-jk{
    width:400px;

}
.wd-500-jk{
    width:500px;

}
.wd-600-jk{
    width:600px;

}
.wd-700-jk{
    width:700px;

}
.wd-800-jk{
    width:800px;

}


.wd-hide-jk{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}






















/*!* 分页的css *!*/
#page {
    margin: 10px 10px 10px 10px;
    color: #666;
    display: block;
    width:100%;
    float:right;
   /* background: rgba(1, 136, 251, 0.15);*/
    border:1px dashed #0188fb;
    text-align: center;
}

#page li {

    display: inline-block;
    min-width: 30px;
    height: 28px;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    line-height: 28px;
    background-color: #f9f9f9;
    border: 1px solid #dce0e0;
    text-align: center;
    margin: 0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.xl-nextPage,
.xl-prevPage {
    width: 60px;
    color: #0073A9;
    height: 28px;
}

#page li.xl-disabled {
    opacity: .5;
    cursor: no-drop;
}

#page li.xl-disabled:hover{
    background-color: #f9f9f9 !important;
    border: 1px solid #dce0e0 !important;
    color: #666 !important;
}

#page li.xl-active {
    background-color: #0073A9;
    border-color: #0073A9;
    color: #FFF
}

#page li:hover{
    background-color: #0073A9 !important;
    border-color: #0073A9;
    color: #FFF
}

#page li.xl-jumpText {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    opacity: 1;
}

#page li.xl-jumpText:hover{
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}

#page li.xl-jumpButton{
    padding: 0 5px;
}

#xlJumpNum {
    width: 35px;
    margin: 0 3px;
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}
input[type="number"]{
    -moz-appearance:textfield;
}


/* 点选变色的的css */
/*这是鼠标浮动的样式*/
.hoverRow{
    background:#5cb85c;
    color: white;
}
.hoverRow *{
    background:#5cb85c;
    color: white;
}




.mouseover {
    background:lightgoldenrodyellow;
}


.sortedASC{
    border-bottom-width:2px;
    border-bottom-color:red;
    border-bottom-style: solid;
}
.sortedDESC{
    border-top-width:2px;
    border-top-color:red;
    border-top-style: solid;

}


/*被弹出loading div*/
#loading {
    width:600px;
    height:60px;
    border:3px solid #C3DAF9;

    position:fixed;
    margin:auto;
    left:0;
    right: 0;
    top:0;
    bottom: 0;


    z-index:10000;
    background-color:#F7F9FC;
    line-height:25px;
    vertical-align:middle;
    font-size:20pt;
    display:none;
}

/*被弹出的div*/
#eject{
    border: 1px #000000 solid;
    border-radius: 1px;
    width: 1000px;
    height: 650px;
    background-color:white;

    display: none;
    /*设置弹出的div窗口位置*/
    /*让其浮在最上面*/
    position:fixed;
    margin:auto;
    left:0px;
    top:100px;
    right:0px;

}
/*弹出窗口后，背部不可点击操作*/
#background_div{
    background-color: rgba(220, 220, 220, 0.5);
    position:fixed;
    margin:auto;
    left:0;
    right: 0;
    top:0;
    bottom: 0;
    width:0;
    height:0;
}

/*toggle用在显示和隐藏登录状态导航页面用的到*/
li.toggle{
    display: block;
   // font-size: 50px;
}
li.toggle1{
    display: none;
   // font-size: 50px;
}

/*解决嵌套 modal 关闭的时候 下面的modal 滚动条消失问题*/
.modal { overflow: auto !important; }

/*解决ht-div 内 tooltip 被overflow：hidden 挡住的问题 */
/*.tooltip,.popover{*/
/*    position: absolute; !* 相对于 .ht-Div 定位 *!*/
/*    !*position: fixed !important; ; //会导致body 滚动popover 不随滚动问题*!*/
/*    z-index: 11111060; !*!* 确保 tooltip 在最上层 *!*!*!*!*/
/*}*/