: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;
}
html,
body {
    margin: 0;
    padding: 0;
    font-family: Microsoft JhengHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif
}

.main::-webkit-scrollbar {
    display: none
}

.text-red {
    color: rgb(210, 30, 30);
}

a {
    text-decoration: none;
    color: #000
}

a:hover {
    text-decoration: none !important
}

.main {
    width: 1164px;
    margin: 0 auto;
}
.header {
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.header img {
    border: none;
    width: 173px;
    height: 96px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.daohang {
    display: flex
}

.daohangdiv {
    width: 194px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 15px
}

.open_zone {
    box-shadow: 0 0 3px 3px #ddd;
    margin-top: 20px
}

.open_code_zone {
    height: 234px;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.name_lo {
    font-size: 16px;
    font-weight: 600;
    font-family: Microsoft JhengHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif
}

.open_code_zone_left {}

.open_code_zone_left .currentCode {
    overflow: hidden;
    margin-top: 38px;
    margin-left: 22px;
}

.open_code_zone_left .currentCode .history_add-logo {
    display: none;
}
.open_code_zone_left .currentCode .layouthis >div:nth-child(13) {
    display: flex;
}

.open_code_zone_right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 386px;
}
.open_code_zone_right .countdown {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
.open_code_zone_right .countdown .dot {
    font-size: 38px;
    font-weight: 700;
    font-family: "Microsoft JhengHei", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
}
.open_code_zone_right .countdown >span:nth-child(4),
.open_code_zone_right .countdown >span:nth-child(7) {
    margin-left: 0px;
}

.lotteryMain {
    width: 1170px;
    height: 50px;
    line-height: 36px;
    font-size: 24px;
    color: #2c2c2c;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: Microsoft JhengHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
    box-sizing: border-box
}

.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;
    font-weight: 700
}

.lotteryTitle b {
    font-size: 20px;
    font-weight: unset
}

.hisWrapper {
    border: 1px solid #d4d4d4
}

.hisSubject {
    padding: 6px 0;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    background-color: #f0f0f0
}

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

.hisIssue {
    width: 19%
}

.hisIssue i {
    font-weight: 600;
    font-style: normal;
    color: #d21e1e
}

.hisTime {
    flex: 1;
    vertical-align: baseline;
    font-family: Microsoft JhengHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif
}

.hisCode {
    width: 46%
}
.hisCode .add-logo {
    display: none;
}
.hisCode >div >div:nth-child(13) {
    display: flex;
}

.hisPlay {
    width: 20%
}

.hisItem {
    padding: 2px 0;
    border-top: 1px solid #d0d0d0
}

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

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

.button-primary {
    color: #fff;
    border: 1px solid #b02b21;
    background: linear-gradient(180deg, #d21e1e, #b02b21);
    box-shadow: 0 0 3px #fff inset
}

.backV {
    width: 640px;
    height: 368px;
    position: relative;
    top: -4px
}

.huifang {
    display: inline-block;
    font-style: normal;
    border-radius: 26px;
    padding: 0 8px;
    color: #fff;
    background: #d21e1e;
    margin: 0 0 3px 15px;
    font-size: 12px;
    width: 49px;
    text-align: center;
    height: 20px;
    line-height: 20px
}

.huifang2 {
    display: inline-block;
    font-style: normal;
    border-radius: 26px;
    padding: 0 8px;
    color: #fff;
    background: #d21e1e;
    margin: 0 0 3px 15px;
    font-size: 17px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    cursor: pointer
}

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

.pageBar {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.pageBar span {
  width: 35px;
  height: 35px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 8px 8px 0 0;
  font-size: 0.875rem;
  border-radius: 4px;
  border: 1px solid #ACAA9B;
  color: #7B786F;
  user-select: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}

.pageBar span:hover, .pageBar span.active {
  background: #D3D0C4;
}

.history_qiehuan {
    display: flex;
    align-items: center;
    width: 125px;
    height: 36px;
    justify-content: center;
    border-radius: 34px;
    font-size: 16px;
    cursor: pointer
}

.history_radius {
    background-color: #d80011;
    color: #fff
}

.six_btn {
    border-top: 1px solid #ddd;
    width: 95%;
    overflow: hidden;
    margin: 26px auto
}

.six_btn_div {
    width: 33%;
    float: left;
    height: 140px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 32px;
    align-items: center
}

.six_btn_div img {
    width: 69px
}

.img_area {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.img_list {
    width: 46%;
    border-radius: 9px;
    box-shadow: 0 0 7px 4px #bbb8b8;
    margin-top: 42px;
    cursor: pointer
}

.img_list img {
    width: 100%
}

.img_list span {
    color: #666;
    font-weight: 500;
    font-size: 29px;
    margin-left: 3%
}

.fenlei {
    display: flex;
    justify-content: flex-start;
    background: #f0f0f0;
    margin-top: 30px;
    margin-bottom: 17px;
    border-radius: 34px
}

.lottery-img {
    width: 5.5rem;
    height: 5.5rem
}

.font-l {}

.title-info {
    width: 95%;
    height: 85px;
    padding: .05rem;
    border: 1px solid #d80011;
    background: #ffc9c9;
    margin: 0 auto;
    margin-top: 35px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.countdown-zone {
    background: #fff;
    padding-top: 10px;
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius: 0 0 5px 5px
}

.countdown {
    font-size: 3rem;
    margin-left: 25px;
    float: left
}

.countdown-number {
    font-size: 48px;
    text-align: center;
    color: #000;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    width: 41px
}

.find {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
    border: 1px solid #bb8215;
    background: linear-gradient(180deg, #deb030, #e59e10);
    box-shadow: 0 0 3px inset
}

.source {
    margin-left: 10px;
    display: inline-block;
    font-size: 14px;
    background: #d61a1a;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
    border: 1px solid #b02b21;
    background: linear-gradient(180deg, #d21e1e, #b02b21);
    box-shadow: 0 0 3px inset
}

.jieguo {
    float: left;
    margin-left: 14px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.block-lump {
    background: #f00;
    color: #fff;
    width: 100px;
    height: 100px;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.zodiac {
    width: 60px;
    height: 60px;
    font-size: 39px;
    display: flex;
    align-items: center;
    justify-content: center
}

.add-logo {
    float: left;
    margin-left: 3px;
    display: flex;
    align-items: center
}

.movements {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #d80011;
    margin-bottom: 20px
}

.history_open {
    background: #fff;
    width: 95%;
    margin: 34px auto;
    border: 1px solid #ddd
}

.history_list {
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    height: 280px;
    border-bottom: 1px solid #a19999
}

.history_open_left {
    margin-left: 20px
}

.history_open_right {
    margin-right: 20px
}

.history_jieguo {
    float: left;
    margin-left: 14px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.block-lump {
    background: #f00;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 46px;
    display: flex;
    align-items: center;
    justify-content: center
}

.block-lump-circle {
    color: #000;
    width: 60px;
    height: 60px;
    font-size: 31px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    background: url(data:image/png;base64,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) 0% center / 100% 100%;
}
.block-lump-circle.red {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURUdwTPE/QPNZWfVqau4KCu4LDPIPD/EyM+4LC/9NTfd9fe0KC/E/P/Z2dvJJSe8PD+4LDe8PD/NgYPJQUPJAQO0JCf////AjJO4WFu0PD+8eH/I3OfEuL+8bG/RFR/VNT/ApKvI8PfNAQv3b2/eCg/7r6//7+/RbXPmmpviSkvVnaPZ0df709fzPz/q9vT6YIBkAAAAVdFJOUwD5w46/3EH+7wxBi+ph32lalq/VuXleMwwAAAQoSURBVFjDnZhZl6IwEIU9tjaoM73MTCUElB3C6v//eVOVRdBxIXNPP/AgX9+6FEWS1eqh9m9/tr4QAEL42833+8pVu7cPDjcS28POAfHzd4A3hfIY8lSJh6dAc76WIn7gz7N2ZMXxePSUjiR+wtLA/1yA2CMi6AuGKr3oIk3i5Md/lc5uLeBUVoRgRRZdSXHSE2I2T7PZewCdRrBaZqhcia40BzHBczNvAfCRGbUEiGPzp0CEoaLQzNsjxi+AvLKMBm+dK4+Jo81wTPjXfcYaS6mvGEmcGOGltqPNUEnrB4zWIup2TrAg4igzSCnvUrCWs2WMnQHIri/bsu/kHKMo5/Odit4mHwPZSGTZjIOlsmFsSqkxmtKw9p909wF0+udVi79M2uKSzkV10SqMouB/7CDYX/WYBzndNZxLDFQ2FbuvqpGUL1IkQnPwdleh8qI4Nx02Vxw3NXusutVePPw/FZ+H+w6QpviyRVGWy5E91yhVQQ1dgpgK8kFwhBCjHNgrDSVRerrs4IdlfOLs4MpI3tfsteo+zqOMcqtO8PNiJMDhQ0a6gS3R0KEV1RGltfJFRlIyIiu2TJXMjJXAWNliIgqSjWypRmulh9+qRwBOOtaeLVefReqNLyCgXjmA0NVkhQOExp7q8Uw1/xZjVZCSuajE3qdeaeEDIThUNWR0gozYtVFBDcdVt4acuiSunSB1jO9ygi0Rwn71TZEQxK0aqgfHihyYxFA2FnJ2hJwJwru6xLcQc9WQyhFSISTlvGswWd9CakdIrZzw0AMPHw5B0mPGXBUrJ2EA4Qq/vOoRJ84QqSC0XLhApDOk89I5JPw/J/j50QsXA+H/k4nKVUEwWJ2s69Nhkc41AEHzVdfj3CdHvQwT4NNIUvWkzh1rqhGwpbbX9Ti/O6muRsAGX0AMherJnXNV1WCu3zQKjBW3eVIcrRHAtZeCUCqOk00nQhA1Ho0Vl+dTV5ORrRrU1orTtE8vRg76kyEMZfm4Hy0DIbuVqYconCfDQsaQqFdPMbb2M2oL6pb1fi2nYuDLftAvBfVugSDEn5YWlpKWr73UJZ8Y8DktciYvyat0i2TO8OfLLUtBM81TRktNdmHAbKewsRRtpnn0lIYmNjYMYzNfgvozCmK88l5RRelxY8Mw/KuNz7veKk4YnvXNOIVcj7g+5TOEYsDNtudgdpyKojH4Yme0uu9kHNHs0IjJhm74K21gbubC0UpDQ5jbuArkisJl25zH8dy0fRQq0d0kTZgQ9xiKYlZcJouikXSrVmAIFnGfsVr9mW/f7APhgZWYI8Rm0UbStkYvAqEBYrbnPyzb0s6+DTeAV/vr+eZ6MhPfHD1sdsu3+RMlX27j9sBhRskmxKfj0QfuJYuqrqtibA1i8dHHo0MYcDuEscdB6w+Pn4Q4ce9j/ew46C9Yklowlz0j0AAAAABJRU5ErkJggg==) 0% center / 100% 100%;
}
.block-lump-circle.blue {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUdwTHm57QR93AF62wF62gR83gR83Ad824S/9gF62wB52qnU9t/x/wB52pXH8nG16zGU4Uig5crk+2Su6RyI34O+7lWm5////wB42QuB3QZ93A+E3wJ62iGR5ByO4xOH4BmL4haJ4SWV5fT6/jmb5XK37OXy/Eeh59Xq+pLI8cjk+GOw6lap6aDO8oPA77fa9c1iocQAAAAXdFJOUwCEN5yzI1fvBoDhViPOKo/Otzec4XGrPPHLcQAABDdJREFUWMOdmOly6jAMhYECYZ2ht4vl2EkI2Vfe/+2u5CWQFtq4GqbTH/DlHEm25cxmT+Owny+PO09Kb3dcbtermWts9m/vcB8SYPey3jgg/r15+LuwCQRGFOEfzn3EgPeymIp4xQenXc7KOIp1RBF+BCfOcgrmgAjR5wwji89DaJYgPcvfsrOZ+xBVCSFYGYTnED/ns/pzVooijmq2P+bmcAKZaQRjRTgKAimMD3D8Qczeg6A0CNbTLwMThoMYpAgJ3v4Z40NCYWWwbgDcg7QpgWI+HjPmAJlFsIp+dgkuJvDfGyZSlPljht9ZRNIHw++HGDBkqfcfUT7Ary2jLgwiLdoma9oiHWGIcq397472ErqRjLSp6iFBLKmrJtUYnZiOdSC/ZPfg2XzkPX7zkg1Fuos6UxiiRD32IniHUY+doFAPvGb4rLTK2ePIq9Rooa8XcNqMkhrk5bVqVWf0CXseSa+1xPicJLhP7gogxtWKSyUM05r9HHWqpFAGS+nfDC3BxyWvGFnCfoukIUqrlii8WsYCgBshDZsQSUuFprwlEfz7JqRI2CQKrs1zrxrbSlmA5BqS5mxa5Gl4DpQUYaS8gI9u4vgc1mxq1FZKD2+qRzwgIdHEhJhojZRcetQr68FN6QApbYEK2Fs3At1kzCUyXEHUK53ysyM3BKmdIDV2LZU5h3fqVslVl1yYW1xwLafYEiEchpTEmSMko20FG6vBpGwt5OoIuYa0T7bYb3NqV20nd4TkdIAI3nbwOTuq4qCSxBHCFETwAE5YHIKIKHBlsIs6n7mP5fGUHRGnzpAijmle8MGbSaOkcIa0yg1CpIJQUv6ixNiR2g7/U04io8SjxGo/f6hOpCeoHZVY+3HuEyPEhyM2m9R+nDtWCSElS2p7LcV57RghEra4AI0f51Vs3cCaDi6pk+K2n5RqMiUhsJqp8vzBz83NTm2PiuJYnzw2DAkvaqPWqeXCZbdvhBWCKVFHhjSU6dt9bRgIUUcG+ZHaUDq1a5M0smaUG3WeW0PtREYhVJ9RfWFhD3QpnSrUmMoQY3kbLUxaJlGSzOggM7C4DTkI0RSe/pbdMhV8SMggRI1bMJQoqn5kVGrZ6cKA6lYbW0shDE+7Z1VKqlQjcPEqIdv7EfQIukRajDg/nGPL7CwGGUrHcXTxWXlaixGDri84UbP7ibrFGyE3lTUM78u1Z20undYS14cRDfc42odCBR/J0A0/iu0dRWMEFya4BWgZvmFsv18zNCVqq+5a19eubwKjiA+hjUiQzxiKMm6SvGvHAF+aojxl0JUHvg6yeRb5NqS8qXjK+HKRHIZwTJPUiNut31tPvNLephl8/k2C6o/V1Mv13e4B49hupl/zn1CWq6kvHIouf0xZLhxffVTXUjlLykpnZPqrjy8vYdT+ReH4EmZ4HfR5evd833s/fc5/eh30H+ojbI8K3+ssAAAAAElFTkSuQmCC) 0% center / 100% 100%;
}
.block-lump-circle.green {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACZUExURUdwTD61Fj20FJjYgDy0FX3MYj+4FTyzFE+7KzyzFWjESorRclu/OqDhipHUe3LIVTy1FT20FUbRFzu0EzuxFIjRcGjESDvEFDuyFP///0W6HEK4GT61F0e9HUq/H1LFJlXIKFvNLU/CI0zBIVjJLGDQMfr9+Nvz05vbg/H67nvRW4fUa2/SR2fGRsvtv6nhlZHccuj34rXlpGCCP/YAAAAYdFJOUwCP2EHovkH4/r/oi/ULYdhpWgtlDZa5DcCAYQcAAARDSURBVFjDnZhtd6IwEIW1asHWbts97e4kQnABeX///z9uZyYg0FVL9p7W4wd4vHMzCQmr1U1tPn9tLQtQlrXdrx9Xpnp5frVhKgdRD+vfBogfrxLvszPbVSrwg0ApKY/MenhfinjCq8s6FrHv+x4Lv/iBkmgHtm8LEBtEyCQWqMSbCUGK/Gy/S+dl5yAiJYRow9OogRMQZv/zro0DQK4RIsro5pA1gjTGumPmWYJdiV41Af78wX/+DEeKi9k832LsMM90YHR461TI6jkYMVJ2Nxl5dPFBjDP+aTFmsKNL2l1nOPWAiBK66zyT5mhKECTONQoyLnHERU8oiqxpmqyYcjSlqq5QngEGH2lCiKLp4ktxIorrpphSOlH/k+5GQq4vb2tKQnfbXFHcMIYpiRA5yM2sxw5Q0s9GVYNXFV0qriutCx2Ml+HFJRxeZoHYbVvVWXjCQakjcVsUOVI8D38ntaexPOKUDQKabKewiMV9VQUX1NFXcMaCtuDQnPewy5tIfKe0IQpHmMPTwHgDcBXN+lOYiwWKcqSElFsq4cfFyFEFbCSLlkBEiuGdEl4tBivvZIQSORWpWKa0OH2x8gDHHhKLpapwgHorr8T4wJXM5WpysVw5WmlphoCkXlmDI3FsjIzgzSE3nBAlN39fje81wkQNNhz1Ss31WFiNUhhJbASJEUIFxWBzt0rukrMRQ0RnnMs0nDZsOBIeHLNquB4/wMbK4HO1Zwg6qQwhFUFUFiU4C3HeuOykNYS0DHHzDpvWgqN2EhlCIl73XRnCoYcoPxSmOmvIEYcHGBL4hTGk8HzFEOghKsiMIZkXBBOI/D8ntHORIwTr+Y9MKBLtBIPVoZiOjuhzdcBCiEP1KN+0T1I/uEC2DEErxh3LRgiypbZ3jtizynTuJGTEPToO7HECUihoxTTZEnc7WA3muqalwNHRGq4nAXcaVgOPK06WrSSG1ehEKFdaHnsrRuPTehcjD7xQD1aMVnvFjUaQtX5kOGzFVctTiRUXQ9XAx6qvRxdULO3atAx0MX01/BgdClr4LI6ysRh4Hx7o2gpSlnVcHozFbMetxYWSfO8laiaBwNu4ybmE65bfpRuXVMrA2E63W0Thmej63V1G7ZONgQGTk8Ieei+MKbtbNaUd2aBIe8Z+snv8aY0UF5PxkmvdGyee6kvpGdbs4PMIQ0VkhhovzL/sqPOQCb0NZsCXY88aRowkN7jC4MJbZlmeFWWocM5qhBwR3PAz7WFuhuwwie53WVLKqY1ZIDOKndVdVcVVh/alq1lS38+EEXGNwZR5k7RdJi869oQBcZ2xWv2aHt96TmIfeznOFGHtFx0kh9bInYsmx/71siPt+GywvwDuH2nnh+uxSUqY6/7hen7Mv0HZPpq8cJiuZCPizfDVR9LFbRpFaRvXfSaLX31cfQkD/BLmw/htzuZz93SwcWhs+/C0u/c66C9LLIcDJpjgSAAAAABJRU5ErkJggg==) 0% center / 100% 100%;
}

.history_block-lump-circle {
    width: 30px;
    height: 30px;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
    background: url(data:image/png;base64,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) 0% center / 100% 100%;
}
.history_block-lump-circle.red {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURUdwTPE/QPNZWfVqau4KCu4LDPIPD/EyM+4LC/9NTfd9fe0KC/E/P/Z2dvJJSe8PD+4LDe8PD/NgYPJQUPJAQO0JCf////AjJO4WFu0PD+8eH/I3OfEuL+8bG/RFR/VNT/ApKvI8PfNAQv3b2/eCg/7r6//7+/RbXPmmpviSkvVnaPZ0df709fzPz/q9vT6YIBkAAAAVdFJOUwD5w46/3EH+7wxBi+ph32lalq/VuXleMwwAAAQoSURBVFjDnZhZl6IwEIU9tjaoM73MTCUElB3C6v//eVOVRdBxIXNPP/AgX9+6FEWS1eqh9m9/tr4QAEL42833+8pVu7cPDjcS28POAfHzd4A3hfIY8lSJh6dAc76WIn7gz7N2ZMXxePSUjiR+wtLA/1yA2CMi6AuGKr3oIk3i5Md/lc5uLeBUVoRgRRZdSXHSE2I2T7PZewCdRrBaZqhcia40BzHBczNvAfCRGbUEiGPzp0CEoaLQzNsjxi+AvLKMBm+dK4+Jo81wTPjXfcYaS6mvGEmcGOGltqPNUEnrB4zWIup2TrAg4igzSCnvUrCWs2WMnQHIri/bsu/kHKMo5/Odit4mHwPZSGTZjIOlsmFsSqkxmtKw9p909wF0+udVi79M2uKSzkV10SqMouB/7CDYX/WYBzndNZxLDFQ2FbuvqpGUL1IkQnPwdleh8qI4Nx02Vxw3NXusutVePPw/FZ+H+w6QpviyRVGWy5E91yhVQQ1dgpgK8kFwhBCjHNgrDSVRerrs4IdlfOLs4MpI3tfsteo+zqOMcqtO8PNiJMDhQ0a6gS3R0KEV1RGltfJFRlIyIiu2TJXMjJXAWNliIgqSjWypRmulh9+qRwBOOtaeLVefReqNLyCgXjmA0NVkhQOExp7q8Uw1/xZjVZCSuajE3qdeaeEDIThUNWR0gozYtVFBDcdVt4acuiSunSB1jO9ygi0Rwn71TZEQxK0aqgfHihyYxFA2FnJ2hJwJwru6xLcQc9WQyhFSISTlvGswWd9CakdIrZzw0AMPHw5B0mPGXBUrJ2EA4Qq/vOoRJ84QqSC0XLhApDOk89I5JPw/J/j50QsXA+H/k4nKVUEwWJ2s69Nhkc41AEHzVdfj3CdHvQwT4NNIUvWkzh1rqhGwpbbX9Ti/O6muRsAGX0AMherJnXNV1WCu3zQKjBW3eVIcrRHAtZeCUCqOk00nQhA1Ho0Vl+dTV5ORrRrU1orTtE8vRg76kyEMZfm4Hy0DIbuVqYconCfDQsaQqFdPMbb2M2oL6pb1fi2nYuDLftAvBfVugSDEn5YWlpKWr73UJZ8Y8DktciYvyat0i2TO8OfLLUtBM81TRktNdmHAbKewsRRtpnn0lIYmNjYMYzNfgvozCmK88l5RRelxY8Mw/KuNz7veKk4YnvXNOIVcj7g+5TOEYsDNtudgdpyKojH4Yme0uu9kHNHs0IjJhm74K21gbubC0UpDQ5jbuArkisJl25zH8dy0fRQq0d0kTZgQ9xiKYlZcJouikXSrVmAIFnGfsVr9mW/f7APhgZWYI8Rm0UbStkYvAqEBYrbnPyzb0s6+DTeAV/vr+eZ6MhPfHD1sdsu3+RMlX27j9sBhRskmxKfj0QfuJYuqrqtibA1i8dHHo0MYcDuEscdB6w+Pn4Q4ce9j/ew46C9Yklowlz0j0AAAAABJRU5ErkJggg==) 0% center / 100% 100%;
}
.history_block-lump-circle.blue {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUdwTHm57QR93AF62wF62gR83gR83Ad824S/9gF62wB52qnU9t/x/wB52pXH8nG16zGU4Uig5crk+2Su6RyI34O+7lWm5////wB42QuB3QZ93A+E3wJ62iGR5ByO4xOH4BmL4haJ4SWV5fT6/jmb5XK37OXy/Eeh59Xq+pLI8cjk+GOw6lap6aDO8oPA77fa9c1iocQAAAAXdFJOUwCEN5yzI1fvBoDhViPOKo/Otzec4XGrPPHLcQAABDdJREFUWMOdmOly6jAMhYECYZ2ht4vl2EkI2Vfe/+2u5CWQFtq4GqbTH/DlHEm25cxmT+Owny+PO09Kb3dcbtermWts9m/vcB8SYPey3jgg/r15+LuwCQRGFOEfzn3EgPeymIp4xQenXc7KOIp1RBF+BCfOcgrmgAjR5wwji89DaJYgPcvfsrOZ+xBVCSFYGYTnED/ns/pzVooijmq2P+bmcAKZaQRjRTgKAimMD3D8Qczeg6A0CNbTLwMThoMYpAgJ3v4Z40NCYWWwbgDcg7QpgWI+HjPmAJlFsIp+dgkuJvDfGyZSlPljht9ZRNIHw++HGDBkqfcfUT7Ary2jLgwiLdoma9oiHWGIcq397472ErqRjLSp6iFBLKmrJtUYnZiOdSC/ZPfg2XzkPX7zkg1Fuos6UxiiRD32IniHUY+doFAPvGb4rLTK2ePIq9Rooa8XcNqMkhrk5bVqVWf0CXseSa+1xPicJLhP7gogxtWKSyUM05r9HHWqpFAGS+nfDC3BxyWvGFnCfoukIUqrlii8WsYCgBshDZsQSUuFprwlEfz7JqRI2CQKrs1zrxrbSlmA5BqS5mxa5Gl4DpQUYaS8gI9u4vgc1mxq1FZKD2+qRzwgIdHEhJhojZRcetQr68FN6QApbYEK2Fs3At1kzCUyXEHUK53ysyM3BKmdIDV2LZU5h3fqVslVl1yYW1xwLafYEiEchpTEmSMko20FG6vBpGwt5OoIuYa0T7bYb3NqV20nd4TkdIAI3nbwOTuq4qCSxBHCFETwAE5YHIKIKHBlsIs6n7mP5fGUHRGnzpAijmle8MGbSaOkcIa0yg1CpIJQUv6ixNiR2g7/U04io8SjxGo/f6hOpCeoHZVY+3HuEyPEhyM2m9R+nDtWCSElS2p7LcV57RghEra4AI0f51Vs3cCaDi6pk+K2n5RqMiUhsJqp8vzBz83NTm2PiuJYnzw2DAkvaqPWqeXCZbdvhBWCKVFHhjSU6dt9bRgIUUcG+ZHaUDq1a5M0smaUG3WeW0PtREYhVJ9RfWFhD3QpnSrUmMoQY3kbLUxaJlGSzOggM7C4DTkI0RSe/pbdMhV8SMggRI1bMJQoqn5kVGrZ6cKA6lYbW0shDE+7Z1VKqlQjcPEqIdv7EfQIukRajDg/nGPL7CwGGUrHcXTxWXlaixGDri84UbP7ibrFGyE3lTUM78u1Z20undYS14cRDfc42odCBR/J0A0/iu0dRWMEFya4BWgZvmFsv18zNCVqq+5a19eubwKjiA+hjUiQzxiKMm6SvGvHAF+aojxl0JUHvg6yeRb5NqS8qXjK+HKRHIZwTJPUiNut31tPvNLephl8/k2C6o/V1Mv13e4B49hupl/zn1CWq6kvHIouf0xZLhxffVTXUjlLykpnZPqrjy8vYdT+ReH4EmZ4HfR5evd833s/fc5/eh30H+ojbI8K3+ssAAAAAElFTkSuQmCC) 0% center / 100% 100%;
}
.history_block-lump-circle.green {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACZUExURUdwTD61Fj20FJjYgDy0FX3MYj+4FTyzFE+7KzyzFWjESorRclu/OqDhipHUe3LIVTy1FT20FUbRFzu0EzuxFIjRcGjESDvEFDuyFP///0W6HEK4GT61F0e9HUq/H1LFJlXIKFvNLU/CI0zBIVjJLGDQMfr9+Nvz05vbg/H67nvRW4fUa2/SR2fGRsvtv6nhlZHccuj34rXlpGCCP/YAAAAYdFJOUwCP2EHovkH4/r/oi/ULYdhpWgtlDZa5DcCAYQcAAARDSURBVFjDnZhtd6IwEIW1asHWbts97e4kQnABeX///z9uZyYg0FVL9p7W4wd4vHMzCQmr1U1tPn9tLQtQlrXdrx9Xpnp5frVhKgdRD+vfBogfrxLvszPbVSrwg0ApKY/MenhfinjCq8s6FrHv+x4Lv/iBkmgHtm8LEBtEyCQWqMSbCUGK/Gy/S+dl5yAiJYRow9OogRMQZv/zro0DQK4RIsro5pA1gjTGumPmWYJdiV41Af78wX/+DEeKi9k832LsMM90YHR461TI6jkYMVJ2Nxl5dPFBjDP+aTFmsKNL2l1nOPWAiBK66zyT5mhKECTONQoyLnHERU8oiqxpmqyYcjSlqq5QngEGH2lCiKLp4ktxIorrpphSOlH/k+5GQq4vb2tKQnfbXFHcMIYpiRA5yM2sxw5Q0s9GVYNXFV0qriutCx2Ml+HFJRxeZoHYbVvVWXjCQakjcVsUOVI8D38ntaexPOKUDQKabKewiMV9VQUX1NFXcMaCtuDQnPewy5tIfKe0IQpHmMPTwHgDcBXN+lOYiwWKcqSElFsq4cfFyFEFbCSLlkBEiuGdEl4tBivvZIQSORWpWKa0OH2x8gDHHhKLpapwgHorr8T4wJXM5WpysVw5WmlphoCkXlmDI3FsjIzgzSE3nBAlN39fje81wkQNNhz1Ss31WFiNUhhJbASJEUIFxWBzt0rukrMRQ0RnnMs0nDZsOBIeHLNquB4/wMbK4HO1Zwg6qQwhFUFUFiU4C3HeuOykNYS0DHHzDpvWgqN2EhlCIl73XRnCoYcoPxSmOmvIEYcHGBL4hTGk8HzFEOghKsiMIZkXBBOI/D8ntHORIwTr+Y9MKBLtBIPVoZiOjuhzdcBCiEP1KN+0T1I/uEC2DEErxh3LRgiypbZ3jtizynTuJGTEPToO7HECUihoxTTZEnc7WA3muqalwNHRGq4nAXcaVgOPK06WrSSG1ehEKFdaHnsrRuPTehcjD7xQD1aMVnvFjUaQtX5kOGzFVctTiRUXQ9XAx6qvRxdULO3atAx0MX01/BgdClr4LI6ysRh4Hx7o2gpSlnVcHozFbMetxYWSfO8laiaBwNu4ybmE65bfpRuXVMrA2E63W0Thmej63V1G7ZONgQGTk8Ieei+MKbtbNaUd2aBIe8Z+snv8aY0UF5PxkmvdGyee6kvpGdbs4PMIQ0VkhhovzL/sqPOQCb0NZsCXY88aRowkN7jC4MJbZlmeFWWocM5qhBwR3PAz7WFuhuwwie53WVLKqY1ZIDOKndVdVcVVh/alq1lS38+EEXGNwZR5k7RdJi869oQBcZ2xWv2aHt96TmIfeznOFGHtFx0kh9bInYsmx/71siPt+GywvwDuH2nnh+uxSUqY6/7hen7Mv0HZPpq8cJiuZCPizfDVR9LFbRpFaRvXfSaLX31cfQkD/BLmw/htzuZz93SwcWhs+/C0u/c66C9LLIcDJpjgSAAAAABJRU5ErkJggg==) 0% center / 100% 100%;
}

.switch_style {
    font-style: normal;
    border-radius: 26px;
    padding: 1px 15px;
    color: #fff;
    background: #d21e1e;
    font-size: 17px;
    text-align: center;
    line-height: 23px;
    cursor: pointer;
    height: 23px;
    margin-bottom: 10px
}

.history_block-lump {
    background: #f00;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100
}

.zodiac {
    width: 40px;
    height: 40px;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center
}

.history_zodiac {
    width: 12px;
    height: 21px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.history_add-logo {
    height: 60px;
    float: left;
    margin-left: 14px;
    display: flex;
    align-items: center
}

.load-more {
    height: 50px;
    margin-top: 50px;
    margin-bottom: 101px;
    text-align: center;
    line-height: 50px;
    font-size: 47px;
    cursor: pointer;
    color: red;
    font-weight: 800
}

.turn_hide {
    display: none
}

.fenceng {
    display: flex;
    justify-content: space-around;
    margin: 18px auto
}

.left_info {
    font-weight: 700;
    color: #d80011;
    font-size: 30px;
    text-align: right;
    width: 20%
}

.right_info {
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    width: 70%
}

.bottom_navi {
    width: 100%;
    height: 150px;
    background: #1a1712a6;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.bottom_navi_xuan {
    width: 20%;
    height: 100%;
    background: #0068b7;
    color: #fff;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 1px 1px #ddd inset
}

.bottom_navi_xuan img {
    width: 60px;
    height: 60px;
    border-radius: 44px
}

.article {
    border: 1px solid #ddd;
    width: 95%;
    margin: 0 auto;
    background: #fff
}

.touma {
    text-align: center;
    font-size: 50px;
    height: 120px;
    font-weight: 800;
    line-height: 120px;
    color: #56ff00;
    background: #df6161
}

.article_list {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0 auto;
    height: 80px;
    line-height: 80px;
    font-size: 44px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.td1 {
    border-right: 2px solid #000;
    height: 100%;
    display: inline-block;
    text-align: center
}

.td4 {
    border-left: 2px solid #000;
    height: 100%;
    display: inline-block
}

.nowclock {
    font-size: 18px;
    line-height: 140px;
    color: var(--color-text-light);
    color: #a4a4a4
}
.lotteryBtns {
    display: flex;
    position: relative;
    padding-left: 50px;
}

.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);
}

.lotteryActs {
    margin-top: 20px;
}

.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 div .txtRsc {
    color: rgb(0, 0, 0);
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
}

.hisFilter {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 240px;
    user-select: none;
    top: 6px;
}
/* 關於我們 */
.aboutBanner {
    margin-top: 34px;
}
.miscePage {
    padding: 40px 10px;
    max-width: 860px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.8;
    word-break: break-all;
    font-size: 15px;
}
.misceWrap h3 {
    font-size: 24px;
    padding: 10px 0;
    text-align: center;
    color: var(--color-primary);
    color: #2c2c2c;
}
.detailRule h5 {
    font-size: 18px;
    padding: 15px 0;
    color: var(--color-primary);
}
.detailRule {
    text-align: left;
}
.mhide {
    display: inline-block;
}
.ruleTable {
    margin-top: 5px;
    padding: 0 10px 30px;
    border: solid var(--border-width) var(--color-border);
    border-top: 4px solid var(--color-primary);
    font-size: 15px;
}
.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);
}
.misceWrap {
    min-height: 58vh;
    text-align: center;
}
.ruleTable img {
    height: 96px;
    margin-top: 20px;
}
.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;
}
.orderRule {
    display: flex;
    line-height: 2;
}
.orderRule .left {
    flex: 0 0 100px;
}
.openapi .t {
    font-weight: 700;
    margin-top: 30px;
}
.daohang a {
    cursor: pointer;
}
div.hrBlock {
    width: 100%;
    height: 5px;
    background: rgb(238, 226, 34);
    margin-bottom: 11px;
}
div.spaceBlock {
    width: 100%;
    height: 5px;
    margin-bottom: 11px;
}

/*手機版*/
.forMobile {
    width: 100vw;
}
.forMobile .header {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 7rem;
}
.forMobile .header .nowclock {
    font-size: 1rem;
    padding-right: 0.5rem;
}
.forMobile .mobileNav {
    width: 100%;
    height: 3rem;
    display: flex;
    position: fixed;
    bottom: 2rem;
    left: 0;
    z-index: 99;
    background: #1C1C1C;
}
.forMobile .mobileNav li {
    width: calc(100% / 6);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.forMobile .mobileNav li i {
    line-height: 1.5;
    font-size: 2rem;
    color: #EBE9E2;
}
.forMobile .mobileNav li a {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: #EBE9E2;
}
.forMobile .mobileNav li a span {
    width: 100%;
    text-align: center;
}
.forMobile footer {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100vw;
    background: black;
    border-top: 0;
    margin-top: 0;
    height: 2rem;
    line-height: 2rem;
}
@media screen and (max-width: 768px) {
    body {
        height: calc(100vh + 8rem);
        overflow: scroll;
    }
    .main .header,
    .main footer {
        display: none;
    }
    .main {
        width: 100vw;
        height: calc(100vh + 8rem);
        overflow: scroll;
        margin-top: 7rem;
        padding-bottom: 5rem;
    }
    .header img {
        width: 10rem;
        height: auto;
    }
    div.hrBlock {
        width: 100vw;
        background: transparent;
        display: none;
    }
    div.spaceBlock {
        width: 100vw;
    }
    .daohang {
        display: none;
    }
    .swiper {
        width: 100%;
        height: 12rem;
    }
    .swiper img {
        width: 100%;
        height: inherit;
    }
    .open_zone {
        width: calc(100% - 0.5rem);
        height: 16rem;
    }
    .open_zone .lotteryTitle b {
        font-size: 1rem;
    }
    .open_code_zone {
        flex-wrap: wrap;
        flex-flow: column-reverse;
        height: calc( 100% - 2rem );
    }
    .open_code_zone, .open_code_zone_left, .open_code_zone_right {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .open_code_zone_left >div:first-child {
        display: none;
    }
    .open_code_zone_right .lotteryActs {
        margin-top: 1rem;
        width: 22rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .open_code_zone_right .lotteryActs .lotteryBtns {
        padding-left: 0;
    }
    .open_code_zone_right .lotteryActs .his {
        margin-left: 0;
    }
    .open_code_zone_right .lotteryActs .his div .txtRsc {
        margin-top: 0;
    }
    .open_code_zone_right .countdown {
        width: 22rem;
        margin-left: 0;
    }
    .open_code_zone_left .currentCode {
        margin-top: 0;
        margin-left: 0;
        width: 22rem;
        padding-top: 1rem;
        display: flex;
        justify-content: center;
    }
    .open_code_zone_left .currentCode .history_jieguo,
    .open_code_zone_left .currentCode .history_add-logo {
        margin-left: 0.3rem;
    }
    .open_code_zone_left .currentCode .block-lump-circle {
        width: 1.8em;
        height: 1.8em;
        line-height: 1.7em;
        font-size: 20px;
    }
    .hisWrapper {
        width: calc(100% - 0.5rem);
    }
    .hisWrapper .hisIssue {
        width: 15%;
    }
    .hisWrapper .hisList .hisItem .hisIssue {
        font-size: 0.7rem;
    }
    .hisWrapper .hisList .hisItem .hisIssue .txtRsc {
        display: none;
    }
    .hisWrapper .hisSubject .hisTime,
    .hisWrapper .hisList .hisItem .hisTime {
        display: none;
    }
    .hisWrapper .hisCode {
        width: 75%;
    }
    .hisWrapper .hisCode .history_jieguo,
    .hisWrapper .hisCode .add-logo {
        margin-left: 0.7rem;
    }
    .hisWrapper .hisCode .history_block-lump-circle {
        width: 1.7em;
        height: 1.7em;
        font-size: 0.8rem;
        line-height: 1.7em;
    }
    .hisWrapper .hisSubject .hisPlay,
    .hisWrapper .hisList .hisItem .hisPlay {
        /* display: none; */
        width: 20%;
    }
    .hisWrapper .hisList .hisItem .hisPlay .video {
        margin-left: 0;
        width: 3rem;
        margin: 0 auto;
    }
    .aboutBanner {
        margin-top: 0;
    }
    body.aboutBody {
        overflow: hidden;
    }
    .main.aboutMain {
        height: calc(100vh - 20rem);
    }
    .pageBar {
        bottom: 3rem;
    }
}
@media screen and (max-width: 540px) {
    .forMobile .mobileNav li a {
        font-size: 0.9375rem;
    }
}
@media screen and (max-width: 425px) {
    .forMobile .mobileNav li i {
        line-height: 1.5;
        font-size: 1.35rem;
    }
    .forMobile .mobileNav li a {
        font-size: 0.875rem;
    }
    .open_zone {
        height: 18rem;
    }
    .open_zone .lotteryTitle {
        /* height: 4rem; */
        padding: 0 3px;
    }
    .open_zone .lotteryTitle b {
        width: 50%;
        font-size: 1.5rem;
        text-align: center;
    }
    .open_zone .lotteryTitle .nextTime {
        width: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        /* flex-wrap: wrap; */
        height: 100%;
        font-size: 0.9rem;
    }
    .open_zone .lotteryTitle .nextTime >span {
        width: 100%;
        /* display: flex; */
        /* justify-content: end; */
    }
    .open_zone .lotteryTitle .nextTime .period {
        align-items: end;
    }
    .open_zone .lotteryTitle .nextTime >span:nth-child(2) {
        /* padding-right: 1rem; */
    }
}
@media screen and (max-width: 360px) {
    .open_zone .lotteryTitle .nextTime {
        font-size: 0.8rem;
    }
}
@media screen and (max-width: 320px) {
    .main {
        height: calc(100vh + 8rem);
        margin-top: 6rem;
    }
    .forMobile .header {
        height: 6rem;
    }
    .header img {
        width: 8rem;
    }
    .swiper {
        height: 7rem;
    }
    .forMobile .mobileNav li a {
        font-size: 0.75rem;
    }
    .open_zone {
        height: 22rem;
    }
    .open_code_zone_right .countdown {
        width: 100%;
    }
    .open_code_zone_right .lotteryActs {
        flex-wrap: wrap;
    }
    .open_code_zone_right .lotteryActs .lotteryBtns {
        width: 100%;
        justify-content: center;
    }
    .open_code_zone_right .lotteryActs .his {
        padding-left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 0.5rem;
    }
    .open_code_zone_left .currentCode {
        width: 100%;
    }
    .open_code_zone_left .currentCode .history_jieguo,
    .open_code_zone_left .currentCode .history_add-logo {
        margin-left: 0;
    }
    .open_code_zone_left .currentCode .block-lump-circle {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 16px;
    }
    .hisWrapper .hisCode .history_jieguo,
    .hisWrapper .hisCode .add-logo {
        margin-left: 0.2rem;
    }
    .hisWrapper .hisCode .history_block-lump-circle {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.8rem;
        line-height: 1.5rem;
    }
    .open_zone .lotteryTitle .nextTime {
        font-size: 0.75rem;
    }
}