.hd_nv_list li.cur,
.hd_nv_list li:hover {
  color: #ffda8a;
}
.hd_nv_list li.cur:after,
.hd_nv_list li:hover:after,
.squadbtn.cur:after,
.squadbtn:hover:after {
  content: "";
  width: 61.5px;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 15px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-top: #ffda8a solid 1px;
}
.hd_nv_list li a {
  color: inherit;
}
.hd_nv_list li:hover a {
  color: inherit;
}

.wrap {
  padding-top: 66px;
  background: #000;
}
/* font */
body.lang_en,
body.lang_en .wrap {
  /* font-family: "RadikalMedium"; */
  font-family: "RadikalLight";
}
body.lang_tr,
body.lang_tr .wrap {
  font-family: "RadikalLight";
}
body.lang_pt,
body.lang_pt .wrap {
  font-family: "RadikalLight";
}
body.lang_ru,
body.lang_ru .wrap {
  font-family: "ru";
}
body.lang_ar,
body.lang_ar .wrap {
  font-family: "armid";
}
body.lang_zh,
body.lang_zh .wrap {
  font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.lang_zh-cn,
body.lang_zh-cn .wrap {
  font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.width1680 {
  width: 16.8rem;
  margin: 0 auto;
  position: relative;
}
.w1 {
  padding-top: 1.58rem;
}
.w2 {
  padding-top: 2.14rem;
}
.w3 {
  padding-top: 2.14rem;
}
.w4 {
  padding-top: 2.14rem;
}
.w5 {
  padding-top: 2rem;
}
.w6 {
  padding-top: 2.4rem;
}

.kv_solgantext {
  width: 12.72rem;
  position: absolute;
  top: 6.4rem;
  left: 1.55rem;
}
/* live */
.livebox {
  width: 100%;
  height: calc(100vh - 66px);
  position: relative;
}
.livezz {
  width: 100%;
  height: 1.21rem;
  background: rgba(0, 0, 0, 0.68);
  z-index: 2;
  position: absolute;
  bottom: 0;
  display: flex;
}
.live_team {
  width: 1.15rem;
  height: 1.15rem;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.live_team_name {
  font-size: 0.45rem;
  color: #ffffff;
  margin: 0 0.67rem 0 0.3rem;
  max-width: 4rem;
  line-height: 1.2;
}
.live_team_city {
  width: 0.55rem;
}
.livezz_team_item {
  display: flex;
  align-items: center;
}
.livezz_icon_box {
  padding-left: 4.75rem;
  font-size: 0.38rem;
  color: #ffffff;
  display: flex;
  height: 100%;
  align-items: center;
  margin-right: 3.33rem;
  line-height: 1;
}
.live_icon {
  width: 0.33rem;
  height: 0.33rem;
  background: #dc3d58;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin-right: 0.32rem;
  margin-top: -0.02rem;
}
.live_vs {
  font-size: 1rem;
  color: #dbdadd;
  margin: 0 0.6rem;
}
.livezz_team_box {
  display: flex;
  align-items: center;
}

.wrap_main {
  background: url(../ossweb-img/cont_bg.jpg) no-repeat top #000;
  background-size: 100%;
  width: 100%;
  position: relative;
  min-height: 10rem;
}
.wrap_main::after {
  content: "";
  background: url(../ossweb-img/cont_bg_t.png) no-repeat;
  background-size: 100%;
  width: 25.6rem;
  height: 0.71rem;
  position: absolute;
  top: -0.71rem;
  left: 0;
}
/* .wrap_main::before { content: ""; background: url(../ossweb-img/cont_bg_r.png) no-repeat; background-size: 100%; width: 6.01rem; height: .71rem; position: absolute; top: -.7rem; right: 0; } */

.wrap_tit {
  display: table;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.6rem; 
  line-height: 1;
  position: relative;
  color: #c75739;
  text-transform: uppercase;
  background: linear-gradient(to bottom, #feedcd, #d9b47c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "fontkic";
}
.wrap_tit::after {
  content: "";
  background: url(../ossweb-img/tit_left.png) no-repeat;
  background-size: 100%;
  width: 1.82rem;
  height: 0.62rem;
  position: absolute;
  left: -2.3rem;
  top: 50%;
  transform: translate(0, -50%);
}
.wrap_tit::before {
  content: "";
  background: url(../ossweb-img/tit_right.png) no-repeat;
  background-size: 100%;
  width: 1.82rem;
  height: 0.62rem;
  position: absolute;
  right: -2.3rem;
  top: 50%;
  transform: translate(0, -50%);
}
.wrap_discratip {
  font-size: 0.36rem;
  text-align: center;
  color: #fff;
  margin-top: 0.2rem;
  text-transform: uppercase;
}

.kvbox {
  width: 100%;
  height: 13.27rem;
  position: relative;
}
.kv_lb {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.kvbox_main {
  position: absolute;
  top: 2.5rem;
  left: 2.16rem;
}
.lb_logo {
  width: 2.16rem;
}
.lb_tit {
  font-size: 0.63rem;
  color: #ffffff;
  margin-top: 0.72rem;
  text-transform: uppercase;
}
.lb_txt {
  font-size: 0.3rem;
  color: #ffffff;
  width: 12.2rem;
  margin-top: 0.4rem;
  font-family: "RadikalLight";
}
a.lb_btn {
  display: block;
  background: url(../ossweb-img/lb_btn.png) no-repeat;
  background-size: 100%;
  width: 4.11rem;
  height: 0.62rem;
  margin-top: 0.64rem;
}
a.lb_btn p {
  font-size: 0.24rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.62rem;
}
.lang_ru a.lb_btn p {
  font-size: 0.18rem;
}
.lang_id a.lb_btn p {
  font-size: 0.18rem;
}
.lang_ms a.lb_btn p {
  font-size: 0.22rem;
}

.lang_ru .wrap_tit{
  font-size: 1rem;
}
.lang_ru .patis1{
  font-size: 0.3rem;
}

.kvbox_main_nav {
  background: url(../ossweb-img/kv_line.png) no-repeat center;
  background-size: auto 100%;
  width: 17.71rem;
  min-height: 0.08rem;
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 3;
}
.kvbox_main_nav .kvbox_main_nav_i {
  background: url(../ossweb-img/kv_line_a1.png) no-repeat;
  background-size: 4.5rem;
  display: block;
  width: 4.5rem;
  height: 0.65rem;
  position: absolute;
}
.kvbox_main_nav .kvbox_main_nav_i.des {
  background: url(../ossweb-img/kv_line_des.png) no-repeat;
  background-size: 4.5rem;
  pointer-events: none;
  cursor: default;
}
.kvbox_main_nav .kvbox_main_nav_i.act {
  background: url(../ossweb-img/kv_line_hover.png) no-repeat;
  background-size: 4.5rem;
}
.kvbox_main_nav .kvbox_main_nav_i:nth-child(1) {
  top: -0.17rem;
  left: 0.9rem;
}
.kvbox_main_nav .kvbox_main_nav_i:nth-child(2) {
  top: -0.17rem;
  left: 6.6rem;
}
.kvbox_main_nav .kvbox_main_nav_i:nth-child(3) {
  top: -0.17rem;
  left: 12.7rem;
}
.kvbox_main_nav .kvbox_main_nav_i p {
  font-size: 0.18rem;
  color: #b2b2b2;
  text-align: center;
  padding-top: 0.8rem;
  text-transform: uppercase;
}
.kvbox_main_nav .kvbox_main_nav_i.act p {
  color: #fdf6bd;
}

/* live_stram_box */
.live_stram_box {
  display: flex;
  justify-content: space-between;
  width: 16.8rem;
  margin: 0.8rem auto 0;
  position: relative;
}
.live_stram_cont {
  width: 10.84rem;
  height: 6.1rem;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.live_stram_icon {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #fff;
  padding: 0.08rem 0.18rem;
  border-radius: 0.4rem;
}
.live_stram_icon p {
  font-size: 0.2rem;
  color: #fff;
  line-height: 1;
}
.live_stramicon {
  width: 0.17rem;
  height: 0.17rem;
  background: #dc3d58;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin-top: -0.02rem;
  margin-right: 0.02rem;
}

.livecontent {
  background: url(../ossweb-img/live_content.jpg) no-repeat;
  background-size: 100%;
  width: 10.86rem;
  height: 6.74rem;
  position: relative;
}
.livecontent_t {
  height: 0.63rem;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0.22rem;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.live_stram_des {
  font-size: 0.24rem;
  color: #fff;
  line-height: 1;
  margin-left: 0.18rem;
}

/* .live_screen { width: 5.74rem; position: relative; } 
.live_qh_btn { display: flex; justify-content: space-between; width: 100%; border-bottom: 0.02rem solid #ff6738; } 
.live_qh_btn a { display: block; width: 1.42rem; height: .63rem; background: #251f36; } 
.live_qh_btn a.act { background: url(../ossweb-img/live_btn_act.jpg) no-repeat; background-size: 1.44rem; } 
.live_qh_btn a p { font-size:.18rem; color: #5c5376; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } 
.live_qh_btn a.act p { color: #fff; } */

.live_qh_btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 0.02rem solid #fdefa2;
}
.live_qh_btn a {
  display: block;
  width: 1.45rem;
  height: 0.63rem;
  background: #413024;
  text-transform: uppercase;
}
.live_qh_btn a.act {
  background: url(../ossweb-img/live_btn_act.jpg) no-repeat;
  background-size: 1.45rem 100%;
}
.live_qh_btn a p {
  font-size: 0.18rem;
  color: #b58b6d;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.live_qh_btn a.act p {
  color: #413024;
}

.swiper_date_box {
  width: 100%;
  position: relative;
  height: 0.49rem;
  box-sizing: border-box;
  background: #413024;
  margin-top: 0.06rem;
}
.swiper_date_box .swiper-slide p {
  color: #b58b6d;
  width: 100%;
  height: 0.49rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  flex-wrap: wrap;
}
.swiper_date_box .swiper-slide.act p {
  color: #edd095;
  background: #5a4435;
}
.swiper_date_box .swiper-slide p span {
  width: 100%;
  display: block;
  line-height: 1;
}
.swiper_date_box .swiper-slide p span:nth-child(1) {
  font-size: 0.22rem;
}
.swiper_date_box .swiper-slide p span:nth-child(2) {
  font-size: 0.14rem;
}

.swiper-button-prev {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../ossweb-img/live_swiper_prev.png) center center no-repeat;
  transform: rotate(180deg);
  width: 0.5rem;
  height: 100%;
  background-size: 0.26rem 0.5rem;
  margin: 0;
}
.swiper-button-next {
  position: absolute;
  right: 0;
  top: 0;
  background: url(../ossweb-img/live_swiper_prev.png) center center no-repeat;
  width: 0.5rem;
  height: 100%;
  background-size: 0.26rem 0.5rem;
  margin: 0;
}
.swiper-button-disabled.swiper-button-prev {
  background: url(../ossweb-img/live_swiper_prev_lock.png) center center no-repeat;
  background-size: 0.26rem 0.5rem;
}
.swiper-button-disabled.swiper-button-next {
  background: url(../ossweb-img/live_swiper_prev_lock.png) center center no-repeat;
  background-size: 0.26rem 0.5rem;
}

.swiper_date1 {
  width: 100%;
  display: flex;
}
.swiper_date1 .swiper-slide {
  width: 25%;
}

.swiper_team_box .swiper-button-prev {
  width: 0.76rem;
  z-index: 1;
  opacity: 0.9;
}
.swiper_team_box .swiper-button-next {
  width: 0.76rem;
  z-index: 1;
  opacity: 0.9;
}
.swiper-button-disabled {
  opacity: 1 !important;
}

.live_date_cont_box {
  width: 100%;
  height: 5.4rem;
  overflow: hidden;
  margin-top: 0.17rem;
  position: relative;
}
.calendar_item {
  width: 100%;
  height: 1.71rem;
  background: #19130b;
  display: flex;
  align-items: center;
  padding: 0 0.14rem;
  box-sizing: border-box;
  margin-bottom: 0.12rem;
}
.calendar_item:last-child {
  margin-bottom: 0;
}
.calendar_t {
  width: 1.15rem;
  text-align: left;
}
p.c_date {
  color: #ffd988;
  font-size: 0.18rem;
  font-weight: bold;
}
p.c_time {
  color: #fff;
  font-size: 0.38rem;
  font-weight: bold;
}
p.c_status {
  color: #ffd988;
  height: 0.5rem;
  display: flex;
  align-items: flex-end;
  font-size: 0.21rem;
  margin-top: 0.1rem;
}
.calendar_team1 {
  width: 1.2rem;
}
.c_teamlogo {
  width: 0.7rem;
}
.c_teamlogocity {
  width: 0.41rem;
  margin-right: 0.1rem;
}
.section {
  width: 100%;
  position: relative;
}
.c_teamlogo img {
  /* background: #fff; */
  border-radius: 0;
}
.c_teamname {
  width: 100%;
  color: #fdf3d7;
  font-size: 0.2rem;
  text-align: center;
  padding-top: 0.28rem;
  word-break: break-word;
}
.calendar_scores {
  width: 1.34rem;
  text-align: center;
  margin: 0 0.36rem;
  position: relative;
}
.c_score {
  color: #ffd886;
  font-size: 0.55rem;
  font-weight: bold;
  line-height: 1;
}
a.record_btn {
  display: block;
  width: 100%;
  padding: 0.06rem 0;
  line-height: 1;
  border: 0.02rem solid #ab8d61;
  color: #ab8d61;
  font-size: 0.21rem;
  margin: 0.1rem auto 0;
}
a.record_btn.coming {
  pointer-events: none;
  cursor: default;
  color: gray;
  border-color: gray;
}
.c_teamlogo_box {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* schedule */
.schedule_flex {
  display: flex;
  flex-wrap: wrap;
}
.schedule_box {
  padding-top: 0.42rem;
  position: relative;
  width: 100%;
}
.schedule_tit_txt {
  font-size: 0.24rem;
  color: #fc6838;
  text-align: center;
  margin-top: 0.4rem;
  font-family: "RadikalLight";
}
/* .schedule_nav { display: flex; width: 100%; height: .8rem; border-bottom: 0.02rem solid #ff6738; position: relative; background: #251f36; } 
.schedule_nav a { font-size: .36rem; color: #5c5376; display: block; width: 25%; height: 100%; text-align: center; line-height: .8rem; word-break: break-word; } 

.schedule_nav a.act { color: #ffffff; background: url(../ossweb-img/schedule_btn_act.jpg) no-repeat; background-size: 100% auto; } 
.schedule_nav a:hover { color: #ffffff; background: url(../ossweb-img/schedule_btn_act.jpg) no-repeat; background-size:100% auto; } 
.schedule_nav a.gray { pointer-events: none; cursor: default; color:gray; } */

.schedule_nav {
  display: flex;
  width: 100%;
  border-top: 1px solid #f2deaf;
  border-bottom: 1px solid #f2deaf;
  position: relative;
  background: #271e50;
}
.schedule_nav a {
  color: #daebff;
  display: block;
  width: 4.2rem;
  height: 100%;
  text-align: center;
  word-break: break-word;
  text-transform: uppercase;
  position: relative;
}
.navslibg1 {
  width: 100%;
  height: 0.64rem;
  background: url(../ossweb-img/navslibg1.jpg) no-repeat center #f8e271;
  background-size: 100% auto;
  border-bottom: 1px #f2deaf solid;
  font-family: "fontkic";
}
.navslibg1 div{
  text-align: center;
  font-size: 0.42rem;
  color: #c75739;
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fdedcc, #f5df9f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.64rem;
}
.act .navslibg2 {
  background: url(../ossweb-img/navslibg2.jpg) center;
  background-size: 100% auto;
}
.navslibg2 {
  width: 100%;
  height: 1rem;
  background: #3a2c75;
  text-align: center;
  border-left: 1px solid #f2deaf;
  border-right: 1px solid #f2deaf;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.patis1 {
  text-align: center;
  font-size: 0.62rem;
  color: #9c97b4;
  font-weight: bold;
  font-family: "fontkic";
  margin-bottom: -0.08rem;
  width: 100%;
}
.lang_ms .patis1{
  font-size: 0.4rem;
}
.lang_fr .patis1{
  font-size: 0.36rem;
  padding-top: 0.1rem;
}

.lang_ar .patis1{
  font-size: 0.4rem;
}
.lang_ar a.schedule_btn_more p{
  font-size: 0.3rem;
}
.lang_zh .patis1{
  font-size: 0.4rem;
}
.lang_zh-cn .patis1{
  font-size: 0.4rem;
}



.patis2 {
  text-align: center;
  font-size: 0.24rem;
  color: #9c97b4;
  width: 100%;
}
.act .patis1 {
  color: #51391a;
}
.act .patis2 {
  color: #51391a;
}
.schedule_nav a:last-child::before {
  display: none;
}

.schedule_nav a.gray {
  pointer-events: none;
  cursor: default;
  filter: grayscale(60%);
}

.schedule_container {
  width: 100%;
  position: relative;
  background: #261e4e;
  display: flex;
  justify-content: space-between;
}

.schedule_cont_day a {
  display: block;
  font-family: "RadikalLight";
  background: #453899;
  color: #fff7be;
  height: 1.48rem;
  width: 3.24rem;
  margin-bottom: 0.04rem;
  padding-left: 0.3rem;
  padding-top: 0;
  box-sizing: border-box;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.schelebtnscont {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.35rem;
}
.livesbtns {
  width: 4.54rem;
  height: 1.05rem;
  display: block;
  background: url(../ossweb-img/watch_livebtn.png) no-repeat;
  background-size: 100% auto;
}
.livesbtns div{
  font-size: 0.4rem;
  color: #c75739;
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fefaf0, #d8b47c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "fontkic";
  text-align: center;
  line-height: 1.05rem;
  font-weight: bold;
  text-transform: uppercase;
}

.schedule_cont_day a .schedule_cont_day_1 {
  color: #fff7be;
}
.schedule_cont_day a .schedule_cont_day_2 {
  color: #fff7be;
  display: flex;
  align-items: center;
  line-height: 1;
}
.zhshow {
  display: none;
}
.lang_zh-cn .schedule_cont_day_2 span.zhshow,
.lang_zh .schedule_cont_day_2 span.zhshow {
  display: block;
}

.schedule_cont_day a.act .schedule_cont_day_1 {
  color: #fff;
}
.schedule_cont_day a.act .schedule_cont_day_2 {
  color: #fff;
}
.schedule_cont_day a.hover .schedule_cont_day_1 {
  color: #fff;
}
.schedule_cont_day a.hover .schedule_cont_day_2 {
  color: #fff;
}

.lang_ar .schedule_cont_day a {
  padding-left: 0;
  padding-right: 0.3rem;
}
.schedule_cont_day a:last-child {
  margin-bottom: 0;
}
.schedule_cont_day a.act {
  background: transparent;
  color: #fff;
}
.schedule_cont_day a:hover {
  background: transparent;
  color: #fff;
}
.schedule_cont_day_1 {
  font-size: 0.38rem;
  width: 100%;
}
.schedule_cont_day_2 {
  font-size: 0.21rem;
  width: 100%;
}
.sc_stage {
  font-size: 0.2rem;
  text-transform: uppercase;
}

.schedule_flex_right {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin: 0.13rem 0 0;
}
a.schedule_btn_more {
  display: block;
  background: url(../ossweb-img/schedule_morebtn.png) no-repeat;
  background-size: 100% auto;
  height: 0.84rem;
  width: 4.06rem;
}
a.schedule_btn_more p {
  font-size: 0.5rem;
  color: #fadd91;
  font-weight: bold;
  padding-left: 0;
  line-height: 0.9rem;
  text-align: center;
  font-family: "fontkic";
}
.lang_tr a.schedule_btn_more p {
  font-size: 0.2rem;
}
.lang_ru a.schedule_btn_more p {
  font-size: 0.2rem;
}
.lang_ar a.schedule_btn_more p {
  padding-left: 0;
  text-align: center;
}
.lang_zh-cn a.schedule_btn_more p {
  padding-left: 0;
  text-align: center;
}
.lang_zh a.schedule_btn_more p {
  padding-left: 0;
  text-align: center;
}
.lang_ms a.schedule_btn_more p {
  font-size: 0.2rem;
}

.schedule_content {
  height: 7.5rem;
  overflow: hidden;
  position: relative;
  padding-right: 0.25rem;
}
.schedule_content_item {
  width: 12.66rem;
  height: 1.87rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-bottom: 0.02rem solid #5d5b85;
  padding-right: 0.2rem;
  box-sizing: border-box;
}

.schedule_content_item .schedule_c_i.time {
  width: 1rem;
  color: #ab8d61;
  line-height: 1;
}
.schedule_content_item .schedule_c_i.vs {
  color: #ffcf6d;
  font-size: 0.22rem;
}

.schedule_content_item .schedule_c_i.time p:nth-child(1) {
  font-size: 0.18rem;
  color: #6c6e7d;
}
.schedule_content_item .schedule_c_i.time p:nth-child(2) {
  font-size: 0.38rem;
  color: #e4bc77;
  margin: 0.09rem 0;
}
.schedule_content_item .schedule_c_i.time p:nth-child(3) {
  font-size: 0.24rem;
  text-transform: uppercase;
  color: #6c6e7d;
}

.schedule_flex_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.2rem;
}
.schedule_flex2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.schedule_f_cipy {
  width: 0.41rem;
  height: auto;
}
.schedule_f_team {
  width: 1.31rem;
  height: 1.31rem;
  margin: 0 0.1rem;
}
.schedule_f_team_txt {
  font-size: 0.28rem;
  width: 4rem;
  color: #ffffff;
}
.ponitvs {
  color: #a1a1a5;
  font-size: 1rem;
}

.calendar_box {
  display: flex;
  justify-content: space-between;
  margin-top: 0.18rem;
  width: 100%;
  text-transform: uppercase;
}
.calendar_6 {
  background: url(../ossweb-img/schedule_6.jpg) no-repeat;
  background-size: 100%;
  width: 8.21rem;
  height: 3.14rem;
  position: relative;
}
.calendar_7 {
  background: url(../ossweb-img/schedule_7.jpg) no-repeat;
  background-size: 100%;
  width: 8.21rem;
  height: 3.14rem;
  position: relative;
}

.calendar_8 {
  background: url(../ossweb-img/schedule_8.jpg) no-repeat;
  background-size: 100%;
  width: 8.21rem;
  height: 3.1rem;
  position: relative;
}

.calendar_tit {
  font-size: 0.38rem;
  color: #fff5cd;
  line-height: 0.52rem;
  height: 0.52rem;
  width: 100%;
  text-align: center;
}
.calendar_main_i {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 0.02rem;
}
.calendar_main_i:nth-child(1) {
  margin-bottom: 0.1rem;
  font-size: 0.18rem;
  color: #624c32;
}
.calendar_main_i p {
  text-align: center;
  width: 0.69rem;
  height: 0.37rem;
  margin: 0 0.21rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.2rem;
  color: #b8eff1;
  padding-top: 0.02rem;
}
.calendar_main_i:nth-child(1) p {
  color: #e9feff;
}

.calendar_main_i p.s1 {
  background: url(../ossweb-img/schedule_icon1.png) no-repeat;
  background-size: 100%;
  width: 0.69rem;
  height: 0.37rem;
  color: #0450c8;
}
.calendar_main_i p.s2 {
  background: url(../ossweb-img/schedule_icon2.png) no-repeat;
  background-size: 100%;
  width: 0.69rem;
  height: 0.37rem;
  color: #13213f;
}
.calendar_main_i p.s3 {
  background: url(../ossweb-img/schedule_icon3.png) no-repeat;
  background-size: 100%;
  width: 0.69rem;
  height: 0.37rem;
  color: #000000;
  font-weight: bold;
}

.calendar_box_v {
  display: flex;
  justify-content: space-between;
  margin-top: 0.17rem;
  width: 100%;
  text-transform: uppercase;
}
.calendar_box_v1 {
  background: url(../ossweb-img/schedule_v1.jpg) no-repeat;
  background-size: 100%;
  width: 4.1rem;
  height: 1.61rem;
  position: relative;
}
.calendar_box_v2 {
  background: url(../ossweb-img/schedule_v2.jpg) no-repeat;
  background-size: 100%;
  width: 4.1rem;
  height: 1.61rem;
  position: relative;
}
.calendar_box_v3 {
  background: url(../ossweb-img/schedule_v3.jpg) no-repeat;
  background-size: 100%;
  width: 4.1rem;
  height: 1.61rem;
  position: relative;
}
.calendar_box_v4 {
  background: url(../ossweb-img/schedule_v4.jpg) no-repeat;
  background-size: 100%;
  width: 4.1rem;
  height: 1.61rem;
  position: relative;
}

.calendar_box_i {
  text-transform: uppercase;
}
.calendar_box_i p {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  text-align: center;
  line-height: 1;
}
.calendar_box_i p:nth-child(1) {
  font-size: 0.28rem;
  color: #0b0a0f;
  height: 0.64rem;
}
.calendar_box_i p:nth-child(2) {
  font-size: 0.42rem;
  height: 0.95rem;
}
.calendar_box_i:nth-child(1) p:nth-child(2) {
  color: #644cc2;
}
.calendar_box_i:nth-child(2) p:nth-child(2) {
  color: #ca1c44;
}
.calendar_box_i:nth-child(3) p:nth-child(2) {
  color: #fc6838;
}
.calendar_box_i:nth-child(4) p:nth-child(2) {
  color: #fbf76f;
}

.standings_h {
  width: 3.18rem;
  height: 0.63rem;
  background: url(../ossweb-img/sc_item.png) no-repeat;
  background-size: 100% auto;
  margin-bottom: 0.06rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.standings_h.act {
  background: url(../ossweb-img/sc_item_act.png) no-repeat;
  background-size: 100% auto;
}
.standings_h:last-child {
  margin-bottom: 0;
}

.standings_jf {
  width: 0.8rem;
  height: 100%;
  font-size: 0.4rem;
  color: #979aa0; /* background: #b08c4f; */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.standings_h.act .standings_jf {
  color: #51391a; /* background: #edd6a1; */
}

.standings_teambox {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 0.1rem;
  box-sizing: border-box;
}
.standings_teambox_flex {
  display: flex;
  align-items: center;
}
.standings_city {
  width: 0.4rem;
  margin-right: 0.1rem;
}
.standings_team {
  width: 0.5rem;
  margin-left: 0.1rem;
}
.standings_line {
  width: 0.02rem;
  height: 0.3rem;
  background: #150d2c;
}

.standings_team_name {
  font-size: 0.28rem;
  color: #fff;
  margin-left: 0.1rem;
}
.standings_h.act .standings_team_name {
  color: #fff;
}

.standings_item {
  margin-bottom: 0.4rem;
  position: relative;
}
.standings_item:last-child {
  margin-bottom: 0;
}
.standings_item::after {
  content: "";
  width: 0.84rem;
  height: 0.02rem;
  background: #dbbe86;
  position: absolute;
  top: calc(50% + 0.15rem);
  right: -1.31rem;
}


.standings_box_i:nth-child(2) .standings_item {
  margin-bottom: 2.3rem;
}
.standings_box_i:nth-child(2) .standings_item:last-child {
  margin-bottom: 0;
}

.standings_box_i {
  position: relative;
}

.standings_stit {
  font-size: 0.18rem;
  color: #fef8be;
  text-transform: uppercase;
  height: 0.2rem;
  line-height: 0.2rem;
}
.standings_time {
  font-size: 0.24rem;
  color: #fef8be;
  text-transform: uppercase;
}
.standings_flex_pr {
  position: relative;
  height: 0.3rem;
}

.lastbattle .standings_flex {
  left: 0.8rem;
}

.standings_flex {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
}
.standings_flex > div {
  white-space: nowrap;
  line-height: 0.2rem;
}
.standings_time {
  display: flex;
}
.standings_time span {
  margin-right: 0.1rem;
}

/* --------- */

.standings_box_i:nth-child(2) .standings_item::before {
  content: "";
  width: 0.35rem;
  height: 0.02rem;
  background: #dbbe86;
  position: absolute;
  top: calc(50% + 0.08rem);
  left: -0.85rem;
}
.standings_box_i:nth-child(1)::before {
  content: "";
  width: 0.02rem;
  height: 2.05rem;
  background: #dbbe86;
  position: absolute;
  top: 1.65rem;
  right: -1.34rem;
}
.standings_box_i:nth-child(1)::after {
  content: "";
  width: 0.02rem;
  height: 2.05rem;
  background: #dbbe86;
  position: absolute;
  top: 5.7rem;
  right: -1.34rem;
}

.standings_box_i:nth-child(2)::before {
  content: "";
  width: 0.02rem;
  height: 3.9rem;
  background: #dbbe86;
  position: absolute;
  top: 1.68rem;
  right: -1.35rem;
}
.standings_box_i:nth-child(2)::after {
  content: "";
  width: 0.35rem;
  height: 0.02rem;
  background: #dbbe86;
  position: absolute;
  top: 55%;
  right: -1.7rem;
}
/* --------- */
.standings_tit {
  position: relative;
  height: 0.7rem;
}
.standings_tit p {
  display: table;
  font-size: 0.32rem;
  color: #fef8be;
  border-bottom: 0.02rem solid rgba(242,239,131,0.3);
  line-height: 1;
  padding-bottom: 0.1rem;
  margin-bottom: 0.27rem;
  white-space: nowrap;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
}

.standings_box {
  display: flex;
  align-items: center;
  margin-top: 0.92rem;
}
.stand_wraps {
  width: 100%;
  display: flex;
  align-items: center;
  background: url(../ossweb-img/match_bg.png) no-repeat center;
  background-size: 90% auto;
}

.lang_ar .stand_wraps {
  text-align: left;
  direction: ltr;
}

.standings_box.nextstandings {
  margin-top: 0.26rem;
}
.nextstandings .standings_box_i:nth-child(1)::after {
  display: none;
}
.nextstandings .standings_box_i:nth-child(1)::before {
  display: none;
}
.nextstandings .standings_item::after {
  width: 0.3rem;
  right: -0.38rem;
}
.nextstandings .standings_box_i:nth-child(2) .standings_item {
  margin-bottom: 0.21rem;
}
.nextstandings .standings_box_i:nth-child(2) .standings_item:last-child {
  margin-bottom: 0;
}
.nextstandings.standings_box
  .standings_box_i:nth-child(2)
  .standings_item::after {
  width: 0.45rem;
  right: -0.45rem;
}
.nextstandings .standings_box_i:nth-child(2)::before {
  right: -0.45rem;
  height: 1.35rem;
}
.nextstandings .standings_box_i:nth-child(2)::after {
  width: 0.2rem;
  right: -0.65rem;
  top: 1.85rem;
}
.nextstandings .standings_box_i:nth-child(2) .standings_item::before {
  display: none;
}
.nextstandings.standings_box .standings_box_i:nth-child(2) {
  margin-right: 0.7rem;
}
.nextstandings.standings_box .standings_box_i:nth-child(3) {
  margin-top: 0;
}

.lang_ar .standings_box {
  direction: ltr;
}
.standings_box_i {
  margin-right: 2.16rem;
}

.standings_box .standings_box_i:nth-child(2) {
  margin-top: -0.2rem;
}

.lastbattle {
  /* margin-top: 2.4rem; */
}
.standings_box_i.lastbattle:after {
  right: auto;
  left: -0.2rem;
}
.standings_box_i.lastbattle:before {
  right: auto;
  left: -0.2rem;
  top: -0.08rem;
  height: 4.73rem;
}
.finals_bg_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  left: 0;
  top: -0.2rem;
  margin:0 0.4rem;
  width: 2.18rem;
}
.finals_bg {
  background: url(../ossweb-img/finals_bg.png) no-repeat;
  background-size: 100%;
  width: 7.02rem;
  height: 3.94rem;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  word-break: break-word;
  line-height: 1;
}
.lastbattle .standings_tit {
  padding-left: 0.3rem;
}
.lastbattle .standings_tit p {
  left: 0.8rem;
}
.finals_bg_i.team {
  width: 100%;
  position: relative;
}
.finals_bg_i.vs {
  width: 0.56rem;
  height: 0.56rem;
  text-indent: -9999rem;
  font-size: 0.31rem;
  background: url(../ossweb-img/vs.png) no-repeat;
  background-size: 100% auto;
  color: #fbf76f;
}
.finals_bg_i.fs {
  width: 100%;
  font-size: 0.8rem;
  color: #979aa0;
  font-weight: bold;
}

.finals_bg_i_team {
  width: 0.85rem;
  height: 0.85rem;
  display: flex;
  margin: 0 auto 0.3rem;
}
.finals_bg_i_team_city {
  width: 0.36rem;
  margin-right: 0.1rem;
}
.finals_bg_i_team_name {
  font-size: 0.3rem;
  color: #979aa0;
  min-height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.finaltemph {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -0.2rem;
}

.finals_bg.start {
  background: url(../ossweb-img/finals_bg_start.png) no-repeat;
  background-size: 100%;
}
.finals_bg.start1 {
  background: url(../ossweb-img/finals_bg_start1.png) no-repeat;
  background-size: 100%;
}
.finals_bg.start .finals_bg_flex:first-child .finals_bg_i_team_name {
  color: #036fcb;
}
.finals_bg.start .finals_bg_flex:first-child .fs {
  color: #036fcb;
}
.finals_bg.start .finals_bg_flex:last-child .fs {
  color: #979aa0;
}

.finals_bg.start1 .finals_bg_flex:first-child .fs {
  color: #979aa0;
}
.finals_bg.start1 .finals_bg_flex:last-child .finals_bg_i_team_name {
  color: #036fcb;
}
.finals_bg.start1 .finals_bg_flex:last-child .fs {
  color: #036fcb;
}

/* team */
.swiper_team {
  height: 100%;
}
.swiper_team_box {
  background: #271f50;
  height: 0.98rem;
  width: 100%;
  position: relative;
  padding: 0 0.78rem;
  box-sizing: border-box;
  margin-top: 0.9rem;
}
.swiper_team_box .swiper-slide {
  background: #392b73;
  border: 1px #564cb8 solid;
  height: 100%;
  cursor: pointer;
}
.swiper_team_box .swiper-slide.act {
  background: url(../ossweb-img/team_s_bg.png) no-repeat;
  background-size: 100% auto;
}
/* .swiper_team_box .swiper-slide:hover { background: url(../ossweb-img/team_s_bg.jpg) no-repeat; background-size: 3rem; } 
.swiper_team_box .swiper-slide:hover .team_team_des p { color: #634c32; } */

.team_teampic {
  width: 0.5rem;
  height: 0.5rem;
  padding-top: 0.1rem;
  margin: 0 auto 0.1rem;
}
.team_team_des {
  display: flex;
  justify-content: center;
  align-items: center;
}
.team_team_des p {
  font-size: 0.15rem;
  word-break: break-word;
  background: linear-gradient(to top, #c7e1ff, #feffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swiper_team_box .swiper-slide.act .team_team_des p {
  color: #634c32;
  background: linear-gradient(to top, #634c32, #634c32);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team_team_descity {
  width: 0.3rem;
  margin-right: 0.1rem;
}

.swiper_team_cont {
  margin-top: 0.02rem;
  background: #271f50;
  width: 100%;
  position: relative;
  padding: 0.35rem 0.67rem 0;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-top: 0.2rem;
}
.swiper_team_cont_i {
  width: 2.85rem;
  height: 3.03rem;
  position: relative;
  margin-right: 0.3rem;
  margin-bottom: 0.36rem;
}
.swiper_team_cont_i:nth-child(5n) {
  margin-right: 0;
}

.swiper_team_cont_i_p {
  width: 2.85rem;
  height: 3.03rem;
  position: relative;
  overflow: hidden;
}

.swiper_team_cont_i_zz {
  width: 100%;
  height: 0.63rem;
  background: rgba(18, 14, 25, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 0 0.13rem;
  box-sizing: border-box;
  padding-top: 0.1rem;
}
.swiper_team_cont_i_zz p {
  line-height: 1;
  padding-left: 0.3rem;
  position: relative;
}
.swiper_team_cont_i_zz p:nth-child(1) {
  font-size: 0.26rem;
  color: #ffffff;
}
.swiper_team_cont_i_zz p:nth-child(2) {
  font-size: 0.16rem;
  color: #fed678;
  margin-top: 0.02rem;
  line-height: 0.22rem;
}

.swiper_team_cont_i_zz p em.c1 {
  display: block;
  width: 0.16rem;
  height: 0.02rem;
  background: #979aa3;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.swiper_team_cont_i_zz p em.s1 {
  display: block;
  width: 0.22rem;
  height: 0.22rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.swiper_team_cont_i_zz p em.s1.MID {
  background: url(../ossweb-img/fl_zhong.png) no-repeat;
  background-size: 0.22rem;
}
.swiper_team_cont_i_zz p em.s1.JUNGLER {
  background: url(../ossweb-img/fl_ye.png) no-repeat;
  background-size: 0.22rem;
}
.swiper_team_cont_i_zz p em.s1.CLASH {
  background: url(../ossweb-img/fl_dk.png) no-repeat;
  background-size: 0.22rem;
}
.swiper_team_cont_i_zz p em.s1.ROAMER {
  background: url(../ossweb-img/fl_fz.png) no-repeat;
  background-size: 0.22rem;
}
.swiper_team_cont_i_zz p em.s1.FARM {
  background: url(../ossweb-img/fl_fy.png) no-repeat;
  background-size: 0.22rem;
}

.pool_pic {
  background: url(../ossweb-img/pool_pic.png) no-repeat top; 
  background-size: 100%;
  width: 19.28rem;
  height: 11.81rem;
  margin: 0 auto;
  position: relative;
  margin-top: 0;
  transform: scale(0.9);
}

.pool_pic_txt {
  font-size: 0.5rem;
  color: #dcb97f;
  position: absolute;
  top: 4.3rem;
  left: 0;
  background: linear-gradient(to bottom, #dcb97f, #dcb97f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.passcount_wrap{
  margin-top: 0.6rem;
  padding-bottom: 1rem;
}
.chose_passevent_ther{
  display: none;
}
.passevent_content{
  width: 15rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.pass_logns{ 
  width: 3.2rem;
  margin-top: 0.2rem;
}
.pass_infoevents{
  width: 11.4rem;
  height: 3rem;
}
.event_tics1{
  font-size: 0.4rem;
  color: #fff;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
}
.champ_winds{
  display: flex;
  align-items: center;
  margin-bottom: 0.4rem;
}
.chanmp_w1{
  font-size: 0.4rem;
  color: #ffffff;
  margin-right: 0.3rem;
}
.chanmp_internationl{
  width: 1rem;
  margin-right: 0.3rem;
}
.chanmp_w2{
  width: 1.2rem;
  margin-right: 0.3rem;
}
.chanmp_w3{
  font-size: 0.4rem;
  color: #eedd58;
  margin-right: 0.1rem;
  text-transform: uppercase;
}
.event_tics2{
  font-size: 0.3rem;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 0.4rem;
}
.moreinfos_btn{
  display: block;
  width: 3.33rem;
  height: 0.78rem;
  background: url(../ossweb-img/moreinfo_bg.png) no-repeat;
  background-size: 100% auto;

}
.moreinfos_btn p{
  text-transform: uppercase;
  font-size: 0.3rem;
  font-weight: bold;
  color: #d2f2ff;
  background: linear-gradient(to bottom, #fdecc8, #f5e0a1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  line-height: 0.7rem;
  font-family: "fontkic";
}
.passevent_line{
  border-top: 0.01rem #897ae8 solid;
  width: 100%;
  position: relative;
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
}
.pass_chose{
   cursor: pointer;
   width: 3.5rem;
   text-align: center;
   background: url(../ossweb-img/bar_dot.png) no-repeat top;
   background-size: 2.19rem 0.26rem;
   margin-top: -0.13rem;
}
.pass_chose>div{
  font-size: 0.18rem;
  color: #897ae8;
  text-align: center;
  padding-top: 0.4rem;
  text-transform: uppercase;
}
.pass_chose:nth-child(3)>div{
  text-transform: none;
}
.pass_chose.current{
  background: url(../ossweb-img/bar_dot_current.png) no-repeat top;
  background-size: 2.19rem 0.26rem;
}
.pass_chose.current>div{
  color: #ecc47d;

}

.hok_store {
  width: 100%;
  height: 6.87rem;
  /* background: url(../ossweb-img/foot_light.png) center bottom no-repeat; background-size:100%; */
  width: 100%;

  padding-top: calc(1 / var(--screen-width) * var(--screen-maxwidth));
  position: relative;
  z-index: 1;
}

.hok_fot {
  background: none;
  height: auto;
}
.bgblack {
  background: #000;
  position: relative;
  padding-top: 0.98rem;
  box-sizing: border-box;
}
.bgblack::before {
  content: "";
  background: url(../ossweb-img/bot_store.png) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 0.59rem;
  position: absolute;
  top: -0.59rem;
  left: 0;
}
.fot_logo {
  margin-top: 0;
}
.hok_store_btnbox a {
  background: url(../ossweb-img/footer_mt.png) no-repeat !important;
  background-size: 100% !important;
  width: 0.92rem;
  height: 0.93rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hok_store_btnbox a:hover {
  background: url(../ossweb-img/footer_mt_hover.png) no-repeat !important;
  background-size: 100% !important;
}

.hok_store_btnbox a em {
  opacity: 0.5;
}
.hok_store_btnbox a:hover em {
  opacity: 1;
}

.hok_store_btnbox {
  display: flex;
  justify-content: center;
  margin-top: 2.2rem;
}
a.facebook_icon em {
  display: block;
  background: url(../ossweb-img/store_facebook.png) no-repeat;
  background-size: 100%;
  width: 0.52rem;
  height: 0.52rem;
}
a.twitter_icon em {
  display: block;
  background: url(../ossweb-img/store_twitter.png) no-repeat;
  background-size: 100%;
  width: 0.52rem;
  height: 0.52rem;
}
a.instagram_icon em {
  display: block;
  background: url(../ossweb-img/store_instagram.png) no-repeat;
  background-size: 100%;
  width: 0.52rem;
  height: 0.52rem;
}
a.youtube_icon em {
  display: block;
  background: url(../ossweb-img/store_youtube.png) no-repeat;
  background-size: 100%;
  width: 0.52rem;
  height: 0.52rem;
}
a.twitch_icon em {
  display: block;
  background: url(../ossweb-img/store_twitch.png) no-repeat;
  background-size: 100%;
  width: 0.52rem;
  height: 0.52rem;
}

.copyright_link {
  padding-bottom: 0.9rem;
}

.right_btn {
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 5;
}
.right_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../ossweb-img/right_btn.png) no-repeat;
  background-size: 1.25rem;
  width: 1.25rem;
  height: 1.11rem;
  text-transform: uppercase;
  font-size: 0.26rem;
  text-align: center;
  padding-top: 0.05rem;
  padding-left: 0.05rem;
  box-sizing: border-box;
}
.right_btn a.rule {
  background-position: 0 0;
  color: #368af4;
}
.right_btn a.top {
  background-position: 0 -1.34rem;
  margin-top: 0.24rem;
  color: #fff;
}
.scrolltop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.lang_ar .swiper-container {
  direction: ltr;
  text-align: left;
}

.lang_ar .swiper_team_cont {
  direction: ltr;
  text-align: left;
}

.groupteam {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
  flex-wrap: wrap;
}
.graper {
  width: 4.14rem;
  position: relative;
  margin: 0 0.05rem;
  background: #221847;
  border: 1px #8e83e2 solid;
}
.groupName {
  background: url(../ossweb-img/groupbg.png) center;
  background-size: auto 100%;
  height: 0.93rem;
  line-height: 1rem;
  font-size: 0.44rem;
  color: #f1e8c5;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.groupName:after{
  content: "";
  display: block;
  width: 0.81rem;
  height: 0.64rem;
  background: url(../ossweb-img/trages.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.3rem;
  right: -0.12rem;
  
}
.grounplibg {
  width: 100%;
  min-height: 10.1rem;
  padding-top: 0.3rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.groupli {
  width: 3.8rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.grouppic {
  width: 1.4rem;
  margin-right: 0.26rem;
}
.groupite {
  width: 0.96rem;
  margin-bottom: 0.05rem;
}
.grouptanm {
  font-size: 0.28rem;
  color: #fdf6bd;
  text-align: center;
}
.grouptanm.show {
  display: block;
}
.grouptanm.hide {
  display: none;
}
.grouppan {
  width: 100%;
}

/* .nv_m_lan,.language_btn { display: none !important; } */ /* 翻译多语言 */

/* 2024-07-09 */
.kvbox_main_0709 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kb0709_main {
  padding-top: 7.6rem;
}
.kb0709_t1 {
  font-size: 0.45rem;
  color: #ffffff;
  text-align: center;
}
.kb0709_t2 {
  font-size: 2.6rem;
  color: #f6dba8;
  text-align: center;
  margin-top: 0.31rem;
  font-weight: bold;
  line-height: 1;
}

/* 07-12 */
.kb0712_t1 {
  font-size: 0.82rem;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  word-break: break-word;
}
.kb0709_t2 {
  font-size: 0.3rem;
  color: #fff;
  text-align: center;
  margin-top: 0.05rem;
  font-weight: normal;
  line-height: 1.6;
  width: 12rem;
  margin: 0 auto;
}
.tkv_button {
  display: block;
  width: 4.99rem;
  height: 1.04rem;
  line-height: 1.04rem;
  background: url(../ossweb-img/tkv_button.png) no-repeat;
  background-size: 100% auto;
  font-size: 0.4rem;
  color: #ffffff;
  text-align: center;
  margin: 0.48rem auto 0;
  text-shadow: 0 -2px #dca240, 2px -2px #dca240, 2px 0 #dca240, 2px 2px #dca240,
    0 2px #dca240, -2px 2px #dca240, -2px 0 #dca240, -2px -2px #dca240;
}
.lang_ru .tkv_button {
  font-size: 0.22rem;
}
.lang_id .tkv_button {
  font-size: 0.22rem;
}

/* 09-23 */
.kb0923_main {
  padding-top: 7.5rem;
}
.kb0923_t1 {
  font-size: 1.6rem;
  text-align: center;
  line-height: 1;
  word-break: break-word;
  font-family: "KICPRO";
  letter-spacing: -0.1rem;
  text-transform: uppercase;
  background: linear-gradient(to top, #d6c789, #e9e2b9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 1));
}

.kb0923_t1 span {
  font-size: 1.6rem;
}

.kb0923_t2 {
  display: flex;
  color: #fcfcfc;
  line-height: 1;
  justify-content: center;
  font-family: "KICPRO";
  text-transform: uppercase;
  font-size: 0.5rem;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 1));
}
.kb0923_t2 > div {
  margin: 0 0.08rem;
}

.kb0923_t3 {
  color: #dedee0;
  font-size: 0.3rem;
  text-align: center;
  width: 14.14rem;
  margin: 0.08rem auto 0;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 1));
}

.tkv0923_button {
  display: block;
  width: 5.45rem;
  height: 1.11rem;
  line-height: 1.2rem;
  background: url(../ossweb-img/kv_btn.png) no-repeat;
  background-size: 100% auto;
  font-size: 0.26rem;
  color: #7e612b;
  text-align: center;
  margin: 0.2rem auto 0;
  transform: scale(0.8);
  transform-origin: top center;
  font-style: italic;
}

.lang_ar .kb0923_t1 {
  font-family: "KICPRO", "armid";
}
.lang_tr .kb0923_t1 {
  font-family: "RadikalLight";
  font-size: 1.2rem;
}
.lang_zh .kb0923_t1 {
  font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
}
.lang_zh-cn .kb0923_t1 {
  font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
}

.lang_id .tkv0923_button {
  font-size: 0.22rem;
}
.lang_ru .tkv0923_button {
  font-size: 0.22rem;
}

.titbgs {
  display: none;
}

.authplock1 {
  width: 2.79rem;
  height: 3.1rem;
  background: url(../ossweb-img/authper1.jpg) no-repeat;
  background-size: 100% auto;
}
.authplock2 {
  width: 2.79rem;
  height: 3.1rem;
  background: url(../ossweb-img/authper2.jpg) no-repeat;
  background-size: 100% auto;
}
.authplock3 {
  width: 2.79rem;
  height: 3.1rem;
  background: url(../ossweb-img/authper3.jpg) no-repeat;
  background-size: 100% auto;
}
.pthmans1 p {
  width: 100%;
}
.pthmans1 {
  text-align: center;
  font-size: 0.28rem;
  color: #162038;
  height: 1.23rem;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  width: 100%;
}
.pthmans2 {
  text-align: center;
  height: 1.88rem;
  line-height: 1;
}
.pthmans2 > p:nth-child(1) {
  font-size: 0.38rem;
  color: inherit;
  padding-top: 0.37rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pthmans2 > p:nth-child(2) {
  font-size: 0.28rem;
  color: inherit;
}

.authplock1 .pthmans2 {
  color: #032a7f;
}
.authplock2 .pthmans2 {
  color: #5d5226;
}
.authplock3 .pthmans2 {
  color: #292929;
}

.sc_item {
  background: url(../ossweb-img/sc_item.png) no-repeat;
  background-size: 100%;
  width: 3.18rem;
  height: 0.63rem;
  position: relative;
}
.sc_item.act {
  background: url(../ossweb-img/sc_item_act.png) no-repeat;
  background-size: 100%;
}

.glist_flex {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.pc_web {
  display: block;
}
.h5_web {
  display: none;
}
/* h5 */
@media screen and (max-width: 850px) {
  .pc_web {
    display: none;
  }
  .h5_web {
    display: block;
  }

  .bgblack {
    padding-top: 0.5rem;
    margin-top: 0;
  }
  .bgblack::after {
    background: url(../ossweb-img/h5_foot.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 0.53rem;
    top: -0.52rem;
    left: 0;
  }
  .copyright_link {
    padding-bottom: 0;
  }
  .hok_store_btnbox {
    margin-top: 0;
  }
  .hok_store {
    height: calc(228 / var(--screen-width2) * var(--screen-maxwidth));
  }

  .kvbox {
    width: 100%;
    height: 10.6rem;
    position: relative;
  }

  .graper {
    width: 48%;
    margin: 1% 0.5%;
    background: none;
  }
  .grounplibg {
    width: 100%;
    height: auto;
    padding: 0.4rem 0;
    background: #182244;
  }
  .groupName {
    font-size: 0.4rem;
  }
  .grouppic {
    width: 1.4rem;
  }
  .groupli {
    justify-content: center;
    margin-bottom: 0.2rem;
  }
  .groupli:last-child {
    margin-bottom: 0;
  }
  .livebox {
    height: 5rem;
  }
  .livezz {
    height: 0.82rem;
  }
  .livezz .livezz_icon_box:nth-child(1) {
    position: absolute;
    top: -4rem;
    left: 0.25rem;
    padding: 0;
    margin: 0;
    font-size: 0.25rem;
  }
  .live_icon {
    width: 0.22rem;
    height: 0.22rem;
    margin-right: 0.2rem;
  }
  .livezz_team_box {
    padding: 0 0.2rem;
    box-sizing: border-box;
    width: 100%;
    position: relative;
  }
  .live_team {
    width: 0.6rem;
    height: 0.6rem;
  }
  .live_team_name {
    font-size: 0.22rem;
    margin: 0 0.2rem;
  }
  .live_vs {
    font-size: 0.5rem;
    margin: 0 0.2rem;
  }
  .live_team_name {
    max-width: 1.76rem;
  }

  .wrap_main {
    background: url(../ossweb-img/h5_bg.jpg) no-repeat #151e31;
    background-size: 100%;
    width: 100%;
  }
  .wrap_main::after {
    display: none;
  }
  .wrap_main::before {
    content: "";
    background: url(../ossweb-img/m_bg_top.png) no-repeat;
    background-size: 7.5rem;
    width: 7.5rem;
    height: 0.21rem;
    position: absolute;
    top: -0.21rem;
    right: 0;
  }

  .kvbox_main {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0.5rem;
    box-sizing: border-box;
    width: 100%;
  }

  .kv_solgantext{
    width: 6rem;
    top: 6.53rem;
    left: 0.52rem;
  }

  .lb_logo {
    width: 1.38rem;
    margin-top: 0.23rem;
  }
  .lb_tit {
    font-size: 0.38rem;
    margin-top: 5.6rem;
  }
  .lb_txt {
    width: 100%;
    font-size: 0.24rem;
  }
  a.lb_btn {
    transform: scale(0.8);
    transform-origin: left top;
    margin-top: 0.35rem;
  }

  .kvbox_main_nav {
    background: url(../ossweb-img/h5_kv_line.png) no-repeat;
    background-size: 100%;
    width: 7.47rem;
    min-height: 0.07rem;
    position: absolute;
    bottom: 1.3rem;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .kvbox_main_nav .kvbox_main_nav_i {
    transform: scale(0.9);
    transform-origin: center top;
  }
  .kvbox_main_nav .kvbox_main_nav_i.des {
    transform: scale(0.9);
    transform-origin: center top;
  }
  .kvbox_main_nav .kvbox_main_nav_i.act {
    transform: scale(0.9);
    transform-origin: center top;
  }
  .kvbox_main_nav .kvbox_main_nav_i:nth-child(1) {
    top: -0.14rem;
    left: -1rem;
  }
  .kvbox_main_nav .kvbox_main_nav_i:nth-child(2) {
    top: -0.14rem;
    left:1.56rem;
  }
  .kvbox_main_nav .kvbox_main_nav_i:nth-child(3) {
    top: -0.14rem;
    left: 3.9rem;
  }
  .kvbox_main_nav .kvbox_main_nav_i p {
    font-size: 0.18rem;
    text-align: center;
    padding-top: 0.8rem;
  }
  .kvbox_main_nav .kvbox_main_nav_i.des p {
    color: #b2b2b2;
  }
  .kvbox_main_nav .kvbox_main_nav_i.act p {
    color: #fee095;
  }
  .schedule_content{
    height: 6.2rem;
  }

  .wrap_tit {
    font-size: 0.8rem;
  }
  .lang_ru .wrap_tit{
    font-size: 0.4rem;
  }
  .lang_ru .patis1{
    font-size: 0.15rem;
  }
  .lang_ar .wrap_tit{
    font-size: 0.4rem;
  }
  .lang_ar .patis1{
    font-size: 0.2rem;
  }
  .lang_ar a.schedule_btn_more p{
    font-size: 0.3rem;
  }
  .lang_zh .patis1{
    font-size: 0.3rem;
  }
  .lang_zh-cn .patis1{
    font-size: 0.3rem;
  }


  .wrap_tit::after {
    width: 1.2rem;
    height: 0.5rem;
    left: -1.58rem;
  }
  .wrap_tit::before {
    width: 1.2rem;
    height: 0.5rem;
    right: -1.58rem;
  }

  .w1 {
    padding-top: 1rem;
  }
  .w2 {
    padding-top: 1rem;
  }
  .w3 {
    padding-top: 1rem;
  }
  .w4 {
    padding-top: 1rem;
  }
  .w5 {
    padding-top: 1rem;
  }
  .w6 {
    padding-top: 1rem;
  }

  .live_stram_box {
    flex-wrap: wrap;
    width: 100%;
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .schelebtnscont{
    justify-content: center;
  }

  .livecontent_t {
    height: 0.41rem;
  }
  .livecontent {
    background: url(../ossweb-img/h5_live_content.jpg) center top no-repeat;
    background-size: 100%;
    width: 7.1rem;
    height: auto;
    position: relative;
  }
  .live_stram_des {
    font-size: 0.15rem;
  }
  .live_stram_icon p {
    font-size: 0.13rem;
  }

  .live_stramicon {
    width: 0.12rem;
    height: 0.12rem;
  }
  .live_stram_icon {
    width: auto;
    padding: 0.04rem 0.1rem;
    box-sizing: border-box;
  }
  .live_stram_cont {
    width: 100%;
    height: 4rem;
  }
  .live_screen {
    width: 100%;
    margin-top: 0.29rem;
  }
  .live_qh_btn a {
    width: 1.76rem;
    height: 0.63rem;
  }
  .live_qh_btn a.act {
    background-size: 1.76rem;
  }

  .calendar_item {
    padding: 0 0.5rem;
    justify-content: space-between;
  }
  .calendar_t {
    width: 1.2rem;
  }

  .calendar_team1 {
    width: 1.6rem;
  }
  .calendar_scores {
    margin: 0 0.1rem;
    width: 1.45rem;
  }

  .schedule_tit_txt {
    font-size: 0.2rem;
    margin: 0.12rem auto 0;
  }
  .width1680 {
    width: 7.1rem;
  }

  .schedule_flex_right {
    justify-content: flex-end;
    margin-top: 0.17rem;
  }
  .schedule_box {
    order: 0;
    padding-top: 0.38rem;
  }

  .calendar_box {
    margin-top: 0.6rem;
    flex-wrap: wrap;
  }
  .calendar_6 {
    background: url(../ossweb-img/h5_schedule_6.jpg) no-repeat;
    background-size: 100%;
    width: 3.47rem;
    height: 3.02rem;
    position: relative;
  }
  .calendar_7 {
    background: url(../ossweb-img/h5_schedule_7.jpg) no-repeat;
    background-size: 100%;
    width: 3.47rem;
    height: 3.02rem;
    position: relative;
  }

  .calendar_main_i p {
    margin: 0 0.06rem;
    font-size: 0.16rem;
    width: 0.8rem;
  }
  .calendar_tit {
    font-size: 0.3rem;
  }
  .calendar_main_i:nth-child(1) {
    margin-bottom: 0.05rem;
  }
  .calendar_main_i p.s1 {
    font-size: 0.2rem;
    background-size: 100% 100%;
    width: 0.8rem;
  }
  .calendar_main_i p.s2 {
    font-size: 0.2rem;
    background-size: 100% 100%;
    width: 0.8rem;
  }
  .calendar_main_i p.s3 {
    font-size: 0.2rem;
    background-size: 100% 100%;
    width: 0.8rem;
  }
  .calendar_main_i p.s4 {
    font-size: 0.2rem;
    background-size: 100% 100%;
    width: 0.8rem;
  }

  .calendar_box_v1 {
    background: url(../ossweb-img/schedule_v1.jpg) no-repeat;
    background-size: 100% 100%;
    width: 1.73rem;
    height: 1.23rem;
    position: relative;
  }
  .calendar_box_v2 {
    background: url(../ossweb-img/schedule_v2.jpg) no-repeat;
    background-size: 100% 100%;
    width: 1.73rem;
    height: 1.23rem;
    position: relative;
  }
  .calendar_box_v3 {
    background: url(../ossweb-img/schedule_v3.jpg) no-repeat;
    background-size: 100% 100%;
    width: 1.73rem;
    height: 1.23rem;
    position: relative;
  }
  .calendar_box_v4 {
    background: url(../ossweb-img/schedule_v4.jpg) no-repeat;
    background-size: 100% 100%;
    width: 1.73rem;
    height: 1.23rem;
    position: relative;
  }

  .calendar_box_i p:nth-child(1) {
    font-size: 0.2rem;
    height: 0.5rem;
  }
  .calendar_box_i p:nth-child(2) {
    font-size: 0.2rem;
    height: 0.73rem;
    text-align: center;
  }

  .schedule_nav a {
    font-size: 0.28rem;
    line-height: 1.2;
    padding-top: 0.05rem;
    display: block;
  }
  /* .schedule_nav a:last-child >div { line-height: 2.5; } */
  .schedule_nav{ height: auto;}

  .schedule_nav a.act:hover {
    color: #ffffff;
    background: url(../ossweb-img/schedule_btn_act.jpg) no-repeat;
    background-size: 5.6rem;
  }
  .schedule_nav a:hover {
    color: #5c5376;
    background: #251f36;
  }
  .navslibg1 div{
    font-size: 0.26rem;
    line-height: 0.3rem;
  }
  .navslibg1{
    background: url(../ossweb-img/navslibg1_m.jpg) no-repeat center;
    background-size: 100% auto;
    height: 0.32rem;
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.3rem;
  }
  .navslibg2{
    height: 0.55rem;
  }
  .patis1{
    font-size: 0.3rem;
    font-weight: normal;
  }
  .lang_ms .patis1{
    font-size: 0.15rem;
  }
  .lang_fr .patis1{
    font-size: 0.15rem;
    padding-top: 0.1rem;
  }
  .patis2{
    font-size: 0.16rem;
  } 

  .schedule_cont_day a {
    width: 1.4rem;
    text-align: left;
    padding-left: 0;
    padding-top: 0.1rem;
  }
  .schedule_cont_day a {
    background: #131424;
    color: #765843;
    padding-left: 0.15rem;
    box-sizing: border-box;
    height: 1.25rem;
    border: none;
  }
  .schedule_cont_day_2{
    font-size: 0.15rem;
  }
  .schedule_cont_day a.act {
    background: transparent;
    color: #162038;
  }
  .schedule_cont_day a.act:hover {
    background: transparent;
    color: #162038;
  }
  .schedule_cont_day a:hover {
    background: #131424;
    color: #765843;
  }

  .schedule_cont_day_1 {
    font-size: 0.22rem;
    display: flex;
    align-items: center;
  }
  .schedule_cont_day_1 span {
    display: table;
    margin: 0.12rem 0 0;
    font-size: 0.28rem;
  }

  .schedule_content_item .schedule_c_i.time {
    width: auto;
  }
  .schedule_content_item .schedule_c_i.time p:nth-child(2) {
    font-size: 0.5rem;
  }

  .schedule_content_item {
    width: 5.2rem;
    height: 1.53rem;
  }
  .schedule_flex_i {
    flex-wrap: wrap;
    width: 1.4rem;
  }
  .schedule_f_team {
    width: 0.5rem;
    height: 0.5rem;
  }
  .schedule_flex2 {
    margin-right: 0;
    justify-content: center;
    width: 100%;
  }

  .schedule_f_team_txt {
    text-align: center;
    width: 1.4rem;
    font-size: 0.24rem;
  }
  .schedule_content_item .schedule_c_i.vs {
    margin: 0 0.1rem;
  }

  .standings_box {
    margin-top: 0.8rem;
  }

  .standings_h {
    width: 2.21rem;
    height: 0.48rem;
  }
  .standings_city {
    margin-right: 0.1rem;
  }

  .grouptanm {
    font-size: 0.26rem;
  }
  .standings_teambox_flex {
    width: auto;
    flex-wrap: wrap;
    height: 80%;
    align-content: center;
    box-sizing: border-box;
  }
  .standings_teambox_flex .standings_line {
    display: none;
  }
  .standings_team {
    width: 0.3rem;
    margin-left: 0.1rem;
  }
  .standings_city {
    width: 0.35rem;
    margin: 0 auto;
    margin-top: 0.05rem;
    border-right: 1px #000 solid;
    padding-right: 0.1rem;
  }
  .standings_jf {
    width: 0.55rem;
    font-size: 0.22rem;
  }
  .wrap_discratip{
    font-size: 0.28rem;
    margin-top: 0.26rem;

  }

  .standings_team_name {
    word-wrap: break-word;
    word-break: break-all;
    display: flex;
    height: 100%;
    align-items: center;
    line-height: 1.1;
    font-size: 0.2rem;
    color: #b1b6c3;
  }

  .standings_box_i {
    margin-right: 0.56rem;
  }

  .standings_tit {
    width: 1.94rem;
  }

  /* --------- */
  .standings_item::after {
    width: 0.23rem;
    right: -0.3rem;
  }

  .standings_box_i:nth-child(2) .standings_item::before {
    content: "";
    width: 0.22rem;
    height: 0.02rem;
    position: absolute;
    top: calc(50% + 0.12rem);
    left: -0.25rem;
  }
  .standings_box_i:nth-child(1)::before {
    left: 2.5rem;
    right: auto;
    top: 1.5rem;
    height: 1.72rem;
  }
  .standings_box_i:nth-child(1)::after {
    right: auto;
    left: 2.5rem;
    top: 4.95rem;
    height: 1.75rem;
  }
  .standings_box_i {
    margin-right: 0.56rem;
  }
  .standings_box_i.lastbattle:last-child {
    margin-right: 0;
    position: absolute;
    top: 1.6rem;
    right: -0.4rem;
  }

  .standings_box_i:nth-child(2)::before {
    content: "";
    width: 0.02rem;
    height: 3.45rem;
    position: absolute;
    top: 1.5rem;
    right: -0.28rem;
  }
  .standings_box_i:nth-child(2)::after {
    content: "";
    width: 0.15rem;
    height: 0.02rem;
    position: absolute;
    top: 55%;
    right: -0.45rem;
  }
  .standings_box_i.lastbattle:nth-child(2)::after {
    content: "";
    width: 0.02rem;
    height: 1.15rem;
    position: absolute;
    top: 3rem;
    right: auto;
    left: 1.75rem;
  }
  .standings_box .standings_box_i:nth-child(2) {
    margin-right: 0.05rem;
  }
  .standings_box.nextstandings {
    margin-top: 2.6rem;
  }
  /* --------- */

  .standings_box_i:nth-child(2) .standings_item {
    margin-bottom: 2.1rem;
  }
  .standings_box .standings_box_i:nth-child(2) .standings_item::after {
    width: 0.2rem;
    right: -0.25rem;
  }
  .nextstandings .standings_item::after {
    width: 0.3rem;
    right: 0;
  }
  .nextstandings .standings_box_i {
    margin-right: 0.02rem;
  }
  .nextstandings.standings_box
    .standings_box_i:nth-child(2)
    .standings_item::after {
    width: 0.2rem;
    right: 0.1rem;
  }
  .nextstandings.standings_box .standings_box_i:nth-child(2) {
    margin-right: 0.2rem;
  }
  .nextstandings .standings_box_i:nth-child(2)::before {
    right: 0.08rem;
    height: 1.1rem;
  }
  .nextstandings .standings_box_i:nth-child(2)::after {
    width: 0.2rem;
    right: -0.15rem;
    top: 1.5rem;
  }
  .nextstandings {
    position: relative;
  }
  .stand_wraps {
    position: relative;
  }
  .nextstandings .standings_box_i:last-child {
    position: absolute;
    top: -0.85rem;
    left: 5rem;
  }
  .standings_box .standings_box_i:nth-child(3) .standings_item:after {
    width: 0.5rem;
    right: -0.3rem;
  }
  .standings_box.nextstandings
    .standings_box_i:nth-child(3)
    .standings_item:after {
    width: 0.25rem;
    right: 0.1rem;
  }
  .standings_box.nextstandings
    .standings_box_i:nth-child(3)
    .standings_item:before {
    content: "";
    display: block;
    position: absolute;
    background: #dbbe86;
    height: 0.7rem;
    width: 0.02rem;
    right: 0.1rem;
    top: -0.18rem;
  }

  .finals_bg {
    background: url(../ossweb-img/finals_bg_m.png) no-repeat;
    background-size: 100% auto;
    width: 1.67rem;
    height: 3.22rem;
    flex-wrap: wrap;
    top: 0.4rem;
    position: relative;
  }
  .finals_bg_i.vs {
    display: none;
  }
  .finals_bg_flex {
    width: 1.4rem;
    height: 1.2rem;
    position: relative;
  }
  .finals_bg_flex.fbottom {
    width: 1.4rem;
    position: relative;

  }

  .finals_bg.start .finals_bg_flex {
    background: none;
  }
  .finals_bg.start {
    background: url(../ossweb-img/finals_bg_start1_m.png) no-repeat;
    background-size: 100%;
  }
  .finals_bg_i_team_name {
    padding-left: 0;
    font-size: 0.2rem;
  }
  .finals_bg_i.team {
    width: 1.5rem;
  }

  .finals_bg.start1 .finals_bg_flex {
    background: none;
  }
  .finals_bg.start1 {
    background: url(../ossweb-img/finals_bg_start_m.png) no-repeat;
    background-size: 100%;
  }
  .lastbattle .standings_tit {
    padding-left: 0;
  }
  .lastbattle .standings_tit p{
    left: 0;
  }
  .lastbattle .standings_flex{
    left: 0;
    width: 1.5rem;
  }
  .lastbattle .standings_flex .standings_time{
    width: 100%;
    flex-wrap: wrap;
  }

  .finals_bg_i.fs {
    font-size: 0.4rem;
  }
  .finals_bg_i_team {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto 0.1rem;
  }
  .finals_bg_flex {
    top: 0;
    margin: 0;
    left: -0.1rem;
  }
  .finaltemph{
    margin-left: 0;
  }

  .standings_box_i.lastbattle:nth-child(2)::before {
    content: "";
    width: 0.02rem;
    height: 1.2rem;
    position: absolute;
    top: -0.7rem;
    right: auto;
    left: 1.2rem;
  }

  .swiper_team_box {
    margin-top: 0.5rem;
    height: 0.79rem;
    padding: 0 0.33rem;
  }
  .team_teampic {
    width: 0.4rem;
    height: 0.4rem;
  }
  .team_team_des p {
    font-size: 0.15rem;
  }
  .team_team_descity {
    width: 0.22rem;
  }
  .swiper_team_box .swiper-slide {
    background-size: 100% 100%;
    padding: 0 0.02rem;
    box-sizing: border-box;
  }
  .swiper_team_box .swiper-slide:first-child {
    border-left: 1px solid #000;
  }

  .swiper_team_box .swiper-slide.act {
    background: url(../ossweb-img/team_s_bg.png) no-repeat;
    background-size: 3rem;
  }
  .swiper_team_box .swiper-slide:hover.act {
    background: url(../ossweb-img/team_s_bg.png) no-repeat;
    background-size: 3rem;
  }
  .swiper_team_box .swiper-slide:hover {
    background: #1b3a73;
  }
  .swiper_team_box .swiper-slide.act .team_team_des p {
    color: #fff;
  }
  .swiper_team_box .swiper-slide:hover.act .team_team_des p {
    color: #fff;
  }

  .swiper_team_box .swiper-button-prev {
    width: 0.33rem;
  }
  .swiper_team_box .swiper-button-next {
    width: 0.33rem;
  }
  .swiper_team_cont_i {
    width: 1.55rem;
    height: 1.65rem;
    margin-right: 0.17rem;
    margin-bottom: 0.19rem;
  }
  .swiper_team_cont_i_p {
    width: 100%;
    height: 100%;
  }

  .swiper_team_cont_i_zz p:nth-child(1) {
    font-size: 0.18rem;
  }
  .swiper_team_cont_i_zz p:nth-child(2) {
    font-size: 0.14rem;
    margin-top: 0;
  }
  .swiper_team_cont_i_zz {
    height: 0.45rem;
    padding: 0.05rem 0.05rem 0 0.13rem;
  }

  .swiper_team_cont_i_zz p em.s1 {
    width: 0.12rem;
    height: 0.12rem;
    background-size: 100%;
  }

  .swiper_team_cont_i_zz p em.s1.MID {
    background: url(../ossweb-img/fl_zhong.png) no-repeat;
    background-size: 100%;
  }
  .swiper_team_cont_i_zz p em.s1.JUNGLER {
    background: url(../ossweb-img/fl_ye.png) no-repeat;
    background-size: 100%;
  }
  .swiper_team_cont_i_zz p em.s1.CLASH {
    background: url(../ossweb-img/fl_dk.png) no-repeat;
    background-size: 100%;
  }
  .swiper_team_cont_i_zz p em.s1.ROAMER {
    background: url(../ossweb-img/fl_fz.png) no-repeat;
    background-size: 100%;
  }
  .swiper_team_cont_i_zz p em.s1.FARM {
    background: url(../ossweb-img/fl_fy.png) no-repeat;
    background-size: 100%;
  }

  .swiper_team_cont_i_zz p em.c1 {
    width: 0.12rem;
  }
  .swiper_team_cont_i_zz p {
    padding-left: 0.2rem;
  }

  .swiper_team_cont {
    height: 4.45rem;
    padding: 0.42rem 0.19rem 0;
  }
  .swiper_team_cont_i:nth-child(4n) {
    margin-right: 0;
  }
  .swiper_team_cont_i:nth-child(5n) {
    margin-right: 0.17rem;
  }

  .pool_pic {
    background: url(../ossweb-img/h5_pool_pic.png) no-repeat;
    background-size: 100%;
    width: 7.5rem;
    height: 7.3rem;
    margin: 0 auto;
    position: relative;
    margin-top: 0.5rem;
    transform: scale(1.0);
    
  }

  .w5 {
    padding-bottom: 0.6rem; /* border-bottom: 1px solid rgba(146, 73, 59,.14); */
  }

  .pool_pic_txt {
    font-size: 0.32rem;
    color: #ffffff;
    position: absolute;
    top: 1.08rem;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .hok_store {
    width: 100%;
    height: 1.7rem;
    background: url(../ossweb-img/h5_foot_light.png) center bottom no-repeat;
    background-size: 100%;
    width: 100%;
    background: none;

    padding-top: calc(1 / var(--screen-width) * var(--screen-maxwidth));
    position: relative;
    z-index: 1;
  }
  .hok_fot {
    margin-top: 0.3rem;
  }
  .hok_stbox2 {
    margin-top: 0.4rem !important;
  }

  .hok_fot_main {
    position: relative;
    z-index: 2;
    background: none;
  }
  .hok_fot {
    position: relative;
  }
  .hok_fot::after {
    content: "";
    width: 100%;
    height: 0.97rem;
    width: 100%;

    position: absolute;
    top: 0;
    z-index: 1;
    display: none;
  }

  .finals_bg_i_team_city {
    width: 0.26rem;
  }

  .passcount_wrap{
    margin-top: 0.42rem;
    padding-bottom: 1rem;
  }
  .passevent_content{
    width: 100%;
    flex-wrap: wrap;
  }
  .pass_logns{
    width: 3.2rem;
    margin: 0 auto;
  }
  .pass_infoevents{
    width: 90%;
    margin: 0 auto;
  }
  .event_tics1{
    text-align: center;
    font-size: 0.36rem;
  }
  .champ_winds{
    justify-content: center;
  }
  .moreinfos_btn{
    margin: 0 auto;
  }
  .chanmp_w1{
    font-size: 0.26rem;
  }
  .chanmp_w3{
    font-size: 0.26rem;
  }
  .passevent_line{
    margin-top: 0.65rem;
  }

  /* 2024-07-09 */

  .kb0709_t1 {
    font-size: 0.2rem;
  }

  /* 07-12 */
  .kb0709_main {
    padding-top: 6.4rem;
  }
  .kb0712_t1 {
    font-size: 0.32rem;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    font-weight: bold;
  }
  .kb0709_t2 {
    font-size: 0.3rem;
    color: #fff;
    text-align: center;
    font-weight: normal;
    line-height: 1.6;
    width: 100%;
    margin: 0.15rem auto;
  }
  .tkv_button {
    display: block;
    width: 4.99rem;
    height: 1.04rem;
    line-height: 1.04rem;
    background: url(../ossweb-img/tkv_button.png) no-repeat;
    background-size: 100% auto;
    font-size: 0.26rem;
    color: #ffffff;
    text-align: center;
    margin: 0.48rem auto 0;
    text-shadow: 0 -2px #dca240, 2px -2px #dca240, 2px 0 #dca240,
      2px 2px #dca240, 0 2px #dca240, -2px 2px #dca240, -2px 0 #dca240,
      -2px -2px #dca240;
    transform: scale(0.8);
    transform-origin: top center;
  }

  .lang_id .tkv_button {
    font-size: 0.22rem;
  }
  .lang_ru .tkv_button {
    font-size: 0.22rem;
  }

  /* .wrap_tit::before { content: ""; background: url(../ossweb-img/m_bg_tips.png) no-repeat; background-size: 7.5rem; width: 7.5rem; height: 6.85rem; top: -50%; left: 50%; transform: translate(-50%,-50%); } */
  .titbgs {
    background: url(../ossweb-img/m_bg_tips.png) no-repeat;
    background-size: 7.5rem;
    width: 7.5rem;
    height: 6.85rem;
    top: -3rem;
    left: 50%;
    transform: translate(-50%, 0);
    pointer-events: none;
  }

  .groupteam,
  .live_stram_box {
    z-index: 2;
    position: relative;
  }

  .swiper_team_box {
    z-index: 2;
  }
  .swiper_team_cont {
    z-index: 2;
  }

  .live_qh_btn a {
    width: 50%;
    background-size: 100% 100%;
  }
  .live_qh_btn a.act {
    width: 50%;
    background-size: 100% 100%;
  }

  .schedule_nav a.act {
    background-size: 100% 100%;
  }
  .schedule_nav a:hover {
    background-size: 100% 100%;
  }
  .sc_stage {
    font-size: 0.16rem;
    text-align: left;
    width: 100%;
  }

  .lang_ru .sc_stage {
    word-break: break-all;
  }
  .lang_ar .schedule_cont_day_2 {
    text-align: right;
  }
  .lang_ar .sc_stage {
    text-align: right;
  }
  a.schedule_btn_more{
    transform: scale(0.6);
    transform-origin: center right;
  }

  a.schedule_btn_more p {
    text-align: center;
    padding-left: 0;
  }
  .calendar_8 {
    background-size: 100% 100%;
    width: 100%;
    margin-bottom: 0.1rem;
  }
  .authplock {
    background-size: 100% 100%;
    width: 1.7rem;
  }
  .pthmans2 {
    font-size: 0.2rem;
  }
  .pthmans1 {
    font-size: 0.25rem;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  

  /* .wrap_main { background: #fff; } */
  .bgblack::before {
    content: "";
    width: 100%;
    height: 0.55rem;
    background: url(../ossweb-img/bottom_tipsbg.png) center bottom no-repeat;
    background-size: 100%;
    width: 100%;

    position: absolute;
    top: -0.55rem;
    z-index: 1;
    pointer-events: none;
  }

  /* 09-23 */
  .kb0923_main {
    padding-top: 4.55rem;
    width: 6.5rem;
    margin: 0 auto;
  }
  .kb0923_t1 {
    font-size: 1.25rem;
    text-align: left;
    line-height: 1;
    word-break: break-word;
    font-family: "KICPRO";
    letter-spacing: -0.1rem;
    text-transform: uppercase;
    background: linear-gradient(to top, #d6c789, #e9e2b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .kb0923_t1 span {
    font-size: 1.6rem;
  }

  .kb0923_t2 {
    display: flex;
    color: #fcfcfc;
    line-height: 1;
    justify-content: flex-start;
    font-family: "KICPRO";
    text-transform: uppercase;
    font-size: 0.45rem;
  }
  .kb0923_t2 > div {
    margin: 0 0.08rem;
  }

  .kb0923_t3 {
    color: #dedee0;
    font-size: 0.24rem;
    text-align: left;
    width: 100%;
    margin: 0.08rem auto 0;
  }

  .tkv0923_button {
    display: block;
    width: 5.45rem;
    height: 1.11rem;
    line-height: 1.2rem;
    background: url(../ossweb-img/kv_btn.png) no-repeat;
    background-size: 100% auto;
    font-size: 0.26rem;
    color: #7e612b;
    text-align: center;
    margin: 0.2rem auto 0;
    transform: scale(0.7);
    transform-origin: top center;
    font-style: italic;
  }

  .authplock1 {
    width: 2.3rem;
  }
  .authplock2 {
    width: 2.3rem;
  }
  .authplock3 {
    width: 2.3rem;
  }
  .pthmans1 {
    height: 1rem;
  }
  .pthmans2 > p:nth-child(1) {
    padding-top: 0.18rem;
    height: 1rem;
  }


  .pthmans2 > p:nth-child(1) {
    font-size: 0.24rem;
  }
  .lang_zh .kb0923_t1 {
    font-size: 1rem;
  }
  .lang_zh-cn .kb0923_t1 {
    font-size: 1rem;
  }
  .lang_tr .kb0923_t1 {
    font-size: 0.8rem;
  }


  .standings_tit p {
    bottom: 0.1rem;
    top: auto;
    margin-bottom: 0;
  }
  .standings_tit p{
    font-size: 0.2rem;
  }
  .standings_time{
    font-size: 0.14rem;
  }
}