@charset "utf-8";

/**
    常量
**/

//主题色
$C1:#004170;
// $C2:#005999;
$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;
}

@mixin subMenuTranslation($num) {
    @include transition((text-indent .2s $Ease $num, line-height .2s $Ease $num, height .2s $Ease .2s, color .2s $Ease, opacity .1s $Ease $num))
}

//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("//stnew02.beisen.com/ux/p-italent-framework/release/app/images/components/italent-sidebar/svg/#{$SvgName}.svg");
    background-repeat: no-repeat;
}

@mixin transformRotateZ($num) {
    -webkit-transform: rotateZ($num);
    -moz-transform: rotateZ($num);
    -ms-transform: rotateZ($num);
    -o-transform: rotateZ($num);
    transform: rotateZ($num);
}

//创建关键帧动效
@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;
}