yos_web/src/style/style.css

*{
  margin:0;
  padding: 0;
}
body{
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  font-size: 16px;
  color: #333333;
  background-color: #FAFAFA;
  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{
  padding: 16px;
}
.flex-align-center{
  display: flex;
  align-items: center;
}
.flex-align-stretch{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.flex-between{
  justify-content: space-between;
}
.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{
  padding:2px 0 !important;
}
.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;
}
.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 #CCCCCC;
  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;
}