cb_admin/css/common.css

@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-weight: normal;
}
input {
    outline-color:#de2013;
}
button,textarea {
    outline: none;
}
em, s, i {
    font: normal;
}

body {
    font: 14px "微软雅黑", Helvetica, Arial, sans-serif;
    color: #333;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

ol, ul, dl, dt, dd {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.layui-logo{
    cursor: pointer;
}
.layui-logo>img{
    max-width:100%;
    width: 60%;
}
.layui-side-scroll .layadmin-setTheme-side, .layui-side-menu{
    background-color:#20222A!important;
}
.layui-side-scroll .layui-icon-shrink-right{
    position: absolute;
    right: 10px;
    font-size: 18px;
}
.layui-side-scroll .layui-nav .layui-nav-item{
    border-top: 1px solid #3E4A59;
}
.layui-side-scroll .layui-nav .layui-nav-item a{
    cursor: pointer;
    color: #b2b2b2!important;
    position: relative;
}
.layui-side-scroll .layui-nav-tree .layui-nav-item a:hover{
    color: #ffffff!important;
    background-color: transparent!important;
}
.layui-side-scroll .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
    background-color: transparent!important;
}
.layui-side-scroll .layui-nav .layui-nav-item a .iconfont{
    color: #ffffff;
}
.layui-side-scroll .layui-nav .layui-nav-item a .font-icon{
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background-color: #8c72e3;
    vertical-align: middle;
    text-align: center;
}
.layui-side-scroll .layui-nav .layui-nav-item:nth-child(3) a .font-icon{
    background-color: #ff4750;
}
.layui-side-scroll .layui-nav .layui-nav-item:nth-child(4) a .font-icon{
    background-color: #5d51ff;
}
.layui-side-scroll .layui-nav .layui-nav-item:nth-child(5) a .font-icon{
    background-color: #ffb501;
}
.layui-side-scroll .layui-nav .layui-nav-item:nth-child(6) a .font-icon{
    background-color: #01c853;
}
.layui-side-scroll .layui-nav .layui-nav-item:nth-child(7) a .font-icon{
    background-color: #ff1744;
}
.layui-side-scroll .layui-nav .layui-nav-item:nth-child(8) a .font-icon{
    background-color: #01b9d5;
}
.layui-side-scroll .layui-nav .layui-nav-item:nth-child(9) a .font-icon{
    background-color: #ef780e;
}
.layui-side-scroll .layui-nav .layui-nav-item:nth-child(10) a .font-icon{
    background-color: #f829e2;
}
.layui-side-scroll .item-title{
    vertical-align: middle;
    margin-left: 5px;
}
.layui-side-scroll .layui-nav-tree .layui-nav-child a:before{
    content: '';
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #475467;
    left: 20.5px;
    top: 15px;
    border: 1px solid #2C3440;
}

.layui-side-scroll .layui-nav-tree .layui-nav-child a:hover:before{
    background-color: #ffffff;
}
.layui-side-scroll .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:before{
    background-color: #ffffff;
}
.layui-side-scroll .layui-nav .layui-nav-child dd:before{
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    border-right: 1px solid #475467;
    left: 24px;
}
.layui-side-scroll .layui-nav .layui-nav-item>a{
    padding: 0 20px 0 10px!important;
}
.layui-side-scroll .layui-nav .layui-nav-item dd a{
    padding: 0 20px 0 48px!important;
}
.layui-side-scroll .layui-nav-tree .layui-nav-child a.active:before{
    background-color: #ffffff;
}
.layui-side-scroll .layui-nav .layui-nav-item dd a.active{
    color: #ffffff!important;
}
.layui-layout-admin .layui-sideact{
    width: 70px;
    overflow-x: initial;
}
.layui-layout-admin .layui-sideact .layui-side-scroll{
    width: 100%;
    overflow-x: initial;
}
.layui-layout-admin .layui-sideact .layui-nav-tree{
    width: 100%;
}
.layui-layout-admin .layui-sideact .layui-side-scroll .layui-nav .layui-nav-item>a{
    display: block;
    text-align: center;
    padding: 0!important;
}
.layui-layout-admin .layui-sideact .item-title,.layui-layout-admin .layui-sideact .layui-nav-more,.layui-layout-admin .layui-sideact .layui-nav-itemed>.layui-nav-child{
    display: none;
}
.layui-side-scroll .layui-nav .layui-nav-itemact{
    position: relative;
}
.layui-layout-admin .layui-sideact .layui-side-scroll .layui-icon-shrink-right{
    position: initial;
    right: 0;
}
.layui-side-scroll .layui-nav .layui-nav-itemact a .font-icon{
    display: none;
}
.layui-layout-admin .layui-sideact .layui-nav-itemact .item-title{
    margin-left: 0;
    background-color: #475466;
    display: block;
}
.layui-layout-admin .layui-sideact .layui-nav-itemact>.layui-nav-child{
    position: absolute;
    left: 70px;
    top: 0;
    z-index: 1;
    width: 120px;
    padding: 6px 15px;
    display: block;
    background-color: #242A33!important;
}
.layui-side-scroll .layui-nav .layui-nav-itemact .layui-nav-child dd:before,.layui-side-scroll .layui-nav-tree  .layui-nav-itemact .layui-nav-child a:before{
    content:none;
}

.layui-side-scroll .layui-nav .layui-nav-itemact dd a{
    padding: 0!important;
}
.layui-bodyact{
    left: 70px;
}
.layui-layout-admin .layui-body{
    bottom: 0px;
}
.layui-body .layadmin-header .layui-breadcrumb{
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    border-radius: 0;
}
.layui-body .layui-breadcrumb{
    padding: 0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
}
.layui-card{
    box-shadow:none;
}
.layui-body .main{
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
}
.layui-table-body{
    overflow-x: auto;
    overflow-y: auto;
}
.layui-table-cell{
    line-height: 29px;
    height: 29px;
}
.layui-body .main.billcb .layui-table-view .layui-table td, .layui-table-view .layui-table th{
    padding: 6px 0;
}
.layui-form-select dl{
    z-index: 1000;
}
.ball{
    display: inline-block;
    width: 20px;;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background-color: #fca3a1;
    color: #ffffff;
    margin-right: 5px;
    font-size: 12px;
    text-align: center;
  }
  .bball{
    background-color: #acdcfb;
  }
  .redball{
    background-color: #eb110d;
  }
  .blueball{
    background-color: #0877c0;
  }

  .layui-breadcrumb a.layui-btn-sm{
    color: #ffffff!important;
    position: relative;
    top: -6px;
  }
  .layui-layer-rim{
      border: none!important;
  }
  .layui-layer-page .layui-layer-content{
      padding: 10px;
      box-sizing: border-box;
  }