html,body{
	height: 100%;
}
body {
    font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
    font-size: 12px;
}
.w180{
    width: 180px;
}
ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

input,
button {
    outline: none;
}

a:hover,
a:link {
    text-decoration: none;
}

.header {
    height: 60px;
    background: #fff;
    /*min-width: 920px;*/
    position: relative;
    z-index: 1000;
    overflow: initial!important
}

.header .logo {
    position: absolute;
    z-index: 100001;
    height: 61px;
    width: 180px;
    text-align: center;
    line-height: 61px;
    background: #116be6;
}
.header .logo a{
    color: #fff;
    font-size: 18px;
}
.header .logo a:hover{
    text-decoration: none;
}

.header .shadow {
    /*min-width: 920px;*/
    position: static;
    z-index: 9999;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}

.header .switch {
    padding-right: 10px;
    margin-left: 180px;
    float: left;
    cursor: pointer;
    height: 60px;
    position: relative;
    line-height: 60px;
    z-index: 4;
    /*padding-top: 4px;*/
}
.header .switch>span{
    margin-left: 10px;
    font-size: 18px;
    color: #293540;
    /*line-height: 60px;*/
}
.header .switch .system {
    width: 163px;
    border: 1px solid #d5dbe0;
    background: #FFF;
    position: absolute;
    z-index: 99;
    left: 0px;
    top: 60px;
    max-height: 300px;
    overflow-y: auto;
    padding-bottom: 3px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px #909090;
}

.header .switch .system li {
    /*height: 29px;*/
    line-height: 16px;
    padding: 6px 0 6px 10px;
}

.header .switch .system li a {
    color: #333;
    font-size: 12px;
    /*margin-left: 10px;*/
}

.header .switch .system li:hover {
    background: #ecf0f5;
}

.header .switch .system li:hover a {
    color: #242e38;
}

.header .switch:hover {
    background: #eee;
}

.header .switch i {
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -5px;
    width: 24px;
    height: 18px;
    background-position: -47px -34px;
}

.header .notice {
    float: left;
    margin-left: 10px;
    margin-top: 16px;
}

.header .notice i {
    color: #9ca5b8;
    margin-right: 5px;
}

.header .notice span {
    // color: #e6292f;
    color:#333;
    font-size: 12px;
}

.header .search {
    float: right;
    width: 190px;
    height: 26px;
    background: #FFF;
    border-radius: 13px;
    margin-right: 20px;
    margin-top: 11px;
    line-height: 26px;
    border: 1px solid #e6e6e6;
}

.header .search i {
    float: right;
    width: 18px;
    height: 18px;
    background: url("../images/mowen.png");
    margin-right: 7px;
    margin-top: 4px;
    font-size: 12px;
}

.header .search input {
    float: left;
    border: 0;
    width: 145px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    color: #2e80d1;
    border: 0;
}

.header .search input::-webkit-input-placeholder {
    color: #999;
}

.header .search input:-moz-placeholder {
    color: #999;
}

.header .search input:-ms-input-placeholder {
    color: #999;
}

.header .search button {
    float: right;
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    color: #FFF;
    background: #b8998a;
    margin-right: 1px;
}

.header .operation {
    float: right;
    position: relative;
    margin-right: 5px;
}
.header .operation .line{
    float: left;
    width: 1px;
    height: 18px;
    background: #cccccc;
    margin-top: 19px;
}
.header .operation a {
    position: relative;
    float: left;
    height: 30px;
    /*width: 48px;*/
    margin-top: 18px;
    line-height: 30px;
    padding: 0 20px;
    color: #293540;
}
.header .operation a:first-child{
    border-left: 0;
}
.header .operation a.memberarea{
    width: auto;
height: 20px;
text-decoration: none;
}
.header .operation b {
display: block;
width: 22px;
height: 16px;
line-height: 16px;
border-radius: 8px;
background: #e6292f;
color: #fff;
font-size: 12px;
position: absolute;
text-align: center;
font-weight: normal;
left: 46px;
top: -6px;
}

.header .operation a:hover {}

.header .operation i {
height: 24px;
width: 20px;
margin-left: 15px;
background-position: -48px -60px;
}


/*leftmenu*/

.container {
    width: 100%;
    height: 100%;
}

.bar {
    width: 180px;
    text-align: center;
    /*padding-left: 13px;*/
    position: relative;
}

.bar a {
    color: #405164;
    font-size: 13px;
}

.bar .toggle-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-top: 7px;
    background: url(../images/icon.png) no-repeat;
}
.bar .toggle-icon.angle-double-left{
    background-position: -47px -3px;
}
.bar .toggle-icon.angle-double-right{
    background-position: -62px -3px;
}
.span-set {
    /*float: left;*/
    /*margin: 17px 8px 0 0;*/
    cursor: pointer;
}
.span-set:hover{
    /*font-weight: bold;*/
}

.set {
    font-size: 14px;
    margin-left: 0!important;
    vertical-align: -1px;
}

.mar {
    margin-left: 20px;
}

.mar1 {
    margin-left: 16px;
}

.bar.smallbar {
    width: 0px;
    display: none;
}

.bar.smallbar span {
    display: none;
}

.bar.smallbar .toggle-icon {
    right: 15px;
}

.left-sidebar {
    padding-right: 0;
    padding-left: 0;
    width: 180px;
    float: left;
    margin-left: -100%;
    position: relative;
    z-index: 5555555;
}

.left-sidebar.minified {
    width: 0px;
    margin-right: -0px;
    z-index: 1000;
}

.left-sidebar.minified .main-menu > li {
    position: relative;
    width: 0px;
}

.left-sidebar.minified .main-menu > li .fa {
    width: 0px;
}
.left-sidebar.minified .main-menu > li .toggle-icon {
    display: none;
}
.left-sidebar.minified .main-menu > li> a {
    padding-left: 0;
    text-align: center;
    background: #242e38;
}
.left-sidebar.minified .main-menu > li:hover > a {
    /*padding-left: 0;*/
    background: #293440;
}

.left-sidebar.minified .main-menu > li > a > .text {
    position: absolute;
    display: none;
}

.left-sidebar.minified .main-menu > li:hover > a > .text {
    position: absolute;
    display: block;
    left: 40px;
    top: 0;
    min-width: 140px;
    text-align: left;
    z-index: 9999;
    padding: 12px 20px;
    color: #8a9199;
    /*border: 1px solid #ccc;*/
    line-height: 1.5;
    background: #293440;
    font-weight: 700;
}

.left-sidebar.minified .main-menu > li:hover > ul.sub-menu {
    display: block !important;
    width: 140px;
    position: absolute;
    margin-left: 40px;
    z-index: 9999;
    /*border: 1px solid #E4E4E4;*/
    border-top: none;
}

.left-sidebar.minified .main-menu > li:hover > ul.sub-menu > li > a {
    padding-left: 6px;
}

.left-sidebar .main-menu > li > ul.sub-menu > li >a.active {
    background-color: #1e282c;
}

.left-sidebar .main-menu > li > ul.sub-menu > li > ul.sub-menu> li > a.on {
    background-color: #2c3b41;
}

.main-menu-wrap {
    background: #3f4851;
}

ul.main-menu {
    padding-left: 0;
    list-style-type: none;
    height: calc(100vh - 60px)!important;
    margin-bottom: 0px;
    // background: #242e38;
}


/*ul.main-menu > li.active > a {*/


/*font-weight: 700;*/


/*background-color: #dfdfdf;*/


/*}*/


ul.main-menu li a.active {
    color: #ffffff;
}

ul.main-menu li a.on:hover {
    /*font-weight: 700;*/
    /*color: #FFF;*/
    /*background-color: #c23a3a;*/
}
.icon{
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
ul.main-menu > li >a>.icon{
    width: 18px;
    margin-top: -3px;
}
ul.main-menu > li >a>.icon.rz{
    height: 18px;
    background-position: 0 0;
}
ul.main-menu > li >a>.icon.cg{
    height: 18px;
    background-position: 0 -19px;
}
ul.main-menu > li >a>.icon.xs{
    height: 16px;
    background-position: 0 -40px;
}
ul.main-menu > li >a>.icon.jg{
    height: 18px;
    background-position: 0 -61px;
}
ul.main-menu > li >a>.icon.fp{
    height: 17px;
    background-position: 0 -84px;
}
ul.main-menu > li >a>.icon.gs{
    height: 16px;
    background-position: 0 -104px;
}
ul.main-menu > li >a>.icon.sp{
    height: 18px;
    background-position: 0 -123px;
}
ul.main-menu > li .text {
    padding-left: 15px;
    font-size: 14px;
}

ul.main-menu > li a {
    display: block;
    position: relative;
    padding: 12px 0 12px 15px;
    /* color: #999; */
    color:#b1b1b1;
    background-color: #3f4851;
}

.main-nav>ul.main-menu>li>a {
    background-color: #293440;
}

ul.main-menu > li {
    /*display: list-item;*/
    text-align: -webkit-match-parent;
}

ul.main-menu .sub-menu.open {
    overflow: hidden;
    display: block;
}

ul.main-menu .sub-menu {
    position: relative;
    display: none;
    padding-left: 0;
    background-color: #242e38;
}

ul.main-menu .sub-menu li a {
    padding-left: 37px;
    cursor: pointer;
}
ul.main-menu .sub-menu li a.on{
    color: #fff;
}
ul.main-menu > li .toggle-icon {
	font-family:"iconfont" !important;
	  font-size:16px;
	  font-style:normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
    position: absolute;
}
ul.main-menu > li .toggle-icon.angle-right{
    right: 20px;
    top: 12px;
    width: 16px;
    height: 16px;
}
ul.main-menu > li .toggle-icon.angle-right:before {
	content: "\e74d";
}

ul.main-menu > li .toggle-icon.angle-down:before {
	content: "\e755";
}
ul.main-menu > li .toggle-icon.angle-down{
    right: 18px;
    top: 12px;
    width: 16px;
    height: 16px;
}
/*ul.main-menu .sub-menu li a.active {*/


/*background: #69b1fa;*/


/*color: #FFF;*/


/*}*/

ul.main-menu>li>ul>li>a:hover {
  color: #fff;
}
iframe{
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}
.all{
    background: #edeff0;
}
.all .all-title{
    line-height: 40px;
    font-size: 18px;
    color: #293540;
    margin-bottom: 10px;
}
body .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f5f5f6;
    opacity: 1;
}
.daytip{
   position: absolute;
    top: 13px;
    left:46px;
}
body .inlineblock{
    display: inline-block;
}
.daytipright{
   position: absolute;
    top: 13px;
    right:11px;
}
.per50{
    width: 50%;
}
.ml10{
    margin-left: 10px;
}
.w60{
    width: 60px!important;
}
/*右侧*/
.mt20{
    margin-top: 20px;
}
.pl10{
    padding-left: 10px;
}
.content-wrapper {
    /*border-left: 1px solid #e4e4e4;*/
    float: left;
    width: 100%;
    /*overflow: hidden;*/
    /*margin-top: 10px;*/
}
td.relative .form-control{
    padding: 6px 24px 6px 12px;
}
.content-wrapper .right150 {
    margin-left: 180px;
}
.clear{
    zoom:1;
}
.clear:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.fr{
    float: right;
}
.fl{
    float: left;
}
.p20{
}
a{
    color: #21b5eb;
}
a:hover{
    text-decoration: underline;
    color: #21b5eb;
}
.main-menu a:hover{
    text-decoration: none;
}

.contlist{
    padding: 0 20px;
    background: #fff;
}
.bgfff{
    background: #fff;
}
.bggray{
    background: #f5f5f6;
}
.pb20{
    padding-bottom: 20px;
}
.ml-20{
    margin-left: -20px;
}
.ml20{
    margin-left: 20px;
}
.pl20{
    padding-left: 20px;
}
.cont-title{
    padding: 15px 0;
    font-size: 12px;
    line-height: 17px;
    font-size: 16px;
    color: #293540;
}
.cont-title .seemore{
    font-size: 12px;
}
.cont-title .border-left{
    font-size: 14px;
    margin-left: 10px;
}
.content-wrapper .right40 {
    margin-left: 40px;
}

#content{
    background: #edeff0;
    overflow: auto;
    height: calc(100vh - 60px);
    /*width: 100%;*/
    /*padding: 20px;*/
}
/*tab修改*/

.tabarea {
    position: relative;
    background: #edeff0;
}

.nav {
    padding-left: 10px;
    cursor: pointer;
}

.nav-tabs li:first-child {
    border-left: 1px solid #ddd;
}

.nav li.active a {
    color: #333;
}

.nav li.active a:hover,
.nav li.active a:link {
    color: #333;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li {
    border-right: 1px solid #ddd;
}

.nav-tabs > li >a {
    color: #666;
    padding: 5px 3px;
    border-radius: 0;
    margin-right: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
}

.nav-tabs > li >a > span {
    padding: 5px 10px;
}

.nav-tabs > li >a i {
    margin-right: 3px;
    cursor: pointer;
    font-size: 12px;
}

.nav-tabs > li >a i:hover {
    color: #f80f0f;
}

.nav-tabs > li >a:hover {
    background: #eee;
}

.tabarea .arrowdown {
    width: 24px;
    text-align: center;
    border-left: 1px solid #ddd;
    border-bottom: none;
    cursor: pointer;
    color: #999;
    position: absolute;
    height: 27px;
    right: 0;
    top: 0;
}

.tabarea .arrowdown i {
    font-weight: bold;
    margin-top: 8px;
}

.tabarea .arrowdown .alltab {
    width: 145px;
    border: 1px solid #d5dbe0;
    background: #FFF;
    position: absolute;
    z-index: 99;
    text-align: left;
    right: 4px;
    top: 27px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px #909090;
    padding: 10px 0;
}

.tabarea .arrowdown .alltab .scrollarea {
    border-top: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
}

.tabarea .arrowdown .alltab li {
    height: 29px;
    line-height: 29px;
}

.tabarea .arrowdown .alltab li.bord {
    border-bottom: 1px solid #ccc;
}

.tabarea .arrowdown .alltab li a {
    color: #333;
    margin-left: 15px;
}

.tabarea .arrowdown .alltab li a i {
    color: #242e38;
    margin-right: 3px;
}

.tabarea .arrowdown .alltab li:hover {
    background: #ecf0f5;
}

.tabarea .arrowdown .alltab li:hover a {
    color: #242e38;
}

.tabarea .arrowdown .alltab li:hover a i {
    color: #242e38;
}


/*tab2*/

.nav-pills {
    margin-top: 10px;
}

.nav-pills-custom-minimal {
    border-bottom: 1px solid #ccc;
}

.nav-pills-custom-minimal.custom-minimal-bottom > li.active > a {
    border-bottom-color: #c23a3a;
    background: #FFF;
}

.nav-pills-custom-minimal.custom-minimal-bottom > li a {
    border-top: none;
    border-bottom: 2px solid transparent;
}


/*.nav-pills-custom-minimal.custom-minimal-bottom > li a:hover{*/


/*background: #fff;*/


/*}*/

.nav-pills-custom-minimal > li.active > a {
    background-color: transparent;
    border-top-color: #69b1fa;
    color: #555555;
}

.nav-pills-custom-minimal > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 5px 15px;
    border-top: 2px solid transparent;
    color: #555555;
}

.searchgroup {
    padding: 10px 10px 0;
    clear: both;
    overflow: hidden;
}

.searchgroup .formbg .group {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.searchgroup .formbg .group label {
    float: left;
    margin-right: 5px;
    margin-top: 4px;
    font-weight: normal;
    color: #666;
}

.searchgroup .formbg .group input {
    width: 120px;
    float: left;
}

.searchgroup .formbg .group select {
    float: left;
    margin-right: 10px;
}

.searchgroup select.form-control {
    width: 160px;
    height: 27px;
    font-size: 12px;
}

.input-sm {
    height: 27px;
}

.input-td {
    height: 22px;
    font-size: 12px;
}

.btn-10 {
    padding: 4px 10px;
    font-size: 12px;
    margin-right: 10px;
}

.btn-15 {
    padding: 2px 15px;
    font-size: 12px;
}

.btn i {
    margin-right: 3px;
}

.btn-tp {
    background: #d94141;
    color: #FFF;
}

.btn-tp:hover {
    background: #e85454;
    color: #FFF;
}

.tablebox {
    padding: 0 10px 10px;
}

@media screen and (max-width: 931px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

.tabletitle {
    background: #f9fafa;
    border-top: 1px solid #ececec;
    height: 36px;
    line-height: 36px;
    color: #333;
    width: 100%;
}

.tabletitle b {
    float: left;
    margin-left: 10px;
    font-weight: normal;
}

.tabletitle button {
    float: left;
    margin-left: 10px;
    margin-top: 7px;
}


/*table修改*/

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom: none;
    background: #f4f4f3;
    color: #333;
    font-weight: normal;
}

table td > i {
    cursor: pointer;
    color: #bbc1c7;
}

table th > i {
    cursor: pointer;
    color: #69b1fa;
    margin-left: 5px;
}

table td > a {
    color: #388ce0;
    margin: 0 3px;
}

table td > a:hover {
    color: #58a7f7;
}

.red {
    color: #d93636;
}

.green {
    color: #53a629;
}

.table {
    margin-bottom: 0;
}

.table > tbody > tr >td {
    vertical-align: middle;
}

.bluetr {
    background: #d7effa;
}

.totlebg {
    background: #ececec;
    text-align: center;
}

.totlebg span {
    color: #fa3725;
}


/*分页修改*/

.pagination {
    margin: 5px 0;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #d94141;
    border-color: #d94141;
}

.pagination>li>a,
.pagination>li>span {
    color: #666;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #d94141;
}

ul.main-menu .sub-menu li a.pl45 {
    padding-left: 35px;
}

ul.main-menu .sub-menu li a.pl55 {
    padding-left: 55px;
}

.memberarea {
    position: relative;
    /*border-right:1px solid #c73c3c;*/
}
.memberarea:hover .member{
    display: block;
}
.memberarea>span {
    font-size: 12px;
    /*margin-left: 8px;*/
    color: #242e38;
    display: inline-block;
    width: auto;
    height: 30px;
    text-align: center;
    line-height: 30px;
    /*background: #ecf0f5;*/
    border-radius: 15px;
}
.header .memberarea >i{
    margin:-3px 3px 0;
    vertical-align: middle;
    width: 9px;
    height: 6px;
    background-position: -53px -90px;
}
.header .memberarea .member-img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.header .memberarea .member-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0;
}
.memberarea .member {
    display: none;
    width: 110px;
    border: 1px solid #d5dbe0;
    background: #FFF;
    position: absolute;
    z-index: 999999;
    right: 17px;
    top: 30px;
    padding: 10px 2px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px #909090;
}
.memberarea .member:before{
    position: absolute;
    content: "";
    display: block;
    z-index: 4;
    top:-8px;
    right: 8px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.memberarea .member:after{
    position: absolute;
    z-index: 3;
    content: "";
    display: block;
    top:-10px;
    right: 7px;
    border-bottom: 9px solid #e7e7e7;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.memberarea .member li {
    color: #333;
    padding-left: 15px;
    height: 29px;
    line-height: 29px;
}

.memberarea .member li:hover {
    background: #ecf0f5;
    color: #242e38;
}

.content-header {
    position: relative;
    padding: 15px;
}

.content-header>h1 {
    margin: 0;
    font-size: 24px;
}

// sub-menu
#menu-list {
    display: block !important;
    min-width: 200px;
    position: absolute;
    margin-left: 40px;
    z-index: 9999;
    border: 1px solid #E4E4E4;
    border-top: none;
}

#menu-list > li > a {
    display: block;
    position: relative;
    padding: 8px 0 8px 24px;
    color: #95b1bf;
    background-color: #242e38;
}

#menu-list > li >a:hover {
    background-color: #1e282c;
}

.bar-menu {
    padding-left: 24px;
    cursor: pointer;
    font-weight: bold;
}


/*树形图*/

.catTree {
    padding: 0 0 0 20px;
    overflow: hidden;
    // height: 500px;
}

.tree-wrap,
.tree-content {
    overflow: auto;
}

.tree-left,
.tree-right {
    float: left;
    width: 260px;
    height: 450px;
}

.tree-wrap,
.tree-content {
    border: 1px solid #e3e3e3;
    height: 396px;
}

.tree-content {
    padding-top: 16px;
    box-sizing: border-box;
    font-size: 14px;
    white-space: nowrap;
}

.tree-title {
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.tree-content li {
    padding-left: 23px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
}

.tree-content li:hover {
    background: #f1faff;
}

.tree-content li.active {
    background: #f1faff;
}

.btn-list {
    float: left;
    text-align: center;
    width: 160px;
    margin-top: 166px;
}

.btn-list button {
    width: 80px;
    height: 28px;
    border-radius: 1px;
    border: 0;
    margin-bottom: 10px;
    background: #f1f1f1;
    border: 1px solid #dedede;
    color: #333;
}

.btn-list button:hover {
    opacity: .8;
}

// .btn-list button.bt-choose {
//     background: #2e8ded;
//     color: #fff;
// }
// .btn-list button.bt-close {
// }
.button-list {
    margin-top: 38px;
}

.button-list p {
    height: 40px;
    text-align: center;
}

.button-list p button {
    width: 74px;
    height: 30px;
    border: 0;
    background: #f1f1f1;
    margin-right: 8px;
    color: #979797;
    border-radius: 1px;
}

.button-list p button:hover {
    opacity: .8;
}

.button-list p .save {
    width: 154px;
    height: 30px;
    background: #c7181e;
    color: #fff;
}


/*更改加减号图表样式*/

.ztree li {
    margin: 0 0 0 10px;
    padding: 10px 5px 0 5px;
    position: relative;
    clear: both;
}

.ztree li ul {
    clear: both;
}

.ztree li > i {
    background: url('../images/tree_select.png') no-repeat 0 0;
    width: 16px;
    height: 16px;
    background-size: 16px 32px;
    float: left;
    cursor: pointer;
}

.ztree li > i.check {
    background-position: 0 -16px;
}

.ztree li::before,
.ztree li::after {
    content: '';
    left: -20px;
    position: absolute;
    right: auto;
}

.ztree li > s {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 2px;
}

.ztree li > s.show {
    cursor: pointer;
    background: url('../images/tree_switch.png') no-repeat 0 0;
    background-size: 16px 32px;
}

.ztree li > s.hide {
    cursor: pointer;
    background: url('../images/tree_switch.png') no-repeat 0 -16px;
    background-size: 16px 32px;
    display: block !important;
}

.ztree li > a {
    /*float: left;*/
    font-size: 12px;
    color: #666;
    text-decoration: none;
    margin-left: 2px;
}

.ztree > ul > li::before,
.ztree > ul > li::after {
    border: 0
}

.ztree li:last-child::before {
    height: 30px
}

.ztree li span.button {
    background: url(../images/tree_switch.png) no-repeat;
    background-size: 16px 32px;
    margin-right: 4px;
    vertical-align: bottom;
}

.ztree li span.button.switch {
    width: 16px;
    height: 16px;
}

.ztree li span.button.noline_open {
    background-position: 0 -16px;
}

.ztree li span.button.noline_close {
    background-position: 0 0;
}


/*更改单选框样式*/

.ztree li span.button.chk {
    width: 16px;
    height: 16px;
    background: url(../images/tree_select.png) no-repeat;
    background-size: 16px 32px;
    cursor: pointer;
    vertical-align: bottom;
}

.ztree li span.button.chk.checkbox_false_full {
    background-position: 0 0;
}

.ztree li span.button.chk.checkbox_true_full {
    background-position: 0 -16px;
}

.ztree li span.button.chk.checkbox_false_full_focus {
    background-position: 0 0;
}

.ztree li span.button.chk.checkbox_true_full_focus {
    background-position: 0 -16px;
}

.ztree li span.button.chk.checkbox_true_part {
    background: url(../images/tree_select1.png) no-repeat;
    background-size: 16px 32px;
    background-position: 0 -16px;
}

.ztree li span.button.chk.checkbox_true_part_focus {
    background: url(../images/tree_select1.png) no-repeat;
    background-size: 16px 32px;
    background-position: 0 -16px;
}

.ztree li span.button.chk.checkbox_false_part {
    background-position: 0 0;
}

.ztree li span.button.chk.checkbox_false_part_focus {
    background-position: 0 0;
}

.ztree li a.curSelectedNode {
    background: #fff;
    border: 0;
    padding: 1px 3px 0 0;
    height: 17px;
}

.ztree li a:hover {
    text-decoration: none
}

.catTree li > a {
    float: none
}


.header,
.header * {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

.container,
.container * {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
}


/*tips*/

.sub-menu-tips {
    position: fixed;
    left: 150px;
    background: #fff;
    /*width: 600px;*/
    border-radius: 1px;
    z-index: 8888888888;
    border: 1px solid #ccc;
    padding: 0 20px 20px;
}

.sub-menu-tips.top {
    top: 100px;
}

.sub-menu-tips:after {
    position: absolute;
    content: "";
    left: -6px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
}

.sub-menu-tips.top:after {
    top: 21px;
}

.sub-menu-tips.top:before {
    top: 20px;
}

.sub-menu-tips.bot:after {
    bottom: 11px;
}

.sub-menu-tips.bot:before {
    bottom: 10px;
}

.sub-menu-tips:before {
    position: absolute;
    content: "";
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #ccc;
    border-bottom: 8px solid transparent;
}

.sub-menu-tips .sub-menu-detail {
    max-width: 500px;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    padding-top: 20px;
}

.sub-menu-tips .sub-menu-detail p {
    padding-bottom: 15px;
    line-height: 16px;
    border-bottom: 1px solid #e8ecf1;
}

.sub-menu-tips .sub-menu-detail h4 {
    font-weight: 800;
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}

.sub-menu-tips .sub-menu-detail ul {
    // width: 518px;
    max-height: 120px;
    overflow: auto;
}

.sub-menu-tips .sub-menu-detail ul li {
    overflow: hidden;
    line-height: 18px;
    margin-bottom: 10px;
}

.sub-menu-tips .sub-menu-detail ul li .datetime {
    width: 80px;
    color: #999;
    float: left;
}

.sub-menu-tips .sub-menu-detail .more {
    display: block;
    text-align: center;
    width: 40px;
    margin: 0 0 20px 230px;
    font-size: 12px;
    color: #0b78e5;
}

.sub-menu-tips .sub-menu-detail .more i {
    margin-left: 3px;
}


.sub-menu-tips .sub-menu-person {
    max-width: 420px;
    height: 36px;
    line-height: 36px;
    margin-left: 80px;
    background: #f2f4f5;
    font-size: 12px;
    color: #999;
    padding: 0 15px;
}

/*下拉列表*/
.elles{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.header #select{
    margin-top: 9px;
    margin-left: 10px;
}
#select > button {
    width: 240px;
    font-size: 12px;
    display: block;
    overflow: hidden;
    font-weight: normal;
    text-overflow: ellipsis;
}
/*message*/
.header .operation .message{
    height: 35px;
}
.message-cont{
    display: none;
    position: absolute;
    right: -2px;
    top: 35px;
    border: 1px solid #ccc;
    color: #333;
    background: #fff;
    width: 220px;
    padding: 10px;
    border-radius: 1px;
}
.message-cont:before{
    position: absolute;
    right: 18px;
    top: -9px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.message-cont:after{
    position: absolute;
    right: 19px;
    top: -8px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.message-cont li{
    border-top: 1px solid #ececec;
    padding-bottom: 8px;
    padding-top: 5px;
}
.message-cont li:first-child{
    border-top: 0;
    padding-top: 0;
}
.message-cont li h4{
    margin-top: 0;
    font-weight: 800;
    margin-bottom: 5px;
    font-size: 14px;
}
.message-cont li p{
    margin: 0;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.message-cont .message-more{
    text-align: right;
    color: #4997e5;
}
.message-cont .message-more span{
    cursor: pointer;
}
.message:hover .message-cont{
    display: block;
}

.small-btn{
    padding: 3px 10px!important;
    margin-left: 15px;
}

#messagetable  tr td{
    max-width: 300px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
}
.messagetable  tr th{
    text-align: center;
}
.messagetable  tr.hasread td{
    color: #cacaca;
}
.messagetable tr td .ells{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
/*alert-tips-list*/
.alert-tips-list{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 250px;
    z-index: 900;
}
.alert-tips-list .alert-tips{
    width: 250px;
    background: #fff;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
    padding-bottom: 20px;
}
.alert-tips-list .alert-tips .alert-tips-title{
    padding:0 10px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
}
.alert-tips-list .alert-tips .alert-tips-title span{
    float: right;
    cursor: pointer;
    background: url(../images/close.png) no-repeat;
    background-size: 11px;
    width: 13px;
    height: 13px;
    font-size: 12px;
    margin-top: 15px;
}
.alert-tips-list .alert-tips .alert-tips-title span:hover{
    opacity: 0.6;
}
.alert-tips-list .alert-tips .alert-tips-cont{
    padding: 0 20px 10px;
}
.alert-tips-list .alert-tips .alert-tips-cont h4{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 800;
}
.alert-tips-list .alert-tips .alert-tips-cont h4.red{
    color: #e6292f;
}
.alert-tips-list .alert-tips .alert-tips-cont p{
    font-size: 12px;
    line-height: 20px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}
.alert-tips-list .alert-tips .alert-tips-goto{
    text-align: right;
    padding: 0 20px;
}
.w138{
    width: 138px;
}
.w210{
    width: 230px;
}
.mr20{
    margin-right: 20px;
}
.h32{
    height: 28px;
}
.red{
    color: #f24e53;
}
.relative{
    position: relative;
}
.dateicon{
    position: absolute;
    display: block;
    top:7px;
    right: 7px;
    content: "";
    width: 18px;
    height: 18px;
    z-index: 100;
    background: url(../images/date.jpg) no-repeat;
}
#messagetableright .no-records-found td{
    display: none;
}
.search{
    padding-right: 20px;
}
.search table th{
    background: #fff;
    text-align: right;
}
.search table td .dateicon{
    top:13px;
    right: 10px;
}
.search-list{
    margin-bottom: 10px;
}
.search-list .group:first-child{
    margin-bottom: 10px;
}
.search-list .group label{
    width: 80px;
    line-height: 32px;
    text-align: right;
    margin-right: 10px;
    font-size: 12px;
    color: #293540;
    font-weight: normal;
    margin-bottom: 0;
}
.searchbtn{
    padding: 15px 25px 20px;
    text-align: right;
}
.searchbtn button.blue{
    background: #116be6!important;
    color: #fff;
}
.searchbtn button.gray{
    background: #999;
    color: #ffffff;
}
.searchbtn button.yellow{
    background: #f59f1d;
    color: #fff;
}
.w120{
    width: 120px;
}
.w80{
    width: 80px;
}
.searchbtn button{
    height: 32px;
    margin-right: 10px;
    border: 0;
    font-size: 12px;
    border-radius: 1px!important;
}
.searchbtn button:hover{
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.table-condensed{
    background: #fff;
    font-size: 12px;
    color: #293540;
}

.table-condensed.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
}
.table-condensed th{
    background: #f7f9fa;
    font-weight: normal;
}
.contract-table-top .table-condensed th{
	color: #ffffff;
    background: #116be6;
    font-weight: 600;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0px solid transparent;
    border-bottom: 1px solid #f2f3f5;
}
.pagelistbtn{
    margin-top: 20px;
}
.pagelistbtn .pagebtn{
    float: left;
    display: block;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    padding: 0 10px;
    background: transparent;
    font-size: 12px;
    color: #293540;
    border:1px solid #b7bfc7;
    margin-left: 10px;
    border-radius: 1px;
}
.pagelistbtn .pagebtn.active{
    color: #fff;
    background: #21b5eb;
    border:1px solid #21b5eb;
}
.pagelistbtn .pagebtn.morepages.active{
    color: #293540;
    background: transparent;
    border:1px solid #21b5eb;
}
.pagelistbtn .pagebtn.disable{
    color: #ced7e0;
    border:1px solid #ced7e0;
}
.pagelistbtn .pagebtn i{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    border-top: 9px solid #8a9199;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.pagelistbtn .otherpage{
    display: none;
    position: absolute;
    bottom:32px;
    left: -1px;
    /*padding:5px;*/
    background: #fff;
    max-height: 120px;
    width: 55px;
    overflow: auto;
    border: 1px solid #e3e4e5;
    border-radius: 1px;
}
.pagelistbtn .otherpage li{
    color: #293540;
    text-align: center;
    line-height: 30px;
}
.pagelistbtn .otherpage li:hover{
    background: #edeff0!important;
}

.main-nav{
	background-color: #3f4851;
	/*position: fixed;*/
	top: 60px
}
.sidebar-toggler {
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -15px;
	z-index: 10;
	height: 30px;
	line-height: 30px;
	width: 30px;
	cursor: pointer;
}

.sidebar-toggler span {
	height: 30px;
	width: 15px;
	position: absolute;
	z-index: 0;
	overflow: hidden;
}

.sidebar-toggler span em {
	width: 30px;
	height: 30px;
	background: #525a62;
	display: block;
	border-radius: 50%;
}
.sidebar-toggler i {
	font-size: 12px;
	position: absolute;
	z-index: 1;
	left: 3px;
	top: 0;
	color: #ffffff;
}

.sidebar-toggler i.sidebar-left:before {
	content: "\e753";
}

.minified .sidebar-toggler i.sidebar-left:before {
	content: "\e758";
}

.minified .sidebar-toggler {
	right: -30px;
}

.minified .sidebar-toggler span em {
	position: relative;
	left: -15px;
}
.content-tabs{
	float: left;
	margin-left: 180px;
	width: auto;
	/*max-width: 600px;*/
	display: inline-block;
	margin-top: 20px;
	background: 0 0!important;
	border-top:0px!important;
	background: 0 0;
}
.container{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 60px;
    z-index: 497;
    width: auto;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
.kit-side-fold {
	height: 40px;
	background-color: #313a44;
	color: #fff;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
}
.sub_list{
	position: absolute;
	width: 155px;
	right: -155px;
	top:0px;
	z-index: 100;
	background: #4d535a;
	line-height: 35px;
	padding: 10px 0;
	display: none;
}
.sub_list a{
	color: #ffffff;
	padding-left: 30px;
	display: block;
	text-align: left
}
.sub_list a:hover{
	color: #ffffff;
}
.sub_list:after{
	content: '';
	width: 0;
	height: 0;
	font-size: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #4d535a transparent transparent;
	position: absolute;
	left:-10px;
	top:10px;
}
.sub_list a:hover{
	background: #676b6f;
}
ul.main-menu > li .sub-menu a{
	padding: 10px 0 10px 30px;
	background: #313a44;
}
ul.main-menu > li .sub-menu a:hover{
	background: #3f4851;
}
ul.main-menu > li .sub-menu{
	background: #313a44;
}
.layui-layout-left {
	position: absolute!important;
	left: 54px;
	top: 2px;
	z-index: 10000;
}
.contextMenu {
	position: absolute;
}
.contextMenu{
	position: absolute;
	left: 50%;
	top:25px;
	width: 110px;
	margin-left: -50px;
	background: #fff;
	text-align: left;
	border: 1px #EEEEEE solid;
	z-index: 10;
}
.contextMenu ul li{
	padding-left: 15px;
	line-height: 30px;
	font-size: 13px;
}
.contextMenu ul li:hover{
	background-color: #f5f5f5;
}

.layui-nav .layui-nav-item {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	line-height: 30px
}

.layui-nav .layui-nav-item a {
	display: block;
	color: #b1b1b1;
	padding: 0 20px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.layui-nav .layui-nav-item .layui-nav-child a {
	padding: 0 20px 0 20px;
	text-align: center;
}

.layui-nav.layui-layout-left .layui-nav-item a,
.layui-nav.layui-layout-right .layui-nav-item a {
	color: #000;
}

.layui-nav.layui-layout-left .layui-nav-item {
	position: relative;
	border-top: 1px #edeff2 solid;
	border-right: 1px #edeff2 solid;
	border-top-right-radius: 3px;
	margin-right: 7px;
	cursor: pointer;
}
.layui-nav.layui-layout-left .layui-nav-item i {
	position: absolute;
	top: 0;
	right: 5px;
}
.layui-nav.layui-layout-left .layui-nav-item:hover i{
	right: 5px;
}
.layui-nav.layui-layout-left .layui-nav-item a.r-0 {
	padding-right: 10px;
}

.layui-nav.layui-layout-left .layui-nav-item em {
	width: 12px;
	height: 31px;
	background: url(../images/menu-left.png);
	display: block;
	position: absolute;
	left: -12px;
	top: -1px
}

.layui-nav.layui-layout-left .layui-nav-item.layui-nav-itemed em {
	background: url(../images/menu-left-on.png);
}

.layui-nav.layui-layout-left .layui-nav-item.layui-nav-itemed span {
	background-color: #edeff2;
}

.layui-nav.layui-layout-left .layui-nav-item span {
	padding-left: 5px;
	padding-right: 20px;
	display: block;
	color: #333;
	font-size: 13px;
}
.header .operation a.iconfont{
	padding: 0 5px;
	position: relative;
	font-size: 20px;
	text-decoration: none;
}
.badge{
	position: absolute;
	background-color:#ff3300;
	color: #fff;
	border-radius: 5px;
	padding: 0 5px;
	top:0px;
	right:-2px;
	font-size: 12px!important;
	line-height: 15px;
}
.memberarea .iconfont{
	font-size: 12px;
}
.minified .main-menu{
	width: 0px;
	overflow: hidden;
}
.layui-tab {
	margin: 0 0;
	text-align: left!important
}

.layui-tab[overflow]>.layui-tab-title {
	overflow: hidden
}

.layui-tab-title {
	position: relative;
	left: 0;
	height: 40px;
	white-space: nowrap;
	font-size: 0;
	border-bottom: 1px solid #e2e2e2;
	transition: all .2s;
	-webkit-transition: all .2s;
	border-right:none!important;
}

.layui-tab-title li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 14px;
	transition: all .2s;
	-webkit-transition: all .2s;
	position: relative;
	line-height: 40px;
	min-width: 65px;
	padding: 0 15px;
	text-align: center;
	cursor: pointer;
	border-right:1px #e8e8e8 solid;
}
.layui-tab-title li:last-child{
	border-right: 0px;
}

.layui-tab-title li a {
	display: block
}

.layui-tab-title .layui-this {
	color: #000
}

.layui-tab-title .layui-this:after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 41px;
	border: 1px solid #e2e2e2;
	border-bottom-color: #fff;
	border-radius: 2px 2px 0 0;
	box-sizing: border-box;
	pointer-events: none
}
.layui-tab-title .layui-this{
	background: #116be6;
	color: #ffffff;
	border: none;
}
.layui-tab-title .layui-this:after{
	display: none;
}
.layui-tab-item {
	display: none;
	padding-top: 15px;
}
.layui-show {
    display: block!important;
}
.form-control{
	border: 1px solid #a6a6a6;
    border-radius: 1px!important;
    font-size: 12px;
    outline: none;
    -webkit-appearance: none;
    position: relative;
}
.form-control:after{
	content: '11';
	position: absolute;
}
input[type=checkbox], input[type=radio]{
	margin: 4px 5px 0 0px;
}
.colse_btn{
	background-color: #999!important;
	border-radius: 1px!important;
	width: auto!important;
	padding: 0 20px;
}
 

.selectric-wrapper {
	position: relative;
	cursor: pointer
}

.selectric-responsive {
	width: 100%
}

.selectric {
	border: 1px solid #A6A6A6;
	border-radius: 1px;
	background: #fff;
	position: relative;
	overflow: hidden
}

.selectric .label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 26px 0 10px;
	padding: 0;
	text-align: left;
	font-size: 12px;
	line-height: 26px;
	font-weight: 500;
	color: #444;
	height: 26px;
	font-weight: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.selectric .button {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #fff;
	color: #bbb;
	text-align: center;
	font: 0/0 a;
	*font: 20px/38pxLucidaSansUnicode, ArialUnicodeMS, Arial
}

.selectric .button:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: #bbb;
	border-bottom: 0
}

.selectric-focus .selectric {
	border-color: #aaa
}

.selectric-hover .selectric {
	border-color: #c4c4c4
}

.selectric-hover .selectric .button {
	color: #a2a2a2
}

.selectric-hover .selectric .button:after {
	border-top-color: #a2a2a2
}

.selectric-open {
	z-index: 9999
}

.selectric-open .selectric {
	border-color: #c4c4c4
}

.selectric-open .selectric-items {
	display: block
}

.selectric-disabled {
	filter: alpha(opacity=50);
	opacity: .5;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.selectric-hide-select {
	position: relative;
	overflow: hidden;
	width: 0;
	height: 0
}

.selectric-hide-select select {
	position: absolute;
	left: -100%
}

.selectric-hide-select.selectric-is-native {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10
}

.selectric-hide-select.selectric-is-native select {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	border: 0;
	z-index: 1;
	box-sizing: border-box;
	opacity: 0
}

.selectric-input {
	position: absolute!important;
	top: 0!important;
	left: 0!important;
	overflow: hidden!important;
	clip: rect(0, 0, 0, 0)!important;
	margin: 0!important;
	padding: 0!important;
	width: 1px!important;
	height: 1px!important;
	outline: 0!important;
	border: 0!important;
	*font: 0/0a!important;
	background: 0 0!important
}

.selectric-temp-show {
	position: absolute!important;
	visibility: hidden!important;
	display: block!important
}

.selectric-items {
	display: none;
	position: absolute;
	top: 29px;
	left: 0;
	background: #fff;
	border: 1px solid #c4c4c4;
	z-index: -1;
	box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
	height: 100%;
	overflow: auto
}

.selectric-above .selectric-items {
	top: auto;
	bottom: 100%
}

.selectric-items ul,
.selectric-items li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	min-height: 20px
}

.selectric-items li {
	display: block;
	padding: 5px 10px;
	color: #666;
	cursor: pointer
}

.selectric-items li.selected {
	background: #116be6;
	color: #fff
}

.selectric-items li.highlighted {
	background: #116be6;
	color: #fff
}

.selectric-items li:hover {
	background: #d5d5d5;
	color: #444
}

.selectric-items .disabled {
	filter: alpha(opacity=50);
	opacity: .5;
	cursor: default!important;
	background: 0 0!important;
	color: #666!important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
	font-weight: 700;
	padding-left: 10px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: 0 0;
	color: #444
}

.selectric-items .selectric-group.disabled li {
	filter: alpha(opacity=100);
	opacity: 1
}

.selectric-items .selectric-group li {
	padding-left: 25px
}
.sweet-alert{
  border-radius: 1px!important;	
}
.sweet-alert button{
	border-radius: 1px!important;	
	background: #116be6!important;
}
#payTypeTd{
	padding-top: 20px!important;
}
.payTypeTd{
	border-radius: 1px!important;
}
.bootstrap-dialog.type-primary .modal-header{
	background: #116be6!important;
}
.modal-content,.bootstrap-dialog.type-primary .modal-header{
	border-radius: 1px!important;
}
/*.bule_btn,.presteel{*/
	/*background-color: #116be6!important;*/
	/*border-radius: 1px!important;*/
/*}*/
.bule_btn{
    background-color: #116be6!important;
    border-radius: 1px!important;
}
.yellow_btn {
    background-color: #ff9900!important;
    border-radius: 1px!important;
}
#history-table .contract-table-top .table-condensed th{
	color: #000!important;
    background: #e4e4e4!important;
}
#history-table .contract-table-top .table-condensed th:first-child,#history-table .contract-table-top .table-condensed td:first-child{
	padding-left: 45px!important;
}
/*#manageTable th{*/
	/*color: #ffffff;*/
/*}*/
#manageTable th{
    color: #ffffff;
    background: #116be6;
    font-weight: 600;
}
.purchase-table{
	border-radius: 1px!important;
}
.purchase-top{
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	border-radius: 1px!important;
}

.layui-card-header {
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	border-bottom: 1px solid #f6f6f6;
	color: #333;
	border-radius: 2px 2px 0 0;
	font-size: 12px;
}
.layui-card-header-right {
	float: right;
	padding-top: 7px;
}
.layui-card-header-right .select-box {
	width: 100px;
	float: left;
}


.layui-card-header-right .toggle-btn {
	float: left;
	line-height: 28px;
	font-size: 12px;
	margin-left: 40px;
	color: #116be6;
	cursor: pointer;
	outline: none;
}

.layui-card-header-right .toggle-btn i {
	font-size: inherit!important;
	color: #666;
}
.layui-card-header-right .layui-input {
    float: left;
    width: 154px;
    margin-left: -1px;
    border-radius: 1px!important;
    height: 28px;
    line-height: 1;
	line-height: 26px\9;
	border: 1px solid #a6a6a6;
	background-color: #fff;
	border-radius: 2px;
	font-size: 12px;
	padding-left: 10px;
}
.layui-card-header-right .layui-btn {
    height: 28px;
    line-height: 28px;
    float: left;
    border-radius: 1px;
    background-color: #666;
    font-size: 12px;
    padding: 0 18px;
    border: none;
    color: #ffffff;
}
.date-icon-box {
	float: left;
	line-height: 28px;
	margin-left: 20px;
}

.date-icon-box i {
	font-size: 28px;
	cursor: pointer;
}

.date-icon-box i.on {
	color: #116be6;
}
i.arrow:before {
	content: "\e74d";
}

.on i.arrow:before {
	content: "\e755";
}


.tooltips {
	position: relative;
	display: inline;
	cursor: pointer;
}

.tooltips span {
	font: 600 12px open sans, sans-serif;
	position: absolute;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	width: 100px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}

.operate .tooltips span{
	width: 30px;
}
.tooltips[tooltip-position=top] span {
	margin-left: 10px;
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

.tooltips[tooltip-position=bottom] span {
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg)
}

.tooltips[tooltip-position=left] span {
	margin-top: 30px;
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg)
}

.tooltips[tooltip-position=right] span {
	margin-top: 30px;
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

.tooltips span:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0
}

.tooltips[tooltip-position=top] span:after {
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}

.tooltips[tooltip-position=bottom] span:after {
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	border-bottom: 8px solid #000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}

.tooltips[tooltip-position=left] span:after {
	top: 50%;
	left: 100%;
	margin-top: -8px;
	border-left: 8px solid #000;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent
}

.tooltips[tooltip-position=right] span:after {
	top: 50%;
	right: 100%;
	margin-top: -8px;
	border-right: 8px solid #000;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent
}

.tooltips:hover span {
	visibility: visible;
	opacity: 1;
	z-index: 999;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	filter: alpha(opacity=100)
}

.tooltips[tooltip-position=top]:hover span {
	bottom: 30px;
	left: 50%;
	margin-left: -76px
}

.tooltips[tooltip-position=bottom]:hover span {
	top: 35px;
	left: 50%;
	margin-left: -50px
}
.operate .tooltips[tooltip-position=bottom]:hover span {
	top: 35px;
	left: 50%;
	margin-left: -25px
}

.tooltips[tooltip-position=left]:hover span {
	right: 100%;
	top: 50%;
	margin-top: -15px;
	margin-right: 15px
}

.tooltips[tooltip-position=right]:hover span {
	left: 100%;
	top: 50%;
	margin-top: -15px;
	margin-left: 15px
}

.tooltips[tooltip-type=primary]>span {
	background-color: #2980b9
}

.tooltips[tooltip-type=primary][tooltip-position=top]>span:after {
	border-top: 8px solid #2980b9
}

.tooltips[tooltip-type=primary][tooltip-position=bottom]>span:after {
	border-bottom: 8px solid #2980b9
}

.tooltips[tooltip-type=primary][tooltip-position=left]>span:after {
	border-left: 8px solid #2980b9
}

.tooltips[tooltip-type=primary][tooltip-position=right]>span:after {
	border-right: 8px solid #2980b9
}

.tooltips[tooltip-type=success]>span {
	background-color: #27ae60
}

.tooltips[tooltip-type=success][tooltip-position=top]>span:after {
	border-top: 8px solid #27ae60
}

.tooltips[tooltip-type=success][tooltip-position=bottom]>span:after {
	border-bottom: 8px solid #27ae60
}

.tooltips[tooltip-type=success][tooltip-position=left]>span:after {
	border-left: 8px solid #27ae60
}

.tooltips[tooltip-type=success][tooltip-position=right]>span:after {
	border-right: 8px solid #27ae60
}

.tooltips[tooltip-type=warning]>span {
	background-color: #f39c12
}

.tooltips[tooltip-type=warning][tooltip-position=top]>span:after {
	border-top: 8px solid #f39c12
}

.tooltips[tooltip-type=warning][tooltip-position=bottom]>span:after {
	border-bottom: 8px solid #f39c12
}

.tooltips[tooltip-type=warning][tooltip-position=left]>span:after {
	border-left: 8px solid #f39c12
}

.tooltips[tooltip-type=warning][tooltip-position=right]>span:after {
	border-right: 8px solid #f39c12
}

.tooltips[tooltip-type=danger]>span {
	background-color: #c0392b
}

.tooltips[tooltip-type=danger][tooltip-position=top]>span:after {
	border-top: 8px solid #c0392b
}

.tooltips[tooltip-type=danger][tooltip-position=bottom]>span:after {
	border-bottom: 8px solid #c0392b
}

.tooltips[tooltip-type=danger][tooltip-position=left]>span:after {
	border-left: 8px solid #c0392b
}

.tooltips[tooltip-type=danger][tooltip-position=right]>span:after {
	border-right: 8px solid #c0392b
}
.yellow-btn {
    background-color: #ff9900!important;
}
.set-btn {
    height: 25px!important;
    line-height: 25px!important;
    font-size: 16px!important;
    padding: 0 8px!important;
}
/*弹窗*/
#popup,.popup {
    width: 300px;
    height: 400px;
    background-color: #fff;
    position: absolute;
    display: none;
    left: 45%;
    z-index: 1002;
   }
.custom-popup{
	width: 915px;
}
#popup .title,.popup .title{
  background: #f2f2f2;	
  height: 44px;
  line-height: 44px;
  text-align: center;
}   
 #markcover {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 133%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: .8;
    opacity: .5;
    filter: alpha(opacity=80);
}  
#popup #closebt,.popup .closebt{
	position: absolute;
	right: 13px;
	top:13px
}
.popup_btn{
	width: 100%;
	border: none;
	height: 44px;
	color: #ffffff;
	background: #2f76e5;
	cursor: pointer;
}
.popup_btn:hover{
	background: #2a6ed9;
}

#popup .content,.popup .content{
	height: 312px;
}
#popup .content table,.popup .content table{
	width: 100%;
}
#popup .content table td,#popup .content table th,.popup .content table td,.popup .content table th{
	padding: 8px 10px;
}
#popup .content table th,.popup .content table th{
	border-bottom: 1px #c2c2c2 solid;
}
#popup .content table td,.popup .content table td{
	border-bottom: 1px #e5e5e5 solid;
}
.roll{
	height: 312px;
	overflow-y: scroll;
}
.custom-popup .roll,.custom-popup .right{
	width: 189px;
	float: right;
	border-left:1px #e7e7e7 solid;
}
.custom-popup{
	height: 528px!important;
}
.custom-popup .roll{
	height: 400px;
}
.custom-popup .left{
	float: left;
	width: 725px;
}
.custom-popup .title{
 	background: #FFFFFF;
}
.custom-popup th{
	text-align: left;
	font-weight: normal;
	background: #f2f2f2;
}
.custom-popup th,.custom-popup td{
	border: none!important;
}
.checkbox-box{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 13px 25px;
}
.up,.down{
	color: #8a8a8a;
	cursor: pointer;
}
.disabled-gay .up,.disabled-gay .down{
	color: #999;
}
input[name='orderNum']{
	display: none;
}
.body-box{
	overflow: hidden;
}
.body-box .fa-align-right{
	float: right;
	margin-top: -1px;
}
.fa-align-right:before{
	display: none;
}
.bule-btn {
    background-color: #116be6!important;
}
.gray-btn {
    background-color: #999!important;
}
.disabled-gay{
	color: #999999!important;
}
.layui-btn {
	display: inline-block;
	height: 38px;
	padding: 0 18px;
	background-color: #009688;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 12px;
	border: none;
	cursor: pointer;
	opacity: .9;
	filter: alpha(opacity=90)
}

.layui-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff
}

.layui-btn:active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.layui-btn+.layui-btn {
	margin-left: 10px
}
.btn-box{
	height: 44px;background: #f2f2f2; text-align: center;
}
.btn-box .layui-btn{
	height: 30px;
	line-height: 30px;
	margin-top: 7px;
}
#popup #closebt,.popup .closebt{
	position: absolute;
	right: 13px;
	top:13px;
	color: #333;
	text-decoration: none;
}
.layui-layer-title{
	padding: 0!important;
	text-align: center;
}
.layui-layer{
	border-radius: 1px!important;
}
.fht-table:not(.stable) tr td:first-child{
	width: 64px
}
.cont-title .button-right{
	float: right;
}
.cont-title .button-right button{
	min-width: 75px;
	font-size: 14px!important;
}
.cont-title .button-right button.box-btn{
	color: #333;
	background: #ffffff;
	border: 1px #aaaaaa solid;
}
.cont-title .button-right button+button{
	margin-left: 5px!important;
}
.modal-content{
	-webkit-box-shadow:none!important
	box-shadow:none!important
}
.daterangepicker td.active, .daterangepicker td.active:hover{
	border-radius: 1px;
	background-color: #116be6!important;
    border-color: #116be6!important;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{
	border-radius: 1px;
	background-color: #116be6!important;
    border-color: #116be6!important;
    color:#ffffff!important;
}
.daterangepicker .ranges li{
	color:#116be6!important;
}
.el-table__header th{
	color: #ffffff;
	background: #116be6!important;
	
}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
	border-right:none!important;
	font-size: 13px;
}
.el-table th,.el-table td{
	padding: 15px 5px!important;
}
.el-table .cell{
	line-height: 1!important;
}
.el-input__inner{
	line-height: 28px!important;
	height: 28px!important;
	border-radius: 1px!important;
}
.cell label{
	margin-bottom: 0!important;
}
.el-input__icon{
	line-height: 1!important;
}
.el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell{
	padding-left: 0!important;
}
.el-table .cell, .el-table th div{
	padding-right: 0!important;
}
.el-table td.el-table_1_column_1,.el-table__header th.el-table_1_column_1{
	padding-left: 15px!important;
}
.layui-card-header .bule-link{
	margin-right: 10px;
}
.el-table td.el-table__expanded-cell{
	padding: 0!important;
}
.el-table__expanded-cell .el-table__header-wrapper th{
	background-color: #f8f9fa!important;
    color: #333;
}
.el-table__expanded-cell .el-table:before,.el-table__expanded-cell .el-table:after{
	display: none;
}
.el-form--inline .el-form-item__label{
	display: block!important;
}
.list_01,.list_02,.list_04,.list_05,.list_03{
	margin-right: 0!important;
	float: left;
}
.list_01,.list_02{
	width: 11.5%;
}
.list_01 .el-form-item__label,.list_01 .el-form-item__content{
	padding-left: 10px;
}
.list_04{
	width: 8%;
}
.list_03{
	width: 7%;
}
.list_05{
	width: 10%;
}
.el-form--inline .el-form-item__label{
	background-color: #f8f9fa;
    color: #333;
    font-size: 12px;
    font-weight: normal;
}
.el-form--inline .el-form-item__content{
	font-size: 12px;
	line-height: 1.5;
}
.el-form-item__label{
	padding: 0;
}
.text_right{
	text-align: right; 
}
.text_right .el-form-item__content{
	padding-right: 12px;
}
.text_right .el-form-item__label{
	text-align: right!important;
	
}
.list_03 .el-form-item__content,.list_03 .el-form-item__label{
	padding-left: 12px;
}
.el-form-item__label{
	height: 40px;
}
.heade-text{
	width: 7%;
}
.heade-text .el-form-item__label{
	line-height: 1;
	padding-top: 8px;
}
.el-button i{
	font-size: 20px!important;
}
td .el-button--small{
	margin-left: 5px!important;
}
.el-table .el-table_1_column_9 .cell{
	overflow: inherit;
}
.el-button--small, .el-button--small.is-round{
	padding: 0 0px!important
}
.manage-table .el-table_1_column_5 .cell,.manage-table .el-table_1_column_6 .cell{
	text-align: right;
	padding-right: 30px!important;
}
.el-table__footer-wrapper .el-table_1_column_1 .cell{
	font-weight: 600;
}
.code-popup{
	display: block;
}
.checkbox_ex{
    cursor: pointer;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background-position: -25px -82px;
}

.checkbox_ex.active{
    background-position: -25px -107px;
}

/* mark 12.30 */
.content-tabs .roll-right.tabRight{
    right:-15px!important;
    z-index: 10001!important;
}
.content-tabs .roll-nav{
    z-index: 10001!important;
}
.layui-layout-left{
    white-space: nowrap;
}

.timeslot-box{
    width: 80% !important;
}

.timeslot-box input{
    width: 100% !important;
}
/* mark 12.30  end*/

.selected-list{
    -webkit-appearance: menulist;
    padding: 0px 10px;
}