.page-sidebar-wrapper{
    .status-switch-wrapper{height:55px;margin-top: -65px;background-color:$C2;position:relative;z-index:99;}
    .status-switch {
        float:right;
        margin: 10px 10px 0 0;
        display: block;
        width: 34px;
        height: 34px;
        border-radius:2px!important;
        cursor: pointer;
        background-color:$C3;
        span{
            display:block;
            height:2px;
            background-color:#A2CFEF\9;
            background-color:rgba(white,0.6);
        }
        span.line-1{margin:9px auto 0 auto;}
        span.line-2{margin:3px auto 0 auto;}
        span.line-3{margin:3px auto 0 auto;}
    }
}
/**** 宽屏状态下 ****/
    .page-spread-layout{
        .status-switch{
           span{
                border-top:1px solid $C3;
                border-bottom:1px solid $C3;
                width:18px;
                @include transition((width .2s $Ease .25s,border-top .2s $Ease .25s, border-bottom .3s $Ease .25s));
           }
        }
    }
/**** 窄屏状态下 ****/
    .page-norrow-layout{
        .status-switch{
           span{
                border-radius:1px!important;
                border-top:1px solid rgba(white,0);
                border-top:1px solid #A2CFEF\9;

                border-bottom:1px solid rgba(white,0);
                border-bottom:1px solid #A2CFEF\9;
                width:4px;
                 @include transition((width .2s $Ease .25s,border-top .2s $Ease .25s, border-bottom .3s $Ease .25s))
           }
        }
    }