body{background-color:#f2f8ff;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;}
@media screen and (max-width:768px){.lay-login{padding-top:80px}.lay-login-main{width:300px}}
.fl {float:left}
.fr {float:right}
.nobg {background-color:transparent!important}
.font12 {font-size:12px!important}
.font18 {font-size:18px!important}
.font20 {font-size:20px!important}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.pl20 {padding-left:20px}
.pl50 {padding-left:50px}
.pb50 {padding-bottom:50px}
.w50 {width:50px!important}
.w100 {width:100px!important}
.w200 {width:200px!important}
.w300 {width:300px!important}
.w400 {width:400px!important}
.w500 {width:500px!important}
.w600 {width:600px!important}
.mcolor {color:#5c90d2}
.mcolor2 {color:#009688}
.hide {display:none}
.red {color:#f00}
#form-icon-preview {float:left;width:34px;height:36px;line-height:36px;font-size:30px!important;border:1px solid #e6e6e6;text-align:center;border-radius:3px}
.help-tips {cursor:pointer}
.layui-header,.layui-side {z-index:900}
.header-logo {width:200px;height:60px;line-height:60px;text-indent:20px;color:#c2c2c2;font-size:18px}
.header-fold {width:50px;height:60px;line-height:60px;text-align:center;color:#fff}
.header-fold a {color:#fff}
.side-header {color:#8f8f8f;font-size:16px;width:200px;height:50px;line-height:60px;text-indent:20px;}
.head-info .layui-nav-child {top:60px}
.head-info .layui-nav-item a {padding:0 10px}
.main-nav {padding:0}
.main-nav .layui-nav-item a {font-size:16px;padding:0;margin:0 15px}
.footer {line-height:44px;padding:0 10px;color:#666}
.footer a {color:#5c90d2}
#switchNav {position:fixed;left:0;top:60px;z-index:99999}
#switchNav .layui-nav-child dd {position:relative}
#switchNav .layui-nav-child dd .j-del-menu {position:absolute;right:10px;top:3px;font-size:18px;color:#999;cursor:pointer}
#switchNav .layui-nav-child dd .j-del-menu:hover {color:#fff}
#switchNav .fold-mark i.aicon {margin-right:20px}
#switchNav a {cursor:pointer;white-space: normal;overflow: visible;height: auto;line-height: 25px;padding: 15px 20px;}
#switchNav i.typcn,#switchNav i.fa {font-size:16px!important}
#switchNav .admin-nav-item {padding-left:35px;}
#switchNav.layui-side i.aicon {margin-right:7px}
#switchNav.layui-side img {border-radius:5px;margin:-2px 5px 0 0}
.bread-crumbs {display:block;background-color:#f9f9f9;padding:10px 0 0 10px;height:30px;overflow:hidden}
.bread-crumbs li {float:left;margin:0 5px;color:#666;height:30px;line-height:30px}
.bread-crumbs li a {color:#666}
.page-body {display:block;margin:8px;overflow:auto}
.page-body>.layui-tab {margin:0}
.page-tab-content {background-color:#fff;overflow:auto;min-height:550px}
.tool-btns {position:absolute;right:15px;top:11px;font-size:18px;color:#888}
.tool-btns .sys-icon {color:#999;margin-left:8px}
.fullscreen {position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;margin-bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%}
.fullscreen.page-body,.fullscreen .layui-tab {margin:0}
.page-toolbar {display:block;height:40px}
.page-filter {height:40px}
.page-filter .layui-form-pane .layui-form-label {width:auto}
.page-filter .layui-form-pane .layui-form-item .layui-input-inline {margin-right:0}
.page-tips {margin-bottom:10px}
.page-tips .layui-colla-title {height:26px;line-height:26px;background-color:#f9f9f9;color:#999}
.page-form {margin:10px 0}
#layerTopTips {background-color:#393d49;color:#fff;padding:5px 25px;border-radius:0 0 5px 5px}
.pagination {overflow:hidden;display:block;border-left:1px solid #eee;float:right}
.pagination li {float:left;border:1px solid #eee;margin-left:-1px;font-size:16px;overflow:hidden;cursor:pointer}
.pagination li a,.pagination li span {display:block;padding:6px 18px}
.pagination li.active {background-color:#393e49;color:#fff;border-color:#393e49}
.role-list-form dl {display:block}
.role-list-form-top {border:1px solid #f9f9f9}
.role-list-form dl dt {display:block;background-color:#f9f9f9;padding:0 10px 10px 10px}
.role-list-form dl dd {display:block;padding:0 15px;overflow:hidden}
.role-list-form dl dd dl dt {background:0}
.role-list-form dl dd dl dd {padding:0 25px}
.role-list-form dl dd dl dd dl dd {padding:0 35px}
.role-list-form dl dd dl dd dl dd a {display:inline-block}
.menu-hd {font-size:14px;font-weight:400;border-top:1px dotted #eee}
.menu-dl dt,.menu-dl dd {position:relative;border:1px dotted #eee;border-top:0}
.menu-dl .hd,.menu-dl .hd2,.menu-dl .hd3,.menu-dl .layui-form-switch,.menu-btns {position:absolute;left:260px;top:4px}
.menu-dl .hd,.menu-dl .hd2,.menu-dl .hd3 {top:-26px}
.menu-dl .hd {left:280px}
.menu-dl .hd2 {left:520px}
.menu-dl .hd3 {left:710px}
.menu-dl .layui-form-switch {left:490px;top:1px;margin:0}
.menu-dl .menu-sort {position:absolute;left:260px;top:3px;height:20px;line-height:20px;width:40px;padding:0;text-align:center;color:#666;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px}
.menu-dl1,.menu-dl2 {display:block}
.menu-dl1 dt,.menu-dl2 dt {padding:5px 2px}
.menu-dl2 {padding-left:20px}
.menu-dl2 dd {padding:5px 20px}
.menu-dl1 dt .menu-sort {left:280px}
.menu-dl2 dt .menu-sort {left:300px}
.menu-dl2 dd .menu-sort {left:340px}
.menu-dl1 .layui-form-switch {left:520px}
.menu-dl2 .layui-form-switch {left:500px}
.menu-btns {left:710px}
.menu-dl2 .menu-btns {left:688px}
.layui-nav-child dd:hover {background-color:#009688;color:#fff}
.input-sort {height:24px;line-height:24px;width:40px;padding:0;text-align:center;color:#666}
.module-list-info {display:block;overflow:hidden}
.module-list-info img {float:left;margin-right:10px;border-radius:10px}
.module-list-info i {float:left;margin-right:10px;font-size:80px;line-height:82px;text-align:center;overflow:hidden;color:#2a95de}
.module-list-info .txt {float:left;max-width:80%;overflow:hidden}
.module-list-info .txt h3 {font-weight:500;display:inline-block}
.module-list-info .txt p {font-size:12px}
.module-list-info .txt p span {color:#2a95de}
.pop-bottom-bar {position:fixed;left:0;bottom:0;width:96%;background:#eee;padding:5px 2%}
.pop-bottom-bar .pages {max-width:70%;overflow:hidden}
.pop-bottom-bar .pages .pager li {float:left;margin:0 5px}
.pop-bottom-bar .pages .pager li a,.pop-bottom-bar .pages .pager li span {height:38px;line-height:38px;padding:0 10px;font-weight:500;display:inline-block}
.hook-plugins-sort {margin:10px 0 20px 0;border-top:1px dotted #eee;border-left:1px dotted #eee;border-right:1px dotted #eee;float:left;overflow:hidden}
.hook-plugins-sort li {float:left;width:100%;padding:5px 10px;border-bottom:1px dotted #eee;overflow:hidden}
.hook-plugins-sort li span {float:left;margin-right:20px;width:150px;height:20px;line-height:22px}
.layui-layout-admin {min-width:1000px}
.layui-form-label {min-width:90px}
.layui-tab-title li {padding:0 10px}
.layui-form-mid {font-size:12px!important}
.layui-table-cell {min-height:28px;height:auto!important}
.layui-header {z-index:900;}
.cedar-body {position:static;background-color:#fff;}
.header-logo>a{color:#fff}
.layui-nav-img{margin-right:0}
.layui-side {z-index:900;background-color:#F9F9F9!important; 
  border-right:0px solid #0B989F; }
.layui-header .layui-nav .layui-this:after,.layui-header .layui-nav-bar {background-color:#1fbddf!important}
.layui-nav-tree .layui-nav-item a {background-color:#f9f9f9!important;color:#48576a!important}
.layui-nav-tree .layui-nav-child a {background-color:#e5e9f2!important;color:#48576a!important}
.layui-nav-tree .layui-nav-child a:hover,.layui-nav-tree .layui-nav-child .layui-this a {background-color:#d1dbe5!important}
.layui-side i.aicon {color:#48566a}
.layui-side .layui-nav-more {border-color:#48566a transparent transparent!important}
.layui-nav-itemed .layui-nav-more {border-color:transparent transparent #48566a!important}
.layui-form-onswitch,.layui-form-checked[lay-skin=primary] i {border-color:#1fbddf;background-color:#1fbddf}
.layui-form-label {color:#666!important}
.layui-side .layui-this a,.layui-side .layui-this i.aicon {color:#1fbddf!important}
.layui-tab-card .layui-tab-title {background-color:#f9f9f9!important}
.layui-nav-tree .layui-nav-bar {background-color:#1fbddf!important}
.layui-btn-normal {background-color:#1fbddf}
.layui-btn-primary {background-color:#fff}
.layui-btn-primary:hover {border-color:#1fbddf;color:#1fbddf}
.layui-form-radio i:hover,.layui-form-radioed i {color:#0ebef5}
.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color:#1fbddf}
.tooltip {display:inline-block;width:14px;height:14px;background:url(../image/tooltip.png) no-repeat;position:relative;cursor:pointer}
.ai-tishi {color:#1e91cf!important;position:relative;cursor:pointer}
.tooltip i {position:absolute;left:18px;top:1px;width:160px;word-break:break-all;padding:3px 10px;background-color:#000;color:#fff;font-size:12px;font-style:normal;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:subpixel-antialiased;z-index:998;text-align:left;display:none}
.tooltip i:before {content:'';border-width:5px;border-style:solid;border-color:transparent #000 transparent transparent;position:absolute;left:-10px;top:4px}
.tooltip i a {color:#fff}
.user-admin {color: #f00;}
.user-chem {color: #0f0;}
.contacts{text-transform:capitalize;}


.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f3f5f6;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.layui-layout-admin .layui-footer {
  border-top: 1px solid #F2F2F2;
  background-color: #F9F9F9;
}

.layui-card { border:1px solid #F6F6F6; border-radius: 9px; }
.layui-card .layui-card-header { background-color:#f9f9f9;
border-bottom: 1px solid #1fa4e9; 
font-size: 18px; }
.layui-card .layui-text p { line-height: 45px; width: 80%; text-indent: 0em; font-size: 18px!important;  }
/*#03cefd!important*/
.layui-header {
  z-index:900;
  background:linear-gradient(to right,rgb(0, 210, 255),rgb(58, 123, 213));
  background-size:100% 100%;
}


  .side-sea-div {
    width: 80%; 
    margin: 0px auto;
    height: 35px;
    line-height: 35px;
    color: #ccc;
  }

.side-sea {
    width: 190px;
}
.side-sea-l {
    width: 40px; height: 40px; line-height: 40px;
    color: #ccc; 
    float: left;
}
.side-sea-r input{
    width: 150px; float: right;
    background-color: #F9F9F9;
    border-left: none;
    border-top: none;
    border-right: none;
    font-size: 18px; 
    color: #999;
}