body,
html {
  width: 100%;
  height: 100%;
}

body * {
  box-sizing: border-box;
}

.bar {
  height: 80% !important;
  top: 10% !important;
  left: 5px !important;
}

.layui-this a.a3 {
  font-weight: bold !important;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
}

#LAY-system-side-menus > .layui-this,
#LAY-system-side-menus > .layui-this > a {
  background-color: rgba(0, 0, 0, 0) !important;
}

.title-header {
  background-color: #151515 !important;
}

.layui-side-scroll,
.layui-side-scroll > .layui-logo {
  background-color: #151515 !important;
}

.no-padding {
  padding: 0 !important;
}

body.cota {
  box-sizing: border-box;
  padding: 10px 30px;
}

dd {
  margin-left: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.layui-this {
  margin-left: 5px !important;
}

/* .dd-move {
	margin-left: 5px !important;
} */
.title-header {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  padding: 7px 0 !important;
}

.title-header ul.layui-layout-left li {
  margin: 0 8px !important;
}

.title-header ul.layui-layout-right {
  padding: 0 10px !important;
}

.title-header ul.layui-layout-right li a {
  padding: 0 8px !important;
}

.title-header .heads {
  display: block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.heads-move {
  display: none !important;
}

.content {
  margin-bottom: 100px;
}

a,
button {
  outline: none !important;
}

.layui-header .layui-nav-item .layui-icon {
  font-size: 22px !important;
}

.menu {
  position: fixed;
  bottom: 100px;
  left: 0;
  z-index: 99999999;
  writing-mode: tb-rl;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.menu a {
  padding: 0 5px;
  width: 26px;
  height: 80px;
  line-height: 16px;
  letter-spacing: 3px;
  background-color: #151515 !important;
}

.ml .layui-btn,
.nr .layui-btn {
  margin: 8px 0;
}

.ml .layui-btn:hover,
.nr .layui-btn:hover {
  border-color: #c9c9c9;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.no-trans {
  border: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
}

.no-trans:hover {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0) !important;
}

.menu a i {
  margin-bottom: 5px;
}

.layui-table thead tr:hover {
  background-color: #f2f2f2 !important;
}

.layui-table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0) !important;
}

.layui-nav-child {
  transition: all 0.3s !important;
  -webkit-transition: all 0.3s !important;
}

.layui-side-menu .layui-nav .layui-nav-item a {
  padding: 0 20px !important;
}

.layui-side-menu .layui-nav .layui-nav-itemed > .layui-nav-child > dd {
  background-color: rgba(51, 51, 51, 0.6) !important;
  /* margin-bottom: 1px !important; */
}

.layui-side-menu
  .layui-nav
  .layui-nav-itemed
  > .layui-nav-child
  > .layui-nav-itemed
  > .layui-nav-child
  > dd {
  background-color: rgba(102, 102, 102, 0.3) !important;
  margin-top: 1px !important;
}

.layui-side-menu .layui-nav .layui-nav-itemed > .layui-nav-child {
  padding: 1px 0 0 0 !important;
}

.layui-nav * {
  font-size: 12px !important;
}

.layui-colla-icon {
  left: auto !important;
  right: 10px !important;
}

.title-cospan {
  font-weight: bold !important;
  background-color: #3c3c3c !important;
  height: 36px !important;
  line-height: 36px !important;
  color: #fff !important;
  padding: 0 10px 0 10px !important;
}

.title-cospan i {
  float: right;
  right: 20px !important;
  display: none !important;
}

.role {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
}

.content-message {
  height: auto;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.content-message i {
  margin-bottom: 0 !important;
}

.content-message i > img {
  margin-bottom: 0 !important;
}

.colspantoggle {
  display: none !important;
}

.content-message * {
  margin-bottom: 10px !important;
}

.content-message > * {
  padding: 0 30px !important;
}

.sencond-title i {
  left: 0 !important;
}

.layui-collapse {
  border: 0 !important;
}

.imgsearch {
  padding: 5px 8px !important;
}

.imgsearch img {
  border-radius: 3px;
  max-height: 600px;
}

.img-border {
  height: 400px;
  overflow: hidden;
}

.img-border a {
  border: 1px solid #666;
  height: 100%;
  display: inline-block;
  border-radius: 3px;
  padding: 5px;
  vertical-align: middle;
  width: 100%;
}

.layui-colla-content {
  border: none !important;
  padding: 0 !important;
}

.sencond-title {
  font-size: 15px !important;
  padding: 0 30px !important;
}

.sencond-title i {
  margin-right: 7px !important;
}

.sencond-title .layui-colla-icon {
  display: none;
}

.warning,
.caution,
.hosoku {
  height: 36px !important;
  width: auto;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 30px 8px;
  margin-bottom: 0 !important;
}

.unnormal {
  padding: 10px 30px 0 30px !important;
  background-color: rgba(255, 255, 255, 1);
  height: auto;
  margin: 0 !important;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.unnormal-close {
  padding-top: 0 !important;
  height: 0 !important;
}

.close {
  text-align: center;
}

.warning {
  background-image: url("../image/warning.png");
  background-color: rgba(255, 0, 0, 0.1);
  /* border-bottom: 2px solid rgba(255, 0, 0, 0.2); */
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
}

.wa {
  /* border-bottom: 1px solid rgba(255, 0, 0, 0.2); */
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}

.caution {
  background-image: url("../image/caution.png");
  background-color: rgba(255, 215, 0, 0.4);
  /* border-bottom: 2px solid rgba(255, 215, 0, 0.5); */
  border-bottom: 2px solid rgba(128, 128, 128, 0.7);
}

.ca {
  /* border-bottom: 1px solid rgba(255, 215, 0, 0.5); */
  border-bottom: 1px solid rgba(128, 128, 128, 0.7);
}

.hosoku {
  background-image: url("../image/hosoku.png");
  background-color: rgba(128, 128, 128, 0.2);
  border-bottom: 2px solid rgba(128, 128, 128, 0.2);
}

.ho {
  /* border-bottom: 1px solid rgba(128, 128, 128, 0.2); */
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

/* .close-c-caution:before {
	content: '关闭注意';
}

.close-c-hosoku:before {
	content: '关闭提示';
}

.close-c-warning:before {
	content: '关闭警告';
}

.open-c-caution:before {
	content: '打开注意' !important;
}

.open-c-hosoku:before {
	content: '打开提示' !important;
}

.open-c-warning:before {
	content: '打开警告' !important;
} */
.layui-icon-up::before {
  content: "";
}

.layui-icon-down::before {
  content: "";
}

.icon-title {
  font-weight: bold;
  font-size: 14px !important;
}

.text-content {
  font-size: 14px !important;
}

.layui-colla-content {
  color: #000 !important;
}

ol.margin-titile li {
  list-style-type: decimal !important;
  padding-left: 5px !important;
}

ul.margin-titile li.disc {
  list-style-type: disc !important;
  font-weight: bold !important;
}

ul.margin-image li.image-title {
  list-style-type: none !important;
  font-weight: bold !important;
  margin-top: 30px !important;
  margin-left: 0 !important;
}

ul.margin-image li.image-title img {
  margin-bottom: 0 !important;
}

ul.margin-image li.image-title span {
  margin-bottom: 0 !important;
}

ul.margin-image li.image-title img {
  height: 40px !important;
  margin-top: -22px !important;
  margin-right: 6px !important;
}

ul.margin-titile li.disc-normal {
  list-style-type: disc !important;
}

.margin-titile li {
  margin-left: 17px !important;
}

.inline div {
  display: inline-block !important;
  height: 100%;
}

.img-content {
  width: 100%;
  text-align: center;
}

.img-content img {
  width: auto;
  height: auto;
  max-width: 100%;
  overflow: hidden;
}

.img-content .full {
  width: 100% !important;
}

.layui-nav-bar {
  background-color: rgba(102, 102, 102, 0.6) !important;
}

.layui-nav-tree .layui-nav-child dd.layui-this a {
  background-color: rgba(0, 0, 0, 0) !important;
}

.label-bak {
  background-color: #fff !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-right: 0 !important;
  text-align: center !important;
  padding: 8px 5px !important;
  width: 50px !important;
  height: 50px !important;
}

.double-icon .layui-input-block {
  margin-left: 30px !important;
}

.double-icon label {
  padding: 14px 5px !important;
}

.double-icon input {
  border-left: 0 !important;
  border-right: 0 !important;
  width: calc(100% - 70px) !important;
  height: 50px !important;
  font-size: 20px !important;
}

.double-icon input:hover {
  border-color: #e6e6e6 !important;
}

.double-icon input:focus {
  border-color: #e6e6e6 !important;
}

.double-icon .layui-input-block * {
  display: inline-block !important;
}

.label-right {
  background-color: #fff !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-left: 0 !important;
  text-align: center !important;
  padding: 8px 5px !important;
  width: 50px !important;
  height: 50px !important;
}

.catalog,
.conts {
  margin: 20px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  padding: 0 !important;
  color: #666 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.catalog > i,
.conts > i {
  display: none;
}

.ml .layui-show,
.nr .layui-show {
  color: #666666 !important;
}

.ml .layui-show .layui-row,
.nr .layui-show .layui-row {
  font-size: 16px !important;
  margin: 15px 0;
  color: #666666;
}

.ml .layui-show p,
.nr .layui-show p {
  margin: 15px 0;
}

.special {
  padding: 0 !important;
  background-color: rgba(255, 255, 255, 1);
}

.close {
  margin-bottom: 3px !important;
  height: 0 !important; /* 鍏抽棴鍔熻兘妯″潡宸叉敞閲� 鑻ユ兂鎵撳紑鍘绘帀鎴栨敞閲婃帀杩欏彞浠ｇ爜 */
}

.close span {
  font-size: 14px !important;
}

.close span:before {
  margin-right: 10px;
}

.text-bold {
  font-size: 14px;
  font-weight: bold;
}
/*a便签加粗加下划线*/
.underline {
  text-decoration: underline;
}

table th,
table td {
  text-align: center !important;
}

table th.content-left,
table td.content-left {
  text-align: left !important;
}

table th.content-right,
table td.content-right {
  text-align: right !important;
}

.normal-img {
  width: auto !important;
}

.limit-img-sm {
  max-width: 120px !important;
}

.limit-img-lg {
  max-width: 200px !important;
}

.layui-table td,
.layui-table th {
  padding: 9px 4px !important;
  min-width: 150px !important;
}

.wrap {
  white-space: nowrap;
}

.table {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

table.layui-table th img,
table.layui-table td img {
  height: 12px;
  width: auto;
  margin-bottom: 0 !important;
  margin-top: -2px;
}

table.layui-table th.lg img,
table.layui-table td.lg img {
  height: auto !important;
  margin-bottom: 0 !important;
  max-height: 40px !important;
  /* min-width: 150px !important; */
}

table.layui-table thead th,
table.layui-table tbody td {
  min-width: 80px !important;
}

.content-message .img-content {
  margin: 0 !important;
}

.line,
.line a {
  color: rgba(3, 134, 194, 1) !important;
  margin: 0 5px;
}

.line a {
  text-decoration: underline !important;
}

.menu .layui-icon-spread-left::before {
  font-size: 17px !important;
  margin-bottom: 4px;
}

.menu .layui-icon-shrink-right::before {
  font-size: 17px !important;
  margin-bottom: 4px;
}

.text-img {
  margin: 0 5px;
}

.text-img img {
  height: 2rem;
  width: auto;
  margin-top: -3px;
}

.newline-logo {
  font-size: 13px !important;
  line-height: 20px !important;
  padding: 7px 0 !important;
}

a.layui-btn {
  overflow: hidden;
}

.layui-table thead tr {
  background-color: rgba(0, 0, 0, 0.2);
}

.layui-table thead tr:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.atten5 h4 {
  font-weight: bold !important;
  text-decoration: underline !important;
  font-size: 16px !important;
}

.heft {
  text-decoration: underline !important;
  color: rgba(3, 134, 194, 1) !important;
}

.bak {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3px;
}

.bak1 {
  background-size: 68% auto !important;
  background-image: url("../image/图片1.png");
}

.bak2 {
  background-size: 68% auto !important;
  background-image: url("../image/图片2.png");
}

.bak3 {
  background-size: 68% auto !important;
  background-image: url("../image/图片3.png");
}

.bak4 {
  background-size: 68% auto !important;
  background-image: url("../image/图片4.png");
}

@media screen and (min-width: 800px) {
  .layui-table {
    width: 100% !important;
  }
}

@media screen and (max-width: 600px) {
  .img-border {
    height: 150px;
  }
}

@media screen and (min-width: 992px) {
  .menu {
    display: none;
  }
}

@media only screen and (min-width: 500px) {
  body {
    font-size: 20px;
  }
  .title-header {
    font-size: 20px;
  }
  .layui-icon {
    font-size: 20px;
  }
  .sencond-title {
    font-size: 20px !important;
    transition: font-size 0.5s ease;
  }
  .layui-colla-title {
    font-size: 20px;
    transition: font-size 0.5s ease;
  }
  .layui-colla-content {
    line-height: 28px;
  }
  .icon-title {
    font-size: 21px !important;
  }
  .text-content {
    font-size: 21px !important;
  }
  .text-bold {
    font-size: 19px;
  }
  p {
    font-size: 20px !important;
  }
  .layui-nav * {
    font-size: 17px !important;
  }
  .warning,
  .caution,
  .hosoku {
    height: 48px !important;
    background-size: auto 30px;
  }
}