body {
    font-family: "Microsoft Yahei", "WenQuanYi Micro Hei",'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    min-height: 100vh;
}

#wrapper{
    overflow: visible;
}
.padding-20{
    padding: 20px;
}
.padding-10{
    padding: 10px;
}
.text-width-200{
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-width-100{
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.min-width-100{
    min-width: 100px;
}
.width-100{
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-width-300{
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-nav-title small {
    margin-top: 5px;
    display: inline-block;
    color: #777;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
}
.content-header-btn {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    font-size: 12px;
    padding: 0px 5px;
    margin-left: 5px;
}
.refleshBtn{
    margin-left: 10px;
}

#sidebar-menu img{
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.pagination>li>a, .pagination>li>span{
    padding: 15px;
}

.listpageHeadRight style{
    max-width: 120px;
    margin-bottom: 5px;
}
.listpageHeadRight input{
    max-width: 120px;
    margin-bottom: 5px;
}
.listpageHeadRight button{
    float: right;
    margin-left: 10px;
}

table tbody tr{
    white-space: nowrap;
    height: 45px!important;
}


table .btn-group{
    white-space: nowrap;
}
table .btn-group .btn{
    margin-bottom: 5px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #3477e5;
}
.page-title{
    line-height: 50px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 20px;
}

.subdrop{
    background: transparent;
}
.a-iframe.subdrop{
    background: rgba(0,0,0,.2)!important;
}


.ztree li a:hover{
    text-decoration: none;
}
.ztree li a.curSelectedNode{
    background-color: transparent;
    border: none;
    color: #3477e5;
    height: 17px;
}
.ztree li{
    position: relative;
}
.ztree li span.button.add{
    position: absolute;
    right: 40px;
}
.ztree li span.button.edit{
    position: absolute;
    right: 20px;
}
.ztree li span.button.remove{
    position: absolute;
    right: 0px;
}

.ztree li span.button.roots_open,.ztree li span.button.bottom_open,.ztree li span.button.center_open,.ztree li span.button.root_open{
    background-image: none;
}
.ztree li span.button.roots_open:before,.ztree li span.button.bottom_open:before,.ztree li span.button.center_open:before,.ztree li span.button.root_open:before{
    display: inline-block;
    font: normal normal normal 14px/1 'Material Design Iconic Font';
    font-size: inherit;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    padding-left: 2px;
    padding-top: 2px;
}


.ztree li span.button.roots_close,.ztree li span.button.bottom_close,.ztree li span.button.center_close,.ztree li span.button.root_close{
    background-image: none;
}
.ztree li span.button.roots_close:before,.ztree li span.button.bottom_close:before,.ztree li span.button.center_close:before,.ztree li span.button.root_close:before{
    display: inline-block;
    font: normal normal normal 14px/1 'Material Design Iconic Font';
    font-size: inherit;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0fb";
    padding-left: 2px;
    padding-top: 2px;
}



.ztree li span.button.add{
    background-image: none;
}
.ztree li span.button.add:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f055";
    font-size: 13px;
}
.ztree li span.button.edit{
    background-image: none;
}
.ztree li span.button.edit:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f044";
    font-size: 13px;
}
.ztree li span.button.remove{
    background: none;
}
.ztree li span.button.remove:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f014";
    font-size: 13px;
}

.panel{
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.layui-table-tips-c {
    padding: 0;
    line-height: 20px;
    text-align: left;
    padding-left: 0px;
    right: -8px;
}

.layui-table-tips-main::-webkit-scrollbar {/*滚动条整体样式*/
    width: 0;
}


.layui-table-body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
.layui-table-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #F2F2F2;
    background: #535353;
}
.layui-table-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px #F2F2F2;
    border-radius: 10px;
    background: #EDEDED;
}


#manIframe{
    display: block;
    border: none;
    width: 100%;
}

/** 样式重写 */
.topbar .topbar-left{
    background: #fff!important;
}
.navbar-default{
    background: #fff!important;
    box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.navbar-default{
    color: #333!important;
}
.nav > li > a{
    color: #333!important;
}
.logo{
    color: #333!important;
}
.side-menu.left{
    background: #202D40;
    box-shadow: none;
}
#sidebar-menu{
    background-color:#202D40;
}
#sidebar-menu > ul > li > a{
    color: #FCFCFD;
}
#sidebar-menu > ul > li.handle-book > a{
    display: block;
    text-align: center;
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    font-size: 12px;
    padding: 0px 5px;
    margin-left: 5px;
    margin: 10px;
    line-height: 40px;
}
#sidebar-menu a:hover{
    background: rgba(0,0,0,.2)!important;
    /*color: #FCFCFD!important;*/
}

.bottomConsoleBox{
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    clear: both;
    z-index: 10;
    -webkit-transition: right .5s;
    -moz-transition: right .5s;
    transition: right .5s;
    -webkit-box-shadow: 0 -3px 5px #eee;
    box-shadow: 0 -3px 5px #eee;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 10px;
}
.bottomConsoleBox .btn{
    width: 200px;
    background-color: #006aff!important;
    border-color: #006aff!important;
}

.animationload {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}
.loader {
    width:200px;
    height:200px;
    font-size:0;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url("../images/loader.gif"); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.iframeSelectBtn{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    background: #40BBF6;
    color: #fff;
}
.iframeSelect .iframeSelectBtn{
    display: block;
}
.iframeSelect .iframeSelectBtn:hover{
    cursor: pointer;
}

.adminPageNav,.navbar-default{
    border-bottom: 1px solid #dadfe6;
    box-shadow: none;
}

.iframeSelect .adminPageNav{
    display: none;
}
.iframeSelect .topTitle{
    display: none;
}
.iframeSelect .editBox{
    display: none;
}
.iframeSelect .consoleBox{
    display: none;
}

.layui-form-checked[lay-skin=primary] i{
    border-color: #1F2D40;
    background-color: #1F2D40;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #333333;
}

.listpageHead .selectItemList{
    background: #F8F8F8;
    padding: 10px;
    border: solid 1px #EEEEEE;
    margin-bottom: 10px;
}
.listpageHead .selectItemList .selectItem{
    display: inline-block;
    border: solid 1px #EEEEEE;
    background: #FFF8E9;
    font-size: small;
    height: 30px;
    line-height: 25px;
    padding-left: 5px;
    margin-right: 5px;
}
.listpageHead .selectItemList .selectItem b{
    font-weight: 400;
}
.listpageHead .selectItemList .selectItem i{
    display: inline-block;
    border-left: dashed 1px #EEEEEE;
    margin-left: 5px;
    width: 25px;
    text-align: center;
}
.listpageHead .selectItemList .selectItem i:hover{
    cursor: pointer;
}

.card-body .table:not(.table-bordered) thead th{
    background: #eff2f7;
    color: #324057;
    font-weight: 600;
    border-bottom: 1px solid #d3dce6;
    height: 30px;
    line-height: 30px;
}

/** 列表分页样式修复 **/
div.dataTables_wrapper div.dataTables_paginate{
    float: right;
    margin-top: 10px;
}
div.dataTables_wrapper div.dataTables_info{
    margin-top: 10px;
}

table.dataTable{
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.page-link{
    font-size: 0.6rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0.5rem;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    position: relative;
    line-height: 1rem;
    border-radius: 0.42rem;
    color: #7E8299;
    border: none;
    margin: 0 5px;
}
.page-item:last-child .page-link{
    border-top-right-radius: .42rem;
    border-bottom-right-radius: .42rem;
}
.page-item:first-child .page-link{
    border-top-left-radius: .42rem;
    border-bottom-left-radius: .42rem;
}
.pagination .page-item.active .page-link{
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    background-color: #006aff;
    color: #FFFFFF;
}
.pagination .disabled{
    color: #B5B5C3;
}
.pagination .first .page-link{
    background-color: #ecf1f6;
}
.pagination .first .page-link:hover{
    background-color: #006aff;
    color: #FFFFFF;
}
.pagination .page-link{
    font-size: 12px!important;
}

.pagination .previous .page-link{
    background-color: #ecf1f6;
}
.pagination .previous .page-link:hover{
    background-color: #006aff;
    color: #FFFFFF;
}
.pagination .next .page-link{
    background-color: #ecf1f6;
}
.pagination .next .page-link:hover{
    background-color: #006aff;
    color: #FFFFFF;
}
.pagination .last .page-link{
    background-color: #ecf1f6;
}
.pagination .last .page-link:hover{
    background-color: #006aff;
    color: #FFFFFF;
}


/** 列表页面搜索样式 */
.console-wrap{
    position: relative;
}
.console-wrap .search-btn{
    float: right;
}
.search-card{
    position: fixed;
    right: -400px;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    width: 400px;
    display: block;
    margin: 0;
    /*border-radius: 0;*/
    overflow-y: scroll;
    -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
    -webkit-box-shadow: 0px 1px 9px -3px rgba(0,0, 0, 0.25)!important;
    box-shadow: 0px 1px 9px -3px rgba(0,0, 0, 0.25)!important;
    overflow-y: auto!important;
}
.search-card-show{
    right: 0px;
}
.search-card .search-title{
    padding-bottom: 20px;
    border-bottom: #E8E8E8 solid 1px;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 10px;
}
.search-card .close-btn{
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #EFF0F5;
    border-radius: 50%;
    right: 20px;
    top: 22px;
}
.search-card .btn-wrap button{
    width: 150px;
    text-align: center;
}
.search-card .form-control{
    width: 100%;
}
.search-card .form-group label{
    text-align: left;
}

/** 列表页面，已经选择数据样式 */
.selected-list{
}
.selected-list .select-item{
    display: inline-block;
    background: #F7F7F7;
    line-height: 35px;
    padding: 0 20px;
    border-radius: 10px;
    margin-right: 5px;
    position: relative;
    margin-bottom: 5px;
    word-break: break-all;
}
.selected-list .select-item .delete-btn{
    width: 20px;
    height: 20px;
    background: #EB544D;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: small;
    display: none;
    z-index: 99;
}
.selected-list .select-item .delete-btn:hover{
    cursor: pointer;
}
.selected-list .select-item:hover .delete-btn{
    display: block;
}
#page-selected-list{
    display: none;
}
.page-select-btn{
    display: none;
}

/** 页面选择样式 */
.page-select{
    margin: 0;
    padding: 0;
    background: #fff;
    width: 100%;
    overflow-x: hidden;
}
.page-select .header{
    display: none;
}
.page-select .navigation{
    display: none;
}
.page-select footer{
    display: none;
}
.page-select #main .main-content{
    padding: 0!important;
    margin: 0!important;
}
.page-select .container-fluid{
    padding: 0;
}
.page-select .card{
    border-radius: 0!important;
    box-shadow: none!important;
    margin-bottom: 0;
}
.page-select #page-selected-list{
    display: block;
}
.page-select .page-select-btn{
    display: inline-block;
}
.page-select .page-add-btn{
    display: none;
}

.page-select .page-del-btn{
    display: none;
}

/** 表单样式 **/
form label.error{
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: rgba(220,53,69,.9);
}
form input.error{
    border-color: #dc3545;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary{
    background-color: #006aff !important;
    border: 1px solid #006aff !important;
    border-radius: 20px;
    min-width: 80px;
}
.btn-edit.btn-custom{
    background-color: transparent!important;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-right: 4px!important;
}
.btn-edit.btn-custom:last-child{
    margin-right: 0!important;
}


.btn-primary.btn-custom:hover{
    background-color: #006aff!important;
}
.btn-danger.btn-custom:hover{
    background-color: #ef5350!important;
}
.btn-success.btn-custom:hover{
    background-color: #33b86c!important;
}
.btn-info.btn-custom:hover{
    background-color: #006aff!important;
}

.console-wrap{
    padding: 20px 0;
    padding-top: 10px;
}

tbody{
    color: #333;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    overflow: hidden;
    text-overflow: ellipsis;
}



.btn{
    box-shadow: none;
    border-radius: 20px;
}
.btn:hover{
    box-shadow: none;
}

.search-wrap{
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.search-card .form-group label{
    padding-top: 5px;
}
.search-card .form-control{
    border-radius: 20px;
}
.layui-layer{
    border-radius: 20px!important;
    overflow: hidden!important;
}


.input-group{
    border-radius: 20px;
    overflow: hidden;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #F0F2F6;
}
input.form-control{
    background-color: #F0F2F6;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
}
textarea.form-control{
    background-color: #F0F2F6;
    border-radius: 20px;
}
select.form-control{
    background-color: #F0F2F6;
    border-radius: 20px;
}

.swal2-styled.swal2-confirm{
    background-color: #006aff!important;
    font-size: 13px!important;
}
.swal2-styled.swal2-cancel{
    font-size: 13px!important;
}
.DTFC_RightBodyLiner{
    overflow-x: hidden!important;
}

.input-group{
    background-color: #F0F2F6;
}
.datatable-nodata{
    position: relative;
}
.datatable-nodata .nodata-tips{
    position: relative;
    color: #7C7C7C;
}


/** 页面选择样式 */
.page-select{
    margin: 0;
    padding: 0;
    background: #fff;
    width: 100%;
    overflow-x: hidden;
}
.page-select .header{
    display: none;
}
.page-select .navigation{
    display: none;
}
.page-select footer{
    display: none;
}
.page-select #main .main-content{
    padding: 0!important;
    margin: 0!important;
}
.page-select .container-fluid{
    padding: 0;
}
.page-select .card{
    border-radius: 0!important;
    box-shadow: none!important;
    margin-bottom: 0;
}
.page-select #page-selected-list{
    display: block;
}
.page-select .page-select-btn{
    display: inline-block;
}
.page-select .page-add-btn{
    display: none;
}

.page-select .page-del-btn{
    display: none;
}

.text-info{
    color: #006aff;
}