@charset "utf-8";

/**
    常量
**/

//主题色
    $C1:#004170;
    $C2:#004f9e;
    $C3:#1687d9;
    $C4:#8CCCF8;
    $C5:#084E82;
//中性色
    $M1:#36434D;
    $M2:#66757F;
    $M3:#ACB7BF;
    $M4:#E4EBF0;
    $M5:#F5F8FA;
    $M6:#ffffff;

    $Z4:#38ba72;

//$IE8color:
    $IE8Color095:#F5F5F5;
    $IE8Color06:#99BDD6;
    
//时间曲线
    $Ease:cubic-bezier(.25,.1,.25,1);
    $Spring:cubic-bezier(.66,1.65,.23,.87);

    $Spring2:cubic-bezier(.44,1.53,.32,.92);
    $Linear:linear;
//清浮动
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
//字体
    $font-famliy: 'Helvetica Neue',Tahoma,Verdana,"PingFang SC-Regular","Hiragino Sans GB","Microsoft YaHei","STHeitiSC",sans-serif;
   
//transition跨浏览器兼容
@mixin transition($AnimationList) {
    -webkit-transition:$AnimationList;
    -moz-transition:$AnimationList;
    -ms-transition:$AnimationList;
    -o-transition:$AnimationList;
    transition:$AnimationList;
}
//transform跨浏览器兼容
@mixin transform($Transform){
    -webkit-transform:$Transform;
    -moz-transform:$Transform;
    -ms-transform:$Transform;
    -o-transform:$Transform;
    transform:$Transform;
}
//opacity跨浏览器兼容
@mixin opacity($opacity){
    filter: alpha(opacity=#{$opacity*1000});//IE5--IE9+
    opacity:$opacity;
}

//transition跨浏览器兼容
@mixin transition($AnimationList) {
    -webkit-transition:$AnimationList;
    -moz-transition:$AnimationList;
    -ms-transition:$AnimationList;
    -o-transition:$AnimationList;
    transition:$AnimationList;
}
//transform跨浏览器兼容
@mixin transform($Transform){
    -webkit-transform:$Transform;
    -moz-transform:$Transform;
    -ms-transform:$Transform;
    -o-transform:$Transform;
    transform:$Transform;
}
//opacity跨浏览器兼容
@mixin opacity($opacity){
    filter: alpha(opacity=#{$opacity*1000});//IE5--IE9+
    opacity:$opacity;
}
//引用图片
@mixin svgPath($SvgName){
    background-image:url("../../../images/components/iTalent-sidebar/svg/#{$SvgName}.svg");
    background-repeat:no-repeat;
}
//创建关键帧动效
@mixin CreateKeyframes($AniName,$StartStatus,$EndStatus){
    @-webkit-keyframes $AniName{
        from{-webkit-transform:$StartStatus;}
        to{-webkit-transform:$EndStatus;}
    }
    @-moz-keyframes $AniName{
        from{-webkit-transform:$StartStatus;}
        to{-webkit-transform:$EndStatus;}
    }
    @-ms-keyframes $AniName{
        from{-webkit-transform:$StartStatus;}
        to{-webkit-transform:$EndStatus;}
    }
    @-o-keyframes $AniName{
        from{-webkit-transform:$StartStatus;}
        to{-webkit-transform:$EndStatus;}
    }
    @keyframes $AniName{
        from{-webkit-transform:$StartStatus;}
        to{-webkit-transform:$EndStatus;}
    }
}
//引用关键帧动效
@mixin AniQuote($AniInfo){
    -webkit-animation:$AniInfo;
    -moz-animation:$AniInfo;
    -ms-animation:$AniInfo;
    -o-animation:$AniInfo;
    animation:$AniInfo;
}
//各种关键帧动效名称
$menuArrowGo:"menuArrowGo";
@include CreateKeyframes($menuArrowGo,(rotateZ(0deg)),(rotateZ(-90deg)));

$menuArrowBack:"menuArrowBack";
@include CreateKeyframes($menuArrowBack,(rotateZ(-90deg)),(rotateZ(0deg)));

//字体平滑修正
.page-sidebar-wrapper{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
//外部环境的宽窄切换动效
.page-sidebar-anmite{
     @include transition(padding-left .3s linear);
}
//字体背景色重置
.page-sidebar-wrapper{
    .sys-bgcolor-f1,
    .sys-bgcolor-f2,
    .sys-bgcolor-f3,
    .sys-bgcolor-f4,
    .sys-bgcolor-f5,
    .sys-bgcolor-f6,
    .sys-bgcolor-f7{
        background-color:transparent!important;
    }
}
#side-bar-region .page-sidebar-wrapper .list-1st-a{
    position:relative;
    z-index:10;
}