$mpx:160;
$color1:rgba(80, 255, 200, 1);

//elementui
@import './element-variables.scss';
@import '~@/TopeveryUI/font/icon/iconfont.css';


//   .iconfont {
//     font-family: "iconfont" !important;
   
//     font-style: normal;
//     color: $color-text-main;
//     -webkit-font-smoothing: antialiased;
//     -moz-osx-font-smoothing: grayscale;
//   }
//   @font-face {
//     font-family: 'iconfont';
//     src: url('~@/TopeveryUI/font/iconfont.eot');
//     src: url('~@/TopeveryUI/font/iconfont.eot?#iefix') format('embedded-opentype'),
//         url('~@/TopeveryUI/font/iconfont.woff2') format('woff2'),
//         url('~@/TopeveryUI/font/iconfont.woff') format('woff'),
//         url('~@/TopeveryUI/font/iconfont.ttf') format('truetype'),
//         url('~@/TopeveryUI/font/iconfont.svg#iconfont') format('svg');
//   }


.iconfont2 {
    font-family: "iconfont2" ;
   
    font-style: normal;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  @font-face {
    font-family: 'iconfont2';
    src: url('~@/TopeveryUI/font/icon/iconfont.eot');
    src: url('~@/TopeveryUI/font/icon/iconfont.eot?#iefix') format('embedded-opentype'),
        url('~@/TopeveryUI/font/icon/iconfont.woff2') format('woff2'),
        url('~@/TopeveryUI/font/icon/iconfont.woff') format('woff'),
        url('~@/TopeveryUI/font/icon/iconfont.ttf') format('truetype'),
        url('~@/TopeveryUI/font/icon/iconfont.svg#iconfont') format('svg');
  }
@function mpx($col) { @return ($col)*1px; }
@function mpx2($col) { @return ($col/($mpx*2))*1rem; }
@function m($col) {  @return ($col/19.20)*1rem;  }
@mixin box-shadow($shadow...){ 
    -webkit-box-shadow:$shadow; 
    -moz-box-shadow:$shadow; 
    box-shadow:$shadow; 
}

@mixin linear-gradient($dir,$from, $to) {
  
    /* WebKit (Safari 4+, Chrome 1+) */
    background:-webkit-gradient(linear, $dir, color-stop(0, $from), color-stop(1, $to));
    
    /* W3C */
    background: linear-gradient($dir,$from, $to);
}
@mixin linear-gradient2($dir,$from,$center, $to) {

    /* WebKit (Safari 4+, Chrome 1+) */
    background:-webkit-gradient(linear, $dir, color-stop(0, $from), color-stop(0.5, $center), color-stop(1, $to));
   
    /* W3C */
    background: linear-gradient($dir,$from,$center, $to);
}
@mixin line-center($h){
    height: $h;
    line-height: $h;
}
@mixin cricle($h){
    height: $h;
    width: $h;
    border-radius:50%; 
}
@mixin textcenter($b,$col){
    text-align: center;
    font-size: $b;
    color:$col
}
@mixin box_size($p:re,$w:auto,$h:auto,$t:auto,$b:auto,$l:auto,$r:auto){
    
    width: $w;
    height:$h;
    top:$t;
    left:$l;
    bottom:$b ;
    right: $r;
    @if $p=='re' {
        position: relative;
    }
    @if $p=='ab' {
        position: absolute;
    }
    
}
@mixin box_center($type:tb){
    @if $type == 'tb'{
        top:50%; 
        transform: translate(0,-50%);
        
    }
    @if $type == 'lr'{
        left:50%; 
        transform: translate(-50%,0);
    }
    @if $type == 'tblr'{
        top:50%; 
        left:50%;
        transform: translate(-50%,-50%);
    }  
}
@mixin margin($t,$r,$b,$l){
    margin-left: $l;
    margin-right: $r;
    margin-top: $t;
    margin-bottom:$b; 
}
@mixin font_size($c:#000000,$s:mpx(15),$w:400){
    color:$c;
    font-size:$s ;
    font-weight: $w;
}

// .basePage-in{
//   background:$color-bg;
//   width:100%;
//   height:100%;
//   position:absolute;

// }
// .el-menu--vertical{
// background: $color-bg
// }
// .el-button--primary{
//     color: #fff!important;
// }
// .el-button--success{
//     color: #fff!important;
// }
// .grayMode{
//     -webkit-filter: grayscale(100%);
//     -moz-filter: grayscale(100%);
//     -ms-filter: grayscale(100%);
//     -o-filter: grayscale(100%);
//     filter: grayscale(100%);
//     filter: gray;
// }