/*开播中样式*/
    .play-icon {
        display: inline-block;
        margin-right: 0.05rem;
        position: relative;
        width: 2px;
        height: 10px;
        -webkit-animation: rectangle infinite 1s ease-in-out -0.4s;
        -moz-animation: rectangle infinite 1s ease-in-out -0.4s;
        -o-animation: rectangle infinite 1s ease-in-out -0.4s;
        animation: rectangle infinite 1s ease-in-out -0.4s;
        background-color: #78d36d;
    }

        .play-icon.bigicon:before {
            left: -4px;
        }

        .play-icon:before {
            display: block;
            content: '';
            position: absolute;
            width: 2px;
            height: 5px;
            background-color: #78d36d;
            left: -3px;
            bottom: 0;
            -webkit-animation: rectangle infinite 1s ease-in-out -0.6s;
            -moz-animation: rectangle infinite 1s ease-in-out -0.6s;
            -o-animation: rectangle infinite 1s ease-in-out -0.6s;
            animation: rectangle infinite 1s ease-in-out -0.6s;
        }

        .play-icon.bigicon .last {
            right: -8px;
        }

        .play-icon .last {
            position: absolute;
            width: 2px;
            height: 5px;
            background-color: #78d36d;
            right: -6px;
            bottom: 0;
            -webkit-animation: rectangle infinite 1s ease-in-out;
            -moz-animation: rectangle infinite 1s ease-in-out;
            -o-animation: rectangle infinite 1s ease-in-out;
            animation: rectangle infinite 1s ease-in-out;
        }

        .play-icon.bigicon:after {
            right: -4px;
        }

        .play-icon:after {
            display: block;
            content: '';
            position: absolute;
            width: 2px;
            height: 5px;
            background-color: #78d36d;
            right: -3px;
            bottom: 0;
            -webkit-animation: rectangle infinite 1s ease-in-out -0.2s;
            -moz-animation: rectangle infinite 1s ease-in-out -0.2s;
            -o-animation: rectangle infinite 1s ease-in-out -0.2s;
            animation: rectangle infinite 1s ease-in-out -0.2s;
        }

    @-webkit-keyframes rectangle {
        0%, 100%, 80% {
            height: 5px;
        }

        40% {
            height: 10px;
        }
    }

    @-moz-keyframes rectangle {
        0%, 100%, 80% {
            height: 5px;
        }

        40% {
            height: 10px;
        }
    }

    @-o-keyframes rectangle {
        0%, 100%, 80% {
            height: 5px;
        }

        40% {
            height: 10px;
        }
    }

    @keyframes rectangle {
        0%, 100%, 80% {
            height: 5px;
        }

        40% {
            height: 10px;
        }
    }

    /*开播中样式*/