* {
  box-sizing: border-box;
}
li {
  list-style-type: none;
}

.tag-nav-wrapper {
  background: #f0f0f0;
  height: 40px;
  overflow: hidden;
  padding: 0;
  display: none;
}
hr {
  background: Silver;
  height: 1px;
}

.tags-nav {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  position: relative;
  user-select: none;
}

.tags-nav {
  height: 100%;
  width: 100%;
}

.tags-nav .scroll-outer {
  -webkit-box-shadow: 0 0 3px 2px hsla(0, 0%, 39.2%, 0.1) inset;
  bottom: 0;
  box-shadow: inset 0 0 3px 2px hsla(0, 0%, 39.2%, 0.1);
  height: 100%;
  margin: 0 auto;
  width: 98%;
}

.tags-nav .scroll-outer .scroll-body {
  -webkit-transition: left 0.3s ease;
  display: inline-block;
  height: calc(100% - 1px);
  overflow: visible;
  padding: 1px 4px 0;
  transition: left 0.3s ease;
  white-space: nowrap;
}

.tag {
  color: #515a6e !important;
  display: inline-block;
  height: 32px;
  line-height: 29px;
  margin: 2px 4px 2px 0;
  padding: 0 8px;
  border: 1px solid #e8eaec;
  border-radius: 3px;
  background: #fff;
  font-size: 12px;
  vertical-align: middle;
  opacity: 1;
  overflow: hidden;
  cursor: pointer;
}

.tagActive {
  border-top: 3px solid blue !important;
}
.content-header {
  height: 41px;
  display: none;
}

.content {
  background: #fff;
  border-radius: 4px;
  height: 100%;
}

.closeIcon {
  margin-left: 10px;
  cursor: pointer;
}

.content-wrapper {
  padding: 16px;
  height: 100%;
  overflow: auto;
}

.nav-tabs-custom {
  height: 100%;
  margin-bottom: 0;
  overflow: hidden;
  /* hsl自己加的 */
  overflow-y: auto;
  display: none;
}

.tab-pane {
  height: auto;
  overflow: hidden;
}

.tab-content {
  height: auto;
}

.nav-tabs {
  white-space: nowrap;
  /* margin:0 20px!important; */
  overflow: hidden;
  letter-spacing: -3px;
}

.nav-tabs li {
  display: inline-block;
  float: none;
  letter-spacing: 0;
  margin-right: 0 !important;
}

.navArrow {
  width: 18px;
  cursor: pointer;
  margin-top: 17px;
  display: none;
}

.lockscreen_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #d2d6de;
  /* background:#eaeaea; */
  z-index: 9998;
  display: none;
}

.lockscreen-wrapper {
  z-index: 9999;
}

.lockscreen-name {
  text-align: center;
}

.panelContent {
  display: none;
}

.warnLabel {
  display: none;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  color: #f39c12;
}

.errorLabel {
  display: none;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  color: #dd4b39;
}

#verification {
  width: 56%;
  display: inline-block;
}

#verificationPic {
  height: 34px;
  float: right;
}

.modal {
  background: none;
}

.pagCss {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  margin-top: 10px;
}

.pagCss .dataTables_info {
  margin-top: 0 !important;
  line-height: 35px !important;
}

.pagCss .dataTables_length {
  margin-bottom: 0 !important;
  margin: 6.5px 10px !important;
}

.pagCss .pagination {
  margin-top: 2.5px !important;
}

.exportExcel {
  float: right;
  padding-right: 20px;
}

.btnStyle {
  padding: 0;
  height: 26px;
  width: 26px;
  min-width: 0;
  text-align: center;
  padding-top: 4px;
}

.btnStyle .fa {
  font-size: 16px;
}

.btnWidth {
  width: auto;
}

.formLabel {
  width: 75px;
  text-align: left;
  margin-bottom: 0;
  line-height: 34px;
}

.formGroup {
  display: flex;
  justify-content: center;
}

.form-item {
  margin-right: 20px;
  width: 300px;
}

.footer {
  margin-top: 30px;
}

.selectGroup {
  display: flex;
  /* margin-left: 50px; */
}

.table > tbody > tr > td {
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  text-align: center !important;
}

#w900400limitGroup li {
  text-align: left;
  list-style: none;
}

#w900500columnsMenu {
  float: left;
  width: 15%;
  height: 100%;
  overflow: auto;
}

#w900500Item {
  height: 100%;
  float: left;
  width: 85%;
}

.table {
  table-layout: fixed !important;
  max-width: 0 !important;
}

.fixed-table-container tbody td {
  border-right: 1px solid #ddd;
}

.table > thead > tr > th {
  border-bottom: none !important;
  text-align: center !important;
}

.fixed-table-container thead th {
  border-right: 1px solid #ddd;
  text-align: center !important;
}

.fixed-table-container {
  border-collapse: collapse;
}

.preload-1 {
  position: relative;
  margin-bottom: 40px;
}
.preload-1 span {
  display: block;
  position: absolute;
  bottom: 0px;
  width: 9px;
  height: 5px;
  background: coral;
  -webkit-animation: preload-1 1.5s infinite ease-in-out;
  animation: preload-1 1.5s infinite ease-in-out;
}
.preload-1 span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.preload-1 span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.preload-1 span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.preload-1 span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-webkit-keyframes preload-1 {
  0% {
    height: 5px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: coral;
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    background: cornflowerblue;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: cornflowerblue;
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: coral;
  }
}

@keyframes preload-1 {
  0% {
    height: 5px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: coral;
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    background: cornflowerblue;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: cornflowerblue;
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: coral;
  }
}

.helper-page-to input {
  width: 47px;
}
/* 权限管理文字超出显示省略号 */
.clickItem {
  display: inline-block;
  /* margin-right:30px; */
  width: 180px;
  vertical-align: middle;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#w900100limitGroup li {
  text-align: left;
  list-style: none;
}

.widthFont {
  width: 177px !important;
}

.a {
  background-color: #3c8dbc;
  background-color: #3e8cbd;
  background-color: #00c0ef;
  background-color: #00acd6;
}
.bottom_warp {
  width: 100%;
  min-height: 70px;
  /*border-top: 1px #E3E3E3 solid;*/
  position: fixed;
  bottom: 0;
}
.bottom_warp .bottom {
  line-height: 70px;
  text-align: center;
  font-family: 'Microsoft YaHei';
  font-size: 12px;
  color: #686868;
  color: #505050;
  /*color: #4f5029; */
  margin: 10px auto;
}
.select2-container--default .select2-selection--multiple {
  border-radius: 4px;
}

.dropdown-menu .inner {
  /*min-height: 200px !important;*/
  max-height: 200px !important;
}

.btn-default {
  background-color: white !important;
}

.filter-option-inner-inner {
  color: #555 !important;
}

/* 预加载在中间 */
.tab-content {
  /* hsl自己加的 */
  /* overflow: hidden;
    overflow-y: auto;
    height:auto; */
  /*  */
  position: relative;
}
.overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* loading效果的实现 */

.overlay.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  left: 50%;
  top: 50%;
  background-color: #fff;
}
.overlay.loading .img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#resultList li:hover {
  cursor: pointer;
}

.panelContent {
  background-color: white;
  border-radius: 3px;
  padding: 10px;
  height: 100%;
  padding-top: 15px;
}

.fixed-table-toolbar .bs-bars {
  margin-top: 0;
}
.formLabeL100 {
  width: 100px;
}
.line {
  width: 1px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  /* color: #3c8dbc; */
  border-left: 1px solid gray;
  margin: 0 0px;
}
.pagion {
  font-size: 13px;
  height: 30px;
  padding-top: 3px;
}
input::-webkit-input-placeholder {
  font-size: 13px !important;
}
select option {
  font-size: 13px !important;
}
.nabla {
  width: 0px;
  height: 0px;
  border-top: 6px solid #ffffff;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  display: inline-block;
  margin: 0 0 1px 4px;
}
.curr {
  background-color: white !important;
  color: #000000 !important;
}
.nabla-down {
  border-top: 6px solid #000000 !important;
}

/* Add by sunyy 20200421 设置表头下边框 */
.fixed-table-body table thead {
  border-bottom: 1px solid #ddd;
}
.fixed-table-container tbody .selected td {
  background-color: #00c0ef !important;
  color: #fff !important;
}
.fixed-table-container tbody .selected td span {
  color: #fff !important;
}
.dy_inline {
  display: inline-block;
}
.dy_inline select {
  display: inline-block;
}

.pro_box {
  /* width: 300px; */
  padding: 30px 0 0 0px;
  background: #fff;
}

.pro_box .step_item {
  width: 200px;
  position: relative;
  margin-bottom: 15px;
  padding: 0px 0 0 0px;
  border-left: 2px solid #ccc;
}

.pro_box .step_item .time {
  font-family: SourceHanSansCN-Regular;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #999999;
}

.pro_box .step_item .author {
  font-family: SourceHanSansCN-Regular;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #333333;
}

.pro_box .step_item .beizhu {
  font-family: SourceHanSansCN-Regular;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #333333;
}

.pro_box .step_item .down_s {
  position: absolute;
  bottom: -7px;
  left: -5.5px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #ccc;
}

.pro_box .step_item .strp_rideo {
  position: absolute;
  top: 0px;
  left: -24px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  font-family: SourceHanSansCN-Regular;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
}

.pro_box .step_item .num_box {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  /* display: inline-block; */
  margin: 5px auto;
  border-radius: 50%;
  background-color: #ccc;
}

.pro_box .step_border1 {
  border-left: 2px solid #ec9b00;
}

.pro_box .step_border1 .down_s {
  border-top-color: #ec9b00;
}

.pro_box .step_border1 .strp_rideo {
  border: 2px solid #ec9b00;
}

.pro_box .step_border1 .num_box {
  background-color: #ec9b00;
}

.pro_box .step_border2 {
  border-left: 2px solid #42c1f1;
}

.pro_box .step_border2 .down_s {
  border-top-color: #42c1f1;
}

.pro_box .step_border2 .strp_rideo {
  border: 2px solid #42c1f1;
}

.pro_box .step_border2 .num_box {
  background-color: #42c1f1;
}

.pro_box .step_border3 {
  border-left: 2px solid #ea5138;
}

.pro_box .step_border3 .down_s {
  border-top-color: #ea5138;
}

.pro_box .step_border3 .strp_rideo {
  border: 2px solid #ea5138;
}

.pro_box .step_border3 .num_box {
  background-color: #ea5138;
}

.pro_box .step_item:last-child {
  border: none;
}
.pro_box .step_item:last-child {
  border: none;
}
.pro_box .step_item:last-child .down_s {
  display: none;
}
.pro_box .step_bnone .strp_rideo {
  border: none;
}
.look_title {
  text-align: left;
  font-size: 20px;
  line-height: 60px;
}
.bg_c {
  background: #d2d6de;
  color: #fff;
}
/* .message-content p {
  font-size: 16px;
  margin: 10px 0 10px;
  text-align: left;
} */