html, body {
    padding: 0;
    margin: 0;
    background-color: #ebe4e4;
    overflow-x: hidden;
    font-family: 'Noto Sans SC';
    font-size: 16px;
    color: #4b4b4b;
}
.pc-show {
    display: block;
}
.pc-cell-show
{
    display:table-cell;
}

    .mobile-show {
        display: none;
    }

/*开奖号码 翻转效果*/
.lottery-container {
    perspective: 1000px; /* 提供3D视图的透视效果 */
    margin: 0 auto;
    cursor:pointer;
}

    .lottery-container .front {
        transition: transform 1s ease; /* 平滑过渡效果 */
        backface-visibility: hidden; /* 隐藏背面 */
    }
    .lottery-container.isactive .front {
        transform: rotateX(180deg); /* 鼠标悬停时翻转图片 */
    }
    .lottery-container .image {
        margin: 0.5em auto;
        height: 3.6em;
        width: 3.6em;
        display: flex;
    }
        .lottery-container .image img {
            height: 2.2em;
            width: 2.2em;
            border: 0.2em solid #ff351e;
            border-radius: 50%;
            padding:0.4em 0 0em 0.4em;
            overflow:hidden;
            position:absolute;
        }
        .lottery-container .image .text {
            color: #ff351e;
            font-size: 1.5em;
            z-index: 1;
            margin-left: -0.2em;
            margin-top: 0.8em;
            background: #fff;
            max-width: 1em;
            height: 1em;
            line-height: 1em;
            border-radius: 50%;
            font-weight:bolder;
        }
        .lottery-container .image .text-left {
            margin-left: -.5em;
        }
        .lottery-container p {
            text-align:center;
        }

    .lottery-container .back {
        opacity: 0; /* 初始时隐藏数字 */
        transition: opacity 1s ease; /* 平滑过渡效果 */
    }
    .lottery-container.isactive .back {
        opacity: 1; /* 鼠标悬停时显示数字 */
    }
    .lottery-container .rect {
        position: absolute;
        top: 0.75em;
        left: 0.75em;
        width: 2em;
        height: 2em;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1em; /* 根据需要调整 */
        color: white; /* 根据需要调整文字颜色 */
    }

    .lottery-container .rect .text {
            font-size: 1.5em; /* 根据需要调整 */
        }

/*加载效果*/
.loader {
    border: 0.3em solid #f3f3f3; /* Light grey */
    border-top: 0.3em solid #e86262; /* Blue */
    border-radius: 50%;
    width: 1.875em;
    height: 1.875em;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*翻页*/
.el-pagination{
    font-size:1em;
    margin:0 1em;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
}
    .el-pagination .btn-prev, .el-pagination .more, .el-pagination .number, .el-pagination .btn-next {
        background: #fff !important;
        height:2em;
    }
        .el-pagination .number.is-active {
            background: #e86262 !important;
        }
/*开奖时间*/
.warnTime .minute, .warnTime .second, .warnTime .minute2, .warnTime .second2 {
    width: 2em;
    height: 2em;
    text-align: center;
    font-size: 1.5em;
    line-height: 2em;
    color: #EB2839;
    font-weight: bold;
    background: #eee;
}

.warnTime .t2 {
    margin: 0 8px;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-right {
    text-align: right;
}

.flex-1 {
    flex: 1
}

.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}

.justify-center {
    justify-content: center;
}

.px-12 {
    padding: 0 3em 0 3em;
}

:root {
    --el-color-primary: #e64646;
}

.clearfix {
    clear: both;
}

.red_f {
    color: #e64646;
}
.shadow {
    box-shadow: 0 3px 6px rgba(51,51,51,.161);
}
.cursor-pointer{
    cursor:pointer;
}
.font-14{font-size:14px;}
.table {
    background: #fff;
    text-align: center;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 1em;
    overflow: hidden;
    width:100%;
}

    .table td, .table th {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
    }

.ball {
    border-radius: 50%;
}

.ball_hk6_ {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    text-align: center;
    font-size: 1em;
    border-radius: 50%;
    border: 3px solid;
}

.ball_red {
    border-color: #d84125;
}

.ball_blue {
    border-color: #1d79ff;
}

.ball_green {
    border-color: #27bf00;
}

.ball_yellow {
    background: #ffc400;
}

.green {
    color: #67C23A;
}

.red {
    color: #F56C6C;
}

.blue {
    color: #000093;
}

.el-table {
    border: 0.06em solid #c9c9c9;
}

.table-header {
    background: #ffdede !important;
    color: #333;
    border-color: #c9c9c9 !important;
    text-align: center;
    height: 3em;
}

.el-table td {
    border-color: #c9c9c9 !important;
}

.warn-number {
    font-size: 0.875em;
}

    .warn-number .ball {
        width: 1.66em;
        height: 1.66em;
        line-height: 1.66em;
        text-align: center;
        font-size: 1em;
        display: inline-block;
        border-radius: 50%;
        border: 2px solid;
    }

    .warn-number .ball_red {
        border-color: #d84125;
    }

    .warn-number .ball_blue {
        border-color: #1d79ff;
    }

    .warn-number .ball_green {
        border-color: #079850;
    }

.rect {
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    font-size: 1em;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    border-radius: 0.5em;
}
.rect_small {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
}

    .warn-number .rect {
        margin-right: 0.3em;
    }

.warn-number .ball_yellow {
    margin-right: 0.3em;
    width: 2em;
    height: 2em;
    line-height: 2em;
}

.rect_1 {
    background: #dbd40b;
}

.rect_2 {
    background: #1111f2;
}

.rect_3 {
    background: #3c342c;
}

.rect_4 {
    background: #f4680c;
}

.rect_5 {
    background: #18eded;
}

.rect_6 {
    background: #c181ef;
}

.rect_7 {
    background: #758eb7;
}

.rect_8 {
    background: #e8296f;
}

.rect_9 {
    background: #781f1f;
}

.rect_0, .rect_10 {
    background: #0f9393;
}

.rect_11 {
    background: #9b5c21;
}
.rect_12 {
    background: #66669f;
}


#app {
    width: 100%;
    min-width: 25em;
}

.top {
    width: 100%;
    background: #f1f1f1;
    color: #777;
}

    .top .container {
        max-width: 78.8em;
        margin: 0 auto;
        display: flex;
        height: 2em;
        line-height: 2em;
    }

        .top .container .el-icon {
            margin-top: 0.5em;
            font-size: 1.3em;
        }

    .top .buttons {
        text-align: right;
        color: #777;
        text-decoration: none;
        width: 35em;
        height:100%;
        overflow:hidden;
        cursor:pointer;
    }

.menu-mobile {
    display:none;
}
    

    .menu {
        background-color: #e86262;
        height: 3em;
    }
    .menu .container {
        max-width: 78.8em;
        margin: 0 auto;
        height: 3em;
        display: flex;
        justify-content: space-between;
    }
    .menu .more {
        display: none;
    }
    .menu .menu-item {
        font-size: 18px;
        background: #e86262;
        font-weight: 0;
        color: #fdf5f5;
        border: none;
        width: 7.125em;
        text-align: center;
        border-bottom: 0.15em solid #e86262;
        cursor: pointer;
    }

        .menu .menu-item span {
            height: 2.5em;
            display: block;
            line-height: 2.5em;
        }

        .menu .menu-item:hover {
            border-bottom: 0.15em solid #fff;
            color: #fdf5f5 !important;
        }

        .menu .menu-item.is-active {
            border-bottom: 0.15em solid #fff;
        }

        .menu .menu-item:hover .menu-list {
            display: block;
        }

        .menu .menu-list {
            min-width: 7.125em;
            background: #fff;
            z-index: 10;
            position: absolute;
            display: none;
            color: #3b3b3b;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

    .menu .menu-list-container {
        max-width: 60em;
        margin: 0 auto;
    }

    .menu .el-menu {
        width: 100%;
        border: none;
    }

        .menu .el-menu .el-menu-item {
            border: none;
            font-weight: normal;
        }

            .menu .el-menu .el-menu-item:hover {
                color: #e86262;
                background: #fff;
            }

.main {
    margin: 0.5em auto;
}

.footer {
    text-align: center;
    white-space: nowrap;
    line-height: 2.5em;
    background-color: #e86262;
    padding: 1.25em 7.75em 1.25em 7.75em;
    color: #fff;
    display: flex;
}
    .footer .footLinkItem{
        cursor:pointer;
    }
    .footer .title {
        font-size: 1.5em;
    }

.bannerWrapper {
    background: #fff;
    border-radius: 1em;
    box-shadow: 0 3px 6px rgba(51,51,51,.161);
    height: 21.25em;
    padding: 1.25em 1.5em 1.25em 1.5em;
    display: flex;
    width: 75.8em;
    margin: 1.5625em auto;
    overflow:hidden;
}

.bannerImage {
    width: 33.75em;
    height: 21.25em;
    overflow: hidden;
    border-radius: 1em;
}

.bannerNews {
    padding: 0 1.875em 0 1.875em;
    width: 21.25em;
}

    .bannerNews .catalog {
        font-size: 1.375em;
        font-weight: 900;
        line-height: 2em;
        padding-bottom: 0.625em;
    }

    .bannerNews .news-first {
        margin: 0 0 1.25em 0;
        height: 6.75em;
        .title

{
    font-size: 1.125em;
    font-weight: 900;
    height: 2.07em;
    line-height: 1.444em;
}

.content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制行数为3 */
    overflow: hidden;
}

}

.bannerNews .news-first:hover {
    color: #e86262;
    text-decoration: underline;
    cursor: pointer;
}

.bannerNews .news-list > div {
    width: 50%;
    height: 1.5em;
    line-height: 1.5em;
    padding-bottom: 0.55em;
    cursor: pointer;
}

.bannerNews .news-list:hover {
    color: #e86262;
    text-decoration: underline;
}
.bannerNews .more{
    text-align:right;
    cursor:pointer;
}
.bannerNews .more:hover {
    color: #e86262;
    text-decoration: underline;
}
.bannerWrapper .hot {
    border-left: 1px solid rgb(220,220,200);
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

    .bannerWrapper .hot .catalog {
        font-size: 1.375em;
        font-weight: 900;
        line-height: 2em;
        text-align: center;
        padding-bottom: 0.625em;
        width: 100%;
    }

    .bannerWrapper .hot .item {
        width: 5.6em;
    }

        .bannerWrapper .hot .item img {
            width: 3.75em;
            height: 3.75em;
        }

        .bannerWrapper .hot .item div {
            font-size: 0.8125em;
            padding-bottom: 0.875em;
        }


/*开奖结果*/
.winn-result .header {
    display: flex;
    justify-content: space-between;
}

.winn-result .catalog {
    font-size: 1.375em;
    font-weight: 900;
    line-height: 2em;
    text-align: center;
    padding-bottom: 0.625em;
    width: 5em;
}

.winn-result .tab {
    display: flex;
}

    .winn-result .tab .tab-item {
        min-width: 3em;
        text-align:center;
        height: 1.5em;
        padding: 0.625em;
        border-bottom: 2px solid transparent;
        cursor: pointer;
    }

        .winn-result .tab .tab-item.is-active {
            color: #e86262;
            border-bottom: 2px solid #e86262;
        }

        .winn-result .tab .tab-item:hover {
            color: #e86262;
        }

/*当前开奖结果*/
.winn_con {
    background: #fff;
    margin: 1.25em auto;
    border: 0.1em solid #eee;
    border-radius: 1em;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(51,51,51,.161);
    padding: 1.2em;
    display: flex;
    justify-content: space-between;
}
    .winn_con .img_c {
        margin: 0 0.6em 0.6em 0.5em;
    }

        .winn_con .img_c img {
            width: 7.375em;
        }
    .winn_con .project-name {
        font-size: 1.375em;
        font-weight: 900;
        text-align: left;
        width: 9em;
        padding-top:2em;
    }
    
.winn_con .num_c {
    flex: 1;
    margin: 0 0.5em;
}
    .winn_con .num_c .num_tit .project-name-mobile {
        display: none;
    }
    .winn_con .time_c_mobile {
        display: none;
    }
.winn_con .num_c .num_tit {
    height: 1.6875em;
    line-height: 1.6875em;
    display: flex;
}
            .winn_con .num_c .num_tit .hot_f {
                color: #e86262;
                font-size:1.125em;
            }

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

            .winn_con .num_c .num_con ul {
                padding: 0;
                display: flex;
                margin: 0.5em 0 0 0;
            }

                .winn_con .num_c .num_con ul li {
                    list-style: none;
                    display: inline-block;
                    max-width: 51px;
                    text-align: center;
                    float: left;
                }

                    .winn_con .num_c .num_con ul li span {
                        width: 1.875em;
                        height: 1.875em;
                        line-height: 1.875em;
                        margin: 0.375em;
                        text-align: center;
                        display: block;
                    }
                        .winn_con .num_c .num_con ul li span.loader {
                            width: 1.4em;
                            height: 1.4em;
                        }
                        .winn_con .num_c .num_con ul li .ball_zonghe {
                            width: 2em;
                            display: inline-block;
                            height: 1.6em;
                            line-height: 1.6em;
                            text-align: center;
                            font-size: 1em;
                            border-radius: 50%;
                            border: 3px solid transparent;
                        }
                        .winn_con .num_c .num_con ul li span.ball_plus {
                            width:1em;
                            height: 1.875em;
                            overflow: hidden;
                        }

    .winn_con .random_num {
        margin: 0.3em 0em 0 0em;
        padding-top: 1.2em;
        width: 8em;
    }

        .winn_con .random_num .tit {
            padding-left: 0.5em;
            text-align: center;
        }

        .winn_con .random_num .num {
            padding-top: 0.5em;
            text-align: center;
        }
        .winn_con .random_num .rect {
            width: 1.875em;
            height: 1.875em;
            line-height: 1.875em;
        }
.winn_con .time_c {
    background: #fff;
    margin: 0.3em 0em 0 0em;
    padding-top: 1.2em;
}
        .winn_con .time_c .tit {
            padding-left:0.5em;
        }

.winn_con .time_c .warnTime {
    display: flex;
    line-height: 2.5em;
}

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

.winn_con .warnTime .countDown {
    width: 4.5em;
    height: 2em;
    text-align: left;
    font-size: 1.5em;
    line-height: 2em;
    color: #333;
    font-weight: bold;
}

/*当前开奖结果*/
.kj_con {
    background: #fff;
    margin: 1em auto;
    border: 0.1em solid #eee;
    border-radius: 1em;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(51,51,51,.161);
}

    .kj_con > div {
        padding: 1em;
        display: flex;
        justify-content: space-between;
    }

    .kj_con .img_c {
        margin: 2.2em 0.6em 0.6em 0.5em;
    }

        .kj_con .img_c img {
            width: 6em;
        }

    .kj_con .num_c {
        flex: 1;
        margin: 0 0.5em;
    }

        .kj_con .num_c .num_tit {
            height: 2.2em;
            line-height: 1.5em;
        }

            .kj_con .num_c .num_tit .hot_f {
                border-radius: 1.2em;
                background: #ffd865;
                color: #d71d2a;
                padding: 0.2em 1em;
                display: inline-block;
            }

        .kj_con .num_c .num_con {
            border: 1px solid #f2ddb2;
            border-radius: 5px;
            background: #fff;
            padding: 0px 10px;
            height: 7.9em;
        }

            .kj_con .num_c .num_con ul {
                padding: 0;
                display: flex;
                margin: 1em 0 0 0;
            }

                .kj_con .num_c .num_con ul li {
                    list-style: none;
                    display: inline-block;
                    max-width: 51px;
                    text-align: center;
                    float: left;
                    margin: 0 1em 0 0;
                }

                    .kj_con .num_c .num_con ul li span {
                        width: 2.8em;
                        height: 2.8em;
                        line-height: 2.8em;
                        margin-right: 1em;
                        text-align: center;
                        font-size: 1em;
                        display: block;
                    }

                        .kj_con .num_c .num_con ul li span.ball_plus {
                            margin-top: 0.625em;
                            height: 2.8em;
                            overflow: hidden;
                        }

    .kj_con .time_c {
        border: 0.1em solid #f2ddb2;
        border-radius: 0.3em;
        background: #fff;
        padding: 1.5em 0.52em;
        margin: 0.3em 0em 0 0em;
        height: 4.9em;
    }

        .kj_con .time_c .tit {
            line-height: 3em;
        }

        .kj_con .time_c .warnTime {
            display: flex;
            line-height: 2.5em;
        }



.warn-number {
    display: flex;
    list-style: none;
    padding-left: 0.3em;
}