/***********通用基本类1************/
/*格式化样式*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

body p {
  margin: 0;
  padding: 0;
}

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

fieldset,
img {
  border: 0;
}

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

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border: 0;
}

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

/*文字排版、颜色*/
.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f20 {
  font-size: 20px;
}

.fb {
  font-weight: bold;
}

.fn {
  font-weight: normal;
}

.t2 {
  text-indent: 2em;
}

.red,
a.red {
  color: #cc0031;
}

.darkblue,
a.darkblue {
  color: #039;
}

.gray,
a.gray {
  color: #878787;
}

.lh150 {
  line-height: 150%;
}

.lh180 {
  line-height: 180%;
}

.lh200 {
  line-height: 200%;
}

.unl {
  text-decoration: underline;
}

.no_unl {
  text-decoration: none;
}

/*定位*/
.tl {
  text-align: left;
}

.tc {
  text-align: center !important;
}

.tr {
  text-align: right;
}

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

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

.cb {
  clear: both;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.vm {
  vertical-align: middle;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.abs-right {
  position: absolute;
  right: 0;
}

.zoom {
  zoom: 1;
}

.hidden {
  visibility: hidden;
}

.none {
  display: none;
}

.ml_2 {
  margin-left: 2px;
}

.ml_4 {
  margin-left: 4px;
}

.ml_6 {
  margin-left: 6px;
}

.ml_8 {
  margin-left: 8px;
}

.ml_10 {
  margin-left: 10px !important;
}

.ml_12 {
  margin-left: 12px;
}

.ml_14 {
  margin-left: 14px;
}

.ml_16 {
  margin-left: 16px;
}

.ml_18 {
  margin-left: 4px;
}

.ml_20 {
  margin-left: 20px;
}

.ml_20 {
  margin-left: 20px;
}

.mr_2 {
  margin-right: 2px;
}

.mr_4 {
  margin-right: 4px;
}

.mr_6 {
  margin-right: 6px;
}

.mr_8 {
  margin-right: 8px;
}

.mr_10 {
  margin-right: 10px;
}

.mr_12 {
  margin-right: 12px;
}

.mr_14 {
  margin-right: 14px;
}

.mr_16 {
  margin-right: 16px;
}

.mr_18 {
  margin-right: 18px;
}

.mr_20 {
  margin-right: 20px;
}

.mr_auto {
  margin-right: auto;
}

.mb_2 {
  margin-bottom: 2px;
}

.mb_4 {
  margin-bottom: 4px;
}

.mb_6 {
  margin-bottom: 6px;
}

.mb_8 {
  margin-bottom: 8px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_12 {
  margin-bottom: 12px;
}

.mb_14 {
  margin-bottom: 14px;
}

.mb_16 {
  margin-bottom: 16px;
}

.mb_18 {
  margin-bottom: 18px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mt_2 {
  margin-top: 2px;
}

.mt_4 {
  margin-top: 4px;
}

.mt_6 {
  margin-top: 6px;
}

.mt_8 {
  margin-top: 8px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_12 {
  margin-top: 12px;
}

.mt_14 {
  margin-top: 14px;
}

.mt_16 {
  margin-top: 16px;
}

.mt_18 {
  margin-top: 18px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_30 {
  margin-top: 30px;
}

/***********通用基本类2************/
/* Copyright 2008 TSXMLOVE. All Rights Reserved. */
* {
  padding: 0px;
  margin: 0px;
  text-align: left;
  font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, WenQuanYi Micro Hei;
  /* line-height: 150%; */
}

body {
  font-size: 14px;
  text-align: center;
  color: #000000;
  background-color: #deebf3;
  background-repeat: repeat-x;
}

table {
  border-collapse: collapse;
}

td {
  padding: 3px;
}

img {
  border: none;
}

input {
  padding: 1px;
  vertical-align: middle;
  line-height: normal;
}

.main-box {
  margin-right: auto;
  margin-left: auto;
  width: 960px;
  clear: both;
  zoom: 1;
  overflow: hidden;
  background-color: #cccccc;
}

.text-overflow-hidden {
  white-space: nowrap;
  word-spacing: normal;
  letter-spacing: normal;
  overflow: hidden;
}

.box-align-center {
  margin-right: auto;
  margin-left: auto;
}

/*css定义超链接四个状态也有顺序的。*/
a:link,
a:visited {
  text-decoration: none;
  color: #1890ff;
}

a:hover,
a:active {
  text-decoration: underline;
  color: #bd0a01;
  border: none;
}

/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/
ul {
  clear: both;
  overflow: hidden;
}

ul,
li {
  list-style: none;
}

.valign {
  display: table-cell;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.text {
  word-wrap: break-word;
  overflow: hidden;
  word-break: break-all;
}

.cp {
  cursor: pointer;
}

.clear {
  height: 0px;
  clear: both;
  font-size: 0px;
  line-height: 0px;
  zoom: 1;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

::-webkit-scrollbar-thumb:window-inactive {
  background-color: rgba(0, 0, 0, 0.2);
}

.text_indnt {
  text-indent: 14px;
}

.bottom-current {
  border-bottom-color: #1890ff;
}

.btn {
  display: inline-block;
  padding: 0 15px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 4px;
  cursor: pointer;
}

.btn_border {
  height: 32px;
  line-height: 32px;
  border: 1px solid #c8c8c8;
}

.btn_border_1890ff {
  border: 1px solid;
  border-color: #1890ff;
  color: #1890ff;
}

.btn_border_f62e39 {
  border: 1px solid;
  border-color: #f62e39;
  color: #f62e39;
}

.btn_delete {
  height: 32px;
  line-height: 32px;
  background-color: #f62e39;
  color: #fff;
  border: none !important;
}

.btn_current {
  min-width: 68px;
  height: 32px;
  line-height: 32px;
  background-color: #1890ff;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  min-width: 68px;
}

.btn_current_2 {
  min-width: 68px;
  height: 32px;
  line-height: 32px;
  background-color: #1890ff;
  color: #fff;
  border: none !important;
}

.btn_dark_gray {
  min-width: 68px;
  height: 32px;
  /*line-height: 32px;*/
  color: #fff;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  background-color: #666;
}

.btn_ff9c00 {
  height: 32px;
  line-height: 32px;
  background-color: #ff9c00;
  color: #fff;
  border: none !important;
}

.omit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* flex */
.flex_r {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex_date {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

#spin .ant-spin {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
  text-align: center;
  z-index: 1111;
  color: #fff;
  line-height: 100vh;
}

#spin .ant-spin i {
  /* width: auto;
    height: auto; */
}

#spin .ant-spin .ant-spin-text {
  text-align: center;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  color: #8ac6fd;
}

.list_data {
  /*height: 50px;*/
  line-height: 40px;
  text-align: center;
}

.list_data_p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 40%;
}

.list_data_point {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: red;
  display: inline-block;
  margin-right: 6px;
}

.list_data_btn {
  margin-right: 5px;
}

.point_00c852 {
  background: #00c852;
}

.point_1e8fff {
  background: #1e8fff !important;
}

.point_ff9a00 {
  background: #ff9a00 !important;
}

.point_999999 {
  background: #999999 !important;
}

.color_00c852 {
  color: #00c852 !important;
}

.color_1890ff {
  color: #1890ff !important;
}

.color_ff9a00 {
  color: #ff9a00 !important;
}

.color_f62e39 {
  color: #f62e39 !important;
}

.color_999 {
  color: #999;
}

.all_list_data {
  overflow: auto;
  height: calc(100% - 50px);
}

.list_title {
  background: #f7faff;
  font-size: 16px;
  color: #333 !important;
  font-weight: 500;
  border-radius: 4px 4px 0 0 !important;
}

.list_border {
  border-bottom: 1px solid #f5f5f5;
  color: #666;
  align-items: center;
}

.list_operating span {
  cursor: pointer;
  color: #1890ff !important;
  margin-right: 6px;
}

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

/*antd修改样式*/
.ant-modal-content .ant-modal-footer > div {
  text-align: right;
}

#app .ant-pagination {
  text-align: right;
  line-height: 30px;
  /*height: 30px;*/
  margin-right: 10px;
  margin-bottom: 2vh;
  margin-top: 10px;
}

#msgDeal .ant-input-group.ant-input-group-compact {
  vertical-align: middle;
}

.ant-pagination-options-quick-jumper {
  margin-top: 1px !important;
}

.ant-calendar-column-header-inner {
  text-align: center !important;
}

.ant-calendar-header div {
  text-align: center !important;
}

.ant-calendar-time-picker-combobox ul {
  overflow: initial;
}

/* switch样式修改 */
/* body .ant-switch:after {
  width: 22px;
  height: 22px;
  top: -1px;
  border: 1px solid #409eff;
  left: -3px;
  transition: all 0.3s;
}

body .ant-switch-inner {
  font-size: 12px;
}

body .ant-switch-checked {
  background-color: #409eff;
}

body .ant-switch-checked::after {
  border-color: #409eff;
  left: 109%;
}

body .ant-switch-checked .ant-switch-inner {
  margin-left: 10px;
  color: #fff;
  font-size: 12px;
}

body .ant-switch-disabled::after {
  border-color: rgba(0, 0, 0, 0.65);
} */

body .ant-comment-inner {
  padding: 0;
}

body .ant-comment-nested {
  margin: 0;
}

body .ant-select-dropdown {
  z-index: 999999;
}

.bootom_page {
  position: absolute;
  right: 36px;
  bottom: 5px;
}

.noClick {
  cursor: not-allowed !important;
  color: #909399 !important;
}

.noClick .ant-btn {
  pointer-events: none !important;
  color: #909399 !important;
  background-color: #edeff2 !important;
  border-color: #edeff2 !important;
}

.noClick a,
.noClick li,
.noClick span {
  pointer-events: none !important;
  color: #909399 !important;
}

.noClick .ant-switch {
  pointer-events: none !important;
  /*color: #909399 !important;*/
  /*background-color: #edeff2 !important;*/
}

.noClick .btn {
  pointer-events: none !important;
  color: #fff !important;
  background-color: #d8dbe4 !important;
  border-color: #d8dbe4 !important;
}

.noClick .btn .anticon {
  background-color: #d8dbe4 !important;
  color: #fff !important;
}

.dis_flex {
  display: flex;
  flex: 1;
}