@charset "UTF-8";
/*css resert*/
html,
body,
div,
p,
span,
label,
img,
a,
ol,
ul,
dl,
dt,
dd,
li,
table,
tr,
td,
th,
tbody,
thead,
tfoot,
form,
fieldset,
legent,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
em,
blockquote,
cite,
pre,
code,
hr,
br,
input,
button,
textarea,
article,
aside,
details,
figcaption,
figure,
footer,
header,
group,
menu,
nav,
section {
  padding: 0px;
  margin: 0px;
}

* {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

/*禁止iphone字体放大 */
html {
  -webkit-text-size-adjust: none;
}

body {
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  min-width: 1100px;
  font-family: 微软雅黑, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 要注意表单元素并不继承父级 font 的问题 */
button,
input,
select,
textarea {
  font: 100% serif;
}

img {
  vertical-align: middle;
}

/*h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:1em; }*/
ol,
ul {
  list-style-type: none;
}

ol li,
ul li {
  list-style: none;
}

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

th,
caption {
  text-align: left;
}

a img {
  border: 0 none;
  cursor: pointer;
}

fieldset,
img {
  border: 0 none;
}

a,
input {
  outline: 0 none;
}

abbr,
acronym {
  border: 0;
}

button {
  outline: 0 none;
  cursor: pointer;
}

button::-moz-focus-inner {
  border: 0;
}

input::-moz-focus-inner {
  border: 0;
}

:focus {
  outline: 0 none;
}

caption,
cite,
code,
em,
th,
var,
i {
  font-weight: normal;
  font-style: normal;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

input,
button,
textarea,
select {
  font-family: "Microsoft yahei";
}

input::-webkit-cancel-button {
  display: none;
}

input::-ms-clear {
  display: none;
}

label {
  font-weight: normal;
}

/*侧导航滚动条*/
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
}

::-webkit-scrollbar-button {
  width: 9px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAADr0lEQVRYR71Yy04iQRQtE10IRiSBOLbOUvZmfkIlLHXjI+jCDzAm8w8TJKxZyENdqEui8BPuDVtsHCNGQcFEWUzdSt/KtbqqqZ44U0kn1V2n69xz63W6x5h9iXFoNADe521dftnibJlt+7PCjdmycpzz9vbmmvCTk5PzvK0NuNvbWyNuYWEBcbbUX8obSvBgMDAKiUQiUrDLi0nNPC9eYqwFfyWvTvAPHsm1JhqHEl9dXbHV1VUJo4Lv7u6k4JOTE7a5uSlxc3Nz/0ww5VXjR15VMIjFoop2+v2+EAJisaDoaDQqR/j+/l7gjo+PJW5ra0vUZ2dnqWDko1zqM+fi4kL0RxOMMaytrUneXC4ncMhFYzg4OBA4KpiK1Yl2Xl9fXSqWip6ampLEDw8PbrVa9U2S7e1tlkwmdYIBC6J1CXfOz8/ljAHRNIbFxcXs0tJShb/rHB4eShxw0RgymczPVCr1CwWrRCOJeQesVqtJUevr61JwPp+XxHt7e6xYLErc/v6+OqVHJvrl5cWt1+u+BEIMNzc3UvDj46NbqYD2zwViaLfbWsGBU+vs7EwIASIow+GQYSA8e5K4UCgIHBBBeX9/Z+VyWdT5CAliJabApdTr9UR/VDTGQPeO5+dngUMuGgPiQu3S3W7XHR8fl2IxaHjWbDalYAhwYmJCNH98fEht8KzVaukEA8a4WQIvdgKiacJjsZicWZgYwJZKJZlwiGF6etq3hpWk+24dzKAOODMzI4lhrZs6I2t9FB+2+3ghcZjIIF4YCJiFUJA31AjbCrY8N/9aMH2RCrbhDSP4OydKBETZ4W09fn3jV8SAG/Dnv/kFFtS22PC2eGdWOJNg3fnos3iXl5ci6HQ6zTxryVRbeXp6KjAbGxvMYCt1XDQZgpdy0UbV0lI+ikNuk9NCLN21fU4LQXA2ersgbP+fXBZiwG05jqNzWUE7NLwueHVmBxrpLg3c4OwoJ9aR+6udFgvhsugA/DeHZ3JaWi+tOi1q9bxdkHU6nU8uCxwPlkQiEeSjTaKFw8M+1JGmDg+4EUddFsSA3KFGWGcAVlZWBId3zrGnpyff4Z/NZgUmHo+bBIc2Hgqv+Cy14Q61hlUDgNkEcs8AMPXwR8zOzo48/Olc5vWRaxh4qctCsdCPajzAcFBOrI8yHtpdWj2HG42G6G95eZl55yHDLyokOjo6EtXd3V1Gvqh061e3jAAnjAfloi/Tcxi4KR/FIXeYc9jmFwpw2PwGUgY58NaG1/rX0h9d1DUzJEP0JgAAAABJRU5ErkJggg==) no-repeat;
}

::-webkit-scrollbar-button:vertical:start {
  background-position: 0 0;
}

::-webkit-scrollbar-button:vertical:start:hover {
  background-position: -10px 0;
}

::-webkit-scrollbar-button:vertical:start:active {
  background-position: -20px 0;
}

::-webkit-scrollbar-button:vertical:end {
  background-position: -30px 0;
}

::-webkit-scrollbar-button:vertical:end:hover {
  background-position: -40px 0;
}

::-webkit-scrollbar-button:vertical:end:active {
  background-position: -50px 0;
}

::-webkit-scrollbar-button:horizontal:start {
  background-position: 0 -11px;
}

::-webkit-scrollbar-button:horizontal:start:hover {
  background-position: -10px -11px;
}

::-webkit-scrollbar-button:horizontal:start:active {
  background-position: -19px -11px;
}

::-webkit-scrollbar-button:horizontal:end {
  background-position: -30px -11px;
}

::-webkit-scrollbar-button:horizontal:end:hover {
  background-position: -40px -11px;
}

::-webkit-scrollbar-button:horizontal:end:active {
  background-position: -50px -11px;
}

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #e7e7e7;
  border: 1px solid rgba(0, 0, 0, 0.21);
  -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0.21);
}

::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f4f4f4));
}

::-webkit-scrollbar-corner {
  background-color: #f1f1f1;
  -webkit-border-radius: 1px;
}

/******常用****/
.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
  height: 0;
  width: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
}

.clearit {
  clear: both;
  zoom: 1;
}

.hidden {
  display: none;
}

.vhidden {
  visibility: hidden;
}

.hide-txt {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.hide {
  display: none;
}

.left {
  float: left;
  display: inline;
}

.right {
  float: right;
  display: inline;
}

.fnone {
  float: none;
}

.txtleft {
  text-align: left;
}

.txtright {
  text-align: right;
}

.txtcenter {
  text-align: center;
}

.middle {
  vertical-align: middle;
}

.noborder {
  border: 0 none !important;
}

.nobg {
  background: none !important;
}

.sub {
  vertical-align: sub;
}

.sup {
  vertical-align: sup;
}

.cursor {
  cursor: pointer;
}

.zoom {
  zoom: 1;
}

.vtop {
  vertical-align: top;
}

.bold {
  font-weight: bold;
}

.inline-block {
  display: inline-block;
}

.relative {
  position: relative;
}

/*header*/
.header {
  padding: 20px 0;
  background: #333333;
  width: 100%;
  position: relative;
  z-index: 99;
}

.boxwidth {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}

.headercolor {
  color: #999999;
}

.headercolor.current {
  color: #f1f1f1;
}

.rbox input {
  height: 27px;
  line-height: 27px;
  width: 250px;
  border-radius: 4px;
  border: none;
  background: #f4f4f4;
  padding-left: 5px;
}

.rbox a {
  margin-right: 35px;
  vertical-align: middle;
  color: #999999;
}

.lbox img {
  width: auto;
  height: 31px;
}

.dropdown {
  display: inline-block;
}

.rbox a:focus,
.rbox a:hover {
  color: #f1f1f1;
}

.nav {
  background: #f4f4f4;
}

.nav > li > a {
  padding: 0px 40px;
  height: 70px;
  line-height: 70px;
}

.nav a {
  color: #666666;
}

.nav a:hover {
  background: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #f4f4f4;
  color: #008C8C;
  border-bottom: 2px solid #008C8C;
}

.footer {
  background: #f4f4f4;
  padding: 28px 0;
  text-align: center;
  color: #bfbfbf;
}

.nav .active a {
  color: #008C8C;
  border-bottom: 2px solid #008C8C;
}

.container {
  margin: 25px auto;
  padding-left: 0;
  padding-right: 0;
  min-height: 500px;
}

.navbar-nav > li {
  float: left;
}

.navbar-nav {
  margin: 0;
}

.searchicon {
  margin-right: -7px;
}

.nav li.cur a {
  text-decoration: none;
  background-color: #f4f4f4;
  color: #008C8C;
  border-bottom: 2px solid #008C8C;
}

/*分页插件*/
.light-theme a:hover {
  text-decoration: none;
  background: #fcfcfc;
}

.light-theme a,
.light-theme span {
  border: 1px solid #e4e4e4;
  float: left;
  text-align: center;
  width: 100%;
  height: 31px;
  line-height: 31px;
  margin-right: 8px;
  font-size: 12px;
  color: #999999;
  border-radius: 3px;
  cursor: pointer;
  background: #fff;
  display: inline-block;
  padding: 0;
  box-shadow: none;
}

.simple-pagination ul,
.simple-pagination1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#paging {
  margin-top: 30px;
  float: left;
  margin-left: 55px;
  margin-bottom: 50px;
}

#paging ul .current.prev {
  background: #fff;
}

#paging ul .current.prev,
#paging ul .next {
  border: none;
}

#paging ul .current.prev img,
#paging ul .prev img,
#paging ul .current.next img,
#paging ul .next img {
  width: 100%;
  height: 33px;
}

.pagetext {
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  display: inline-block;
  border: 1px solid #e4e4e4;
}

#paging ul li img {
  width: 33px;
  height: 33px;
}

#paging ul li {
  border: 1px solid #e4e4e4;
  float: left;
  text-align: center;
  min-width: 31px;
  height: 31px;
  line-height: 31px;
  margin-right: 8px;
  font-size: 12px;
  color: #999999;
  border-radius: 3px;
  cursor: pointer;
  background: #fff;
  border: 0;
}

.light-theme .current {
  background: #008C8C;
  color: #fff;
  border-color: #008C8C;
  cursor: default;
  box-shadow: none;
}

.inputname {
  display: inline-block;
  text-align: right;
}

/******常用颜色*****/
.col {
  color: #008C8C;
}

.red {
  color: #008C8C;
}

.orange {
  color: #ffd800;
}

.yellow {
  color: #ff0;
}

.green {
  color: #080;
}

.blue {
  color: #008C8C;
}

.blue2 {
  color: #008C8C;
}

.dark-gray {
  color: #333;
}

.gray {
  color: #c9c9c9;
}

.an-ccc {
  color: #ccc;
}

.color {
  color: #e72f6d;
}

.moneycolor1 {
  color: #ff6407;
}

.moneycolor2 {
  color: #008C8C;
}

.link-color {
  color: #008C8C;
}

.color1 {
  color: #008C8C;
}

.color2 {
  color: #F5A623;
}

.color3 {
  color: #EB7272;
}

.color4 {
  color: #BCBCBC;
}

.color1_l_1 {
  color: #00bfbf;
}

.color1_d_1 {
  color: #005959;
}

.color1_l_2 {
  color: #00f2f2;
}

.color1_d_2 {
  color: #002626;
}

.color1_l_3 {
  color: #26ffff;
}

.color1_d_3 {
  color: black;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs26 {
  font-size: 26px;
}

.txt-indent {
  text-indent: 3em;
}

/*按钮*/
.qbtn {
  display: inline-block;
  background: #008C8C;
  padding: 4px 20px;
  color: #fff;
  cursor: pointer;
}

.layui-btn.layui-btn-plain {
  border: 1px #008C8C solid;
  background: none;
  color: #008C8C;
}

/*重写layui样式*/
.layui-form-label,
.layui-form-checkbox i,
.layui-form-switch {
  box-sizing: content-box;
}

.layui-bg-white {
  background-color: #fff;
}

.layui-tree * {
  box-sizing: content-box;
}
.layui-tree .layui-tree-icon {
  border: 1px #008C8C solid;
}
.layui-tree .layui-tree-icon .layui-icon {
  color: #008C8C;
}

.layui-nav .layui-nav-more {
  border-top-color: #008C8C;
  border-bottom-color: transparent;
}

.layui-nav .layui-nav-mored {
  border-top-color: transparent;
  border-bottom-color: #008C8C;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #008C8C;
}

.layui-layer-molv .layui-layer-title {
  background: #008C8C;
}

.layui-layer-molv .layui-layer-btn a {
  background: #009688;
  border-color: #009688;
}

.layui-btn {
  background: #009688;
  border-color: transparent;
  color: #fff;
}
.layui-btn:hover {
  border-color: transparent;
  color: #fff;
  opacity: 0.8;
}

div[xm-select-skin] .xm-select-title div.xm-select-label > span {
  border: 1px solid #009688;
  background-color: #009688;
}

.layui-tab-brief > .layui-tab-more li.layui-this:after,
.layui-tab-brief > .layui-tab-title .layui-this:after {
  border-bottom: 2px solid #009688;
}

.layui-form-select dl dd.layui-this {
  background-color: #009688;
}

.layui-laypage a:hover {
  color: #009688;
}

.el-menu-item:focus .el-menu-item:hover {
  background-color: #ff7c7c !important;
}

.layui-laydate .layui-this {
  background-color: #008C8C !important;
  color: #fff !important;
}

.layui-laydate-content td.laydate-selected {
  background-color: #008C8C;
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
  background: #c9c9c9;
}

.xm-form-checkbox > i {
  border: 1px solid #009688;
}

.xm-form-checkbox:hover > i {
  border-color: #008C8C;
}

.laydate-selected:hover {
  background-color: #008C8C !important;
}

.xm-form-selected .xm-select,
.xm-form-selected .xm-select:hover {
  border-color: #008C8C !important;
}

.xm-select-parent .xm-form-select dl .xm-select-tips {
  color: #008C8C;
}

.xm-select-parent dd .xm-cz:hover {
  color: #008C8C;
}

.xm-select-parent dl dd.xm-select-this div i {
  color: #008C8C;
}

.layui-laydate-content td:hover,
.layui-laydate-list li:hover {
  background-color: #008C8C;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #008C8C;
}

.layui-form-checked[lay-skin=primary] i {
  border-color: #008C8C !important;
  background-color: #008C8C;
}

.layout .layout-bd .layout-right .layout-right-hd .title {
  border-bottom: 1px #008C8C solid !important;
}

.layout .layout-bd .layout-right .layout-right-bd .btn-hollow {
  border: 1px #008C8C solid;
  color: #008C8C;
}

.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #008C8C;
}

.btn-cancel {
  color: #fff;
  background-color: #008C8C !important;
}

.layout .layout-bd .layout-right .layout-right-hd .title {
  border-bottom: 1px #008C8C solid !important;
}

.layout .layout-bd .layout-right .layout-right-bd .btn-hollow {
  border: 1px #008C8C solid !important;
  color: #008C8C !important;
}

.layout .layout-bd .layout-right .layout-right-bd .btn-hollow:hover {
  color: #008C8C !important;
}

.layui-elem-quote {
  border-left: 5px solid #008C8C;
}

.spancolor {
  color: #008C8C;
}

.list-empty {
  margin: 50px auto;
  text-align: center;
}

.layout {
  width: 1100px;
  margin: 0 auto;
}
.layout .no-authorized {
  min-height: 400px;
  padding: 100px 0;
  text-align: center;
  font-size: 18px;
  color: #111111;
}
.layout .layout-hd .path-list {
  color: #aaa;
}
.layout .layout-hd .path-list .path-item {
  color: #000;
  cursor: pointer;
}
.layout .layout-hd .path-list .path-item:hover {
  text-decoration: underline;
  color: #008C8C;
}
.layout .layout-hd .path-list .path-item.disable {
  color: #aaa;
}
.layout .layout-hd .path-list .path-item.disable:hover {
  text-decoration: none;
  color: #aaa;
}
.layout .layout-bd {
  width: 100%;
}
.layout .layout-bd:after {
  display: block;
  content: "";
  height: 0px;
  clear: both;
}
.layout .layout-bd .layout-left {
  float: left;
  width: 750px;
}
.layout .layout-bd .layout-right {
  float: right;
  width: 330px;
}
.layout .layout-bd .layout-right .layout-right-hd {
  font-size: 16px;
  line-height: 2.4em;
  border-bottom: 1px #e2e2e2 solid;
  margin-bottom: 20px;
}
.layout .layout-bd .layout-right .layout-right-hd .title {
  position: relative;
  bottom: -1px;
  display: inline-block;
  border-bottom: 1px #009688 solid;
}
.layout .layout-bd .layout-right .layout-right-bd .btn-hollow {
  display: block;
  border: 1px #009688 solid;
  line-height: 50px;
  color: #009688;
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
  cursor: pointer;
}
.layout .layout-bd .layout-right .layout-right-bd .btn-hollow:hover {
  color: rgb(0, 99, 89.76);
}
.layout .layout-bd .layout-right .layout-right-bd .btn-hollow:last-child {
  margin-top: 20px;
}
.layout .layout-bd .layout-right .layout-right-bd .dropdown-menu {
  width: 100%;
}
.layout .layout-bd .layout-right .layout-right-bd .dropdown-menu > li > a {
  line-height: 2;
  font-size: 14px;
}

/*margin*/
.mart10 {
  margin-top: 10px;
}

.mart20 {
  margin-top: 20px;
}

.mart30 {
  margin-top: 30px;
}

.marb10 {
  margin-bottom: 10px;
}

.marb20 {
  margin-bottom: 20px;
}

.marb30 {
  margin-bottom: 30px;
}

.flex {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header-search-wrapper {
  padding: 15px 5px;
  background: #fafafa;
  border: 1px solid #f2f2f2;
}

.page-wrapper .limits-input {
  margin-left: 20px;
}
.page-wrapper .limits-input .layui-input {
  display: inline-block;
  width: 50px;
  height: 30px;
  margin-right: 3px;
}

.el-main {
  padding: 10px;
}

.el-menu a {
  color: inherit;
}

.el-menu-item a {
  display: block;
}

.el-dropdown-menu__item a {
  display: block;
}

.modal-dialog .modal-header {
  background: #ff5332;
  color: #fff;
}
.modal-dialog .modal-header .close {
  color: #fff;
  opacity: 1;
}
.modal-dialog .modal-body .checkbox-inline input[type=radio] {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 15px;
  height: 12px;
  position: relative;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #ff0000;
}