/* ==================
          提示tip
 ==================== */
.poptip { position: absolute; top: 20px; left: 20px; padding: 6px 10px 5px; *padding: 7px 10px 4px; line-height: 16px; color: #DB7C22; font-size: 14px; background-color: #FFFCEF; border: solid 1px #FFBB76; border-radius: 4px; box-shadow: 0 0 3px #ddd; }
.poptip-arrow { position: absolute; overflow: hidden; font-style: normal; font-family: simsun; font-size: 12px; text-shadow: 0 0 2px #ccc; }
    .poptip-arrow em, .poptip-arrow i { position: absolute; left: 0; top: 0; font-style: normal; }
    .poptip-arrow em { color: #FFBB76; }
    .poptip-arrow i { color: #FFFCEF; text-shadow: none; }

.poptip-arrow-top, .poptip-arrow-bottom { height: 6px; width: 12px; left: 50%; margin-left: -6px; }
.poptip-arrow-left, .poptip-arrow-right { height: 12px; width: 6px; top: 12px; margin-top: -6px; }

.poptip-arrow-top { top: -6px; }
    .poptip-arrow-top em { top: -1px; }
    .poptip-arrow-top i { top: 0px; }

.poptip-arrow-bottom { bottom: -6px; }
    .poptip-arrow-bottom em { top: -8px; }
    .poptip-arrow-bottom i { top: -9px; }

.poptip-arrow-left { left: -6px; }
    .poptip-arrow-left em { left: 1px; }
    .poptip-arrow-left i { left: 2px; }

.poptip-arrow-right { right: -6px; }
    .poptip-arrow-right em { left: -6px; }
    .poptip-arrow-right i { left: -7px; }

/*导航*/
.layui-tab .layui-tab-title { display: flex; }
    .layui-tab .layui-tab-title li { display: flex; justify-content: center; align-items: center; }
        .layui-tab .layui-tab-title li:first-child { margin-left: 0; }
        .layui-tab .layui-tab-title li.layui-this { background-color: #f7f7f7; border-top-left-radius: 2px; border-top-right-radius: 2px; }
    .layui-tab .layui-tab-title .icon { color: #ff5722; font-size: 10px; line-height: 10px; }

/*按钮*/
.layui-btn { font: 14px 'Microsoft YaHei'; }
.layui-btn-primary { background: #fff; }
.layui-btn-sm { line-height: 30px; }

/*普通输入框*/
.layui-input-group .layui-input-prefix, .layui-input-group .layui-input-suffix, .layui-input-group .layui-input-split { pointer-events: none; }
.layui-form-item .layui-input-block .layui-input-group { width: 100%; }
    .layui-form-item .layui-input-block .layui-input-group .layui-input-split { width: none; }

/*验证码输入框*/
.layui-container-captcha { display: flex; }
    .layui-container-captcha .layui-input-affix { right: 100px; }
    .layui-container-captcha img { position: absolute; top: 1px; right: 1px; border-left: 1px solid #eee; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; outline: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box; }
    .layui-container-captcha .layui-input:focus ~ img { border-color: #d2d2d2; }

/*颜色选择框*/
.layui-container-color .layui-input-color { padding-right: 70px; }
.layui-container-color .layui-input-suffix { right: 35px; }
.layui-container-color .layui-input-split { padding: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.layui-container-color .layui-suffix-color { margin-right: 0; margin-bottom: 0; display: table; }
    .layui-container-color .layui-suffix-color .layui-colorpicker { border-width: 0; width: 35px; height: 36px; padding-left: 4px; }

/*单选框*/
.layui-container-radio .layui-form-radio { position: relative; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; margin-right: 10px; padding-right: 30px; background-color: #fff; cursor: pointer; font-size: 0; -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box; }
    .layui-container-radio .layui-form-radio div { padding: 0 10px; height: 100%; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #d2d2d2; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .layui-container-radio .layui-form-radio i { position: absolute; right: 0; top: 0; font-size: 18px; text-align: center; }
    .layui-container-radio .layui-form-radio[lay-skin=primary] { height: auto !important; line-height: normal !important; min-width: 18px; min-height: 18px; border: none !important; margin-right: 0; padding-left: 25px; padding-right: 0; background: 0 0; margin-top: 10px; }
        .layui-container-radio .layui-form-radio[lay-skin=primary] div { padding-left: 0; padding-right: 15px; line-height: 18px; background: 0 0; color: #5f5f5f; }
        .layui-container-radio .layui-form-radio[lay-skin=primary] i { right: auto; left: 0; margin-right: 5px; font-size: 18px; -webkit-transition: .1s linear; transition: .1s linear; }
    .layui-form-radio[lay-skin=primary]:hover *, .layui-form-radioed[lay-skin=primary], .layui-form-radioed[lay-skin=primary] > i, .layui-container-radio .layui-form-radio.layui-form-radioed[lay-skin=primary] div { color: #1C5CFF; }

.layui-container-radio.layui-container-radio-column { display: flex; flex-direction: column; }
.layui-container-radio .layui-form-radio[lay-skin=tag] div { background-color: #B8B8B8; width: calc(100% - 20px); color: #fff; }
.layui-container-radio .layui-form-radio[lay-skin=tag]:hover div { background-color: #A4A4A4; }
.layui-container-radio .layui-form-radio[lay-skin=tag] i { border: 1px solid #B8B8B8; border-left: none; width: 30px; height: 28px; border: 1px solid #d2d2d2; border-left: none; border-radius: 0 2px 2px 0; right: initial; color: #fff; font-size: 22px; }
.layui-container-radio .layui-form-radio[lay-skin=tag]:hover i { border-color: #A4A4A4; color: #fff; }
.layui-container-radio .layui-form-radioed[lay-skin=tag] div, .layui-container-radio .layui-form-radioed[lay-skin=tag]:hover div { background-color: #16b777; }
.layui-container-radio .layui-form-radioed[lay-skin=tag] i, .layui-container-radio .layui-form-radioed[lay-skin=tag]:hover i { color: #16b777; border: 1px solid #16b777; border-left: 0; }

/*复选框列表*/
.layui-container-checkbox { }
    .layui-container-checkbox.layui-container-checkbox-column { display: flex; flex-direction: column; }
    .layui-container-checkbox .layui-form-checkbox[lay-skin=tag] { }
        .layui-container-checkbox .layui-form-checkbox[lay-skin=tag] div { background-color: #B8B8B8; width: calc(100% - 20px); }
        .layui-container-checkbox .layui-form-checkbox[lay-skin=tag]:hover div { background-color: #A4A4A4; }
        .layui-container-checkbox .layui-form-checkbox[lay-skin=tag] i { border: 1px solid #B8B8B8; border-left: none; }
        .layui-container-checkbox .layui-form-checkbox[lay-skin=tag]:hover i { border-color: #A4A4A4; color: #A4A4A4; }
    .layui-container-checkbox .layui-form-checked[lay-skin=tag] div, .layui-container-checkbox .layui-form-checked[lay-skin=tag]:hover div { background-color: #16b777; }
    .layui-container-checkbox .layui-form-checked[lay-skin=tag] i, .layui-container-checkbox .layui-form-checked[lay-skin=tag]:hover i { color: #16b777; border: 1px solid #16b777; }


/*范围下拉框*/
.layui-input-block.layui-range { display: flex; }
    .layui-input-block.layui-range .layui-range-start, .layui-input-block.layui-range .layui-range-end { float: initial; flex: 1; }
    .layui-input-block.layui-range .layui-range-end { margin-right: 0; }
    .layui-input-block.layui-range .layui-range-item { float: initial; flex: 1; }
        .layui-input-block.layui-range .layui-range-item:last-child { margin-right: 0; }

/*标签输入框*/
.layui-form .layui-container-tags { border: 1px #e6e6e6 solid; border-width: 0; position: relative; }
    .layui-form .layui-container-tags .layui-tag-input { display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; margin-top: 4px; }
        .layui-form .layui-container-tags .layui-tag-input input { height: 100%; }
    .layui-form .layui-container-tags .layui-tag { position: relative; display: inline-block; vertical-align: middle; margin-top: 4px; height: 30px; line-height: 30px; margin-top: 4px; margin-right: 10px; padding-right: 30px; background-color: #fff; font-size: 0; -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box; }
        .layui-form .layui-container-tags .layui-tag * { display: inline-block; vertical-align: middle; }
        .layui-form .layui-container-tags .layui-tag span { padding: 0 10px; height: 100%; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #16b777; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
        .layui-form .layui-container-tags .layui-tag i { position: absolute; right: 0; top: 0; width: 30px; height: 28px; border: 1px solid #16b777; border-left: none; border-radius: 0 2px 2px 0; color: #ff5722; font-size: 20px; text-align: center; cursor: pointer; }

/*标签表格输入框*/
.layui-form .layui-container-tags-table { border: 1px #e6e6e6 solid; border-width: 0; position: relative; }
    .layui-form .layui-container-tags-table .layui-tag-input { display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; margin-top: 4px; }
        .layui-form .layui-container-tags-table .layui-tag-input input { height: 100%; }
    .layui-form .layui-container-tags-table .layui-tag { position: relative; display: inline-block; vertical-align: middle; margin-top: 4px; height: 30px; line-height: 30px; margin-top: 4px; margin-right: 10px; padding-right: 30px; background-color: #fff; font-size: 0; -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box; }
        .layui-form .layui-container-tags-table .layui-tag * { display: inline-block; vertical-align: middle; }
        .layui-form .layui-container-tags-table .layui-tag span { padding: 0 10px; height: 100%; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #16b777; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
        .layui-form .layui-container-tags-table .layui-tag i { position: absolute; right: 0; top: 0; width: 30px; height: 28px; border: 1px solid #16b777; border-left: none; border-radius: 0 2px 2px 0; color: #ff5722; font-size: 20px; text-align: center; cursor: pointer; }


.layui-modal-tagsTable { width: 600px; height: 395px; position: absolute; z-index: 9; background-color: white; box-shadow: 0 2px 4px rgb(0 0 0 / 12%); margin-top: 5px; overflow: hidden; }
.layui-modal-tagsTable-table { height: 100%; }

/*下拉输入框*/
/*.layui-form-select dl { display: none; position: absolute; left: 0; top: 42px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #eee; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 1px 1px 4px rgb(0 0 0 / 8%); box-sizing: border-box; }*/

.layui-modal-select { min-width: 190px; height: 300px; position: absolute; text-align: left; z-index: 77777777; background-color: white; box-shadow: 0 2px 4px rgb(0 0 0 / 12%); }
    .layui-modal-select dl { height: 100%; overflow-y: auto; }
        .layui-modal-select dl dt,
        .layui-modal-select dl dd { padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .layui-modal-select dl dt { font-size: 12px; color: #999; }
        .layui-modal-select dl dd { cursor: pointer; }
            .layui-modal-select dl dd:hover { background-color: #f8f8f8; -webkit-transition: .5s all; transition: .5s all; }
    .layui-modal-select .layui-select-group dd { padding-left: 20px; }
    .layui-modal-select dl dd.layui-select-tips { padding-left: 10px !important; color: #999; }
    .layui-modal-select dl dd.layui-this { background-color: #f8f8f8; color: #16b777; font-weight: 700; }
    /*.layui-form-select dl dd.layui-this{background-color: #f8f8f8; color: #16b777; font-weight: 700;}*/
    .layui-modal-select dl dd.layui-disabled { background-color: #fff; }

/*数字输入框*/
.layui-modal-number { display: flex; align-content: flex-start; width: 190px; height: 236px; position: absolute; flex-wrap: wrap; text-align: center; z-index: 77777777; background-color: white; box-shadow: 0 2px 4px rgb(0 0 0 / 12%); }
    .layui-modal-number .btn { width: 47.5px; height: 47.5px; line-height: 47.5px; cursor: pointer; font-size: 20px; user-select: none; }
        .layui-modal-number .btn:active, .layui-modal-number .btn.active { background-color: #e6e6e6; }
        .layui-modal-number .btn .layui-icon { font-size: 20px; font-weight: 600; position: relative; }
    .layui-modal-number .layui-modal-number-footer { flex: 1; padding: 10px; height: 26px; line-height: 26px; display: flex; justify-content: space-between; }
        .layui-modal-number .layui-modal-number-footer span { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; padding: 0 10px; border: 1px solid #C9C9C9; border-radius: 2px; background-color: #fff; font-size: 12px; cursor: pointer; white-space: nowrap; transition: all .3s; }
            .layui-modal-number .layui-modal-number-footer span:hover { color: #16b777; }
            .layui-modal-number .layui-modal-number-footer span.mid { cursor: default; border-color: transparent !important; padding-left: 0; color: rgb(119, 119, 119); }
.layui-modal-number-ed { display: flex; }

/*图标输入框*/
.layui-input-wrap-icon .layui-input-icon { padding-right: 70px; }
.layui-input-wrap-icon .layui-input-affix { right: 35px; }
.layui-input-wrap-icon .layui-input-split { padding: 0; text-align: center; }
    .layui-input-wrap-icon .layui-input-split i { font-size: 20px; }


.layui-modal-icon { min-width: 313px; width: 313px; height: 236px; position: absolute; text-align: center; z-index: 77777777; background-color: white; }
    .layui-modal-icon .layui-tab { margin: 0; width: 100%; height: 100%; }
    .layui-modal-icon .layui-tab-title { height: 30px; }
        .layui-modal-icon .layui-tab-title li { line-height: 30px; min-width: 40px; padding: 0 15px; }
            .layui-modal-icon .layui-tab-title li a { padding: 0 15px; margin: 0 -15px; }
        .layui-modal-icon .layui-tab-title .layui-this:after { height: 31px; }
    .layui-modal-icon .layui-tab-content { padding: 0; height: calc(100% - 30px) }
    .layui-modal-icon .layui-tab-item.layui-show { display: flex !important; align-content: flex-start; flex-wrap: wrap; height: 100%; overflow: hidden; overflow-y: auto; }
    .layui-modal-icon .btn { width: 42px; height: 42px; line-height: 42px; cursor: pointer; font-size: 20px; user-select: none; text-align: center; }
        .layui-modal-icon .btn i { font-size: 26px; color: #666; }
        .layui-modal-icon .btn:hover { background-color: #e6e6e6; color: #000; }
            .layui-modal-icon .btn:hover i { color: #000; }
.layui-modal-icon-ed { display: flex; }

/*坐标选择器输入框*/
.layui-input-block.layui-container-map-coordinate { display: flex; }
    .layui-input-block.layui-container-map-coordinate .layui-input-inline { float: initial; flex: 1; }
        .layui-input-block.layui-container-map-coordinate .layui-input-inline:last-child { margin-right: 0; }

/*坐标模态框*/
.layui-modal-map-coordinate { width: 700px; height: 450px; background-color: white; }
.layui-modal-map-coordinate-body { width: 100%; height: 400px; display: flex; }
    .layui-modal-map-coordinate-body .left { width: 210px; height: 100%; overflow: hidden; overflow-y: auto; }
        .layui-modal-map-coordinate-body .left .layui-input-split { pointer-events: auto !important; cursor: pointer; }
        .layui-modal-map-coordinate-body .left .list-container .item { display: flex; align-items: center; padding: 5px 10px; box-sizing: border-box; cursor: pointer; }
            .layui-modal-map-coordinate-body .left .list-container .item.hover { background-color: #F5F9FF; }
            .layui-modal-map-coordinate-body .left .list-container .item .item-index { height: 24px; width: 24px; background-color: #EBF3FF; margin-right: 8px; font-size: 12px; color: #0062ff; text-align: center; line-height: 24px; font-weight: 400; border-radius: 50%; }
            .layui-modal-map-coordinate-body .left .list-container .item .item-info { flex: 1; overflow: hidden; }
            .layui-modal-map-coordinate-body .left .list-container .item .item-title { font-size: 14px; line-height: 22px; font-weight: 600; margin-bottom: 4px; }
            .layui-modal-map-coordinate-body .left .list-container .item .item-address { font-size: 12px; line-height: 18px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

            .layui-modal-map-coordinate-body .left .list-container .item.item-active { background-color: #EBF3FF; }
                .layui-modal-map-coordinate-body .left .list-container .item.item-active .item-index { background-color: #0062FF; color: #fff; }
                .layui-modal-map-coordinate-body .left .list-container .item.item-active .item-info { color: #0062FF; }


    .layui-modal-map-coordinate-body .right { flex: 1; height: 100%; }

.layui-modal-map-coordinate-footer { padding: 10px; height: 26px; line-height: 26px; display: flex; justify-content: space-between; }
    /*    .layui-modal-map-coordinate-footer .btn { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; padding: 0 10px; border: 1px solid #C9C9C9; border-radius: 2px; background-color: #fff; font-size: 12px; cursor: pointer; white-space: nowrap; transition: all .3s; }
        .layui-modal-map-coordinate-footer .btn:hover { color: #16b777; }*/
    .layui-modal-map-coordinate-footer .layui-btn { height: 24px; line-height: 24px; font-size: 12px; }
    .layui-modal-map-coordinate-footer div.mid { font-size: 12px; cursor: default; border-color: transparent !important; padding-left: 0; color: rgb(119, 119, 119); }
        .layui-modal-map-coordinate-footer div.mid .active-info { margin-left: 5px; }

.layui-modal-map-info-poptip { color: #fff; background-color: #38C2F1; border-color: #38C2F1; }
    .layui-modal-map-info-poptip em { color: #38C2F1; }
    .layui-modal-map-info-poptip i { color: #38C2F1; }

.layui-modal-map-info-poptip-active { color: #fff; background-color: #FF0000; border-color: #FF0000; }
    .layui-modal-map-info-poptip-active em { color: #FF0000; }
    .layui-modal-map-info-poptip-active i { color: #FF0000; }


/*自动完成输入框*/
.layui-modal-complete { width: 600px; height: 395px; position: absolute; z-index: 77777777; background-color: white; box-shadow: 0 2px 4px rgb(0 0 0 / 12%); overflow: hidden; }
.layui-modal-complete-table { height: 100%; }

/*表格输入框*/
.layui-modal-textTable { width: 600px; height: 395px; position: absolute; z-index: 77777777; background-color: white; box-shadow: 0 2px 4px rgb(0 0 0 / 12%); overflow: hidden; }
.layui-modal-textTable-table { height: 100%; }

/*树输入框*/
.layui-input-tree { padding-right: 35px; }
.layui-modal-tree { width: 600px; height: 395px; position: absolute; z-index: 77777777; background-color: white; box-shadow: 0 2px 4px rgb(0 0 0 / 12%); overflow: hidden; }
    .layui-modal-tree ul { height: calc(100% - 10px); overflow: hidden; overflow-y: auto; }

/*页面树*/
.layui-container-tree-page { height: 100%; }
    .layui-container-tree-page fieldset { position: relative; height: calc(100% - 20px); }
        .layui-container-tree-page fieldset legend { display: flex; }
    .layui-container-tree-page legend label { width: initial; display: flex; padding: 0; }
.layui-container-tree-page-header { position: absolute; right: 20px; top: -29px; }
    .layui-container-tree-page-header label { text-align: left; }
    .layui-container-tree-page-header .toolbar { height: 22px; line-height: 22px; background-color: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 8px 0; }

        .layui-container-tree-page-header .toolbar .toolbar-btns { width: 100%; display: flex; }
            .layui-container-tree-page-header .toolbar .toolbar-btns span { flex: 1; text-align: center; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #c9c9c9; background-color: #fff; font-size: 12px; cursor: pointer; }
                .layui-container-tree-page-header .toolbar .toolbar-btns span:hover { color: #16b777; }
                .layui-container-tree-page-header .toolbar .toolbar-btns span + span { border-left-width: 0; }
                .layui-container-tree-page-header .toolbar .toolbar-btns span:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
                .layui-container-tree-page-header .toolbar .toolbar-btns span:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.layui-container-tree-page-body { position: relative; height: 100%; min-height: 200px; }
    .layui-container-tree-page-body .ztree { height: calc(100% - 5px); overflow: hidden; overflow-y: auto; padding: 0; }
.layui-modal-tree ul { height: calc(100% - 10px); overflow: hidden; overflow-y: auto; }

/*级联输入框*/
.layui-input-block.layui-container-cascade { display: flex; }
    .layui-input-block.layui-container-cascade .layui-input-inline { float: initial; flex: 1; }
        .layui-input-block.layui-container-cascade .layui-input-inline:last-child { margin-right: 0; }

.layui-modal-cascade { width: 405px; height: 300px; position: absolute; z-index: 9; background-color: white; box-shadow: 0 2px 4px rgb(0 0 0 / 12%); overflow: hidden; }
    .layui-modal-cascade .layui-tab { margin: 0; height: 100%; box-shadow: none; }
    .layui-modal-cascade .layui-tab-content { padding: 5px; height: calc(100% - 51px); }
        .layui-modal-cascade .layui-tab-content .layui-tab-item { height: 100%; position: relative; overflow: hidden; overflow-y: auto; }
            .layui-modal-cascade .layui-tab-content .layui-tab-item .cascade-list { display: flex; flex-wrap: wrap; }
            .layui-modal-cascade .layui-tab-content .layui-tab-item .cascade-item { height: 28px; line-height: 28px; margin: 5px 5px 0 0; color: #2f363c; padding: 0 10px; font-size: 14px; border: 1px solid #cccccc; border-radius: 2px; cursor: pointer; }
                .layui-modal-cascade .layui-tab-content .layui-tab-item .cascade-item:hover { border-color: #1e9fff; }
            .layui-modal-cascade .layui-tab-content .layui-tab-item .cascade-item-active, .layui-modal-cascade .layui-tab-content .layui-tab-item .cascade-item-active:hover { background-color: #1e9fff; border-color: #1e9fff; color: white; }

        .layui-modal-cascade .layui-tab-content .layui-none { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #999; margin-top: 20px; }
/*.layui-modal-textTable-table { height: 100%; }*/

/*上传输入框*/
.layui-container-upload { }
    .layui-container-upload .layui-input-split { padding: 0 7px; cursor: pointer; pointer-events: auto; }
        .layui-container-upload .layui-input-split:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
        .layui-container-upload .layui-input-split i { font-size: 20px; }
        .layui-container-upload .layui-input-split.layui-input-upload-select { border-right-color: #eee !important; }
        .layui-container-upload .layui-input-split.layui-input-upload-preview { border-left-width: 0; }

    .layui-container-upload .layui-input-affix .layui-disabled { cursor: pointer !important; color: rgba(0,0,0,.3) !important; }
        .layui-container-upload .layui-input-affix .layui-disabled:hover { cursor: pointer !important; color: rgba(0,0,0,.6) !important; }


    .layui-container-upload[suffix-count="1"] .layui-input-affix { right: 35px; }
    .layui-container-upload[suffix-count="2"] .layui-input-affix { right: 70px; }

/*    .layui-container-upload[suffix-count="1"] .layui-input-upload-display { padding-right: 35px; }
    .layui-container-upload[suffix-count="2"] .layui-input-upload-display { padding-right: 70px; }
    .layui-container-upload[suffix-count="3"] .layui-input-upload-display { padding-right: 105px; }

    .layui-container-upload[suffix-count="2"] .layui-input-suffix { right: 35px; }
    .layui-container-upload[suffix-count="3"] .layui-input-suffix { right: 70px; }

    .layui-container-upload[suffix-count="3"] .layui-input-upload-select { right: 34px; }*/

/*文本框*/
.code-editor-copy { position: absolute; height: 24px; line-height: 24px; z-index: 10; background: #fff; right: 0; top: 0; padding: 0 10px; border-bottom-left-radius: 5px; cursor: pointer; border: 1px solid #eee; }

/*媒体显示框*/
.layui-container-display-media { position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; background-color: #fff; }
    .layui-container-display-media .display-media-item { position: relative; width: 120px; height: 120px; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
        .layui-container-display-media .display-media-item image { }

/*批量上传*/
.layui-container-upload-multiple { display: flex; flex-wrap: wrap; }
    .layui-container-upload-multiple .layui-container-upload-multiple-list { display: flex; flex-wrap: wrap; }
    .layui-container-upload-multiple .layui-container-upload-multiple-item { width: 130px; height: 130px; margin-right: 10px; margin-top: 10px; position: relative; display: flex; align-items: start; justify-content: center; overflow: hidden; }
        .layui-container-upload-multiple .layui-container-upload-multiple-item image { }
        .layui-container-upload-multiple .layui-container-upload-multiple-item .title { height: 26px; line-height: 26px; background-color: rgba(0,0,0,0.1); color: #666; position: absolute; width: 100%; bottom: 0; text-align: center; overflow: hidden; z-index: 8; }

        .layui-container-upload-multiple .layui-container-upload-multiple-item .toolbar-drag { height: 26px; line-height: 26px; background-color: #fff; position: absolute; width: 100%; top: -26px; z-index: 9; cursor: move; user-select: none; text-align: center; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
        .layui-container-upload-multiple .layui-container-upload-multiple-item:hover .toolbar-drag { -webkit-transform: translateY(26px); transform: translateY(26px); }

        .layui-container-upload-multiple .layui-container-upload-multiple-item .toolbar { height: 26px; line-height: 26px; background-color: #fff; position: absolute; width: 100%; bottom: -26px; z-index: 9; border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
        .layui-container-upload-multiple .layui-container-upload-multiple-item:hover .toolbar { -webkit-transform: translateY(-28px); transform: translateY(-28px); }

        .layui-container-upload-multiple .layui-container-upload-multiple-item .toolbar .toolbar-btns { width: 100%; display: flex; justify-content: space-between }
            .layui-container-upload-multiple .layui-container-upload-multiple-item .toolbar .toolbar-btns span { flex: 1; text-align: center; height: 26px; line-height: 24px; padding: 0; border: 1px solid #c9c9c9; background-color: #fff; font-size: 12px; cursor: pointer; white-space: nowrap; transition: all .3s; }
                .layui-container-upload-multiple .layui-container-upload-multiple-item .toolbar .toolbar-btns span:hover { color: #16b777; }
                .layui-container-upload-multiple .layui-container-upload-multiple-item .toolbar .toolbar-btns span + span { border-left-width: 0; }
                .layui-container-upload-multiple .layui-container-upload-multiple-item .toolbar .toolbar-btns span:first-child { border-top-left-radius: 2px; }
                .layui-container-upload-multiple .layui-container-upload-multiple-item .toolbar .toolbar-btns span:last-child { border-top-right-radius: 2px; }


    .layui-container-upload-multiple .layui-container-upload-multiple-select { width: 130px; height: 130px; margin-right: 10px; margin-top: 10px; cursor: pointer; display: flex; justify-content: center; align-items: center; }
        .layui-container-upload-multiple .layui-container-upload-multiple-select i { font-size: 80px; line-height: 80px; color: #eee; }
.layui-upload-multiple-edit-form { padding: 10px 10px 0 10px; }
/************************************************************/
/*下拉多选框*/
.layui-form .layui-select-multiple input { display: none; }
.layui-form .layui-select-multiple .tips { pointer-events: none; display: block; margin: 10px 0 0 10px; color: #ccc; }
.layui-form .layui-select-multiple .layui-form-checkbox[lay-skin=primary] { margin-top: 0; }
.layui-form .layui-select-multiple .layui-form-select dl dd.layui-this .layui-form-checkbox[lay-skin=primary] span { color: #fff; }
.layui-form .layui-select-multiple .layui-form-checked[lay-skin=primary] i { border-color: #fff; background-color: #fff; color: #16b777; }
.layui-form .layui-select-multiple .layui-form-select dl dd + dd { margin-top: 1px; }

.layui-form .layui-select-multiple .layui-form-select .layui-select-multiple-tips { height: auto; min-height: 38px; border: 1px #e6e6e6 solid; position: relative; padding-left: 0; padding-bottom: 4px; }
.layui-form .layui-select-multiple .layui-form-select .layui-form-select-tag { background-color: #009688; color: #fff; display: inline-block; padding: 1px 34px 2px 5px; margin-top: 4px; margin-left: 4px; position: relative; }
    .layui-form .layui-select-multiple .layui-form-select .layui-form-select-tag span { line-height: 25px; }
    .layui-form .layui-select-multiple .layui-form-select .layui-form-select-tag .remove { font-size: 12px; font-weight: bold; line-height: 20px; position: absolute; top: 0; right: 0; bottom: 0; float: none; width: 29px; padding: 0; cursor: pointer; text-align: center; opacity: 1; color: #fff; border: 0 none; background: transparent none repeat scroll 0 0; text-shadow: none; }
        .layui-form .layui-select-multiple .layui-form-select .layui-form-select-tag .remove:hover { background: #FF5722; }

/*无限级联下拉框*/
.layui-form .layui-select-cascade { }
    .layui-form .layui-select-cascade .layui-select-cascade-item + .layui-select-cascade-item { margin-top: 10px }
    .layui-form .layui-select-cascade .layui-inline.layui-select-cascade-item { margin-top: 0; }

/*坐标选择器输入框*/
/*.layui-input-block .layui-form-map-point { position: relative; border: 1px solid #E6E6E6; border-radius: 2px; }
.layui-input-inline .layui-form-map-point { position: relative; display: inline-block; float: left; width: 227px; margin-right: 10px; border: 1px solid #E6E6E6; border-radius: 2px; }
.layui-form-map-point .layui-input-inline { display: block; width: calc((100% - 38px) / 2); margin-right: 0; }
    .layui-form-map-point .layui-input-inline input { border-width: 0; height: 36px; }
    .layui-form-map-point .layui-input-inline:first-child { border-right: 1px solid #E6E6E6; }
.layui-form-map-point .layui-form-map-point-icon { margin: 0; left: 0; width: 26px; height: 26px; border-left: 1px solid #e6e6e6; padding: 5px; line-height: 24px; display: inline-block; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; }
    .layui-form-map-point .layui-form-map-point-icon i { font-size: 26px; }

.input-validation-error + .layui-form-map-point { border-color: #FF5722 !important; }*/

/*坐标选择器输入框 弹窗*/
/*.layer-map-point { width: 900px; height: 500px; border: 1px solid #e2e2e2; padding: 10px; }
    .layer-map-point .toolbar { display: flex; justify-content: space-between; }
        .layer-map-point .toolbar input { font-size: 14px; }
        .layer-map-point .toolbar .search-container { display: flex; }
            .layer-map-point .toolbar .search-container input { width: 250px; border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
            .layer-map-point .toolbar .search-container button { padding: 0 11px; border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
        .layer-map-point .toolbar .detail-container { display: flex; }
            .layer-map-point .toolbar .detail-container input { border-right-width: 0; border-radius: 0; }
                .layer-map-point .toolbar .detail-container input:nth-child(1) { width: 100px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
                .layer-map-point .toolbar .detail-container input:nth-child(2) { width: 100px; border-radius: 0; }
                .layer-map-point .toolbar .detail-container input:nth-child(3) { width: 330px; border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

    .layer-map-point .layer-map-point-body { display: flex; margin-top: 10px; }
        .layer-map-point .layer-map-point-body .list-container { flex: 1; margin-right: 10px; height: 452px; overflow: hidden; overflow-y: auto; border: 1px solid #e2e2e2; }
            .layer-map-point .layer-map-point-body .list-container .list-item { display: flex; align-items: center; background-color: #38C2F1; border-bottom: 1px solid #e2e2e2; cursor: pointer; font-size: 12px; }
                .layer-map-point .layer-map-point-body .list-container .list-item:last-child { border-bottom-width: 0; }
                .layer-map-point .layer-map-point-body .list-container .list-item:only-child { border-bottom-width: 1px; }
                .layer-map-point .layer-map-point-body .list-container .list-item .number { color: white; width: 50px; text-align: center; font-size: 20px; font-weight: bold; }
                .layer-map-point .layer-map-point-body .list-container .list-item .body { flex: 1; padding-left: 5px; background-color: white; border-left: 1px solid #e2e2e2; text-align: left; }
                    .layer-map-point .layer-map-point-body .list-container .list-item .body div { line-height: 22px; }
                        .layer-map-point .layer-map-point-body .list-container .list-item .body div:first-child { font-weight: bold; font-size: 14px; }

                .layer-map-point .layer-map-point-body .list-container .list-item:hover, .layer-map-point .layer-map-point-body .list-container .list-item.active { background-color: #EC2028; }

        .layer-map-point .layer-map-point-body .map-container { width: 600px; height: 452px; }*/

/*树 多选*/
.layui-form-tree-checkbox .layui-form .layui-table-tool .layui-btn-container button { float: left; }
.layui-form-tree-checkbox .layui-form .layui-table-tool .layui-btn-container .title { float: left; font-size: 14px; color: #999; line-height: 30px; }
.layui-form-tree-checkbox .layui-form .layui-table-tool .layui-btn-container .layui-input-description { float: left; font-size: 12px; color: #999; line-height: 28px; }
    .layui-form-tree-checkbox .layui-form .layui-table-tool .layui-btn-container .layui-input-description i { font-size: 14px; color: #1E9FFF; margin-right: 5px; }

/*树 选择框*/
.layui-tree-main { position: absolute; z-index: 900; width: auto; padding: 7px; background: #FFF; border: 1px solid #d2d2d2; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12); }
    .layui-tree-main .layui-tree-header { height: 30px; margin-bottom: 7px; }
    .layui-tree-main .layui-tree-search { position: relative; margin: 0; border: 1px solid #e6e6e6; border-radius: 2px; transition: 300ms; }
        .layui-tree-main .layui-tree-search .layui-input { cursor: text; display: inline-block; width: calc(100% - 28px); border: none; padding-right: 0; height: 28px; }
        .layui-tree-main .layui-tree-search .icon { position: absolute; line-height: 28px; right: 6px; }
    .layui-tree-main .layui-tree-body { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; margin-top: 0; width: auto; margin-bottom: 7px; }
        .layui-tree-main .layui-tree-body .ztree-loading { text-align: center; padding: 10px; }
        .layui-tree-main .layui-tree-body .ztree { max-height: 300px; overflow-y: scroll; overflow-x: auto; }
    .layui-tree-main .layui-tree-bottom { text-align: right; }

/*表格 多选*/
.layui-form-table-checkbox .layui-form .layui-table-tool .layui-btn-container button { float: left; }
.layui-form-table-checkbox .layui-form .layui-table-tool .layui-btn-container .title { float: left; font-size: 14px; color: #999; line-height: 30px; }
.layui-form-table-checkbox .layui-form .layui-table-tool .layui-btn-container .layui-input-description { float: left; font-size: 12px; color: #999; line-height: 28px; }
    .layui-form-table-checkbox .layui-form .layui-table-tool .layui-btn-container .layui-input-description i { font-size: 14px; color: #1E9FFF; margin-right: 5px; }

/*表格 选择框*/
.layui-select-table-main { position: absolute; z-index: 900; width: 500px; padding: 7px; background: #FFF; border: 1px solid #d2d2d2; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12); }
    .layui-select-table-main .layui-select-table-header { height: 30px; margin-bottom: 7px; }
    .layui-select-table-main .layui-select-table-search { position: relative; margin: 0; border: 1px solid #e6e6e6; border-radius: 2px; transition: 300ms; }
        .layui-select-table-main .layui-select-table-search .layui-input { cursor: text; display: inline-block; width: calc(100% - 28px); border: none; padding-right: 0; height: 28px; }
        .layui-select-table-main .layui-select-table-search .icon { position: absolute; line-height: 28px; right: 6px; }
    .layui-select-table-main .layui-select-table-body { background-color: #fff; margin-top: 0; height: 250px; margin-bottom: 7px; }
        .layui-select-table-main .layui-select-table-body .layui-table-view { margin: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
    .layui-select-table-main .layui-select-table-bottom { text-align: right; }

    .layui-select-table-main tr.layui-table-click, .layui-select-table-main tr.layui-table-click.layui-table-hover { background-color: #16b777; color: #fff; }
        .layui-select-table-main tr.layui-table-click .layui-form-radioed > i, .layui-select-table-main tr.layui-table-click.layui-table-hover .layui-form-radioed > i { color: #fff; }
        .layui-select-table-main tr.layui-table-click .layui-form-checked[lay-skin=primary] i { background-color: #fff; color: #16b777; }

/*复选框列表、单选框列表*/
.layui-form-table-radio input:first-child { cursor: pointer; }
.layui-form-checkbox-list, .layui-form-radio-list { display: none; }

/*单个手动上传*/
.layui-form-upload-manual input { width: calc(100% - 39px); float: left; }
.layui-form-upload-manual-picture input { width: calc(100% - 79px); float: left; }
.layui-form-upload-manual.layui-form-upload-manual-clear input { width: calc(100% - 79px); float: left; }
.layui-form-upload-manual.layui-form-upload-manual-picture.layui-form-upload-manual-clear input { width: calc(100% - 119px); float: left; }
.layui-form-upload-manual .layui-form-upload-manual-btn-group { margin: 0; }
    .layui-form-upload-manual .layui-form-upload-manual-btn-group .layui-btn { padding: 0 5px; }
    .layui-form-upload-manual .layui-form-upload-manual-btn-group i { font-size: 28px; }

/*手机页面*/
@media screen and (max-width: 450px) {
    .layui-input-inline .layui-form-color { display: block; float: none; width: 100%; }
        .layui-input-block .layui-form-color .layui-input-inline, .layui-input-inline .layui-form-color .layui-input-inline { display: block; width: calc(100% - 38px); margin: 0; float: left; left: 0; }
        .layui-input-block .layui-form-color .color-swatch, .layui-input-inline .layui-form-color .color-swatch { display: inline-block; margin: 0; left: -1px; }

    .layui-input-inline .layui-form-icon { display: block; float: none; width: 100%; }
        .layui-input-block .layui-form-icon .layui-input-inline, .layui-input-inline .layui-form-icon .layui-input-inline { display: block; width: calc(100% - 38px); margin: 0; float: left; left: 0; }
        .layui-input-block .layui-form-icon .icon-swatch, .layui-input-inline .layui-form-icon .icon-swatch { display: inline-block; margin: 0; left: -1px; }

    /*.layui-input-inline.upload.upload-picture { width: calc(100% - 38px); }*/

    .layui-form-upload-multiple > .layui-card-body .layui-form-upload-multiple-body .upload-item { width: calc(50% - 5px); }
        .layui-form-upload-multiple > .layui-card-body .layui-form-upload-multiple-body .upload-item:nth-of-type(odd) { margin-right: 5px; }
        .layui-form-upload-multiple > .layui-card-body .layui-form-upload-multiple-body .upload-item:nth-of-type(even) { margin-right: 0; margin-left: 5px; }
        .layui-form-upload-multiple > .layui-card-body .layui-form-upload-multiple-body .upload-item:nth-of-type(odd) + .layui-btn-upload-multiple { margin-left: 5px; }
        .layui-form-upload-multiple > .layui-card-body .layui-form-upload-multiple-body .upload-item .upload-item-body { width: 100%; }
            .layui-form-upload-multiple > .layui-card-body .layui-form-upload-multiple-body .upload-item .upload-item-body .upload-item-image, .layui-form-upload-multiple > .layui-card-body .layui-form-upload-multiple-body .upload-item .upload-item-body .upload-item-video { width: 100%; }

    .layui-form-upload-multiple > .layui-card-body .layui-form-upload-multiple-body .layui-btn-upload-multiple { width: calc(50% - 5px); }
    .layui-form-mid { word-wrap: break-word; width: 100%; }
}


.layui-tableEdit-tpl { max-height: 216px; overflow-y: auto; }
.layui-tableEdit-div li { line-height: 36px; padding-left: 5px; }
    .layui-tableEdit-div li:hover { background-color: #f2f2f2; }
    .layui-tableEdit-div li.layui-tableEdit-selected:hover { background-color: #16b777; }
        .layui-tableEdit-div li.layui-tableEdit-selected:hover span { color: #fff; }
.layui-tableEdit-selected { background-color: #16b777; }
    .layui-tableEdit-selected .layui-form-checkbox[lay-skin=primary] span { color: #fff; }
.layui-tableEdit-checked i { background-color: #60b979 !important; }
.layui-tableEdit-ul li { text-align: left; }
.layui-tableEdit-ul div { padding-left: 0px !important; }
.layui-tableEdit-input { text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; z-index: 19910908; }
.layui-tableEdit-add { position: absolute; right: 3px; top: 21px; margin-top: -15px; z-index: 199109084; }
.layui-tableEdit-sub { position: absolute; left: 3px; top: 21px; margin-top: -15px; z-index: 199109084; }

/* 表格编辑器 */


/* 辅助样式 */
.pd-tb-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.break-all { word-break: break-all !important; }

/* 列宽拖拽调整 */
/*.ew-tree-table .ew-tb-resize {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    cursor: col-resize;
}*/