/*---------------------------------------------------------------------------*/
/* 文件名称：style.kiopother  */
/*---------------------------------------------------------------------------*/
.uspointer {
    cursor: pointer;
}

/** 登录密码文本框 */
.uspwd_box {
    display: flex;
    flex-direction: row;
    background-color: #dde3ec;
    padding: 6px 6px
}

.uspwd_box_all {
    flex: 1
}

.uspwd_input {
    background-color: transparent;
    border: 0px;
    color: #8290a3;
    padding-left: 6px;
    line-height: 28px
}

.uspwd_box_right {
    padding: 0px 4px
}

.uspwd_box .us-icon {
    color: #000;
    cursor: pointer;
    user-select: none;
    padding: 6px
}

/*--全选按钮--------------------------------*/
.uschkselectcheck {
    display: none !important;
}
/*隐藏掉我们模型的checkbox*/
.uschkselectdiv .uschkselectcheck {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none !important;
}

.uschkselectdiv {
    padding-left: 10px;
}

    .uschkselectdiv label {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: moz-none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }
    /*未选中时*/ .uschkselectdiv .uschkselectcheck + label {
        width: 14px;
        height: 14px;
        display: inline-block;
        background: url(/assets5/third/ztree/css/zTreeStyle/img/zTreeStandard.png) no-repeat;
        background-position: 0 0;
        position: relative;
        top: 2px;
    }
    /*选中checkbox时,修改背景图片的位置*/ .uschkselectdiv .uschkselectcheck:checked + label {
        background-position: -14px 0;
    }


/*--树结构美化--------------------------------*/
.usselecttreelist {
    border: 1px solid #E7ECF1;
    padding: 4px 4px 4px 10px;
    margin-bottom: 8px;
    margin-top: 8px;
    background-color: #ffffff;
    border-left: 4px solid #009688;
}

    .usselecttreelist .layui-form-item {
        margin-bottom: 0px;
        clear: both;
    }

        .usselecttreelist .layui-form-item .layui-input-inline {
            float: left;
            width: 130px;
            margin-right: 0px;
        }

.usselecttreelistmin {
    border: 1px solid #E7ECF1;
    padding: 4px 4px 4px 10px;
    margin-bottom: 8px;
    margin-top: 8px;
    background-color: #ffffff;
    border-left: 4px solid #009688;
}

    .usselecttreelistmin .layui-form-item .layui-inline {
        margin-bottom: 5px;
        margin-right: 5px !important;
    }

    .usselecttreelistmin .layui-inline .layui-form-label {
        /*display:none!important;*/
    }

    .usselecttreelistmin .layui-form-item {
        margin-bottom: 0px;
        clear: both;
    }

        .usselecttreelistmin .layui-form-item .layui-input-inline {
            float: left;
            width: 100px;
            margin-right: 0px;
        }

@media screen and (max-width: 750px) {
    .usselecttreelistmin .layui-inline .layui-form-label {
    }
}

@media screen and (max-width: 450px) {


    .layui-form-pane .layui-form-label {
        /*width:80px!important;*/
    }

    .layui-form-item .layui-inline {
    }

    .usmoveboxone {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .usmovebox {
        height: 90px !important;
    }

    .us-checkbox-switch {
        min-width: 80px;
    }

    /*---------------------------------------------------------------------------*/
    /* 重新调整H5页面的显示  */
    /*---------------------------------------------------------------------------*/
    .layui-form-item .layui-input-inline, .layui-form-item .layui-input-block {
        margin: 0 0 2px 0px !important;
        display: inline-block;
    }

    .layui-form-item {
        margin-bottom: 0px;
    }

        .layui-form-item .layui-btn {
            height: 36px;
            line-height: 36px;
            padding: 0 10px;
            font-size: 12px;
            border-radius: 4px;
        }

    .usnbox {
        /*margin:0px!important;padding:0px!important;*/
    }

    .layui-form-item-h {
        flex-direction: row !important;
        margin-bottom: 4px;
    }
    .layui-form-item {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
        .layui-form-item .layui-form-label {
            width: 110px
        }

        .layui-form-item .layui-inline {
            width: 100%;
            display: flex;
            flex-direction: row;
        }

            .layui-form-item .layui-inline .layui-input-inline {
                flex: 1;
            }

        .layui-form-item .layui-input-block {
            margin-left: unset;
            flex: 1;
        }
}
/*--树结构美化--------------------------------*/

.ustree_c_t {
}

.ustree_c_c {
    margin-top: 0;
    overflow: auto;
}

.ustree_c_b {
}


/*--KDEV需要的单独样式--------------------------------*/
.kwidth520 {
    width: 520px !important;
}

.kwidth500 {
    width: 500px !important;
}

.kuslh35 {
    line-height: 35px;
}
/*--KDEV需要的单独样式--------------------------------*/

.usk_login_f_box {
    display: flex;
    width: 100%;
}

.usk_login_f_box_full {
    flex: 1;
}

.usk_login_f_box_images {
    width: 100px;
    margin-left: 20px;
}
/*--切换标签近一点--------------------------------*/
.layui-tab-content_min {
    padding: 2px 0 !important;
}
.klanguage .language_u {
    /*    border-left: 4px solid #009688;*/
    background-color: #c8efef;
    color:#000000;
}
.klanguage .layui-icon-down {
    display:none;
}
/*.klanguage > a {
    padding:0 5px !important;
}*/
.top_menu .layui-nav-item > a {
    padding: 0 10px !important;
}
/**
    多行文本内的按钮的问题
*/
.layui-form-text .layui-form-label {
    display: flex; /* 启用 Flex 布局 */
    align-items: center; /* 垂直居中 */
    gap: 0; /* 消除项目之间的间隙（现代浏览器支持） */
    padding: 0 10px; /* 可选：保留 label 的内边距 */
    pointer-events: none;
}

    .layui-form-text .layui-form-label button {
        margin: 1px; /* 消除按钮自身的外边距 */
        border-radius: 0; /* 可选：让按钮边缘无缝衔接 */
        pointer-events: auto;
    }

        .layui-form-text .layui-form-label button:first-child {
            margin-left: 10px;
        }

    .layui-form-text .layui-form-label .usStar {
        margin-top: 0px;
    }


/* 弹性布局表单行 - 让整行显示，标签固定，文本框伸缩，按钮在右侧 */
.layui-form-item.flex-form-row .layui-inline {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.layui-form-item.flex-form-row .layui-form-label {
    flex-shrink: 0;
    text-align: right;
}

.layui-form-item.flex-form-row .layui-input-inline {
    flex-grow: 1;
    min-width: 0;
    margin-right: 10px;
    width: auto !important; /* 覆盖 layui-input-inline 的固定宽度 */
}

    .layui-form-item.flex-form-row .layui-input-inline .layui-input {
        width: 100%;
    }

.layui-form-item.flex-form-row .layui-btn {
    flex-shrink: 0;
    white-space: nowrap;
}

.holidaydiv {
    line-height: 1.5;
    text-indent: 2em;
}


.us-echartbody_4 {
    height: 460px;
}

.usdroplist .columnselect input[type=checkbox], .usdroplist .columnselect input[type=radio] {
    display: initial;
}


/* ushtext 样式 */


/* ushtext.css v1.3.0 */

/* ── 隐藏原始 textarea ──────────────────────────────────────── */
textarea.ush-origin {
    display: none !important;
}

/* ── 外层 wrap ───────────────────────────────────────────────── */
.ush-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #333;
    background: #fff;
}

/* ── 核心盒子 ────────────────────────────────────────────────── */
.ush-box {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #f8f8f8;
}

/* ── 内容滚动区 ──────────────────────────────────────────────── */
.ush-scroll-area {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 10px 8px 12px;
    background: #fff;
}

/* ── 浮动按钮组：hover 时才显示 ─────────────────────────────── */
.ush-float-bar {
    position: absolute;
    top: 5px;
    right: 10px;
    display: flex;
    gap: 4px;
    z-index: 20;
    /* 不再使用 opacity/visibility 控制，改为直接显示，hover 时也不变化 */
    opacity: 1;
    visibility: visible;
    /* 给个半透明背景，避免遮挡标签文字 */
    background: rgba(255,255,255,0.9);
    padding: 2px 4px;
    border-radius: 3px;
}

.ush-box:hover .ush-float-bar {
    opacity: 1;
    visibility: visible;
}

/* 编辑模式下按钮始终可见（不依赖 hover） */
.ush-box.ush-editing .ush-float-bar {
    opacity: 1;
    visibility: visible;
}

/* ── 通用按钮 ────────────────────────────────────────────────── */
.ush-btn {
    display: inline-flex;
    align-items: center;
    padding: 1px 9px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: rgba(245, 245, 245, 0.96);
    color: #555;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.9;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    transition: background .15s, border-color .15s;
}

    .ush-btn:hover {
        background: #e8e8e8;
        border-color: #bbb;
    }

.ush-btn-save {
    border-color: #5fb878;
    background: rgba(240, 251, 243, 0.97);
    color: #3d9955;
}

    .ush-btn-save:hover {
        background: #d6f5e0;
    }

.ush-btn-cancel {
    border-color: #d9b5af;
    background: rgba(255, 248, 247, 0.97);
    color: #b94a3a;
}

    .ush-btn-cancel:hover {
        background: #fde0da;
        border-color: #e8573e;
    }

/* ── 空 / 错误 ───────────────────────────────────────────────── */
.ush-empty {
    color: #aaa;
    font-style: italic;
    display: inline-block;
    padding: 4px 0;
}

.ush-error {
    color: #e8573e;
    padding: 6px 10px;
    background: #fff4f2;
    border: 1px solid #f9c2bb;
    border-radius: 4px;
    word-break: break-all;
}

/* ══════════════════════════════════════════════════════════════
   模式1：JSON 折叠树
══════════════════════════════════════════════════════════════ */
.ush-tree-wrap {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 13px;
}

.ush-node {
    margin: 1px 0;
}

.ush-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    white-space: nowrap;
}

.ush-arrow {
    display: inline-block;
    width: 14px;
    font-size: 11px;
    color: #888;
    cursor: pointer;
    user-select: none;
    flex-shrink: 0;
}

    .ush-arrow:hover {
        color: #333;
    }

.ush-arrow-placeholder {
    display: inline-block;
    width: 14px;
    flex-shrink: 0;
}

.ush-key {
    color: #2a6496;
    font-weight: 500;
    margin-right: 2px;
}

.ush-val {
    color: #c0392b;
    word-break: break-all;
    white-space: normal;
}

.ush-brace {
    color: #888;
    font-size: 11px;
}

.ush-children {
    border-left: 1px dashed #ddd;
    margin-left: 6px;
}

/* ── 编辑模式 textarea ───────────────────────────────────────── */
.ush-edit-ta {
    display: none;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 13px;
    /* 右侧留出按钮区域，防止文字被按钮遮挡 */
    padding: 8px 90px 8px 12px;
    background: #fff;
    color: #222;
    outline: none;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 1.6;
}

.ush-err-msg {
    position: absolute;
    bottom: 4px;
    left: 8px;
    right: 8px;
    color: #e8573e;
    font-size: 12px;
    padding: 3px 8px;
    background: rgba(255,244,242,.97);
    border-radius: 3px;
    z-index: 25;
}

/* ══════════════════════════════════════════════════════════════
   模式2：Key-Value 只读表格
   ★ 修复2：去掉标题行样式（th 已不再生成），宽度 100%
══════════════════════════════════════════════════════════════ */
.ush-kv-table {
    width: 100%; /* ★ 宽度100% */
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed; /* 固定布局，防止内容撑破 */
}

    /* ★ 无 thead，只有 tbody tr td */
    .ush-kv-table td {
        border: 1px solid #e4e4e4;
        padding: 5px 10px;
        text-align: left;
        word-break: break-all;
        vertical-align: top;
    }

        /* key 列：35% 宽，蓝色加粗，不换行 */
        .ush-kv-table td.ush-kv-key {
            color: #2a6496;
            font-weight: 500;
            width: 35%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* value 列：红色 */
        .ush-kv-table td.ush-kv-val {
            color: #c0392b;
        }

    /* 隔行底色 */
    .ush-kv-table tr:nth-child(even) td {
        background: #fafafa;
    }

.ush-raw-pre {
    margin: 0;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 12px;
    white-space: pre-wrap;
    word-break: break-all;
    color: #444;
    line-height: 1.7;
    background: transparent;
}
.usk_json_w30 .ush-tag .ush-tag-text {
    width: 30px;
}

.usk_json_w60 .ush-tag .ush-tag-text {
    width: 60px;
}

.usk_json_w80 .ush-tag .ush-tag-text {
    width: 80px;
}

.usk_json_w100 .ush-tag .ush-tag-text {
    width: 100px;
}

.usk_json_w120 .ush-tag .ush-tag-text {
    width: 120px;
}

.usk_json_w140 .ush-tag .ush-tag-text {
    width: 140px;
}

.usk_json_w160 .ush-tag .ush-tag-text {
    width: 160px;
}
/* 模式3 标签容器：右侧预留按钮位置，不遮挡第一行 */
/* 模式3 标签容器：右侧预留按钮位置 */
.ush-tag-box {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 100px 8px 10px;
    align-items: center;
    min-height: 36px;
    box-sizing: border-box;
    background: #fff;
    /* ========== 新增：实现整行两端对齐 ========== */
/*    justify-content: space-between;*/
}

    /* ========== 新增：伪元素让不足行保持左对齐 ========== */
    /*.ush-tag-box::after {
        content: "";
        flex: 1;*/ /* 自动占满剩余空间 */
        /*height: 0;*/ /* 不撑开高度 */
    /*}*/

/* 标签样式（仿 ElementUI） */
.ush-tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px 3px 10px;
    background: #ecf5ff;
    color: #409eff;
    border: 1px solid #d9ecff;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.6;
    gap: 5px;
    transition: background .15s;
    max-width: 240px;
}

    .ush-tag:hover {
        background: #d9ecff;
    }

.ush-tag-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.ush-tag-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    color: #409eff;
    flex-shrink: 0;
    transition: background .15s, color .15s;
}

    .ush-tag-close:hover {
        background: #409eff;
        color: #fff;
    }

/* 新增按钮 */
.ush-tag-add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 12px;
    border: 1px dashed #d9d9d9;
    background: #fff;
    color: #666;
    border-radius: 3px;
    font-size: 12px;
    line-height:1.5;
    cursor: pointer;
    transition: all .15s;
}

    .ush-tag-add-btn:hover {
        border-color: #409eff;
        color: #409eff;
    }

/* 标签内联输入框 */
.ush-tag-input {
    width: 82px;
    box-sizing: border-box;
    border: 1px solid #409eff;
    border-radius: 3px;
    padding: 3px 8px;
    font-size: 12px;
    outline: none;
    line-height: 1.6;
}

/* 模式3 编辑文本框 */
.ush-edit-textarea {
    width: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    line-height: 1.6;
    resize: none;
    height: 100%;
    min-height: 0;
    font-family: Consolas, monospace;
}