.ant-badge {
            position: relative;
            display: inline-block;
            line-height: 1;
            vertical-align: middle
        }

        .ant-badge-count {
            position: absolute;
            transform: translateX(-50%);
            top: -10px;
            height: 20px;
            border-radius: 10px;
            min-width: 20px;
            background: #f50;
            border: 1px solid transparent;
            color: #fff;
            line-height: 18px;
            text-align: center;
            padding: 0 6px;
            font-size: 12px;
            white-space: nowrap;
            transform-origin: -10% center;
            font-family: tahoma;
            box-shadow: 0 0 0 1px #fff
        }

        .ant-badge-count a,
        .ant-badge-count a:hover {
            color: #fff
        }

        .ant-badge-dot {
            position: absolute;
            transform: translateX(-50%);
            transform-origin: 0 center;
            top: -4px;
            height: 8px;
            width: 8px;
            border-radius: 100%;
            background: #f50;
            z-index: 10;
            box-shadow: 0 0 0 1px #fff
        }

        .ant-badge-status {
            line-height: inherit;
            vertical-align: baseline
        }

        .ant-badge-status-dot {
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 50%
        }

        .ant-badge-status-success {
            background-color: #87d068
        }

        .ant-badge-status-processing {
            background-color: #108ee9;
            animation: antStatusProcessing 1.2s infinite ease-in-out
        }

        .ant-badge-status-default {
            background-color: #d9d9d9
        }

        .ant-badge-status-error {
            background-color: #f50
        }

        .ant-badge-status-warning {
            background-color: #fa0
        }

        .ant-badge-status-text {
            color: #666;
            font-size: 12px;
            margin-left: 8px
        }

        .ant-badge-zoom-appear,
        .ant-badge-zoom-enter {
            animation: antZoomBadgeIn .3s cubic-bezier(.12, .4, .29, 1.46);
            animation-fill-mode: both
        }

        .ant-badge-zoom-leave {
            animation: antZoomBadgeOut .3s cubic-bezier(.71, -.46, .88, .6);
            animation-fill-mode: both
        }

        .ant-badge-not-a-wrapper .ant-badge-count {
            top: auto;
            display: block;
            position: relative;
            transform: none !important
        }

        @keyframes antStatusProcessing {

            0%,
            to {
                opacity: 1
            }

            50% {
                opacity: 0
            }
        }

        .ant-scroll-number {
            overflow: hidden
        }

        .ant-scroll-number-only {
            display: inline-block;
            transition: transform .3s cubic-bezier(.645, .045, .355, 1)
        }

        .ant-scroll-number.not-support-css-animation .ant-scroll-number-only>p {
            display: none
        }

        .ant-scroll-number.not-support-css-animation .ant-scroll-number-only>p.current {
            display: block
        }

        @keyframes antZoomBadgeIn {
            0% {
                opacity: 0;
                transform: scale(0) translateX(-50%)
            }

            to {
                transform: scale(1) translateX(-50%)
            }
        }

        @keyframes antZoomBadgeOut {
            0% {
                transform: scale(1) translateX(-50%)
            }

            to {
                opacity: 0;
                transform: scale(0) translateX(-50%)
            }
        }