/* 全局基础样式 */
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  position: relative;
}
body,
textarea {
  font-family: Microsoft YaHei, "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #202020;
  position: relative;
}
html *{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body *{-webkit-text-size-adjust: 100%;}
ul{list-style: none;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;-webkit-padding-start: 0;}
a,
a:focus,
a:hover {
  cursor: pointer;
  color: #333;
  text-decoration: none;
}
a:focus,
a:active {
  outline: none;
}
p{-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
a,input{-webkit-tap-highlight-color:rgba(255,0,0,0)!important;}
input[type=search]{background: #fff;text-align: left;}
input[type=checkbox]{-webkit-appearance: none;}
i{font-style: normal;}
div:focus {
  outline: none;
}
.cusp { cursor: pointer; }

.xbox {display:-webkit-flex;display:flex;}
.xbox-1-1 {width: 100%;}
.xbox-1-2 {width: 50%;}
.xbox-1-3 {width: 33.3328%;} .xbox-2-3 {width: 66.6659%;}
.xbox-1-4 {width: 24.9690%;} .xbox-3-4 {width: 74.9690%;}
.xbox-1-5 {width: 19.9690%;} .xbox-2-5 {width: 39.9690%;} .xbox-3-5 {width: 59.9690%;} .xbox-4-5 {width: 79.9690%;}
.xbox-1-6 {width: 16.6357%;} .xbox-5-6 {width: 83.3023%;}
.xbox-1-7 {width: 14.2709%;} .xbox-3-7 {width: 42.8127%;} .xbox-2-7 {width: 28.5418%;} .xbox-4-7 {width: 57.0836%;}
.xbox-1-8 {width: 12.4909%;} .xbox-7-8 {width: 87.4363%;} .xbox-3-8{width: 37.4727%;}
.xbox-1-10 {width: 10%;} .xbox-4-10 {width: 40%;} .xbox-9-10 {width: 90%;} .xbox-3-10{width: 30%;} .xbox-7-10{width: 70%;} .xbox-6-10{width: 60%;}
.xbox-1-1 .xbox-1-2 .xbox-1-3 .xbox-1-4 .xbox-1-5 .xbox-1-6 .xbox-2-3 .xbox-3-4 .xbox-2-5 .xbox-5-6
.xbox-3-5 .xbox-4-5 .xbox-1-8 .xbox-1-10 .xbox-9-10{box-sizing: border-box;}

.fz06{font-size: 6px;}  .fz07{font-size: 7px;}  .fz08{font-size: 8px;}  .fz09{font-size: 9px;}  .fz10{font-size: 10px;} 
.fz11{font-size: 11px;} .fz12{font-size: 12px;} .fz13{font-size: 13px;} .fz14{font-size: 14px;} .fz15{font-size: 15px;} 
.fz16{font-size: 16px;} .fz17{font-size: 17px;} .fz18{font-size: 18px;} .fz19{font-size: 19px;} .fz20{font-size: 20px;} 
.fz21{font-size: 21px;} .fz22{font-size: 22px;} .fz23{font-size: 23px;} .fz24{font-size: 24px;} .fz25{font-size: 25px;} 
.fz26{font-size: 26px;} .fz27{font-size: 27px;} .fz28{font-size: 28px;} .fz29{font-size: 29px;} .fz30{font-size: 30px;}

/*公共颜色*/
.col_black{color: #333;} .col_white{color: #fff;} .col_red{color:#ff6699;} .col_green{color: rgb(148, 225, 77);} .col_blue{color: #0FA6F3;} 
.col_gray{color: rgb(169, 169, 169);} 
.col_orange{color: #f25b33;} .col_skyblue{color: #5bdee8;}

.fr{float: right;} .fl{float: left;} .tc{text-align: center;} .tl{text-align: left;} .tr{text-align: right;}
.bgw{background: white;}


.ml5{margin-left: 5px;} .ml10{margin-left: 10px;} .ml15{margin-left: 15px;} .ml20{margin-left: 20px;} .ml30{margin-left: 30px;} .ml40{margin-left: 40px;}
.mt5{margin-top: 5px;}  .mt10{margin-top: 10px;}  .mt20{margin-top: 20px;}  .mt30{margin-top: 30px;}  .mt40{margin-top: 40px;}
.mr5{margin-right: 5px;} .mr10{margin-right: 10px;} .mr15{margin-right: 15px;} .mr20{margin-right: 20px;} .mr30{margin-right: 30px;} .mr40{margin-right: 40px;}
.mb5{margin-bottom: 5px;} .mb10{margin-bottom: 10px;} .mb15{margin-bottom: 15px;} .mb20{margin-bottom: 20px;} .mb30{margin-bottom: 30px;} .mb40{margin-bottom: 40px;}
.mat{margin: auto;}

.btb{border-top: 1px solid #d9d9d9;}
.pd05{padding: 5px;} 

.pd20{padding: 20px;}
.pdt10{padding-top: 10px;}
.pdt20{padding-top: 20px;} 
.pdb20 {padding-bottom: 20px;}
.pdleft40 {padding-left: 40px;}

.fr {
  float: right;
}
.fl {
  float: left;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* 通用 */
.cursor-pointer {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.position-relative {
  position: relative;
}
.hidden {
  display: none;
}
.flex {
  display: flex;
}
.flex-justify {
  justify-content: space-between;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y {
  overflow-y: auto;
}
.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.text-underline {
  text-decoration: underline;
}
/* 布局排版 */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

/* 宽高 */
.w50 {
  width: 50%;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
  box-sizing: border-box;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #eee;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #a5a0a0;
  min-height: 10px;
}

/* padding */
.pdl10 {
  padding-left: 10px !important;
}
.pdl30 {
  padding-left: 30px !important;
}
.pdl40 {
  padding-left: 40px !important;
}
.pdr5 {
  padding-right: 5px !important;
}
.pdr10 {
  padding-right: 10px !important;
}
.pdb5 {
  padding-bottom: 5px !important;
}
.pdb10 {
  padding-bottom: 10px !important;
}
.pdt0 {
  padding-top: 0 !important;
}
.pdt5 {
  padding-top: 5px;
}
.pdt10 {
  padding-top: 10px;
}
/* margin */
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}

/* 必填小红点 */
.is-required-item {
  display: flex;
  align-items: center;
}
.is-required-item:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}
.font-12 {
  font-size: 12px;
}
.color-primary {
  color: #1A9ED8 !important;
}
.color-warning {
  color: #FB9F01 !important;
}
.color-failed {
  color: #f00 !important;
}
.global-background {
  background-color: #F0F2F5;
}
.primary-bg-color {
  background-color: #1A9ED8 !important;
}
.delete-bg-color {
  background-color: #f44336 !important;
}
.error-bg-color {
  background-color: #f00 !important;
}
.interfaceLoading {
  z-index: 3000;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: rgba(102, 102, 102, 0.7);
  border-radius: 5px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.interfaceLoading .el-loading-mask {
  background-color: transparent;
}
.interfaceLoading .el-loading-mask .path {
  stroke: white;
}

.el-button--warning {
  background: #FB9F01!important;
}