@charset "UTF-8";
/* CSS Document */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
}

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

ol {
  margin: 0;
}

iframe {
  width: 100%;
}

iframe, img {
  border: 0;
}

ul {
  list-style: none;
}

.clear {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

.block {
  display: block;
}

.t-align-center {
  text-align: center;
}

.t-align-left {
  text-align: left;
}

.t-align-right {
  text-align: right;
}

.w100 {
  width: 100%;
}

.w90 {
  width: 90%;
}

.w80 {
  border-radius: 30px 0 0 30px;
  background-color: #f89c00;
  width: 80%;
}

.w70 {
  width: 70%;
}

.w60 {
  width: 60%;
}

.w55 {
  width: 55%;
}

.w50 {
  width: 50%;
}

.w40 {
  width: 40%;
}

.w30 {
  width: 30%;
}

.w25 {
  width: 25%;
}

.w20 {
  width: 20%;
}

.w15 {
  width: 15%;
}

.w10 {
  width: 10%;
}

.w9 {
  width: 9%;
}

.w8 {
  width: 8%;
}

.w7 {
  width: 7%;
}

.w6 {
  width: 6%;
}

.w5 {
  width: 5%;
}

.w4 {
  width: 4%;
}

.m_10 {
  margin-bottom: 10px;
}

.m_20 {
  margin-bottom: 20px;
}

.m_30 {
  margin-bottom: 30px;
}

.m_40 {
  margin-bottom: 40px;
}

.m_50 {
  margin-bottom: 50px;
}

.m_60 {
  margin-bottom: 60px;
}

.m_70 {
  margin-bottom: 70px;
}

.m_80 {
  margin-bottom: 80px;
}

.m_90 {
  margin-bottom: 90px;
}

.m_170 {
  margin-bottom: 170px;
}

.m_180 {
  margin-bottom: 180px;
}

.m_250 {
  margin-bottom: 250px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@font-face {
  font-family: "Franklin";
  src: url("../fonts/FRAHV_1.woff") format("woff");
}
button {
  border: 0;
}

.red {
  color: #be1417;
}

.dark {
  color: #000;
}

.yellow {
  color: #ffee35;
}

.blue {
  color: #0013ff;
}

.d_no {
  display: none;
}

.d_block {
  display: block;
}

body a {
  transition: all 0.2s;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  background: #eaeaea;
  color: #616161;
  font-family: 微软雅黑;
  font-size: 100%;
  position: relative;
  overflow-x: hidden;
  height: 100vh; /* 为不支持自定义属性的浏览器做降级处理 */
  height: calc(var(--vh, 1vh) * 100);
}

.container {
  max-width: 1200px;
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
  position: relative;
}

.md .md-modal {
  max-width: 900px;
  width: calc(100vw - 100px);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2000;
  visibility: hidden;
  backface-visibility: hidden;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.3);
}
.md .md-modal .md-content {
  position: relative;
  margin: auto;
}
.md .md-modal .md-content video {
  width: 100%;
  height: 100%;
}
.md .md-close {
  border: 0;
  border-radius: 50%;
  background: #fff;
  width: 35px;
  height: 35px;
  color: #535353;
  padding: 0;
  position: absolute;
  top: -38px;
  right: 0;
  font-size: 35px;
  line-height: 35px;
  visibility: hidden;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  background: rgba(0, 0, 0, 0.98);
  transition: all 0.3s;
}

.md.active .md-modal {
  visibility: visible;
}
.md.active .md-overlay {
  opacity: 1;
  visibility: visible;
}
.md.active .md-close {
  visibility: visible;
  right: 1px;
}

.play_top .play_title {
  width: 100%;
  height: 101px;
  background: url(../images/open/play/open_play_ttbg.png) bottom center no-repeat;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}

.play_main {
  background: #68a32b;
  padding: 25px 35px 10px;
}
.play_main .play_main_top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  align-items: flex-start;
  margin-bottom: 25px;
}
.play_main .play_main_top li {
  width: calc(25% - 20px);
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  flex-direction: column;
  position: relative;
}
.play_main .play_main_top li .img {
  position: relative;
}
.play_main .play_main_top li .img .img_box {
  border: 4px #fff solid;
  background: #91d11b;
  border-radius: 100%;
  width: 120px;
  height: 120px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}
.play_main .play_main_top li .img:after {
  content: "";
  width: 45px;
  height: 46px;
  background: url(../images/open/play/open_play_nbg.png) no-repeat;
  color: #fff;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: -19px;
  z-index: 9;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  align-items: stretch;
  padding-top: 4px;
}
.play_main .play_main_top li strong {
  color: #fff;
  font-size: 1.375em;
  margin-bottom: 10px;
}
.play_main .play_main_top li p {
  color: #fff696;
  font-size: 1.125em;
  padding: 0 5px;
}
.play_main .play_main_top li:nth-of-type(1) .img:after {
  content: "01";
}
.play_main .play_main_top li:nth-of-type(2) .img:after {
  content: "02";
}
.play_main .play_main_top li:nth-of-type(3) .img:after {
  content: "03";
}
.play_main .play_main_top li:nth-of-type(4) .img:after {
  content: "04";
}
.play_main .play_main_top li:not(:last-child):before {
  content: "";
  width: 162px;
  height: 45px;
  background: #91d11b;
  border-top: 4px #fff solid;
  border-bottom: 4px #fff solid;
  display: block;
  position: absolute;
  top: 34px;
  right: -94px;
  z-index: 9;
}
.play_main .play_main_bottom {
  max-width: 550px;
  margin: auto;
}
.play_main .play_main_bottom .box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.play_main .play_main_bottom .box .play_main_bottom_tt {
  width: 198px;
  height: 34px;
  background: url(../images/open/play/open_play_bg3.png);
  color: #3a7400;
  text-align: center;
  line-height: 34px;
  font-size: 1.5em;
  margin-bottom: 5px;
}
.play_main .play_main_bottom .box .play_main_bottom_tt.ea {
  width: 291px;
  background: url(../images/open/play/open_play_bg4.png);
}
.play_main .play_main_bottom .box .play_main_bottom_table {
  width: 100%;
  background: #fff;
  padding: 8px;
  margin-bottom: 5px;
}
.play_main .play_main_bottom .box .play_main_bottom_table table {
  border: 1px #a5c881 solid;
  width: 100%;
}
.play_main .play_main_bottom .box .play_main_bottom_table table th {
  background: #52a300;
  color: #fff;
  font-size: 15px;
  text-align: center;
  padding: 2px;
}
.play_main .play_main_bottom .box .play_main_bottom_table table td {
  border-bottom: 1px #a5c881 solid;
  color: #080d40;
  text-align: center;
  font-size: 15px;
  padding: 2px;
}
.play_main .play_main_bottom .box p {
  color: #fff;
}

.play_footer {
  background: #94c23c url(../images/open/play/open_play_line.png) repeat-x;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 15px 30px;
}
.play_footer .play_footer_tt {
  width: 198px;
  height: 34px;
  background: url(../images/open/play/open_play_bg1.png);
  color: #dafe95;
  text-align: center;
  line-height: 34px;
  font-size: 1.5em;
  margin-bottom: 12px;
}
.play_footer ul {
  display: flex;
}
.play_footer ul li {
  width: 134px;
  height: 34px;
  background: url(../images/open/play/open_play_bg2.png) no-repeat;
  background-size: contain;
  color: #446b1c;
  font-size: 1.25em;
  text-align: center;
  line-height: 34px;
  padding-left: 8px;
}

#ranking .play_top .ranking_title,
#record .play_top .ranking_title {
  height: 110px;
  background: url(../images/open/ranking/open_ranking_tt-bg.jpg) repeat-x center bottom;
  position: relative;
}

.open_rule {
  position: absolute;
  bottom: 6px;
  right: 18px;
  z-index: 99;
}
.open_rule .rule_tt {
  text-align: right;
}
.open_rule .rule_tt a {
  color: #000;
  font-size: 1rem;
  display: block;
}
.open_rule .rule_main {
  max-width: 326px;
  width: 100vw;
  background: #fff;
  color: #080d40;
  position: absolute;
  top: 40px;
  right: 0;
  display: none;
}
.open_rule .rule_main .btn_close {
  position: absolute;
  top: -28px;
  left: 6px;
  z-index: 999;
  display: none;
}
.open_rule .rule_main ul {
  display: flex;
}
.open_rule .rule_main ul li {
  width: 50%;
  text-align: center;
  padding: 5px;
}
.open_rule .rule_main ul li span.yy {
  background: #f7ba5b;
}
.open_rule .rule_main .rule_main_th {
  background: #b0de81;
}
.open_rule .rule_main .rule_main_td {
  border-bottom: 1px #b0de81 solid;
}
.open_rule .rule_main:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 15px 7.5px;
  border-color: transparent transparent #fff transparent;
  display: block;
  position: absolute;
  top: -15px;
  right: 21px;
}
.open_rule .rule_main.active {
  display: block;
}

.ranking_main {
  background: #6ead2e;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.ranking_main .ranking_table {
  color: #fff;
  position: relative;
}
.ranking_main .ranking_table .ranking_th {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.ranking_main .ranking_table .ranking_th li {
  width: 20%;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  padding: 16px 5px;
}
.ranking_main .ranking_table .ranking_th li br {
  display: none;
}
.ranking_main .ranking_table .ranking_td {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.ranking_main .ranking_table .ranking_td li {
  width: 20%;
  height: 45px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  font-family: Arial, sans-serif;
  font-size: 1.25em;
  padding: 5px;
}
.ranking_main .ranking_table ul:nth-of-type(even) {
  background: #68a32c;
}
.ranking_main .ranking_table ul.my {
  background: #c0e086;
  color: #306000;
}
.ranking_main ul.page {
  display: flex;
  justify-content: center;
  padding: 10px;
}
.ranking_main ul.page li {
  padding: 0 5px;
}
.ranking_main ul.page li a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background: #7db93f;
  color: #68a32c;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  font-size: 1.125em;
  font-weight: bold;
}
.ranking_main ul.page li a:hover {
  background: #5f8f2e;
  color: #fff;
}
.ranking_main ul.page li.active a {
  background: #5f8f2e;
  color: #fff;
}

#record .play_top .ranking_title {
  height: 62px;
}
#record .play_top .ranking_title .open_rule .rule_main ul {
  flex-direction: column;
  padding: 10px;
}
#record .play_top .ranking_title .open_rule .rule_main ul li {
  width: 100%;
  text-align: left;
  padding: 0;
  margin-bottom: 5px;
}

.record_main .record_table .record_main_date {
  background: #68a32c;
  padding: 5px;
}
.record_main .record_table .record_main_date input {
  display: none;
}
.record_main .record_table .record_main_date ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  justify-content: center;
}
.record_main .record_table .record_main_date ul li.item {
  max-width: 260px;
  width: 100%;
  background: #5f8f2e;
  font-size: 1.375em;
  padding: 5px;
  margin: 0 5px;
  text-align: center;
}

.loading {
  color: #616161;
  font-size: 1.375em;
  text-align: center;
}

.load {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.load .box {
  background: #68a32b;
  border-radius: 20px;
  text-align: center;
  padding: 5px 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
.load .box p {
  color: #fff;
  display: inline-block;
  font-size: 1.25em;
  margin-left: 5px;
}

.ldx.ldx-cycle-alt {
  animation: ldx-cycle-alt 2s infinite linear;
}

.record_main_list {
  position: relative;
}
.record_main_list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  align-items: inherit;
}
.record_main_list ul li {
  display: flex;
}
.record_main_list ul li .schedule {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.record_main_list ul li .schedule .team {
  width: 40%;
}
.record_main_list ul li .schedule .score {
  width: 20%;
  text-align: center;
}
.record_main_list ul li .schedule .score p {
  font-size: 14px;
}
@media (max-width: 500px) {
  .record_main_list ul li .schedule .score p {
    line-height: 110%;
  }
}
.record_main_list ul span {
  display: inline-block;
  padding: 10px 5px;
}
.record_main_list ul li.type1 {
  width: 10%;
  justify-content: center;
  align-items: center;
}
.record_main_list ul li.type2 {
  border-right: 2px #68a32c solid;
  width: 35%;
}
.record_main_list ul li.type2 div:nth-of-type(1) {
  width: 90%;
  color: #346600;
}
.record_main_list ul li.type2 div:nth-of-type(2) {
  width: 10%;
  text-align: center;
  display: flex;
  align-items: center;
}
.record_main_list ul li.type3 {
  width: 40%;
}
.record_main_list ul li.type3 div:nth-of-type(1) {
  width: 10%;
  order: 1;
  text-align: center;
}
@media screen and (min-width: 800px) {
  .record_main_list ul li.type3 div:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.record_main_list ul li.type3 div:nth-of-type(2) {
  border-right: 2px #68a32c solid;
  width: 70%;
  order: 2;
}
.record_main_list ul li.type3 div:nth-of-type(3) {
  border-right: 2px #68a32c solid;
  width: 20%;
  order: 3;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .record_main_list ul li.type3 div:nth-of-type(3) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.record_main_list ul li.type4 {
  width: 15%;
  justify-content: center;
}
.record_main_list ul li.type4 span:first-of-type {
  width: 60%;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.record_main_list ul li.type4 span:last-of-type {
  width: 20%;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.record_main_list ul.no_data li {
  font-size: 1.25em;
  font-weight: bold;
  justify-content: center;
  width: 100%;
}

.record_main_integral {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  background: #6ead2e;
  color: #fff;
  font-size: 1.063em;
}
.record_main_integral dd,
.record_main_integral dt {
  width: 50%;
  text-align: center;
  padding: 15px 5px;
}
.record_main_integral dd {
  background: #75bc2c;
}
.record_main_integral dt {
  background: #5f8f2e;
}

.record_main_list ul li.type2,
.record_main_list ul li.type3 div:nth-of-type(2),
.record_main_list ul li.type3 div:nth-of-type(3) {
  border-right: 2px #68a32c solid;
}

.ranking_main .ranking_table ul:nth-of-type(even) li.type2,
.ranking_main .ranking_table ul:nth-of-type(even) li.type3 div:nth-of-type(2),
.ranking_main .ranking_table ul:nth-of-type(even) li.type3 div:nth-of-type(3) {
  border-right: 2px #6ead2e solid;
}

.lity-content {
  height: 100%;
}

.lity-box {
  width: 100vw;
  max-width: 1100px;
  overflow: auto;
}
.lity-box iframe {
  width: 100%;
  height: 100%;
}

.lity-hight {
  height: calc(100vh - 200px);
}

.lity-close,
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -40px;
  right: 15px;
}

.lity {
  background: rgba(0, 0, 0, 0.6);
}

.lity-content:after {
  box-shadow: none;
}

.img-change img:last-of-type {
  display: none;
}
@media (max-width: 1300px) {
  .img-change img:first-of-type {
    display: none;
  }
  .img-change img:last-of-type {
    display: inline-block;
  }
}

header {
  background-color: #eaeaea;
  box-shadow: 0px 0px 6px 0px #adadad;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 98;
}
header .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  z-index: 100;
  padding: 10px 15px;
}
header .container .menu ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
header .container .menu ul li {
  color: #535353;
  padding: 2px 0 2px 33px;
}
header .container .menu ul li a {
  color: #535353;
  font-size: 1.125em;
  display: inline-block;
  font-weight: bold;
}
header .container .menu ul li a:hover {
  color: #be1417;
}
header .container .menu ul li.cwc {
  background: url(../images/icon_cwc.png) no-repeat left center;
  background-size: contain;
}
header .container .menu ul li.record {
  background: url(../images/icon_record.png) no-repeat left center;
  background-size: contain;
}
header .container .menu ul li.play {
  background: url(../images/icon_play.png) no-repeat left center;
  background-size: contain;
}
header .container .menu ul li.sign {
  background: url(../images/icon_sign.png) no-repeat left center;
  background-size: contain;
}
header .container .menu ul li.phone {
  background: url(../images/icon_phone.png) no-repeat left center;
  background-size: contain;
}
header .container .menu ul li.service {
  background: url(../images/icon_service_r.png) no-repeat left center;
  background-size: contain;
}
header .container .menu ul li.ranking {
  background: url(../images/icon_ranking.png) no-repeat left center;
  background-size: contain;
}
header .container .menu ul li.out {
  background: url(../images/icon_out.png) no-repeat left center;
  background-size: contain;
}
header .container .menu ul li:not(:last-child) {
  margin-right: 25px;
}

@media (max-width: 1200px) {
  body.leaderboard header .menu_button {
    display: none;
  }
  body.leaderboard header .menu {
    display: block;
  }
}
body.leaderboard main section .play_top .open_rule {
  bottom: -7px;
}
body.leaderboard main section .play_main {
  padding: 25px 0px 0;
}
body.leaderboard main section .play_main .txt {
  color: white;
  font-size: clamp(15px, 3vw, 18px);
  text-align: center;
  margin: 15px 0;
  padding: 0 15px;
}
@media (max-width: 1200px) {
  body.leaderboard main section .play_main .menu_button {
    display: none;
  }
  body.leaderboard main section .play_main .menu {
    display: block;
  }
}

.banner {
  padding-top: 48px;
}

.mob-menu {
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  pointer-events: none;
}
.mob-menu .mob-menu_main {
  width: 100%;
  height: auto;
  display: flex;
  padding-top: 45px;
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: 99;
  transition: 0.2s ease-in-out;
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.mob-menu .mob-menu_main .mob-menu_box {
  height: 100%;
  background: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 45px 15px;
  overflow: auto;
}
.mob-menu .mob-menu_main .mob-menu_box .mob-menu_tt {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 45px;
  padding-top: 45px;
  position: relative;
}
.mob-menu .mob-menu_main .mob-menu_box .mob-menu_tt img {
  width: 100%;
  max-width: 84px;
  position: absolute;
  top: -44px;
}
.mob-menu .mob-menu_main .mob-menu_box .mob-menu_tt h2 {
  color: #be1417;
  font-size: 1.5em;
  margin: 5px 0 10px;
}
.mob-menu .mob-menu_main .mob-menu_box .mob-menu_tt p {
  color: #616161;
  font-size: 0.9em;
}
.mob-menu .mob-menu_main .mob-menu_box ul {
  width: 100%;
  max-width: 253px;
  margin-bottom: 30px;
}
.mob-menu .mob-menu_main .mob-menu_box ul li {
  margin-bottom: 5px;
}
.mob-menu .mob-menu_main .mob-menu_box ul li a {
  color: #000;
  font-size: 1.25em;
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.mob-menu .mob-menu_main .mob-menu_box ul li:not(:last-child) {
  border-bottom: 1px #e0e0e0 solid;
}
.mob-menu .mob-menu_main .mob-menu_box .sign_btn {
  width: 100%;
  border-radius: 20px;
  max-width: 215px;
  background: #eaeaea;
  text-align: center;
  padding: 15px;
}
.mob-menu .mob-menu_main .mob-menu_box .sign_btn a {
  color: #000;
  display: inline-block;
  font-size: 1.25em;
}

.mob-menu_overlay {
  background-color: #000;
  opacity: 0;
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.2s;
}

.rwd-menu.open {
  pointer-events: initial;
}
.rwd-menu.open .mob-menu_main {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.rwd-menu.open .mob-menu_overlay {
  visibility: visible;
  pointer-events: initial;
  opacity: 0.5;
}

.btn {
  display: inline-block;
  text-decoration: none;
  font-family: "Arvo", courier, serif;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 5px 15px;
  margin: 0 5px 5px 0;
  background: #4e443c;
  box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
}
.btn:hover {
  background-color: #9a9994;
  box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0, rgba(0, 0, 0, 0.15) 0 1px 3px inset;
}

.menu_button {
  display: inline-block;
  position: relative;
  padding: 0.7rem 0.5rem;
  transition: 0.25s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: none;
}
.menu_button .menuicon {
  position: relative;
  width: 2rem;
  height: 0.2rem;
  background: #acacac;
  transition: 0.2s;
  border-radius: 2.5rem;
}
.menu_button .menuicon:before, .menu_button .menuicon:after {
  display: block;
  content: "";
  height: 0.2rem;
  width: 2rem;
  background: #acacac;
  position: absolute;
  transition: 0.2s;
  border-radius: 1rem;
}
.menu_button .menuicon:before {
  top: 0.5rem;
}
.menu_button .menuicon:after {
  top: -0.5rem;
}

section {
  position: relative;
}

.slick-dots {
  bottom: 20px;
}
.slick-dots li button:before {
  color: #fff;
  font-size: 12px;
}
.slick-dots li.slick-active button:before {
  color: #be1417;
}

.slick-dotted.slick-slider {
  margin: 0;
}

.page_banner {
  margin-bottom: 30px;
}
.page_banner .slick-dots {
  bottom: 0;
}

.i_banner {
  display: none;
}

.p_banner,
.p_process {
  display: none;
}

.index_main {
  background: #191c64;
  border-top: 4px solid #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  flex-direction: column;
  padding: 30px 15px 15px;
}
.index_main .index_main_btn {
  width: 311px;
  height: 74px;
  color: #191c64;
  display: block;
  background: url(../images/btn.png) no-repeat;
  font-size: 2.25em;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  margin-bottom: 5px;
}
.index_main .index_main_btn span {
  line-height: 38px;
}
.index_main .index_main_btn:hover {
  background: url(../images/btn-hover.png) no-repeat;
  background-size: contain;
}
.index_main > p {
  border-radius: 20px;
  background: #01033e;
  color: #dadbff;
  font-size: 1.313em;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 10px 20px;
  letter-spacing: 3px;
}

.index_process {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.index_process ul {
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.index_process ul li {
  width: 25%;
  position: relative;
}
.index_process ul li figure {
  text-align: center;
}
.index_process ul li figure img {
  max-height: 68px;
}
.index_process ul li figure p {
  color: #6a6cbc;
  font-size: 1.25em;
  font-weight: bold;
  padding-top: 15px;
}
.index_process ul li:not(:last-child):before {
  content: "";
  width: 50px;
  height: 23px;
  background: url(../images/icon_process_arrow.png) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 37px;
  right: -30px;
}

.ldx.ldx-pulse {
  animation: ldx-pulse 1.5s infinite linear;
}

.menu_below {
  display: none;
}
.menu_below ul {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 0;
  z-index: 98;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.menu_below ul li {
  width: 20%;
}
.menu_below ul li a {
  color: #000;
  padding: 10px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  flex-direction: column;
}

.mob-landscape {
  background: #000;
  opacity: 0;
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  visibility: hidden;
  pointer-events: none;
}
.mob-landscape img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.link .item {
  position: fixed;
  top: 25%;
  z-index: 100;
}
.link .link_hint {
  left: calc(50% + 421px);
  display: none;
  cursor: pointer;
}
.link a {
  width: 113px;
  left: calc(50% + 617px);
}
.link a picture {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1450px) {
  .link .item.link_hint {
    left: inherit;
    right: 140px;
  }
  .link .item {
    top: 11%;
    left: inherit;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .link .item.link_hint {
    right: 75px;
  }
  .link .item {
    width: auto;
    right: 15px;
  }
}
.link.open .link_hint {
  display: block;
}
.link.open .mob-menu_overlay {
  visibility: visible;
  pointer-events: auto;
  opacity: 0.6;
  z-index: 99;
}

.fix-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 15%;
  left: calc(50% + 617px);
  z-index: 98;
}
.fix-menu > ul > li {
  margin-bottom: 7px;
  position: relative;
}
.fix-menu > ul > li > a {
  border: 2px #377ee8 solid;
  border-radius: 10px;
  width: 70px;
  height: 70px;
  background: rgb(63, 87, 238);
  background: linear-gradient(180deg, rgb(63, 87, 238) 0%, rgb(16, 25, 208) 100%);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  font-weight: bold;
}
.fix-menu > ul > li > a p {
  font-size: 0.8em;
}
.fix-menu > ul > li > a:hover {
  background: rgb(100, 147, 255);
  background: linear-gradient(180deg, rgb(100, 147, 255) 0%, rgb(42, 93, 239) 100%);
}
.fix-menu > ul > li .drop-menu {
  display: none;
  padding: 0 28px 100px 0;
  position: absolute;
  top: 0;
  right: 52px;
}
.fix-menu > ul > li .drop-menu ul {
  border-radius: 5px;
  border: 2px #2841e1 solid;
  background: white;
  min-width: 183px;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  padding: 15px;
}
.fix-menu > ul > li .drop-menu ul li {
  font-size: 0.8em;
}
.fix-menu > ul > li .drop-menu ul li a {
  display: flex;
  color: #535353;
  align-items: center;
  grid-gap: 8px;
}
.fix-menu > ul > li .drop-menu ul li a:hover {
  color: #1424d4;
}
.fix-menu > ul > li .drop-menu ul li .qr {
  display: none;
  padding: 5px 0 0 23px;
  position: relative;
}
.fix-menu > ul > li .drop-menu ul li .qr p {
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fix-menu > ul > li .drop-menu ul li:hover .qr {
  display: block;
}
.fix-menu > ul > li .drop-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 8px;
  border-color: transparent transparent transparent #2840e1;
  display: block;
  position: absolute;
  top: 30px;
  right: 20px;
}
.fix-menu > ul > li:hover .drop-menu {
  display: block;
}

.main_header .main_header_top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  align-items: inherit;
  position: relative;
  overflow: hidden;
}
.main_header .main_header_top ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  flex-wrap: nowrap;
  padding: 10px 25px;
}
.main_header .main_header_top ul li {
  display: flex;
  align-items: center;
}
.main_header .main_header_top ul li strong {
  color: #fff;
  font-size: 1.063em;
  margin-right: 5px;
}
.main_header .main_header_top ul li .counter {
  background: url(../images/n_bg.png) right 2px center no-repeat;
  color: #000;
  font-size: 29px;
  font-weight: bold;
  letter-spacing: 3px;
  padding-left: 2px;
  font-family: Arial, sans-serif;
}
.main_header .main_header_top .my {
  background: #be1316;
  width: 60%;
}
.main_header .main_header_top .my .my_money {
  background: url(../images/icon_money.png) no-repeat left center;
  padding-left: 25px;
}
.main_header .main_header_top .my .my_tickets {
  background: url(../images/icon_tickets.png) no-repeat left center;
  padding-left: 25px;
}
.main_header .main_header_top .situation {
  background: #1745ba;
  width: 40%;
}
.main_header .main_header_top .situation .my_user {
  display: none;
}
.main_header .main_header_top .situation .situation_rank {
  background: url(../images/icon_my-rank.png) no-repeat left center;
  padding-left: 30px;
}
.main_header .main_header_top .situation .situation_rank .no {
  color: #eff6fe;
}
.main_header .main_header_top .situation .situation_integral {
  background: url(../images/icon_my-integral.png) no-repeat left center;
  padding-left: 25px;
}
.main_header .main_header_top:before {
  content: "";
  width: 21px;
  height: 54px;
  background: linear-gradient(111deg, #be1316 50%, #1745ba 50%);
  display: block;
  position: absolute;
  top: 0;
  left: 695px;
}

.main_header_date {
  background: #f7f7f8;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.main_header_date ul {
  width: 85.7142857143%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.main_header_date ul li {
  width: 14.2857142857%;
}
.main_header_date ul li a {
  color: #616161;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  flex-direction: column;
  padding: 15px 5px;
}
.main_header_date ul li a span {
  font-size: 1.125em;
}
.main_header_date ul li a p {
  font-size: 0.813em;
}
.main_header_date ul li.active a {
  background: #fff;
  color: #be1316;
}
.main_header_date .calendar {
  width: 14.2857142857%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
.main_header_date .calendar input {
  display: none;
}
.main_header_date .calendar img {
  cursor: pointer;
}
.main_header_date .main_header_date_select {
  display: none;
}

.main_header_show {
  position: sticky;
  top: 47px;
  z-index: 10;
}
.main_header_show .container p {
  background: #fff;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  padding: 10px;
}

.ui-datepicker {
  width: auto;
  z-index: 9999 !important;
}

.ui-widget-header {
  border: 0;
  background: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  border-radius: 100%;
  border: 0;
  background: none;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 32px;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover {
  background: #efefef;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #fa8691;
  color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #1745ba;
  color: #fff;
}

.ui-datepicker .ui-datepicker-title {
  color: #bababa;
  font-size: 1.5em;
  font-weight: 100;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 8px;
}

.ui-datepicker th {
  color: #bababa;
}

.main_header_list {
  background: #fff;
  padding: 10px 20px;
}
.main_header_list ul {
  background: #efefef;
}
.main_header_list ul li {
  color: #616161;
  padding: 5px 0;
}

.game_list_item {
  border: 1px solid #dedede;
  background: #fff;
  transition: all 0.5s ease-in-out;
  margin: 0px 0px 5px 0;
}

.game_list_item.get_on.active .game_list_index .guess button:before,
.game_list_item.go_down.active .game_list_index .guess button:before {
  content: "收 合";
}

.game_list_item.active {
  margin-bottom: 20px;
}

.main_header_list ul li:nth-of-type(3) .ticket,
.game_list_index .index {
  position: relative;
}
.main_header_list ul li:nth-of-type(3) .ticket .rule_main,
.game_list_index .index .rule_main {
  background: #fff;
  padding: 0;
  position: absolute;
  top: 48px;
  right: 17px;
  z-index: 99;
  display: none;
}
.main_header_list ul li:nth-of-type(3) .ticket .rule_main .btn_close,
.game_list_index .index .rule_main .btn_close {
  position: absolute;
  top: -28px;
  left: 6px;
  z-index: 999;
  display: none;
}
.main_header_list ul li:nth-of-type(3) .ticket .rule_main ul,
.game_list_index .index .rule_main ul {
  max-width: 210px;
  width: 100vw;
  background: #22333f;
  color: #fff;
  display: block;
  padding: 10px;
  white-space: nowrap;
}
.main_header_list ul li:nth-of-type(3) .ticket .rule_main ul li,
.game_list_index .index .rule_main ul li {
  width: 100%;
  color: #fff;
  display: block;
  text-align: left;
}
.main_header_list ul li:nth-of-type(3) .ticket .rule_main:before,
.game_list_index .index .rule_main:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 15px 7.5px;
  border-color: transparent transparent #5974b8 transparent;
  display: block;
  position: absolute;
  top: -15px;
  right: 80px;
}
.main_header_list ul li:nth-of-type(3) .ticket .rule_main.active,
.game_list_index .index .rule_main.active {
  display: block;
}

.main_header_list ul li:nth-of-type(3) .ticket .rule_main {
  top: 42px;
}
.main_header_list ul li:nth-of-type(3) .ticket .rule_main:before {
  border-color: transparent transparent #22333f transparent;
  right: 14px;
}

.game_list_item.hot .game_list_index {
  background: linear-gradient(270deg, #f7d356, #f6b95a 75%);
}
.game_list_item.hot .game_list_index li:nth-of-type(1),
.game_list_item.hot .game_list_index li:nth-of-type(2),
.game_list_item.hot .game_list_index li:nth-of-type(3) {
  color: #282828;
}
.game_list_item.hot .game_list_index .index a {
  color: #282828;
}
.game_list_item.hot .game_list_index .index a:hover {
  color: #1745ba;
}

.main_header_list ul,
.game_list_index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  align-items: stretch;
}
.main_header_list ul li,
.game_list_index li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  text-align: center;
}
.main_header_list ul li div,
.game_list_index li div {
  padding: 5px;
}
.main_header_list ul li:nth-of-type(1),
.game_list_index li:nth-of-type(1) {
  width: 30%;
}
.main_header_list ul li:nth-of-type(1) .match,
.main_header_list ul li:nth-of-type(1) .status,
.game_list_index li:nth-of-type(1) .match,
.game_list_index li:nth-of-type(1) .status {
  width: 30%;
}
.main_header_list ul li:nth-of-type(1) .time,
.game_list_index li:nth-of-type(1) .time {
  width: 40%;
}
.main_header_list ul li:nth-of-type(1) .index,
.game_list_index li:nth-of-type(1) .index {
  display: none;
}
.main_header_list ul li:nth-of-type(2),
.game_list_index li:nth-of-type(2) {
  width: 30%;
  justify-content: center;
}
.main_header_list ul li:nth-of-type(2) .team,
.game_list_index li:nth-of-type(2) .team {
  width: 40%;
}
.main_header_list ul li:nth-of-type(2) .score,
.game_list_index li:nth-of-type(2) .score {
  width: 20%;
}
.main_header_list ul li:nth-of-type(3),
.game_list_index li:nth-of-type(3) {
  width: 40%;
}
.main_header_list ul li:nth-of-type(3) .ticket,
.game_list_index li:nth-of-type(3) .ticket {
  width: 40%;
}
.main_header_list ul li:nth-of-type(3) .index,
.game_list_index li:nth-of-type(3) .index {
  width: 60%;
}
.main_header_list ul .index,
.game_list_index .index {
  width: 60%;
  position: relative;
}
.main_header_list ul .index > a,
.game_list_index .index > a {
  background: url(../images/icon_index.png) no-repeat left center;
  padding-left: 20px;
  color: #616161;
}
.main_header_list ul .index > a:hover,
.game_list_index .index > a:hover {
  color: #1745ba;
}
.main_header_list ul .index .rule_main table,
.game_list_index .index .rule_main table {
  width: 100%;
  white-space: nowrap;
  font-size: 0.9em;
}
.main_header_list ul .index .rule_main table th,
.game_list_index .index .rule_main table th {
  background: #5974b8;
  color: #fff;
  padding: 5px;
}
.main_header_list ul .index .rule_main table td,
.game_list_index .index .rule_main table td {
  border: 1px #e5e5e5 solid;
  color: #000;
  padding: 5px;
}
.main_header_list ul .index .rule_main.active,
.game_list_index .index .rule_main.active {
  display: block;
}

.game h2 {
  color: #616161;
  font-size: 1.375em;
  text-align: center;
  margin-bottom: 20px;
}
.game .game_list {
  background: #f3f3f3;
  padding: 10px 20px;
}

.game_list_index li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.game_list_index li:nth-of-type(1) {
  border-right: 1px solid #dedede;
  color: #919191;
}
.game_list_index li:nth-of-type(2) {
  border-right: 1px solid #dedede;
  color: #282828;
}
.game_list_index li:nth-of-type(2) .score {
  font-size: 1.125em;
  font-weight: bold;
}
.game_list_index li:nth-of-type(3) .guess button {
  width: 84px;
  background: #b4b4b4;
  color: #fff;
  padding: 5px 10px;
}
.game_list_index li:nth-of-type(4) {
  color: #616161;
}
.game_list_index li:nth-of-type(4) .index img {
  margin-right: 5px;
}

.premier .game_list_index {
  border-left: 5px #510058 solid;
}

.bundesliga .game_list_index {
  border-left: 5px #d00614 solid;
}

.french .game_list_index {
  border-left: 5px #d7e200 solid;
}

.laliga .game_list_index {
  border-left: 5px #004f9e solid;
}

.serie_a .game_list_index {
  border-left: 5px #002b62 solid;
}

.guess_main {
  border-top: 1px #dedede solid;
  padding: 10px 5px 25px;
}

.guess_main_team {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  margin-bottom: 15px;
  position: relative;
}
.guess_main_team .team {
  width: 40%;
}
.guess_main_team .team.main {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.guess_main_team .team.guest {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.guess_main_team .team span {
  color: #3a3a3a;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0 20px;
}
.guess_main_team .team img {
  max-height: 76px;
}
.guess_main_team .time {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.guess_main_team .time .time_tt {
  margin-bottom: 10px;
}
.guess_main_team .time .time_tt strong {
  font-size: 1.25em;
}
.guess_main_team .time .clock {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.guess_main_team .time .clock strong {
  border-radius: 5px;
  background: #3a3a3a;
  color: #fff;
  font-size: 1.563em;
  padding: 3px 5px;
}
.guess_main_team .time .clock strong.second {
  background: #ee1a1a;
}
.guess_main_team .time .clock p {
  padding: 0 5px;
}
.guess_main_team .rule {
  position: absolute;
  top: 0;
  right: 30px;
}
.guess_main_team .rule .rule_tt a {
  color: #7c7474;
  font-size: 14px;
  text-align: right;
  display: block;
}
.guess_main_team .rule ul {
  background-color: rgba(142, 158, 199, 0.9);
  color: #fff;
  margin-top: 16px;
  padding: 10px;
  position: relative;
  display: none;
}
.guess_main_team .rule ul li {
  margin-bottom: 10px;
}
.guess_main_team .rule ul li span {
  color: #002584;
}
.guess_main_team .rule ul li span.red {
  color: #be1316;
}
.guess_main_team .rule ul:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 15px 7.5px;
  border-color: transparent transparent #98a7cc transparent;
  display: block;
  position: absolute;
  top: -15px;
  right: 21px;
}
.guess_main_team .rule ul.active {
  display: block;
}

.guess_main_box {
  max-width: 450px;
  margin: auto;
}
.guess_main_box h3 {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

.guess_main_result {
  margin-bottom: 15px;
}
.guess_main_result ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.guess_main_result ul li {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.guess_main_result ul li a,
.guess_main_result ul li .guess_main_result_btn {
  border: 1px #cecece solid;
  border-radius: 30px;
  width: 100%;
  color: #7a7a7a;
  font-size: 1.063em;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
}
.guess_main_result ul li .progressbar {
  width: 100%;
  height: 7px;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 5px;
}
.guess_main_result ul li .progressbar .proggress {
  height: 7px;
  border-radius: 10px;
}
.guess_main_result ul li span {
  color: #838383;
  font-size: 12px;
}
.guess_main_result ul li.main_win .proggress {
  background: #be1316;
}
.guess_main_result ul li.draw .proggress {
  background: #4cc381;
}
.guess_main_result ul li.guest_win .proggress {
  background: #1745ba;
}

.guess_main_bet {
  margin-bottom: 15px;
}
.guess_main_bet ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.guess_main_bet ul li {
  width: 33.3333333333%;
  text-align: center;
}
.guess_main_bet ul li .form_counter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  justify-content: center;
}
.guess_main_bet ul li .form_counter .down,
.guess_main_bet ul li .form_counter .up {
  border: 1px #cecece solid;
  border-radius: 5px;
  width: 26px;
  height: 26px;
  line-height: 22px;
  color: #000;
  font-size: 24px;
  text-align: center;
}
.guess_main_bet ul li .form_counter input {
  border: 1px #cecece solid;
  border-radius: 5px;
  width: 46px;
  height: 26px;
  text-align: center;
  margin: 0 5px;
}
.guess_main_bet ul li.tt span {
  font-size: 1.563em;
  font-weight: bold;
}

.guess_main_send button {
  border: 1px #fff solid;
  box-shadow: 0px 0px 0px 2px #cedff3;
  border-radius: 30px;
  width: 176px;
  color: #3a3a3a;
  padding: 7px;
}

.game_list_item.nba .guess_main_box {
  max-width: inherit;
}
.game_list_item.nba .guess_main_box .guess_main_result {
  max-width: 450px;
  margin: 0 auto 15px;
}
.game_list_item.nba .guess_main_box .guess_main_bet {
  max-width: 525px;
  margin: auto;
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  flex-wrap: nowrap;
}
.game_list_item.nba .guess_main_box .guess_main_bet strong {
  font-size: 1.563em;
}
.game_list_item.nba .guess_main_box .guess_main_bet ul {
  width: 100%;
  max-width: 215px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.game_list_item.nba .guess_main_box .guess_main_bet ul li {
  width: calc(33.3333333333% - 5px);
  text-align: center;
}
.game_list_item.nba .guess_main_box .guess_main_bet ul li a,
.game_list_item.nba .guess_main_box .guess_main_bet ul li .guess_main_bet_btn {
  border: 2px #cecece solid;
  color: #3a3a3a;
  display: block;
  padding: 5px;
}
.game_list_item.nba .guess_main_box .guess_main_bet ul li a span,
.game_list_item.nba .guess_main_box .guess_main_bet ul li .guess_main_bet_btn span {
  display: block;
}
.game_list_item.nba .guess_main_box .guess_main_bet ul li a span.fraction,
.game_list_item.nba .guess_main_box .guess_main_bet ul li .guess_main_bet_btn span.fraction {
  font-size: 1.5em;
}
.game_list_item.nba .guess_main_box .guess_main_bet ul li a span.unit,
.game_list_item.nba .guess_main_box .guess_main_bet ul li .guess_main_bet_btn span.unit {
  font-size: 1.25em;
}
.game_list_item.nba .guess_main_box .guess_main_bet ul li.active a {
  background: #be1316;
  color: #fff;
}
.game_list_item.nba .guess_main_box .guess_main_bet ul li.active .guess_main_bet_btn {
  background: #3a3a3a;
  color: #fff;
}
@media (max-width: 500px) {
  .game_list_item.nba .guess_main_box .guess_main_bet ul {
    max-width: 136px;
  }
  .game_list_item.nba .guess_main_box .guess_main_bet ul li {
    width: calc(33.3333333333% - 3px);
  }
  .game_list_item.nba .guess_main_box .guess_main_bet ul li a span.unit,
  .game_list_item.nba .guess_main_box .guess_main_bet ul li a span.fraction,
  .game_list_item.nba .guess_main_box .guess_main_bet ul li .guess_main_bet_btn span.unit,
  .game_list_item.nba .guess_main_box .guess_main_bet ul li .guess_main_bet_btn span.fraction {
    font-size: 1em;
  }
}

.get_on button,
.go_down button {
  cursor: pointer;
}
.get_on button[disabled],
.go_down button[disabled] {
  cursor: inherit;
}

.game_list_item.get_on .game_list_index .guess button {
  background: #be1316;
}
.game_list_item.get_on .game_list_index .guess button:before {
  content: "立即竞猜";
}
.game_list_item.get_on .guess_main .guess_main_result ul li.main_win.active a {
  background: #be1316;
  color: #fff;
}
.game_list_item.get_on .guess_main .guess_main_result ul li.draw.active a {
  background: #4cc381;
  color: #fff;
}
.game_list_item.get_on .guess_main .guess_main_result ul li.guest_win.active a {
  background: #1745ba;
  color: #fff;
}
.game_list_item.get_on .guess_main .guess_main_bet .down,
.game_list_item.get_on .guess_main .guess_main_bet .up {
  background: #f1f1f1;
}
.game_list_item.get_on .guess_main .guess_main_send button {
  background: rgb(255, 234, 90);
  background: linear-gradient(180deg, rgb(255, 234, 90) 48%, rgb(250, 191, 39) 100%);
}
.game_list_item.get_on .guess_main .guess_main_send button:hover {
  background: rgb(255, 234, 90);
  background: linear-gradient(0deg, rgb(255, 234, 90) 48%, rgb(250, 191, 39) 100%);
}

.game_list_item.go_down .game_list_index .guess button {
  background: #1745ba;
}
.game_list_item.go_down .game_list_index .guess button:before {
  content: "查看";
}
.game_list_item.go_down .guess_main .guess_main_result ul li.active .guess_main_result_btn {
  background: #5b5b5b;
  color: #fff;
}
.game_list_item.go_down .guess_main .guess_main_bet .down,
.game_list_item.go_down .guess_main .guess_main_bet .up {
  background: transparent;
}
.game_list_item.go_down .guess_main .guess_main_bet input {
  background: #5b5b5b;
  color: #fff;
}
.game_list_item.go_down .guess_main .guess_main_send button {
  background: transparent;
}

.open-btn {
  background: #fff;
  padding: 10px;
}
.open-btn ul {
  display: flex;
  justify-content: center;
}
.open-btn ul li {
  width: 20%;
  text-align: center;
}
.open-btn ul li a {
  color: #000;
}
.open-btn ul li a:hover {
  color: #be1417;
}

.open_auto {
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  pointer-events: none;
}
.open_auto .open_auto_main {
  max-width: 346px;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  bottom: initial;
  z-index: 99;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  padding: 0;
  opacity: 0;
}
.open_auto .open_auto_main .open_auto_top {
  position: relative;
  text-align: center;
}
.open_auto .open_auto_main .open_auto_top .btn_close {
  position: absolute;
  bottom: 8px;
  right: 0;
}
.open_auto .open_auto_main .open_auto_bg {
  box-shadow: 0px 0px 8px 0px #585858;
  background: url(../images/open/auto/open_auto_bg_main.png) center;
  position: relative;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box {
  background: url(../images/open/auto/open_auto_bg_main2.png) center no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box h3 {
  background: #3b4f07;
  border-radius: 15px;
  color: #ffe743;
  font-size: 1.563em;
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 10px;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box ul {
  width: calc(100% - 94px);
  background: #88a932;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box ul li {
  color: #fff;
  margin-bottom: 5px;
  font-size: 1.375em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box ul li span {
  width: 50%;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box .description {
  color: #fff;
  font-size: 1.375em;
  text-align: center;
  padding: 15px 0;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box .open_auto_btn {
  margin-bottom: 10px;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box .open_auto_btn a {
  border: 1px #fff solid;
  box-shadow: 0px 0px 0px 2px #7a9f1b;
  background: linear-gradient(180deg, #ffea5a 48%, #fabf27 100%);
  border-radius: 30px;
  color: #3a3a3a;
  padding: 7px 32px;
  display: block;
  font-weight: bold;
  letter-spacing: 2px;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box .open_auto_btn a:hover {
  background: rgb(255, 234, 90);
  background: linear-gradient(0deg, rgb(255, 234, 90) 48%, rgb(250, 191, 39) 100%);
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box p {
  color: #fff;
  font-size: 0.8em;
  padding: 0 10px;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box p.dark {
  color: #000;
}
.open_auto .open_auto_main .open_auto_bg:before, .open_auto .open_auto_main .open_auto_bg:after {
  content: "";
  width: 346px;
  height: 20px;
  display: block;
}
.open_auto .open_auto_main .open_auto_bg:before {
  background: url(../images/open/auto/open_auto_bg_top.png) center no-repeat;
}
.open_auto .open_auto_main .open_auto_bg:after {
  background: url(../images/open/auto/open_auto_bg_bottom.png) center no-repeat;
}

.open_auto.open {
  pointer-events: auto;
}
.open_auto.open .open_auto_main {
  opacity: 1;
}
.open_auto.open .mob-menu_overlay {
  visibility: visible;
  pointer-events: auto;
  opacity: 0.6;
}

.open_extension .open_auto_main {
  width: 100%;
  max-width: 510px;
  height: calc(100vh - 400px);
  overflow-y: auto;
}
.open_extension .open_auto_main .open_auto_top {
  text-align: center;
}
.open_extension .open_auto_main .open_auto_bg .open_auto_box ul li {
  color: #000;
  font-size: 1em;
  text-align: center;
}
.open_extension .open_auto_main .open_auto_bg .open_auto_box ul li span:first-of-type {
  width: 40%;
}
.open_extension .open_auto_main .open_auto_bg .open_auto_box ul li span:last-of-type {
  width: 60%;
}
.open_extension .open_auto_main .open_auto_bg .open_auto_box p {
  font-size: 1.125em;
}
.open_extension .open_auto_main .open_auto_bg:before, .open_extension .open_auto_main .open_auto_bg:after {
  width: 100%;
  max-width: 510px;
  height: 21px;
}

@media screen and (min-width: 500px) {
  .open_extension .open_auto_main .open_auto_bg {
    background: url(../images/open/auto/open_auto_bg_main-long.png) center;
  }
  .open_extension .open_auto_main .open_auto_bg .open_auto_box {
    background: url(../images/open/auto/open_auto_bg_main2-long.png) center no-repeat;
  }
  .open_extension .open_auto_main .open_auto_bg:before {
    background: url(../images/open/auto/open_auto_bg_top-long.png) center top no-repeat;
  }
  .open_extension .open_auto_main .open_auto_bg:after {
    background: url(../images/open/auto/open_auto_bg_bottom-long.png) center bottom no-repeat;
  }
}
.open_auto.open_insufficient .open_auto_main .open_auto_bg .open_auto_box .box {
  width: calc(100% - 134px);
}
.open_auto.open_insufficient .open_auto_main .open_auto_bg .open_auto_box .box ul {
  width: 100%;
  padding: 10px;
}
.open_auto.open_insufficient .open_auto_main .open_auto_bg .open_auto_box .box ul li {
  color: #000;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}
.open_auto.open_insufficient .open_auto_main .open_auto_bg .open_auto_box .box p {
  border-bottom: 1px #354901 solid;
  color: #354901;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0;
  text-align: center;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.4);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
}

/* Handle on hover */
footer {
  color: #000;
  text-align: center;
  font-size: 1.125em;
  padding: 40px 0;
}

@media screen and (min-width: 1200px) {
  .menu {
    display: block !important;
  }
  .menu_mob {
    display: none !important;
  }
}
@media (max-width: 1450px) {
  .fix-menu {
    top: 20%;
    left: inherit;
    right: 20px;
  }
}
@media (max-width: 1200px) {
  .menu,
  .fix-menu {
    display: none;
  }
  .menu_button,
  .d_no,
  .menu_below {
    display: block;
  }
  .d_block {
    display: none;
  }
  body {
    font-size: 80%;
  }
  header {
    height: 45px;
  }
  header .container h1 img {
    max-height: 20px;
  }
  header.active .container .menu_button .menuicon {
    background: transparent;
  }
  header.active .container .menu_button .menuicon:before {
    top: 0;
    transform: rotate(-45deg);
  }
  header.active .container .menu_button .menuicon:after {
    top: 0;
    transform: rotate(45deg);
  }
  header.active .md-overlay {
    opacity: 1;
    visibility: visible;
  }
  .banner {
    margin-bottom: 1px;
    padding-top: 45px;
  }
  .main_header .container {
    padding: 0;
  }
  .main_header .container .main_header_top {
    flex-direction: column;
  }
  .main_header .container .main_header_top ul {
    width: 100%;
    justify-content: center;
  }
  .main_header .container .main_header_top ul li:not(:last-child) {
    margin-right: 5px;
  }
  .main_header .container .main_header_top .my .my_user {
    display: none;
  }
  .main_header .container .main_header_top .situation .my_user {
    display: block;
  }
  .main_header .container .main_header_top:before {
    display: none;
  }
  .main_header_list {
    padding: 10px 5px;
  }
  .game .container {
    padding: 0;
  }
  .game .container .game_list {
    padding: 5px;
  }
  .game_list_index li:nth-of-type(1) .match img {
    display: none;
  }
  .main_header_list ul li div,
  .game_list_index li div {
    padding: 6px 2px;
  }
  .main_header_show {
    top: 45px;
  }
  .main_header_show .container {
    padding: 0;
  }
  footer {
    padding: 20px 0 94px;
  }
}
@media (max-width: 1024px) {
  .w_banner {
    display: none;
  }
  .i_banner {
    display: block;
  }
  .p_banner {
    display: none;
  }
  .open_rule .rule_main .btn_close,
  .game_list_index .index .rule_main .btn_close {
    display: block;
  }
  .play_main .play_main_top li:not(:last-child):before {
    display: none;
  }
  .game_list_index .index .rule_main {
    top: 39px;
    right: 0;
  }
  .game_list_index .index .rule_main:before {
    right: 20px;
  }
  .lity-box {
    width: calc(100vw - 20px);
    height: calc(110vh - 200px);
  }
}
@media (max-width: 767px) {
  .play_main .play_main_top li:not(:last-child):before,
  .guess_main_team .rule {
    display: none;
  }
}
@media (max-width: 500px) {
  .main_header_list {
    display: none;
  }
  .ranking_main .ranking_table .ranking_th li br {
    display: block;
  }
  .index_process ul li figure img {
    max-height: 40px;
  }
  .index_process ul li figure p {
    font-size: 0.9em;
  }
  .index_process ul li:not(:last-child):before {
    width: 22px;
    height: 10px;
    top: 16px;
    right: -6px;
  }
  .ranking_main .ranking_table .ranking_th li,
  .ranking_main .ranking_table .ranking_td li {
    font-size: 1em;
  }
  #play .play_top .play_title {
    background-size: contain;
    height: 75px;
  }
  #play .play_top .play_title img {
    max-width: 221px;
  }
  #play .play_main {
    padding: 20px 5px;
  }
  #play .play_main .play_main_top {
    margin: 0;
  }
  #play .play_main .play_main_top li {
    width: 50%;
    margin-bottom: 15px;
  }
  #play .play_main .play_main_top li .img .img_box {
    transform: scale(0.8);
  }
  #play .play_main .play_main_top li .img:after {
    left: -8px;
  }
  #play .play_footer {
    padding: 20px 5px 30px;
  }
  #play .play_footer ul {
    width: 100%;
  }
  #play .play_footer ul li {
    width: 25%;
    height: 21px;
    line-height: 21px;
    font-size: 1em;
    padding: 0;
  }
  #ranking .play_top .ranking_title,
  #record .play_top .ranking_title {
    height: auto;
    padding: 0 20px 28px;
  }
  .main_header .container .main_header_top ul {
    padding: 10px 5px;
  }
  .main_header .container .main_header_top ul li strong {
    font-size: 0.8em;
  }
  .main_header .container .main_header_top ul li .counter {
    background: #fff;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 5px 3px;
  }
  .open_rule .rule_main {
    max-width: 280px;
  }
  .main_header_date {
    padding: 10px 15px;
  }
  .main_header_date .calendar {
    width: calc(50% - 10px);
    background: #fff;
    padding: 10px;
    height: 40px;
    justify-content: flex-start;
  }
  .main_header_date ul {
    display: none;
  }
  .main_header_date .main_header_date_select {
    width: calc(50% - 10px);
    display: block;
    position: relative;
  }
  .main_header_date .main_header_date_select select {
    border: 0;
    background: #fff url(../images/icon_calendar-arrow.png) no-repeat top 17px right 7px;
    width: 100%;
    height: 40px;
    padding: 10px;
    -webkit-appearance: none;
  }
  .game h2 {
    margin-bottom: 10px;
  }
  .game_list_index {
    position: relative;
  }
  .game_list_index li:nth-of-type(1) {
    width: 100%;
  }
  .game_list_index li:nth-of-type(1) .match {
    width: 20%;
  }
  .game_list_index li:nth-of-type(1) .time {
    width: 20%;
  }
  .game_list_index li:nth-of-type(1) .status {
    width: 20%;
  }
  .game_list_index li:nth-of-type(1) .index {
    width: 40%;
    display: block;
  }
  .game_list_index li:nth-of-type(2) {
    border-bottom: 1px solid #dedede;
    width: 100%;
  }
  .game_list_index li:nth-of-type(2) .team span {
    font-size: 1.125rem;
    font-weight: bold;
  }
  .game_list_index li:nth-of-type(2) .score {
    font-size: 1.6em;
  }
  .game_list_index li:nth-of-type(3) {
    width: 100%;
    height: 37px;
  }
  .game_list_index li:nth-of-type(3) .ticket {
    width: 100%;
    padding: 10px 2px;
  }
  .game_list_index li:nth-of-type(3) .ticket span:before {
    content: "消耗竞猜门票";
    padding-right: 5px;
  }
  .game_list_index li:nth-of-type(3) .index {
    display: none;
  }
  .guess_main {
    padding: 10px 5px;
  }
  .guess_main .guess_main_team .team {
    width: 30%;
  }
  .guess_main .guess_main_team .team img {
    max-height: 55px;
  }
  .guess_main .guess_main_team .team span {
    font-size: 0.9rem;
    padding: 0;
  }
  .guess_main .guess_main_team .team.main {
    flex-direction: column-reverse;
  }
  .guess_main .guess_main_team .team.guest {
    flex-direction: column;
  }
  .guess_main .guess_main_team .time {
    width: 40%;
  }
  .guess_main .guess_main_team .time .time_tt {
    margin-bottom: 5px;
  }
  .guess_main .guess_main_team .time .clock strong {
    font-size: 1.125rem;
  }
  .guess_main .guess_main_team .time .clock p {
    padding: 0;
  }
  .game_list_item.active {
    margin-bottom: 5px;
  }
  .game_list_index li:nth-of-type(3) .guess button {
    width: 100%;
    height: 37px;
    padding: 10px;
  }
  .record_main_list ul li.type1,
  .record_main_list ul li.type2,
  .record_main_list ul li.type3,
  .record_main_list ul li.type4,
  .record_main_list ul .record_main .record_table .record_main_date ul li.item {
    width: 100%;
  }
  .record_main_list ul li.type1 {
    text-align: left;
    justify-content: flex-start;
  }
  .record_main_list ul li.type2 div:nth-of-type(1) {
    width: 80%;
    padding-right: 37px;
  }
  .record_main_list ul li.type2 div:nth-of-type(1) span {
    padding: 10px 2px;
  }
  .record_main_list ul li.type2 div:nth-of-type(2) {
    width: 20%;
    border-left: 1px #68a32c solid;
    text-align: left;
    padding-left: 6px;
  }
  .record_main_list ul li.type3 div:nth-of-type(1) {
    order: 2;
  }
  .record_main_list ul li.type3 div:nth-of-type(2) {
    order: 1;
  }
  .record_main_list ul li.type3 div:nth-of-type(3) {
    order: 3;
  }
  .record_main_list ul li.type3 .schedule span {
    padding: 10px 2px;
  }
  .record_main_list ul li.type4 span:first-of-type,
  .record_main_list ul li.type4 span:last-of-type {
    width: auto;
  }
  .record_main_integral {
    flex-direction: column;
  }
  .record_main_integral dd,
  .record_main_integral dt {
    width: 100%;
  }
  .record_main .record_table .record_main_date ul li img {
    max-width: 33px;
  }
  .record_main .record_table .record_main_date ul li.item {
    width: auto;
    padding: 7px;
    font-size: 1.2em;
  }
  .record_main_list ul li.type2,
  .record_main_list ul li.type3 div:nth-of-type(3),
  .record_main_list ul li.type3 div:nth-of-type(2) {
    border: 0;
  }
  .record_main_list ul li.type1,
  .record_main_list ul li.type3 {
    border-bottom: 1px #6a953e solid;
    line-height: 10px;
  }
  .record_main_list ul li.type3 div:nth-of-type(3) {
    border-left: 1px #6a953e solid;
  }
  .ranking_main .ranking_table ul:nth-of-type(even) li.type2,
  .ranking_main .ranking_table ul:nth-of-type(even) li.type2 div:nth-of-type(2),
  .ranking_main .ranking_table ul:nth-of-type(even) li.type3 div:nth-of-type(2),
  .ranking_main .ranking_table ul:nth-of-type(even) li.type3 div:nth-of-type(3) {
    border: 0;
  }
  .ranking_main .ranking_table ul:nth-of-type(even) li.type1,
  .ranking_main .ranking_table ul:nth-of-type(even) li.type3 {
    border-bottom: 1px #85be4b solid;
  }
  .ranking_main .ranking_table ul:nth-of-type(even) li.type2 div:nth-of-type(2),
  .ranking_main .ranking_table ul:nth-of-type(even) li.type3 div:nth-of-type(3) {
    border-left: 1px #85be4b solid;
  }
  .open_extension .open_auto_main {
    max-width: 346px;
    width: calc(100vw - 20px);
    height: calc(100vh - 200px);
  }
  .open_extension .open_auto_main .open_auto_bg .open_auto_box ul li {
    flex-direction: column;
    margin-bottom: 15px;
  }
  .open_extension .open_auto_main .open_auto_bg .open_auto_box ul li span:first-of-type,
  .open_extension .open_auto_main .open_auto_bg .open_auto_box ul li span:last-of-type {
    width: 100%;
  }
}
@media (max-width: 420px) {
  .banner img {
    width: 100%;
  }
  .w_banner,
  .w_process {
    display: none;
  }
  .i_banner {
    display: none;
  }
  .p_banner,
  .p_process {
    display: block;
  }
  .index_main .index_main_btn {
    width: 250px;
    height: 58px;
    background-size: contain;
  }
}
@media (max-width: 320px) {
  .ui-state-default,
  .ui-widget-content .ui-state-default {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .record_main_list ul li .schedule .score {
    white-space: nowrap;
  }
  .record_main_list ul li.type2 div:nth-of-type(2) {
    padding-left: 0;
  }
  .game_list_index .index .rule_main table td {
    padding: 2px;
  }
  .game_list_index li:nth-of-type(3) {
    width: 80px;
  }
}
@media screen and (max-height: 480px) and (orientation: landscape) {
  body {
    background: #000;
  }
  header {
    z-index: 1;
  }
  .mob-landscape {
    visibility: visible;
    pointer-events: initial;
    opacity: 1;
    display: block;
  }
}/*# sourceMappingURL=style.css.map */