@keyframes slideInFromRight {
    from {
        transform: translateX(100%); /* 从窗口外向右 */
        opacity: 1; /* 初始透明度为0 */
    }

    to {
        transform: translateX(0); /* 移动到窗口左侧 */
        opacity: 1; /* 最终透明度为1 */
    }
}

@media (max-width: 1000px) {
    body {
        font-size: 12px;
    }

    .el-menu-item {
        padding: 0.5em;
    }

    .main {
        padding: 0.3em;
    }

    .pc-show {
        display: none;
    }

    .pc-cell-show {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .table {
        width: 98%;
        margin: auto;
    }

    /*开奖号码 翻转效果*/
    .lottery-container {
        margin-right: 0.3em;
    }

        .lottery-container .image {
            margin: 0.5em auto;
            height: 1.5em;
            width: 1.5em;
        }

            .lottery-container .image img {
                border: 0.1em solid #ff351e;
                height: 1.3em;
                width: 1.3em;
                padding: 0.1em 0 0 0.1em;
            }

            .lottery-container .image .text {
                font-size: 0.8em;
                margin-left: -0.2em;
                margin-top: 0.6em;
                max-width: 1em;
                height: 1em;
                line-height: 1em;
            }

            .lottery-container .image .text-left {
                margin-left: -.5em;
            }

        .lottery-container .rect {
            top: 0.2em;
            left: 0.2em;
            width: 1.5em;
            height: 1.5em;
            font-size: 1em; /* 根据需要调整 */
        }

            .lottery-container .rect .text {
                font-size: 1em; /* 根据需要调整 */
            }
        .lottery-container.isactive .front {
            opacity: 0;
        }

    .game-iframe {
        height: 1500px;
    }
    /*首页开奖tab*/
    .winn-result .header .tab {
        padding: 0 0.5em 0 0.5em;
        background: #fff;
        box-shadow: 0 3px 6px rgba(51,51,51,.161);
        width: 100%;
        border-radius: 1em;
        height: 3em;
        line-height: 3em;
    }

    .bannerImage {
        height: 18em;
    }

        .bannerImage .el-carousel {
            height: 18em;
        }

            .bannerImage .el-carousel img {
                height: 18em;
            }
    /*foot*/
    .footer {
        display: none;
    }

    .top .buttons {
        width: 45em;
    }

    .top .container {
        margin: 0 0.5em;
    }

    .table .tr_pc {
        display: none;
    }

    .menu .menu-pc {
        display: none;
    }

    .menu .container {
        padding-left: 0.5em;
    }

    .menu-mobile {
        background: #fff;
        left: 0;
        top: 0;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 99;
        display: none;
    }

        .menu-mobile .back {
            background-color: #e86262;
            height: 3em;
            line-height: 3em;
            color: #fff;
            font-size: 1.5em;
            padding-left: 1em;
            position: fixed;
            width: 100%;
        }

        .menu-mobile .menus {
            padding-top: 4em;
            overflow-y: auto;
            height: 100%;
        }

        .menu-mobile.slide {
            display: block;
            animation: slideInFromRight 1s ease-out;
        }

        .menu-mobile .menu-item {
            padding: 1em 1em 0.5em 1em;
            font-size: 1.5em;
        }

            .menu-mobile .menu-item .title {
                font-weight: 900;
                color: #e86262;
            }

            .menu-mobile .menu-item .menu-list {
                display: flex;
                flex-wrap: wrap;
            }

                .menu-mobile .menu-item .menu-list span {
                    font-size: 0.9em;
                    text-align: left;
                    min-width: 6.5em;
                    padding: 0.5em 0.5em 0.5em 0;
                }

    .menu .more {
        color: #fff;
        font-size: 1.5em;
        padding-right: 1em;
        display: block;
    }

        .menu .more > div {
            height: 0.3em;
            line-height: 1em;
        }
    /*新闻*/
    .bannerWrapper {
        height: 18em;
        padding: 0em;
        width: auto;
        margin: 1em;
    }

        .bannerWrapper img {
            width: auto;
        }

        .bannerWrapper .bannerNews {
            display: none;
        }

        .bannerWrapper .hot {
            display: none;
        }

    .winn_con {
        margin: 1em 0.3em 1em 0.3em;
        padding: 1.2em 0 1.2em 0;
    }

        .winn_con .img_c {
            margin: 1.5em 0 1.5em 0.5em;
        }

            .winn_con .img_c img {
                width: 4em;
            }

        .winn_con .project-name {
            display: none;
        }

        .winn_con .num_c .num_con {
            padding: 0px 0px;
        }

        .winn_con .num_c .num_tit .project-name-mobile {
            display: block;
            font-weight: 900;
            padding-right: 0.4em;
        }

        .winn_con .time_c_mobile {
            display: block;
            padding-right: 1em;
        }

        .winn_con .num_tit {
            justify-content: space-between;
        }

        .winn_con .time_c_mobile .warnTime .countDown {
            width: 6em;
            height: 1.67em;
            font-size: 1em;
            line-height: 1.67em;
        }

        .winn_con .num_c .num_con ul li span {
            margin: 0.3em 0em 0.2em 0.2em;
        }

        .winn_con .warnTime {
            display: flex;
        }

            .winn_con .warnTime .minute, .warnTime .second, .warnTime .minute2, .warnTime .second2 {
                width: 1.5em;
                height: 2em;
                font-size: 1em;
                text-align: left;
                color: #3b3b3b;
                background: #fff;
            }


    .kj_con > div {
        padding: 1em;
        display: flex;
        flex-direction: column;
    }

    .kj_con .num_c {
        margin: 0;
    }

    .kj_con .img_c {
        display: none;
    }


    .kj_con .num_c .num_con ul li span {
        width: 2em;
        height: 2em;
        line-height: 2em;
        margin-right: 0.2em;
    }

    .kj_con .num_c .num_con ul li .ball_plus {
        margin-top: 0.6em;
        height: 2em;
    }

        .kj_con .num_c .num_con ul li .ball_plus img {
            height: 2em;
        }

    .warn-number .ball {
        width: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 1em;
        border-radius: 50%;
    }

    .warn-number .rect {
        width: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 1em;
    }

    .kj_con .num_c .num_con {
        height: 5.9em;
    }

    .kj_con .num_c .num_con_2 {
        height: 4.9em;
    }

    /*图表*/
    .chart .tab {
        padding: 0.5em 0.2em 0.5em 0.2em;
        font-size: 0.9em;
    }
}

@media (min-width: 1000px) {
    .menu-container .el-menu {
    }

    .menu-container .el-tabs {
    }

    .main {
        max-width: 78.8em;
    }
}