
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4,
h5 { font-size: 14px; }

/*框架边框*/
.edit_form .main_panel{
    width: 100%;
    height: 100%;
    padding: 20px 40px 20px 20px;
    overflow: auto;
}

/*高级搜索*/
.form_search_box{
    float: right;
}
.list_search_div{
    float: right;
    width: 50%;
}
.list_search_div > button{
    width: 50px;
    height: 34px;
    margin-left: 10px;
    position:relative;
    float: right;
    margin-top: 4px;
}
.list_search_div > div{
    width: 70%;float: right;margin-top: 5px;
}
.list_search_div > div > input{
    height: 34px;
}
.list_search_more_div{
    float: right;
    width: 18%;
}
.list_search_more_div dl{
    width: 350px;
}
.list_search_more_div .search_more{
    width: 88%;
    min-height: 200px;
    height: 300px;
    padding: 20px 20px;
    overflow: auto;
}
.list_search_more_div .search_more > div > label{
    color: #000;
}
.list_search_more_div .search_more .search_name{
    width: 90%;
}
.edit_form{
    width: 100%;
    /* height: 100%; */
    /* padding-bottom: 44px; */
}
.edit_form .edit_column{
    float: left;
    width: 50%;
}

.edit_form .edit_one_line{
    width: 100%;
}

/*图片上传*/
.layui-upload-img{
    width: 125px; height: 100px; margin: 0 10px 10px 0;
    object-fit: contain;
}

.edit_form .form_footer{
    position: fixed;
    left: 0;
    width:100%;
    bottom: 0;
    height: 44px;
    line-height: 44px;
    z-index: 1050;
    background-color: #F8F8F8;
    border-top: 1px solid #eee;
    text-align: center;
}

.edit_form .form_footer > div {
    margin-left: 0;
}
.edit_form .disabled {
    display: none;
}
.layui-tree-txt{
    text-decoration: none!important;
}

.view-editor {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    border-color: #e6e6e6;
    min-height: 150px;
}




.tancUL {
    position: absolute;
    background: #FFF;
    border: solid 1px #cccccc;
    left: -15px;
    top: 28px;
    font-size: 12px;
    color: #333333;
    /*padding: 10px 0;*/
    z-index: 999;
    display: none;
    list-style: none;
}

.tancUL li {
    line-height: 32px !important;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #e5e5e5;
    /*padding-bottom: 5px;*/
    padding-right: 15px;
    padding-left: 15px;
}

.tancUL li:last-child {
    border-bottom-width: 0;
}

.tancUL li:hover {
    background-color: #f2f2f2;
}

.tancUL li em {
    height: 2px;
    width: 2px;
    border: 1px solid #666666;
    vertical-align: 10%;
    display: inline-block;
    border-radius: 100px;
    margin-right: 4px;
}

.btn-group:hover .tancUL{
    display: block;
}


a:hover .op_div {
    display: block;
}
.table-operate .layui-form td:last-child .layui-table-cell{
    overflow: inherit;
}
/*div[lay-id="activeInfo-table"] td[data-field="id"] .layui-table-cell:hover .tancUL{*/
    /*display: block;*/
/*}*/
/*.tancUL:hover{display: block}*/

/*控件父容器*/
.layui-form-help-item {
    position: relative;
}

/*帮助图标前的控件*/
.layui-input-help-block {
    margin-right: 20px;
}

/*帮助图标*/
.layui-form-help-icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}
.file_upload_msg{
    float: right;
    margin-right: 10px;
}

/* for list.html start */
.hide {
    display: none
}
.search-form{
    /*border: 1px solid rgb(230, 230, 230);*/
    /*padding: 10px 2px;*/
}
.search-form > .layui-inline {
    padding: 5px 0;
}
.search-form > .search-btn {
    padding-left: 20px;
}
/* for list.html end */

.layui-form-label {
    width: 110px;
}

.layui-input-block {
    margin-left: 140px;
}

.required:before {
    content: "*";
    color: #ff4949;
    margin-right: 4px;
}

.require-on:before {
    content: "*";
    color: #9C9C9C;
    margin-right: 4px;
}

.edit-body .require-on:before {
    color: #ff4949;
}

.edit-body > div:not([class]),
.edit-body > div[class=""],
.edit-body > div[class="main_panel"] {
    padding-bottom: 44px;
}

/* 编辑窗口的输入的提示说明 */
.input-remark { font-size: 12px; color: #cc9000; padding-top: 5px; padding-bottom: 5px; }

/*.layui-btn:not(.layui-btn-danger):not(.layui-btn-primary){*/
/*    background-color: #0080FF;*/
/*}*/

/*.layui-laypage .layui-laypage-curr .layui-laypage-em {*/
/*    background-color: #0080FF;*/
/*}*/

/* layui 主题配色 */
.layadmin-homepage-pad-ver a:hover,
.layui-btn-checked,
.layui-progress-bar,
.layui-form-select dl dd.layui-this,
.layui-form-checked span,
.layui-form-checked:hover span,
.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after,
.layui-nav .layui-nav-child dd.layui-this a,
.layui-nav-child dd.layui-this,
.layui-progress-bar,
.layui-btn-checked,
.layui-form-select dl dd.layui-this { background-color: #0080FF; }
.layuiadmin-page-table td span.third,
.layui-laydate-footer span:hover,
.layui-form-checked i,
.layui-form-checked:hover i,
.layui-form-radio>i:hover,
.layui-form-radioed>i,
.layui-breadcrumb a:hover,
.layui-tab-card>.layui-tab-more .layui-this,
.layui-timeline-axis { color: #0080FF; }
.layadmin-setTheme-color li:hover:after,
.layui-form-checked,
.layui-form-checked:hover,
.layui-form-checkbox[lay-skin=primary]:hover i,
.layui-table-edit:focus { border-color: #0080FF; }
.ew-tree-table .ew-tree-table-edit:focus {
    border-color: #0080FF !important
}
.layui-form-checked[lay-skin="primary"] i {
    border-color: #0080FF !important;
    background-color: #0080FF !important;
}
.layui-form-onswitch,
.layui-transfer-active .layui-btn {
    border-color: #0080FF;
    background-color: #0080FF;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom-color: #0080FF;
}

.layui-auxiliar-moving,
.layui-form-checkbox[lay-skin=primary] span,
.layui-nav-tree .layui-nav-child,
.layui-nav-tree .layui-nav-child a:hover,
.layui-tab-card>.layui-tab-more .layui-this { background: 0 0; }


.layui-layout-admin .layui-logo,
.layui-btn-group .layui-btn-primary:hover,
.layui-laypage a:hover,
.layui-upload-drag .layui-icon,
.layui-tab-brief>.layui-tab-title .layui-this,
.layui-slider-input-btn i:hover {
    color: #0081FF;
}
.layui-elem-quote {
    border-left-color: #0081FF;
}
.layui-btn-primary:hover,
.layui-upload-drag[lay-over] {
    border-color: #0081FF;
}
.layui-laypage input:focus,.layui-laypage select:focus {
    border-color: #0081FF !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-nav-tree .layui-nav-bar,
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
    background-color: #0081FF;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom-color: #0081FF;
}

input[name="tel"]::-webkit-outer-spin-button,
input[name="tel"]::-webkit-inner-spin-button,
input[name="mobile"]::-webkit-outer-spin-button,
input[name="mobile"]::-webkit-inner-spin-button,
input[name="phone"]::-webkit-outer-spin-button,
input[name="phone"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"][name="tel"],
input[type="number"][name="mobile"],
input[type="number"][name="phone"] {
    -moz-appearance: textfield;
}
input[disabled] {
    color: #aaa;
    background-color: #f8f8f8;
}

.layui-layer-loading .layui-layer-content {
    position: relative;
    width: 90px !important;
    height: 90px !important;
}
.layui-layer-load,
.layui-layer-loading .layui-layer-content {
    /*background-size: 90px 90px !important;*/
    /*background-position: center !important;*/
    /*background-repeat: no-repeat !important;*/
    /*background-image: url(../image/loading.gif) !important;*/
    background: none !important;
}
.layui-layer-loading .layui-layer-content:after {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;

    content: "";
    border-radius: 999px;
    border: solid 2px #0080ff;
    border-color: #0080ff #0080ff #0080ff transparent;
    animation: spin 1.5s infinite linear;
}
.layui-table-tips-c {
    right: -10px;
    padding: 0px;
}
.layui-colorpicker-trigger-i {
    position: absolute;
    top: 2px;
    left: 7px;
}
.layui-layer-iframe {
    max-height: 100% !important;
}
.layui-layer-iframe > .layui-layer-content {
    height: calc(100% - 42px);
}
.layui-layer-iframe > .layui-layer-content > iframe {
    height: 100% !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
