:root {
    --color-primary: #d21e1e;
    --color-primary-dark: #b02b21;
    --color-primary-text: #fff;
    --color-primary-high: #fffdd1;
    --color-background: #fff;
    --color-text: #414141;
    --color-text-light: #6c6c6c;
    --color-text-dark: #2c2c2c;
    --color-gray: #f0f0f0;
    --color-border: #d4d4d4;
    --color-shadow: #c8c8c8;
    --max-width: 1170px;
    --border-width: 1px;
    --swiper-pagination-color: #fffdd1;
    --swiper-pagination-bottom: 12px;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-inactive-color: #959595;
    --swiper-pagination-bullet-inactive-opacity: .75
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a {
    text-decoration: none
}

body {
    min-height: 100vh;
    color: var(--color-text);
    background: var(--color-background);
    transition: color .5s, background-color .5s;
    font-size: 14px;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: Microsoft JhengHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#app {
    width: 100%
}

.mshow {
    display: none !important
}

.mhide {
    display: inline-block
}

header {
    height: 140px;
    width: 100%;
    border-bottom: 1px solid #dadada
}

header .logo {
    max-width: var(--max-width);
    width: 1170px;
    height: 140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

header .logo img {
    cursor: pointer;
    height: 96px;
    margin-top: 0
}

header .clock {
    font-size: 18px;
    line-height: 140px;
    color: var(--color-text-light);
    color: #a4a4a4
}

.main-nav {
    margin: 0 auto 14px;
    max-width: var(--max-width);
    width: 100%;
    height: 38px;
    border-bottom: 5px solid #eee222;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.main-nav nav,
.main-nav nav a {
    display: flex;
    align-items: center
}

.main-nav nav {
    justify-content: space-around
}

.main-nav nav a {
    height: 38px;
    font-size: 15px;
    flex: 1;
    justify-content: center;
    color: var(--color-primary-text)
}

.main-nav nav a:nth-child(1) {
    background: #D90011
}

.main-nav nav a:nth-child(2) {
    background: #00A0EA
}

.main-nav nav a:nth-child(3) {
    background: #17C001
}

.main-nav nav a:nth-child(4) {
    background: #D9A400
}

.main-nav nav a:nth-child(5) {
    background: #692CC5
}

.main-nav nav a:nth-child(6) {
    background: #C42CB5
}

.main-nav nav a.router-link-active {
    color: #fff100
}

.main-nav nav svg {
    font-size: 20px;
    margin-right: 6px;
    display: none
}

.lotteryMain>.navbox>.nav {
    margin: 0 auto;
    width: 1170px;
    height: 50px;
    line-height: 36px;
    font-size: 24px;
    color: #2c2c2c
}

.lotteryMain>.livebox>.livenav {
    margin: 0 auto;
    width: 1170px;
    height: 50px;
    display: flex;
    line-height: 36px;
    font-size: 24px;
    color: #2c2c2c
}

.sub-nav {
    border-radius: 18px;
    background: var(--color-gray);
    padding: 5px 0
}

.sub-nav nav {
    display: flex;
    align-items: center;
     justify-content: flex-start ;
    flex-direction: row;
    width: 100%;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.sub-nav nav a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    font-size: 16px;
    border-radius: 18px;
    color: var(--color-text);
    min-width: 125px;
    text-align: center;

}

.sub-nav nav a.router-link-exact-active {
    background: #d80011;
    color: #fff100
}

.lotteryMain {
    max-width: 1170px;
    margin: 0 auto
}

.main-page,
.main-page-full {
    width: 100%
}

footer {
    height: 40px;
    line-height: 40px;
    margin-top: 130px;
    text-align: center;
    color: #848484;
    border-top: 5px solid #eee222;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit
}

.button-primary,
.button-yellow {
    height: 30px;
    padding: 0 20px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.button-yellow {
    color: var(--color-primary-text);
    border: solid var(--border-width) #bb8215;
    background: linear-gradient(180deg, #deb030, #e59e10);
    box-shadow: 0 0 3px var(--color-background) inset
}

.button-primary {
    color: var(--color-primary-text);
    border: solid var(--border-width) var(--color-primary-dark);
    background: linear-gradient(180deg, var(--color-primary), var(--color-primary-dark));
    box-shadow: 0 0 3px var(--color-background) inset
}

.button-primary svg {
    margin-right: 5px
}

.button-primary:active {
    opacity: .95;
    box-shadow: 1px 1px 3px #7373735c inset
}

@keyframes iconLoading {
    0% {
        transform: rotate3d(0, 0, 1, 0)
    }

    to {
        transform: rotate3d(0, 0, 1, 360deg)
    }
}

.icon-loading {
    flex-grow: 0;
    flex-shrink: 0;
    display: block;
    width: 1em;
    height: 1em;
    margin-top: .07em;
    background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
    background-size: 100%;
    animation: iconLoading 1s steps(12, end) infinite
}

.drawCode {
    list-style: none;
    display: inline-flex
}

.drawCode li {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.drawCode li:last-of-type {
    position: relative;
    padding-left: 12px
}

.drawCode li:last-of-type:before {
    position: absolute;
    content: "+";
    left: 0;
    top: 5px;
    color: #d21e1e;
    font-size: 14px;
    font-weight: 700
}

.drawCode strong {
    width: 35px;
    height: 35px;
    font-size: 12px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    transform: scale(.86);
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABNCAQAAACiN5o4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNDBBMENDNTlENDExRUE4N0QxQUY2NDUxRDJDOEZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNDBBMENENTlENDExRUE4N0QxQUY2NDUxRDJDOEZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEU0MEEwQ0E1OUQ0MTFFQTg3RDFBRjY0NTFEMkM4RkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEU0MEEwQ0I1OUQ0MTFFQTg3RDFBRjY0NTFEMkM4RkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Of3zDAAAQNUlEQVRo3rWae5Ck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)
}

.drawCode .red strong {
    background-image: url(data:image/png;base64,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)
}

.drawCode .blue strong {
    background-image: url(data:image/png;base64,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)
}

.drawCode .green strong {
    background-image: url(data:image/png;base64,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)
}

.drawCode em {
    font-style: normal;
    font-size: 12px;
    line-height: 1em;
    margin-top: -2px;
    color: #525252
}

.drawCode.big li {
    margin: 0 12px
}

.drawCode.big li:last-of-type {
    padding-left: 24px
}

.drawCode.big li:last-of-type:before {
    top: 10px;
    font-size: 22px
}

.drawCode.big strong {
    width: 66px;
    height: 66px;
    font-size: 22px;
    padding-bottom: 5px;
    transform: none
}

.drawCode.big em {
    font-size: 15px;
    margin-top: 4px
}

.countdown {
    display: flex;
    align-items: center
}

.countdown span {
    font-size: 20px;
    margin-right: 20px
}

.countdown ul {
    list-style: none;
    display: flex;
    font-family: Consolas, Monaco, monospace
}

.countdown li {
    font-size: 48px;
    width: 40px;
    height: 54px;
    margin-right: 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-dark);
    border: 1px solid var(--color-border)
}

.countdown li.dot {
    border: 0;
    width: 20px;
    padding-bottom: 6px
}

.currentGame {
    display: flex;
    flex-direction: row-reverse
}

.currentGame.atlist {
    padding: 25px 0;
    margin-top: 20px;
    border-radius: 4px 4px 0 0;
    border: solid var(--border-width) var(--color-border)
}

.currentGame h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400
}

.currentGame h3 b {
    color: var(--color-primary)
}

.nextDraw {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px
}

.nextDraw h3 {
    padding-bottom: 15px
}

.currentCode {
    padding: 0 10px;
    margin-left: 20px
}

.currentCode h3 strong {
    margin: 0 20px 0 15px;
    font-weight: bolder
}

.homeSwiper {
    margin-top: 15px
}

.homeSwiper img {
    width: 100%
}

.swiper {
    height: 375px;
    position: relative;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    margin: 0 auto
}

.swiper,
.swiper img {
    width: 1166px
}

.curtLottery {
    height: 282px;
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 15px;
    box-shadow: 0 1px 4px var(--color-shadow);
    border: solid var(--border-width) var(--color-border);
    box-sizing: border-box;
    border-radius: 4px 4px 0 0
}

.lotteryTitle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 40px;
    border: 1px solid #d80011;
    color: #d80011;
    box-sizing: border-box;
    background: #ffc9c9
}

.lotteryTitle:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #ffc9c9
}

.lotteryTitle b {
    font-size: 20px
}

.lotteryTitle span {
    font-size: 14px
}

.lotteryTitle i {
    font-style: normal
}

.curtLottery .currentGame {
    padding: 42px 0
}

.curtLottery .currentCode h3 {
    margin-bottom: 36px
}

.lotteryActs {
    margin-top: 25px
}

.lotteryBtns {
    display: flex;
    position: relative;
    padding-bottom: 20px;
    padding-left: 50px
}

.lotteryBtns button {
    margin-right: 12px
}

.lotteryBtns .button-yellow {
    width: 108px
}

.lotteryActs .his {
    font-size: 1.143em;
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    color: var(--color-text-dark);
    padding-left: 50px
}

.lotteryActs .his svg {
    color: var(--color-primary);
    margin-left: 2px
}

.lotteryActs .his:hover {
    color: var(--color-primary)
}

.lotteryPledge {
    z-index: 10;
    position: absolute;
    width: 262px;
    left: 0;
    top: 44px;
    padding: 10px;
    color: var(--color-text-light);
    background: var(--color-background);
    box-shadow: 0 2px 10px var(--color-shadow);
    border-radius: 4px
}

.lotteryPledge:before,
.lotteryPledge:after {
    content: " ";
    display: block;
    position: absolute;
    background: var(--color-background)
}

.lotteryPledge:before {
    width: 20px;
    height: 20px;
    left: 42px;
    top: -8px;
    transform: rotate(45deg);
    box-shadow: 0 0 6px var(--color-shadow)
}

.lotteryPledge:after {
    width: 50px;
    height: 30px;
    top: 0;
    left: 32px
}

.lotteryPledge b,
.lotteryPledge p {
    position: relative;
    z-index: 2
}

.lotteryPledge b {
    display: flex;
    font-size: 14px;
    align-items: center;
    padding-bottom: 3px;
    color: var(--color-primary)
}

.lotteryPledge svg {
    font-size: 20px;
    margin-right: 3px
}

.lotteryPledge p {
    font-size: 13px
}

.video {
    display: block;
    width: 87px;
    height: 34px;
    margin-left: 74px;
    cursor: pointer
}

.liveTop {
    width: 100%;
    display: flex;
    flex-direction: column
}

.livePledge {
    display: flex;
    align-items: center;
    height: 36px;
    width: 1000px;
    background-color: #fdf7e8;
    border-radius: 4px;
    color: #525252;
    font-size: 14px;
    flex: 1;
    padding-left: 20px;
    margin-left: 74px
}

.livePledge b {
    color: #946405;
    margin-right: 12px;
    display: flex;
    align-items: center
}

.livePledge svg {
    font-size: 1.5em;
    margin-right: 3px
}

.hisHeader {
    height: 50px;
    line-height: 50px;
    position: relative;
    border: solid var(--border-width) var(--color-border);
    border-top: 0;
    border-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hisHunt {
    padding: 0 15px;
    align-self: stretch;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hisHunt h3 {
    font-weight: bolder;
    font-size: 16px
}

.hisSearch {
    width: 136px;
    height: 36px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: solid var(--border-width) var(--color-border);
    border: 1px solid #c6c6c6
}

.hisSearch input {
    border: 0;
    outline: none;
    width: 100%;
    height: 100%;
    background: transparent;
    color: var(--color-text)
}

.hisSearch svg {
    color: var(--color-text-light);
    color: #c9c6c6
}

.hisFilter {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 240px;
    user-select: none;
    top: 6px
}

.hisFilter li {
    margin: 0 4px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    font-size: 15px;
    border-radius: 40px;
    cursor: pointer
}

.hisFilter li.active {
    color: var(--color-primary-text);
    background: var(--color-primary)
}

.hisListTit {
    display: none
}

.hisWrapper {
    border: solid var(--border-width) var(--color-border)
}

.hisEmpty {
    color: var(--color-text-light);
    border-top: solid var(--border-width) var(--color-border)
}

.hisLiveEmpty {
    border-top-width: 0
}

.hisPlaceholder {
    padding: 40px 0;
    text-align: center;
    user-select: none
}

.hisLoading {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.hisLoading .icon-loading {
    font-size: 36px;
    margin-bottom: 4px
}

.hisLoadMore,
.hisLoadAll {
    position: relative;
    width: 100%;
    padding: 14px 0;
    text-align: center;
    user-select: none;
    border-top: solid var(--border-width) var(--color-border)
}

.hisLoadMore {
    cursor: pointer;
    color: var(--color-primary)
}

.hisLoadMore:before {
    content: " ";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--color-gray);
    opacity: .25
}

.hisLoadMore:hover {
    background: var(--color-gray)
}

.hisLoadAll {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-light)
}

.hisLoadAll .icon-loading {
    font-size: 16px;
    margin-right: 4px
}

.popPlayer {
    z-index: 5;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .4)
}

.popPlayer .pmain {
    flex: 1;
    margin: 0 10px;
    max-width: 640px;
    background: var(--color-background)
}

.popPlayer .pheader {
    position: relative;
    height: 90px;
    width: 100%;
    padding: 15px;
    background-color: #fff
}

.popPlayer .pinfo {
    margin-top: 5px
}

.popPlayer .pinfo span {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.popPlayer .pinfo strong {
    font-size: 16px;
    margin: 0 7px 2px 0;
    font-weight: bolder
}

.popPlayer .pinfo b {
    color: var(--color-primary);
    margin: 0 2px
}

.popPlayer .pinfo i {
    display: block;
    font-style: normal;
    border-radius: 26px;
    padding: 0 8px;
    color: var(--color-primary-text);
    background: var(--color-primary);
    margin: 0 0 3px 15px;
    font-size: 12px;
    height: 20px;
    line-height: 20px
}

.popPlayer .pinfo p {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text-light);
    color: gray
}

.popPlayer .pcode {
    color: gray;
    height: 30px;
    width: 380px;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    top: -40px;
    left: 254px
}

.popPlayer .pcode b {
    color: gray;
    position: relative;
    top: 17px;
    left: -3px;
    height: 30px;
    width: 100px;
    font-size: 14px
}

.popPlayer .pclose {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 60px;
    color: var(--color-text-dark);
    background: var(--color-background);
    color: #d2d2d2
}

.popPlayer .pvideo {
    position: relative;
    width: 100%;
    padding-top: 55.84%
}

.popPlayer .pplayer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000
}

@media (max-width: 520px) {
    .popPlayer .pheader {
        flex-direction: column;
        align-items: flex-start;
        padding: 3px 0 5px 5vw
    }

    .popPlayer .pclose {
        top: 6px;
        right: 6px;
        font-size: 22px
    }
}

.hisSubject,
.hisItem {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #414141;
    font-size: 14px
}

.hisSubject {
    padding: 6px 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-dark);
    background-color: var(--color-gray)
}

.hisItem {
    padding: 2px 0;
    border-top: solid var(--border-width) var(--color-border)
}

.hisItem b {
    display: none
}

.hisIssue {
    width: 19%
}

.hisIssue i {
    font-weight: 600;
    font-style: normal;
    color: var(--color-primary)
}

.hisTime {
    flex: 1
}

.hisCode {
    width: 46%
}

.hisCode .drawCode {
    padding: 2px 0
}

.hisPlay {
    width: 20%
}

.liveHisList {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 10px
}

.liveItem {
    padding: 14px;
    width: 33.3%
}

.liveThumb {
    position: relative;
    width: 100%;
    padding-top: 68%;
    cursor: pointer;
    background: var(--color-gray)
}

.liveThumb img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.liveThumb:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: 2;
    width: 20.4%;
    height: 30%;
    top: 35%;
    left: 39.3%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNGM3NzY5NC0yYTU0LTQyNDctODQ2Ni1mMjMyZTU2MWU3ZjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0QwRDBFMDk2ODc2MTFFOUI5NjBCM0NGQzFENjFDRDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0QwRDBFMDg2ODc2MTFFOUI5NjBCM0NGQzFENjFDRDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjNlNjBiNmQtYmVkZC00MDY1LTg2MmUtMDE2MmNlNjI2MGUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0Yzc3Njk0LTJhNTQtNDI0Ny04NDY2LWYyMzJlNTYxZTdmMCIv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) no-repeat center;
    background-size: cover
}

.liveDesc {
    padding-top: 8px;
    text-align: center;
    font-size: 14px
}

.liveDesc span:first-of-type {
    margin-right: 7px
}

.liveDesc b {
    color: var(--color-primary)
}

.misceWrap {
    min-height: 58vh;
    text-align: center
}

.misceWrap h3 {
    font-size: 24px;
    padding: 10px 0;
    text-align: center;
    color: var(--color-primary);
    color: #2c2c2c
}

.miscePage {
    padding: 40px 10px;
    max-width: 860px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.8;
    word-break: break-all;
    font-size: 15px
}

.ruleTable {
    margin-top: 5px;
    padding: 0 10px 30px;
    border: solid var(--border-width) var(--color-border);
    border-top: 4px solid var(--color-primary)
}

.ruleTable img {
    height: 96px;
    margin-top: 20px
}

.ruleTable table {
    width: 100%;
    max-width: 1060px;
    text-align: left;
    margin: 20px auto 0;
    border-spacing: 0;
    border-collapse: collapse;
    border: solid var(--border-width) var(--color-text-light)
}

.ruleTable table td {
    line-height: 2;
    padding: 6px 10px;
    border: solid var(--border-width) var(--color-text-light)
}

.ruleMark {
    width: 100%;
    max-width: 1060px;
    text-align: left;
    margin: 20px auto 0
}

.ruleMark .mark {
    margin: 15px 0 4px
}

.ruleMark .marktail {
    padding-left: 2em
}

.aboutBanner {
    margin-top: 34px
}

.aboutBanner img {
    width: 100%
}

@media (max-width: 1060px) {
    .currentGame {
        flex-direction: column
    }

    .nextDraw {
        padding-bottom: 20px;
        padding-left: 15px;
        align-items: flex-start;
        border-bottom: solid var(--border-width) var(--color-border)
    }

    .nextDrawInner {
        margin-right: 34px
    }

    .currentCode {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        padding-top: 20px;
        padding-left: 0
    }

    .curtLottery .currentGame {
        padding: 42px 0
    }

    .lotteryActs {
        display: flex;
        align-items: center;
        padding-bottom: 6px
    }

    .lotteryBtns {
        padding-bottom: 0
    }

    .liveItem {
        width: 50%
    }
}

@media (max-width: 610px) {
    :root {
        --border-width: .5px;
        --swiper-pagination-bottom: 8px;
        --swiper-pagination-bullet-size: 8px
    }

    #app {
        padding: 0;
        min-height: 100vh
    }

    .mshow {
        display: inline-block !important
    }

    .mhide {
         display: none !important 
        
    }

    .currentCodeInner .mhide{
         /*display: block !important ;*/
        margin-bottom: 10px !important;
    }

    header {
        height: auto;
        padding: 10px 10px 4px;
        height: 75px;
        position: fixed;
        background: #fff;
        z-index: 99
    }

    header .logo {
        max-width: 100%;
        width: 100%;
        height: auto
    }

    header .logo img {
        width: 107.5px;
        height: 61.5px
    }

    header .clock {
        font-size: 14px;
        display: none
    }

    header .clock span:first-of-type {
        width: 154px
    }

    .curtLottery .currentGame {
        padding: 12.5px 0
    }

    .swiper,
    .swiper img {
        width: 100%;
        height: 100%
    }

    .main-nav {
        position: fixed;
        z-index: 999;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
        overflow: hidden;
        margin-bottom: 0;
        border-bottom: 0;
        height: 60px;
        max-width: 100%;
        width: 100%
    }

    .lotteryMain>.navbox>.nav {
        width: 100%
    }

    .main-nav nav {
        height: 60px;
        align-items: stretch;
        border-top: 1px solid #d8d8d8
    }

    .main-nav nav a {
        height: auto;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 7px 0
    }

    .main-nav nav svg {
        margin: 5px 0 0;
        font-size: 24px
    }

    .main-nav nav span {
        font-size: 12px;
        transform: scale(.88)
    }

    .main-nav nav a:nth-child(1),
    .main-nav nav a:nth-child(2),
    .main-nav nav a:nth-child(3),
    .main-nav nav a:nth-child(4),
    .main-nav nav a:nth-child(5),
    .main-nav nav a:nth-child(6) {
        background: #0068b7;
        color: #fff
    }

    .main-nav nav a:nth-child(6) {
        display: none
    }

    .main-nav nav a:not(:last-child) {
        border-right: 1px solid #fff
    }

    .main-nav nav a:nth-child(5) {
        border-right: none
    }

    .main-nav nav a.router-link-active {
        color: #fff;
        background-color: #d80011
    }

    .main-nav nav svg {
        display: block
    }

    .sub-nav {
        border-radius: 0
    }

    .sub-nav nav {
        padding: 0;
     
    }

    .sub-nav nav a.router-link-exact-active {
        background: #0068b7
    }

    .sub-nav nav a {
        flex: 1;
        margin: 0;
        text-align: center;
        border-radius: 0;
        height: 40px;
        line-height: 40px;
        background-color: #0068b7;
        color: #fff;
        width: 33%;
    }

    .sub-nav nav a:first-child {
        background-color: #d80011
    }

    .sub-nav nav a:nth-child(3) {
        background-color: #17c000
    }
	
	.sub-nav nav a:nth-child(4) {
        background: #D9A400
    }
	
	.sub-nav nav a:nth-child(5) {
         background: #692CC5
    }

    .sub-nav nav a:last-child {
        display: block
    }

    .lotteryMain {
        width: 100%;
        max-width: 100%;
        padding-top: 75px;
        background: #F0F0F0
    }

    .hisSearch {
        width: 180px;
        height: 34px;
        line-height: 34px;
        border-radius: 4px
    }

    .hisSearch svg {
        color: #d80011
    }

    .main-page {
        padding: 6px;
        position: relative
    }

    .main-page-full {
        padding-bottom: 50px
    }

    footer {
        /* display: none */
        margin: 0;
        display: block;
        height: 60px;
        margin-bottom: 50px;
        line-height: 20px;
    }

    .drawCode li {
        margin: 0 -3px
    }

    .drawCode li:last-of-type {
        padding-left: 11px
    }

    .drawCode li:last-of-type:before {
        left: 4px
    }

    .drawCode.big li {
        margin: 0
    }

    .drawCode.big li:last-of-type {
        padding-left: 18px
    }

    .drawCode.big li:last-of-type:before {
        top: 6px;
        font-size: 18px
    }

    .drawCode.big strong {
        width: 37.5px;
        height: 37.5px;
        font-size: 14px;
        padding-bottom: 2px
    }

    .drawCode.big em {
        font-size: 13px;
        margin-top: 2px
    }

    .countdown span {
        font-size: 15px
    }

    .countdown li {
        font-size: 37.5px;
        width: 37.5px;
        height: 50px;
        font-weight: 700;
        color: #000;
        margin-right: 5px
    }

    .lotteryActs {
        margin-top: 10px
    }

    .lotteryActs .his {
        padding-left: 70px
    }

    .nextDraw {
        padding-bottom: 4px
    }

    .lotteryBtns {
        padding-left: 0
    }

    .lotteryBtns .button-yellow {
        width: 62.5px;
        height: 25px
    }

    .lotteryBtns button {
        width: 57.5px;
        height: 25px
    }

    .currentGame.atlist {
        border: 0;
        margin-top: 0;
        display: flex;
        flex-direction: column-reverse
    }

    .nextDraw h3 {
        font-size: 14px
    }

    .currentCode {
        padding-left: 10px;
        padding-top: 10px
    }

    .currentCode h3 strong {
        margin-left: 5px
    }

    .homeSwiper {
        margin-top: 0
    }

    .curtLottery {
        font-size: 12px;
        box-shadow: none;
        margin: 10px 0 0;
        height: auto;
        background: #fff
    }

    .lotteryTitle {
        padding: 0 15px 0 5px;
        border-radius: 3px;
        height: 36px
    }

    .lotteryTitle>span {
        display: flex;
        align-items: center
    }

    .lotteryTitle .period {
        color: #525252
    }

    .lotteryTitle .period:after {
        content: " ";
        width: 2px;
        height: 20px;
        background: #d80011;
        display: inline-block;
        margin-left: 5px;
        vertical-align: bottom;
        margin-right: 5px
    }

    .lotteryTitle .mred {
        color: #d80011
    }

    .lotteryTitle b,
    .lotteryTitle span {
        font-size: 12px
    }

    .lotteryTitle i {
        display: block
    }

    .liveTop {
        flex-direction: column-reverse
    }

    .livePledge {
        margin: 0
    }

    .livePledge b {
        flex: 0 0 50px
    }

    .livePledge svg {
        display: none
    }

    .hisHeader {
        border: 0;
        border-top: solid var(--border-width) var(--color-border)
    }

    .hisHunt {
        position: absolute;
        top: -319px;
        width: 100%;
        padding: 12.5px 15px;
        border-top: 1px solid #c4c4c4;
        border-bottom: 1px solid #c4c4c4;
        background-color: #fff
    }

    .hisHunt h3 {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400
    }

    .hisFilter {
        padding-top: 10px;
        align-self: stretch;
        position: static;
        border-top: solid var(--border-width) var(--color-border);
        justify-content: flex-start
    }

    .hisFilter li {
        width: 37px;
        height: 26px;
        line-height: 26px;
        border-radius: 4px;
        font-size: 12px;
        padding: 0;
        text-align: center
    }

    .hisListTit {
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #c3c3c3;
        border-top: none;
        font-size: 14px;
        border-radius: 0 0 3px 3px;
        color: #d80011;
        background: #fff
    }

    .iconup {
        transform: rotate(180deg)
    }

    .hisList {
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        border-bottom: 1px solid #c3c3c3;
        background: #fff
    }

    .hisItem:nth-child(odd) {
        background: #f4f4f4
    }

    .hisWrapper {
        border: 0;
        margin-bottom: 6px
    }

    .hisLiveEmpty {
        border-top-width: var(--border-width)
    }

    .hisLoadMore:before {
        content: none
    }

    .hisSubject {
        display: none
    }

    .hisItem {
        padding: 10px 0;
        position: relative;
        flex-direction: row;
        font-size: 13px;
        display: flex;
        align-items: center
    }

    .hisCode {
        margin-left: 20px
    }

    .hisIssue,
    .hisTime,
    .hisCode,
    .hisPlay {
        width: auto
    }

    .hisTime {
        margin-top: 5px
    }

    .hisItem b {
        width: 66px;
        padding-right: 8px;
        text-align: right;
        font-weight: 400;
        display: inline-block;
        color: var(--color-primary)
    }

    .hisPlay {
        position: absolute;
        right: 0;
        top: 10px
    }

    .hisPlay .button-primary {
        border: 0;
        background: none;
        color: var(--color-primary);
        flex-direction: column;
        justify-content: center;
        height: auto;
        padding: 5px 16px;
        user-select: none;
        -webkit-tap-highlight-color: transparent
    }

    .hisPlay .button-primary:active {
        background: var(--color-gray)
    }

    .hisPlay .button-primary svg {
        font-size: 22px;
        margin-right: 0
    }

    .hisPlay .button-primary span {
        font-size: 12px
    }

    .liveHisList {
        padding: 10px 2px;
        border-top: solid var(--border-width) var(--color-border)
    }

    .liveItem {
        padding: 8px
    }

    .liveDesc {
        display: flex;
        flex-direction: column;
        text-align: left
    }

    .miscePage {
        padding: 10px 10px 20px
    }

    .ruleTable {
        border: 0
    }

    .aboutBanner {
        margin-top: 8px
    }
}

@media (max-width: 360px) {
    .countdown li {
        font-size: 24px;
        width: 32px;
        height: 40px
    }

    .countdown li.dot {
        width: 8px
    }

    .drawCode.big li:last-of-type:before {
        top: 0
    }

    .drawCode.big strong {
        width: 34px;
        height: 34px;
        font-size: 12px
    }

    .lotteryActs .his {
        font-size: 12px
    }
}

.sub-nav nav a.router-link-exact-active[data-v-648ce0c3] {
    color: #fff
}

.sub-nav[data-v-648ce0c3] {
    padding: 0
}

.hot[data-v-648ce0c3] {
    color: red;
    margin-top: -10px;
    position: absolute;
    font-size: xx-small
}

.sub-nav nav .data-area {
     display: none 
}
.sub-nav nav .api-doc {
     display: block 
}


@media (max-width: 610px) {
    .sub-nav[data-v-648ce0c3] {
        padding: 5px 0
    }

    .sub-nav nav a.router-link-exact-active[data-v-648ce0c3] {
        color: #fff100
    }

    .sub-nav nav a[data-v-648ce0c3]:nth-child(2) {
        /* display: none */
    }

    .sub-nav nav .data-area {
        display: block
    }
.sub-nav nav .api-doc {
        display: none;
    }
    
}

.sub-nav nav a.router-link-exact-active[data-v-8aa9d03a] {
    color: #fff
}

.sub-nav[data-v-8aa9d03a] {
    margin-bottom: 20px;
    padding: 0
}

.hot[data-v-8aa9d03a] {
    color: red;
    margin-top: -10px;
    position: absolute;
    font-size: xx-small
}

.sub-nav nav .data-area {
    display: none
}

@media (max-width: 610px) {
    .sub-nav[data-v-8aa9d03a] {
        margin-bottom: 0;
        padding: 5px 0
    }

    .sub-nav nav .data-area {
        display: block
    }

    .sub-nav nav a.router-link-exact-active[data-v-8aa9d03a] {
        color: #fff100
    }

    .lotteryMain>.livebox>.livenav[data-v-8aa9d03a] {
        width: 100%;
        height: auto;
        flex-direction: column;
        padding-top: 10px;
        background: #fff;
        padding-bottom: 10px
    }

    .livebox[data-v-8aa9d03a] {
        display: flex;
        flex-direction: column-reverse
    }

    .livePledge[data-v-8aa9d03a] {
        background-color: #fff6e4;
        border-radius: 2px;
        margin: 0 auto;
        width: 95%;
        overflow: hidden;
        padding: 10px 15px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto
    }

    .livePledge b[data-v-8aa9d03a] {
        width: 100%;
        flex: auto;
        height: 24px;
        line-height: 24px;
        font-weight: 700;
        color: #946405;
        font-size: 15px
    }

    .livePledge p[data-v-8aa9d03a] {
        line-height: 20px;
        font-size: 12px
    }
}

.sub-nav[data-v-aecef5cb] {
    margin-top: 35px;
    padding: 0
}

.sub-nav nav a.router-link-exact-active[data-v-aecef5cb] {
    color: #fff
}

@media (max-width: 610px) {
    .sub-nav[data-v-aecef5cb] {
        margin-top: 0;
        padding: 5px 0
    }

    .sub-nav nav a.router-link-exact-active[data-v-aecef5cb] {
        color: #fff100
    }

    .sub-nav nav a[data-v-aecef5cb]:last-child {
        display: none
    }
}

.sub-nav[data-v-9eeb2737] {
    margin-top: 35px
}

.sub-nav nav a[data-v-9eeb2737]:last-child {
    display: none
}

.sub-nav nav a.router-link-exact-active[data-v-9eeb2737] {
    color: #fff
}

@media (max-width: 610px) {
    .sub-nav[data-v-9eeb2737] {
        margin-top: 0;
        padding: 5px 0
    }

    .sub-nav nav a[data-v-9eeb2737] {
        min-width: 25%;
        flex-shrink: 1;
        padding: 0;
        color: #fff
    }

    .sub-nav nav a[data-v-9eeb2737]:last-child {
        display: block
    }

    .sub-nav nav a[data-v-9eeb2737]:nth-child(1) {
        background-color: #d80011
    }

    .sub-nav nav a[data-v-9eeb2737]:nth-child(2) {
        background-color: #0068b7
    }

    .sub-nav nav a[data-v-9eeb2737]:nth-child(3) {
        background-color: #17c000
    }

    .sub-nav nav a[data-v-9eeb2737]:nth-child(4) {
        background-color: #d9a300
    }

    .sub-nav nav a.router-link-exact-active[data-v-9eeb2737] {
        color: #fff100
    }
}

@media (max-width: 610px) {
    .livePledge[data-v-a1c5e4b4] {
        width: 100%
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.video-flv {
    width: 100%;
    display: flex;
    position: relative;
    background: #000
}

.video-flv video {
    width: 100%;
    max-height: 420px
}

.video-tool {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.video-tool svg {
    position: absolute;
    left: 8px;
    bottom: 8px;
    color: #fff;
    font-size: 46px;
    filter: drop-shadow(2px 1px 2px rgb(0 0 0 / .4))
}

.video-tool .icon-loading {
    font-size: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -21px
}

.video-tool .error {
    color: #fff;
    text-shadow: 0 0 1px #000;
    position: absolute;
    width: 100%;
    height: 100%;
    height: 368px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding: 0 10px
}

.video-tool .error b {
    color: var(--color-primary)
}

.video-tool .live {
    position: absolute;
    right: 8px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(209, 3, 27, .65);
    font-size: 13px;
    width: 52px;
    height: 24px;
    border-radius: 2px;
    user-select: none
}

.video-tool .live:before {
    content: " ";
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50px;
    margin-right: 3px
}

@media (max-width: 610px) {
    .video-tool .error {
        height: 205px;
        font-size: 12px;
        padding: 0 69px;
        text-align: center
    }

    .video-flv video {
        height: 205px;
        max-height: 205px
    }
}

.nextDrawInner {
    margin-right: 34px
}

@media (max-width: 610px) {
    .nextDrawInner {
        margin-right: 0
    }

    .curtLottery {
        margin-top: 0
    }

    .countdown li.dot {
        border: 0;
        width: 12px;
        padding-bottom: 6px
    }
}

@media (max-width: 610px) {
    .hisFilter[data-v-ae5c906b] {
        flex-direction: row-reverse;
        justify-content: flex-end
    }

    .hisFilter li[data-v-ae5c906b] {
        font-size: 14px
    }

    .hisItem[data-v-ae5c906b]:nth-child(odd) {
        background: #fff
    }

    .hisItem[data-v-ae5c906b] {
        flex-direction: column;
        position: relative;
        padding: 10px 20px
    }

    .hisIssue[data-v-ae5c906b],
    .hisTime[data-v-ae5c906b],
    .hisCode[data-v-ae5c906b] {
        width: 100%;
        display: flex;
        justify-content: flex-start
    }

    .hisCode[data-v-ae5c906b] {
        margin-left: 0;
        margin-top: 5px
    }

    .videoicon[data-v-ae5c906b] {
        zoom: 50%;
        padding: 30px;
        box-sizing: border-box
    }

    .hisPlay[data-v-ae5c906b] {
        position: absolute;
        right: 20px;
        top: 25px
    }

    .popPlayer .pmain[data-v-ae5c906b] {
        background-color: #fff;
        border-radius: 4px 4px 0 0;
        overflow: hidden;
        position: absolute;
        width: 95vw;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0
    }

    .popPlayer[data-v-ae5c906b] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #0000009e;
        z-index: 102
    }

    .popPlayer .pheader[data-v-ae5c906b] {
        height: 107px
    }

    .popPlayer .pcode[data-v-ae5c906b] {
        position: static
    }

    .popPlayer .pinfo p[data-v-ae5c906b] {
        font-size: 12px
    }

    .popPlayer .pinfo span[data-v-ae5c906b] {
        margin-bottom: 0
    }

    .popPlayer .pinfo i[data-v-ae5c906b] {
        border-radius: 4px;
        font-size: 12px
    }

    .popPlayer .pcode b[data-v-ae5c906b] {
        top: 0
    }

    .pclose[data-v-ae5c906b] {
        color: #000
    }
}

@media (max-width: 610px) {
    .main-page[data-v-26129ed2] {
        padding: 80px 0 0;
        background: #fff
    }

    .currentCode[data-v-26129ed2] {
        border-bottom: 1px solid #c3c3c3;
        padding-bottom: 10px
    }

    .nextDraw[data-v-26129ed2] {
        border-bottom: none
    }

    .currentGame.atlist[data-v-26129ed2] {
        padding: 10px 0
    }

    .nextDrawInner[data-v-26129ed2] {
        margin-top: 10px
    }

    .hisFilter[data-v-26129ed2] {
        justify-content: flex-start
    }

    .hisFilter li[data-v-26129ed2] {
        width: 37px;
        height: 26px;
        line-height: 26px;
        border-radius: 4px
    }
}

.openapi code {
    color: var(--color-primary);
    color: #2c2c2c
}

.openapi .t {
    font-weight: 700;
    margin-top: 30px
}

.openapi pre {
    padding: 10px;
    border-radius: 6px;
    background: var(--color-gray);
    white-space: pre-wrap;
    word-break: break-all;
    background: #ffffff
}

@media (max-width: 610px) {
    .main-page-full {
        background: #fff
    }

    .openapi h3 {
        font-size: 20px;
        text-align: center;
        color: #d80011;
        margin: 20px 0;
        width: 100%
    }
}

#infomation {
    width: 100%;
    border: 0;
    height: calc(100vh - 208px)
}

@media (max-width: 610px) {
    .hisFilter[data-v-2e470226] {
        flex-direction: row-reverse;
        justify-content: flex-end
    }

    .hisFilter li[data-v-2e470226] {
        font-size: 14px
    }

    .hisHunt[data-v-2e470226] {
        position: static;
        border-top: none;
        border-bottom: none
    }

    .hisHeader[data-v-2e470226] {
        height: auto
    }

    .hisFilter[data-v-2e470226] {
        border-top: none;
        padding: 0 10px 10px
    }

    li[data-v-2e470226] {
        width: 37px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        border-radius: 4px;
        margin-right: 20px
    }

    .hisHunt h3[data-v-2e470226] {
        font-weight: bolder
    }

    .popPlayer .pmain[data-v-2e470226] {
        background-color: #fff;
        border-radius: 4px 4px 0 0;
        overflow: hidden;
        position: absolute;
        width: 95vw;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0
    }

    .popPlayer[data-v-2e470226] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #0000009e;
        z-index: 102
    }

    .popPlayer .pheader[data-v-2e470226] {
        height: 107px
    }

    .popPlayer .pcode[data-v-2e470226] {
        position: static
    }

    .popPlayer .pinfo p[data-v-2e470226] {
        font-size: 12px
    }

    .popPlayer .pinfo span[data-v-2e470226] {
        margin-bottom: 0
    }

    .popPlayer .pinfo i[data-v-2e470226] {
        border-radius: 4px;
        font-size: 12px
    }

    .popPlayer .pcode b[data-v-2e470226] {
        top: 0
    }

    .pclose[data-v-2e470226] {
        color: #000
    }
}

.liveBox[data-v-926b5504] {
    width: 100%;
    height: 420px;
    position: relative;
    background: #000
}

.liveVideo[data-v-926b5504] {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #000
}

.liveVideo iframe[data-v-926b5504] {
    margin: 0 auto;
    display: block
}

.minicover[data-v-926b5504] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 6;
    width: 100%;
    height: 100%
}

.live[data-v-926b5504] {
    position: absolute;
    left: 8px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(209, 3, 27, .65);
    font-size: 13px;
    width: 52px;
    height: 24px;
    border-radius: 2px;
    user-select: none
}

.fullIcon[data-v-926b5504] {
    position: absolute;
    right: 8px;
    bottom: 10px;
    width: 36px;
    height: 36px;
    z-index: 8
}

.errorMsg[data-v-926b5504] {
    color: #fff;
    text-shadow: 0 0 1px #000;
    position: absolute;
    width: 100%;
    height: 100%;
    height: 368px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding: 0 10px
}

.errorMsg b[data-v-926b5504] {
    color: var(--color-primary)
}

@media (max-width: 610px) {
    .liveBox[data-v-926b5504] {
        height: 205px
    }

    .fullIcon[data-v-926b5504] {
        width: 20px;
        height: 20px;
        right: 6px;
        bottom: 6px
    }

    .liveVideo iframe[data-v-926b5504] {
        width: 100% !important
    }

    .errorMsg[data-v-926b5504] {
        height: 205px;
        font-size: 12px;
        padding: 0 69px;
        text-align: center
    }
}

.liveVideoBox[data-v-22c1802a] {
    width: 100%;
    height: 420px;
    position: relative
}

@media (max-width: 610px) {
    .livePledge[data-v-22c1802a] {
        width: 100%
    }

    .liveTop[data-v-22c1802a] {
        padding: 0 10px;
        background: #fff
    }
}

.qalist dl {
    margin-top: 20px
}

.qalist dt {
    color: var(--color-primary);
    color: #2c2c2c
}

.miscePage {
    margin-top: 50px
}

@media (max-width: 610px) {
    .qalist dl {
        margin: 0
    }

    .qalist dt {
        padding: 12px 0;
        border-bottom: solid var(--border-width) var(--color-border);
        display: flex;
        justify-content: space-between
    }

    .qalist dt .qal {
        color: #eb5e04
    }

    .qalist dt .qar {
        color: #999
    }

    .qalist dd {
        padding: 6px 0 10px;
        font-size: 13px
    }

    .miscePage {
        margin-top: 0;
        margin-bottom: 40px
    }

    .misceWrap h3 {
        color: #343434;
        font-size: 20px
    }
}

@media (max-width: 610px) {
    .miscePage p[data-v-2d83aa49] {
        font-size: 14px
    }
}

.content[data-v-a68feee3] {
    width: 1170px;
    min-height: 210px;
    max-height: 770px;
    margin: 0 auto
}

.content .gameRule[data-v-a68feee3] {
    padding: 0 30px;
    color: #2c2c2c
}

.content .gameRule .title[data-v-a68feee3] {
    margin-top: 40px;
    font-size: 24px;
    width: 1108px;
    height: 90px;
    line-height: 90px;
    text-align: center
}

.content .gameRule .lotteryRule[data-v-a68feee3] {
    width: 1108px;
    margin: 0 auto 121px;
    min-height: 66px;
    max-height: 626px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-top: 4px solid #d80011;
    position: relative
}

.content .gameRule .lotteryRule .page[data-v-a68feee3] {
    clear: both;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: -100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 610px) {

    .miscePage[data-v-757448bf],
    .ruleTable table[data-v-757448bf] {
        width: 100%;
        max-width: 100%
    }

    .misceWrap h3[data-v-757448bf] {
        color: #d80011
    }
}

@media (max-width: 610px) {

    .miscePage[data-v-4b8a760a],
    .ruleTable table[data-v-4b8a760a] {
        width: 100%;
        max-width: 100%
    }

    .misceWrap h3[data-v-4b8a760a] {
        color: #d80011
    }
}

.policyRule {
    padding: 20px;
    border: solid var(--border-width) var(--color-border)
}

.detailRule {
    text-align: left
}

.detailRule h5 {
    font-size: 18px;
    padding: 15px 0;
    color: var(--color-primary)
}

.orderRule {
    display: flex;
    line-height: 2
}

.orderRule .left {
    flex: 0 0 100px
}

.orderRule .right span {
    display: block;
    padding-left: 40px
}

@media (max-width: 840px) {

    .miscePage,
    .ruleTable table {
        width: 100%;
        max-width: 100%
    }

    .policyRule {
        padding: 20px 15px
    }

    .orderRule {
        flex-direction: column
    }

    .orderRule .left {
        flex: 1;
        font-size: 16px;
        font-weight: 700
    }

    .orderRule .right {
        padding-left: 10px
    }

    .misceWrap h3 {
        color: #d80011
    }
}

@media (max-width: 610px) {

    .miscePage,
    .ruleTable table {
        width: 100%;
        max-width: 100%
    }

    .policyRule {
        padding: 0 15px 20px;
        border: 0
    }

    .misceWrap h3 {
        color: #d80011
    }
}

.misceWrap h3[data-v-948b3ce6] {
    padding-top: 80px;
    padding-bottom: 30px
}

@media (max-width: 610px) {
    .main-page[data-v-948b3ce6] {
        background: #fff
    }

    .misceWrap h3[data-v-948b3ce6] {
        color: #d80011;
        padding-top: 20px;
        padding-bottom: 30px
    }
}

.download66 {
    left: 0px;
    position: fixed;
    width: 100%;
    height: 56px;
    bottom: 0px;
    background-color: #000c;
    z-index: 999;
    text-align: center
}

.download66 i.close {
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    height: 25px;
    width: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAwElEQVQ4jbWVTQ6DIBCFiQ0HLAt7pnoFXfpzJ2JP4QG+LqANIQNYpC9xM5P3EZznqJQgQAMPYAEscPjH+loPaMkrwQzwoqwduOdAHTCcAMV6Ap0ErIF9odI1r8qEA4jf2QysGfOKG06oHdAKN03JcAMmoTf63ib0eiWcFBunQi3UonDZSikElGAAVuECm9MHVIIBHL8CxzPA5lduPpTmsUkFWzKEB85RzQW7+af3l+VwcX0NSOurcsGaJCiCVv8C3q4fHh8NRQ54AAAAAElFTkSuQmCC);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 50%
}

.download66 p a {
    text-decoration: none
}

.download66 p {
    text-align: center;
    margin: auto 0;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 56px;
    text-indent: 3px;
    white-space: nowrap
}

.download66 .btn {
    height: 40px;
    line-height: 40px;
    width: 70px;
    text-align: center;
    background-color: #ec0909;
    bottom: 0;
    top: 0;
    margin: auto 10px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    padding: 0;
    color: #fff;
    display: inline-block;
    cursor: pointer
}

.download66 a:hover {
    height: 40px;
    line-height: 40px;
    width: 70px;
    text-align: left;
    background-color: #ec0909;
    bottom: 0;
    top: 0;
    margin: auto 10px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    padding: 0;
    color: #fff
}