@import "z.less";
@import "colorType";
@import "mixin.less";
body,
html {
  .font-fm();
  background-color: white;
  .sc12();
}
.price {
  &:before {
    content: "￥";
  }
}

//图片地址
@publicImage: "../../assets/";

//vue.js 清除网络延迟出现的 代码
[v-cloak] {
  display: none;
}

.positionAbsolute(@color:white) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: @color;
}

//浏览器前缀
.display-flex() {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Browser-Scrollbar() {
  position: fixed;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

//工具类
.ml10 {
  margin-left: 10px;
}
.ml30 {
  margin-left: 30px;
}
.ml50 {
  margin-left: 50px;
}
.mr18 {
  margin-right: 18px;
}
.ml16 {
  margin-left: 16px;
}
.mt10 {
  margin-top: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pl10 {
  padding-left: 10px;
}

//颜色区
.border-color {
  color: rgb(228, 228, 228);
}

//图片格式
.backgroundImage(@image) {
  background-image: url(@image);
  background-repeat: no-repeat;
  background-size: contain;
}
.bg-image(@image) {
  background-image: url("@{image}@2x.png");
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    background-image: url("@{image}@3x.png");
  }
  background-size: contain;
  background-repeat: no-repeat;
}

//清除默认样式
i {
  font-style: normal;
}

.pointer {
  cursor: pointer;
}

.fontBlur {
  color: #409EFF;
}
.fontRed {
  color: #F56C6C;
}
.el-button .fontRed + span {
  color: #F56C6C;
}
.fontoRange {
  color: #E6A23C;
}
.fontGreen {
  color: #67C23A;
}
.marginLeft5{
  margin-left: 5px;
}
.marginRight5 {
  margin-right: 5px;
}
.marginLeft10{
  margin-left: 10px;
}
.marginRight10 {
  margin-right: 10px;
}
.marginBottom10 {
  margin-bottom: 10px;
}

.el-table th>.cell{
  font-weight: bold;
}

.el-pagination{
  float: right;
}
.el-table td, .el-table th{
  padding: 10px 0;
}
.el-table th{
  background-color: #f8f8f9;
}