blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  padding: 0;
  margin: 0;
}

li,
ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

a {
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

input {
  outline: none;
}

i {
  font-style: normal;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  padding: 0;
  margin: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}

li,
ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

q:after,
q:before {
  content: "";
}

abbr,
acronym {
  border: 0;
}

a {
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.bodybox {
  max-width: 1024px;
  min-width: 360px;
  margin: 0 auto;
  background: #efeff4;
  width: 100%;
  padding: 0 !important;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.addicon {
  background: url("../images/haomaimg.png") no-repeat -2.534rem -0.33rem;
}

.equalF {
  background: url("../images/haomaimg.png") no-repeat -2.7rem -0.33rem;
}

.rednum {
  background: url("../images/haomaimg.png") no-repeat -1.888rem -1.18rem;
}

.bluenum {
  background: url("../images/haomaimg.png") no-repeat -1.588rem -1.18rem;
}

.greennum {
  background: url("../images/haomaimg.png") no-repeat -2.788rem -1.18rem;
}

.lightblue {
  background: url("../images/haomaimg.png") no-repeat -2.488rem -1.18rem;
}

.Orange {
  background: url("../images/haomaimg.png") no-repeat -2.188rem -1.18rem;
}

.bluesig {
  background: url("../images/haomaimg.png") no-repeat -0.98rem -1.18rem;
}

.blueeve {
  background: url("../images/haomaimg.png") no-repeat -0.68rem -1.18rem;
}

.bluebig {
  background: url("../images/haomaimg.png") no-repeat -0.08rem -1.18rem;
}

.bluesm {
  background: url("../images/haomaimg.png") no-repeat -0.38rem -1.18rem;
}

.nub01 {
  background: url("../images/haomaimg.png") no-repeat -0.1rem -0.075rem;
}

.nub02 {
  background: url("../images/haomaimg.png") no-repeat -0.438rem -0.075rem;
}

.nub03 {
  background: url("../images/haomaimg.png") no-repeat -0.778rem -0.075rem;
}

.nub04 {
  background: url("../images/haomaimg.png") no-repeat -1.118rem -0.075rem;
}

.nub05 {
  background: url("../images/haomaimg.png") no-repeat -1.468rem -0.075rem;
}

.nub06 {
  background: url("../images/haomaimg.png") no-repeat -1.799rem -0.075rem;
}

.nub07 {
  background: url("../images/haomaimg.png") no-repeat -2.148rem -0.075rem;
}

.nub08 {
  background: url("../images/haomaimg.png") no-repeat -2.48rem -0.075rem;
}

.nub09 {
  background: url("../images/haomaimg.png") no-repeat -2.828rem -0.075rem;
}

.nub10 {
  background: url("../images/haomaimg.png") no-repeat -3.168rem -0.075rem;
}

.nubb01 {
  background: url("../images/haomaimg.png") no-repeat -0.08rem -0.069rem;
}

.nubb02 {
  background: url("../images/haomaimg.png") no-repeat -0.39rem -0.069rem;
}

.nubb03 {
  background: url("../images/haomaimg.png") no-repeat -0.688rem -0.069rem;
}

.nubb04 {
  background: url("../images/haomaimg.png") no-repeat -0.988rem -0.069rem;
}

.nubb05 {
  background: url("../images/haomaimg.png") no-repeat -1.293rem -0.069rem;
}

.nubb06 {
  background: url("../images/haomaimg.png") no-repeat -1.596rem -0.069rem;
}

.nubb07 {
  background: url("../images/haomaimg.png") no-repeat -1.896rem -0.069rem;
}

.nubb08 {
  background: url("../images/haomaimg.png") no-repeat -2.2rem -0.069rem;
}

.nubb09 {
  background: url("../images/haomaimg.png") no-repeat -2.51rem -0.069rem;
}

.nubb10 {
  background: url("../images/haomaimg.png") no-repeat -2.81rem -0.069rem;
}

.numbig {
  background: url("../images/haomaimg.png") no-repeat -0.086rem -0.32rem;
}

.numsm {
  background: url("../images/haomaimg.png") no-repeat -0.386rem -0.32rem;
}

.blueCount {
  background: url("../images/haomaimg.png") no-repeat -1.286rem -1.18rem;
}

.nums {
  background: url("../images/haomaimg.png") no-repeat -0.686rem -0.32rem;
}

.numd {
  background: url("../images/haomaimg.png") no-repeat -0.99rem -0.32rem;
}

.longbg {
  background: url("../images/haomaimg.png") no-repeat -2.04rem -0.32rem;
}

.hubg {
  background: url("../images/haomaimg.png") no-repeat -1.794rem -0.32rem;
}

.ncnum01 {
  background: url("../images/haomaimg.png") no-repeat -0.08rem -0.64rem;
}

.ncnum02 {
  background: url("../images/haomaimg.png") no-repeat -0.38rem -0.64rem;
}

.ncnum03 {
  background: url("../images/haomaimg.png") no-repeat -0.68rem -0.64rem;
}

.ncnum04 {
  background: url("../images/haomaimg.png") no-repeat -0.98rem -0.64rem;
}

.ncnum05 {
  background: url("../images/haomaimg.png") no-repeat -1.28rem -0.64rem;
}

.ncnum06 {
  background: url("../images/haomaimg.png") no-repeat -1.58rem -0.64rem;
}

.ncnum07 {
  background: url("../images/haomaimg.png") no-repeat -1.88rem -0.64rem;
}

.ncnum08 {
  background: url("../images/haomaimg.png") no-repeat -2.18rem -0.64rem;
}

.ncnum09 {
  background: url("../images/haomaimg.png") no-repeat -2.48rem -0.64rem;
}

.ncnum10 {
  background: url("../images/haomaimg.png") no-repeat -2.78rem -0.64rem;
}

.ncnum11 {
  background: url("../images/haomaimg.png") no-repeat -0.08rem -0.91rem;
}

.ncnum12 {
  background: url("../images/haomaimg.png") no-repeat -0.36rem -0.91rem;
}

.ncnum13 {
  background: url("../images/haomaimg.png") no-repeat -0.68rem -0.91rem;
}

.ncnum14 {
  background: url("../images/haomaimg.png") no-repeat -0.98rem -0.91rem;
}

.ncnum15 {
  background: url("../images/haomaimg.png") no-repeat -1.29rem -0.91rem;
}

.ncnum16 {
  background: url("../images/haomaimg.png") no-repeat -1.59rem -0.91rem;
}

.ncnum17 {
  background: url("../images/haomaimg.png") no-repeat -1.89rem -0.91rem;
}

.ncnum18 {
  background: url("../images/haomaimg.png") no-repeat -2.19rem -0.91rem;
}

.ncnum19 {
  background: url("../images/haomaimg.png") no-repeat -2.49rem -0.91rem;
}

.ncnum20 {
  background: url("../images/haomaimg.png") no-repeat -2.79rem -0.91rem;
}

.num1 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem 0;
}

.num2 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -0.276rem;
}

.num3 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -0.55rem;
}

.num4 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -0.83rem;
}

.num5 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -1.106rem;
}

.num6 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -1.383rem;
}

.redfont {
  color: #f1010a;
}

.displayblock {
  display: block;
}

.loading,
.loading_jisusc,
.loading_jisusc2,
.loading_azxy10 {
  display: block;
  min-width: 3rem;
  margin: 1rem auto;
  text-align: center;
  font-size: 0.12rem;
  color: #999999;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.margtp0 {
  margin-top: 0;
}

.margbt0 {
  margin-bottom: 0;
}

#loadingbox {
  width: auto;
  min-width: 1px;
  height: 0;
  line-height: 0.2rem;
  margin: 0 auto;
  overflow: hidden;
  color: #FFFFFF;
  text-align: center;
  background: #e2e2e2;
  font-size: 0.1rem;
}

.top_menu_bar {
  background: #c00;
  height: 0.5rem;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0.12rem;
  box-shadow: 0.02rem 0.02rem 0.1rem 0.001rem #4e0507;
  display: flex;
  justify-content: center;
  width: 100%;
}

.top_menu_bar .top_menu_left,
.top_menu_bar .top_menu_middle,
.top_menu_bar .top_menu_more {
  width: 1.25rem;
}

.top_menu_bar .top_menu_left {
  height: 100%;
  padding: 0 0.1rem;
  box-sizing: border-box;
}

.top_menu_bar .top_menu_left a {
  width: auto;
  height: 100%;
  box-sizing: border-box;
}

.top_menu_bar .top_menu_left a img {
  display: block;
  width: auto;
  position: relative;
  top: 31%;
  height: 0.5rem;
  margin-top: -0.15rem;
}

.top_menu_bar .top_menu_middle {
  font-size: 0.18rem;
  color: #f5f5f5;
  line-height: 0.5rem;
  text-align: center;
}

.top_menu_bar .top_menu_middle span {
  width: auto;
  display: block;
}

.top_menu_bar .top_menu_middle i {
  position: relative;
  display: inline-block;
  height: 0.05rem;
  width: 0.05rem;
}

.top_menu_bar .top_menu_middle i:before {
  content: "";
  height: 0.2rem;
  width: 0.2rem;
  display: block;
  position: absolute;
  top: -0.13rem;
  right: -0.21rem;
  background: url("../img/bg_icon.png") no-repeat 0 -0.51rem;
  background-size: 3.16rem;
}

.top_menu_bar .top_menu_more {
  position: relative;
}

.top_menu_bar .top_menu_more .list_shadow {
  position: absolute;
  width: 0.1rem;
  height: 0.12rem;
  left: 0.036rem;
  top: 0.16rem;
  background-size: contain;
  border-left: 1px solid #a8b4d6;
  background-color: rgba(244, 245, 246, 0.3);
}

.top_menu_bar .top_menu_more .more_btn {
  display: block;
  width: 0.79rem;
  height: 0.6rem;
  line-height: 0.45rem;
  padding-left: 0.1rem;
  background-size: 20px;
  position: relative;
  margin-left: 35px;
}

.top_menu_bar .top_menu_more .more_btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.205rem;
  right: 0.13rem;
  width: 0.1rem;
  height: 0.1rem;
  background: url("../images/haomaimg.png") no-repeat -1.85rem -0.53rem;
  background-size: 4rem auto;
}

.top_menu_bar .top_menu_list {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: auto;
  transform: translateZ(1);
  white-space: nowrap;
  direction: rtl;
}

.top_menu_bar .top_menu_list .btn {
  white-space: nowrap;
  display: inline-block;
  height: 0.5rem;
  color: #505050;
  text-decoration: none;
  margin-left: 0.16rem;
  padding-top: 0.1rem;
}

.top_menu_bar .top_menu_list .btn span {
  height: 0.24rem;
  line-height: 0.24rem;
  width: 0.24rem;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: relative;
}

.top_menu_bar .top_menu_list .checked span {
  color: #FFFFFF;
  background: #fa8f18;
}

.top_menu_bar .top_menu_list .onday span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.27rem;
  left: 10px;
  width: 0.06rem;
  height: 0.06rem;
  background: #ccc;
  border-radius: 50%;
}

#beginTime {
  border: none;
  background: transparent;
  position: absolute;
  top: 0.1rem;
  left: 0;
  z-index: 999;
  height: 0.22rem;
  color: transparent;
  outline: none;
}

#showtime {
  position: absolute;
  top: 0.03rem;
  right: -0.1rem;
  display: inline-block;
  height: 0.2rem;
  width: 100%;
  z-index: 1;
  color: #f5f5f5;
}

.footer {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #13182c;
}

.footer .footer_up {
  width: 100%;
  height: 1.09rem;
  display: flex;
  text-align: center;
  vertical-align: middle;
  margin-top: 0.2rem;
  background: #13182c;
  border-top: 0.01rem solid #dbdbdb;
}

.footer .footer_up .app_ver,
.footer .footer_up .computer_ver,
.footer .footer_up .suggestions,
.footer .footer_up .touch_ver {
  height: inherit;
  flex: 1;
  font-size: 0.12rem;
  color: #9b9b9b;
}

.footer .footer_up .appIcon,
.footer .footer_up .computerIcon,
.footer .footer_up .suggesIcon,
.footer .footer_up .touchIcon {
  height: 0.49rem;
  width: 0.49rem;
  margin: 0.2rem auto 0.1rem;
  background: url("../img/bg_icon.png") no-repeat;
  background-size: 3.16rem;
}

.footer .footer_up .touchIcon {
  background-position: 0 0;
}

.footer .footer_up .computerIcon {
  background-position: -0.52rem 0;
}

.footer .footer_up .appIcon {
  background-position: -1.04rem 0;
}

.footer .footer_up .suggesIcon {
  background-position: -1.56rem 0;
}

.footer .footer_middle {
  width: 100%;
  height: 4.5rem;
  background: #13182c;
}

.footer .footer_middle .middle_line {
  width: 90%;
  margin: 0 auto;
  display: flex;
}

.footer .footer_middle .middle_line div {
  height: inherit;
  line-height: 4.5rem;
  flex: 1;
  text-align: center;
  font-size: medium;
  color: #9b9b9b;
}

.footer .footer_down {
  width: 100%;
  height: 3.6rem;
  display: flex;
  background: #13182c;
}

.footer .footer_down div {
  height: inherit;
  flex: 1;
  font-size: medium;
  color: #9b9b9b;
  line-height: 3.6rem;
  text-align: center;
}

#cZList {
  position: absolute;
  height: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #373f54;
  z-index: 999;
  /* overflow: auto; */
  font-size: 0.13rem;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

#cZList .backbtn {
  width: 100%;
  height: 0.44rem;
  line-height: 0.44rem;
  color: #FFFFFF;
  font-size: 0.16rem;
  background: #cc0910;
  display: flex;
}

#cZList .backbtn span {
  display: block;
  height: 0.44rem;
  line-height: 0.44rem;
  padding: 0 0.15rem;
  box-sizing: border-box;
  flex: 1;
  color: #f5f5f5;
}

#cZList .backbtn span:nth-child(1) {
  text-align: left;
  width: 0.5rem;
}

#cZList .backbtn span:nth-child(2) {
  flex: 1;
  text-align: center;
  font-size: 0.18rem;
}

#cZList .backbtn span:nth-child(3) {
  text-align: center;
  width: 0.5rem;
}

#cZList .toRMC {
  border-bottom: 1px solid #13182d;
  padding-bottom: 0.03rem;
}

#cZList .title {
  font-size: 0.16rem;
  height: 0.24rem;
  line-height: 0.3rem;
  padding: 0 0.15rem;
  margin-top: 0.067rem;
  color: #deb47c;
}

#cZList .content {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0.066rem;
  box-sizing: border-box;
}

#cZList .content ul li {
  height: 0.4rem;
  line-height: 0.4rem;
  width: 1.05rem;
  display: inline-block;
  text-align: center;
  border: 1px solid #dfdfe5;
  border-radius: 0.02rem;
  margin: 0.0625rem;
  background: #FFFFFF;
}

#cZList .content ul li a {
  width: 100%;
  color: #f5f5f5;
  background: #242b3b;
}

.margtp78 {
  margin-bottom: 0.078rem;
}

#videobox {
  z-index: -1;
}

#videobox .content {
  width: 100%;
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
  top: -150%;
  position: fixed;
  right: 0;
  z-index: 2000;
  outline: none;
  display: block;
  overflow: hidden;
  background: #202020;
  border-radius: 2px;
}

#videobox .content .head {
  height: 40px;
  line-height: 40px;
  width: 100%;
  background: #cc0910;
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  color: #f5f5f5;
}

#videobox .content .head .btn {
  width: 200px;
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  margin-top: -15px;
  margin-right: 10px;
}

#videobox .content .head .btn ul {
  width: 100%;
  height: auto;
}

#videobox .content .head .btn ul li {
  display: inline-block;
  height: 30px;
  cursor: pointer;
  line-height: 30px;
  border-radius: 4px;
  margin-left: 10px;
}

#videobox .content .head .btn ul .closevideo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

#videobox .content .head .btn ul .closevideo i {
  height: 30px;
  width: 30px;
  display: inline-block;
}

#videobox .content .animate {
  width: 100%;
  height: 100%;
}

#videobox .content .animate .loading,
#videobox .content .animate .loading_jisusc,
#videobox .content .animate .loading_azxy10 {
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
}

#videobox .content .animate .loading {
  background-image: url("../animation/images/logo.png");
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
}

#videobox .content .animate .loading_jisusc {
  background-image: url("../js/lib/finishAnimation/images/jisusc_logo.png");
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
}

#videobox .content .animate .loading_jisusc2 {
  background-image: url("../js/lib/finishAnimation/images/jisusc2_logo.png");
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
}

#videobox .content .animate .loading_azxy10 {
  background-image: url("../js/lib/finishAnimation/images/azxy10_logo.png");
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
}

#startVideo {
  cursor: pointer;
}

#demovideobox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
}

.openVideo {
  width: 0.6rem;
  height: 0.28rem;
  line-height: 0.28rem;
  display: inline-flex;
  padding-left: 0.28rem;
  box-sizing: border-box;
  font-size: 0.13rem !important;
  border-radius: 0.06rem;
  position: relative;
  background: #fb8e19;
  color: #FFFFFF;
}

.openVideo:before {
  content: "";
  position: absolute;
  left: 0.07rem;
  top: 0.07rem;
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/haomaimg.png") no-repeat -2.33rem -0.31rem;
  background-size: 3.54rem auto;
}

.headNumSm {
  height: 1.14rem;
}

.bodybox .headbox {
  width: 100%;
  background: #13182c;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bodybox .headbox div {
  height: 100%;
  box-sizing: border-box;
}

.bodybox .headbox div img {
  display: block;
  width: auto;
  position: relative;
  padding-left: 10px;
  height: 40px;
}

.bodybox .czList {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.bodybox .czList .lilist {
  width: 100%;
  background: #373f54;
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  color: #666666;
  margin-top: 10px;
}

.bodybox .czList .lilist .boxline {
  width: 100%;
  height: auto;
  display: flex;
  align-items: baseline;
  padding-bottom: 10px;
}
.bodybox .czList .lilist .boxline:last-child {
  padding-bottom: 0;
}
.bodybox .czList .lilist .boxline.l1box {
  justify-content: space-between;
  padding-bottom: 20px;
}
.bodybox .czList .lilist .boxline > div {
  display: flex;
  align-items: baseline;
}
.bodybox .czList .lilist .boxline > div > span {
  color: #f5f5f5;
  font-size: large;
}

.lotName {
  font-size: large;
  color: #ffbf11;
  margin-right: 15px;
}

.bodybox .czList .lilist .l1box div:nth-child(2) .cuttime {
  display: none;
}
.bodybox .czList .lilist .l1box div:nth-child(2) .cuttime > .timer {
  letter-spacing: 2px;
}

.bodybox .czList .lilist .li3 li {
  width: auto;
  min-width: 1.5rem;
  text-align: center;
}

.bodybox .czList .lilist .li3 .lastli {
  text-align: left;
  min-width: 1.3rem;
  margin-right: 0.3rem;
}

.pk10li {
  width: 80%;
  font-size: 1.2rem;
  color: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.pk10li > li {
  text-align: center;
  display: inline-block;
  width: 10%;
  padding-bottom: 10px;
  background-size: 4rem auto;
}
.pk10li span {
  box-shadow: 1px 1px 5px #333;
  text-shadow: 1px -1px 1px #777;
  display: inline-block;
  letter-spacing: 1px;
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  background: rgb(151, 117, 255);
  font-weight: bold;
}
.pk10li span.special {
  color: white;
  background-color: brown;
}

.DWIN ul.pk10li {
  width: 470px;
}
.DWIN ul.pk10li > li {
  width: 78px;
}

.XYFT ul.pk10li span, .XYFT2 ul.pk10li span, .KPPK10 ul.pk10li span, .JSPK10 ul.pk10li span {
  border-radius: 5px;
}

.pk10li2 {
  display: flex;
  align-items: baseline;
  width: auto;
  font-size: 1.25rem;
  color: #f5f5f5;
  letter-spacing: 1px;
}
.pk10li2 > li {
  margin-right: 3px;
}

@media screen and (max-width: 540px) {
  .bodybox .czList .lilist .boxline {
    flex-direction: column;
  }
  .bodybox .czList .lilist .boxline > div:first-child {
    margin-bottom: 5px;
  }
  .pk10li {
    font-size: large;
    width: 100%;
  }
  .pk10li2 {
    font-size: large;
    line-height: 32px;
  }
  .DWIN ul.pk10li {
    width: 290px;
  }
  .DWIN ul.pk10li > li {
    width: 48px;
  }
}
.pagediv {
  width: 100%;
  margin: 0 auto;
  font-size: large;
}

.customplay > li {
  min-width: 1.5rem;
  width: auto !important;
  text-align: center;
  font-size: large;
  font-weight: normal;
  margin: 0;
}

.margtp78.timer {
  margin-left: 10px;
  color: #ffbf11;
}

.headNum {
  margin-top: 10px;
  width: 100%;
  background: #373f54;
  padding: 0.7rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.headNum .issue {
  font-size: large;
  color: #f5f5f5;
}

.headNum .drawCount {
  font-size: large;
  color: #f5f5f5;
}

.divline {
  width: 100%;
  height: auto;
}

.issuel {
  height: 1.7rem;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}

.drawTimebox {
  letter-spacing: 2px;
  color: #f5f5f5;
  display: flex;
  align-items: baseline;
  font-size: large;
}

.ListHead {
  width: 100%;
  background: #13182d;
  margin-top: 10px;
  position: relative;
}

.ListHead .headTitle {
  display: flex;
  border-top: 1px solid #FFF;
  background: #13182d;
}

.ListHead .headTitle div {
  text-align: center;
  color: #f5f5f5;
  width: 100%;
  padding: 10px 0;
}

.ListHead .headTitle div span {
  margin: 0 auto;
  display: block;
  cursor: pointer;
  font-size: large;
  flex: auto;
}

.ListHead .headTitle .checkedbl span i {
  margin: 0 auto;
  width: 5.7rem;
  border-bottom: 2px solid #deb47c;
  display: block;
  padding-top: 3px;
}

.ListHead .drawCodebox {
  background: #373f54;
}
.ListHead .drawCodebox .linebox {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  background: #373f54;
}

.ListHead .drawCodebox .linebox > .rightspan {
  font-size: large;
  color: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}
.ListHead .drawCodebox .linebox .rightspan .rightnumber span {
  margin: 5px 0;
  text-align: center;
  letter-spacing: 2px;
  display: inline-block;
  font-size: large;
  cursor: pointer;
}
.ListHead .drawCodebox .linebox .rightspan .rightnumber span > i {
  padding: 3px 6px;
}

.ListHead .drawCodebox .contentlist .listline {
  padding: 15px 0;
  box-sizing: border-box;
  width: 100%;
  background: #373f54;
}
.ListHead .drawCodebox .contentlist .listline:nth-child(even) {
  background: #7089a2;
}

.ListHead .drawCodebox .contentlist .listline div {
  letter-spacing: 2px;
  font-size: 20px;
}

.ListHead .drawCodebox .contentlist .listline div:nth-child(1) {
  color: #f5f5f5;
  flex: inherit;
}

.ListHead .drawCodebox .contentlist .listline div:nth-child(2) .rightdiv {
  display: flex;
  padding: 0 1rem;
  box-sizing: border-box;
}

.ListHead .drawCodebox .contentlist .boxflex {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}

.ListHead .drawCodebox .contentlist .boxflex span {
  display: block;
  padding-left: 15px;
}

.bortop002 {
  border-top: 2px solid #13182d;
}

.bortop001 {
  border-bottom: 2px solid #FFF;
}
.bortop001:last-child {
  border: none;
}

.numbtn {
  width: 100%;
  margin-top: 0.12rem;
  margin-bottom: 0.15rem;
}

.numbtn ul {
  width: auto;
  height: auto;
  margin: 0 auto;
  display: flex;
}

.numbtn ul li {
  width: 0.32rem;
  height: 0.36rem;
  line-height: 0.36rem;
  text-align: center;
  display: inline-block;
  border: 1px solid #dbdbdb;
  margin-right: 0.04rem;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  position: relative;
  flex: 1;
}

.numbtn ul li:last-child {
  margin-right: 0;
}

.numbtn ul .lichecked {
  border: 1px solid #fc8f1a;
}

.numbtn ul .lichecked:after {
  content: "";
  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  position: absolute;
  top: 0.22rem;
  right: -0.02rem;
  background: url("../images/haomaimg.png") no-repeat -1.7rem -0.49rem;
  background-size: 4.34rem auto;
}

.dansdxbtn {
  width: 100%;
  margin-bottom: 0.15rem;
}

.dansdxbtn ul {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 0.04rem;
  border: 1px solid #fc8f1a;
}

.dansdxbtn ul li {
  width: 0.32rem;
  height: 0.28rem;
  line-height: 0.28rem;
  text-align: center;
  display: inline-block;
  font-size: 0.14rem;
  border-left: 1px solid #fc8f1a;
  position: relative;
  flex: 1;
  color: #fc8f1a;
}

.dansdxbtn ul li:first-child {
  border: 0;
}

.dansdxbtn ul .lichecked {
  background: #fc8f1a;
  color: #FFFFFF;
}

.haomafb,
.kaijianghm {
  background: #FFFFFF;
}

#aboutUs {
  margin-top: 0.1rem;
  width: 100%;
  height: auto;
  font-size: 12px;
  padding: 0.1rem;
  box-sizing: border-box;
  min-height: 3.95rem;
  background: #FFFFFF;
}

.search_block {
  display: flex;
  align-items: center;
  padding: 10px 15px;
}
.search_block span {
  color: #FFF;
}
.search_block input {
  height: 30px;
  padding: 5px;
  font-size: large;
  outline: none;
  border: none;
}
.search_block input:-webkit-autofill {
  -webkit-text-fill-color: #FFF !important;
}
.search_block button {
  margin: 0 10px;
  padding: 3px 5px;
  outline: none;
  border-radius: 5px;
  font-size: large;
  background-color: #ffbf11;
  box-shadow: none;
  border: none;
  cursor: pointer;
}
.search_block.getperiods input {
  width: 100px;
}

.tResult {
  display: flex;
  flex-wrap: wrap;
}
.tResult:first-child {
  padding-top: 10px;
}
.tResult p {
  color: #FFF;
  font-size: 24px;
  padding: 5px 15px;
  text-align: center;
}
.tResult p > span {
  display: block;
  background-color: brown;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.tResult p > span.multiResult {
  width: 90px;
}
.tResult div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tResult ul {
  display: flex;
  flex-direction: column;
  width: 85px;
  padding: 15px 0;
  justify-content: center;
  align-items: center;
}
.tResult ul li {
  display: block;
  color: white;
  font-size: 28px;
}
.tResult ul li:first-child {
  font-size: 28px;
}
.tResult ul li:last-child {
  font-size: 24px;
  letter-spacing: 1px;
}
.tResult ul li > span {
  color: black;
  font-weight: bold;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #AAAAAA;
}
.tResult ul li > span.append {
  background-color: #ffbf11;
}

.active {
  background-color: brown;
  color: #fff;
}

.totalnav > span {
  cursor: pointer;
}

.description {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
}
.description > div {
  border: 1px solid #fff;
  padding: 10px;
  width: 100%;
}
.description > div > p {
  padding: 2px 0;
  font-size: large;
  color: #FFF;
}
.description > div > p:first-child {
  margin-left: 5px;
}
.description > div > p > span {
  margin: 0 5px;
  color: #ffbf11;
}
.description > div > p input {
  width: 66px;
  height: 25px;
  line-height: 25px;
  font-size: large;
  outline: none;
  padding-left: 5px;
}

.typeswitch > p {
  color: #ffbf11;
  text-align: center;
  font-weight: 600;
  margin: 10px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.typeswitch > p::before, .typeswitch > p::after {
  content: "";
  flex: auto;
  border-bottom: 2px solid #ffbf11;
  margin: auto;
}
.typeswitch > p::before {
  margin-right: 10px;
}
.typeswitch > p::after {
  margin-left: 10px;
}
.typeswitch > span {
  margin: 5px 0;
  text-align: center;
  padding: 5px 10px;
  letter-spacing: 2px;
  display: inline-block;
  font-size: large;
  cursor: pointer;
}
.typeswitch > span > i {
  padding: 3px 6px;
}

li.spec span, li.conspec span {
  background-color: brown;
}

.styleB > span {
  background: #e02120 !important;
}

.styleS > span {
  background: #0686ee !important;
}

.pk10li2 li.styleL, .pk10li2 li.styleH {
  font-weight: bold;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 4px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #333;
  margin-right: 10px;
}
@media screen and (max-width: 468px) {
  .pk10li2 li.styleL, .pk10li2 li.styleH {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}
.pk10li2 li.styleL {
  background: rgb(6, 134, 238);
}
.pk10li2 li.styleH {
  background: rgb(224, 33, 32);
}

.longhu {
  margin-bottom: 5px;
}
.longhu li {
  text-align: left;
  width: auto;
  font-size: large;
  padding: 0;
}

.XYFT .pk10li.numberbox,
.XYFT2 .pk10li.numberbox,
.KPPK10 .pk10li.numberbox,
.JSPK10 .pk10li.numberbox,
.JSXYFT .pk10li.numberbox,
.KPXYFT .pk10li.numberbox {
  height: 45px;
}
.XYFT .pk10li li,
.XYFT2 .pk10li li,
.KPPK10 .pk10li li,
.JSPK10 .pk10li li,
.JSXYFT .pk10li li,
.KPXYFT .pk10li li {
  width: 10%;
}
.XYFT .pk10li li span,
.XYFT2 .pk10li li span,
.KPPK10 .pk10li li span,
.JSPK10 .pk10li li span,
.JSXYFT .pk10li li span,
.KPXYFT .pk10li li span {
  border-radius: 5px;
}
.XYFT .pk10li li span.n01,
.XYFT2 .pk10li li span.n01,
.KPPK10 .pk10li li span.n01,
.JSPK10 .pk10li li span.n01,
.JSXYFT .pk10li li span.n01,
.KPXYFT .pk10li li span.n01 {
  background: rgb(255, 177, 10);
}
.XYFT .pk10li li span.n02,
.XYFT2 .pk10li li span.n02,
.KPPK10 .pk10li li span.n02,
.JSPK10 .pk10li li span.n02,
.JSXYFT .pk10li li span.n02,
.KPXYFT .pk10li li span.n02 {
  background: rgb(6, 134, 238);
}
.XYFT .pk10li li span.n03,
.XYFT2 .pk10li li span.n03,
.KPPK10 .pk10li li span.n03,
.JSPK10 .pk10li li span.n03,
.JSXYFT .pk10li li span.n03,
.KPXYFT .pk10li li span.n03 {
  background: rgb(102, 102, 102);
}
.XYFT .pk10li li span.n04,
.XYFT2 .pk10li li span.n04,
.KPPK10 .pk10li li span.n04,
.JSPK10 .pk10li li span.n04,
.JSXYFT .pk10li li span.n04,
.KPXYFT .pk10li li span.n04 {
  background: rgb(255, 93, 17);
}
.XYFT .pk10li li span.n05,
.XYFT2 .pk10li li span.n05,
.KPPK10 .pk10li li span.n05,
.JSPK10 .pk10li li span.n05,
.JSXYFT .pk10li li span.n05,
.KPXYFT .pk10li li span.n05 {
  background: rgb(66, 210, 233);
}
.XYFT .pk10li li span.n06,
.XYFT2 .pk10li li span.n06,
.KPPK10 .pk10li li span.n06,
.JSPK10 .pk10li li span.n06,
.JSXYFT .pk10li li span.n06,
.KPXYFT .pk10li li span.n06 {
  background: rgb(151, 117, 255);
}
.XYFT .pk10li li span.n07,
.XYFT2 .pk10li li span.n07,
.KPPK10 .pk10li li span.n07,
.JSPK10 .pk10li li span.n07,
.JSXYFT .pk10li li span.n07,
.KPXYFT .pk10li li span.n07 {
  background: rgb(180, 180, 180);
}
.XYFT .pk10li li span.n08,
.XYFT2 .pk10li li span.n08,
.KPPK10 .pk10li li span.n08,
.JSPK10 .pk10li li span.n08,
.JSXYFT .pk10li li span.n08,
.KPXYFT .pk10li li span.n08 {
  background: rgb(122, 0, 0);
}
.XYFT .pk10li li span.n09,
.XYFT2 .pk10li li span.n09,
.KPPK10 .pk10li li span.n09,
.JSPK10 .pk10li li span.n09,
.JSXYFT .pk10li li span.n09,
.KPXYFT .pk10li li span.n09 {
  background: rgb(224, 33, 32);
}
.XYFT .pk10li li span.n10,
.XYFT2 .pk10li li span.n10,
.KPPK10 .pk10li li span.n10,
.JSPK10 .pk10li li span.n10,
.JSXYFT .pk10li li span.n10,
.KPXYFT .pk10li li span.n10 {
  background: rgb(25, 192, 3);
}

.BingoBingo .pk10li.numberbox {
  height: 85px;
}
.BingoBingo .pk10li li {
  width: 10%;
}
.BingoBingo .pk10li li.spec span {
  background: rgb(224, 33, 32);
}
.BingoBingo .pk10li li span {
  background: rgb(24, 179, 231);
}
.BingoBingo .pk10li li span.special {
  background: rgb(224, 33, 32);
}

.DWIN .pk10li {
  width: 330px;
}
.DWIN .pk10li.numberbox {
  height: 85px;
}
.DWIN .pk10li > li {
  width: 55px;
}
.DWIN .pk10li > li span {
  background: rgb(24, 179, 231);
}

.SuperLotto .pk10li li.spec span,
.M638 .pk10li li.spec span {
  background: rgb(224, 33, 32);
}
.SuperLotto .pk10li li span,
.M638 .pk10li li span {
  background: rgb(25, 192, 3);
}
.SuperLotto .pk10li li span.special,
.M638 .pk10li li span.special {
  background: rgb(224, 33, 32);
}

.Fantasy5 .pk10li span,
.DaywaLotto .pk10li span {
  text-shadow: -1px 1px 1px #ddd;
  background: #f5f5f5;
  color: #111;
}

.BigLotto .pk10li li.spec span,
.M649 .pk10li li.spec span {
  background: rgb(224, 33, 32);
}
.BigLotto .pk10li li span,
.M649 .pk10li li span {
  background: rgb(255, 177, 10);
}
.BigLotto .pk10li li span.special,
.M649 .pk10li li span.special {
  background: rgb(224, 33, 32);
}

.MARKSIX .pk10li li {
  width: 12%;
}
.MARKSIX .pk10li li.ball-red span {
  background: #d32f2c;
}
.MARKSIX .pk10li li.ball-green span {
  background: #428c24;
}
.MARKSIX .pk10li li.ball-blue span {
  background: #3b8abe;
}

.DayLotto .pk10li li span,
.M539 .pk10li li span {
  background: rgb(6, 134, 238);
}

@media screen and (min-width: 540px) {
  .DWIN ul.pk10li {
    width: 520px;
  }
  .DWIN ul.pk10li > li {
    width: 86px;
  }
}
@media screen and (min-width: 1024px) {
  .pk10li span {
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
}
.addicon {
  background: url("../images/haomaimg.png") no-repeat -2.534rem -0.33rem;
}

.equalF {
  background: url("../images/haomaimg.png") no-repeat -2.7rem -0.33rem;
}

.rednum {
  background: url("../images/haomaimg.png") no-repeat -1.888rem -1.18rem;
}

.bluenum {
  background: url("../images/haomaimg.png") no-repeat -1.588rem -1.18rem;
}

.greennum {
  background: url("../images/haomaimg.png") no-repeat -2.788rem -1.18rem;
}

.lightblue {
  background: url("../images/haomaimg.png") no-repeat -2.488rem -1.18rem;
}

.Orange {
  background: url("../images/haomaimg.png") no-repeat -2.188rem -1.18rem;
}

.bluesig {
  background: url("../images/haomaimg.png") no-repeat -0.98rem -1.18rem;
}

.blueeve {
  background: url("../images/haomaimg.png") no-repeat -0.68rem -1.18rem;
}

.bluebig {
  background: url("../images/haomaimg.png") no-repeat -0.08rem -1.18rem;
}

.bluesm {
  background: url("../images/haomaimg.png") no-repeat -0.38rem -1.18rem;
}

.nub01 {
  background: url("../images/haomaimg.png") no-repeat -0.1rem -0.075rem;
}

.nub02 {
  background: url("../images/haomaimg.png") no-repeat -0.438rem -0.075rem;
}

.nub03 {
  background: url("../images/haomaimg.png") no-repeat -0.778rem -0.075rem;
}

.nub04 {
  background: url("../images/haomaimg.png") no-repeat -1.118rem -0.075rem;
}

.nub05 {
  background: url("../images/haomaimg.png") no-repeat -1.468rem -0.075rem;
}

.nub06 {
  background: url("../images/haomaimg.png") no-repeat -1.799rem -0.075rem;
}

.nub07 {
  background: url("../images/haomaimg.png") no-repeat -2.148rem -0.075rem;
}

.nub08 {
  background: url("../images/haomaimg.png") no-repeat -2.48rem -0.075rem;
}

.nub09 {
  background: url("../images/haomaimg.png") no-repeat -2.828rem -0.075rem;
}

.nub10 {
  background: url("../images/haomaimg.png") no-repeat -3.168rem -0.075rem;
}

.nubb01 {
  background: url("../images/haomaimg.png") no-repeat -0.08rem -0.069rem;
}

.nubb02 {
  background: url("../images/haomaimg.png") no-repeat -0.39rem -0.069rem;
}

.nubb03 {
  background: url("../images/haomaimg.png") no-repeat -0.688rem -0.069rem;
}

.nubb04 {
  background: url("../images/haomaimg.png") no-repeat -0.988rem -0.069rem;
}

.nubb05 {
  background: url("../images/haomaimg.png") no-repeat -1.293rem -0.069rem;
}

.nubb06 {
  background: url("../images/haomaimg.png") no-repeat -1.596rem -0.069rem;
}

.nubb07 {
  background: url("../images/haomaimg.png") no-repeat -1.896rem -0.069rem;
}

.nubb08 {
  background: url("../images/haomaimg.png") no-repeat -2.2rem -0.069rem;
}

.nubb09 {
  background: url("../images/haomaimg.png") no-repeat -2.51rem -0.069rem;
}

.nubb10 {
  background: url("../images/haomaimg.png") no-repeat -2.81rem -0.069rem;
}

.numbig {
  background: url("../images/haomaimg.png") no-repeat -0.086rem -0.32rem;
}

.numsm {
  background: url("../images/haomaimg.png") no-repeat -0.386rem -0.32rem;
}

.blueCount {
  background: url("../images/haomaimg.png") no-repeat -1.286rem -1.18rem;
}

.nums {
  background: url("../images/haomaimg.png") no-repeat -0.686rem -0.32rem;
}

.numd {
  background: url("../images/haomaimg.png") no-repeat -0.99rem -0.32rem;
}

.longbg {
  background: url("../images/haomaimg.png") no-repeat -2.04rem -0.32rem;
}

.hubg {
  background: url("../images/haomaimg.png") no-repeat -1.794rem -0.32rem;
}

.ncnum01 {
  background: url("../images/haomaimg.png") no-repeat -0.08rem -0.64rem;
}

.ncnum02 {
  background: url("../images/haomaimg.png") no-repeat -0.38rem -0.64rem;
}

.ncnum03 {
  background: url("../images/haomaimg.png") no-repeat -0.68rem -0.64rem;
}

.ncnum04 {
  background: url("../images/haomaimg.png") no-repeat -0.98rem -0.64rem;
}

.ncnum05 {
  background: url("../images/haomaimg.png") no-repeat -1.28rem -0.64rem;
}

.ncnum06 {
  background: url("../images/haomaimg.png") no-repeat -1.58rem -0.64rem;
}

.ncnum07 {
  background: url("../images/haomaimg.png") no-repeat -1.88rem -0.64rem;
}

.ncnum08 {
  background: url("../images/haomaimg.png") no-repeat -2.18rem -0.64rem;
}

.ncnum09 {
  background: url("../images/haomaimg.png") no-repeat -2.48rem -0.64rem;
}

.ncnum10 {
  background: url("../images/haomaimg.png") no-repeat -2.78rem -0.64rem;
}

.ncnum11 {
  background: url("../images/haomaimg.png") no-repeat -0.08rem -0.91rem;
}

.ncnum12 {
  background: url("../images/haomaimg.png") no-repeat -0.36rem -0.91rem;
}

.ncnum13 {
  background: url("../images/haomaimg.png") no-repeat -0.68rem -0.91rem;
}

.ncnum14 {
  background: url("../images/haomaimg.png") no-repeat -0.98rem -0.91rem;
}

.ncnum15 {
  background: url("../images/haomaimg.png") no-repeat -1.29rem -0.91rem;
}

.ncnum16 {
  background: url("../images/haomaimg.png") no-repeat -1.59rem -0.91rem;
}

.ncnum17 {
  background: url("../images/haomaimg.png") no-repeat -1.89rem -0.91rem;
}

.ncnum18 {
  background: url("../images/haomaimg.png") no-repeat -2.19rem -0.91rem;
}

.ncnum19 {
  background: url("../images/haomaimg.png") no-repeat -2.49rem -0.91rem;
}

.ncnum20 {
  background: url("../images/haomaimg.png") no-repeat -2.79rem -0.91rem;
}

.num1 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem 0;
}

.num2 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -0.276rem;
}

.num3 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -0.55rem;
}

.num4 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -0.83rem;
}

.num5 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -1.106rem;
}

.num6 {
  background: url("../images/haomaimg.png") no-repeat -3.66rem -1.383rem;
}

.redfont {
  color: #f1010a;
}

.displayblock {
  display: block;
}

.loading,
.loading_jisusc,
.loading_jisusc2,
.loading_azxy10 {
  display: block;
  min-width: 3rem;
  margin: 1rem auto;
  text-align: center;
  font-size: 0.12rem;
  color: #999;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.margtp0 {
  margin-top: 0;
}

.margbt0 {
  margin-bottom: 0;
}

#loadingbox {
  width: auto;
  min-width: 1px;
  height: 0;
  line-height: 0.2rem;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background: #e2e2e2;
  font-size: 0.1rem;
}

.top_menu_bar {
  background: #c00;
  height: 0.5rem;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0.12rem;
  box-shadow: 0.02rem 0.02rem 0.1rem 0.001rem #4e0507;
  display: flex;
  justify-content: center;
  width: 100%;
}

.top_menu_bar .top_menu_left,
.top_menu_bar .top_menu_middle,
.top_menu_bar .top_menu_more {
  width: 1.25rem;
}

.top_menu_bar .top_menu_left {
  height: 100%;
  padding: 0 0.1rem;
  box-sizing: border-box;
}

.top_menu_bar .top_menu_left a {
  width: auto;
  height: 100%;
  box-sizing: border-box;
}

.top_menu_bar .top_menu_left a img {
  display: block;
  width: auto;
  position: relative;
  top: 31%;
  height: 0.5rem;
  margin-top: -0.15rem;
}

.top_menu_bar .top_menu_middle {
  font-size: 0.18rem;
  color: #f5f5f5;
  line-height: 0.5rem;
  text-align: center;
}

.top_menu_bar .top_menu_middle span {
  width: auto;
  display: block;
}

.top_menu_bar .top_menu_middle i {
  position: relative;
  display: inline-block;
  height: 0.05rem;
  width: 0.05rem;
}

.top_menu_bar .top_menu_middle i:before {
  content: "";
  height: 0.2rem;
  width: 0.2rem;
  display: block;
  position: absolute;
  top: -0.13rem;
  right: -0.21rem;
  background: url("../img/bg_icon.png") no-repeat 0 -0.51rem;
  background-size: 3.16rem;
}

.top_menu_bar .top_menu_more {
  position: relative;
}

.top_menu_bar .top_menu_more .list_shadow {
  position: absolute;
  width: 0.1rem;
  height: 0.12rem;
  left: 0.036rem;
  top: 0.16rem;
  background-size: contain;
  border-left: 1px solid #a8b4d6;
  background-color: rgba(244, 245, 246, 0.3);
}

.top_menu_bar .top_menu_more .more_btn {
  display: block;
  width: 0.79rem;
  height: 0.6rem;
  line-height: 0.45rem;
  padding-left: 0.1rem;
  background-size: 20px;
  position: relative;
  margin-left: 35px;
}

.top_menu_bar .top_menu_more .more_btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.205rem;
  right: 0.13rem;
  width: 0.1rem;
  height: 0.1rem;
  background: url("../images/haomaimg.png") no-repeat -1.85rem -0.53rem;
  background-size: 4rem auto;
}

.top_menu_bar .top_menu_list {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: auto;
  transform: translateZ(1);
  white-space: nowrap;
  direction: rtl;
}

.top_menu_bar .top_menu_list .btn {
  white-space: nowrap;
  display: inline-block;
  height: 0.5rem;
  color: #505050;
  text-decoration: none;
  margin-left: 0.16rem;
  padding-top: 0.1rem;
}

.top_menu_bar .top_menu_list .btn span {
  height: 0.24rem;
  line-height: 0.24rem;
  width: 0.24rem;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: relative;
}

.top_menu_bar .top_menu_list .checked span {
  color: #fff;
  background: #fa8f18;
}

.top_menu_bar .top_menu_list .onday span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.27rem;
  left: 10px;
  width: 0.06rem;
  height: 0.06rem;
  background: #ccc;
  border-radius: 50%;
}

#beginTime {
  border: none;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0.1rem;
  left: 0;
  z-index: 999;
  height: 0.22rem;
  color: rgba(0, 0, 0, 0);
  outline: none;
}

#showtime {
  position: absolute;
  top: 0.03rem;
  right: -0.1rem;
  display: inline-block;
  height: 0.2rem;
  width: 100%;
  z-index: 1;
  color: #f5f5f5;
}

.footer {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #13182c;
}

.footer .footer_up {
  width: 100%;
  height: 1.09rem;
  display: flex;
  text-align: center;
  vertical-align: middle;
  margin-top: 0.2rem;
  background: #13182c;
  border-top: 0.01rem solid #dbdbdb;
}

.footer .footer_up .app_ver,
.footer .footer_up .computer_ver,
.footer .footer_up .suggestions,
.footer .footer_up .touch_ver {
  height: inherit;
  flex: 1;
  font-size: 0.12rem;
  color: #9b9b9b;
}

.footer .footer_up .appIcon,
.footer .footer_up .computerIcon,
.footer .footer_up .suggesIcon,
.footer .footer_up .touchIcon {
  height: 0.49rem;
  width: 0.49rem;
  margin: 0.2rem auto 0.1rem;
  background: url("../img/bg_icon.png") no-repeat;
  background-size: 3.16rem;
}

.footer .footer_up .touchIcon {
  background-position: 0 0;
}

.footer .footer_up .computerIcon {
  background-position: -0.52rem 0;
}

.footer .footer_up .appIcon {
  background-position: -1.04rem 0;
}

.footer .footer_up .suggesIcon {
  background-position: -1.56rem 0;
}

.footer .footer_middle {
  width: 100%;
  height: 4.5rem;
  background: #13182c;
}

.footer .footer_middle .middle_line {
  width: 90%;
  margin: 0 auto;
  display: flex;
}

.footer .footer_middle .middle_line div {
  height: inherit;
  line-height: 4.5rem;
  flex: 1;
  text-align: center;
  font-size: medium;
  color: #9b9b9b;
}

.footer .footer_down {
  width: 100%;
  height: 3.6rem;
  display: flex;
  background: #13182c;
}

.footer .footer_down div {
  height: inherit;
  flex: 1;
  font-size: medium;
  color: #9b9b9b;
  line-height: 3.6rem;
  text-align: center;
}

#cZList {
  position: absolute;
  height: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #373f54;
  z-index: 999;
  font-size: 0.13rem;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

#cZList .backbtn {
  width: 100%;
  height: 0.44rem;
  line-height: 0.44rem;
  color: #fff;
  font-size: 0.16rem;
  background: #cc0910;
  display: flex;
}

#cZList .backbtn span {
  display: block;
  height: 0.44rem;
  line-height: 0.44rem;
  padding: 0 0.15rem;
  box-sizing: border-box;
  flex: 1;
  color: #f5f5f5;
}

#cZList .backbtn span:nth-child(1) {
  text-align: left;
  width: 0.5rem;
}

#cZList .backbtn span:nth-child(2) {
  flex: 1;
  text-align: center;
  font-size: 0.18rem;
}

#cZList .backbtn span:nth-child(3) {
  text-align: center;
  width: 0.5rem;
}

#cZList .toRMC {
  border-bottom: 1px solid #13182d;
  padding-bottom: 0.03rem;
}

#cZList .title {
  font-size: 0.16rem;
  height: 0.24rem;
  line-height: 0.3rem;
  padding: 0 0.15rem;
  margin-top: 0.067rem;
  color: #deb47c;
}

#cZList .content {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0.066rem;
  box-sizing: border-box;
}

#cZList .content ul li {
  height: 0.4rem;
  line-height: 0.4rem;
  width: 1.05rem;
  display: inline-block;
  text-align: center;
  border: 1px solid #dfdfe5;
  border-radius: 0.02rem;
  margin: 0.0625rem;
  background: #fff;
}

#cZList .content ul li a {
  width: 100%;
  color: #f5f5f5;
  background: #242b3b;
}

.margtp78 {
  margin-bottom: 0.078rem;
}

#videobox {
  z-index: -1;
}

#videobox .content {
  width: 100%;
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
  top: -150%;
  position: fixed;
  right: 0;
  z-index: 2000;
  outline: none;
  display: block;
  overflow: hidden;
  background: #202020;
  border-radius: 2px;
}

#videobox .content .head {
  height: 40px;
  line-height: 40px;
  width: 100%;
  background: #cc0910;
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  color: #f5f5f5;
}

#videobox .content .head .btn {
  width: 200px;
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  margin-top: -15px;
  margin-right: 10px;
}

#videobox .content .head .btn ul {
  width: 100%;
  height: auto;
}

#videobox .content .head .btn ul li {
  display: inline-block;
  height: 30px;
  cursor: pointer;
  line-height: 30px;
  border-radius: 4px;
  margin-left: 10px;
}

#videobox .content .head .btn ul .closevideo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

#videobox .content .head .btn ul .closevideo i {
  height: 30px;
  width: 30px;
  display: inline-block;
}

#videobox .content .animate {
  width: 100%;
  height: 100%;
}

#videobox .content .animate .loading,
#videobox .content .animate .loading_jisusc,
#videobox .content .animate .loading_azxy10 {
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
}

#videobox .content .animate .loading {
  background-image: url("../animation/images/logo.png");
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
}

#videobox .content .animate .loading_jisusc {
  background-image: url("../js/lib/finishAnimation/images/jisusc_logo.png");
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
}

#videobox .content .animate .loading_jisusc2 {
  background-image: url("../js/lib/finishAnimation/images/jisusc2_logo.png");
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
}

#videobox .content .animate .loading_azxy10 {
  background-image: url("../js/lib/finishAnimation/images/azxy10_logo.png");
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
}

#startVideo {
  cursor: pointer;
}

#demovideobox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
}

.openVideo {
  width: 0.6rem;
  height: 0.28rem;
  line-height: 0.28rem;
  display: inline-flex;
  padding-left: 0.28rem;
  box-sizing: border-box;
  font-size: 0.13rem !important;
  border-radius: 0.06rem;
  position: relative;
  background: #fb8e19;
  color: #fff;
}

.openVideo:before {
  content: "";
  position: absolute;
  left: 0.07rem;
  top: 0.07rem;
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/haomaimg.png") no-repeat -2.33rem -0.31rem;
  background-size: 3.54rem auto;
}

.headNumSm {
  height: 1.14rem;
}

.bodybox .headbox {
  max-width: 1024px;
  min-width: 360px;
  width: 100%;
  margin: 0 auto;
  background: #13182c;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bodybox .headbox div {
  height: 100%;
  box-sizing: border-box;
}

.bodybox .headbox div img {
  display: block;
  width: auto;
  position: relative;
  padding-left: 10px;
  height: 40px;
}

.bodybox .czList {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.bodybox .czList .lilist {
  width: 100%;
  background: #373f54;
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  color: #666;
  margin-top: 10px;
}

.bodybox .czList .lilist .boxline {
  width: 100%;
  height: auto;
  display: flex;
  align-items: baseline;
  padding-bottom: 10px;
}

.bodybox .czList .lilist .boxline:last-child {
  padding-bottom: 0;
}

.bodybox .czList .lilist .boxline.l1box {
  justify-content: space-between;
  padding-bottom: 20px;
}

.bodybox .czList .lilist .boxline > div {
  display: flex;
  align-items: baseline;
}

.bodybox .czList .lilist .boxline > div > span {
  color: #f5f5f5;
  font-size: large;
}

.lotName {
  font-size: large;
  color: #ffbf11;
  margin-right: 15px;
}

.bodybox .czList .lilist .l1box div:nth-child(2) .cuttime {
  display: none;
}

.bodybox .czList .lilist .l1box div:nth-child(2) .cuttime > .timer {
  letter-spacing: 2px;
}

.bodybox .czList .lilist .li3 li {
  width: auto;
  min-width: 1.5rem;
  text-align: center;
}

.bodybox .czList .lilist .li3 .lastli {
  text-align: left;
  min-width: 1.3rem;
  margin-right: 0.3rem;
}

.pk10li {
  width: 80%;
  font-size: 1.2rem;
  color: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.pk10li > li {
  text-align: center;
  display: inline-block;
  width: 10%;
  padding-bottom: 10px;
  background-size: 4rem auto;
}

.pk10li span {
  box-shadow: 1px 1px 5px #333;
  text-shadow: 1px -1px 1px #777;
  display: inline-block;
  letter-spacing: 1px;
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  background: #9775ff;
  font-weight: bold;
}

.pk10li span.special {
  color: #fff;
  background-color: brown;
}

.DWIN ul.pk10li {
  width: 470px;
}

.DWIN ul.pk10li > li {
  width: 78px;
}

.AUXY10 ul.pk10li span,
.XYFT ul.pk10li span,
.XYFT2 ul.pk10li span,
.KPPK10 ul.pk10li span,
.JSPK10 ul.pk10li span,
.JSXYFT ul.pk10li span,
.KPXYFT ul.pk10li span {
  border-radius: 5px;
}

.pk10li2 {
  display: flex;
  align-items: baseline;
  width: auto;
  font-size: 1.25rem;
  color: #f5f5f5;
  letter-spacing: 1px;
}

.pk10li2 > li {
  margin-right: 3px;
}

@media screen and (max-width: 540px) {
  .bodybox .czList .lilist .boxline {
    flex-direction: column;
  }
  .bodybox .czList .lilist .boxline > div:first-child {
    margin-bottom: 5px;
  }
  .pk10li {
    font-size: large;
    width: 100%;
  }
  .pk10li2 {
    font-size: large;
    line-height: 32px;
  }
  .DWIN ul.pk10li {
    width: 290px;
  }
  .DWIN ul.pk10li > li {
    width: 48px;
  }
}
.pagediv {
  width: 100%;
  margin: 0 auto;
  font-size: large;
}

.customplay > li {
  min-width: 1.5rem;
  width: auto !important;
  text-align: center;
  font-size: large;
  font-weight: normal;
  margin: 0;
}

.margtp78.timer {
  margin-left: 10px;
  color: #ffbf11;
}

.headNum {
  margin-top: 10px;
  width: 100%;
  background: #373f54;
  padding: 0.7rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.headNum .issue {
  font-size: large;
  color: #f5f5f5;
}

.headNum .drawCount {
  font-size: large;
  color: #f5f5f5;
}

.divline {
  width: 100%;
  height: auto;
}

.issuel {
  height: 1.7rem;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}

.drawTimebox {
  letter-spacing: 2px;
  color: #f5f5f5;
  display: flex;
  align-items: baseline;
  font-size: large;
}

.ListHead {
  width: 100%;
  background: #13182d;
  margin-top: 10px;
  position: relative;
}

.ListHead .headTitle {
  display: flex;
  border-top: 1px solid #fff;
  background: #13182d;
}

.ListHead .headTitle div {
  text-align: center;
  color: #f5f5f5;
  width: 100%;
  padding: 10px 0;
}

.ListHead .headTitle div span {
  margin: 0 auto;
  display: block;
  cursor: pointer;
  font-size: large;
  flex: auto;
}

.ListHead .headTitle .checkedbl span i {
  margin: 0 auto;
  width: 5.7rem;
  border-bottom: 2px solid #deb47c;
  display: block;
  padding-top: 3px;
}

.ListHead .drawCodebox {
  background: #373f54;
}

.ListHead .drawCodebox .linebox {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  background: #373f54;
}

.ListHead .drawCodebox .linebox > .rightspan {
  font-size: large;
  color: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}

.ListHead .drawCodebox .linebox .rightspan .rightnumber span {
  margin: 5px 0;
  text-align: center;
  letter-spacing: 2px;
  display: inline-block;
  font-size: large;
  cursor: pointer;
}

.ListHead .drawCodebox .linebox .rightspan .rightnumber span > i {
  padding: 3px 6px;
}

.ListHead .drawCodebox .contentlist .listline {
  padding: 15px 0;
  box-sizing: border-box;
  width: 100%;
  background: #373f54;
}

.ListHead .drawCodebox .contentlist .listline:nth-child(even) {
  background: #2f5275;
}

.ListHead .drawCodebox .contentlist .listline div {
  letter-spacing: 2px;
  font-size: 20px;
}

.ListHead .drawCodebox .contentlist .listline div:nth-child(1) {
  color: #f5f5f5;
  flex: inherit;
}

.ListHead .drawCodebox .contentlist .listline div:nth-child(2) .rightdiv {
  display: flex;
  padding: 0 1rem;
  box-sizing: border-box;
}

.ListHead .drawCodebox .contentlist .boxflex {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}

.ListHead .drawCodebox .contentlist .boxflex span {
  display: block;
  padding-left: 15px;
}

.bortop002 {
  border-top: 2px solid #13182d;
}

.bortop001 {
  border-bottom: 2px solid #fff;
}

.bortop001:last-child {
  border: none;
}

.numbtn {
  width: 100%;
  margin-top: 0.12rem;
  margin-bottom: 0.15rem;
}

.numbtn ul {
  width: auto;
  height: auto;
  margin: 0 auto;
  display: flex;
}

.numbtn ul li {
  width: 0.32rem;
  height: 0.36rem;
  line-height: 0.36rem;
  text-align: center;
  display: inline-block;
  border: 1px solid #dbdbdb;
  margin-right: 0.04rem;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  position: relative;
  flex: 1;
}

.numbtn ul li:last-child {
  margin-right: 0;
}

.numbtn ul .lichecked {
  border: 1px solid #fc8f1a;
}

.numbtn ul .lichecked:after {
  content: "";
  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  position: absolute;
  top: 0.22rem;
  right: -0.02rem;
  background: url("../images/haomaimg.png") no-repeat -1.7rem -0.49rem;
  background-size: 4.34rem auto;
}

.dansdxbtn {
  width: 100%;
  margin-bottom: 0.15rem;
}

.dansdxbtn ul {
  width: auto;
  display: block;
  height: 0.28rem;
  margin: 0 auto;
  border-radius: 0.04rem;
  border: 1px solid #fc8f1a;
}

.dansdxbtn ul li {
  width: 0.32rem;
  height: 0.28rem;
  line-height: 0.28rem;
  text-align: center;
  display: inline-block;
  font-size: 0.14rem;
  border-left: 1px solid #fc8f1a;
  position: relative;
  flex: 1;
  color: #fc8f1a;
}

.dansdxbtn ul li:first-child {
  border: 0;
}

.dansdxbtn ul .lichecked {
  background: #fc8f1a;
  color: #fff;
}

.haomafb,
.kaijianghm {
  background: #fff;
}

#aboutUs {
  margin-top: 0.1rem;
  width: 100%;
  height: auto;
  font-size: 12px;
  padding: 0.1rem;
  box-sizing: border-box;
  min-height: 3.95rem;
  background: #fff;
}

.search_block {
  display: flex;
  align-items: center;
  padding: 10px 15px;
}

.search_block span {
  color: #fff;
}

.search_block input {
  height: 30px;
  padding: 5px;
  font-size: large;
  outline: none;
  border: none;
}

.search_block input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}

.search_block button {
  margin: 0 10px;
  padding: 3px 5px;
  outline: none;
  border-radius: 5px;
  font-size: large;
  background-color: #ffbf11;
  box-shadow: none;
  border: none;
  cursor: pointer;
}

.search_block.getperiods input {
  width: 100px;
}

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

.tResult:first-child {
  padding-top: 10px;
}

.tResult p {
  color: #fff;
  font-size: 24px;
  padding: 5px 15px;
  text-align: center;
}

.tResult p > span {
  display: block;
  background-color: brown;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.tResult p > span.multiResult {
  width: 90px;
}

.tResult div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tResult ul {
  display: flex;
  flex-direction: column;
  width: 85px;
  padding: 15px 0;
  justify-content: center;
  align-items: center;
}

.tResult ul li {
  display: block;
  color: #fff;
  font-size: 28px;
}

.tResult ul li:first-child {
  font-size: 28px;
}

.tResult ul li:last-child {
  font-size: 24px;
  letter-spacing: 1px;
}

.tResult ul li > span {
  color: #000;
  font-weight: bold;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #aaa;
}

.tResult ul li > span.append {
  background-color: #ffbf11;
}

.active {
  background-color: brown;
  color: #fff;
}

.totalnav > span {
  cursor: pointer;
}

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

.description > div {
  border: 1px solid #fff;
  padding: 10px;
  width: 100%;
}

.description > div > p {
  padding: 2px 0;
  font-size: large;
  color: #fff;
}

.description > div > p:first-child {
  margin-left: 5px;
}

.description > div > p > span {
  margin: 0 5px;
  color: #ffbf11;
}

.description > div > p input {
  width: 66px;
  height: 25px;
  line-height: 25px;
  font-size: large;
  outline: none;
  padding-left: 5px;
}

.typeswitch > p {
  color: #ffbf11;
  text-align: center;
  font-weight: 600;
  margin: 10px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.typeswitch > p::before,
.typeswitch > p::after {
  content: "";
  flex: auto;
  border-bottom: 2px solid #ffbf11;
  margin: auto;
}

.typeswitch > p::before {
  margin-right: 10px;
}

.typeswitch > p::after {
  margin-left: 10px;
}

.typeswitch > span {
  margin: 5px 0;
  text-align: center;
  padding: 5px 10px;
  letter-spacing: 2px;
  display: inline-block;
  font-size: large;
  cursor: pointer;
}

.typeswitch > span > i {
  padding: 3px 6px;
}

li.spec span,
li.conspec span {
  background-color: brown;
}

.styleB > span {
  background: #e02120 !important;
}

.styleS > span {
  background: #0686ee !important;
}

.pk10li2 li.styleL,
.pk10li2 li.styleH {
  font-weight: bold;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 4px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #333;
  margin-right: 10px;
}

@media screen and (max-width: 468px) {
  .pk10li2 li.styleL,
  .pk10li2 li.styleH {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}
.pk10li2 li.styleL {
  background: #0686ee;
}

.pk10li2 li.styleH {
  background: #e02120;
}

.longhu {
  margin-bottom: 5px;
}

.longhu li {
  text-align: left;
  width: auto;
  font-size: large;
  padding: 0;
}

.AUXY10 .pk10li.numerbox,
.XYFT .pk10li.numberbox,
.XYFT2 .pk10li.numberbox,
.KPPK10 .pk10li.numberbox,
.JSPK10 .pk10li.numberbox,
.JSXYFT .pk10li.numberbox,
.KPXYFT .pk10li.numberbox {
  height: 45px;
}

.AUXY10 .pk10li li,
.XYFT .pk10li li,
.XYFT2 .pk10li li,
.KPPK10 .pk10li li,
.JSPK10 .pk10li li,
.JSXYFT .pk10li li,
.KPXYFT .pk10li li {
  width: 10%;
}

.AUXY10 .pk10li li span,
.XYFT .pk10li li span,
.XYFT2 .pk10li li span,
.KPPK10 .pk10li li span,
.JSPK10 .pk10li li span,
.JSXYFT .pk10li li span,
.KPXYFT .pk10li li span {
  border-radius: 5px;
}

.AUXY10 .pk10li li span.n01,
.XYFT .pk10li li span.n01,
.XYFT2 .pk10li li span.n01,
.KPPK10 .pk10li li span.n01,
.JSPK10 .pk10li li span.n01,
.JSXYFT .pk10li li span.n01,
.KPXYFT .pk10li li span.n01 {
  background: #ffb10a;
}

.AUXY10 .pk10li li span.n02,
.XYFT .pk10li li span.n02,
.XYFT2 .pk10li li span.n02,
.KPPK10 .pk10li li span.n02,
.JSPK10 .pk10li li span.n02,
.JSXYFT .pk10li li span.n02,
.KPXYFT .pk10li li span.n02 {
  background: #0686ee;
}

.AUXY10 .pk10li li span.n03,
.XYFT .pk10li li span.n03,
.XYFT2 .pk10li li span.n03,
.KPPK10 .pk10li li span.n03,
.JSPK10 .pk10li li span.n03,
.JSXYFT .pk10li li span.n03,
.KPXYFT .pk10li li span.n03 {
  background: #666;
}

.AUXY10 .pk10li li span.n04,
.XYFT .pk10li li span.n04,
.XYFT2 .pk10li li span.n04,
.KPPK10 .pk10li li span.n04,
.JSPK10 .pk10li li span.n04,
.JSXYFT .pk10li li span.n04,
.KPXYFT .pk10li li span.n04 {
  background: #ff5d11;
}

.AUXY10 .pk10li li span.n05,
.XYFT .pk10li li span.n05,
.XYFT2 .pk10li li span.n05,
.KPPK10 .pk10li li span.n05,
.JSPK10 .pk10li li span.n05,
.JSXYFT .pk10li li span.n05,
.KPXYFT .pk10li li span.n05 {
  background: #42d2e9;
}

.AUXY10 .pk10li li span.n06,
.XYFT .pk10li li span.n06,
.XYFT2 .pk10li li span.n06,
.KPPK10 .pk10li li span.n06,
.JSPK10 .pk10li li span.n06,
.JSXYFT .pk10li li span.n06,
.KPXYFT .pk10li li span.n06 {
  background: #9775ff;
}

.AUXY10 .pk10li li span.n07,
.XYFT .pk10li li span.n07,
.XYFT2 .pk10li li span.n07,
.KPPK10 .pk10li li span.n07,
.JSPK10 .pk10li li span.n07,
.JSXYFT .pk10li li span.n07,
.KPXYFT .pk10li li span.n07 {
  background: #b4b4b4;
}

.AUXY10 .pk10li li span.n08,
.XYFT .pk10li li span.n08,
.XYFT2 .pk10li li span.n08,
.KPPK10 .pk10li li span.n08,
.JSPK10 .pk10li li span.n08,
.JSXYFT .pk10li li span.n08,
.KPXYFT .pk10li li span.n08 {
  background: #7a0000;
}

.AUXY10 .pk10li li span.n09,
.XYFT .pk10li li span.n09,
.XYFT2 .pk10li li span.n09,
.KPPK10 .pk10li li span.n09,
.JSPK10 .pk10li li span.n09,
.JSXYFT .pk10li li span.n09,
.KPXYFT .pk10li li span.n09 {
  background: #e02120;
}

.AUXY10 .pk10li li span.n10,
.XYFT .pk10li li span.n10,
.XYFT2 .pk10li li span.n10,
.KPPK10 .pk10li li span.n10,
.JSPK10 .pk10li li span.n10,
.JSXYFT .pk10li li span.n10,
.KPXYFT .pk10li li span.n10 {
  background: #19c003;
}

.BingoBingo .OREKeno .pk10li.numberbox {
  height: 85px;
}

.BingoBingo .OREKeno .pk10li li {
  width: 10%;
}

.BingoBingo .OREKeno .pk10li li.spec span {
  background: #e02120;
}

.BingoBingo .OREKeno .pk10li li span {
  background: #18b3e7;
}

.BingoBingo .OREKeno .pk10li li span.special {
  background: #e02120;
}

.DWIN .pk10li {
  width: 330px;
}

.DWIN .pk10li.numberbox {
  height: 85px;
}

.DWIN .pk10li > li {
  width: 55px;
}

.DWIN .pk10li > li span {
  background: #18b3e7;
}

.SuperLotto .pk10li li.spec span,
.M638 .pk10li li.spec span {
  background: #e02120;
}

.SuperLotto .pk10li li span,
.M638 .pk10li li span {
  background: #19c003;
}

.SuperLotto .pk10li li span.special,
.M638 .pk10li li span.special {
  background: #e02120;
}

.Fantasy5 .pk10li span,
.DaywaLotto .pk10li span {
  text-shadow: -1px 1px 1px #ddd;
  background: #f5f5f5;
  color: #111;
}

.BigLotto .pk10li li.spec span,
.M649 .pk10li li.spec span {
  background: #e02120;
}

.BigLotto .pk10li li span,
.M649 .pk10li li span {
  background: #ffb10a;
}

.BigLotto .pk10li li span.special,
.M649 .pk10li li span.special {
  background: #e02120;
}

.MARKSIX .pk10li li {
  width: 12%;
}

.MARKSIX .pk10li li.ball-red span {
  background: #d32f2c;
}

.MARKSIX .pk10li li.ball-green span {
  background: #428c24;
}

.MARKSIX .pk10li li.ball-blue span {
  background: #3b8abe;
}

.DayLotto .pk10li li span,
.M539 .pk10li li span {
  background: #0686ee;
}

@media screen and (min-width: 540px) {
  .DWIN ul.pk10li {
    width: 520px;
  }
  .DWIN ul.pk10li > li {
    width: 86px;
  }
}
@media screen and (min-width: 1024px) {
  .pk10li span {
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
}
body {
  font-family: "Open Sans", sans-serif;
}

.hamburger {
  z-index: 1001;
  padding: 5px;
  cursor: pointer;
}

.hamburger > span {
  display: block;
  width: 35px;
  height: 3px;
  background-color: #fff;
  margin: 7px;
  transition: all 0.2s;
}

.menu:checked ~ .hamburger > span {
  background-color: #fff;
}

.menu:checked ~ .hamburger > span:nth-child(1) {
  transform: rotate(135deg) translate(6px, -8px);
}

.menu:checked ~ .hamburger > span:nth-child(2) {
  opacity: 0;
}

.menu:checked ~ .hamburger > span:nth-child(3) {
  transform: rotate(-135deg) translate(6px, 8px);
}

.menu:checked ~ .header_block {
  position: fixed;
  width: 100%;
  max-width: 1024px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.8);
  display: block;
  z-index: 1000;
  margin: 0 auto;
}

.menu:checked ~ .header_block h1 {
  color: #fff;
  text-align: center;
  padding: 0.1rem 0;
  font-size: 25px;
}

.menu:checked ~ .header_block ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.menu:checked ~ .header_block ul li {
  margin: 15px 20px;
  background-color: #242b3b;
  padding: 10px;
  text-align: center;
  border: #fff solid 1px;
  border-radius: 5px;
  color: #fff;
}

.menu:checked ~ .header_block ul li:hover,
.menu:checked ~ .header_block ul li:active {
  border: #ffbf11 1px solid;
}

.menu:checked ~ .header_block ul li:hover > a,
.menu:checked ~ .header_block ul li:active > a {
  color: #ffbf11;
}

.menu:checked ~ .header_block ul li > a {
  font-size: large;
  color: #fff;
}

.displaynone {
  display: none;
}

.preDrawIssue {
  padding: 5px;
  letter-spacing: 1px;
  color: #ffbf11;
}

.middle_line div p {
  cursor: pointer;
}

@media screen and (max-width: 540px) {
  .menu:checked ~ .header_block h1 {
    padding: 15px 0;
  }
  .menu:checked ~ .header_block ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .menu:checked ~ .header_block ul li {
    margin: 10px;
    padding: 5px;
  }
  .menu:checked ~ .header_block ul li > a {
    font-size: 20px;
  }
}
.noAction {
  text-align: center;
  font-size: x-large;
  color: #fff;
  padding: 20px 0;
}

.backtop {
  position: fixed;
  right: 10vw;
  bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  color: #2a2e3c;
  background-color: #ffbf11;
  opacity: 0.8;
  cursor: pointer;
  z-index: 9;
}

.backtop > i {
  font-size: x-large;
}

.backtop:hover {
  opacity: 1;
}

.bodylock {
  overflow: hidden;
}