yos_web/src/style/style.css

*{
  margin:0;
  padding: 0;
}
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里巴巴普惠体 2.0 35 Thin";font-weight: 250;
  src: url("//at.alicdn.com/wf/webfont/HB6yVW1i0ADP/IUVK5X2zYVPbI6oplagJ1.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/HB6yVW1i0ADP/oengschXIq68YqRU8lkf4.woff") format("woff");
  font-display: swap;
}
body{
  color: #333333;
  min-width: 1200px;

}

input[type=number] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
ul{
  list-style:none;
}

.inline{
  display: inline;
}
.info{
  color: rgb(184, 179, 179);
}
.container{
  position: relative;
  padding: 16px;
}
.flex-align-center{
  display: flex;
  align-items: center;
}
.flex-align-top{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flex-align-center-wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flex-align-stretch{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.flex-align-start{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.flex-between{
  justify-content: space-between;
}
.flex-around{
  justify-content: space-around;
}
.flex-end{
  justify-content: flex-end;
}
.normal-panel{
  background-color: #fff;
}
.normal-title{
  /* margin: 10px 0; */
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
.normal-card{
  padding: 16px;
  background: #fff;
  border-radius: 4px;
}
.normal-margin{
  margin-bottom: 16px !important;
}
.normal-btn-width{
  width: 120px;
}
.btn-warning {
  background-color: #FA8C16 !important;
}
.el-table .el-table__cell{
}
.el-input-group__append, .el-input-group__prepend{
  background-color: #4F7BFD !important;
  color: #fff !important;
  border: 1px solid #4F7BFD !important;
  cursor: pointer;
}
.el-table__body tr.current-row>td{
  background-color: #f1f2f3 !important;
  color: #333;
  /* font-weight: bold; */
}
.list-table-height{
  height:calc(100vh - 302px)
}
.inline-16{
  display: inline-block !important;
  margin-right: 10px !important;
}
.inline-15{
  display: inline-block !important;
  margin-right: 15px !important;
}
.inline-24{
  display: inline-block !important;
  margin-right: 24px !important;
}
.normal_input-width{
  width: 240px !important;
}
.image-panel{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 150px;
  height: 150px;
  margin-top:10px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid rgb(0 0 0 / 5%);
  color: #CCCCCC;
  font-size: 1.5rem;
  cursor: pointer;
  overflow: hidden;
}
.close-btn{
  position: absolute;
  right:5px;
  top:5px;
  color:red;
  text-shadow: 0px 0px 3px #ccc;
  z-index: 999;
}
.dialog-footer{
  margin-top:32px;
  text-align: center;
}
.my-tabs .el-tabs__header{
  margin: 0 !important;
  border:none !important;
}
.my-tabs .el-tabs__item.is-active{
  background: #fff !important;
}
.my-tabs .el-tabs--card>.el-tabs__header .el-tabs__nav, .my-tabs .el-tabs--card>.el-tabs__header .el-tabs__item{
  border:none !important;
}
.sticky{
  position:sticky;
  top:0;
  z-index:99
}

.el-tree--highlight-current .is-current.el-tree-node > .el-tree-node__content {
  background-color: #4F7BFD !important;
  color:#fff !important;
  border-radius:3px
}

.my-label{
  width: 150px !important;
  font-size: 14px;
  color:rgb(163, 163, 163) !important;
}
.my-content{
  font-size: 14px;
  color:#666 !important;
  width: 800px;
}
.my-label__title{
  color:#666;
}
.el-drawer__wrapper{
  right:60px !important;
}

.fixed__btn__panel{
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 0;
  left:0;
  padding:16px 10px;
  text-align: center;
  border-top:1px solid #f1f2f3;
  background-color: #fff;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, .05);
  z-index: 9999999;
}
.drawer__panel{
  border-top:1px solid #eeeeee;

  padding:20px 16px;
  margin-bottom:72px
}
.drawer__panel_new{
  border-top:1px solid #eeeeee;

  padding:20px 16px;
  margin-bottom:0
}
.el-notification.right{
  right:70px !important;
}
.search__label{
  display: inline-block;
  text-align: right;
  font-size: 14px;
  color:rgb(163, 163, 163) !important;
  margin-right: 10px;

}
.label_center {
  display: flex;
  align-items: center;
}
.mt-10{
  margin-bottom: 10px;
}
.el-dialog__body{
  padding: 20px !important;
}
.table_row_link{
  color:#3874F6;
  text-decoration: underline;
  cursor: pointer;
}
.title-font{
  font-size: 17px;
  color: #666
}
.content-title{
  font-size: 14px;
  color: #888;
  text-align: center;
}
.div-line{
  background: #4F7BFD;
  height: 22px;
  vertical-align: middle;
  line-height: 22px;
  width: 5px;
  float: left;
}
.div-box-new-margin{
  margin: 0 16px 0 16px
}
.div-box-new-margin .div-border-box{
  margin-top: 16px;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 16px
}
.div-border-box .content-new-content{
  height: 32px
}
.div-border-box .content-new-content .title{
  line-height: 22px;
  height: 22px;
  vertical-align: middle;
  margin-left: 10px;
  float: left
}
.div-border-box  .title{
  line-height: 22px;
  height: 22px;
  vertical-align: middle;
}
.div-border-box .chart{
  height: 410px;
  position: relative;
}
.div-border-box .out{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.div-border-box .in{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.div-line-right{
  margin-right: 10px;
}
.el-table__header-wrapper table thead .cell, .el-table__fixed-header-wrapper table thead .cell{
  white-space: nowrap !important;
  width: auto !important;
}
.justify-between-flex-style{
  display: flex;
  justify-content: space-between;
}
.font-color-style-black{
  color: #333333;
}
.font-color-style-green{
  color: #009966;
}
.font-color-style-gray{
  color: #888888;
}
.font-color-style-yellow{
  color: #E6A23C;
}
.font-color-style-blue{
  color: #3874F6;
}
.font-class-bold{
  font-weight: bold;
}
.mt-5{
  margin-bottom: 5px;
}
.justify-div-position{
  display: flex;
  justify-content: left;
}