.code-row[data-v-dcf12508] {
    display: flex;
    justify-content: space-around;
    font-family: type-font,Microsoft YaHei,sans-serif;
    padding: .2rem
}

.code-row .ppc-code-box[data-v-dcf12508] {
    display: block;
    width: 3.05rem;
    height: 3.05rem;
    font-size: 1.56rem;
    border-radius: 50%;
    color: #333;
    margin: 0 auto 4px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: 600
}

.code-row .ppc-code-box .ppc-code-box-bg[data-v-dcf12508] {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.code-row .ppc-code-box .ppc-code-box-txt[data-v-dcf12508] {
    position: absolute;
    top: 45.5%;
    left: 46%;
    transform: translate(-50%,-50%)
}

.code-row .ppc-add-ico[data-v-dcf12508] {
    height: 3.05rem;
    padding-bottom: .4rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #333
}

.code-row .red[data-v-dcf12508] {
    background-image: var(--ppc-ball-red-bg)
}

.code-row .green[data-v-dcf12508] {
    background-image: var(--ppc-ball-green-bg)
}

.code-row .blue[data-v-dcf12508] {
    background-image: var(--ppc-ball-blue-bg)
}

.code-row .red-text[data-v-dcf12508] {
    color: red
}

.code-row .green-text[data-v-dcf12508] {
    color: #0f0
}

.code-row .blue-text[data-v-dcf12508] {
    color: #00f
}

.code-row .theme-v2[data-v-dcf12508] {
    align-items: center
}

.code-row .theme-v2 .ppc-code-box[data-v-dcf12508] {
    color: #333
}

.code-row .theme-v2 .red[data-v-dcf12508] {
    background-image: var(--ppc-ball-red-bg)
}

.code-row .theme-v2 .green[data-v-dcf12508] {
    background-image: var(--ppc-ball-green-bg)
}

.code-row .theme-v2 .grey[data-v-dcf12508] {
    background-image: var(--ppc-ball-gray-bg)
}

.code-row .theme-v2 .blue[data-v-dcf12508] {
    background-image: var(--ppc-ball-blue-bg)
}

.code-row .theme-v2 .red-text[data-v-dcf12508],.code-row .theme-v2 .green-text[data-v-dcf12508],.code-row .theme-v2 .blue-text[data-v-dcf12508] {
    color: #000
}

.code-label[data-v-dcf12508] {
    text-align: center;
    color: #333
}

.theme-v2 .ppc-add-ico[data-v-dcf12508] {
    font-weight: 700
}

@media screen and (min-width: 750px) {
    .base-site .code-row[data-v-dcf12508] {
        padding:0
    }
}

@media screen and (max-width: 750px) {
    .theme-v2 .code-label[data-v-dcf12508] {
        font-size:1rem;
        text-align: center;
        letter-spacing: .45px
    }
}

@media screen and (max-width: 320px) {
    .theme-v2 .ppc-code-box[data-v-dcf12508] {
        width:38px;
        height: 38px
    }
}

.ppc-next-t[data-v-aaab3d3d] {
    display: flex;
    color: #da584d;
    font-size: 1.07rem
}

.ppc-next-t[data-v-aaab3d3d] .van-count-down {
    font-size: .95rem
}

.draw-tab-con[data-v-aaab3d3d] {
    border: .1rem solid var(--ppc-primary-color);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative
}

.draw-top[data-v-aaab3d3d] {
    display: flex;
    justify-content: space-between;
    padding: .315rem
}

.ppc-text-info[data-v-aaab3d3d] {
    font-size: .96rem;
    color: #f22;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .315rem
}

.ppc-text-info .ppc-next-info[data-v-aaab3d3d] {
    letter-spacing: 0
}

.ppc-text-info .ppc-history[data-v-aaab3d3d] {
    position: absolute;
    right: 0;
    top: 2px;
    color: var(--ppc-primary-color);
    font-size: 14px;
    cursor: pointer
}

.ppc-live-text[data-v-aaab3d3d] {
    font-size: 16px
}

.lotteryLinks[data-v-aaab3d3d] {
    color: var(--ppc-primary-color);
    text-decoration: underline;
    margin-right: .63rem;
    cursor: pointer
}

.lotteryLinks[data-v-aaab3d3d]:last-child {
    margin-right: 0
}

.lotteryLinks[data-v-aaab3d3d]:hover {
    background-color: #f8f8f8
}

.mixBtn[data-v-aaab3d3d] {
    display: block;
    padding: 0 2%;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-left: auto;
    font-weight: 600;
    border-radius: .25rem;
    color: #fff;
    font-size: 1.04rem;
    background-image: linear-gradient(141.21deg,#6a11cb 14.48%,#2575fc 77.45%);
    cursor: pointer
}

@media screen and (max-width: 750px) {
    .ppc-history[data-v-aaab3d3d],.ppc-live-text[data-v-aaab3d3d] {
        font-size:12px!important
    }
}

.scratch-switch[data-v-aaab3d3d] {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin-left: auto;
    color: #000
}

.livePage[data-v-aaab3d3d] {
    font-size: 1.07rem;
    font-weight: 700;
    color: #333
}

.livePage.draw-tab-con[data-v-aaab3d3d] {
    margin: 0 5px;
    border-radius: 10px;
    padding-bottom: .315rem
}