.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;
        position: relative;
        left: 2px;
        width: 34px;
        height: 34px;
        border-radius: 2px !important;
        cursor: pointer;

        span {
            display: block;
            height: 2px;
            border-radius: 3px;
            background-color: #A2CFEF\9;
            background-color: rgba(white, 0.7);
        }

        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 {
            width: 18px;
            @include transition((width 0.2s $Ease 0.25s,
            border-top 0.2s $Ease 0.25s,
            border-bottom 0.3s $Ease 0.25s));
            border-top: 1px solid #004f9e;
            border-bottom: 1px solid #004f9e;
        }
    }
}

/**** 窄屏状态下 ****/
.page-norrow-layout {
    .status-switch {
        span {
            border-radius: 3px !important;
            width: 4px;
            @include transition((width 0.2s $Ease 0.25s,
            border-top 0.2s $Ease 0.25s,
            border-bottom 0.3s $Ease 0.25s));
            border-top: 1px solid rgba(255, 255, 255, 0);
            border-bottom: 1px solid rgba(255, 255, 255, 0);
        }
    }
}