@charset "utf-8";
@import url(../lib/layui/css/layui.css);
*{
    margin: 0px;padding: 0px;font-family: "microsoft yahei","Helvetica Neue", Helvetica, Arial, sans-serif;
}
.hide{display: none;}.show{display: block;}
a{text-decoration: none;}
html{width: 100%;height: 100%;overflow-x:hidden; overflow-y:auto;}
body{width: 100%;min-height: 100%;}
.login-bg{background: #eeeeee url() 0 0 no-repeat;background-size: cover;overflow: hidden;}
.form-wrap{background:#f8f8f8; margin-top:15px;}
.login{
    margin: 120px auto 0 auto;
    min-height: 420px;
    max-width: 420px;
    padding: 40px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    /* overflow-x: hidden; */
    box-sizing: border-box;
}
.login a.logo{
    display: block;
    height: 58px;
    width: 167px;
    margin: 0 auto 30px auto;
    background-size: 167px 42px;
}
.login .message {margin: 10px 0 0 0;padding: 18px 10px 18px 60px;background: #0dc316;position: relative;color: #fff;font-size: 16px;}
.login #darkbannerwrap {width: 18px;height: 10px;margin: 0 0 20px -58px;position: relative;}

.login input[type=text],
.login input[type=file],
.login input[type=password],
.login input[type=email], select {border: 1px solid #DCDEE0;vertical-align: middle;border-radius: 3px;height: 50px;padding: 0px 16px;font-size: 14px;color: #555555;outline:none;width:100%;box-sizing: border-box;}
.login input[type=text]:focus,
.login input[type=file]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus, select:focus {border: 1px solid #27A9E3;}
.login input[type=submit],
.login input[type=button]{display: inline-block;vertical-align: middle;padding: 12px 24px;margin: 0px;font-size: 18px;line-height: 24px;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;color: #ffffff;background-color: #189F92;border-radius: 3px;border: none;-webkit-appearance: none;outline:none;width:100%;}
.login hr {background: #fff url() 0 0 no-repeat;}
.login hr.hr15 {height: 15px;border: none;margin: 0px;padding: 0px;width: 100%;}
.login hr.hr20 {height: 20px;border: none;margin: 0px;padding: 0px;width: 100%;}
.x-body{padding: 20px;}
.x-nav{padding: 0 20px;position: relative;z-index: 99;border-bottom: 1px solid #e5e5e5;line-height: 39px;height: 39px;overflow: hidden;}
xblock{display: block;margin-bottom: 10px;padding: 5px ;padding-left:6px;padding-right:15px;line-height: 22px;border-radius: 0 2px 2px 0;background-color: #f2f2f2;}
.x-right{float: right;}
.x-so{margin-bottom: 20px;}
.x-so input.layui-input{width: 150px;}
.x-so .layui-form-label{display: inline-block;}
.x-so input.layui-input,.x-so input.layui-btn{display: inline-block;}
.x-red{
    color: red;
}
.x-a{
    color: #099641;
}
.x-a:hover{
    color: #077e37;
}
.x-sort{
    height: 30px;
}
.x-show{
    cursor: pointer;
}
.layui-form-switch{
    margin-top: 0px;
}
.layui-input:focus, .layui-textarea:focus {
    border-color: #15c142!important;
}

.page{
    margin-top: 20px;
    text-align: center;

}
.page a{
    display: inline-block;
    background: #f5f5f5;
    color: #888;
    padding: 10px 13px;
    min-width: 15px;
	transition:background-color ease .5s;
	font-family:"microsoft yahei";
	border-radius:3px;

}
.page.myself>div{
    display: inline-block;
}
.page.myself a.selected{
    background-color: #0dc316;
    color:#fff;
}
.page.myself .disabledNext{
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    border: 1px solid #e2e2e2;
    color: #d2d2d2!important;
    cursor: not-allowed!important;
}
.page.myself .next{
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    border: 1px solid #e2e2e2;
}
.page.myself .pages{
    display: inline-block;
    width: 40px;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
}
.page.myself a:hover{
    background:#fff;
    color:#888;
}
.page .btn.btn-primary.btn-submit{
    margin-left: 10px;
    padding: 0 10px;
    cursor: pointer;
    border-radius: 2px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    outline: 0;
}
.page span{
    display: inline-block;
    padding: 10px 10px;
    min-width: 15px;
}
.page span.current{
    display: inline-block;
    background: #15c142 url() 0 0 no-repeat;
    color: #fff;
     padding: 10px 13px;
    min-width: 15px;
	border-radius:3px;
}
.page .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page .pagination li.active span{
    background: #15c142 url() 0 0 no-repeat;
    color: #fff;

}
/* 关闭当前 关闭其他 关闭全部样式控制 */
#tab_right{
    display: none;
    width: 80px;
    position: absolute;
    top: 35px;
    left: 0px;
}
#tab_right dl{
    top: 0px;
}
#tab_show{
    position: absolute;
    top: 36px;
    bottom: 0px;
    width: 100%;
    background:rgb(255, 255, 255,0);
    padding: 0px;
    overflow: hidden;
    display: none;
}
/*登录样式*/
/*头部*/
.container{
    width: 100%;
    height: 55px;
    background-color:#111;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
.container .logo a{
    float: left;
    color: #fff;
    font-size: 18px;
    padding-left: 20px;
    line-height: 50px;
    width: 200px;
	transition:background-color ease .3s
}
.container .right{
    background-color:rgba(0,0,0,0);
    float: right;
	transition:background-color ease .3s

}
.container .left_open{
    height: 55px;
    float: left;
}
.container .left_open i{
    display: block;
    background: rgba(255,255,255,0.1) url() 0 0 no-repeat;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
	 transition:background-color ease .3s
}
.container .left_open i:hover{
    background: rgba(255,255,255,0.3) url() 0 0 no-repeat;
}

.container .left{
    background-color:rgba(0,0,0,0);
    float: left;

}
.container .layui-nav-item{
    line-height: 50px;
}
.container .layui-nav-more{
    top: 25px;
}
.container .layui-nav-child{
    top: 50px;
}
.container .layui-nav-child i{
    margin-right: 10px;
}
.layui-nav .layui-nav-item a{
    color: #ccc;
    cursor: pointer;
}
.layui-nav .layui-nav-item >a:hover{
    color: #fff;
    cursor: pointer;
}
.layui-nav .layui-nav-child a{
    color: #333;
    cursor: pointer;
}
.left-nav{
    position: absolute;
    top: 51px;
    bottom: 0px;
    left: 0;
    z-index: 2;
    padding-top: 10px;
    background-color: #222324;
    width: 220px;
    max-width: 220px;
    overflow: auto;
    border-right: 1px solid #131e26;

    /*width: 0px;*/
}
.left-nav #nav > li{
	line-height:30px;
	border-left:4px solid #222324;
	transition:background-color ease .3s
}
.left-nav #nav > li:hover {
	background:#181818;
	border-left:4px solid #42b8f1;
}
.left-nav #nav > li.open {
	border-left:4px solid #42b8f1;
	background:#181818;
}


.left-nav #nav li  a:hover {
    color: white;
}
.left-nav #nav .current{
	background:#41b8f0;
}
.left-nav #nav li a{
    font-size: 14px;
    padding: 12px 15px 12px 20px;
    display: block;
    cursor: pointer;
	color:#8e8e8e;
	transition:background-color ease .3s;
}

.left-nav #nav li a cite{
    font-size: 14px;
}

.left-nav #nav li .sub-menu{
    display: none;
}
.left-nav #nav li .opened{
    display: block;
	background:#454648;
}
.left-nav #nav li .opened:hover{
    /*background: #fff url() 0 0 no-repeat;*/
}
.left-nav #nav li .opened .current{
}
.left-nav #nav li .sub-menu li{
	background:#181818;
	 transition:background-color ease .3s
    /*color: blue;*/
     /*background: #fff url() 0 0 no-repeat;*/
}
.left-nav #nav li .sub-menu li:hover{
	background:#303235;
    /*color: blue;*/
     /*background: #fff url() 0 0 no-repeat;*/
}
.left-nav #nav li .sub-menu li a{
    padding: 10px 15px 10px 30px;
    font-size: 14px;
    cursor: pointer;
	color:#8e8e8e;
}
.left-nav #nav li .sub-menu li .sub-menu li a{
    padding-left: 45px;
}
/*点击当前菜单显示效果*/
.menu-current {
	background:#282b33!important;
}
.menu-current > a{
	color:#fff!important;
}
.left-nav #nav li .sub-menu li a:hover{
    color: #fff;
}
.left-nav #nav li .sub-menu li a i{
    font-size: 12px;
}
.left-nav #nav li a i{
    padding-right: 10px;
	padding-top:8px;
    line-height: 14px;
}
.left-nav #nav li .nav_right{
    float: right;
    font-size: 16px;
}
.page a:hover{ color:#fff; background:#969696; }
.x-slide_left {
    width: 17px;
    height: 61px;
    background: url(../../images/icon.png) 0 0 no-repeat;
    position: absolute;
    top: 200px;
    left: 221px;
    cursor: pointer;
    z-index: 3;
}
.page-content{
    position: absolute;
    top: 51px;
    right: 0;
    bottom: 0px;
    left: 221px;
    overflow: hidden;
    z-index: 1;
}
.page-content-bg{
    position: absolute;
    top: 46px;
    right: 0;
    bottom: 42px;
    left: 221px;
    background: rgba(0,0,0,0.5) url() 0 0 no-repeat;
    overflow: hidden;
    z-index: 100;
    display: none;
}

.page-content .tab{
    height: 100%;
    width: 100%;
    background: #EFEEF0 url() 0 0 no-repeat;
    margin: 0px;
}
.page-content .layui-tab-title{
    /*padding-top: 5px;*/
    height: 35px;
    background: #EFEEF0 url() 0 0 no-repeat;
    position: relative;
    z-index: 100;
}
.page-content .layui-tab-title li.home i{
    padding-right: 5px;
}
.page-content .layui-tab-title li.home .layui-tab-close{
    display: none;
}
.page-content .layui-tab-title li{
    line-height: 35px;
}
.page-content .layui-tab-title .layui-this:after{
    height: 36px;
}
.page-content .layui-tab-title li .layui-tab-close{
    border-radius: 50%;
}
.page-content .layui-tab-title .layui-this{
    background: #fff url() 0 0 no-repeat;
}
.page-content .layui-tab-bar{
    height:34px;
    line-height: 35px;
}
.page-content .layui-tab-content{
    position: absolute;
    top: 36px;
    bottom: 0px;
    width: 100%;
    background: #fff url() 0 0 no-repeat;
    padding: 0px;
    overflow: hidden;
}
.page-content .layui-tab-content .layui-tab-item{
    width: 100%;
    height: 100%;
    
}
.page-content .layui-tab-content .layui-tab-item iframe{
    width: 100%;
    height: 100%;

}
.x-admin-carousel,.layui-carousel,.x-admin-carousel>[carousel-item]>* {
    background-color:#fff
}

.x-admin-backlog .x-admin-backlog-body {
    display:block;
    padding:10px 15px;
    background-color:#f8f8f8;
    color:#999;
    border-radius:2px;
    transition:all .3s;
    -webkit-transition:all .3s
}
.x-admin-backlog-body h3 {
    padding-bottom:10px;
    font-size:12px
}
.x-admin-backlog-body p cite {
    font-style:normal;
    font-size:30px;
    font-weight:300;
    color:#169f1d;
}
.x-admin-backlog-body:hover {background-color:#CFCFCF;color:#888}

.welcome-footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;}
body .layui-layout-admin .footer-demo{height: auto; padding: 15px 0; line-height: 26px;}
.welcome-footer a{padding: 0 5px;}

table th, table td {
    word-break: break-all;
}

.footer{
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #323436;
	text-align:center;
	font-size:12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 41px;
    color: #666;
    /*padding-left: 10px;*/
}
.footer .copyright{
    margin-left: 10px;
}


@media screen and (max-width: 768px){
    .fast-add{
        display: none;
    }
    .layui-nav .to-index{
        display: none;
    }
    .container .logo a{
        width: 140px;
    }
    .container .left_open {
        /*float: right;*/
    }
    .left-nav{
        left: -221px;
    }
    .page-content{
        left: 0px;
    }
    .page-content .layui-tab-content .layui-tab-item{
        -webkit-overflow-scrolling: touch; 
        overflow-y: scroll; 
    }
    .x-so input.layui-input{
        width: 100%;
        margin: 10px;
    }
    .x-so .layui-form-label{
        margin-top: 10px;
    }
}
.page-demo{text-align:center;margin-top:20px;}
/* 去除input number上下箭头 */
/*清除浮动*/
.clearfix:before{content: "";display: table;}
.clearfix:after{content:'';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {zoom: 1; /*IE/7/6*/}
.fl {float: left;}.fr {float: right;}
.tc{text-align: center;}.tl{text-align: left;}.tr{text-align: right;}
.color-gray{color:#666;}.color-blank{color:#333;}
.mr20{margin-right:20px;}.mr40{margin-right:40px;}
.img-responsive{display: block;width:100%;height:100%;}
.text-limit{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
.layui-table-view .layui-form-radio{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    padding-right:0;
}
.layui-table-view .layui-form-radio>i{
    margin-right:0;
}
@media print {
	.no-print{
		display: none!important;
	}
    .v-modal{
        display: none!important;
    }
	#div_PrintData{display: block;width:100%;padding:2px 2px 0;box-sizing: border-box;}
	#div_PrintData .main-table{text-align:center;width: 100%;}
	#div_PrintData .main-table td{ border:1px solid #000;height:40px;}
	#div_PrintData .title-table{ width: 100%;border:1px solid #000;line-height: 40px;margin-bottom:10px;}
	#div_PrintData .title-table td{padding:0 15px;}
}
/* 树形结构 */
.entry-content{
    padding:20px;
}
.demo-tree-more{
    margin:20px;
}

.layui-btn{
    background-color: #409EFF;
  }
  /* //将样式为layui-btn-normal  改变颜色 */
  .layui-btn-danger{
    background-color: red;
    color: #fff;
  }
  .layui-btn-normal {
      background-color: #409EFF;
      /* background-color: #fff;
      color: #409EFF; */
  }
  .layui-btn-text{
    background-color: transparent;
      color: #409EFF;
  }
  .layui-btn-text:hover {
    opacity: 1;
    filter: alpha(opacity=80);
    color: #409EFF;
  }
  .layui-btn-primary{
    background-color: #fff;
  }
  .layui-btn-text.layui-btn-danger{
    /* background-color: red; */
    color: red;
  }
  .layui-btn-text.layui-btn-danger:hover{
    opacity: 1;
            filter: alpha(opacity=80);
            color: red;
  }
  /* //表格分页改颜色 */
  .layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em { 
    background-color: #409EFF;
  }
  
  /* //下拉选项修改颜色 */
  .layui-form-select dl dd.layui-this {
      background-color: #409EFF;
  }
  
  .layui-form-radio>i:hover, .layui-form-radioed>i{
    color:#409EFF ;
  }
  .layui-btn-text.layui-btn-primary{
    color: #409EFF;
    border: none;
  }
  .layui-btn-text.layui-btn-primary:hover{
    color: #409EFF;
    border: none;
    background-color: transparent;
  }
  .layui-btn.layui-btn-disabled{
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1;
  }
  .layui-btn-text.layui-btn-disabled{
    color: #ccc;
    border: none;
    background-color: transparent!important;
  }
  .layui-btn-text.layui-btn-disabled:hover{
    color: #ccc;
    border: none;
    background-color: transparent!important;
  }
  .layui-tab-brief>.layui-tab-title .layui-this{
    color: #409EFF;
  }
  .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #409EFF;
  }
  /* 输入框focus样式 */
  .layui-input:focus, .layui-textarea:focus {
    border-color: #409EFF!important;
  }
  /* 日期选中 */
  .layui-laydate .layui-laydate-content .layui-this {
    background-color: #409EFF!important;
    color: #fff!important;
  }
  /* 分页控件居右 */
  .layui-table-page{
    display: flex;
    flex-direction:row;
    justify-content: end;
  }
  .el-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size:14px;
  }
  .el-dropdown{
      margin-left: 10px;
      margin-right: 10px;
    }
    .el-table .el-table__body {
        table-layout: fixed !important;
        border-collapse: separate;
    }
    .full-loading .el-icon-loading{
        font-size:40px;
        color: #333;
    }