.c-breadcrumb {
    .pf;
    top: @header-height;
    .z(499);
    .w(100%);
    .h(@bread-height);
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    .lh(28px);
    border-bottom: 1px solid @border-hr;
    transition:0.5s ease-in-out;

    .u-channel {
        .fl;
        span {
            .bold;
            color: @color;
        }
        .mr(22px);
        // padding:10px;
    }
    .u-channel-logo {
        .fl;
        .size(28px);
        .mr(10px);
        box-sizing: border-box;
        svg {
            .size(100%);
            fill: @bg-black;
            box-sizing: border-box;
        }
    }

    .u-channel:hover {
        .u-title {
            color: @darkblue;
        }
        .u-channel-logo svg {
            fill: @darkblue;
        }
    }

    .c-crumb {
        .fl;
        .mr(20px);
    }

    .el-tabs{
        position: absolute;
        left: 140px;
        top: 0;
        right: 220px;
        bottom: 0;

        .el-tabs__header{margin:0;}

        .el-tabs__item{.h(48px);.lh(48px);}

        .el-tabs__nav-wrap::after{
            .none;
        }
    }

    .u-publish,.u-admin,.u-feedback,.u-message {
        .fr;
        // .pa;.rt(8px,8px);
        padding: 8px 18px;
        margin-top:-2px;
    }

    .u-admin,.u-feedback{
        .mr(10px);
        .ml(0);
    }

    .u-menu {
        .pa;
        .lt(0);
        .h(28px);
        padding: 10px;
        .none;
        .pointer;

        svg {
            .h(29px);
            fill: @color;
        }

        .on {
            fill: @primary;
        }
    }

    .u-op{
        .pa;.rt(10px);
    }
}
.c-breadcrumb.isOverlay{
    background-color:rgba(255,255,255,.85);
}
.c-breadcrumb__title {
    font-size: 14px;
    font-weight: bold;
}

@media screen and (max-width: @ipad) {
    .c-breadcrumb {
        padding-left: 40px;

        &.withoutLeft{
            padding-left:10px;
        }
        .u-menu {
            .db;
        }
        .u-channel-logo {
            .none;
        }
        .u-channel.on{
            .u-channel-logo {
                .db;
            }
        }
        .u-op-public {
            .none;
        }
        .el-tabs{
            right:0;
        }
        .c-crumb{
            float: none;
            white-space: nowrap;
            overflow: auto;
        }
    }
    .c-breadcrumb__title {
        .none;
    }
}
@media print{
    .c-breadcrumb{.none;}
}

@media screen and (max-width:@phone){
    .env-app{
        .c-breadcrumb{
            .none;
        }
    }
    .wechat-miniprogram,.v-miniprogram{
        .c-breadcrumb{
            .u-op {
                .none;
            }
        }
    }
}