.strip {
  width: 100%;
  height: 14px;
  display: flex;
}

.strip li {
  width: 23%;
  position: relative;
  height: 100%;
  background: #4b494a;
}

.strip li:first-child {
  width: 26%;
}

.strip li:first-child::after {
  position: absolute;
  right: 0;
  content: "";
  width: 3%;
  height: 100%;
  background: #0bbe63;
  clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 0% 100%);
}

.strip li:nth-child(2) {
  width: 26%;
  background: #0bbe63;
}

.strip li:nth-child(2)::after {
  position: absolute;
  right: 0;
  content: "";
  width: 3%;
  height: 100%;
  background: #f4d050;
  clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 0% 100%);
}

.strip li:nth-child(3) {
  width: 26%;
  background: #f4d050;
}

.strip li:nth-child(3)::after {
  position: absolute;
  right: 0;
  content: "";
  width: 3%;
  height: 100%;
  background: #ff562d;
  clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 0% 100%);
}

.strip li:last-child {
  width: 22%;
  background: #ff562d;
}

.page {
  width: 100%;
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  margin-top: 20px;
}

.page .pagination {
  display: flex;
  gap: 10px;
  user-select: none;
}

.page .pagination li {
  width: auto;
  height: auto;
  padding: 3px 10px;
  border-radius: 5px;
  border: 2px solid #e5e5e5;
}

.page .pagination li:hover {
  background: #ff562d;
}

.page .pagination li:hover a {
  color: #fff;
}

.page .pagination li span,
.page .pagination li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: #000002;
  font-size: 14px;
}

.page .pagination .active {
  background: #ff562d;
}

.page .pagination .active span {
  color: #fff;
}

.page .pagination .disabled {
  cursor: pointer;
  user-select: none;
}

.page .pagination .disabled span {
  color: #cdcdcd;
  white-space: nowrap;
}

.page .pagination .omit {
  cursor: default;
  width: auto;
  border: none;
  background: none;
}

@media screen and (max-width: 768px) {
  .page {
    padding: 0.26667rem;
    margin-top: 0.26667rem;
  }

  .page .pagination {
    gap: 0.13333rem;
  }

  .page .pagination li {
    padding: 0.06667rem 0.13333rem;
    border-radius: 0.06667rem;
    border-width: 0.04rem;
  }

  .page .pagination li.Jump {
    display: none;
  }

  .page .pagination li span,
  .page .pagination li a {
    font-size: 0.34667rem;
  }
}

#gotop1 {
  width: 60px;
  position: fixed;
  bottom: 30%;
  cursor: pointer;
  z-index: 99998;
  right: 3%;
}

#gotop1 img {
  width: 100%;
}

#gotop1:hover {
  animation: rubberBand 1s;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.problem {
  display: flex;
  align-items: center;
  gap: 30px;
  height: 60px;
  user-select: none;
  margin-bottom: 20px;
}

.problem .depict {
  display: flex;
  align-items: center;
  gap: 12px;
}

.problem .depict img {
  width: auto;
  height: 38px;
}

.problem .depict strong {
  font-weight: bold;
  font-size: 18px;
  font-weight: bold;
  color: #010103;
}

.problem ol {
  flex: 1;
  height: 100%;
  overflow-x: auto;
  display: flex;
  align-items: center;
  gap: 15px;
}

.problem ol li {
  position: relative;
  white-space: nowrap;
  height: 100%;
  display: flex;
  align-items: center;
}

.problem ol li::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: #ff562d;
  transition: width 0.3s;
}

.problem ol li a {
  font-size: 14px;
  color: #010103;
  display: block;
  padding: 0 5px;
}

.problem ol li:hover::after {
  width: 100%;
}

.problem ol li:hover a {
  color: #ff562d;
}

.problem ol .is_active::after {
  width: 100%;
}

.problem ol .is_active a {
  color: #ff562d;
}

@media screen and (max-width: 768px) {
  .problem {
    gap: 0.4rem;
    height: 1.06667rem;
    margin-bottom: 0.26667rem;
  }

  .problem .depict {
    gap: 0.16rem;
  }

  .problem .depict img {
    height: 0.50667rem;
  }

  .problem .depict strong {
    font-size: 0.37333rem;
  }

  .problem ol {
    gap: 0.2rem;
  }

  .problem ol li::after {
    height: 0.05333rem;
  }

  .problem ol li a {
    font-size: 0.32rem;
    padding: 0 0.13333rem;
  }
}

.pick_series {
  width: 100%;
  overflow-x: auto;
  user-select: none;
}

.pick_series ol {
  display: flex;
  align-items: center;
  gap: 22px;
}

.pick_series ol li {
  position: relative;
  white-space: nowrap;
  padding-bottom: 12px;
}

.pick_series ol li::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  content: "";
  width: 0%;
  height: 2px;
  transition: width 0.3s;
  background-color: #ff562d;
}

.pick_series ol li a {
  color: #000002;
  font-size: 16px;
  font-weight: bold;
}

.pick_series ol li:hover a {
  color: #ff562d;
}

.pick_series ol li:hover::after {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .pick_series ol {
    gap: 0.29333rem;
  }

  .pick_series ol li {
    padding-bottom: 0.16rem;
  }

  .pick_series ol li a {
    font-size: 0.34667rem;
  }
}

@keyframes rotate4 {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash4 {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dashoffset: -125px;
  }
}

.await_icon {
  width: 20px;
  transform-origin: center;
  animation: rotate4 2s linear infinite;
}

.await_icon circle {
  fill: none;
  stroke: #ff562d;
  stroke-width: 2;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash4 1.5s ease-in-out infinite;
}

.start_icon {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@-webkit-keyframes loading-keys-app-loading {

  0%,
  80%,
  100% {
    opacity: 0.75;
    box-shadow: 0 0 #076fe5;
    height: 12px;
  }

  40% {
    opacity: 1;
    box-shadow: 0 -8px #076fe5;
    height: 16px;
  }
}

@keyframes loading-keys-app-loading {

  0%,
  80%,
  100% {
    opacity: 0.75;
    box-shadow: 0 0 #076fe5;
    height: 12px;
  }

  40% {
    opacity: 1;
    box-shadow: 0 -8px #076fe5;
    height: 16px;
  }
}

.start_icon .jimu-primary-loading:before,
.start_icon .jimu-primary-loading:after {
  position: absolute;
  top: 0;
  content: "";
}

.start_icon .jimu-primary-loading:before {
  left: -3.992px;
}

.start_icon .jimu-primary-loading:after {
  left: 3.992px;
  -webkit-animation-delay: 0.32s !important;
  animation-delay: 0.32s !important;
}

.start_icon .jimu-primary-loading:before,
.start_icon .jimu-primary-loading:after,
.start_icon .jimu-primary-loading {
  background: #076fe5;
  -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
  animation: loading-keys-app-loading 0.8s infinite ease-in-out;
  width: 3px;
  height: 6px;
}

.start_icon .jimu-primary-loading {
  text-indent: -9999em;
  margin: auto;
  position: absolute;
  right: calc(50% + 12px);
  top: calc(50% - 6px);
  -webkit-animation-delay: 0.16s !important;
  animation-delay: 0.16s !important;
}

.end_icon {
  width: 26px;
  height: 26px;
}

.end_icon img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .end_icon {
    width: 0.48rem;
    height: 0.48rem;
  }
}

.tournament {
  width: 100%;
  height: fit-content;
  border: 1px solid #e5e5e5;
}

.tournament ul {
  width: 100%;
  overflow: hidden;
}

.tournament ul li {
  display: grid;
  gap: 10px;
  grid-template-columns: 2fr 3fr 1fr;
  padding: 14px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.tournament ul li .crucial {
  display: grid;
  grid-template-columns: 3fr 3fr 1fr;
  align-items: center;
  gap: 5px;
}

.tournament ul li .crucial .divide {
  width: 100%;
  overflow: hidden;
}

.tournament ul li .crucial .divide a {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}

.tournament ul li .crucial .divide a img {
  width: auto;
  height: 26px;
}

.tournament ul li .crucial .divide a strong {
  white-space: nowrap;
  font-size: 13px;
  color: #000002;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tournament ul li .crucial .when {
  width: 100%;
}

.tournament ul li .crucial .when a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.tournament ul li .crucial .when a time {
  font-size: 13px;
  color: #000002;
}

.tournament ul li .crucial .status {
  width: 100%;
}

.tournament ul li .crucial .status a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.tournament ul li .crucial .status a img {
  width: 16px;
}

.tournament ul li .crucial .status a span {
  color: #000002;
  font-weight: bold;
}

.tournament ul li .crucial .status.start a span {
  color: #ff562d;
}

.tournament ul li .parallelism {
  width: 100%;
  overflow: hidden;
  display: grid;
  align-items: center;
  gap: 5px;
  grid-template-columns: 3fr 1fr 3fr;
}

.tournament ul li .parallelism .procession {
  width: 100%;
  overflow: hidden;
}

.tournament ul li .parallelism .procession a {
  display: flex;
  align-items: center;
  gap: 6px;
}

.tournament ul li .parallelism .procession a img {
  width: 29px;
  height: auto;
}

.tournament ul li .parallelism .procession a strong {
  font-size: 13px;
  color: #000002;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tournament ul li .parallelism .procession:first-child a {
  justify-content: center;
}

.tournament ul li .parallelism .procession:first-child a strong {
  text-align: right;
}

.tournament ul li .parallelism .score {
  width: 100%;
}

.tournament ul li .parallelism .score a {
  width: 100%;
  display: grid;
  gap: 5px;
  align-items: center;
  grid-template-columns: 2fr 1fr 2fr;
}

.tournament ul li .parallelism .score a span {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #000002;
}

.tournament ul li .fettle {
  display: grid;
  align-items: center;
  gap: 5px;
  grid-template-columns: repeat(2, 1fr);
}

.tournament ul li .fettle .intelligence {
  width: 100%;
}

.tournament ul li .fettle .intelligence a {
  display: flex;
  align-items: center;
  gap: 5px;
}

.tournament ul li .fettle .intelligence a img {
  width: 18px;
  height: auto;
}

.tournament ul li .fettle .intelligence a span {
  color: #000002;
  font-size: 12px;
  font-weight: bold;
}

.tournament ul li .fettle .check {
  width: 100%;
}

.tournament ul li .fettle .check a {
  width: 100%;
  justify-content: flex-end;
  display: flex;
}

@media screen and (max-width: 768px) {
  .tournament ul li {
    grid-template-columns: auto;
    padding: 0.24rem 0.16rem;
    gap: 0.21333rem;
  }

  .tournament ul li .crucial {
    gap: 0.10667rem;
  }

  .tournament ul li .crucial .divide a {
    gap: 0.10667rem;
  }

  .tournament ul li .crucial .divide a img {
    height: 0.48rem;
  }

  .tournament ul li .crucial .divide a strong {
    font-size: 0.32rem;
  }

  .tournament ul li .crucial .when a {
    gap: 0.13333rem;
    flex-direction: row;
  }

  .tournament ul li .crucial .status a {
    gap: 0.10667rem;
  }

  .tournament ul li .crucial .status a img {
    width: 0.34667rem;
  }

  .tournament ul li .parallelism {
    gap: 0.10667rem;
  }

  .tournament ul li .parallelism .procession a {
    gap: 0.08rem;
  }

  .tournament ul li .parallelism .procession a img {
    width: 0.48rem;
  }

  .tournament ul li .parallelism .procession a strong {
    font-size: 0.32rem;
  }

  .tournament ul li .parallelism .score a {
    gap: 0.08rem;
  }

  .tournament ul li .parallelism .score a span {
    font-size: 0.34667rem;
  }

  .tournament ul li .fettle {
    gap: 0.08rem;
  }

  .tournament ul li .fettle .intelligence a {
    gap: 0.08rem;
  }

  .tournament ul li .fettle .intelligence a img {
    width: 0.37333rem;
  }

  .tournament ul li .fettle .intelligence a span {
    font-size: 0.34667rem;
  }
}

.header {
  width: 100%;
}

.header .navigation {
  position: fixed;
  top: 14px;
  display: flex;
  align-items: center;
  gap: 20px;
  height: 62px;
  z-index: 99;
  width: 100%;
}

.header .navigation .logo {
  min-width: 142px;
  width: 142px;
  height: fit-content;
}

.header .navigation .logo a {
  display: block;
  width: 100%;
  height: fit-content;
}

.header .navigation .logo a img {
  width: 100%;
  height: auto;
}

.header .navigation .comprise {
  position: relative;
  left: 0;
  flex: 1;
  height: 100%;
  padding-bottom: 2px;
  user-select: none;
}

.header .navigation .comprise .nav {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
}

.header .navigation .comprise .nav ul {
  height: 100%;
  display: flex;
}

.header .navigation .comprise .nav ul li {
  position: relative;
  min-width: 86px;
  height: 100%;
  overflow: hidden;
}

.header .navigation .comprise .nav ul li::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  content: "";
  width: 0;
  height: 2px;
  transition: width 0.2s;
  background: #ff562d;
}

.header .navigation .comprise .nav ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000002;
  font-weight: bold;
  white-space: nowrap;
  font-size: 14px;
}

.header .navigation .comprise .nav ul li.active::after {
  width: 100%;
}

.header .navigation .comprise .nav ul li.active a {
  color: #ff562d;
}

.header .navigation .comprise .nav ul li:hover::after {
  width: 100%;
}

.header .navigation .comprise .nav ul li:hover a {
  color: #ff562d;
}


@media screen and (min-width: 768px) {
  .header .navigation .comprise .control {
    display: none !important;
  }

  .header .navigation .comprise .m-nav {
    display: none !important;
  }
}

@media screen and (max-width: 1000px) {
  .header .navigation {
    padding: 0 10px;
    box-sizing: border-box;
  }

  .header .navigation .logo {
    min-width: 102px;
    width: 102px;
  }

  .header .navigation .comprise .nav ul li {
    min-width: 66px;
  }
}

@media screen and (max-width: 768px) {
  .header .navigation {
    flex-direction: column;
    height: 2.26667rem;
    padding: 0.26667rem 0.2rem;
    gap: 0.13333rem;
  }

  .header .navigation .logo {
    min-width: 2.42667rem;
    width: 2.42667rem;
  }

  .header .navigation .comprise {
    width: 100%;
    display: flex;
    align-items: center;
  }

  .header .navigation .comprise .nav {
    flex: 1;
    width: 100%;
  }

  .header .navigation .comprise .nav::-webkit-scrollbar-thumb {
    background: transparent;
  }

  .header .navigation .comprise .nav::-webkit-scrollbar-track {
    background: transparent;
  }

  .header .navigation .comprise .nav ul li {
    min-width: 1.68rem;
  }

  .header .navigation .comprise .nav ul li a {
    font-size: 0.32rem;
  }

  .header .navigation .comprise .control {
    display: block;
    width: 0.53333rem;
    height: 0.53333rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header .navigation .comprise .control span {
    font-size: 0.45333rem;
    transform: translateX(22%);
  }

  .header .navigation .comprise .m-nav {
    position: absolute;
    left: -0.2rem;
    top: 0;
    display: none;
    width: 104%;
    height: fit-content;
    background: #fff;
    padding: 0.26667rem 0.4rem;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
  }

  .header .navigation .comprise .m-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.13333rem;
  }

  .header .navigation .comprise .m-nav ul li {
    font-size: 0.34667rem;
  }

  .header .navigation .comprise .m-nav ul li a {
    display: block;
    padding: 0.13333rem;
  }

  .header .navigation .comprise .m-nav .rise {
    width: 100%;
    margin-top: 0.26667rem;
    display: flex;
    justify-content: center;
  }

  .header .navigation .comprise .m-nav .rise .iconfont {
    font-size: 0.61333rem;
    transform: rotate(180deg);
  }
}

.main {
  width: 100%;
}

.main .banner {
  width: 100%;
  height: 320px;
  background: url(../image/banner.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.main .compete {
  padding: 40px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  .main .compete {
    padding: 40px 10px;
  }
}

@media screen and (max-width: 768px) {
  .main .compete {
    padding: 0.66667rem 0.13333rem;
  }
}

.main .television {
  width: 100%;
  background: #f1f1f1;
  padding: 38px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  .main .television {
    padding: 38px 10px;
  }
}

@media screen and (max-width: 768px) {
  .main .television {
    padding: 0.53333rem 0.13333rem;
  }
}

.main .dynamic {
  width: 100%;
}

.main .dynamic ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  user-select: none;
}

.main .dynamic ul li {
  width: 100%;
  height: fit-content;
  overflow: hidden;
}

.main .dynamic ul li a {
  width: 100%;
  height: fit-content;
  display: block;
}

.main .dynamic ul li a .graphics {
  position: relative;
  width: 100%;
  height: 186px;
  border: 2px solid transparent;
  box-sizing: border-box;
  overflow: hidden;
}

.main .dynamic ul li a .graphics .photo {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.main .dynamic ul li a .graphics .photo img {
  width: 100%;
  height: 100%;
}

.main .dynamic ul li a .graphics .bridle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
}

.main .dynamic ul li a .graphics .bridle img {
  width: 100%;
  height: 100%;
}

.main .dynamic ul li a .graphics time {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 13px;
  color: #e5e5e5;
  font-weight: bold;
  white-space: nowrap;
}

.main .dynamic ul li a .graphics .seconds {
  left: auto;
  top: auto;
  right: 5px;
  bottom: 5px;
}

.main .dynamic ul li a p {
  width: 100%;
  font-size: 14px;
  margin-top: 6px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main .dynamic ul li:hover a .graphics {
  border-color: #ff562d;
}

.main .dynamic ul li:hover a .graphics .photo {
  transform: scale(1.1);
}

.main .dynamic ul li:hover a p {
  color: #ff562d;
}

@media screen and (max-width: 1000px) {
  .main .dynamic ul {
    gap: 15px;
  }
}

@media screen and (max-width: 768px) {
  .main .dynamic ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.26667rem;
  }

  .main .dynamic ul li a .graphics {
    height: 3.46667rem;
  }

  .main .dynamic ul li a .graphics .bridle {
    width: 0.93333rem;
    height: 0.93333rem;
  }

  .main .dynamic ul li a .graphics time {
    left: 0.06667rem;
    top: 0.06667rem;
    font-size: 0.32rem;
  }

  .main .dynamic ul li a .graphics .seconds {
    right: 0.06667rem;
    bottom: 0.06667rem;
  }

  .main .dynamic ul li a p {
    font-size: 0.34667rem;
    margin-top: 0.08rem;
  }
}

.main .dynamic.tow_dynamic ul {
  grid-template-columns: repeat(2, 1fr);
}

.main .trod {
  padding: 36px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  .main .trod {
    padding: 36px 10px;
  }
}

@media screen and (max-width: 768px) {
  .main .trod {
    padding: 0.61333rem 0.2rem;
  }
}

.main .tidings {
  width: 100%;
  overflow: hidden;
}

.main .tidings ul {
  width: 100%;
}

.main .tidings ul li {
  width: 100%;
  height: 238px;
  padding: 20px 10px;
  box-sizing: border-box;
}

.main .tidings ul li a {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 16px;
}

.main .tidings ul li a .attempt {
  width: 334px;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.main .tidings ul li a .attempt img {
  width: 100%;
  height: 100%;
}

.main .tidings ul li a .brief {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 10px 0;
  box-sizing: border-box;
}

.main .tidings ul li a .brief .literal {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.main .tidings ul li a .brief .literal strong {
  font-size: 16px;
  font-weight: bold;
  color: #000002;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main .tidings ul li a .brief .literal p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  color: #000002;
  font-size: 14px;
  line-height: 24px;
}

.main .tidings ul li a .brief .concrete {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main .tidings ul li a .brief .concrete .fever {
  display: flex;
  align-items: center;
  gap: 5px;
}

.main .tidings ul li a .brief .concrete .fever img {
  width: auto;
  height: 18px;
}

@media screen and (max-width: 768px) {
  .main .tidings ul li {
    height: 4.37333rem;
    padding: 0.26667rem 0.13333rem;
  }

  .main .tidings ul li a {
    gap: 0.21333rem;
  }

  .main .tidings ul li a .attempt {
    width: 4.45333rem;
    border-radius: 0.13333rem;
  }

  .main .tidings ul li a .brief {
    padding: 0.13333rem 0;
  }

  .main .tidings ul li a .brief .literal {
    gap: 0.2rem;
  }

  .main .tidings ul li a .brief .literal strong {
    font-size: 0.34667rem;
  }

  .main .tidings ul li a .brief .literal p {
    font-size: 0.32rem;
    line-height: 0.45333rem;
  }

  .main .tidings ul li a .brief .concrete .fever {
    gap: 0.06667rem;
  }

  .main .tidings ul li a .brief .concrete .fever img {
    height: 0.34667rem;
  }
}

.main .popular {
  padding: 36px 0;
}

.main .popular .contingent {
  width: 100%;
}

.main .popular .contingent ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
}

.main .popular .contingent ul li {
  width: 100%;
  height: 185px;
  background: url(../image/team_bg.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  overflow: hidden;
}

.main .popular .contingent ul li a {
  width: 100%;
  height: 100%;
}

.main .popular .contingent ul li a .squad {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.main .popular .contingent ul li a .squad img {
  width: auto;
  height: 62px;
}

.main .popular .contingent ul li a .squad strong {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
}

.main .popular .contingent ul li:hover {
  background: url(../image/active_team_bg.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

@media screen and (max-width: 1000px) {
  .main .popular {
    padding: 36px 10px;
  }

  .main .popular .contingent ul {
    gap: 15px;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .main .popular {
    padding: 0.61333rem 0.13333rem;
  }

  .main .popular .contingent ul {
    gap: 0.2rem;
    grid-template-columns: repeat(3, 1fr);
  }

  .main .popular .contingent ul li {
    height: 2.86667rem;
  }

  .main .popular .contingent ul li a .squad {
    padding: 0.26667rem;
  }

  .main .popular .contingent ul li a .squad img {
    height: 1.06667rem;
  }

  .main .popular .contingent ul li a .squad strong {
    font-size: 0.34667rem;
  }
}

.main .bulletin {
  width: 100%;
  background: #f1f1f1;
  padding: 38px 0;
  box-sizing: border-box;
}

.main .bulletin .notice {
  width: 100%;
  border: 1px solid #e5e5e5;
}

.main .bulletin .notice ul {
  width: 100%;
}

.main .bulletin .notice ul li {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 8px;
  padding: 12px 5px;
  box-sizing: border-box;
  border-top: 1px solid #e5e5e5;
  background: #ffffff;
}

.main .bulletin .notice ul li:first-child {
  background: #e5e5e5;
  border-top: none;
}

.main .bulletin .notice ul li:first-child span {
  font-weight: bold;
}

.main .bulletin .notice ul li .king {
  width: 100%;
  border-radius: 5px;
  display: flex;
  justify-content: center;
}

.main .bulletin .notice ul li .king .text {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5e6e3;
}

.main .bulletin .notice ul li .king span {
  font-size: 16px;
  color: #4b494a;
  font-weight: bold;
}

.main .bulletin .notice ul li span {
  text-align: center;
  font-size: 14px;
  color: #000002;
  white-space: nowrap;
}

.main .bulletin .notice ul li .ranks {
  width: 100%;
  overflow: hidden;
}

.main .bulletin .notice ul li .ranks a {
  display: flex;
  align-items: center;
  gap: 6px;
}

.main .bulletin .notice ul li .ranks a img {
  width: auto;
  height: 28px;
}

.main .bulletin .notice ul li .ranks a strong {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}

.main .bulletin .notice ul li:nth-child(2) .king .text {
  background: url("../image/king1.png") no-repeat;
  background-size: 100%;
  background-position: center;
}

.main .bulletin .notice ul li:nth-child(3) .king .text {
  background: url("../image/king2.png") no-repeat;
  background-size: 100%;
  background-position: center;
}

.main .bulletin .notice ul li:nth-child(4) .king .text {
  background: url("../image/king3.png") no-repeat;
  background-size: 100%;
  background-position: center;
}

@media screen and (max-width: 1000px) {
  .main .bulletin {
    padding: 38px 10px;
  }
}

@media screen and (max-width: 768px) {
  .main .bulletin {
    padding: 0.50667rem 0.2rem;
  }

  .main .bulletin .notice ul li {
    gap: 0.10667rem;
    padding: 0.16rem 0.06667rem;
  }

  .main .bulletin .notice ul li .king {
    border-radius: 0.06667rem;
  }

  .main .bulletin .notice ul li .king .text {
    width: 0.42667rem;
    height: 0.42667rem;
  }

  .main .bulletin .notice ul li .king .text span {
    font-size: 0.34667rem;
  }

  .main .bulletin .notice ul li span {
    font-size: 0.32rem;
  }

  .main .bulletin .notice ul li .ranks a {
    gap: 0.08rem;
  }

  .main .bulletin .notice ul li .ranks a img {
    height: 0.50667rem;
  }

  .main .bulletin .notice ul li .ranks a strong {
    font-size: 0.34667rem;
  }
}

.main .breadcrumbs {
  width: 100%;
  user-select: none;
  margin-bottom: 15px;
}

.main .breadcrumbs ol {
  display: flex;
  align-items: center;
}

.main .breadcrumbs ol li {
  display: flex;
  align-items: center;
}

.main .breadcrumbs ol li:last-child::after {
  content: "";
}

.main .breadcrumbs ol li::after {
  content: ">";
  margin: 0 8px;
  font-size: 16px;
}

.main .breadcrumbs ol li a {
  color: #000002;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
}

.main .breadcrumbs ol li:last-child a {
  color: #ff562d;
}

@media screen and (max-width: 1000px) {
  .main .banner {
    height: 200px;
  }
}

@media screen and (max-width: 768px) {
  .main .banner {
    height: 3.6rem;
  }
}

.main .beyond {
  padding-top: 96px;
  padding-bottom: 87px;
}

.main .beyond .stockpile {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  box-sizing: border-box;
}

.main .beyond .stockpile .apiece {
  width: 100%;
  overflow: hidden;
  user-select: none;
  white-space: nowrap;
}

.main .beyond .stockpile .apiece ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.main .beyond .stockpile .apiece ul li {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  gap: 10px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
}

.main .beyond .stockpile .apiece ul li time {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.main .beyond .stockpile .apiece ul li .exhibit {
  display: grid;
  grid-template-columns: 3fr auto 3fr;
  gap: 10px;
}

.main .beyond .stockpile .apiece ul li .exhibit .procession {
  width: 100%;
  overflow: hidden;
}

.main .beyond .stockpile .apiece ul li .exhibit .procession a {
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  color: #000002;
  font-weight: bold;
}

.main .beyond .stockpile .apiece ul li .exhibit .procession:first-child {
  text-align: right;
}

.main .beyond .stockpile .apiece ul li .exhibit span {
  font-size: 14px;
  color: #000002;
  font-weight: bold;
}

.main .beyond .stockpile .apiece ul li .situation {
  text-align: center;
}

.main .beyond .stockpile .apiece ul li .situation a {
  color: #000002;
  font-weight: bold;
  font-size: 14px;
}

.main .beyond .stockpile .apiece ul li:hover {
  background: #ff562d;
}

.main .beyond .stockpile .apiece ul li:hover time {
  color: #fff;
}

.main .beyond .stockpile .apiece ul li:hover .exhibit .procession a {
  color: #fff;
}

.main .beyond .stockpile .apiece ul li:hover .exhibit span {
  color: #fff;
}

.main .beyond .stockpile .apiece ul li:hover .situation a {
  color: #fff;
}

.main .beyond .fervent {
  width: 100%;
  height: fit-content;
  margin-top: 40px;
  border: 1px solid #e5e5e5;
  padding: 20px;
  box-sizing: border-box;
}

.main .beyond .fervent .publish {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.main .beyond .fervent .publish img {
  width: 39px;
  height: auto;
}

.main .beyond .fervent .publish strong {
  font-size: 18px;
  font-weight: bold;
  color: #000002;
}

.main .beyond .fervent ol {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.main .beyond .fervent ol a {
  color: #000002;
  font-size: 14px;
  white-space: nowrap;
  font-weight: bold;
}

@media screen and (max-width: 1000px) {
  .main .beyond .stockpile .apiece ul {
    gap: 12px;
  }
}

@media screen and (max-width: 768px) {
  .main .beyond {
    padding: 0 0.2rem;
    padding-top: 2.34667rem;
    padding-bottom: 1.16rem;
  }

  .main .beyond .stockpile {
    margin-top: 0.26667rem;
    padding: 0.13333rem;
  }

  .main .beyond .stockpile .apiece ul {
    grid-template-columns: auto;
  }

  .main .beyond .stockpile .apiece ul li {
    gap: 0.13333rem;
    padding: 0.13333rem;
  }

  .main .beyond .stockpile .apiece ul li time {
    font-size: 0.32rem;
  }

  .main .beyond .stockpile .apiece ul li .exhibit {
    gap: 0.13333rem;
  }

  .main .beyond .stockpile .apiece ul li .exhibit .procession span {
    font-size: 0.32rem;
  }

  .main .beyond .stockpile .apiece ul li .exhibit .procession a {
    font-size: 0.32rem;
  }

  .main .beyond .stockpile .apiece ul li .situation a {
    font-size: 0.32rem;
  }

  .main .beyond .fervent {
    margin-top: 0.53333rem;
    padding: 0.26667rem;
  }

  .main .beyond .fervent .publish {
    gap: 0.13333rem;
  }

  .main .beyond .fervent .publish img {
    width: 0.78667rem;
  }

  .main .beyond .fervent .publish strong {
    font-size: 0.37333rem;
  }

  .main .beyond .fervent ol {
    margin-top: 0.26667rem;
    gap: 0.21333rem;
  }

  .main .beyond .fervent ol a {
    font-size: 0.32rem;
  }
}

.main .unofficial {
  width: 100%;
  display: flex;
  gap: 22px;
}

.main .unofficial .aleft {
  flex: 1;
  overflow: hidden;
  padding: 15px;
  box-sizing: border-box;
  height: fit-content;
  border: 1px solid #e5e5e5;
}

.main .unofficial .aleft h1 {
  font-size: 18px;
  color: #000002;
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}

.main .unofficial .aleft .originate {
  width: 100%;
  overflow: hidden;
  margin: 10px 0;
  user-select: none;
}

.main .unofficial .aleft .originate ol {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .unofficial .aleft .originate ol li {
  display: flex;
  align-items: center;
  gap: 5px;
}

.main .unofficial .aleft .originate ol li::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  margin: 0 5px;
  background: #8e8e8e;
}

.main .unofficial .aleft .originate ol li:last-child::after {
  display: none;
}

.main .unofficial .aleft .originate ol li img {
  width: 20px;
}

.main .unofficial .aleft .originate ol li strong,
.main .unofficial .aleft .originate ol li span,
.main .unofficial .aleft .originate ol li time {
  font-size: 13px;
  color: #8e8e8e;
  white-space: nowrap;
}

.main .unofficial .aleft .copyread {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.main .unofficial .aleft .copyread p {
  font-size: 14px;
  color: #000002;
  line-height: 26px;
  text-indent: 20px;
}

.main .unofficial .aleft .copyread img {
  margin: 0 auto;
  width: 80% !important;
  height: auto;
  display: block;
  padding: 0;
  margin-bottom: 20px;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px, rgba(0, 0, 0, 0.08) 0px 4px 12px 0px;
}

.main .unofficial .aleft .near {
  margin-top: 68px;
  width: 100%;
  overflow: hidden;
}

.main .unofficial .aleft .near ul {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.main .unofficial .aleft .near ul li {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 15px;
  border: 1px solid #ff562d;
}

.main .unofficial .aleft .near ul li a {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  box-sizing: border-box;
  width: 100%;
}

.main .unofficial .aleft .near ul li a strong {
  font-size: 14px;
  color: #000002;
  font-weight: bold;
}

.main .unofficial .aleft .near ul li a p {
  flex: 1;
  font-size: 13px;
  color: #8e8e8e;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main .unofficial .aleft .detailed {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 20px 0;
}

.main .unofficial .aleft .detailed ol {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.main .unofficial .aleft .detailed ol li {
  white-space: nowrap;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #000002;
  flex-wrap: wrap;
}

.main .unofficial .aleft .detailed ol li span,
.main .unofficial .aleft .detailed ol li a {
  color: #000002;
}

.main .unofficial .aleft .detailed>strong,
.main .unofficial .aleft .detailed p {
  font-size: 12px;
  color: #000002;
}

.main .unofficial .aleft .gigantic {
  position: relative;
  width: 100%;
  height: 360px;
  user-select: none;
  cursor: pointer;
}

.main .unofficial .aleft .gigantic .plot {
  width: 100%;
  height: 100%;
}

.main .unofficial .aleft .gigantic .plot img {
  width: 100%;
  height: 100%;
}

.main .unofficial .aleft .gigantic .transmit {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
}

.main .unofficial .aleft .gigantic .transmit img {
  width: 100%;
  height: 100%;
}

.main .unofficial .aleft .gigantic time {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}

.main .unofficial .aleft .gigantic .duration {
  left: auto;
  top: auto;
  right: 10px;
  bottom: 35px;
}

.main .unofficial .aleft .gigantic .label {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(225, 225, 225, 0.5);
  width: 100%;
  padding: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main .unofficial .flank {
  width: 28%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.main .unofficial .flank .lateral {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.main .unofficial .flank .lateral .tender {
  display: flex;
  align-items: center;
  gap: 5px;
}

.main .unofficial .flank .lateral .tender img {
  width: auto;
  height: 26px;
}

.main .unofficial .flank .lateral .tender strong {
  font-size: 14px;
  color: #000002;
  font-weight: bold;
}

.main .unofficial .flank .lateral .more a {
  display: flex;
  align-items: center;
}

.main .unofficial .flank .lateral .more a span {
  font-size: 14px;
  font-weight: bold;
  color: #000002;
}

.main .unofficial .flank .lateral .more a .iconfont {
  font-size: 18px;
  transform: rotate(-90deg);
}

.main .unofficial .flank .resource {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 20px 10px;
  box-sizing: border-box;
}

.main .unofficial .flank .resource .apiece {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
}

.main .unofficial .flank .resource .apiece ul {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.main .unofficial .flank .resource .apiece ul li {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.main .unofficial .flank .resource .apiece ul li a {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
  gap: 5px;
}

.main .unofficial .flank .resource .apiece ul li a p {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 13px;
  font-weight: bold;
}

.main .unofficial .flank .resource .apiece ul li a time {
  color: #8e8e8e;
  font-size: 12px;
}

.main .unofficial .flank .inspect {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 20px 10px;
  box-sizing: border-box;
}

.main .unofficial .flank .inspect .shield {
  width: 100%;
}

.main .unofficial .flank .inspect .shield ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.main .unofficial .flank .inspect .shield ul li {
  width: 100%;
}

.main .unofficial .flank .inspect .shield ul li a {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.main .unofficial .flank .inspect .shield ul li a .regard {
  position: relative;
  width: 100%;
  height: 132px;
}

.main .unofficial .flank .inspect .shield ul li a .regard .similar {
  width: 100%;
  height: 100%;
}

.main .unofficial .flank .inspect .shield ul li a .regard .similar img {
  width: 100%;
  height: 100%;
}

.main .unofficial .flank .inspect .shield ul li a .regard time {
  position: absolute;
  left: 5px;
  top: 5px;
  color: #fff;
  font-size: 12px;
}

.main .unofficial .flank .inspect .shield ul li a .regard .tense {
  left: auto;
  top: auto;
  right: 5px;
  bottom: 5px;
}

.main .unofficial .flank .inspect .shield ul li a .regard .gripe {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 45px;
  height: 45px;
}

.main .unofficial .flank .inspect .shield ul li a .regard .gripe img {
  width: 100%;
  height: 100%;
}

.main .unofficial .flank .inspect .shield ul li a p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  color: #000002;
  font-weight: bold;
}

@media screen and (max-width: 1000px) {
  .main .unofficial {
    gap: 12px;
  }
}

@media screen and (max-width: 768px) {
  .main .unofficial {
    flex-direction: column;
    gap: 0.21333rem;
  }

  .main .unofficial .aleft {
    padding: 0.13333rem;
  }

  .main .unofficial .aleft h1 {
    font-size: 0.37333rem;
  }

  .main .unofficial .aleft .originate {
    margin: 0.13333rem 0;
  }

  .main .unofficial .aleft .originate ol li {
    gap: 0.06667rem;
  }

  .main .unofficial .aleft .originate ol li::after {
    height: 0.2rem;
    margin: 0 0.09333rem;
  }

  .main .unofficial .aleft .originate ol li img {
    width: 0.34667rem;
  }

  .main .unofficial .aleft .originate ol li strong,
  .main .unofficial .aleft .originate ol li span,
  .main .unofficial .aleft .originate ol li time {
    font-size: 0.32rem;
  }

  .main .unofficial .aleft .copyread {
    gap: 0.26667rem;
  }

  .main .unofficial .aleft .copyread p {
    font-size: 0.32rem;
    line-height: 0.56rem;
  }

  .main .unofficial .aleft .copyread img {
    margin-bottom: 0.26667rem;
    border-radius: 0.2rem;
  }

  .main .unofficial .aleft .near {
    margin-top: 0.90667rem;
  }

  .main .unofficial .aleft .near ul {
    grid-template-columns: auto;
    gap: 0.33333rem;
  }

  .main .unofficial .aleft .near ul li {
    border-radius: 0.06667rem;
  }

  .main .unofficial .aleft .near ul li a {
    gap: 0.06667rem;
    padding: 0.06667rem 0.13333rem;
  }

  .main .unofficial .aleft .near ul li a strong {
    font-size: 0.32rem;
  }

  .main .unofficial .aleft .near ul li a p {
    font-size: 0.32rem;
  }

  .main .unofficial .aleft .detailed {
    gap: 0.2rem;
    margin: 0.26667rem 0;
  }

  .main .unofficial .aleft .detailed ol {
    gap: 0.2rem;
  }

  .main .unofficial .aleft .detailed ol li {
    font-size: 0.32rem;
  }

  .main .unofficial .aleft .detailed>strong,
  .main .unofficial .aleft .detailed p {
    font-size: 0.32rem;
  }

  .main .unofficial .aleft .gigantic {
    height: 6rem;
  }

  .main .unofficial .aleft .gigantic .transmit {
    width: 1.26667rem;
    height: 1.26667rem;
  }

  .main .unofficial .aleft .gigantic time {
    left: 0.13333rem;
    top: 0.13333rem;
    font-size: 0.34667rem;
  }

  .main .unofficial .aleft .gigantic .duration {
    right: 0.13333rem;
    bottom: 0.73333rem;
  }

  .main .unofficial .aleft .gigantic .label {
    font-size: 0.34667rem;
    padding: 0.10667rem;
  }

  .main .unofficial .flank {
    width: 100%;
    gap: 0.26667rem;
  }

  .main .unofficial .flank .lateral {
    margin-bottom: 0.21333rem;
  }

  .main .unofficial .flank .lateral .tender {
    gap: 0.06667rem;
  }

  .main .unofficial .flank .lateral .tender img {
    height: 0.42667rem;
  }

  .main .unofficial .flank .lateral .tender strong {
    font-size: 0.32rem;
  }

  .main .unofficial .flank .lateral .more a span {
    font-size: 0.32rem;
  }

  .main .unofficial .flank .lateral .more a .iconfont {
    font-size: 0.37333rem;
  }

  .main .unofficial .flank .resource {
    padding: 0.26667rem 0.13333rem;
  }

  .main .unofficial .flank .resource .apiece ul {
    gap: 0.37333rem;
  }

  .main .unofficial .flank .resource .apiece ul li a {
    gap: 0.08rem;
  }

  .main .unofficial .flank .resource .apiece ul li a p {
    font-size: 0.34667rem;
  }

  .main .unofficial .flank .resource .apiece ul li a time {
    font-size: 0.32rem;
  }

  .main .unofficial .flank .inspect {
    padding: 0.26667rem 0.13333rem;
  }

  .main .unofficial .flank .inspect .shield ul {
    gap: 0.16rem;
  }

  .main .unofficial .flank .inspect .shield ul li a {
    gap: 0.16rem;
  }

  .main .unofficial .flank .inspect .shield ul li a .regard {
    height: 3.89333rem;
  }

  .main .unofficial .flank .inspect .shield ul li a .regard time {
    font-size: 0.32rem;
  }

  .main .unofficial .flank .inspect .shield ul li a .regard .gripe {
    width: 1rem;
    height: 1rem;
  }

  .main .unofficial .flank .inspect .shield ul li a p {
    font-size: 0.32rem;
  }
}

.main .alone {
  padding-top: 0;
  padding-bottom: 0;
}

.footer {
  height: fit-content;
  background: #000000;
}

.footer .respecting {
  width: 100%;
  border-bottom: 2px solid #7f7f7f;
  padding: 46px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  .footer .respecting {
    padding: 46px 10px;
    box-sizing: border-box;
  }
}

.footer .respecting dl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.footer .respecting dl dt {
  color: #808080;
  font-size: 14px;
  font-weight: bold;
}

.footer .respecting dl dt,
.footer .respecting dl dd {
  padding: 0 16px;
}

.footer .respecting dl dd {
  display: flex;
  align-items: center;
}

.footer .respecting dl dd a {
  font-size: 13px;
  color: #808080;
}

.footer .respecting p {
  color: #808080;
  text-align: center;
  line-height: 24px;
  font-size: 13px;
  margin-top: 25px;
}

.footer .respecting p a {
  color: #808080;
}

.footer .respecting p img {
  vertical-align: middle;
  width: auto;
  height: 14px;
}

.footer .scheme {
  padding: 20px 0;
}

.footer .scheme dl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}

.footer .scheme dl dt {
  color: #808080;
  font-size: 14px;
  font-weight: bold;
}

.footer .scheme dl dd {
  font-size: 13px;
}

.footer .scheme dl dd a {
  color: #808080;
}

@media screen and (max-width: 768px) {
  .footer .respecting {
    padding: 0.88rem 0.2rem;
  }

  .footer .respecting dl dt {
    font-size: 0.34667rem;
    padding: 0 0.21333rem;
  }

  .footer .respecting dl dd {
    padding: 0 0.21333rem;
  }

  .footer .respecting dl dd a {
    font-size: 0.32rem;
  }

  .footer .respecting p {
    font-size: 0.34667rem;
    line-height: 0.48rem;
    margin-top: 0.46667rem;
  }

  .footer .respecting p img {
    height: 0.34667rem;
  }

  .footer .scheme {
    padding: 0.26667rem 0;
  }

  .footer .scheme dl {
    gap: 0.2rem;
  }

  .footer .scheme dl dt {
    font-size: 0.34667rem;
  }

  .footer .scheme dl dd {
    font-size: 0.32rem;
  }
}

.streaming {
  position: relative;
  width: 100%;
  height: 393px;
  background: url(../image/streaming_zuqiu.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  margin-top: 14px;
  display: flex;
  align-items: center;
}

.streaming.negation {
  background: url(../image/streaming_lanqiu.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.streaming .semaphore {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(225, 225, 225, 0.5);
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.streaming .semaphore strong,
.streaming .semaphore a {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

.streaming .athletics {
  display: grid;
  align-items: center;
  grid-template-columns: 3fr 1fr 3fr;
}

.streaming .athletics .bilateral {
  width: 100%;
  overflow: hidden;
}

.streaming .athletics .bilateral a {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.streaming .athletics .bilateral a img {
  width: auto;
  height: 120px;
}

.streaming .athletics .bilateral a strong {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.streaming .athletics .exhaustive {
  display: flex;
  flex-direction: column;
  gap: 16px;
  white-space: nowrap;
}

.streaming .athletics .exhaustive time,
.streaming .athletics .exhaustive a,
.streaming .athletics .exhaustive .state {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
}

.streaming .athletics .exhaustive .state {
  font-size: 28px;
}

.streaming .athletics .exhaustive .achievement {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.streaming .athletics .exhaustive .achievement span {
  color: #fff;
  font-weight: bold;
  font-size: 32px;
}

.streaming .athletics .exhaustive .kind {
  width: 100%;
  text-align: center;
}

.others {
  width: 100%;
  overflow: hidden;
  margin-top: 26px;
}

.others .pick {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
}

.others .pick ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.others .pick ul li {
  border: 1px solid #e5e5e5;
  padding: 5px 20px;
  box-sizing: border-box;
  cursor: pointer;
}

.others .pick ul li a {
  color: #000002;
  font-weight: bold;
  font-size: 16px;
}

.others .pick ul li.is_active,
.others .pick ul li:hover {
  background: #ff562d;
  border-color: #ff562d;
}

.others .pick ul li.is_active a,
.others .pick ul li:hover a {
  color: #fff;
}

.others .opinion {
  width: 100%;
  overflow: hidden;
  margin-top: 28px;
}

.others .opinion .autonomy {
  width: 100%;
  overflow: hidden;
}

.others .opinion .autonomy .refer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.others .opinion .autonomy .refer p {
  color: #000002;
  font-size: 13px;
  font-weight: bold;
}

.others .opinion .autonomy .refer a {
  color: #000002;
  font-size: 13px;
  font-weight: bold;
}

.others .opinion .autonomy .refer .semaphore {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.others .opinion .autonomy .refer .semaphore .ul-signal {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.others .opinion .autonomy .refer .semaphore .ul-signal li {
  font-size: 16px;
  font-weight: bold;
}

.others .opinion .autonomy .refer .semaphore .ul-signal li a {
  color: #ff562d;
  font-weight: bold;
  white-space: nowrap;
  animation: flicker 3s linear infinite forwards;
  display: inline-block;
}

@keyframes flicker {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.others .opinion .autonomy .refer>p {
  line-height: 22px;
  font-size: 13px;
}

.others .opinion .autonomy .double {
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.others .opinion .autonomy .double .brigade {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
}

.others .opinion .autonomy .double .brigade a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.others .opinion .autonomy .double .brigade a img {
  width: fit-content;
  height: 56px;
}

.others .opinion .autonomy .double .brigade a strong {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #000002;
}

.others .opinion .autonomy .kindness {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 22px;
}

.others .opinion .autonomy .kindness .sovereignty {
  width: 100%;
  overflow: hidden;
  user-select: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  padding: 10px 5px;
  box-sizing: border-box;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence strong {
  font-weight: bold;
  font-size: 15px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #ff562d;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence strong::before {
  content: "";
  width: 4px;
  height: 22px;
  background-color: #ff562d;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence ol {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  width: 100%;
  overflow: hidden;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence ol li {
  padding: 10px 5px;
  box-sizing: border-box;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence ol li.qb-status-1 {
  background: #71a172;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence ol li.qb-status-2 {
  background: #4b8bc1;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence ol li.qb-status-3 {
  background: #bc67d8;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence ol li.qb-status-4 {
  background: #edd579;
}

.others .opinion .autonomy .kindness .sovereignty .intelligence ol li.qb-status-5 {
  background: #fb2828;
}

.others .opinion .autonomy .stratified {
  width: 100%;
  overflow: hidden;
  user-select: none;
  white-space: nowrap;
}

.others .opinion .autonomy .stratified .heading {
  width: 100%;
  margin: 15px 0;
}

.others .opinion .autonomy .stratified .heading strong {
  font-size: 16px;
  font-weight: bold;
  color: #000002;
  display: flex;
  align-items: center;
  gap: 6px;
}

.others .opinion .autonomy .stratified .heading strong::before {
  content: "";
  width: 4px;
  height: 22px;
  background-color: #ff562d;
}

.others .opinion .autonomy .stratified .betwixt {
  width: 100%;
  display: grid;
  gap: 6px;
}

.others .opinion .autonomy .stratified .enfold {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}

.others .opinion .autonomy .stratified .enfold ul {
  width: 100%;
  overflow: hidden;
}

.others .opinion .autonomy .stratified .enfold ul li {
  width: 100%;
  overflow: hidden;
  padding: 15px 10px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 2fr 5fr 1fr;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #e5e5e5;
}

.others .opinion .autonomy .stratified .enfold ul li:first-child {
  background: #e4e4e4;
  border-top: none;
}

.others .opinion .autonomy .stratified .enfold ul li:first-child span {
  font-size: 14px;
  font-weight: bold;
  color: #000002;
}

.others .opinion .autonomy .stratified .enfold ul li .forward {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

.others .opinion .autonomy .stratified .enfold ul li .forward a,
.others .opinion .autonomy .stratified .enfold ul li .forward time {
  color: #000002;
  font-size: 13px;
  font-weight: bold;
}

.others .opinion .autonomy .stratified .enfold ul li .forward a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.others .opinion .autonomy .stratified .enfold ul li .couple {
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 3fr 1fr 3fr;
  align-items: center;
  gap: 6px;
  text-align: center;
}

.others .opinion .autonomy .stratified .enfold ul li .couple .squadron {
  width: 100%;
  overflow: hidden;
}

.others .opinion .autonomy .stratified .enfold ul li .couple .squadron a {
  display: flex;
  align-items: center;
  gap: 6px;
}

.others .opinion .autonomy .stratified .enfold ul li .couple .squadron a img {
  width: 26px;
}

.others .opinion .autonomy .stratified .enfold ul li .couple .squadron a strong {
  flex: 1;
  font-size: 14px;
  font-weight: bold;
  color: #000002;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}

.others .opinion .autonomy .stratified .enfold ul li .couple .fritter {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  text-align: center;
}

.others .opinion .autonomy .stratified .enfold ul li .couple .fritter span {
  font-size: 18px;
  font-weight: bold;
}

.others .opinion .autonomy .stratified .enfold ul li .status {
  width: fit-content;
  white-space: nowrap;
}

.others .opinion .autonomy .stratified .enfold ul li .status a {
  color: #000002;
  font-weight: bold;
  font-size: 14px;
}

.others .opinion .autonomy .stratified .enfold ul li .status.start a {
  color: #0bbe63;
}

.others .opinion .autonomy .stratified .enfold ul li .status.await a {
  color: #f4d050;
}

.others .opinion .autonomy .stratified .enfold ul li .status.end a {
  color: #7f7f7f;
}

@media screen and (max-width: 1000px) {
  .others .opinion .autonomy .stratified .betwixt {
    grid-template-columns: auto;
  }
}

@media screen and (max-width: 768px) {
  .others {
    margin-top: 0.34667rem;
  }

  .others .pick ul {
    gap: 0.29333rem;
  }

  .others .pick ul li {
    padding: 0.06667rem 0.26667rem;
  }

  .others .pick ul li a {
    font-size: 0.34667rem;
  }

  .others .opinion {
    margin-top: 0.34667rem;
  }

  .others .opinion .autonomy .refer {
    gap: 0.13333rem;
  }

  .others .opinion .autonomy .refer p {
    font-size: 0.32rem;
  }

  .others .opinion .autonomy .refer a {
    font-size: 0.32rem;
  }

  .others .opinion .autonomy .refer .semaphore .ul-signal {
    gap: 0.13333rem;
  }

  .others .opinion .autonomy .refer .semaphore .ul-signal li {
    font-size: 0.34667rem;
  }

  .others .opinion .autonomy .refer>p {
    line-height: 0.42667rem;
    font-size: 0.32rem;
  }

  .others .opinion .autonomy .double {
    gap: 0.16rem;
  }

  .others .opinion .autonomy .double .brigade a {
    gap: 0.10667rem;
  }

  .others .opinion .autonomy .double .brigade a img {
    height: 1.01333rem;
  }

  .others .opinion .autonomy .kindness {
    grid-template-columns: auto;
    gap: 0.16rem;
    margin-top: 0.29333rem;
  }

  .others .opinion .autonomy .kindness .sovereignty {
    gap: 0.2rem;
  }

  .others .opinion .autonomy .kindness .sovereignty .intelligence {
    padding: 0.13333rem 0.06667rem;
  }

  .others .opinion .autonomy .kindness .sovereignty .intelligence strong {
    font-size: 0.34667rem;
    gap: 0.06667rem;
  }

  .others .opinion .autonomy .kindness .sovereignty .intelligence strong::before {
    height: 0.42667rem;
    width: 0.10667rem;
  }

  .others .opinion .autonomy .kindness .sovereignty .intelligence ol {
    margin-top: 0.21333rem;
    gap: 0.16rem;
  }

  .others .opinion .autonomy .kindness .sovereignty .intelligence ol li {
    padding: 0.13333rem 0.06667rem;
    line-height: 0.42667rem;
    font-size: 0.32rem;
  }

  .others .opinion .autonomy .stratified .heading {
    margin: 0.2rem 0;
  }

  .others .opinion .autonomy .stratified .heading strong {
    font-size: 0.34667rem;
    gap: 0.08rem;
  }

  .others .opinion .autonomy .stratified .heading strong::before {
    height: 0.34667rem;
    width: 0.08rem;
  }

  .others .opinion .autonomy .stratified .betwixt {
    gap: 0.08rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li {
    padding: 0.2rem 0.13333rem;
    gap: 0.13333rem;
    grid-template-columns: auto;
  }

  .others .opinion .autonomy .stratified .enfold ul li:first-child {
    grid-template-columns: 2fr 5fr 1fr;
  }

  .others .opinion .autonomy .stratified .enfold ul li:first-child span {
    font-size: 0.32rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li .forward {
    text-align: center;
    gap: 0.13333rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li .forward a,
  .others .opinion .autonomy .stratified .enfold ul li .forward time {
    font-size: 0.33333rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li .couple {
    gap: 0.08rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li .couple .squadron a {
    gap: 0.08rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li .couple .squadron a img {
    width: 0.48rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li .couple .squadron a strong {
    font-size: 0.34667rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li .couple .fritter span {
    font-size: 0.37333rem;
  }

  .others .opinion .autonomy .stratified .enfold ul li .status {
    width: 100%;
    text-align: center;
  }

  .others .opinion .autonomy .stratified .enfold ul li .status a {
    font-size: 0.34667rem;
  }
}

.contain {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 13px 0;
  gap: 5px;
}

.contain li {
  position: relative;
  padding: 0 10px;
  cursor: pointer;
}

.contain li::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 100%);
  bottom: 0;
  height: 2px;
  width: 0;
  background: rgba(49, 167, 222, 0.7);
  transition: all 0.3s;
}

.contain li.is_active::after {
  width: 100%;
}

.contain li.is_active span {
  color: #31a7de !important;
}

.contain li:hover::after {
  width: 100%;
}

.contain li:hover span {
  color: #31a7de !important;
}

.contain li span {
  font-size: 14px;
  font-weight: bold;
  color: #323a48;
}

@media screen and (max-width: 768px) {
  .contain {
    margin: 12px 0;
    gap: 5px;
  }

  .contain li {
    padding: 0 5px;
  }

  .contain li span {
    font-size: 12px;
  }
}

.baskLive {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px;
  display: none;
}

.baskLive .period {
  display: flex;
  flex-direction: column;
}

.baskLive .period time {
  padding: 0 3px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #323a48;
}

.baskLive .deliver {
  width: 100%;
  border: 1px solid #ebebeb;
}

.baskLive .deliver li {
  display: grid;
  align-items: center;
  gap: 7px;
  height: 48px;
  box-sizing: border-box;
  grid-template-columns: auto 5fr 1fr;
  padding: 10px;
  border-top: 1px solid #ebebeb;
}

.baskLive .deliver li .plump {
  width: 30px;
  height: fit-content;
}

.baskLive .deliver li .plump img {
  width: 100%;
  height: auto;
}

.baskLive .deliver li p {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  color: #323a48;
}

.baskLive .deliver li .condition {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 5px;
  user-select: none;
}

.baskLive .deliver li .condition img {
  width: 24px;
  height: auto;
}

.baskLive .deliver li .condition span {
  font-size: 14px;
  letter-spacing: 3px;
  white-space: nowrap;
  text-align: center;
  color: #323a48;
}


.text_foot_live {
  display: grid;
  grid-template-columns: auto 1fr;
}

.text_foot_live .quantum {
  width: fit-content;
}

.text_foot_live .quantum ul {
  display: flex;
  flex-direction: column;
}

.text_foot_live .quantum ul li {
  padding: 0 3px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text_foot_live .quantum ul li span {
  font-size: 14px;
  color: #323a48;
}

.text_foot_live .describe {
  width: 100%;
  border: 1px solid #ebebeb;
}

.text_foot_live .describe ul {
  width: 100%;
}

.text_foot_live .describe ul li {
  display: grid;
  align-items: center;
  gap: 7px;
  height: 48px;
  box-sizing: border-box;
  grid-template-columns: auto 1fr auto;
  padding: 10px;
  border-top: 1px solid #ebebeb;
}

.text_foot_live .describe ul li:first-child {
  border-top: none;
}

.text_foot_live .describe ul li .icon_live {
  width: 18px;
  height: 18px;
}

.text_foot_live .describe ul li p {
  width: 100%;
  font-size: 14px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #323a48;
}

.text_foot_live .describe ul li .plump {
  width: 22px;
  height: auto;
}

.schedule-columnn {
  --theme--color: #ed7d03;
  --theme--deputy--color: #fff;
  width: 100%;
  height: fit-content;
  display: grid;
  background: var(--theme--deputy--color);
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
}

.schedule-columnn li {
  height: 58px;
  cursor: pointer;
}

.schedule-columnn li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

}

.schedule-columnn li span {
  font-size: 16px;
  font-weight: bold;
}

.schedule-columnn li img {
  height: 28px;
  width: 28px;
  border-radius: 50%;
}

.schedule-columnn li.active,
.schedule-columnn li:hover {
  background: var(--theme--color);
  color: var(--theme--deputy--color);
}

.schedule-columnn {
  --theme--color: #ed7d03;
  --theme--deputy--color: #fff;
  width: 100%;
  height: fit-content;
  display: grid;
  background: var(--theme--deputy--color);
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
}

.schedule-columnn li {
  height: 58px;
  cursor: pointer;
}

.schedule-columnn li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

}

.schedule-columnn li span {
  font-size: 16px;
  font-weight: bold;
}

.schedule-columnn li img {
  height: 28px;
  width: 28px;
  border-radius: 50%;
}

.schedule-columnn li.active,
.schedule-columnn li:hover {
  background: var(--theme--color);
  color: var(--theme--deputy--color);
}

.schedule-nav {
  width: 100%;
  overflow-x: auto;
}

.schedule-nav ul {
  --theme--color: #ed7d03;
  --theme--deputy--color: #fff;
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.schedule-nav ul li {
  min-width: 138px;
  height: 60px;
  background: var(--theme--deputy--color);
}

.schedule-nav ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  color: #010b12;
  font-weight: bold;
  cursor: pointer;
}

.schedule-nav ul li span {
  font-size: 14px;
  font-weight: bold;
}

.schedule-nav ul li.active,
.schedule-nav ul li:hover {
  background: var(--theme--color);
}

.schedule-nav ul li.active a,
.schedule-nav ul li:hover a {
  color: var(--theme--deputy--color);

}

@media screen and (max-width: 768px) {
  .match_outer {
    padding: 0 1.333vw;
    box-sizing: border-box;
  }

  .match_outer .schedule-columnn {
    margin-bottom: 2.667vw;
  }

  .match_outer .schedule-columnn li {
    height: 7.733vw;
  }

  .match_outer .schedule-columnn li a {
    gap: 1.333vw;
  }

  .match_outer .schedule-columnn li span {
    font-size: 2.133vw;
  }

  .match_outer .schedule-columnn li img {
    height: 3.733vw;
    width: 3.733vw;
  }

  .match_outer .schedule-nav {
    overflow-x: auto;
    margin-bottom: 1.333vw;
  }

  .match_outer .schedule-nav ul {
    width: fit-content;
    gap: 1.067vw;
    margin-bottom: 1.333vw;
  }

  .match_outer .schedule-nav li {
    min-width: 26.8vw;
    height: 8vw;
  }

  .match_outer .schedule-nav li time,
  .match_outer .schedule-nav li span {
    font-size: 2.2vw;
  }
}