.navbar[data-v-2486d7f4] {
    height: 70px;
    min-width: 1290px;
    background-color: #d90107
}

.navbar-content[data-v-2486d7f4] {
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.navbar img[data-v-2486d7f4] {
    height: 46px
}

.navbar[data-v-2486d7f4] .el-menu {
    background-color: #d90107;
    display: flex;
    display: -webkit-flex
}

    .navbar[data-v-2486d7f4] .el-menu .el-menu-item, .navbar[data-v-2486d7f4] .el-menu .el-submenu__title {
        padding: 0 17px;
        color: #fff;
        font-size: 16px;
        font-weight: 700
    }

        .navbar[data-v-2486d7f4] .el-menu .el-menu-item:hover, .navbar[data-v-2486d7f4] .el-menu .el-submenu__title:hover {
            background: unset
        }

        .navbar[data-v-2486d7f4] .el-menu .el-menu-item i, .navbar[data-v-2486d7f4] .el-menu .el-submenu__title i {
            color: #fff;
            font-weight: 700
        }

        .navbar[data-v-2486d7f4] .el-menu .el-menu-item:hover span:after {
            position: absolute;
            left: 35%;
            content: "";
            width: 30%;
            height: 1px;
            background: #fff;
            bottom: 10px
        }

    .navbar[data-v-2486d7f4] .el-menu .el-submenu__icon-arrow {
        display: none;
        margin-left: 5px
    }

.fire-img[data-v-2486d7f4] {
    position: absolute;
    height: 27px !important;
    top: -6px;
    left: calc(50% - 11px)
}

[data-v-2486d7f4] .el-menu--horizontal > .el-menu-item {
    position: relative;
    line-height: 56px !important
}

.slide-show[data-v-2486d7f4] {
    height: 480px;
    min-width: 1290px
}

.slide-show .swiper-slide[data-v-2486d7f4] {
    height: 480px;
    width: 100%
}

.slide-show .swiper-slide img[data-v-2486d7f4] {
    height: 480px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slide-show .swiper-button-next[data-v-2486d7f4], .slide-show .swiper-button-prev[data-v-2486d7f4] {
    position: absolute;
    top: 50%;
    width: 65px;
    height: 65px;
    padding: 20px;
    margin-top: -40px;
    z-index: 10;
    cursor: pointer;
    background-size: contain;
    background-origin: content-box;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 100%;
    background-color: #0f0f0f;
    opacity: .4;
    color: #fff
}

    .slide-show .swiper-button-next[data-v-2486d7f4]:hover, .slide-show .swiper-button-prev[data-v-2486d7f4]:hover {
        color: #d90107
    }

.lottery-info[data-v-2486d7f4] {
    padding: 25px 0 0;
    margin: 0 auto
}

.lottery-info .info-row[data-v-2486d7f4] {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.lottery-info .info-col[data-v-2486d7f4] {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 49%;
    height: 117px
}

.lottery-info .info-logo[data-v-2486d7f4] {
    margin-right: 15px;
    height: 70px
}

.lottery-info .info-col-top[data-v-2486d7f4] {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center
}

.lottery-info .info-col-top .left[data-v-2486d7f4] {
    width: 220px;
    text-align: left
}

.lottery-info .info-col-top .right[data-v-2486d7f4] {
    margin-left: 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 180px)
}

.lottery-info .info-details[data-v-2486d7f4] {
    width: calc(100% - 85px)
}

.lottery-info .info-details .name[data-v-2486d7f4] {
    margin-right: 10px;
    font-size: 17.5px
}

.lottery-info .info-details .period[data-v-2486d7f4] {
    color: #606060;
    font-size: 13px;
    font-family: SimSun
}

.lottery-info .info-details .period i[data-v-2486d7f4] {
    font-style: normal;
    font-size: 14px;
    font-weight: 700;
    font-family: SimSun;
    color: #be1a19
}

.lottery-info .info-details .date[data-v-2486d7f4], .lottery-info .info-details .time[data-v-2486d7f4] {
    font-size: 14px;
    color: #333
}

.lottery-info .info-details .inof-col-bottom[data-v-2486d7f4] {
    margin-top: 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start
}

.lottery-info .info-details .ball-wrap[data-v-2486d7f4] {
    text-align: left;
    width: 440px
}

.lottery-info .info-details .ball[data-v-2486d7f4] {
    display: inline-block;
    text-align: center;
    line-height: 36px;
    width: 36px;
    height: 36px;
    font-size: 22px;
    color: #fff;
    border-radius: 100%;
    margin-right: 5px;
    margin-bottom: 5px
}

.lottery-info .info-details .red-ball[data-v-2486d7f4] {
    background-color: #f24242
}

.lottery-info .info-details .blue-ball[data-v-2486d7f4] {
    background-color: #4996f6
}

.lottery-info .info-details .icons[data-v-2486d7f4] {
    display: flex;
    display: -webkit-flex;
    width: 100px
}

.lottery-info .info-details .icons a[data-v-2486d7f4]:not(:last-child) {
    margin-right: 5px
}

.lottery-info .info-details .icons img[data-v-2486d7f4] {
    height: 18px
}

.footer p[data-v-2486d7f4] {
    margin: 0;
    height: 50px;
    line-height: 50px;
    background-color: #f2f2f2;
    font-size: 14px;
    color: #0f0f0f;
    text-align: center
}

.footer .m-20[data-v-2486d7f4] {
    margin: 0 20px
}

.footer .sydw[data-v-2486d7f4] {
    text-align: center
}
.lottery-info .info-col[data-v-2486d7f4] {
    width: 98%;
    margin: 0 auto;
    /* display: table; */
    padding-left: 1%;
}