@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Tahoma, Arial, 微软雅黑, 黑体, 宋体;
  font-size: 13px;
}

body {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
}

.bodybg {
  background-color: #FFF;
}

.bodybgs {
  background-color: #F3F4F7;
}

table {
  table-layout: fixed;
}

.button {
  background-color: #ffffff;
  border: solid #7ca1cb 1px;
  color: #005ea6;
  height: 20px;
  _height: 20px;
  font-size: 9pt;
  vertical-align: middle;
}

select {
  font-size: 9pt;
}

ul,
dl,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:link {
  text-decoration: none;
  color: #000;
}

a:visited {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: none;
  color: #f00;
}

a:active {
  text-decoration: none;
  color: #f00;
}

/*去除chrome焦点虚框*/
*:focus {
  outline: none;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #FFF;
}

::-webkit-scrollbar:hover {
  /*border-radius:5px;*/
  background: #F4F4F4;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  margin: 3px;
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb:hover {
  background: #A8A8A8;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*常用颜色*/
.note {
  COLOR: #506FA8;
}

.grey {
  color: #666;
}

.gray {
  color: #999999;
}

.gray_dark {
  color: #666666;
}

.blue {
  color: #115888;
}

.dodgerblue {
  color: #1E90FF;
}

.grayblue {
  color: #7da1cf;
}

.green {
  color: #009900;
}

.limegreen {
  color: #32CD32;
}

.red {
  color: #ff0000;
}

.grayred {
  color: #d6867d;
}

.coral {
  color: #FF7F50;
}

.placeholder {
  color: #CCCCCC;
}

/**/
.b {
  font-weight: bold;
}

/*添加图片页面图片列表*/
#photolistul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#photolistul li.photolistli {
  float: left;
  width: 120px;
  _width: 134px;
  height: 132px;
  _height: 146px;
  margin: 0px 6px 6px 0px;
  padding: 6px;
  vertical-align: bottom;
  overflow: hidden;
  border: 1px #ccc solid;
  background: #fcfcfc;
}

#photolistul li.photolistli ul {
  margin: 0;
  padding: 0px;
  overflow: hidden;
}

#photolistul li.photolistli ul li.liimg {
  padding-bottom: 6px;
}

#photolistul li.photolistli ul li.liimg img {
  width: 120px;
  height: 90px;
  border: 0;
}

#photolistul li.photolistli ul li.liedu {
  text-align: center;
  height: 18px;
}

#photolistul li.photolistli ul li.lisets {
  text-align: center;
  height: 18px;
}

/* 菜单 */
.fmenu-dropdown {
  position: fixed;
  z-index: 10000;
  display: none;
  min-width: 140px;
  max-height: 274px;
  text-align: left;
  background-color: #FFFFFF;
  color: #000;
  border: solid #D2D2D2 1px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  overflow-y: auto;
}

.fmenu-dropdown.above {
  box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.5);
}

.fmenu-dropdown .fmenu-item {
  display: flex;
  align-items: center;
  height: 30px;
  cursor: default;
  user-select: none;
}

/* 无右边距 */
.fmenu-dropdown .fmenu-item:not(.paddingless) {
  padding-right: 12px;
}

.fmenu-dropdown .fmenu-item:not(.sel):not(.disabled):hover {
  background-color: #E6E6E6;
}

.fmenu-dropdown .fmenu-item.topline {
  border-top: solid #EEE 1px;
}

.fmenu-dropdown .fmenu-item.bottomline {
  border-bottom: solid #EEE 1px;
}

.fmenu-dropdown .fmenu-item .item-text {
  flex-grow: 1;
  word-break: break-all;
  white-space: nowrap;
  font-size: 13px;
}

.fmenu-dropdown .fmenu-item:not(.item-icon) .item-text {
  text-indent: 28px;
}

.fmenu-item.item-icon:before {
  font-family: "iconfont" !important;
  content: "";
  color: #0d9cf6;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  min-width: 28px;
}

/* 复制 */
.fmenu-item.item-icon.copy:before {
  content: "\e607";
}

/* 编辑 */
.fmenu-item.item-icon.edit:before {
  content: "\e628";
}

/* 删除 */
.fmenu-item.item-icon.del:before {
  content: "\ee45";
  color: #fa381f;
  font-size: 13px;
}

/* 审核 */
.fmenu-item.item-icon.review:before {
  content: "\e654";
  color: #0d9cf6;
}

/* 撤销审核 */
.fmenu-item.item-icon.unreview:before {
  content: "\e653";
  color: #FF0000;
}

.fmenu-dropdown .fmenu-item:not(.disabled).arrow::after {
  font-family: "iconfont" !important;
  content: "\e7bc";
  color: #b3b3b3;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  margin-left: 12px;
}

.fmenu-dropdown .fmenu-item.sel {
  background-color: #0F95FF;
  color: #FFF;
}

.fmenu-dropdown .fmenu-item.sel .item-icon:before,
.fmenu-dropdown .fmenu-item.sel.arrow::after {
  color: #FFF;
}

.fmenu-dropdown .fmenu-item.disabled,
.fmenu-dropdown .fmenu-item.disabled.item-icon:before {
  color: #969696
}

.fmenu.active>.fmenu-dropdown,
.fmenu.active+.fmenu-dropdown {
  display: block;
  animation: fmenu-dropdown-show 0.2s ease normal;
}

.fmenu-dropdown .fmenu-item:not(.disabled):hover>.fmenu-dropdown {
  display: block;
  animation: fmenu-dropdown-show 0.2s ease normal;
}

@keyframes fmenu-dropdown-show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*列表页面*/
/**/
div.listspace {
  flex-grow: 1;
  height: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 15px;
}

div.listspace-dialog {
  background-color: #FFFFFF;
  border-radius: 0;
  border: 0;
  display: flex;
  flex-direction: column;
}

/**/
div.substep {
  position: relative;
  z-index: 24;
  height: 41px;
  overflow: hidden;
  border-bottom: solid #e1e1e1 1px;
}

div.substep ol {
  font-size: 0;
  height: 40px;
  /* box-shadow: 0 1px 4px 0 rgba(54, 58, 80, .32); */
}

div.substep ol>li {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #78787e;
  overflow: hidden;
  pointer-events: stroke;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

div.substep ol>li.substep-right {
  float: right;
  padding-right: 6px;
}

div.substep ol>li i {
  font-size: 12px;
  margin-left: 6px;
}

div.substep ol>li>span {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-left: 6px;
  padding-left: 6px;
  padding-right: 6px;
  border-bottom: solid transparent 3px;
  cursor: pointer;
}

div.substep ol>li>span:hover {
  color: #00A4FF;
}

div.substep ol>li._sel>span {
  color: #00A4FF;
  border-bottom: solid #39F 3px;
}

div.substep ol>li>span span.smailltips {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  line-height: 12px;
  background-color: #F93;
  color: #FFFFFF;
  border-radius: 3px;
  padding: 4px 4px 4px 4px;
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}

div.substep ol>li select {
  height: 28px;
  background-color: #fff;
  border: solid #cdcdcd 1px;
  border-radius: 0;
  box-shadow: none;
}

div.substep ol>li select:hover {
  border: solid 1px #79b9e3;
}

.childframewrap {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
}

.childframewrap>iframe {
  position: absolute;
  overflow: hidden;
  border: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*工具栏*/
ol.toolbar {
  display: flex;
  /* justify-content: flex-start;
  flex-wrap: wrap; */
  z-index: 23;
  gap: 5px;
  /* flex-wrap: nowrap; */
}

ol.toolbar>li {
  display: flex;
  flex-wrap: nowrap;
}

ol.toolbar>li.toolbar-grow {
  flex-grow: 1;
  width: 0;
}

/*工具栏按钮*/
ol.toolbar>li.buttongroup_empty {
  display: none;
}

ol.toolbar>li>button {
  font-size: 12px;
  min-width: 36px;
  padding: 0 10px;
  height: 30px;
  line-height: 28px;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

ol.toolbar>li>button>i {
  font-size: 14px;
  margin-right: 5px;
  color: #666;
  cursor: default;
}

ol.toolbar>li>button>i.marginnone {
  margin-right: 0;
}

ol.toolbar>li>button>span {
  display: inline-block;
  vertical-align: 0px;
  cursor: default;
}

/**/
ol.toolbar>li>button.btnmenu {
  position: relative;
  padding-right: 23px;
}

ol.toolbar>li>button.btnmenu:after {
  position: absolute;
  top: 0;
  right: 5px;
  color: #a0a0a1;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e6e6";
  font-size: 16px;
}

ol.toolbar>li>button.btnmenu[value=""] {
  color: #CCC;
}

ol.toolbar>li>input[type=checkbox]+label,
ol.toolbar>li>input[type=text] {
  height: 30px;
  line-height: 28px;
}

ol.toolbar>li>input[type=checkbox] {
  display: none
}

ol.toolbar>li>input[type=checkbox]+label {
  display: inline-block;
  padding: 0 10px;
  line-height: 28px;
  font-size: 13px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

ol.toolbar>li>input[type=checkbox]+label:before {
  display: none;
}

ol.toolbar>li>input[type=checkbox]:checked+label {
  box-shadow: 0px 0px 4px #bebebe inset;
}

/**/
ol.toolbar>li>button,
ol.toolbar>li>select,
ol.toolbar>li>input[type=text],
ol.toolbar>li>input[type=checkbox]+label {
  height: 30px;
  border-radius: 0;
  box-shadow: none;
}

ol.toolbar>li>button:not(.warning),
ol.toolbar>li>select:not(.warning),
ol.toolbar>li>input[type=text]:not(.warning) {
  background-color: #fff;
  border: solid #cdcdcd 1px;
}

ol.toolbar>li>button:not(.warning):hover,
ol.toolbar>li>select:not(.warning):hover,
ol.toolbar>li>input[type=text]:not(.warning):hover,
ol.toolbar>li>input[type=text]:not(.warning):focus,
ol.toolbar>li>input[type=checkbox]:not(.warning):hover+label,
ol.toolbar>li>input[type=checkbox]:not(.warning):checked+label {
  border: solid 1px #79b9e3;
}

ol.toolbar>li>button.warning,
ol.toolbar>li>select.warning,
ol.toolbar>li>input[type=text].warning {
  background-color: #fffde5;
  border: solid #f00 1px;
}

ol.toolbar>li>button.warning:hover,
ol.toolbar>li>select.warning:hover,
ol.toolbar>li>input[type=text].warning:hover,
ol.toolbar>li>input[type=text].warning:focus,
ol.toolbar>li>input[type=checkbox].warning:hover+label,
ol.toolbar>li>input[type=checkbox].warning:checked+label {
  border: solid 1px #f00;
}

ol.toolbar>li>button:hover i {
  color: #398FD7;
}

ol.toolbar>li>button:active {
  background-color: #eaf6fd;
}

ol.toolbar>li>button.bt-blue,
ol.toolbar>li button.bt-blue i {
  color: #1B7BB9;
}

ol.toolbar>li>button.bt-blue {
  border-color: #6aaed9;
}

ol.toolbar>li>button.bt-blue:hover {
  border-color: #1d84c6;
}

ol.toolbar>li>button.bt-blue:active {
  background-color: #eaf6fd;
}

ol.toolbar>li>button[disabled],
ol.toolbar>li>button[disabled]:hover,
ol.toolbar>li>button[disabled] i,
ol.toolbar>li>button[disabled] i.triangle,
ol.toolbar>li>select[disabled],
ol.toolbar>li>input[type=checkbox][disabled]+label {
  color: #BBB;
  background-color: #f5f5f5;
  border-color: #cdcdcd;
  filter: alpha(opacity 90);
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
}

ol.toolbar>li.buttongroup>button:not(:last-of-type) {
  margin-right: -1px;
}

ol.toolbar>li.buttongroup>button:hover {
  position: relative;
  z-index: 1;
}

ol.toolbar>li>.rectradio span {
  font-size: 13px;
  line-height: 28px;
}

ol.toolbar>li>.rectradio label:first-of-type input[type=radio]+span {
  border-radius: 0;
}

ol.toolbar>li>.rectradio label:last-of-type input[type=radio]+span {
  border-radius: 0;
}

/* 工具栏不在li中的组件 */
ol.toolbar>button,
ol.toolbar>select,
ol.toolbar>input[type=text],
ol.toolbar>input[type=checkbox]+label,
ol.toolbar>.rectradio {
  height: 30px;
  line-height: 28px;
  border-radius: 0;
  box-shadow: none;
  flex-shrink: 0;
}

ol.toolbar>button:not(.warning),
ol.toolbar>select:not(.warning),
ol.toolbar>input[type=text]:not(.warning) {
  background-color: #fff;
  border: solid #cdcdcd 1px;
}

ol.toolbar>button:not(.warning):hover,
ol.toolbar>button:not(.warning).active,
ol.toolbar>select:not(.warning):hover,
ol.toolbar>input[type=text]:not(.warning):hover,
ol.toolbar>input[type=text]:not(.warning):focus,
ol.toolbar>input[type=checkbox]:not(.warning):hover+label,
ol.toolbar>input[type=checkbox]:not(.warning):checked+label {
  border: solid 1px #79b9e3;
}

ol.toolbar>button.warning,
ol.toolbar>select.warning,
ol.toolbar>input[type=text].warning {
  background-color: #fffde5;
  border: solid #f00 1px;
}

ol.toolbar>button.warning:hover,
ol.toolbar>select.warning:hover,
ol.toolbar>input[type=text].warning:hover,
ol.toolbar>input[type=text].warning:focus,
ol.toolbar>input[type=checkbox].warning:hover+label,
ol.toolbar>input[type=checkbox].warning:checked+label {
  border: solid 1px #f00;
}

ol.toolbar>button {
  font-size: 12px;
  min-width: 36px;
  padding: 0 10px;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

ol.toolbar>button>i {
  font-size: 14px;
  margin-right: 5px;
  color: #666;
  cursor: default;
}

ol.toolbar>button>i.marginnone {
  margin-right: 0;
}

ol.toolbar>button>span {
  display: inline-block;
  vertical-align: 0px;
  cursor: default;
}

/**/
ol.toolbar>button.btnmenu {
  position: relative;
  padding-right: 23px;
}

ol.toolbar>button.btnmenu:after {
  position: absolute;
  top: 0;
  right: 5px;
  color: #a0a0a1;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e6e6";
  font-size: 16px;
}

ol.toolbar>button.btnmenu[value=""] {
  color: #CCC;
}

ol.toolbar>button.btnmenu .fmenu-dropdown {
  text-align: left;
}

ol.toolbar>input[type=checkbox]+label,
ol.toolbar>input[type=text] {
  height: 30px;
  line-height: 28px;
}

ol.toolbar>input[type=checkbox] {
  display: none
}

ol.toolbar>button:hover i {
  color: #398FD7;
}

ol.toolbar>button:active {
  background-color: #eaf6fd;
}

ol.toolbar>button.bt-blue,
ol.toolbar>li button.bt-blue i {
  color: #1B7BB9;
}

ol.toolbar>button.bt-blue {
  border-color: #6aaed9;
}

ol.toolbar>button.bt-blue:hover {
  border-color: #1d84c6;
}

ol.toolbar>button.bt-blue:active {
  background-color: #eaf6fd;
}

ol.toolbar>button[disabled],
ol.toolbar>button[disabled]:hover,
ol.toolbar>button[disabled] i,
ol.toolbar>button[disabled] i.triangle,
ol.toolbar>select[disabled],
ol.toolbar>input[type=checkbox][disabled]+label {
  color: #BBB;
  background-color: #f5f5f5;
  border-color: #cdcdcd;
  filter: alpha(opacity 90);
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
}

ol.toolbar>li.buttongroup>button:not(:last-of-type) {
  margin-right: -1px;
}

ol.toolbar>li.buttongroup>button:hover {
  position: relative;
  z-index: 1;
}

ol.toolbar>.rectradio input[type=radio]+span {
  font-size: 13px;
  line-height: 28px;
}

ol.toolbar>.rectradio label:first-of-type input[type=radio]+span {
  border-radius: 0;
}

ol.toolbar>.rectradio label:last-of-type input[type=radio]+span {
  border-radius: 0;
}

/*搜索框*/
.y-seach {
  position: relative;
}

.y-seach>input[type=text] {
  position: relative;
  display: inline-block;
  left: 0;
  width: 180px;
  padding-right: 30px;
}

.y-seach>i {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 1px;
  right: 1px;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #cdcdcd;
}

.y-seach>input[type=text]:focus+i {
  color: #398FD7;
}

.y-seach>input[type=text]:focus+i:hover,
.y-seach>i:hover {
  color: #398FD7;
}

/* 日期范围选择框 */
.daterange {
  display: flex;
  flex-direction: row;
  border: solid #CCC 1px;
  background-color: #FFF;
}

.daterange.disabled {
  background-color: #F1F1F1;
}

.daterange:not(.disabled):hover {
  border: solid 1px #79b9e3;
}

.daterange input.date {
  height: 28px;
  width: 86px;
  line-height: 28px;
  border: none;
  background-image: none;
  text-align: center;
  text-indent: 0;
}

.daterange input.date:hover {
  border: none;
  box-shadow: none;
}

.daterange input.date:focus {
  border: none;
  box-shadow: none;
}

.daterange.disabled .daterange-to {
  color: #ADADAD;
}

/*显示列*/
.selcolumn {
  max-height: none;
  overflow-y: hidden;
  line-height: normal;
}

.selcolumn ul {
  min-width: 170px;
  max-height: 400px;
  overflow-x: auto;
}

.fmenu-dropdown.selcolumn .fmenu-item:not(.paddingless) {
  padding-right: 0;
}

.selcolumn ul>li.fmenu-item label {
  flex-grow: 1;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 12px;
}

.selcolumn .selcolumn-footer {
  display: flex;
  align-items: center;
  height: 30px;
  background-color: #EEEEEE;
  padding-left: 8px;
}

/**/
.listcontentwrap {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}

.listcontent {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #e6ebf5;
  padding: 10px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
}

.listcontentwrap .listcontent {
  width: 0;
}

.listcontent.empty {
  position: relative;
  overflow: hidden;
}

.listcontent.empty:before {
  position: absolute;
  z-index: 1;
  top: 48%;
  margin-top: -32px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 64px;
  color: #DADADA;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ee42";
}

.listcontent.empty:after {
  position: absolute;
  top: 48%;
  margin-top: 36px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 18px;
  color: #C8C8C8;
  content: "没有记录";
}

/*列表样式===*/
/* 表格标题*/
.listhead {
  z-index: 22;
  /* background-color: #FBFBFB; */
  border-bottom: solid #D5D5D5 1px;
  height: 35px;
  line-height: 34px;
  overflow: hidden;
}

.listheadtable {
  width: 100%;
}

.listheadtable tr th {
  color: #808080;
  font-weight: normal;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-right: solid #E7EAEC 1px;
}

.listheadtable tr:first-child th {
  border-image: -webkit-linear-gradient(rgba(255, 0, 0, 0), #D5D5D5) 1 100;
  border-image: -moz-linear-gradient(rgba(255, 0, 0, 0), #D5D5D5) 1 100;
  border-image: -o-linear-gradient(rgba(255, 0, 0, 0), #D5D5D5) 1 100;
  border-image: linear-gradient(rgba(255, 0, 0, 0), #D5D5D5) 1 80;
}

.listheadtable tr th[rowspan='2'] {
  border-image: linear-gradient(rgba(255, 0, 0, 0), #D5D5D5, #D5D5D5) 1 80;
}

.listheadtable tr th:last-child {
  border-right: 0;
}

.listheadtable tr:nth-child(2) th {
  border-right: solid #D5D5D5 1px;
  border-top: solid #DBDBDB 1px;
}

.listheadtable tr th .fs-label-wrap .fs-label {
  padding-left: 9px;
  padding-top: 0;
  padding-bottom: 0;
  height: 34px;
  line-height: 34px;
}

/* 数据列表*/
.listbody {
  flex-grow: 1;
  height: 0;
  z-index: 22;
  overflow-x: auto;
  overflow-y: scroll;
  /*border-style:solid; border-color:#E7EAEC; border-width:0 1px 1px 1px; background-color:#FFF;*/
}

.listtable {
  width: 100%;
  display: none;
}

.listtable tr>td {
  height: 34px;
  border-bottom: solid #E7EAEC 1px;
  text-indent: 6px;
  padding-right: 6px;
  text-align: center;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
}

.listtable tr td.column-function {
  text-indent: 0;
  padding-right: 0;
}

.listtable tr.dark td {
  border-top: solid #D4D4D4 1px;
}

.listtable tr td.expand {
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: green;
}

.listtable tr.locked {
  color: #0D9CF6;
}

.listtable tr.gray.locked {
  color: #02c2d9;
}

.listtable tr:hover td {
  background-color: #FCFCFC;
}

.listtable tr.grouprow td {
  background-color: #F9F9F9;
}

.listtable tr._sel td {
  background-color: #F2F7FD;
}

.listtable tr.grouprow._sel td {
  background-color: #ecf5ff;
}

.listtable tr._sel:hover td {
  background-color: #F2F7FD;
}

.listtable label.wechat:before {
  color: #6E70F0;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ee6a";
  font-size: 16px;
  margin-right: 2px;
}

.listtable i.icondisabled {
  font-size: 14px;
}

.listtable i.icondisabled::before {
  content: "\ee28";
}

.listtable tr.listempty {
  color: #CCC;
}

.listtable tr.listempty td {
  border-bottom: none;
  height: 60px;
  vertical-align: middle;
}

.listtable tr.listempty:hover td {
  background-color: transparent;
}

.listtable tr>td.td_list {
  text-align: left;
}

.listtable tr>td.td_list>p {
  text-indent: 0;
}

.listtable tr>td.td_list>p>span {
  text-indent: 0;
}

.listtable tr>td.td_list>p>span.td_list_tip {
  color: #999;
  margin-right: 6px;
}

.listtable tr>td.td_list>p>span.td_list_tip:empty {
  margin-right: 0;
}

/*数据列表操作按钮*/
.listtable tr td.column-function a {
  color: #6795E2;
}

.listtable tr td.column-function a:not(:last-of-type) {
  margin-right: 8px;
}

.listtable tr td.column-function a i.iconfont {
  margin-right: 3px;
}

.listtable tr td.column-function a:hover {
  color: #31aaf5;
}

.listtable tr td.column-function a:active {
  color: #31aaf5;
}

.listtable tr td.column-function a.disabled,
.listtable tr td.column-function a.disabled:hover {
  color: #b4b4b4;
  cursor: default;
}

.listtable tr td.column-function a.fmenu:after {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e6e6";
  font-size: 16px;
}

/**/
.cardlistbody {
  flex-grow: 1;
  height: 0;
  z-index: 22;
  overflow-x: auto;
  overflow-y: scroll;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-content: flex-start;
}

.cardlist {
  padding: 6px 10px;
  border: solid 4px #F7F7F7;
  box-shadow: 0 0 0 1px #E1E1E1 inset;
}

.cardlist .editcol {
  padding: 3px 0;
}

.cardlist .editcol .editcol-tag {
  min-width: 70px;
  width: 70px;
  line-height: normal;
  height: auto;
}

.cardlist .editcol .editcol-cont {
  line-height: normal;
  overflow: hidden;
}

/**/
.list-menu {
  display: flex;
  flex-direction: row;
  border-top: solid 1px #eeeeee;
  padding-top: 6px;
  background-color: #FFF;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.list-menu>div {
  flex-grow: 1;
  width: 0;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  color: #0099FF;
  cursor: default;
}

.list-menu>div:before {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 3px;
}

.list-menu>div.disabled {
  color: #b4b4b4;
}

.list-menu>div:not(.disabled):hover {
  background-color: #eaf6fd;
}

.list-menu>div:not(.disabled):active {
  background-color: #dfeef7;
}

.list-menu>div.disabled:before {
  color: #b4b4b4;
}

/**/
.list-menu>div.edit:before {
  content: "\e628";
}

.list-menu>div.patrol:before {
  content: "\e9c9";
}

.list-menu>div.review:before {
  content: "\e654";
}

.list-menu>div.review:not(.disabled):before {
  color: #FF0000;
}

.list-menu>div.unreview:before {
  content: "\e653";
}

.list-menu>div.unreview:not(.disabled):before {
  color: #FF0000;
}

.list-menu>div.print:before {
  content: "\e70f";
}

.list-menu>div.del:not(.disabled) {
  color: #fa381f;
}

.list-menu>div.del:before {
  content: "\a7ca";
}

/**/
.act {
  display: none !important;
}


/* .fmenu-dropdown .act_vis {
  display: flex !important;
} */

tr.act_vis {
  display: table-row !important;
}

/*页脚===*/
.listfoot {
  position: relative;
  background-color: #FFF;
  padding-top: 10px;
  border-top: solid #E7EAEC 1px;
  color: #666;
  overflow: hidden;
}

.listfoot .listfoottable {
  border: 0;
  width: 100%;
  height: 30px;
  table-layout: fixed
}

.listfoot .listfoottable tr td {
  overflow: hidden;
  white-space: nowrap;
  word-break: keep-all;
}

/*页码插件*/
.ex_pagecontrol {
  float: right;
  top: 10px;
  min-width: 400px;
  display: flex;
  column-gap: 8px;
  height: 30px;
  color: #888888;
}

.ex_pagecontrol .pagecount {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ex_pagecontrol .pageination {
  display: flex;
  background-color: #DDDDDD;
  padding: 1px;
  column-gap: 1px;
}

.ex_pagecontrol .pageination>* {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  cursor: default;
}

.ex_pagecontrol i.turnpage {
  width: 30px;
}

/*页码选择*/
.ex_pagecontrol .pageindex {
  min-width: 100px;
  overflow: hidden;
}

.ex_pagecontrol .fmenu {
  position: relative;
  padding-right: 12px;
}

.ex_pagecontrol .fmenu::after {
  position: absolute;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e6e6";
  font-size: 16px;
  right: 4px;
}

.ex_pagecontrol .pageination>*:hover,
.ex_pagecontrol .pageoffset:hover,
.ex_pagecontrol .fmenu.active {
  color: #398FD7;
  background-color: #f1f1f1;
}

.ex_pagecontrol .pageoffset {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  border: solid #dddddd 1px;
  cursor: default;
}

.ex_pagecontrol .pageindex ul,
.ex_pagecontrol .pageoffset ul {
  max-height: 226px;
}

/*提升z-index，完整显示快捷菜单*/
.z-index30 {
  z-index: 30;
}

/*提示框*/
.tipso_bubble,
.tipso_bubble>.tipso_arrow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tipso_bubble {
  position: absolute;
  border-radius: 3px;
  z-index: 9999;
  padding: 6px;
  box-shadow: 2px 2px 5px 0 rgba(54, 58, 80, .65);
}

.tipso_bubble>.tipso_content {
  max-width: 300px;
  word-wrap: break-word;
}

.tipso_bubble>.tipso_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid;
  pointer-events: none;
}

.tipso_bubble.top>.tipso_arrow {
  border-color: #000 transparent transparent;
  top: 100%;
  left: 50%;
  margin-left: -8px
}

.tipso_bubble.bottom>.tipso_arrow {
  border-color: transparent transparent #000;
  bottom: 100%;
  left: 50%;
  margin-left: -8px
}

.tipso_bubble.left>.tipso_arrow {
  border-color: transparent transparent transparent #000;
  top: 50%;
  left: 100%;
  margin-top: -8px
}

.tipso_bubble.right>.tipso_arrow {
  border-color: transparent #000 transparent transparent;
  top: 50%;
  right: 100%;
  margin-top: -8px
}

/*树型列表*/
.treemenuwrap {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 22px;
  border: 1px solid #e6ebf5;
  background-color: #FFF;
}

.treemenuwrap .treemenu {
  width: 180px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.treemenuwrap div.treemenuhead {
  display: flex;
  height: 34px;
  line-height: 33px;
  background-color: #FBFBFB;
  overflow: hidden;
  border-bottom: solid #e8ebee 1px;
  background-repeat: no-repeat;
  background-position: 6px center;
}

.treemenuwrap div.treemenuhead div.treemenuheadtext {
  flex-grow: 1;
  width: 0;
  height: 33px;
  padding-left: 6px;
  user-select: none;
  -moz-user-select: none;
}

.treemenuwrap div.treemenuhead div.treemenuheadcontrol {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  height: 33px;
}

/* 显示或隐藏控制按钮 */
.treemenuwrap:not(.treemenuhide) .treemenuhidebar {
  position: absolute;
  z-index: 10;
  width: 14px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background-color: #F6F8FA;
  right: -16px;
  top: 50%;
  margin-top: -24px;
  transform: perspective(.5em) rotateY(8deg);
  border-radius: 0 3px 3px 0;
  border-color: #E9E9EB;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  /* box-shadow: 3px 0 3px 0 rgba(54, 58, 80, .32); */
}

.treemenuwrap .treemenuhidebar::before {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
}

.treemenuwrap:not(.treemenuhide) .treemenuhidebar::before {
  color: #0F95FF;
  content: "\e644";
}

.treemenuwrap.treemenuhide .treemenuhidebar {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding-top: 6px;
  width: 100%;
  writing-mode: vertical-lr;
  background-color: #F6F8FA;
  color: #359AFC;
  font-size: 12px;
}

.treemenuwrap.treemenuhide .treemenuhidebar::before {
  content: "\ee1b";
  margin-bottom: 6px;
}

.treemenuwrap.treemenuhide .treemenuhidebar::after {
  content: attr(text-content-after);
  letter-spacing: 0.5em;
}

.treemenuwrap .treemenuhidebar:hover {
  background-color: rgba(135, 206, 250, 0.3);
}

.treeviewsearchwrap {
  position: relative;
  border-bottom: 1px solid #D9D9D9;
  text-indent: 0;
}

.treeviewsearchwrap input[type=text] {
  background-repeat: no-repeat;
  width: 100%;
  border: none;
  background-position: right center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAU9JREFUeNqMk8FHBGEYxmc3SkSUKEt7347LsnSY/yBWRHRqLy17iVa31HGXdEiH6FinSOm8pkuxxz3sqeuyRMQSsabfyzPZxsy3+/Lzjpn3e773+553MmEYelEEQbBIOoRtKMAHtOHc9/2O54hMJIRIkfQMq/r2CUtjtQ3EWmlCWYnYgkeJ3MEai5bJc1CDITSp23F2REGT5yNoIdCIF/G9RHqFAeSpGSV2RNhO33CWtJvu5x5yUE48GrvNk9ehw4Kh4z7byqW0O5rV84/njlEs/xeiiy/ZXKS7BYfQpnIv1TU5Zc6dJhWxgd3LHrzDi8s1s70LK3ANJ3Q64L0dexcuwIZ1i/dPkwayrIGMhrAvl8bjBqGq62hm8RtpAy41LzkN4oPeWeyz4bGzo0mBwBXpQK5V4kfMetNHXbM0A7dxh6cW0m9RkWs9/Ql/8SvAACBtdJd4ul69AAAAAElFTkSuQmCC");
}

.treeviewsearchwrap input[type=text]:hover {
  border: none;
  box-shadow: none;
}

.treeviewsearchwrap input[type=text]:focus {
  border: none;
  box-shadow: none;
}

.treeviewsearchwrap .treeviewsearch-nav {
  position: absolute;
  display: none;
  height: 24px;
  top: 1px;
  right: 2px;
  line-height: 23px;
  padding: 1px;
  overflow: hidden;
  background-color: #EBEBEC;
  border-radius: 22px;
}

.treeviewsearchwrap .treeviewsearch-nav span {
  color: #888888;
  margin-left: 5px;
  margin-right: 5px;
}

.treeviewsearchwrap .treeviewsearch-nav i {
  display: inline-block;
  width: 23px;
  height: 23px;
  text-align: center;
  color: #888888;
  border-radius: 23px;
}

.treeviewsearchwrap .treeviewsearch-nav i:not(.disabled):hover {
  color: #000000;
  background-color: #CCC;
}

.treeviewsearchwrap .treeviewsearch-nav i.disabled {
  color: #CCC;
}

.treeview {
  flex-grow: 1;
  height: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.treeview li {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-indent: 0;
  height: 30px;
  line-height: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.treeview li.sel {
  color: #1E90FF;
  font-weight: bold;
  background-color: #F2F7FD;
}

.treeview li.disabled {
  color: #969696;
}

.treeview li label {
  flex-grow: 1;
  width: 0;
  margin-left: 6px;
  display: flex;
  align-items: center;
}

.treeview li i {
  display: block;
  float: left;
  margin-left: 3px;
  width: 24px;
  min-width: 24px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.treeview li i.line {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAERJREFUeNrs17ENAEAIQlG96d2aiytgYeEnoTTklYakcFpVcm+7L/zk4HY0rK1hxIgRI0aMGDFixIgRXxVnP1Ab+QIMAPeLandshKKrAAAAAElFTkSuQmCC');
}

.treeview li i.linet {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGRJREFUeNrs18EKACEIBNBm6Z/9Br/a3Q7dY2bBQ+NFOog8QixU1WAiM1chIoKqfwYfEGqlxtXV2GKLLbb4MvEUxdhbap9P8rfR8IeYym13PFVxx0PAc2yxxRZfJgb7aVPjFWAA3KMjpsiHNNQAAAAASUVORK5CYII=');
}

.treeview li i.linel {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUeNrslTEOwDAIA3HUP/MGXk2aIWOlCoYMOS+IwTrdZGWmVRIRqyh3L/WH1aNGtwXOU2CMMcYY48uMn6ax9krt/899F02qzmI3ww4FMGDAgAED/swUYABTIxs4prOcHgAAAABJRU5ErkJggg==');
}

.treeview li label .menutext {
  flex-grow: 1;
  width: 0;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.treeview li.treemenuitem {
  height: 28px;
  line-height: 28px;
  padding-left: 6px;
  background-repeat: no-repeat;
  background-position: 10px center;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*.treeview li input[type=checkbox]+label { line-height:26px; }*/
.treeview li:not(.disabled):not(.sel):not(._sel):hover {
  color: #598DF2;
  background-color: #F5F5F5;
}

.treeview li.disabled:hover {
  color: #969696;
  background-color: #F5F5F5;
}

.treeview li:hover input[type=checkbox]:not(.green_s):not([disabled]) {
  box-shadow: 0 0 0 2px #0d9cf6 inset;
}

.treeview li:hover input[type=checkbox].green_s:not([disabled]) {
  box-shadow: 0 0 0 2px #11a911 inset;
}

.treeview li span.menu_arrow {
  min-width: 22px;
  width: 22px;
  height: 22px;
  margin: 3px;
  text-align: center;
  line-height: 24px;
  color: #999;
  border-radius: 22px;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.treeview li span.menu_arrow::after {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62b";
  font-size: 12px;
}

.treeview li.sel span.menu_arrow {
  background-color: rgba(135, 206, 250, 0.3);
  color: #FFF;
}

.treeview li span.menu_arrow_flex {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.treeview li span.menu_arrow:hover {
  background-color: #FFF;
  color: #0d9cf6;
  font-weight: bold;
}

.treeview li.sel span.menu_arrow:hover {
  color: #FFF;
  background-color: rgba(135, 206, 250, 0.5);
}

/* 预览页面样式 */
.paperwin {
  flex-grow: 1;
  background-color: #DDDDDD;
  overflow: auto;
}

.papercont {
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 100%;
  align-items: center;
}

.paperwrap {
  flex-shrink: 0;
  background-color: #FFF;
  overflow: hidden;
  border: solid 1px #C6C6C6;
  box-shadow: 2px 2px 3px 0 rgba(54, 58, 80, .32);
}

.paper {
  position: relative;
  width: 210mm;
  height: 297mm;
  transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  -o-transform-origin: left top;
}

.paperscalebar {
  position: fixed;
  right: 30px;
  bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.paperscalebar>li>button {
  height: 36px;
  width: 36px;
  border: solid 1px #F7F7F7;
  border-radius: 36px;
  color: #7A7A7A;
  background-color: #FFF;
  box-shadow: 2px 2px 3px 0 rgba(54, 58, 80, .32);
}

.paperscalebar>li>button::before {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.paperscalebar>li>button.scalepaper::before {
  font-size: 18px;
  content: "\ee49";
}

.paperscalebar>li>button.zoom2::before {
  content: "\e9c8";
}

.paperscalebar>li>button.zoom1::before {
  content: "\e64f";
  font-size: 17px;
}

.paperscalebar>li>button:hover {
  background-color: #F7F7F7;
}

.paperscalebar>li>button:active {
  background-color: #EFEFEF;
}

/*页面错误提示*/
#infotip {
  position: absolute;
  z-index: 22;
  text-align: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #FFF;
  text-align: center;
}

#infotip.listsize {
  top: 75px;
  left: 16px;
  right: 16px;
  bottom: 16px;
}

#infotip div.infotipwrap {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  height: 280px;
  min-width: 400px;
  top: 50%;
  margin-top: -160px;
}

#infotip div.infotipwrap div.infotip-img {
  height: 140px;
  background-position: center center;
  background-repeat: no-repeat;
}

#infotip div.infotipwrap div.infotip-img-301 {
  background-image: url(image/301.png);
}

#infotip div.infotipwrap div.infotip-img-401 {
  background-image: url(image/401.png);
}

#infotip div.infotipwrap div.infotip-img-403 {
  background-image: url(image/403.png);
}

#infotip div.infotipwrap div.infotip-img-404 {
  background-image: url(image/404.png);
}

#infotip div.infotipwrap div.infotip-img-500 {
  background-image: url(image/500.png);
}

#infotip div.infotipwrap div.infotip-title {
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 50px;
  color: #76b8f8;
}

#infotip div.infotipwrap div.infotip-txt {
  font-size: 15px;
  line-height: 30px;
  color: #999;
  padding-bottom: 10px;
}

#infotip div.infotipwrap div.infotip-txt:empty {
  padding-bottom: 0;
}

#infotip div.infotipwrap div.infotip-button {
  padding: 10px;
}

#infotip div.infotipwrap div.infotip-button button {
  font-size: 16px;
  min-width: 250px;
  padding: 0 6px;
  height: 30px;
  color: #87c4ff;
  background-color: #FFF;
  line-height: 28px;
  border-color: #9dcdfc;
  border-radius: 3px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

#infotip div.infotipwrap div.infotip-button button:hover {
  color: #76b8f8;
  border-color: #76b8f8;
  background-color: #f0f8ff;
}

#infotip div.infotipwrap div.infotip-button button:active {
  color: #76b8f8;
  border-color: #76b8f8;
  background-color: #e3f1fd;
}

#infotip span {
  position: relative;
  display: block;
  margin-top: -30px;
  top: 50%;
  min-width: 200px;
}

#infotip.disabled {
  color: #cacaca;
  border: none;
  cursor: default;
}

/*=========编辑对话框===============*/
body.popups form {
  flex: 1;
  height: 0;
  display: flex;
  flex-direction: column;
}

body.popups.loading .editcontdiv {
  display: none;
}

body.popups.loading .editfoot {
  display: none;
}

body.popups:not(.loading) .editcontdiv {
  flex: 1;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

/**/
.validitytip {
  position: absolute;
  z-index: 2;
}

.validitytip .validitytip-content {
  position: relative;
  margin-top: -2px;
  padding: 4px 3px 3px 0;
  color: #ff6945;
  font-size: 12px;
  line-height: normal;
}

/**/
.warningmsg {
  margin-left: 6px;
  color: #ff6945;
}

.warningmsg:before {
  display: inline-block;
  vertical-align: middle;
  color: #FF7F50;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613";
  font-size: 17px;
  margin-top: -3px;
  margin-right: 6px;
}

p.warningmsg {
  margin-left: 0;
  line-height: 30px;
  margin-bottom: -8px;
}

.warningmsg:empty {
  background-image: none;
}

.warningmsg:empty:before {
  content: "";
}

.warningmsg-blue,
.warningmsg-blue:before {
  color: #00BFFF;
}

/**/
.tipcontent {
  position: relative;
  border: solid #B5DAFF 1px;
  background-color: #F0F8FF;
  padding: 10px 16px 10px 10px;
}

.tipcontent ul {
  line-height: 24px;
  color: #083C7F;
  margin-left: 20px;
}

.tipcontent ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #083C7F;
  border-radius: 50%;
  margin-left: -15px;
  margin-right: 10px;
  vertical-align: middle;
}

.tipcontent .hidetipcontent {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #0d9cf6;
  border-radius: 50%;
  /* background-color:#f36c12; */
  cursor: pointer;
}

.tipcontent .hidetipcontent:before {
  line-height: 20px;
  content: "\e615";
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**/
.edittable {
  width: 100%;
}

.edittable>tbody>tr>td {
  padding: 8px 0 8px 0;
  height: 42px;
  white-space: nowrap;
  word-break: keep-all;
}

.edittable>tbody>tr>td:nth-child(1) {
  color: #888;
}

/**/
.editcol {
  position: relative;
  padding: 8px 0 8px 0;
  display: flex;
  flex-direction: row;
}

.editcol .editcol-tag {
  display: inline-block;
  /* float: left; */
  height: 26px;
  line-height: 26px;
  width: 150px;
  min-width: 150px;
  overflow: hidden;
  color: #888;
}

.requiretip::after {
  display: inline-block;
  vertical-align: middle;
  content: '*';
  color: red;
  font-weight: bold;
  margin-left: 3px;
}

.editcol .editcol-cont {
  flex-grow: 1;
  position: relative;
  line-height: 26px;
  word-break: keep-all;
  white-space: nowrap;
}

.editcol input[type=radio]+label {
  line-height: 26px;
}

.editcol.column {
  flex-direction: column;
}

.editcol.column .editcol-tag {
  min-width: auto;
  width: auto;
}

/**/
.editfoot {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-end;
  padding-left: 15px;
  padding-right: 15px;
  column-gap: 15px;
  background: #EEEEEE;
  overflow: hidden;
}

.editfoot button {
  width: 90px;
  height: 26px;
  line-height: 100%;
  font-size: 14px;
  color: #FFF;
  vertical-align: middle;
  border: solid #0d9cf6 0px;
  border-radius: 50vh;
  background: #0d9cf6;
  position: relative;
  letter-spacing: 8px;
  padding-left: 8px;
}

.editfoot button:not([disabled]):hover,
.editfoot button:not([disabled]):focus {
  background: #41aaf7;
}

.editfoot button:not([disabled]):active {
  background: #0288dd;
}

.editfoot button:not([disabled]).warn {
  background: #FF4949;
  color: #FFFFFF;
}

.editfoot button:not([disabled]).warn:hover,
.editfoot button:not([disabled]).warn:focus {
  background: #FF6161;
}

.editfoot button:not([disabled]).warn:active {
  background: #E64242;
}

.editfoot button.cancel {
  background: #fafafa;
  border: 1px solid #bebebe;
  color: #000;
}

.editfoot button.cancel:hover,
.editfoot button.cancel:focus {
  background: #fff;
  border-color: #0d9cf6;
  color: #0d9cf6;
}

.editfoot button.cancel:active {
  background: #fafafa;
  color: #0288DD;
}

.editfoot button[disabled] {
  background-color: #969696;
}

.editfoot button:not([disabled]) div.blinking {
  display: none;
}

.editfoot button[disabled] div.blinking {
  display: block;
}

.editfoot button div.blinking {
  position: absolute;
  width: 14px;
  height: 14px;
  padding: 0px;
  margin: 0;
  top: 6px;
  left: 7px;
  letter-spacing: normal;
}

.editfoot button div.blinking span {
  width: 4px;
  height: 2px;
  display: inline-block;
  border-radius: 4px;
  background: #FFF;
  position: absolute;
  left: 50%;
  top: 50%;
  animation: 1s blink infinite;
  transform-origin: left top;
  opacity: 0.4;
}

.blinking span:first-child {
  transform: rotate(45deg) translateX(3px) translateY(-1px);
  animation-delay: 0.125s;
}

.blinking span:nth-child(2) {
  transform: rotate(90deg) translateX(3px) translateY(-1px);
  animation-delay: 0.25s;
}

.editfoot button div.blinking span:nth-child(3) {
  transform: rotate(135deg) translateX(3px) translateY(-1px);
  animation-delay: 0.375s;
}

.editfoot button div.blinking span:nth-child(4) {
  transform: rotate(180deg) translateX(3px) translateY(-1px);
  animation-delay: 0.5s;
}

.editfoot button div.blinking span:nth-child(5) {
  transform: rotate(225deg) translateX(3px) translateY(-1px);
  animation-delay: 0.625s;
}

.editfoot button div.blinking span:nth-child(6) {
  transform: rotate(270deg) translateX(3px) translateY(-1px);
  animation-delay: 0.75s;
}

.editfoot button div.blinking span:nth-child(7) {
  transform: rotate(315deg) translateX(3px) translateY(-1px);
  animation-delay: 0.875s;
}

.editfoot button div.blinking span:nth-child(8) {
  transform: rotate(360deg) translateX(3px) translateY(-1px);
  animation-delay: 0s;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  33% {
    opacity: 0.8;
  }

  66% {
    opacity: 0.6;
  }

  100% {
    opacity: 0.4;
  }
}

/**/
.uploadbutton {
  border-radius: 2px;
  height: 24px;
  width: 80px;
  border: 0;
  background: #0d9cf6;
  color: #FFF;
  line-height: 24px;
}

.uploadbutton:hover {
  background: #41aaf7;
}

.uploadbutton:active {
  background: #0288dd;
}