﻿/*修改滚动条样式*/
/*::-webkit-scrollbar
    ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
    ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）
    ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
    ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
    ::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
    ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #969696;
    }

::-webkit-scrollbar-corner {
    background: #bfbfbf;
}

#LanceBody {
    /*overflow: hidden;*/
}

    /*弹提示*/
    #LanceBody .el-message,
    #LanceBody .el-notification {
        z-index: 99999999 !important; /*首选这个样式*/
    }

        #LanceBody .el-notification .el-notification__content {
            text-align: left;
        }

    #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item {
    }

        #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item .layui-nav-more {
            right: 20px;
        }

        #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item .aItemOne {
            padding-left: 30px;
        }

            #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item .aItemOne .leftIcon {
                left: 8px;
            }

        #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item .aItemTwo {
            padding-left: 30px;
        }

            #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item .aItemTwo .layui-nav-more {
                margin-top: -26px;
            }

        #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item .aItemThree {
            padding-left: 50px;
        }

        #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item .aItemFour {
            padding-left: 50px;
        }

        #LanceBody .layuiMaster .layui-side-scroll .layui-nav .layui-nav-item .aItemFive {
            padding-left: 69px !important;
        }
    /*Element Table*/
    #LanceBody .el-table thead tr th {
    }

        #LanceBody .el-table thead tr th .cell {
            padding: 0px;
        }

    #LanceBody .el-table thead tr td {
        padding: 5px 0 !important;
    }

    #LanceBody .el-table tbody tr td {
        padding: 2px 0 2px 2px !important;
    }
        /*表格行内元素*/
        #LanceBody .el-table tbody tr td .cell {
            padding: 0 !important;
        }

            #LanceBody .el-table tbody tr td .cell .el-select.txtCenter input,
            #LanceBody .el-table tbody tr td .cell .el-input.txtCenter input {
                text-align: center;
            }

            #LanceBody .el-table tbody tr td .cell .el-autocomplete {
                width: 100%;
            }

            #LanceBody .el-table tbody tr td .cell .el-link,
            #LanceBody .el-table tbody tr td .cell .el-link .el-link--inner {
                width: 100%;
            }

            #LanceBody .el-table tbody tr td .cell input {
                max-height: 29px;
                width: 99%;
                padding: 0 4px;
                border: 0px;
            }

            #LanceBody .el-table tbody tr td .cell .el-input .el-input__icon {
                line-height: 29px;
            }

                #LanceBody .el-table tbody tr td .cell .el-input .el-input__icon.el-icon-search {
                    cursor: pointer;
                }

            #LanceBody .el-table tbody tr td .cell .el-select {
                width: 100%;
            }

                #LanceBody .el-table tbody tr td .cell .el-select .el-input__icon {
                    line-height: 29px;
                }

            #LanceBody .el-table tbody tr td .cell .el-date-editor {
                padding: 0px 0px 0px 7px;
                max-height: 29px;
                line-height: 29px;
                border: 0px;
            }

                #LanceBody .el-table tbody tr td .cell .el-date-editor .el-input__icon {
                    line-height: 29px;
                }

                #LanceBody .el-table tbody tr td .cell .el-date-editor .el-range-separator {
                    line-height: 29px;
                }

                #LanceBody .el-table tbody tr td .cell .el-date-editor input {
                    padding: 0;
                }

                #LanceBody .el-table tbody tr td .cell .el-date-editor .el-range-separator {
                    padding: 0;
                }
            /*图片*/
            #LanceBody .el-table tbody tr td .cell .TempUploadImage {
                line-height: normal !important;
            }

                #LanceBody .el-table tbody tr td .cell .TempUploadImage .uploader {
                    margin: 0px auto;
                    margin-bottom: 2px;
                }

                    #LanceBody .el-table tbody tr td .cell .TempUploadImage .uploader .el-upload {
                        border: 1px dashed #d9d9d9;
                        border-radius: 6px;
                        cursor: pointer;
                        position: relative;
                        overflow: hidden;
                    }

                        #LanceBody .el-table tbody tr td .cell .TempUploadImage .uploader .el-upload:hover {
                            border-color: #409EFF;
                        }

                #LanceBody .el-table tbody tr td .cell .TempUploadImage .size {
                    font-size: 12px;
                }
            /*图片Or视频*/
            #LanceBody .el-table tbody tr td .cell .TempUploadImageOrVideo {
                line-height: 33px;
                text-align: center;
                line-height: normal !important;
            }

                #LanceBody .el-table tbody tr td .cell .TempUploadImageOrVideo .uploader {
                    margin: 0px auto;
                    margin-bottom: 2px;
                }

                    #LanceBody .el-table tbody tr td .cell .TempUploadImageOrVideo .uploader .el-upload {
                        width: 100%;
                        border: 1px dashed #d9d9d9;
                        border-radius: 6px;
                        cursor: pointer;
                        position: relative;
                        overflow: hidden;
                    }

                        #LanceBody .el-table tbody tr td .cell .TempUploadImageOrVideo .uploader .el-upload:hover {
                            border-color: #409EFF;
                        }

                #LanceBody .el-table tbody tr td .cell .TempUploadImageOrVideo .size {
                    font-size: 12px;
                }

            #LanceBody .el-table tbody tr td .cell .el-textarea__inner {
                border: 1px solid blue;
            }

        #LanceBody .el-table tbody tr td.el-table__expanded-cell .el-textarea__inner { /*表格内多行文本框高度*/
            min-height: 40.3333px !important;
        }

/*表格行内表单*/
/*#LanceBody .el-table tbody tr td .el-form .el-form-item .el-form-item__label {
            padding: 0 5px 0 0;
        }

        #LanceBody .el-table tbody tr td .el-form .el-form-item .el-date-editor {
            padding: 0px 3px 0px 7px;
        }

            #LanceBody .el-table tbody tr td .el-form .el-form-item .el-date-editor input {
                padding: 0;
            }

            #LanceBody .el-table tbody tr td .el-form .el-form-item .el-date-editor .el-range-separator {
                padding: 0;
            }*/

#LanceApp {
    padding: 5px 5px 0px 5px;
}

    #LanceApp fieldset.layui-elem-field {
        margin: 8px 0px 8px 0px;
    }

    #LanceApp .layui-card {
        margin-bottom: 0px;
    }

        #LanceApp .layui-card .layui-card-body {
            padding: 5px;
        }

            #LanceApp .layui-card .layui-card-body.layui-form .layui-form-item {
                margin: 5px 0px;
            }

                #LanceApp .layui-card .layui-card-body.layui-form .layui-form-item.first {
                    margin: 0px 0px 5px 0px;
                }

                #LanceApp .layui-card .layui-card-body.layui-form .layui-form-item.last {
                    margin: 5px 0px 0px 0px;
                }

                #LanceApp .layui-card .layui-card-body.layui-form .layui-form-item.divSubmit {
                    margin: 0px;
                }

            #LanceApp .layui-card .layui-card-body.layui-form .layui-field-box {
                padding: 0px;
            }

    #LanceApp .ContentLeft {
        overflow-x: hidden;
        border-right: 1px solid #eee;
        background-color: #fff;
        top: 60px;
        bottom: 60px !important;
        font-size: 14px;
        padding-left: 5px;
        height: 50px;
    }

        /*
        #LanceApp .ContentLeft .menus {
            height: 100%;
        }
*/
        #LanceApp .ContentLeft .menus .item {
            height: 30px;
            line-height: 30px;
            padding-left: 12px;
            border-left: 2px solid #fff;
        }

            #LanceApp .ContentLeft .menus .item:hover {
                border-left: 2px solid #7AA8FF;
                cursor: pointer;
            }

            #LanceApp .ContentLeft .menus .item a {
                color: #666;
            }

            #LanceApp .ContentLeft .menus .item.on a {
                color: #7AA8FF;
            }


        #LanceApp .ContentLeft .menus .el-divider--horizontal {
            margin: 15px 0 15px 0;
        }

            #LanceApp .ContentLeft .menus .el-divider--horizontal .el-divider__text {
                padding: 0 5px 0 0;
            }

                #LanceApp .ContentLeft .menus .el-divider--horizontal .el-divider__text.is-left {
                    left: 0px;
                    color: #bfbfbf;
                }

    #LanceApp .divHeader {
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        /*border:1px solid red;*/
    }

    #LanceApp .divSearch {
        margin-bottom: 0px;
    }

        #LanceApp .divSearch .layui-inline {
            margin-right: 0px;
        }

        #LanceApp .divSearch .layui-form-label,
        #LanceApp .divSearch .layui-input,
        #LanceApp .divSearch .layui-btn,
        #LanceApp .divSearch xm-select {
            height: 30px;
            line-height: 30px;
            min-height: 30px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        #LanceApp .divSearch .layui-form-radio {
            margin-top: 0px;
        }
        /*Element el-select*/
        #LanceApp .divSearch .el-select,
        /*Element el-input*/
        #LanceApp .divSearch .el-input,
        #LanceApp .divSearch .el-input .el-input__inner,
        /*Element el-input 图标*/
        #LanceApp .divSearch .el-input .el-input__icon {
            height: 30px;
            line-height: 30px;
        }
        /*Element el-date-picker*/
        #LanceApp .divSearch .el-date-editor {
            width: 100%;
        }

        #LanceApp .divSearch .el-button {
            height: 30px;
            line-height: 30px;
        }
    /*表格头部工具栏*/
    #LanceApp #divTable .layui-table tr.layui-table-hover,
    #LanceApp #divTable .layui-table tr.layui-table-hover td,
    #LanceApp #divTable .layui-table tr.layui-table-click,
    #LanceApp #divTable .layui-table tr.layui-table-click td {
        background-color: #e9e9e9;
    }

    #LanceApp #divTable .layui-table-tool {
        height: 34px;
        min-height: 34px;
        line-height: 34px;
        padding-top: 4px;
        border-bottom: 0px;
    }

        #LanceApp #divTable .layui-table-tool .layui-table-tool-self {
            top: -2px;
        }

    #LanceApp #divTable.toolText .layui-table-tool {
        padding-top: 0px;
    }

        #LanceApp #divTable.toolText .layui-table-tool .layui-table-tool-temp .layui-btn-container {
            font-size: 14px;
        }

    #LanceApp #divTable .layui-table-header {
        border-top: 1px solid #e2e2e2 !important;
    }

        #LanceApp #divTable .layui-table-header tr th .layui-table-sort {
            margin-top: 2px !important;
            margin-left: 0px !important;
            /*border-top: 1px solid red !important;*/
        }

        #LanceApp #divTable .layui-table-header tr th {
            border-color: #e2e2e2 !important;
        }

    #LanceApp #divTable tr th {
        padding: 2px 0px;
        text-align: center;
    }

        #LanceApp #divTable tr th .layui-table-cell {
            padding: 0 5px;
        }

            #LanceApp #divTable tr th .layui-table-cell .layui-table-filter {
                right: 0px !important;
            }

    /*表格内容行*/
    #LanceApp #divTable tr td {
        cursor: pointer; /*开启表格悬浮*/
        padding: 0px;
    }

        #LanceApp #divTable tr td .layui-table-cell {
            padding: 0 4px;
        }

            #LanceApp #divTable tr td .layui-table-cell .layui-btn {
                margin: 0px;
            }

    /*表格检索条件 抽屉*/
    #LanceApp .tableParamsDrawer header {
        margin-bottom: 5px;
    }

    #LanceApp .tableParamsDrawer section.el-drawer__body {
        padding: 0px 10px;
    }

    #LanceApp .tableParamsDrawer .button {
        display: block;
        margin-top: 10px;
        text-align: center;
    }

        #LanceApp .tableParamsDrawer .button button {
            height: 33px;
            line-height: 8px;
        }
    /*提交按钮*/
    #LanceApp .divSubmit {
        height: 0px;
        margin-bottom: 0px;
    }

        #LanceApp .divSubmit .layui-footer {
            left: 0;
            padding: 0px;
        }

            #LanceApp .divSubmit .layui-footer .layui-btn {
                height: 30px;
                line-height: 30px;
            }


    /*【编辑页】*/
    #LanceApp .LanceEdit {
    }

        #LanceApp .LanceEdit .steps {
            padding: 5px 0 0px 0;
            /*margin: 5px 0 10px 0;*/
            background-color: #fff;
        }

            #LanceApp .LanceEdit .steps .el-steps .el-step .el-step__head .el-step__icon {
                width: 20px;
                height: 20px;
                font-size: 12px;
            }

            #LanceApp .LanceEdit .steps .el-steps .el-step .el-step__main .el-step__title {
                font-size: 14px;
                line-height: 18px;
            }

            #LanceApp .LanceEdit .steps .el-steps .el-step .el-step__main .el-step__description {
                font-size: 11px;
            }

        #LanceApp .LanceEdit .el-form {
        }

            #LanceApp .LanceEdit .el-form .el-form-item {
                margin: 5px 0px;
            }

                #LanceApp .LanceEdit .el-form .el-form-item.first {
                    margin: 0px 0px 5px 0px;
                }

                #LanceApp .LanceEdit .el-form .el-form-item.last {
                    margin: 5px 0px 0px 0px;
                }

                #LanceApp .LanceEdit .el-form .el-form-item .el-select {
                    width: 100%;
                }

                /*图片上传*/
                #LanceApp .LanceEdit .el-form .el-form-item .uploader {
                    margin: 0px auto;
                }

                    #LanceApp .LanceEdit .el-form .el-form-item .uploader .el-upload {
                        border: 1px dashed #d9d9d9;
                        border-radius: 6px;
                        cursor: pointer;
                        position: relative;
                        overflow: hidden;
                    }

                        #LanceApp .LanceEdit .el-form .el-form-item .uploader .el-upload:hover {
                            border-color: #409EFF;
                        }

                        #LanceApp .LanceEdit .el-form .el-form-item .uploader .el-upload .icon {
                            font-size: 28px;
                            color: #8c939d;
                            width: 178px;
                            height: 178px;
                            line-height: 178px;
                            text-align: center;
                        }

                        #LanceApp .LanceEdit .el-form .el-form-item .uploader .el-upload .image {
                            width: 178px;
                            height: 178px;
                            display: block;
                        }

            #LanceApp .LanceEdit .el-form .el-autocomplete {
                width: 100%;
            }

            #LanceApp .LanceEdit .el-form .BoxCard {
                width: 98%;
                margin: 0px auto;
                margin-bottom: 10px;
            }

                #LanceApp .LanceEdit .el-form .BoxCard .el-card__header {
                    padding: 6px 20px;
                }

                #LanceApp .LanceEdit .el-form .BoxCard .el-card__body {
                    /*padding: 8px 7px 0px 7px;*/
                    /*padding-bottom: 9px !important;*/
                    padding: 5px 5px 0px 5px;
                    padding-bottom: 5px !important;
                }
