﻿section.content div.main div.col2 div.col-l div.box.box-html {
    display: none;
}

.control-panel + .control-panel {
    display: none;
}

.ads {
    display: none;
}

#frame-1 {
    margin-top: 2rem;
}

    #frame-1.__wrapper {
        border: 0;
        padding: 0;
        margin: 30px auto;
    }

    #frame-1 .tab-panel {
        display: none;
    }

    #frame-1 .title-bor {
        /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAoCAYAAADUgSt0AAAAR0lEQVQYlc3GMQ0AIRAEwPUIwQVacHEtyS3J9ZgBVOxb+A6mGpxZdGYRHsmOrB1ZWCNpjXQ70aqiVaGbqZsJdBfdBZIi+SsfbGXuHxcQbmUAAAAASUVORK5CYII=); */
        background: url(/image/bkq-top2.png);
        height: 40px;
    }

        #frame-1 .title-bor .title-a {
            color: white;
        }

    #frame-1 .mock-button {
        border: 1px solid grey;
        border-radius: 4px;
        margin: 4px 0;
    }

.imgloadig2 {
    background: url(/image/loading-green.gif) no-repeat 0 0;
    width: 16px;
    height: 18px;
    margin: auto;
    display: block;
    padding: 2px 0;
}

.cl-rl2 {
    color: #ea5157 !important;
    font-size: 24px;
    width: fit-content;
    background-color: #fff2bc;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px
}


.box2 {
    display: inline-block;
    overflow: hidden;
    height: 1em;
    line-height: 1em;
    font-weight: bold;
    /* padding-left: 10px;
    padding-right: 10px; */

    color: #ea5157 !important;
    font-size: 24px;
    width: fit-content;
    background-color: #fff2bc;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

    .box2:after {
        position: relative;
        white-space: pre;
        animation: animate 1s steps(10) infinite;
    }

    .box2.f1:after {
        content: "0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9";
    }

    .box2.f2:after {
        content: "9\A 8\A 7\A 6\A 5\A 4\A 3\A 2\A 1\A 0";
    }

    .box2.f3:after {
        content: "1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 0";
    }

    .box2.f4:after {
        content: "2\A 4\A 6\A 8\A 1\A 3\A 5\A 7\A 0\A 9";
    }

    .box2.f5:after {
        content: "6\A 4\A 2\A 0\A 3\A 1\A 5\A 9\A 7\A 8";
    }

    .box2.f6:after {
        content: "4\A 5\A 2\A 3\A 1\A 0\A 6\A 9\A 8\A 7";
    }

    .box2.f7:after {
        content: "3\A 7\A 1\A 9\A 2\A 8\A 4\A 6\A 5\A 0";
    }

    .box2.f8:after {
        content: "5\A 4\A 3\A 6\A 1\A 8\A 7\A 2\A 0\A 9";
    }

    .box2.f9:after {
        content: "7\A 0\A 6\A 1\A 3\A 4\A 5\A 2\A 8\A 9";
    }

    .box2.f0:after {
        content: "8\A 4\A 2\A 0\A 3\A 1\A 5\A 9\A 7\A 4";
    }


@keyframes animate {
    0% {
        top: 0;
    }

    100% {
        top: -10em;
    }
}
