.main_header .main_header_top .my {
  background: #623ccf;
}
.main_header .main_header_top .situation {
  background: #1745ba;
}
.main_header .main_header_top:before {
  background: linear-gradient(111deg, #623ccf 50%, #1745ba 50%);
}

.play_top .play_title {
  background: url(../images/open/play/open_play_ttbg.png) bottom center no-repeat;
  height: 134px;
  padding-top: 32px;
  position: relative;
  z-index: 9;
}

.play_main {
  background: #6c7cde;
  margin-top: -18px;
  padding: 25px 35px 10px;
}
.play_main .play_main_top li .img .img_box {
  background: #4957ab;
}
.play_main .play_main_top li:not(:last-child):before {
  background: #4957ab;
}

.play_main .play_main_bottom .box .play_main_bottom_tt {
  color: #232d67;
}
.play_main .play_main_bottom .box .play_main_bottom_table table {
  border: 1px #4957ab solid;
}
.play_main .play_main_bottom .box .play_main_bottom_table table th {
  background: #4957ab;
}
.play_main .play_main_bottom .box .play_main_bottom_table table td {
  border-bottom: 1px #4957ab solid;
}

.play_footer {
  background: #4957ab url(../images/open/play/open_play_line.png) repeat-x;
}
.play_footer .play_footer_tt {
  background: url(../images/open/play/open_play_bg1.png);
  color: #fff;
}
.play_footer ul li {
  color: #fff;
}

#record .play_top .ranking_title,
#ranking .play_top .ranking_title {
  height: 134px;
  background: url(../images/open/record/open_record_ttbg.png) bottom center no-repeat;
}
#record .ranking_main,
#ranking .ranking_main {
  background: #6c7cde;
  padding: 0;
}

#record .play_top .open_rule,
#ranking .play_top .open_rule {
  bottom: -7px;
}
#record .play_main:before,
#ranking .play_main:before {
  content: "";
  width: 100%;
  height: 33px;
  background: #4957ab url(../images/open/play/open_play_line.png) center bottom repeat-x;
  display: block;
}

.record_main .record_table .record_main_date {
  background: #4957ab;
  padding: 5px;
}
.record_main .record_table .record_main_date input {
  display: none;
}
.record_main .record_table .record_main_date ul li.item {
  max-width: 260px;
  width: 100%;
  background: #232d67;
  font-size: 1.375em;
  padding: 5px;
  margin: 0 5px;
  text-align: center;
}

.record_main_list ul li.type2 div:nth-of-type(1) {
  color: #232d67;
}

.ranking_main .ranking_table ul:nth-of-type(even) {
  background: #4957ab;
}

.record_main_list ul li .schedule .score.dark {
  color: #ffee35;
}

.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 #4957ab 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 #6c7cde solid;
}

.record_main_integral dd {
  background: #6c7cde;
}

.record_main_integral dt {
  background: #232d67;
}

.ranking_main ul.page,
ul.page {
  background: #4957ab;
}
.ranking_main ul.page li a,
ul.page li a {
  background: #6c7cde;
  color: #fff;
}
.ranking_main ul.page li a:hover,
ul.page li a:hover {
  background: #232d67;
  color: #fff;
}
.ranking_main ul.page li.active a,
ul.page li.active a {
  background: #232d67;
  color: #fff;
}

#ranking ul.page {
  background: #6c7cde;
}
#ranking ul.page li a {
  background: #4957ab;
}
#ranking ul.page li a:hover {
  background: #232d67;
}
#ranking ul.page li.active a {
  background: #232d67;
}

#ranking .play_top .ranking_title {
  background: url(../images/open/ranking/open_ranking_ttbg.png) bottom center no-repeat;
  position: relative;
}

.open_rule .rule_main .rule_main_th {
  background: #232d67;
  color: #fff;
}

.open_rule .rule_main .rule_main_td {
  border-bottom: 1px #232d67 solid;
}

.load .box {
  background: #6c7cde;
}

.ranking_main .ranking_table ul.my {
  background: #fff696;
  color: #232d67;
}

.open_auto .open_auto_main {
  max-width: inherit;
}
.open_auto .open_auto_main .open_auto_top .btn_close {
  position: absolute;
  top: 0;
  right: 0;
}
.open_auto .open_auto_main .open_auto_bg {
  max-width: 346px;
  margin: auto;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box h3 {
  background: #232d67;
  color: #fff;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box ul {
  background: #4957ab;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box ul li {
  color: #ffe42c;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box .open_auto_btn a {
  box-shadow: none;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box p {
  background: #6c7cde;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box p.shadow {
  text-shadow: -1px -1px 0 #4957ab, 1px -1px 0 #4957ab, -1px 1px 0 #4957ab, 1px 1px 0 #4957ab;
}
.open_auto .open_auto_main .open_auto_bg .open_auto_box .description {
  background: #6c7cde;
  padding: 0;
  margin-bottom: 15px;
}

.open_auto.open_insufficient .open_auto_main .open_auto_bg .open_auto_box .box ul li {
  color: #ffee35;
}
.open_auto.open_insufficient .open_auto_main .open_auto_bg .open_auto_box .box ul li .red {
  color: #fff696;
}
.open_auto.open_insufficient .open_auto_main .open_auto_bg .open_auto_box .box a p {
  border-bottom: 1px #000 solid;
  color: #000;
}

.open_extension .open_auto_main {
  max-width: 510px;
  height: calc(100vh - 400px);
}

@media screen and (min-width: 500px) {
  .open_extension .open_auto_main .open_auto_bg {
    max-width: inherit;
  }
}
@media (max-width: 500px) {
  #play .play_top .play_title {
    background-size: auto;
    height: 134px;
  }
  #play .play_top .play_title img {
    max-width: inherit;
  }
  #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 {
    padding: 32px 0 0 0;
  }
  #ranking .play_top .ranking_title {
    background: url(../images/open/play/open_play_ttbg.png) bottom center no-repeat;
  }
  #ranking .play_top .ranking_title img,
  #record .play_top .ranking_title img {
    max-width: 311px;
  }
  .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 #4957ab solid;
    line-height: 10px;
  }
  .record_main_list ul li.type3 div:nth-of-type(3) {
    border-left: 1px #4957ab 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 #6c7cde 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 #6c7cde 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%;
  }
  .record_main_list ul li.type2 div:nth-of-type(2) {
    width: 20%;
    border-left: 1px #4957ab solid;
    text-align: left;
    padding-left: 6px;
  }
}/*# sourceMappingURL=style_new.css.map */