@charset "utf-8";

html,
body {
  width: 100%;
  max-width: 2560px;
  min-width: 1386px;
  margin: 0 auto;
  font-family: "Pretendard", sans-serif;
  color: #000000;
  background-color: #000000;
}

html,
body {
  width: 100%;
  height: 100%;
  letter-spacing: 0;
}

#wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 2560px;
  min-width: 1386px;
  margin: 0 auto;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.8);
  background-color: #000000;
}
#wrapper button {
  outline: none;
  cursor: pointer;
  font-family: "Pretendard";
}
#wrapper input {
  outline: none;
}

#loader {
  z-index: 1024;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left
    top repeat #000000;
}

#middle {
  position: relative;
  width: 100%;
  max-width: 2560px;
  min-width: 1386px;
  margin: 0 auto;
  padding-top: 60px;
  height: 100%;
}
#middle .section .inner {
  position: relative;
  margin: 0 auto;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

.main .section.schedule {
  height: 150px;
  position: relative;
  background-color: #c8d2e2;
}
.main .section.schedule .inner {
  position: relative;
}
.main .section.schedule .inner .swiper-container {
  height: 150px;
  padding: 10px 65px;
  box-sizing: border-box;
}
.main .section.schedule .inner .swiper-slide {
  background-color: #fff;
  width: auto;
  height: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 10px;
  position: relative;
}
.main .section.schedule .inner .swiper-slide > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
}
.main .section.schedule .inner .swiper-slide .tit {
  line-height: 35px;
  height: 35px;
  position: relative;
}
.main .section.schedule .inner .swiper-slide .tit .txt {
  font-size: 13px;
  color: #011f51;
  border-bottom: 1px solid #c1c8cd;
}
.main .section.schedule .inner .swiper-slide .tit .tag {
  position: absolute;
  top: 6px;
  right: 0;
  font-size: 13px;
  color: #fff;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  border-radius: 3px;
}
.main .section.schedule .inner .swiper-slide .tit .tag.case1 {
  background-color: #00245d;
}
.main .section.schedule .inner .swiper-slide .tit .tag.case2 {
  background-color: #db62d6;
}
.main .section.schedule .inner .swiper-slide .tit .tag.case3 {
  background-color: #048fff;
}
.main .section.schedule .inner .swiper-slide .tit .tag.case4 {
  background-color: #d30a03;
}
.main .section.schedule .inner .swiper-slide .tit .tag.case5 {
  background-color: #006368;
}
.main .section.schedule .inner .swiper-slide .tit .tag.case6 {
  background-color: #ff8100;
}
.main .section.schedule .inner .swiper-slide .tit .tag.case7 {
  background-color: #439f00;
}

.main .section.schedule .inner .swiper-slide .team_list {
  padding-top: 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.main .section.schedule .inner .swiper-slide .vs {
  border-right: 1px dashed #c1c8cd;
  width: 170px;
  float: left;
  padding-left: 10px;
}
.main .section.schedule .inner .swiper-slide .vs:only-child {
  border: none;
}
.main .section.schedule .inner .swiper-slide .vs:last-child {
  border: none;
}
.main .section.schedule .inner .swiper-slide .team {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
}
.main .section.schedule .inner .swiper-slide .thumb {
  vertical-align: top;
  margin-top: 1px;
}
.main .section.schedule .inner .swiper-slide .thumb img {
  height: 30px;
  vertical-align: top;
}
.main .section.schedule .inner .swiper-slide .name {
  color: #333333;
  font-size: 13px;
  vertical-align: top;
  margin-top: 10px;
}
.main .section.schedule .inner .swiper-slide .score {
  font-weight: 800;
  color: #011f51;
  font-size: 21px;
  vertical-align: top;
  margin-top: 6px;
  float: right;
  margin-right: 15px;
}
.main .section.schedule .inner .swiper-slide .score.win {
  color: #ff1d62;
}
.main .section.schedule .inner .swiper-slide .name.empty {
  text-align: center;
  width: 100%;
}

.main .section.schedule .inner .swiper-slide .match {
  border-right: 1px dashed #c1c8cd;
  width: 250px;
  float: left;
  padding-left: 10px;
  position: relative;
}
.main .section.schedule .inner .swiper-slide .match:only-child {
  border: none;
}
.main .section.schedule .inner .swiper-slide .match:last-child {
  border: none;
}
.main .section.schedule .inner .swiper-slide .match .thumb {
  vertical-align: top;
  margin-top: 0;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 10px;
}
.main .section.schedule .inner .swiper-slide .match .thumb img {
  height: 55px;
  vertical-align: top;
}
.main .section.schedule .inner .swiper-slide .match .name {
  height: 70px;
  position: relative;
  margin-top: 0;
  width: 100%;
}
.main .section.schedule .inner .swiper-slide .match .name span {
  color: #333333;
  font-size: 15px;
  vertical-align: top;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  padding-left: 55px;
  line-height: 1.3;
}
.main .section.schedule .inner .swiper-slide .match .name.empty {
  text-align: center;
  width: 100%;
}

.main .section.schedule .btn_prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 150px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/prev.png)
    0 0 no-repeat;
  z-index: 10;
}
.main .section.schedule .btn_prev:hover {
  background-position: 0 -150px;
}
.main .section.schedule .btn_next {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 150px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/next.png)
    0 0 no-repeat;
  z-index: 10;
}
.main .section.schedule .btn_next:hover {
  background-position: 0 -150px;
}

.main .section.content {
  position: relative;
  background: #ffffff
    url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/bg_back1.jpg)
    center 0 no-repeat;
}
.main .section.content .inner {
  position: relative;
  width: 1560px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 34px 0;
}

.main .section.content .inner .btn_main_top {
  z-index: 32;
  position: absolute;
  right: -90px;
  top: 635px;
  width: 56px;
  height: 56px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  border-radius: 100%;
  background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_top.png")
    0 0 no-repeat #ffffff;
}
.main .section.content .inner .btn_main_top:hover {
  background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_top.png") -56px
    0 no-repeat #ff1d62;
}

.main .section.content .inner .live_container {
  padding-bottom: 74px;
  overflow: hidden;
}
.main .section.content .inner .live_container .thumb {
  width: 932px;
  height: 524px;
  float: left;
}
.main .section.content .inner .live_container .thumb iframe {
  width: 932px;
  height: 524px;
}
.main .section.content .inner .live_container .desc {
  padding-left: 60px;
  padding-top: 20px;
  float: left;
  line-height: 1.3;
  width: 508px;
}
.main .section.content .inner .live_container .desc .sort {
  font-size: 15px;
  color: #fff;
  border-bottom: 1px solid #455a7b;
  line-height: 3;
  position: relative;
  padding-left: 20px;
}
.main .section.content .inner .live_container .desc .sort:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #ff003c;
  border-radius: 15px;
}
.main .section.content .inner .live_container .desc .tit {
  font-size: 40px;
  color: #fff;
  font-weight: 900;
  padding: 30px 0;
}
.main .section.content .inner .live_container .desc .desc_txt {
  font-size: 15px;
  color: #999999;
}
.main .section.content .inner .live_container .desc span {
  display: block;
  padding: 20px 0;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}
.main .section.content .inner .live_container .desc .btn_detail {
  font-size: 15px;
  color: #ff1d62;
}
.main .section.content .inner .live_container .desc .btn_coupon {
  width: 218px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fefaef;
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    #ff2e9b 0%,
    #ff1a58 100%
  );
  font-weight: 500;
  border-radius: 50px;
  font-size: 18px;
}

.main .section.content .inner .event_swiper {
  padding-bottom: 74px;
  overflow: hidden;
}
.main .section.content .inner .event_swiper .swiper-container {
}
.main .section.content .inner .event_swiper .swiper-slide:nth-child(1) .thumb {
  background-color: blue;
}
.main .section.content .inner .event_swiper .swiper-slide:nth-child(2) .thumb {
  background-color: green;
}
.main .section.content .inner .event_swiper .swiper-slide .thumb {
  width: 932px;
  height: 524px;
  float: left;
}
.main .section.content .inner .event_swiper .swiper-slide .thumb a {
  width: 932px;
  height: 524px;
  overflow: hidden;
  display: block;
}
.main .section.content .inner .event_swiper .swiper-slide .thumb a img {
  width: 932px;
}
.main .section.content .inner .event_swiper .swiper-slide .desc {
  padding-left: 60px;
  padding-top: 20px;
  float: left;
  line-height: 1.3;
  width: 568px;
}

.main .section.content .inner .event_swiper .swiper-slide .desc .sort {
  font-size: 15px;
  color: #fff;
  border-bottom: 1px solid #455a7b;
  line-height: 3;
}
.main .section.content .inner .event_swiper .swiper-slide .desc .tit {
  font-size: 40px;
  color: #fff;
  font-weight: 900;
  padding: 30px 0;
}
.main .section.content .inner .event_swiper .swiper-slide .desc .desc_txt {
  font-size: 15px;
  color: #999999;
}
.main .section.content .inner .event_swiper .swiper-slide .desc span {
  display: block;
  padding: 20px 0;
  font-size: 16px;
  line-height: 24px;
  color: #999999;
}
.main .section.content .inner .event_swiper .swiper-slide .desc .btn_detail {
  font-size: 15px;
  color: #ff1d62;
}
.main .section.content .inner .event_swiper .swiper-slide .desc .btn_coupon {
  width: 218px;
  height: 50px;
  line-height: 50px;
  color: #fefaef;
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    #ff2e9b 0%,
    #ff1a58 100%
  );
  font-weight: 500;
  border-radius: 50px;
  font-size: 18px;
}

.main .section.content .inner .event_swiper .pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 568px;
  left: inherit;
}
.main .section.content .inner .event_swiper .pagination .btn_item {
  display: inline-block;
  width: 53px;
  padding-top: 20px;
  margin-right: 2px;
  border-bottom: 3px solid #cad4e4;
  cursor: pointer;
}
.main .section.content .inner .event_swiper .pagination .btn_item.active {
  border-bottom: 6px solid #ff1d62;
}

.main .section.content .inner .bottom_content {
  position: relative;
}
.main .section.content .inner .bottom_content:after {
  content: "";
  clear: both;
  display: block;
}
.main .section.content .inner .bottom_content .list_item {
  width: 1160px;
  float: left;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 16px;
}
.main .section.content .inner .bottom_content .side_content {
  display: block;
  width: 366px;
  z-index: 4;
  position: absolute;
  right: 0;
  top: 0;
  transition: top 0.5s ease;
}
.main .section.content .inner .bottom_content .side_content .state_item {
  margin-bottom: 30px;
  position: relative;
}
.main .section.content .inner .bottom_content .side_content .state_item .item {
  width: 100%;
  height: 84px;
  background-color: #fff;
  margin-bottom: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.main .section.content .inner .bottom_content .side_content .state_item .state {
  float: left;
  width: 42px;
  background-color: #ff1d62;
  height: 100%;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  position: relative;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .state.case1 {
  background-color: #ff1d62;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .state.case2 {
  background-color: #5395ff;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .state.case3 {
  background-color: #adb5c2;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .state
  span {
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}

.main .section.content .inner .bottom_content .side_content .state_item .match {
  width: 350px;
  float: left;
  padding-left: 10px;
  position: absolute;
  left: 42px;
  top: 50%;
  transform: translateY(-50%);
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .match:only-child {
  border: none;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .match:last-child {
  border: none;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .match
  .thumb {
  vertical-align: top;
  margin-top: 0;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 10px;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .match
  .thumb
  img {
  height: 55px;
  vertical-align: top;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .match
  .name {
  height: 70px;
  position: relative;
  margin-top: 0;
  width: 100%;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .match
  .name
  span:nth-child(1) {
  display: block;
  padding: 20px 0 4px 0;
  font-weight: bold;
  color: #333333;
  font-size: 14px;
  padding-left: 55px;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .match
  .name
  span:nth-child(2) {
  display: block;
  padding: 0 0 20px 0;
  color: #666666;
  font-size: 12px;
  padding-left: 55px;
  line-height: 1;
  letter-spacing: 0;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .match
  .name.empty {
  text-align: center;
  width: 100%;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .state_item
  .item
  .btn_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
}

.main .section.content .inner .bottom_content .side_content .banner_item {
  width: 366px;
  height: 210px;
}
.main .section.content .inner .bottom_content .side_content .banner_item .item {
  overflow: hidden;
  width: 366px;
  height: 195px;
  margin-bottom: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.main
  .section.content
  .inner
  .bottom_content
  .side_content
  .banner_item
  .item
  img {
  width: 100%;
}

.main .section.content .inner .bottom_content .list_item .item {
  height: 300px;
  width: 376px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 16px;
  position: relative;
}
.main .section.content .inner .bottom_content .list_item .item .btn_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
}
.main .section.content .inner .bottom_content .list_item .item .btn_movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
}
.main .section.content .inner .bottom_content .list_item .item .btn_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
}
.main .section.content .inner .bottom_content .list_item .item .thumb {
  width: 100%;
  height: 210px;
  overflow: hidden;
  background-color: #ffffff;
}
.main .section.content .inner .bottom_content .list_item .item .thumb img {
  width: 100%;
}
.main .section.content .inner .bottom_content .list_item .item .tit {
  padding: 19px;
  font-size: 17px;
  color: #333;
  line-height: 1.3;
  position: relative;
  height: 90px;
  box-sizing: border-box;
}
.main .section.content .inner .bottom_content .list_item .item .tit .c_wrap {
  font-size: 17px;
  color: #333;
  line-height: 1.4;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 19px;
  width: calc(100% - 38px);
}
.main
  .section.content
  .inner
  .bottom_content
  .list_item
  .item
  .tit
  .c_wrap
  .ico_movie {
  width: 39px;
  height: 18px;
  background-color: red;
  border-radius: 20px;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 5px;
  position: relative;
}
.main
  .section.content
  .inner
  .bottom_content
  .list_item
  .item
  .tit
  .c_wrap
  .ico_movie:after {
  position: absolute;
  top: 4px;
  left: 18px;
  content: "";
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 6px;
  border-color: transparent transparent transparent #ffffff;
}
.main .section.content .inner .bottom_content .list_item .item .tit .txt {
  font-size: 17px;
  color: #333;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.main .section.content .inner .bottom_content .list_item .item .tit .desc {
  font-size: 13px;
  color: #999;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  margin-top: 5px;
}

.main .section.content .inner .bottom_content .list_item_wrap {
  width: 1160px;
}
.main .section.content .inner .bottom_content .list_item_wrap .btn_next {
  border: 1px solid #333;
  font-size: 13px;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  line-height: 43px;
  border-radius: 3px;
  background-color: #fff;
  margin: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.main .section.content .inner .bottom_content .list_item_wrap .btn_next span {
  margin-right: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}

.sub .tit.section {
  width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  position: relative;
  padding-bottom: 57px;
}
.sub .tit.section .txt {
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/sub_bg.png)
    center 0 no-repeat;
  height: 150px;
}
.sub .tit.section .txt .wrap {
  width: 1280px;
  margin: 0 auto;
  padding: 0 27px;
  box-sizing: border-box;
}
.sub .tit.section .txt .wrap h1 {
  font-size: 45px;
  color: #ffffff;
  padding-top: 60px;
  line-height: 80px;
  font-weight: 600;
}
.sub .tit.section .tab_list {
  height: 57px;
  background-color: #18b7cf;
  position: absolute;
  top: 150px;
  left: 0;
  z-index: 1;
  width: 100%;
}
.sub .tit.section .tab_list.stick {
}
.sub .tit.section .tab_list.stick.active {
  position: fixed;
  top: 61px;
  z-index: 10;
}
.sub .tit.section .tab_list .wrap {
  width: 1280px;
  margin: 0 auto;
  padding: 0 27px;
  box-sizing: border-box;
}
.sub .tit.section .tab_list .wrap ul {
  overflow: hidden;
}
.sub .tit.section .tab_list .wrap ul li {
  float: left;
  height: 57px;
}
.sub .tit.section .tab_list .wrap ul li a {
  height: 57px;
  padding: 0 20px;
  color: #fff;
  line-height: 57px;
}
.sub .tit.section .tab_list .wrap ul li.active a {
  background-color: #fff;
  color: #18b7cf;
}

.sub .content.section {
  width: 100%;
  background-color: #fff;
}
.sub .content.section .wrap {
  width: 1280px;
  padding: 40px 27px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}

.sub .content.section .wrap .group_list {
  display: flex;
  flex-wrap: wrap;
}
.sub .content.section .wrap .group_item {
  width: calc(50% - 9px);
  flex: 0 1 calc(50% - 9px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 18px;
}
.sub .content.section .wrap .group_item:nth-child(2n + 1) {
  margin-right: 18px;
}

.sub .content.section .wrap .group_name {
  height: 66px;
  line-height: 66px;
  font-size: 25px;
  color: #011f51;
  padding: 0 20px;
  border-bottom: 1px solid #c1c8cd;
  font-weight: 700;
}
.sub .content.section .wrap .team_list {
}

.sub .content.section .wrap .team_item {
  position: relative;
  height: 108px;
  border-bottom: 1px solid #c1c8cd;
}
.sub .content.section .wrap .team_item:last-child {
  border: none;
}
.sub .content.section .wrap .team_item .team_info {
  background-color: #f6f8f8;
  width: 240px;
  float: left;
  padding-left: 20px;
  height: 108px;
  padding-right: 20px;
  box-sizing: border-box;
  border-right: 1px solid #c1c8cd;
}
.sub .content.section .wrap .team_item .thumb {
  vertical-align: top;
  margin-top: 0;
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 10px;
}
.sub .content.section .wrap .team_item .thumb img {
  height: 70px;
  vertical-align: top;
}
.sub .content.section .wrap .team_item .name {
  height: 108px;
  position: relative;
  margin-top: 0;
  width: 100%;
}
.sub .content.section .wrap .team_item .name span {
  color: #333333;
  font-size: 17px;
  vertical-align: top;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  padding-left: 55px;
  line-height: 1.3;
}
.sub .content.section .wrap .team_item .name.empty {
  text-align: center;
  width: 100%;
}
.sub .content.section .wrap .team_item .team_score {
  width: calc(100% - 240px);
  float: left;
  display: flex;
}
.sub .content.section .wrap .team_item .team_score .score_Wrap {
  flex: 1 1 auto;
}
.sub .content.section .wrap .team_item .team_score .tit {
  line-height: 33px;
  background-color: #f6f8f8;
  border-bottom: 1px solid #c1c8cd;
  text-align: center;
  color: #999999;
}
.sub .content.section .wrap .team_item .team_score .num {
  line-height: 72px;
  font-size: 22px;
  color: #333333;
  text-align: center;
  position: relative;
  font-weight: 600;
}
.sub .content.section .wrap .team_item .team_score .num:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  border-right: 1px dashed #c1c8cd;
  height: 53px;
}
.sub
  .content.section
  .wrap
  .team_item
  .team_score
  .score_Wrap:last-child
  .num:after {
  display: none;
}

.sub .nav {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 216px;
  background: #f8fafa;
  position: fixed;
  top: 60px;
  left: 0;
  height: calc(100% - 60px);
  z-index: 10;
  line-height: 1.5;
  z-index: 10;
}
.sub .nav .wrap {
  overflow-y: auto;
  height: 100%;
}
.sub .nav .wrap::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.sub .nav .wrap::-webkit-scrollbar-track {
  background-color: #ccc;
}
.sub .nav .wrap::-webkit-scrollbar-track-piece {
  background-color: #eee;
}
.sub .nav .wrap::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.sub .nav .wrap::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.sub .nav a {
  padding: 0 20px;
}
.sub .nav .tit {
  height: 56px;
  padding: 25px 20px 0;
  background-color: #f8fafa;
  border-bottom: 1px solid #e1e5e9;
  color: #999999;
  font-size: 13px;
  box-sizing: border-box;
}
.sub .nav .list {
  border-bottom: 1px solid #e1e5e9;
}
.sub .nav .list .toggle_list {
  color: #333333;
  display: block;
  font-size: 13px;
  line-height: 50px;
  background-color: #ffffff;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 36px;
}
.sub .nav .list .toggle_list:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4.5px 0 4.5px;
  border-color: #1b1b1b transparent transparent transparent;
  content: "";
  position: absolute;
  top: 21px;
  right: 21px;
}
.sub .nav .list.active .toggle_list {
  color: #ff1d62;
  border-bottom: 1px solid #e1e5e9;
}
.sub .nav .list.active .toggle_list:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4.5px 8px 4.5px;
  border-color: transparent transparent #ff1d61 transparent;
  content: "";
  position: absolute;
  top: 21px;
  right: 21px;
}
.sub .nav .list ul {
  display: none;
  background-color: #f8fafa;
  padding: 20px;
  box-sizing: border-box;
}
.sub .nav .list ul li {
  margin-bottom: 15px;
}
.sub .nav .list ul li a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
}
.sub .nav .list ul li.active a {
  color: #ff1d62;
}
.sub .nav .list.active ul {
  display: block;
}

.stage .content.section {
  width: 100%;
  background-color: #fff;
}
.stage .content.section .wrap {
  width: 1280px;
  padding: 40px 27px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.stage .content.section .wrap .form_img {
  width: 100%;
  box-sizing: border-box;
  padding: 50px 0;
}
.stage .content.section .wrap .form_img img {
  width: 100%;
  padding: 20px 0;
}
.stage .content.section .wrap .form_img .tit {
  font-size: 25px;
  color: #011f51;
  border-bottom: 1px solid #e1e5e9;
  line-height: 50px;
}

.stage .content.section .wrap .list_item {
  flex: 1 1 calc(25% - 40px);
  margin-right: 40px;
  width: calc(25% - 40px);
}

.stage .content.section .wrap .list_item:last-child {
  margin-right: 0;
}
.stage .content.section .wrap .list_item .list_item_tit {
  font-size: 25px;
  color: #011f51;
  border-bottom: 1px solid #e1e5e9;
  line-height: 50px;
}
.stage .content.section .wrap .list_item .list_item_wrap {
  padding: 40px 0;
  position: relative;
  height: 1400px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}
.stage .content.section .wrap .list_item .match_item._3vs4 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-top: 612px;
}
.stage .content.section .wrap .list_item .match_item._3vs4 .h:before {
  display: none;
}
.stage .content.section .wrap .list_item .match_item._3vs4::before {
  content: "3/4위전";
  z-index: 4;
  position: absolute;
  left: 0;
  top: -83px;
  width: 100%;
  display: block;
  font-size: 25px;
  color: #011f51;
  border-top: none;
  border-bottom: 1px solid #e1e5e9;
  line-height: 50px;
}
.stage .content.section .wrap .list_item .match_item {
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}
.stage .content.section .wrap .list_item .match_item:before {
  content: "";
  position: absolute;
  border-top: 1px solid #c1c8cd;
  top: 63px;
  left: 100%;
  width: 20px;
}
.stage .content.section .wrap .list_item .match_item .h:before {
  content: "";
  position: absolute;
  border-top: 1px solid #c1c8cd;
  top: 63px;
  right: 100%;
  width: 20px;
}
.stage .content.section .wrap .list_item .match_item:after {
  content: "";
  position: absolute;
  width: 1px;
  border-right: 1px solid #c1c8cd;
  top: 63px;
  left: calc(100% + 19px);
  height: 2000px;
}
.stage .content.section .wrap .list_item .match_item:nth-child(2n):after {
  content: "";
  position: absolute;
  width: 1px;
  border-right: 1px solid #fff;
  top: 63px;
  left: calc(100% + 19px);
  height: 2000px;
}
.stage .content.section .wrap .list_item:last-child .match_item:before {
  display: none;
}
.stage .content.section .wrap .list_item:last-child .match_item:after {
  display: none;
}

.stage .content.section .wrap .list_item:nth-child(1) .match_item .h:before {
  display: none;
}

.stage .content.section .wrap .list_item .match_item._3vs4 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-top: 612px;
}
.stage .content.section .wrap .list_item .match_item._3vs4 .h:before {
  display: none;
}
.stage .content.section .wrap .list_item .match_item._3vs4::before {
  content: "3/4위전";
  z-index: 4;
  position: absolute;
  left: 0;
  top: -83px;
  width: 100%;
  display: block;
  font-size: 25px;
  color: #011f51;
  border-top: none;
  border-bottom: 1px solid #e1e5e9;
  line-height: 50px;
}
.stage .content.section .wrap .list_item .match_item {
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.stage .content.section .wrap .list_item .match_item > div {
  height: 63px;
}
.stage .content.section .wrap .list_item .match_item > div:first-child {
  border-bottom: 1px solid #c1c8cd;
}
.stage .content.section .wrap .list_item .match_item > div .team {
  height: 63px;
  float: left;
  width: calc(100% - 65px);
  font-size: 15px;
  color: #333333;
}
.stage .content.section .wrap .list_item .match_item > div .thumb {
  height: 63px;
  position: relative;
  width: 63px;
}
.stage .content.section .wrap .list_item .match_item > div .thumb img {
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.stage .content.section .wrap .list_item .match_item > div .name {
  height: 63px;
  line-height: 63px;
  width: calc(100% - 80px);
}
.stage .content.section .wrap .list_item .match_item > div .name span {
  height: 63px;
  line-height: 63px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.stage .content.section .wrap .list_item .match_item > div .score {
  height: 63px;
  float: left;
  width: 63px;
  border-left: 1px solid #ddd;
  background-color: #f6f8f8;
  text-align: center;
  line-height: 63px;
  font-size: 25px;
  color: #000;
  font-weight: 700;
}
.stage .content.section .wrap .list_item .match_item > div .score span {
  line-height: 63px;
  font-size: 25px;
  color: #000;
  font-weight: 700;
}

.stage .content.section .wrap .list_item .match_item > div.active .score {
  height: 63px;
  float: left;
  width: 63px;
  border-left: 1px solid #ddd;
  background-color: #ff1d62;
  text-align: center;
  line-height: 63px;
  font-size: 25px;
  color: #fff;
  font-weight: 700;
}
.stage .content.section .wrap .list_item .match_item > div.active .score span {
  line-height: 63px;
  font-size: 25px;
  color: #fff;
  font-weight: 700;
}

.game .wrap .point_wrap {
  width: 770px;
  float: left;
  margin-right: 40px;
}
.game .wrap .point_wrap .point_item {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  line-height: 1.3;
  margin-bottom: 10px;
  background-color: #fff;
  padding-top: 10px;
}
.game .wrap .point_wrap .point_item .advice {
  line-height: 57px;
  color: #999;
  padding: 0 20px;
  font-size: 13px;
  border-bottom: 1px solid #c1c8cd;
}
.game .wrap .point_wrap .point_item .point_item_wrap {
  background-color: #f6f8f8;
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
}
.game .wrap .point_wrap .point_item .point_each_item {
  flex: 0 1 25%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
}
.game .wrap .point_wrap .point_item .point_each_item .point {
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  color: #333333;
  font-size: 15px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  position: relative;
}
.game .wrap .point_wrap .point_item .point_each_item .point:after {
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
.game .wrap .point_wrap .point_item .point_each_item .thumb {
  position: relative;
  width: 125px;
  height: 125px;
  background-color: #e7edf1;
  margin: 0 auto;
  margin-top: 17px;
}
.game .wrap .point_wrap .point_item .point_each_item .thumb img {
  width: 125px;
}
.game .wrap .point_wrap .point_item .point_each_item .name {
  font-size: 13px;
  line-height: 1.4;
  color: #333333;
  margin-top: 20px;
  text-align: center;
  position: relative;
  height: 35px;
}
.game .wrap .point_wrap .point_item .point_each_item .name span {
  font-size: 13px;
  line-height: 1.4;
  color: #333333;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.game .wrap .point_wrap .point_item .point_each_item .limit_date {
  font-size: 11px;
  line-height: 1.4;
  color: #ff1d62;
  margin-top: 10px;
  text-align: center;
  position: relative;
}

.game .wrap .point_wrap .point_item .point_each_item .btn_area {
  text-align: center;
  margin-top: 10px;
}
.game .wrap .point_wrap .point_item .point_each_item .btn_get {
  width: 125px;
  height: 33px;
  line-height: 33px;
  color: #fff;
  background-color: #cccccc;
  border-radius: 33px;
}
.game .wrap .point_wrap .point_item .point_each_item .btn_get.active {
  background-color: #ff1d62;
}
.game .wrap .point_wrap .point_item .point_each_item .limit {
  z-index: 4;
  position: absolute;
  left: 4px;
  top: 60px;
  box-sizing: border-box;
  width: 40px;
  height: 80px;
  padding-top: 42px;
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
  letter-spacing: 0;
  text-align: center;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/ico_limit.png)
    left top no-repeat;
}
.game .wrap .point_wrap .point_item .point_each_item .tooltip {
  z-index: 8;
  position: absolute;
  left: 0;
  top: 0;
  width: 125px;
  height: 125px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/ico_ps_tooltip.png)
    right top no-repeat;
}
.game .wrap .point_wrap .point_item .point_each_item .tooltip .body {
  box-sizing: border-box;
  display: none;
  width: 240px;
  height: 192px;
  padding: 16px;
  margin-left: -56px;
  margin-top: -32px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid #b1b9be;
  background-color: #fff;
}
.game .wrap .point_wrap .point_item .point_each_item .tooltip .body p {
  overflow-y: auto;
  height: 158px;
  font-size: 12px;
  line-height: 20px;
  color: #1e2127;
  letter-spacing: 0;
  text-align: left;
}
.game
  .wrap
  .point_wrap
  .point_item
  .point_each_item
  .thumb:hover
  .tooltip
  .body {
  display: block;
}

.movie .tit.section .tab_list {
  height: 57px;
  background-color: #0cd4b7;
}
.movie .tit.section .tab_list .wrap ul li.active a {
  background-color: #fff;
  color: #0cd4b7;
}

.openleague .tit.section .tab_list {
  height: 57px;
  background-color: #5493ff;
}
.openleague .tit.section .tab_list .wrap ul li.active a {
  background-color: #fff;
  color: #5493ff;
}

.player .tit.section .tab_list {
  height: 57px;
  background-color: #db62d6;
}

.player .tit.section .tab_list > button {
  height: 57px;
  background-color: #db62d6;
}

.player .tit.section .tab_list .wrap ul li.active a {
  background-color: #fff;
  color: #db62d6;
}

.join .tit.section .tab_list {
  height: 57px;
  background-color: #1883cf;
}
.join .tit.section .tab_list .wrap ul li.active a {
  background-color: #fff;
  color: #1883cf;
}

.notice .tit.section .tab_list {
  height: 57px;
  background-color: #0bd4b6;
}
.notice .tit.section .tab_list .wrap ul li.active a {
  background-color: #fff;
  color: #0bd4b6;
}
.notice .tit.section .tab_list .btn_back {
  width: 155px;
  height: 29px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_list.png)
    0 0 no-repeat;
  vertical-align: top;
  margin-top: 15px;
}

.tab_list .check_wrap {
  width: 1280px;
  margin: 0 auto;
  padding: 0 47px;
  box-sizing: border-box;
  overflow: hidden;
}
.tab_list .check_wrap .check_item {
  line-height: 57px;
  float: left;
  margin-right: 40px;
}
.tab_list .check_wrap .check_item .checkbox {
  display: none;
}
.tab_list .check_wrap .check_item .checkbox + span {
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/check.png)
    0 0 no-repeat;
  vertical-align: top;
  margin-top: 21px;
  margin-right: 5px;
}
.tab_list .check_wrap .check_item .checkbox:checked + span {
  width: 15px;
  height: 15px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/check.png)
    0 -15px no-repeat;
  vertical-align: top;
}
.tab_list .check_wrap .check_item label {
  font-size: 15px;
  color: #ffffff;
  cursor: pointer;
}

.game .tit.section .tab_list {
  height: 57px;
  background-color: #6d2cff;
}
.game .tit.section .tab_list .wrap ul li.active a {
  background-color: #fff;
  color: #6d2cff;
}
.game .wrap {
  overflow: visible;
}
.game .wrap:after {
  clear: both;
  display: block;
  content: "";
}
.game .wrap .game_wrap {
  width: 770px;
  float: left;
  margin-right: 40px;
}
.game .wrap .game_wrap .toggle_tab {
  position: relative;
  margin-bottom: 25px;
}
.game .wrap .game_wrap .toggle_tab ul {
  width: 412px;
  height: 45px;
  margin: 0 auto;
  display: flex;
  box-shadow: -3px -5px 10px rgba(0, 0, 0, 0.1);
}
.game .wrap .game_wrap .toggle_tab ul li {
  width: 50%;
  text-align: center;
}
.game .wrap .game_wrap .toggle_tab ul li:nth-child(1) {
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}
.game .wrap .game_wrap .toggle_tab ul li:nth-child(2) {
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}
.game .wrap .game_wrap .toggle_tab ul li button {
  background: linear-gradient(
    180deg,
    rgba(177, 177, 177, 1) 0%,
    rgba(154, 154, 154, 1) 100%
  );
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 15px;
}
.game .wrap .game_wrap .toggle_tab ul li.active button {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(222, 222, 222, 1) 100%
  );
  color: #6d2cff;
}

.game .wrap .game_wrap .btn_prev {
  border: 1px solid #333;
  font-size: 13px;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  line-height: 43px;
  border-radius: 3px;
  background-color: #fff;
  margin: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.game .wrap .game_wrap .btn_prev span {
  margin-right: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #333333 transparent;
}
.game .wrap .game_wrap .btn_next {
  border: 1px solid #333;
  font-size: 13px;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  line-height: 43px;
  border-radius: 3px;
  background-color: #fff;
  margin: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.game .wrap .game_wrap .btn_next span {
  margin-right: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}

.game .wrap .game_wrap .each_game {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  line-height: 1.3;
  margin-bottom: 10px;
}
.game .wrap .game_wrap .each_game .date_cate {
  background-color: #fff;
  font-size: 20px;
  color: #011f51;
  overflow: hidden;
  line-height: 56px;
  padding: 10px 20px 0 20px;
}
.game .wrap .game_wrap .each_game .date {
  float: left;
}
.game .wrap .game_wrap .each_game .date strong {
  line-height: 56px;
  font-size: 20px;
  color: #011f51;
  font-weight: 700;
}
.game .wrap .game_wrap .each_game .date span {
  line-height: 56px;
  font-size: 13px;
  color: #011f51;
  font-weight: 500;
}
.game .wrap .game_wrap .each_game .date_cate > .tag {
  float: right;
}
.game .wrap .game_wrap .each_game .date_cate > .tag {
  font-size: 13px;
  color: #fff;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  border-radius: 3px;
  margin-top: 20px;
}
.game .wrap .game_wrap .each_game .date_cate > .tag.case1 {
  background-color: #00245d;
}
.game .wrap .game_wrap .each_game .date_cate > .tag.case2 {
  background-color: #db62d6;
}
.game .wrap .game_wrap .each_game .date_cate > .tag.case3 {
  background-color: #048fff;
}
.game .wrap .game_wrap .each_game .date_cate > .tag.case4 {
  background-color: #d30a03;
}
.game .wrap .game_wrap .each_game .date_cate > .tag.case5 {
  background-color: #006368;
}
.game .wrap .game_wrap .each_game .date_cate > .tag.case6 {
  background-color: #ff8100;
}
.game .wrap .game_wrap .each_game .date_cate > .tag.case7 {
  background-color: #439f00;
}

.game .wrap .game_wrap .each_game .tit {
  margin-left: -10px;
  width: calc(100% + 20px);
  padding: 33px 0;
  background-color: #6d2cff;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.game .wrap .game_wrap .each_game .tit .txt {
  font-size: 23px;
  color: #fff;
  font-weight: 900;
}
.game .wrap .game_wrap .each_game .tit .desc {
  font-size: 15px;
  color: #cccccc;
  margin-top: 10px;
}

.game .wrap .game_wrap .each_game .each_game_item_wrap {
  background-color: #f6f8f8;
  padding: 0 20px;
}
.game .wrap .game_wrap .each_game .each_game_item_wrap .each_game_item {
  border-bottom: 1px solid #c1c8cd;
  height: 190px;
  position: relative;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item:last-child {
  border: none;
}
.game .wrap .game_wrap .each_game .each_game_item_wrap .each_game_item .result {
  z-index: 16;
  position: absolute;
  top: 50%;
  left: 0;
  width: 72px;
  height: 75px;
  transform: translateY(-50%);
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag {
  width: 72px;
  height: 75px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/tah.png)
    0 -3px no-repeat;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag.success {
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/ico_tag.png)
    left top no-repeat;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag.success
  > p.result_text {
  padding: 36px 0 2px 0;
  font-size: 13px;
  line-height: 1;
  color: #ff1d62;
  letter-spacing: 0;
  text-align: center;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag.success
  > p.detail_text {
  font-size: 13px;
  line-height: 1;
  color: #6d2cff;
  letter-spacing: 0;
  text-align: center;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag.done {
  background-position: 0 -194px;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag.fail {
  background-position: 0 -389px;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag.complete {
  background-position: 0 -582px;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag.able {
  background-position: 0 -775px;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag
  div {
  cursor: pointer;
  display: none;
  position: absolute;
  bottom: 84px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 3px;
  font-size: 13px;
  color: #333333;
  text-align: center;
  width: 150px;
  line-height: 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag:hover
  div {
  display: block;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag
  div
  span {
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag
  div
  span
  strong {
  color: #ff1d62;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .result
  .tag
  div
  span:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #ffffff transparent transparent transparent;
}

.game .wrap .game_wrap .each_game .each_game_item_wrap .each_game_item .team {
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team:after {
  content: "-";
  position: absolute;
  top: 40px;
  right: 50%;
  line-height: 55px;
  font-size: 25px;
  font-weight: 900;
  margin-right: -4px;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .h_team.win:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 36px;
  width: 19px;
  height: 16px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/win.png)
    0 0 no-repeat;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .a_team.win:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 36px;
  width: 19px;
  height: 16px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/win.png)
    0 0 no-repeat;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  > div.win
  .score {
  color: #ff1d62;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  > div
  .score
  span {
  display: block;
  font-size: 12px;
  color: #333;
  margin-top: -10px;
}
.game .wrap .game_wrap .each_game .each_game_item_wrap .team .ready_time {
  text-align: center;
  font-size: 13px;
  color: #333333;
  position: absolute;
  top: 83px;
  left: 0;
  width: 100%;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .h_team {
  position: absolute;
  top: 20px;
  right: 50%;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .a_team {
  position: absolute;
  top: 20px;
  left: 50%;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .h_team
  .score {
  position: absolute;
  line-height: 55px;
  top: 20px;
  right: 50%;
  margin-right: 11px;
  font-size: 25px;
  font-weight: 900;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .a_team
  .score {
  position: absolute;
  line-height: 55px;
  top: 20px;
  left: 50%;
  margin-left: 11px;
  font-size: 25px;
  font-weight: 900;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .h_team
  .name {
  position: absolute;
  line-height: 55px;
  top: 20px;
  right: 50%;
  margin-right: 120px;
  text-align: right;
  white-space: nowrap;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .a_team
  .name {
  position: absolute;
  line-height: 55px;
  top: 20px;
  left: 50%;
  margin-left: 120px;
  text-align: right;
  white-space: nowrap;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .h_team
  .thumb {
  position: absolute;
  top: 20px;
  right: 50%;
  margin-right: 57px;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .a_team
  .thumb {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: 57px;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .team
  .thumb
  img {
  width: 55px;
}

.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .btn_area {
  width: 338px;
  height: 34px;
  position: absolute;
  top: 105px;
  left: 50%;
  margin-left: -169px;
  display: flex;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .btn_area
  button {
  background: rgb(185, 196, 204);
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    rgba(222, 227, 231, 1) 0%,
    rgba(185, 196, 204, 1) 100%
  );
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .btn_area
  button.active {
  background: #ff1d62;
  color: #fff;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .btn_area
  .btn_h {
  overflow: hidden;
  flex: 1 1 33.3%;
  border-right: 1px solid #fff;
  text-align: center;
  font-size: 13px;
  line-height: 34px;
  border-radius: 34px 0 0 34px;
  overflow: hidden;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .btn_area
  .btn_dr {
  overflow: hidden;
  flex: 1 1 33.3%;
  border-right: 1px solid #fff;
  text-align: center;
  font-size: 13px;
  line-height: 34px;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .btn_area
  .btn_a {
  overflow: hidden;
  flex: 1 1 33.3%;
  border-radius: 0 34px 34px 0;
  overflow: hidden;
}

.game .wrap .game_wrap .each_game .each_game_item_wrap .each_game_item .range {
  position: absolute;
  top: 160px;
  left: 50%;
  margin-left: -110px;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .range
  .h_per {
  position: absolute;
  top: -5px;
  left: -42px;
  font-size: 13px;
  color: #6b17d3;
  width: 40px;
  text-align: right;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .range
  .a_per {
  position: absolute;
  top: -5px;
  right: -44px;
  font-size: 13px;
  color: #ff1d62;
  width: 40px;
  text-align: left;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .range
  .gage {
  width: 220px;
  height: 4px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ff1d62;
  position: relative;
}
.game
  .wrap
  .game_wrap
  .each_game
  .each_game_item_wrap
  .each_game_item
  .range
  .gage
  span {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background-color: #6b17d3;
}

.each_game > p.none {
  font-weight: bold;
  font-size: 20px;
  line-height: 220px;
  color: #011f51;
  letter-spacing: 0;
  text-align: center;
}
.each_select_game_item {
  position: relative;
}

.each_select_game_item .result {
  position: absolute;
  top: 10%;
  left: 0;
  width: 72px;
  height: 75px;
}
.each_select_game_item .result .tag {
  width: 72px;
  height: 75px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/tah.png)
    0 -3px no-repeat;
}
.each_select_game_item .result .tag.success {
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/ico_tag.png)
    left top no-repeat;
}
.each_select_game_item .result .tag.success > p.result_text {
  padding: 36px 0 2px 0;
  font-size: 13px;
  line-height: 1;
  color: #ff1d62;
  letter-spacing: 0;
  text-align: center;
}
.each_select_game_item .result .tag.success > p.detail_text {
  font-size: 13px;
  line-height: 1;
  color: #6d2cff;
  letter-spacing: 0;
  text-align: center;
}
.each_select_game_item .result .tag.done {
  background-position: 0 -194px;
}
.each_select_game_item .result .tag.fail {
  background-position: 0 -389px;
}
.each_select_game_item .result .tag.complete {
  background-position: 0 -582px;
}
.each_select_game_item .result .tag.able {
  background-position: 0 -775px;
}

/* .each_select_game_item .result span{position: absolute;top:-60px;left:50%;transform: translateX(-50%);background-color: #fff;border-radius: 3px;font-size: 13px;color: #333333;text-align: center;width: 150px;height: 50px;line-height: 50px;;box-shadow: 0 0 20px rgba(0,0,0,0.2);} */
/* .each_select_game_item .result span strong{color: #ff1d62} */
/* .each_select_game_item .result span:after{content: "";position: absolute;bottom:-7px;left:50%;margin-left:-4px;width: 0;height: 0;border-style: solid;border-width: 7px 4.5px 0 4.5px;border-color: #ffffff transparent transparent transparent;;} */

.each_select_game_item .result .tag div {
  position: absolute;
  bottom: 84px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 3px;
  font-size: 13px;
  color: #333333;
  text-align: center;
  width: 150px;
  line-height: 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
}
.each_select_game_item .result .tag div span {
}
.each_select_game_item .result .tag div span strong {
  color: #ff1d62;
}
.each_select_game_item .result .tag div span:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #ffffff transparent transparent transparent;
}

.each_select_game_item .select_tit {
  color: #17305c;
  font-size: 20px;
  text-align: center;
  line-height: 90px;
  font-weight: 700;
}
.each_select_game_item .team {
  text-align: center;
}
.each_select_game_item .team .seelct_team {
  display: inline-block;
  width: 280px;
  padding-bottom: 40px;
}
.each_select_game_item .team .seelct_team.success .thumb:after {
  content: "";
  position: absolute;
  top: -11px;
  left: 50%;
  margin-left: 50px;
  width: 19px;
  height: 16px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/win.png)
    0 0 no-repeat;
}
.each_select_game_item .team .seelct_team .thumb {
  margin-bottom: 16px;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.each_select_game_item .team .seelct_team .thumb img {
  width: 95px;
}

.each_select_game_item .team .seelct_team .selector {
  width: 100%;
  height: 34px;
  position: relative;
}
.each_select_game_item .team .seelct_team .selector.active {
  z-index: 10;
}
.each_select_game_item .team .seelct_team .selector.active ul {
  display: block;
}
.each_select_game_item .team .seelct_team .selector.active button:after {
  position: absolute;
  top: 13px;
  right: 17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4.5px 8px 4.5px;
  border-color: transparent transparent #1b1b1b transparent;
  content: "";
}
.each_select_game_item .team .seelct_team .selector button {
  background: rgb(185, 196, 204);
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    rgba(222, 227, 231, 1) 0%,
    rgba(185, 196, 204, 1) 100%
  );
  display: block;
  overflow: hidden;
  text-align: center;
  font-size: 13px;
  width: 170px;
  height: 34px;
  border-radius: 34px;
  margin: 0 auto;
  line-height: 34px;
  position: relative;
}
.each_select_game_item .team .seelct_team .selector button:after {
  position: absolute;
  top: 13px;
  right: 17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4.5px 0 4.5px;
  border-color: #1b1b1b transparent transparent transparent;
  content: "";
}
.each_select_game_item .team .seelct_team .selector ul {
  position: absolute;
  bottom: 38px;
  left: 50%;
  border: 1px solid #000;
  border-radius: 15px;
  width: 170px;
  margin-left: -85px;
  background-color: #fff;
  overflow: hidden;
  display: none;
}
.each_select_game_item .team .seelct_team .selector ul li {
  line-height: 30px;
}
.each_select_game_item .team .seelct_team .selector ul li a {
  line-height: 30px;
  text-align: center;
  display: block;
}
.each_select_game_item .team .seelct_team .selector ul li a:hover {
  background-color: #eee;
}

.each_select_game_item .btn_area {
  padding-bottom: 40px;
  text-align: center;
}
.each_select_game_item .btn_area button {
  width: 270px;
  height: 57px;
  border-radius: 57px;
  overflow: hidden;
  display: inline-block;
  background: linear-gradient(180deg, #ff2e9b 0%, #ff1a58 100%);
  font-size: 20px;
  color: #fff;
  position: relative;
}
.each_select_game_item .btn_area button.disable {
  background: linear-gradient(180deg, #767676 0%, #606060 100%);
  color: #adadad;
}
.each_select_game_item .btn_area button.done {
  background: #808fa8;
  color: #fff;
  padding-left: 20px;
  box-sizing: border-box;
}
.each_select_game_item .btn_area button.done:before {
  content: "";
  width: 19px;
  height: 16px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOpJREFUeNpi+P//PwOZmAuINwCxOUyMXIPYgHjbfwh4A8S65BrGDMSr/6OC50CsQqpBjEA8/z92cBRdMQsBwybhMOgVEKsjK/QD4otALIrDoFYcBn0AYn3kMHMG4p9QybNAzI9mUDkOg74CsQVybFpBBVH8D416kHwWDoO+A7ETsqUg4jAOxbuBOAWI/2GR+wkNFgZ0w0BhdOs/8eAPEEdiC1cYQwaIHxJhEMiVqbhiG5mjAk18+EARvqSDLqALjWpsoIFQosYmaIEldvuIySG4JEBR/gNq0CxoNiLbMFiOWADN2ETlXYAAAwB7xfp4HTxAmgAAAABJRU5ErkJggg==");
  display: block;
  vertical-align: top;
  position: absolute;
  top: 19px;
  left: 60px;
}

.game .wrap .aside_wrap {
  width: calc(100% - 810px);
  float: right;
  position: relative;
  min-height: 1000px;
}
.game .wrap .aside_wrap .stick_wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: top 0.5s ease;
}
.game .wrap .aside_wrap .aside_advice {
  padding: 20px 0;
  font-size: 13px;
  text-align: center;
  color: #6d2cff;
  line-height: 1.5;
}
.game .wrap .aside_wrap .state_box {
  padding: 4px;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  background-color: #6d2cff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.game .wrap .aside_wrap .state_box_wrap {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
}

.game .wrap .aside_wrap .stick_wrap .state_item {
  margin-bottom: 30px;
  position: relative;
  margin-top: 30px;
}
.game .wrap .aside_wrap .stick_wrap .state_item .item {
  width: 100%;
  height: 84px;
  background-color: #fff;
  margin-bottom: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.game .wrap .aside_wrap .stick_wrap .state_item .state {
  float: left;
  width: 42px;
  background-color: #ff1d62;
  height: 100%;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  position: relative;
}
.game .wrap .aside_wrap .stick_wrap .state_item .state.case1 {
  background-color: #ff1d62;
}
.game .wrap .aside_wrap .stick_wrap .state_item .state.case2 {
  background-color: #5395ff;
}
.game .wrap .aside_wrap .stick_wrap .state_item .state.case3 {
  background-color: #adb5c2;
}
.game .wrap .aside_wrap .stick_wrap .state_item .state span {
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}

.game .wrap .aside_wrap .stick_wrap .state_item .match {
  width: 350px;
  float: left;
  padding-left: 10px;
  position: absolute;
  left: 42px;
  top: 50%;
  transform: translateY(-50%);
}
.game .wrap .aside_wrap .stick_wrap .state_item .match:only-child {
  border: none;
}
.game .wrap .aside_wrap .stick_wrap .state_item .match:last-child {
  border: none;
}
.game .wrap .aside_wrap .stick_wrap .state_item .match .thumb {
  vertical-align: top;
  margin-top: 0;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 10px;
}
.game .wrap .aside_wrap .stick_wrap .state_item .match .thumb img {
  height: 55px;
  vertical-align: top;
}
.game .wrap .aside_wrap .stick_wrap .state_item .match .name {
  height: 70px;
  position: relative;
  margin-top: 0;
  width: 100%;
}
.game .wrap .aside_wrap .stick_wrap .state_item .match .name span:nth-child(1) {
  display: block;
  padding: 20px 0 4px 0;
  font-weight: bold;
  color: #333333;
  font-size: 14px;
  padding-left: 55px;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.game .wrap .aside_wrap .stick_wrap .state_item .match .name span:nth-child(2) {
  display: block;
  padding: 0 0 20px 0;
  color: #666666;
  font-size: 12px;
  padding-left: 55px;
  line-height: 1;
  letter-spacing: 0;
}
.game .wrap .aside_wrap .stick_wrap .state_item .match .name.empty {
  text-align: center;
  width: 100%;
}
.game .wrap .aside_wrap .stick_wrap .state_item .item .btn_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
}

.game .wrap .aside_wrap .before_coach {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  height: 518px;
  background-color: #fff;
  text-align: center;
  padding-top: 222px;
  border-radius: 3px;
}
.game .wrap .aside_wrap .before_coach .txt {
  font-size: 20px;
  color: #6d2cff;
  line-height: 1.5;
}
.game .wrap .aside_wrap .before_coach .desc {
  font-size: 15px;
  color: #00245d;
  line-height: 1.5;
}
.game .wrap .aside_wrap .before_login {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  height: 518px;
  background-color: #fff;
  text-align: center;
  padding-top: 222px;
  border-radius: 3px;
}
.game .wrap .aside_wrap .before_login .txt {
  font-size: 20px;
  color: #6d2cff;
  line-height: 1.5;
  margin-bottom: 20px;
}
.game .wrap .aside_wrap .before_login .btn_login {
  display: inline-block;
  width: 218px;
  height: 50px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_login2.png)
    0 0 no-repeat;
}

.game .wrap .aside_wrap .state_box_wrap .coach_state {
  width: 100%;
  background-color: #fff;
  height: 340px;
  margin: 0 auto;
  border-radius: 4px;
}
.game .wrap .aside_wrap .state_box_wrap .coach_state .tit {
  position: relative;
  padding-top: 27px;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 20px;
}
.game .wrap .aside_wrap .state_box_wrap .coach_state .txt {
  position: relative;
  font-size: 15px;
  color: #999999;
}
.game .wrap .aside_wrap .state_box_wrap .coach_state .name {
  position: relative;
  font-size: 30px;
  color: #6d2cff;
  font-weight: 600;
}
.game .wrap .aside_wrap .state_box_wrap .coach_state .score_box {
  width: 374px;
  height: 107px;
  margin: 0 auto;
  position: relative;
}
.game .wrap .aside_wrap .state_box_wrap .coach_state .score_box:after {
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 13px 5px;
  border-color: transparent transparent #6b2cff transparent;
}
.game .wrap .aside_wrap .state_box_wrap .coach_state .score_box .state_wrap {
  width: 374px;
  height: 107px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
}
.game
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  > div {
  flex: 1 1 auto;
  position: relative;
}
.game
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  > div:after {
  position: absolute;
  bottom: 10px;
  right: 0;
  border-right: 1px dashed #d8dcdf;
  content: "";
  height: 53px;
}
.game
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  > div:last-child:after {
  display: none;
}
.game
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .txt {
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-color: #6d2cff;
  line-height: 37px;
  height: 37px;
}
.game
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .num {
  font-size: 25px;
  line-height: 1.5;
  color: #00245d;
  text-align: center;
  height: 75px;
  line-height: 75px;
  font-weight: 800;
  color: #000;
}
.game
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .join
  .num
  strong {
  font-size: 25px;
  color: #00245d;
  font-weight: 800;
}
.game
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .succ
  .num
  strong {
  font-size: 25px;
  color: #ff1d62;
  font-weight: 800;
}
.game
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .rate
  .num
  strong {
  font-size: 25px;
  color: #6d2cff;
  font-weight: 800;
}

.game .wrap .aside_wrap .state_box_wrap .coach_state .btn_area {
  padding-bottom: 40px;
  text-align: center;
  margin-top: 30px;
}
.game .wrap .aside_wrap .state_box_wrap .coach_state .btn_area button {
  background: rgb(185, 196, 204);
  width: 270px;
  height: 57px;
  border-radius: 57px;
  overflow: hidden;
  display: inline-block;
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    #ff2e9b 0%,
    #ff1a58 100%
  );
  font-size: 20px;
  color: #fff;
}
.game .wrap .aside_wrap .state_box_wrap .point_state {
  padding: 20px;
  line-height: 1.5;
}
.game .wrap .aside_wrap .state_box_wrap .point_state .advice_wrap {
  position: relative;
  text-align: center;
  padding: 8px 0;
}
.game .wrap .aside_wrap .state_box_wrap .point_state .advice_wrap .txt {
  color: #fff;
  font-size: 15px;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.game .wrap .aside_wrap .state_box_wrap .point_state .advice_wrap .btn_exp {
  width: 119px;
  height: 34px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/a1.png)
    0 0 no-repeat;
}
.game .wrap .aside_wrap .state_box_wrap .point_state .advice_wrap .btn_point {
  width: 119px;
  height: 34px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/a2.png)
    0 0 no-repeat;
}

.game .wrap .aside_wrap .state_box_wrap .point_state .get_point {
  background-color: #fff;
  margin-top: 20px;
  line-height: 66px;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
  height: 66px;
}
.game .wrap .aside_wrap .state_box_wrap .point_state .get_point .t {
  float: left;
  font-size: 15px;
  color: #6d2cff;
}
.game .wrap .aside_wrap .state_box_wrap .point_state .get_point .p {
  float: right;
  font-size: 25px;
  color: #ff1d62;
}

.game .wrap .aside_wrap .rank_box {
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.game .wrap .aside_wrap .rank_box_wrap {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.game .wrap .aside_wrap .rank_box_wrap .tit {
  height: 67px;
  line-height: 67px;
  padding: 0 20px;
  overflow: hidden;
  border-bottom: 1px solid #c1c8cd;
}
.game .wrap .aside_wrap .rank_box_wrap .txt {
  font-size: 20px;
  color: #00245d;
  display: inline-block;
  float: left;
  vertical-align: top;
}
.game .wrap .aside_wrap .rank_box_wrap .desc {
  font-size: 15px;
  color: #6d2cff;
  display: inline-block;
  float: left;
  vertical-align: top;
  margin-top: 3px;
  margin-left: 10px;
}
.game .wrap .aside_wrap .rank_box_wrap .time {
  font-size: 13px;
  color: #999999;
  display: inline-block;
  float: right;
  vertical-align: top;
  margin-top: 5px;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list {
  padding: 0 20px 65px 20px;
  background: #f6f8f8;
  line-height: 45px;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_list_tit {
  display: flex;
  border-bottom: 1px solid #c1c8cd;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_list_tit > div {
  flex: 0 1 auto;
  text-align: center;
  font-size: 13px;
  color: #999999;
}
.game
  .wrap
  .aside_wrap
  .rank_box_wrap
  .rank_list
  .rank_list_tit
  > div:nth-child(1) {
  flex-basis: 70px;
}
.game
  .wrap
  .aside_wrap
  .rank_box_wrap
  .rank_list
  .rank_list_tit
  > div:nth-child(2) {
  flex-basis: 125px;
}
.game
  .wrap
  .aside_wrap
  .rank_box_wrap
  .rank_list
  .rank_list_tit
  > div:nth-child(3) {
  flex-basis: 90px;
}
.game
  .wrap
  .aside_wrap
  .rank_box_wrap
  .rank_list
  .rank_list_tit
  > div:nth-child(4) {
  flex-basis: 90px;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_item {
  display: flex;
  border-bottom: 1px dashed #c1c8cd;
  background-color: #fff;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_item:nth-child(2n) {
  background-color: #f6f8f8;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_item > div {
  flex: 0 0 auto;
  text-align: center;
  font-size: 13px;
  color: #999999;
}
.game
  .wrap
  .aside_wrap
  .rank_box_wrap
  .rank_list
  .rank_item
  > div:nth-child(1) {
  flex-basis: 70px;
  color: #999;
}
.game
  .wrap
  .aside_wrap
  .rank_box_wrap
  .rank_list
  .rank_item
  > div:nth-child(2) {
  flex-basis: 125px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.game
  .wrap
  .aside_wrap
  .rank_box_wrap
  .rank_list
  .rank_item
  > div:nth-child(3) {
  flex-basis: 90px;
  color: #ff1d62;
}
.game
  .wrap
  .aside_wrap
  .rank_box_wrap
  .rank_list
  .rank_item
  > div:nth-child(4) {
  flex-basis: 90px;
  color: #6d2cff;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_item .ico {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/rank.png)
    0 0 no-repeat;
  vertical-align: top;
  margin-top: 8px;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_item .ico.rank1 {
  background-position: 0 0;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_item .ico.rank2 {
  background-position: 0 -49px;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .rank_item .ico.rank3 {
  background-position: 0 -98px;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .lv {
  display: none;
}
.game .wrap .aside_wrap .rank_box_wrap .rank_list .lv.active {
  display: block;
}
.game .wrap .aside_wrap .tab_list {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -53px;
  z-index: 10;
}
.game .wrap .aside_wrap .tab_list ul {
  display: flex;
}
.game .wrap .aside_wrap .tab_list .tab {
  flex: 1 1 auto;
  margin-right: 2px;
  height: 6px;
  width: 52px;
  box-sizing: border-box;
  border-bottom: 3px solid #cad4e4;
  vertical-align: bottom;
}
.game .wrap .aside_wrap .tab_list .active .tab {
  border-bottom: 6px solid #ff1d62;
}

.schedule .tit.section .tab_list {
  height: 57px;
  background-color: #d31751;
}
.schedule .tit.section .tab_list .schedule_tit {
  width: 1280px;
  margin: 0 auto;
  padding: 0 27px;
  box-sizing: border-box;
  overflow: hidden;
}
.schedule .tit.section .tab_list .schedule_tit .schedule_tit_wrap {
  width: 770px;
  box-sizing: border-box;
  overflow: hidden;
}
.schedule .tit.section .tab_list .schedule_tit .desc {
  line-height: 57px;
  font-size: 20px;
  color: #fff;
  float: left;
}
.schedule .tit.section .tab_list .schedule_tit .btn_today {
  float: right;
  width: 110px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #d31751;
  margin-top: 13px;
  vertical-align: top;
  background-color: #fff;
  border-radius: 15px;
}

.schedule .wrap .schedule_wrap {
  width: 770px;
  float: left;
  margin-right: 40px;
}

.schedule .wrap .schedule_wrap .btn_prev {
  border: 1px solid #333;
  font-size: 13px;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  line-height: 43px;
  border-radius: 3px;
  background-color: #fff;
  margin: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.schedule .wrap .schedule_wrap .btn_prev span {
  margin-right: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #333333 transparent;
}
.schedule .wrap .schedule_wrap .btn_next {
  border: 1px solid #333;
  font-size: 13px;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  line-height: 43px;
  border-radius: 3px;
  background-color: #fff;
  margin: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.schedule .wrap .schedule_wrap .btn_next span {
  margin-right: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}

.schedule .wrap .schedule_wrap .each_schedule {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  line-height: 1.3;
  margin-bottom: 10px;
}
.schedule .wrap .schedule_wrap .each_schedule .time {
  background-color: #fff;
  overflow: hidden;
  line-height: 56px;
  padding: 10px 20px 0 20px;
  border-bottom: 1px solid #c1c8cd;
}
.schedule .wrap .schedule_wrap .each_schedule .time .day {
  color: #011f51;
  font-weight: 600;
  font-size: 35px;
  display: inline-block;
  vertical-align: top;
  line-height: 56px;
}
.schedule .wrap .schedule_wrap .each_schedule .time .date {
  color: #011f51;
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  line-height: 56px;
  margin-top: 4px;
  margin-left: 10px;
}
.schedule .wrap .schedule_wrap .each_schedule .time .hour {
  color: #011f51;
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  line-height: 56px;
  margin-top: 5px;
  margin-left: 20px;
}

.schedule .wrap .schedule_wrap .each_schedule .tit {
  margin-left: -10px;
  width: calc(100% + 20px);
  padding: 50px 0;
  background-color: #6d2cff;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.schedule .wrap .schedule_wrap .each_schedule .tit .txt {
  font-size: 23px;
  color: #fff;
  font-weight: 900;
}
.schedule .wrap .schedule_wrap .each_schedule .tit .desc {
  font-size: 15px;
  color: #cccccc;
  margin-top: 10px;
}

.each_schedule_item_wrap {
  background-color: #f6f8f8;
  padding: 0 20px;
}
.each_schedule_item_wrap .each_schedule_item {
  border-bottom: 1px solid #c1c8cd;
  position: relative;
  height: 110px;
  overflow: hidden;
}
.each_schedule_item_wrap .each_schedule_item:last-child {
  border-bottom: none;
}
.each_schedule_item_wrap .each_schedule_item .league {
  position: relative;
  width: 170px;
  height: 100px;
  text-align: center;
  line-height: 1.5;
  padding-top: 27px;
  float: left;
}
.each_schedule_item_wrap .each_schedule_item .league:after {
  content: "";
  position: absolute;
  top: 10px;
  height: 87px;
  right: 0;
  border-right: 1px dashed #ddd;
}

.each_schedule_item_wrap .each_schedule_item .league .txt {
  font-size: 13px;
  color: #011f51;
  margin-top: 10px;
}
.each_schedule_item_wrap .each_schedule_item .league .tag {
  font-size: 13px;
  color: #fff;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  border-radius: 3px;
  display: inline-block;
}
.each_schedule_item_wrap .each_schedule_item .league .tag.case1 {
  background-color: #00245d;
}
.each_schedule_item_wrap .each_schedule_item .league .tag.case2 {
  background-color: #db62d6;
}
.each_schedule_item_wrap .each_schedule_item .league .tag.case3 {
  background-color: #048fff;
}
.each_schedule_item_wrap .each_schedule_item .league .tag.case4 {
  background-color: #d30a03;
}
.each_schedule_item_wrap .each_schedule_item .league .tag.case5 {
  background-color: #006368;
}
.each_schedule_item_wrap .each_schedule_item .league .tag.case6 {
  background-color: #ff8100;
}
.each_schedule_item_wrap .each_schedule_item .league .tag.case7 {
  background-color: #439f00;
}

.each_schedule_item_wrap .each_schedule_item .team {
  position: relative;
  width: calc(100% - 170px);
  height: 110px;
  text-align: center;
  line-height: 1.5;
  float: left;
}

.each_schedule_item_wrap .each_schedule_item .team {
}
.each_schedule_item_wrap .each_schedule_item .team:after {
  content: "-";
  position: absolute;
  top: 28px;
  right: 50%;
  line-height: 55px;
  font-size: 25px;
  font-weight: 900;
  margin-right: -4px;
}
.each_schedule_item_wrap .each_schedule_item .team.default:after {
  content: "vs";
  position: absolute;
  top: 28px;
  right: 50%;
  line-height: 55px;
  font-size: 25px;
  font-weight: 900;
  margin-right: -15px;
  color: #cccccc;
}

.each_schedule_item_wrap .each_schedule_item .team > div.win .score {
  color: #ff1d62;
}
.each_schedule_item_wrap .each_schedule_item .team > div .score span {
  display: block;
  font-size: 12px;
  color: #333;
  margin-top: -10px;
}
.each_schedule_item_wrap .each_schedule_item .team .h_team {
  position: absolute;
  top: 0;
  right: 50%;
  height: 110px;
  width: 50%;
}
.each_schedule_item_wrap .each_schedule_item .team .a_team {
  position: absolute;
  top: 0;
  left: 50%;
  height: 110px;
  width: 50%;
}
.each_schedule_item_wrap .each_schedule_item .team .ready_time {
  text-align: center;
  font-size: 13px;
  color: #333333;
  position: absolute;
  top: 68px;
  left: 0;
  width: 100%;
}

.each_schedule_item_wrap .each_schedule_item .team .h_team .score {
  position: absolute;
  line-height: 55px;
  top: 27px;
  right: 0;
  margin-right: 11px;
  font-size: 25px;
  font-weight: 900;
}
.each_schedule_item_wrap .each_schedule_item .team .a_team .score {
  position: absolute;
  line-height: 55px;
  top: 27px;
  left: 0;
  margin-left: 11px;
  font-size: 25px;
  font-weight: 900;
}

.each_schedule_item_wrap .each_schedule_item .team .h_team .name {
  position: absolute;
  line-height: 55px;
  font-size: 17px;
  top: 0;
  right: 0%;
  text-align: right;
  white-space: nowrap;
  margin-right: 117px;
}
.each_schedule_item_wrap .each_schedule_item .team .a_team .name {
  position: absolute;
  line-height: 55px;
  font-size: 17px;
  top: 0;
  left: 0%;
  text-align: right;
  white-space: nowrap;
  margin-left: 117px;
}
.each_schedule_item_wrap .each_schedule_item .team .name {
  position: relative;
  height: 100%;
}
.each_schedule_item_wrap .each_schedule_item .team .h_team .name .c_wrap {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.each_schedule_item_wrap .each_schedule_item .team .a_team .name .c_wrap {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.each_schedule_item_wrap .each_schedule_item .team .name .t_name {
  display: block;
  font-size: 17px;
  color: #333333;
  line-height: 1.3;
}
.each_schedule_item_wrap .each_schedule_item .team .name .t_sco {
  display: block;
  font-size: 13px;
  color: #999999;
  line-height: 1.3;
}

.each_schedule_item_wrap .each_schedule_item .team .h_team .thumb {
  position: absolute;
  top: 20px;
  right: 0;
  margin-right: 37px;
}
.each_schedule_item_wrap .each_schedule_item .team .a_team .thumb {
  position: absolute;
  top: 20px;
  left: 0;
  margin-left: 37px;
}

.each_schedule_item_wrap .each_schedule_item .team .thumb img {
  width: 60px;
}

.each_schedule_item_wrap
  .each_schedule_item
  .team
  .h_team
  .name
  .c_wrap
  .t_name {
  text-align: right;
}
.each_schedule_item_wrap
  .each_schedule_item
  .team
  .h_team
  .name
  .c_wrap
  .t_sco {
  text-align: right;
}
.each_schedule_item_wrap
  .each_schedule_item
  .team
  .a_team
  .name
  .c_wrap
  .t_name {
  text-align: left;
}
.each_schedule_item_wrap
  .each_schedule_item
  .team
  .a_team
  .name
  .c_wrap
  .t_sco {
  text-align: left;
}
.each_schedule_item_wrap > p.none {
  font-weight: bold;
  font-size: 20px;
  line-height: 220px;
  color: #011f51;
  letter-spacing: 0;
  text-align: center;
}

#footer {
  position: relative;
  width: 100%;
  min-width: 1040px;
  text-align: center;
  background-color: #000000;
}

#footer .inner {
  width: 100%;
  padding: 40px 0;
}

#footer .inner .logo {
  margin-bottom: 22px;
  line-height: 0;
}

#footer .inner .logo img {
  width: 364px;
}

#footer .inner .information {
  position: relative;
  overflow: hidden;
  width: 1142px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

#footer .inner .information .company {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 20px 0 0;
}

#footer .inner .information .company .bt-nexon {
  position: relative;
  top: -5px;
}

#footer .inner .information .company .bt-ea {
  position: relative;
}

#footer .inner .information .copyright {
  width: 584px;
  height: 46px;
}

.esports_layer_popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
}
.esports_layer_popup .layer_content {
  width: 790px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -395px;
  padding-bottom: 100px;
}
.esports_layer_popup.news .layer_content {
  height: 800px;
}
.esports_layer_popup.teaminfo .layer_content {
  height: 566px;
}
.esports_layer_popup.gameinfo .layer_content {
  height: 1003px;
}
.esports_layer_popup.maketeam .layer_content {
  height: 1012px;
}
.esports_layer_popup.searchteam .layer_content {
  height: 660px;
}
/* .esports_layer_popup.joingame .layer_content{height: 1286px;} */
.esports_layer_popup .layer_content .title {
  background-color: #011f51;
  height: 50px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  position: relative;
}
.esports_layer_popup .layer_content .title p {
  font-size: 15px;
  padding: 0 20px;
  line-height: 50px;
  color: #fff;
}
.esports_layer_popup .layer_content .title .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_close.png)
    center center no-repeat;
}
.esports_layer_popup .layer_content .content {
  background-color: #fff;
  height: calc(100% - 50px);
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  overflow-y: auto;
}
.esports_layer_popup .layer_content .content .wrap {
}
.esports_layer_popup .layer_content .content .wrap .news_thumb {
}
.esports_layer_popup .layer_content .content .wrap .news_thumb img {
  width: 100%;
}
.esports_layer_popup .layer_content .content .wrap .news_wrap {
  padding: 40px;
}
.esports_layer_popup .layer_content .content .wrap .news_date {
  font-size: 15px;
  color: #011f51;
  line-height: 2;
}
.esports_layer_popup .layer_content .content .wrap .news_tit {
  font-size: 35px;
  color: #011f51;
  line-height: 1.3;
  font-weight: bold;
}
.esports_layer_popup .layer_content .content .wrap .news_desc {
  font-size: 15px;
  color: #333333;
  line-height: 1.5;
  margin-top: 50px;
}
.esports_layer_popup .layer_content .content .wrap .news_tit {
}
.esports_layer_popup .layer_content .content .wrap .news_desc {
}
.esports_layer_popup.maketeam .layer_content .content {
  height: auto;
}

.esports_layer_popup.teaminfo .layer_content .content .wrap .tit_wrap {
  padding: 30px;
  padding-left: 245px;
  position: relative;
  min-height: 245px;
  box-sizing: border-box;
}
.esports_layer_popup.teaminfo .layer_content .content .wrap .tit_wrap .thumb {
  border: 1px solid #cccccc;
  width: 184px;
  height: 184px;
  position: absolute;
  top: 30px;
  left: 30px;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .thumb
  img {
  width: 184px;
}
.esports_layer_popup.teaminfo .layer_content .content .wrap .tit_wrap .txt {
  font-size: 30px;
  color: #011f51;
  font-weight: 900;
  margin-top: 10px;
}
.esports_layer_popup.teaminfo .layer_content .content .wrap .tit_wrap .players {
  margin-top: 30px;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .players
  ul {
  overflow: hidden;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .players
  ul
  li {
  float: left;
  margin-right: 5px;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .players
  ul
  li
  .img {
  width: 88px;
  border: 1px solid #cccccc;
  line-height: 0;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .players
  ul
  li
  .img
  img {
  width: 88px;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .players
  ul
  li
  .name {
  line-height: 30px;
  color: #484848;
  font-size: 15px;
  text-align: center;
  display: block;
}
.esports_layer_popup.teaminfo .layer_content .content .wrap dl {
  overflow: hidden;
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
  line-height: 1.2;
}
.esports_layer_popup.teaminfo .layer_content .content .wrap dl:after {
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #484848;
  content: "";
}
.esports_layer_popup.teaminfo .layer_content .content .wrap dl dt {
  font-size: 13px;
  float: left;
  color: #484848;
}
.esports_layer_popup.teaminfo .layer_content .content .wrap dl dd {
  font-size: 13px;
  float: left;
  color: #999;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap {
  background-color: #f6f8f8;
  padding: 30px;
  border-top: 1px solid #e1e5e9;
  padding-top: 0;
  padding-bottom: 40px;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .tit {
  margin-top: 15px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #011f51;
  font-weight: 600;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s {
  background-color: #fff;
  overflow-y: auto;
  height: 160px;
}
.esports_layer_popup.teaminfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s
  .wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}

.esports_layer_popup.gameinfo .layer_content .content .wrap .tit_wrap {
  padding: 30px;
  padding-left: 245px;
  position: relative;
  min-height: 245px;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
}
.esports_layer_popup.gameinfo .layer_content .content .wrap .tit_wrap .thumb {
  border: 1px solid #cccccc;
  width: 184px;
  height: 184px;
  position: absolute;
  top: 30px;
  left: 30px;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .thumb
  img {
  width: 184px;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .thumb
  .tag {
  position: absolute;
  top: -13px;
  left: -10px;
  padding: 0 15px;
  line-height: 23px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 23px;
  overflow: hidden;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .thumb
  .tag.active {
  background-color: #5395ff;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  .thumb
  .tag.disable {
  background-color: #adb5c2;
}
.esports_layer_popup.gameinfo .layer_content .content .wrap .tit_wrap .txt {
  font-size: 30px;
  color: #011f51;
  font-weight: 900;
  margin-top: 10px;
  line-height: 1;
}
.esports_layer_popup.gameinfo .layer_content .content .wrap .tit_wrap .desc {
  font-size: 14px;
  color: #333333;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 1;
}
.esports_layer_popup.gameinfo .layer_content .content .wrap .tit_wrap dl {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-left: 14px;
  margin-bottom: 8px;
  font-size: 0;
  line-height: 0;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .tit_wrap
  dl:last-child {
  margin-bottom: 0;
}
.esports_layer_popup.gameinfo .layer_content .content .wrap .tit_wrap dl:after {
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #484848;
  content: "";
}
.esports_layer_popup.gameinfo .layer_content .content .wrap .tit_wrap dl dt {
  display: block;
  padding-bottom: 4px;
  font-size: 14px;
  color: #484848;
  line-height: 18px;
}
.esports_layer_popup.gameinfo .layer_content .content .wrap .tit_wrap dl dd {
  display: block;
  font-size: 14px;
  color: #999;
  line-height: 18px;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap {
  position: relative;
  background-color: #f6f8f8;
  padding: 30px;
  border-top: 1px solid #e1e5e9;
  padding-top: 0;
  padding-bottom: 10px;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  + .each_game_content_wrap {
  border-top: none;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  + .each_game_content_wrap
  .tit {
  margin-top: 0;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .btn_rule {
  z-index: 4;
  position: absolute;
  right: 30px;
  top: 26px;
  width: 93px;
  height: 26px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_rule.png)
    0 0 no-repeat;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .tit {
  margin-top: 15px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #011f51;
  font-weight: 600;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s {
  background-color: #fff;
  overflow-y: auto;
  height: 160px;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s
  .wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  font-size: 14px;
  line-height: 22px;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_team
  .wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_team
  .each_team {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_team
  .each_team
  .thumb {
  background-color: #fff;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_team
  .each_team
  .thumb
  img {
  width: 55px;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_team
  .each_team
  .desc {
  display: none;
  position: absolute;
  top: -66px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 3px;
  font-size: 13px;
  color: #333333;
  text-align: center;
  width: 150px;
  height: 50px;
  line-height: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_team
  .each_team
  .desc
  strong {
  color: #ff1d62;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_team
  .each_team
  .desc:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #ffffff transparent transparent transparent;
}
.esports_layer_popup.gameinfo
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_team
  .each_team:hover
  .desc {
  display: block;
}

.esports_layer_popup.maketeam .layer_content .content .wrap .team_info {
  height: 310px;
  width: 100%;
}
.esports_layer_popup.maketeam .layer_content .content .wrap .team_info .tit {
  font-size: 20px;
  color: #011f51;
  line-height: 60px;
  margin-top: 8px;
  text-align: center;
  font-weight: bold;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap {
  padding: 0 30px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  .input_wrap {
  border: 10px solid #011f51;
  position: relative;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  input {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: 505px;
  box-sizing: border-box;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  button {
  color: #fff;
  width: 192px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
  text-align: center;
  background-color: #011f51;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager {
  padding: 20px 50px 50px 50px;
  position: relative;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap {
  display: flex;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap
  .manager_info {
  flex: 1 1 auto;
  margin-right: 13px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap
  .manager_info:last-child {
  margin: 0;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap
  .manager_info
  .t1 {
  font-size: 15px;
  color: #333333;
  line-height: 30px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap
  .manager_info
  input {
  height: 42px;
  border: 1px solid #c1c8cd;
  width: 100%;
  background-color: #f8f8f8;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 15px;
  color: #011f51;
  font-weight: 600;
  line-height: 40px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .advice {
  font-size: 13px;
  color: #999;
  margin-top: 10px;
  line-height: 1.5;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .btn_area {
  position: absolute;
  top: 109px;
  left: 547px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .btn_area
  button.btn_modify {
  width: 94px;
  height: 34px;
  line-height: 34px;
  background-color: #ff1d62;
  color: #ffffff;
  border-radius: 5px;
  margin-right: 5px;
  float: left;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .btn_area
  button.btn_refresh {
  width: 94px;
  height: 34px;
  line-height: 32px;
  color: #646464;
  border-radius: 5px;
  border: 1px solid #646464;
  float: left;
}

.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap {
  background-color: #f6f8f8;
  padding: 30px;
  border-top: 1px solid #e1e5e9;
  padding-top: 0;
  padding-bottom: 30px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  + .each_game_content_wrap {
  border-top: none;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  + .each_game_content_wrap
  .tit {
  margin-top: 0;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .tit {
  margin-top: 15px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #011f51;
  font-weight: 600;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s {
  background-color: #fff;
  overflow-y: auto;
  height: 210px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s
  .wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  line-height: 1.5;
  font-size: 13px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s
  .wrap
  strong {
  color: #ff1d62;
  font-size: 13px;
}

.esports_layer_popup.maketeam .layer_content .content .wrap .agreement {
  background-color: #f6f8f8;
  padding: 30px;
  padding-top: 0;
  padding-bottom: 20px;
}
.esports_layer_popup.maketeam .layer_content .content .wrap .agreement .prv {
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .prv
  strong {
  font-size: 20px;
  color: #ff1d62;
  font-weight: 700;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .prv
  span {
  font-size: 20px;
  color: #333333;
}
.esports_layer_popup.maketeam .layer_content .content .wrap .agreement .table {
  margin-top: 10px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table {
  table-layout: fixed;
  width: 100%;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  th {
  font-weight: 700;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  th,
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td {
  border: 1px solid #c1c8cd;
  background-color: #f8f8f8;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  color: #333;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td {
  background-color: #ffffff;
  height: 70px;
  line-height: 70px;
  font-size: 15px;
  color: #333;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td
  strong {
  font-size: 20px;
  color: #333;
}

.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap {
  position: relative;
  line-height: 70px;
  text-align: center;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox {
  display: none;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox
  + span {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/check2.png)
    0 0 no-repeat;
  vertical-align: top;
  margin-top: 24px;
  margin-right: 5px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox:checked
  + span {
  width: 24px;
  height: 24px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/check2.png)
    0 -24px no-repeat;
  vertical-align: top;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  label {
  font-size: 15px;
  color: #ff1d62;
  cursor: pointer;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .btn_area {
  text-align: center;
  padding-bottom: 30px;
}
.esports_layer_popup.maketeam
  .layer_content
  .content
  .wrap
  .agreement
  .btn_area
  button {
  width: 330px;
  height: 75px;
  line-height: 75px;
  color: #fefaef;
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    #ff2e9b 0%,
    #ff1a58 100%
  );
  font-weight: 500;
  border-radius: 75px;
  font-size: 30px;
}

.esports_layer_popup.jointeam .layer_content .content .wrap .team_info {
  height: 450px;
  width: 100%;
}
.esports_layer_popup.jointeam .layer_content .content .wrap .team_info .tit {
  font-size: 20px;
  color: #011f51;
  line-height: 60px;
  margin-top: 8px;
  text-align: center;
  font-weight: bold;
}

.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team {
  width: calc(100% - 60px);
  box-sizing: border-box;
  border: 2px solid #1883cf;
  margin: 0 auto;
  overflow: hidden;
  background-color: #f6f8f8;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .codename {
  width: 468px;
  float: left;
  height: 184px;
  box-sizing: border-box;
  border-right: 1px solid #c1c8cd;
  padding: 20px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .codename
  .name {
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .codename
  .name
  .t1 {
  font-size: 15px;
  color: #333333;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .codename
  .name
  .t2 {
  font-size: 45px;
  color: #1883cf;
  font-weight: bold;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .codename
  .code {
  margin-top: 40px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .codename
  .code
  .t1 {
  font-size: 15px;
  color: #333333;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .codename
  .code
  .t2 {
  font-size: 20px;
  color: #011f51;
  font-weight: bold;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .aside {
  width: calc(100% - 468px);
  float: left;
  height: 184px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .aside
  .manager {
  line-height: 23px;
  text-align: center;
  border-bottom: 1px solid #c1c8cd;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .aside
  .manager
  .t1 {
  font-size: 13px;
  color: #fff;
  background-color: #1883cf;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .aside
  .manager
  .t2
  img {
  width: 20px;
  vertical-align: top;
  margin-top: 15px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .aside
  .manager
  .t2 {
  font-size: 13px;
  color: #fff;
  line-height: 52px;
}

.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .aside
  .point {
  text-align: center;
  padding: 20px 0;
  background-color: #fff;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .aside
  .point
  .t1 {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  .state_team
  .aside
  .point
  .t2 {
  font-size: 30px;
  color: #011f51;
  line-height: 1.5;
  font-weight: bold;
}

.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager {
  padding: 20px 50px 50px 50px;
  position: relative;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .manager_info_wrap {
  display: flex;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .manager_info_wrap
  .manager_info {
  flex: 1 1 auto;
  margin-right: 13px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .manager_info_wrap
  .manager_info:last-child {
  margin: 0;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .manager_info_wrap
  .manager_info
  .t1 {
  font-size: 15px;
  color: #333333;
  line-height: 30px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .manager_info_wrap
  .manager_info
  input {
  height: 42px;
  border: 1px solid #c1c8cd;
  width: 100%;
  background-color: #f8f8f8;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 15px;
  color: #011f51;
  font-weight: 600;
  line-height: 40px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .advice {
  font-size: 13px;
  color: #999;
  margin-top: 10px;
  line-height: 1.5;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .btn_area {
  position: absolute;
  top: 109px;
  left: 547px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .btn_area
  button.btn_modify {
  width: 94px;
  height: 34px;
  line-height: 34px;
  background-color: #ff1d62;
  color: #ffffff;
  border-radius: 5px;
  margin-right: 5px;
  float: left;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .team_info
  > .manager
  .btn_area
  button.btn_refresh {
  width: 94px;
  height: 34px;
  line-height: 32px;
  color: #646464;
  border-radius: 5px;
  border: 1px solid #646464;
  float: left;
}

.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap {
  background-color: #f6f8f8;
  padding: 30px;
  border-top: 1px solid #e1e5e9;
  padding-top: 0;
  padding-bottom: 30px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  + .each_game_content_wrap {
  border-top: none;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  + .each_game_content_wrap
  .tit {
  margin-top: 0;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .tit {
  margin-top: 15px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #011f51;
  font-weight: 600;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s {
  background-color: #fff;
  overflow-y: auto;
  height: 210px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s
  .wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  line-height: 1.5;
  font-size: 13px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s
  .wrap
  strong {
  color: #ff1d62;
  font-size: 13px;
}

.esports_layer_popup.jointeam .layer_content .content .wrap .agreement {
  background-color: #f6f8f8;
  padding: 30px;
  padding-top: 0;
  padding-bottom: 20px;
}
.esports_layer_popup.jointeam .layer_content .content .wrap .agreement .prv {
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .prv
  strong {
  font-size: 20px;
  color: #ff1d62;
  font-weight: 700;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .prv
  span {
  font-size: 20px;
  color: #333333;
}
.esports_layer_popup.jointeam .layer_content .content .wrap .agreement .table {
  margin-top: 10px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table {
  table-layout: fixed;
  width: 100%;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  th {
  font-weight: 700;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  th,
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td {
  border: 1px solid #c1c8cd;
  background-color: #f8f8f8;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  color: #333;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td {
  background-color: #ffffff;
  height: 70px;
  line-height: 70px;
  font-size: 15px;
  color: #333;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td
  strong {
  font-size: 20px;
  color: #333;
}

.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap {
  position: relative;
  line-height: 70px;
  text-align: center;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox {
  display: none;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox
  + span {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/check2.png)
    0 0 no-repeat;
  vertical-align: top;
  margin-top: 24px;
  margin-right: 5px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox:checked
  + span {
  width: 24px;
  height: 24px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/check2.png)
    0 -24px no-repeat;
  vertical-align: top;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  label {
  font-size: 15px;
  color: #ff1d62;
  cursor: pointer;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .btn_area {
  text-align: center;
  padding-bottom: 30px;
}
.esports_layer_popup.jointeam
  .layer_content
  .content
  .wrap
  .agreement
  .btn_area
  button {
  width: 330px;
  height: 75px;
  line-height: 75px;
  color: #fefaef;
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    #ff2e9b 0%,
    #ff1a58 100%
  );
  font-weight: 500;
  border-radius: 75px;
  font-size: 30px;
}

.esports_layer_popup.searchteam .layer_content .content .wrap .team_info {
  height: 310px;
  width: 100%;
}
.esports_layer_popup.searchteam .layer_content .content .wrap .team_info .tit {
  font-size: 20px;
  color: #011f51;
  line-height: 60px;
  margin-top: 8px;
  text-align: center;
  font-weight: bold;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap {
  padding: 0 30px;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  .input_wrap {
  border: 10px solid #011f51;
  position: relative;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  input {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: 505px;
  box-sizing: border-box;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  button {
  color: #fff;
  width: 192px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
  text-align: center;
  background-color: #011f51;
}
.esports_layer_popup.searchteam .layer_content .content .wrap .result_wrap {
  padding: 50px 0;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .empty {
  padding-top: 150px;
  padding-bottom: 200px;
  color: #011f51;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
}

.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team {
  width: calc(100% - 60px);
  box-sizing: border-box;
  border: 2px solid #1883cf;
  margin: 0 auto;
  overflow: hidden;
  background-color: #f6f8f8;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .codename {
  width: calc(100% - 241px);
  float: left;
  height: 184px;
  box-sizing: border-box;
  border-right: 1px solid #c1c8cd;
  padding: 20px;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .codename
  .name {
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .codename
  .name
  .t1 {
  font-size: 15px;
  color: #333333;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .codename
  .name
  .t2 {
  font-size: 45px;
  color: #1883cf;
  font-weight: bold;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .codename
  .code {
  margin-top: 40px;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .codename
  .code
  .t1 {
  font-size: 15px;
  color: #333333;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .codename
  .code
  .t2 {
  font-size: 20px;
  color: #011f51;
  font-weight: bold;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .aside {
  width: 241px;
  float: left;
  height: 184px;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .aside
  .manager {
  line-height: 23px;
  text-align: center;
  border-bottom: 1px solid #c1c8cd;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .aside
  .manager
  .t1 {
  font-size: 13px;
  color: #fff;
  background-color: #1883cf;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .aside
  .manager
  .t2
  img {
  width: 20px;
  vertical-align: top;
  margin-top: 15px;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .aside
  .manager
  .t2 {
  font-size: 13px;
  color: #fff;
  line-height: 52px;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .aside
  .point {
  text-align: center;
  padding: 20px 0;
  background-color: #fff;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .aside
  .point
  .t1 {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .state_team
  .aside
  .point
  .t2 {
  font-size: 30px;
  color: #011f51;
  line-height: 1.5;
  font-weight: bold;
}

.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players {
  width: calc(100% - 60px);
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  background-color: #f6f8f8;
  display: flex;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player {
  height: 186px;
  flex: 1 1 auto;
  position: relative;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player
  .manager {
  line-height: 23px;
  text-align: center;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player
  .manager
  .t1 {
  font-size: 13px;
  color: #fff;
  background-color: #1883cf;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player
  .manager
  .t2
  img {
  width: 20px;
  vertical-align: top;
  margin-top: 15px;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player
  .manager
  .t2 {
  font-size: 13px;
  color: #fff;
  line-height: 52px;
  border: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player:last-child
  .manager
  .t2 {
  border-right: 1px solid #ccc;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player
  .point {
  text-align: center;
  padding: 20px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-right: none;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player:last-child
  .point {
  border-right: 1px solid #ccc;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player
  .point
  .t1 {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .player
  .point
  .t2 {
  font-size: 30px;
  color: #011f51;
  line-height: 1.5;
  font-weight: bold;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .btn_area {
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 24px);
  background-color: #fff;
  text-align: center;
  padding-top: 62px;
  box-sizing: border-box;
}
.esports_layer_popup.searchteam
  .layer_content
  .content
  .wrap
  .result_wrap
  .players
  .btn_join {
  width: 94px;
  height: 34px;
  line-height: 34px;
  background-color: #ff1d62;
  color: #ffffff;
  border-radius: 5px;
  margin-right: 5px;
}

.esports_layer_popup.joingame .layer_content .content .wrap .team_info {
  width: 100%;
}
.esports_layer_popup.joingame .layer_content .content .wrap .team_info .tit {
  font-size: 20px;
  color: #011f51;
  line-height: 60px;
  margin-top: 8px;
  text-align: center;
  font-weight: bold;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap {
  padding: 0 30px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  .input_wrap {
  border: 10px solid #011f51;
  position: relative;
  overflow: hidden;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  p {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: 505px;
  box-sizing: border-box;
  padding-left: 76px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .input_team_name_wrap
  .t1 {
  color: #fff;
  width: 66px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
  text-align: center;
  background-color: #011f51;
}

.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round {
  margin: 0 30px;
  background-color: #f6f8f8;
  padding: 10px 20px 20px 20px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap {
  display: flex;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector {
  flex: 0 0 50%;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector:first-child {
  margin-right: 10px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .t1 {
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .t1
  span {
  font-size: 15px;
  color: #333333;
  line-height: 30px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .t1
  strong {
  font-size: 15px;
  color: #ff1d62;
  line-height: 30px;
  margin-left: 5px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .select {
  width: 100%;
  position: relative;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .select
  .btn_select {
  width: 100%;
  border: 1px solid #011f51;
  box-sizing: border-box;
  height: 42px;
  padding: 0 20px;
  text-align: left;
  background-color: #fff;
  position: relative;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .select
  .btn_select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5.5px 0 5.5px;
  border-color: #011e51 transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  content: "";
}

.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector.active
  .select
  .btn_select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5.5px 10px 5.5px;
  border-color: transparent transparent #011e51 transparent;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  content: "";
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector.active
  .select
  .slt_list {
  display: block;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .select
  .slt_list {
  display: none;
  width: 100%;
  border: 1px solid #011f51;
  box-sizing: border-box;
  position: absolute;
  top: 41px;
  left: 0;
  background-color: #fff;
  z-index: 10;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .select
  .slt_list
  li {
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .select
  .slt_list
  li
  button {
  border-bottom: 1px solid #ddd;
  display: block;
  width: 100%;
  height: 42px;
  text-align: left;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .select_wrap
  .selector
  .select
  .slt_list
  li:last-child
  button {
  border-bottom: none;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .select_round
  .advice {
  margin-top: 10px;
  color: #ff1d62;
  font-size: 13px;
  line-height: 1.5;
}

.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager {
  padding: 20px 50px 50px 50px;
  position: relative;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap {
  display: flex;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap.players {
  margin-top: 30px;
  padding-top: 20px;
  position: relative;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap.players:before {
  border-top: 1px dashed #c1c8cd;
  position: absolute;
  top: 0;
  left: -10px;
  width: calc(100% + 20px);
  content: "";
}

.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap
  .manager_info {
  flex: 1 1 auto;
  margin-right: 13px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap
  .manager_info:last-child {
  margin: 0;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap
  .manager_info
  .t1 {
  font-size: 15px;
  color: #333333;
  line-height: 30px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .manager_info_wrap
  .manager_info
  input {
  border: 1px solid #c1c8cd;
  width: 100%;
  height: 42px;
  background-color: #f8f8f8;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 15px;
  color: #011f51;
  font-weight: 600;
  line-height: 40px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .advice {
  font-size: 13px;
  color: #999;
  margin-top: 10px;
  line-height: 1.5;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .btn_area {
  position: absolute;
  top: 109px;
  left: 529px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .btn_area
  button.btn_modify {
  width: 94px;
  height: 34px;
  line-height: 34px;
  background-color: #ff1d62;
  color: #ffffff;
  border-radius: 5px;
  margin-right: 5px;
  float: left;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .team_info
  .manager
  .btn_area
  button.btn_refresh {
  width: 94px;
  height: 34px;
  line-height: 32px;
  color: #646464;
  border-radius: 5px;
  border: 1px solid #646464;
  float: left;
}

.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .each_game_content_wrap {
  background-color: #f6f8f8;
  padding: 30px;
  border-top: 1px solid #e1e5e9;
  padding-top: 0;
  padding-bottom: 30px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  + .each_game_content_wrap {
  border-top: none;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  + .each_game_content_wrap
  .tit {
  margin-top: 0;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .tit {
  margin-top: 15px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #011f51;
  font-weight: 600;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s {
  background-color: #fff;
  overflow-y: auto;
  height: 210px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s
  .wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  line-height: 1.5;
  font-size: 13px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .each_game_content_wrap
  .inner_s
  .wrap
  strong {
  color: #ff1d62;
  font-size: 13px;
}

.esports_layer_popup.joingame .layer_content .content .wrap .agreement {
  background-color: #f6f8f8;
  padding: 30px;
  padding-top: 0;
  padding-bottom: 20px;
}
.esports_layer_popup.joingame .layer_content .content .wrap .agreement .prv {
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .prv
  strong {
  font-size: 20px;
  color: #ff1d62;
  font-weight: 700;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .prv
  span {
  font-size: 20px;
  color: #333333;
}
.esports_layer_popup.joingame .layer_content .content .wrap .agreement .table {
  margin-top: 10px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table {
  table-layout: fixed;
  width: 100%;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  th {
  font-weight: 700;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  th,
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td {
  border: 1px solid #c1c8cd;
  background-color: #f8f8f8;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  color: #333;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td {
  background-color: #ffffff;
  height: 70px;
  line-height: 70px;
  font-size: 15px;
  color: #333;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .table
  table
  td
  strong {
  font-size: 20px;
  color: #333;
}

.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap {
  position: relative;
  line-height: 70px;
  text-align: center;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox {
  display: none;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox
  + span {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/check2.png)
    0 0 no-repeat;
  vertical-align: top;
  margin-top: 24px;
  margin-right: 5px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  .checkbox:checked
  + span {
  width: 24px;
  height: 24px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/check2.png)
    0 -24px no-repeat;
  vertical-align: top;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .check_wrap
  label {
  font-size: 15px;
  color: #ff1d62;
  cursor: pointer;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .btn_area {
  text-align: center;
  padding-bottom: 30px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .btn_area
  button {
  width: 330px;
  height: 75px;
  line-height: 75px;
  color: #fefaef;
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    #ff2e9b 0%,
    #ff1a58 100%
  );
  font-weight: 500;
  border-radius: 75px;
  font-size: 30px;
}
.esports_layer_popup.joingame
  .layer_content
  .content
  .wrap
  .agreement
  .btn_area
  button.cancel {
  width: 330px;
  height: 75px;
  line-height: 75px;
  color: #fefaef;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_cancel_after_pop.png)
    0 0 no-repeat;
  font-weight: 500;
  border-radius: 75px;
  font-size: 0;
}

.join .wrap {
  overflow: hidden;
}
.join .wrap .game_wrap {
  width: 770px;
  float: left;
  margin-right: 40px;
}
.join .wrap .game_wrap .each_game {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  line-height: 1.3;
  margin-bottom: 10px;
  overflow: hidden;
}
.join .wrap .game_wrap .each_game .tit_wrap {
  padding: 30px;
  padding-left: 245px;
  position: relative;
  min-height: 245px;
  box-sizing: border-box;
}
.join .wrap .game_wrap .each_game .tit_wrap .thumb {
  border: 1px solid #cccccc;
  width: 184px;
  height: 184px;
  position: absolute;
  top: 30px;
  left: 30px;
}
.join .wrap .game_wrap .each_game .tit_wrap .thumb img {
  width: 184px;
}
.join .wrap .game_wrap .each_game .tit_wrap .thumb .tag {
  position: absolute;
  top: -13px;
  left: -10px;
  padding: 0 15px;
  line-height: 23px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 23px;
  overflow: hidden;
}
.join .wrap .game_wrap .each_game .tit_wrap .thumb .tag.active {
  background-color: #5395ff;
}
.join .wrap .game_wrap .each_game .tit_wrap .thumb .tag.disable {
  background-color: #adb5c2;
}
.join .wrap .game_wrap .each_game .tit_wrap .txt {
  font-size: 30px;
  color: #011f51;
  font-weight: 900;
  margin-top: 10px;
}
.join .wrap .game_wrap .each_game .tit_wrap .desc {
  font-size: 15px;
  color: #333333;
  margin-top: 10px;
  margin-bottom: 20px;
}
.join .wrap .game_wrap .each_game .tit_wrap dl {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-left: 14px;
  margin-bottom: 8px;
  font-size: 0;
  line-height: 0;
}
.join .wrap .game_wrap .each_game .tit_wrap dl:last-child {
  margin-bottom: 0;
}
.join .wrap .game_wrap .each_game .tit_wrap dl:after {
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #484848;
  content: "";
}
.join .wrap .game_wrap .each_game .tit_wrap dl dt {
  display: block;
  padding-bottom: 4px;
  font-size: 14px;
  color: #484848;
  line-height: 18px;
}
.join .wrap .game_wrap .each_game .tit_wrap dl dd {
  display: block;
  font-size: 14px;
  color: #999;
  line-height: 18px;
}

.join .wrap .game_wrap .each_game .each_game_content_wrap {
  position: relative;
  background-color: #f6f8f8;
  padding: 30px;
  border-top: 1px solid #e1e5e9;
  padding-top: 0;
  padding-bottom: 40px;
}
.join .wrap .game_wrap .each_game .each_game_content_wrap .btn_rule {
  z-index: 4;
  position: absolute;
  right: 30px;
  top: 26px;
  width: 93px;
  height: 26px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_rule.png)
    0 0 no-repeat;
}
.join .wrap .game_wrap .each_game .each_game_content_wrap .tit {
  margin-top: 15px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #011f51;
  font-weight: 600;
}
.join .wrap .game_wrap .each_game .each_game_content_wrap .inner_s {
  background-color: #fff;
  overflow-y: auto;
  height: 400px;
}
.join .wrap .game_wrap .each_game .each_game_content_wrap .inner_s .wrap {
  width: 100%;
}
.join .wrap .game_wrap .each_game .each_game_content_wrap .button {
  padding-top: 30px;
}
.join .wrap .game_wrap .each_game .each_game_content_wrap .btn_join {
  display: block;
  margin: auto;
  width: 240px;
  height: 58px;
  font-size: 18px;
  color: #fefaef;
  letter-spacing: 0;
  text-align: center;
  background: linear-gradient(
    180deg,
    rgba(185, 196, 204, 1) 0%,
    #ff2e9b 0%,
    #ff1a58 100%
  );
  font-weight: bold;
  border-radius: 64px;
}
.join .wrap .game_wrap .each_game .each_game_content_wrap .btn_join.done {
  display: block;
  margin: auto;
  width: 240px;
  height: 58px;
  font-size: 0;
  color: #fefaef;
  letter-spacing: 0;
  text-align: center;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_cancel_after.png)
    0 0 no-repeat;
  font-weight: bold;
  border-radius: 64px;
}

.join .wrap .aside_wrap {
  width: calc(100% - 810px);
  float: right;
  position: relative;
}
.join .wrap .aside_wrap .state_box {
  padding: 4px;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  background-color: #1883cf;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.join .wrap .aside_wrap .stick_wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: top 0.5s ease;
}

.join .wrap .aside_wrap .before_coach {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  height: 780px;
  background-color: #fff;
  text-align: center;
  padding-top: 350px;
}
.join .wrap .aside_wrap .before_coach .txt {
  font-size: 20px;
  color: #1883cf;
  line-height: 1.5;
}
.join .wrap .aside_wrap .before_coach .desc {
  font-size: 15px;
  color: #1883cf;
  line-height: 1.5;
}
.join .wrap .aside_wrap .before_login {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  height: 780px;
  background-color: #fff;
  text-align: center;
  padding-top: 330px;
}
.join .wrap .aside_wrap .before_login .txt {
  font-size: 20px;
  color: #1883cf;
  line-height: 1.5;
  margin-bottom: 20px;
}
.join .wrap .aside_wrap .before_login .btn_login {
  display: inline-block;
  width: 218px;
  height: 50px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/btn_login.png)
    0 0 no-repeat;
}
.join .wrap .aside_wrap .state_box_wrap {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  position: relative;
}
.join .wrap .aside_wrap .state_box_wrap .coach_state {
  width: 100%;
  background-color: #fff;
  height: 340px;
  margin: 0 auto;
  border-radius: 4px;
}
.join .wrap .aside_wrap .state_box_wrap .coach_state .tit {
  position: relative;
  padding-top: 27px;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 20px;
}
.join .wrap .aside_wrap .state_box_wrap .coach_state .txt {
  position: relative;
  font-size: 15px;
  color: #999999;
}
.join .wrap .aside_wrap .state_box_wrap .coach_state .name {
  position: relative;
  font-size: 30px;
  color: #1883cf;
  font-weight: 600;
}
.join .wrap .aside_wrap .state_box_wrap .coach_state .score_box {
  width: 374px;
  margin: 0 auto;
  position: relative;
}
.join .wrap .aside_wrap .state_box_wrap .coach_state .score_box:after {
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 13px 5px;
  border-color: transparent transparent #1883cf transparent;
}
.join .wrap .aside_wrap .state_box_wrap .coach_state .score_box .state_wrap {
  width: 374px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  > div {
  flex: 0 0 50%;
  position: relative;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  > div:after {
  position: absolute;
  bottom: 19px;
  right: 0;
  border-right: 1px dashed #d8dcdf;
  content: "";
  height: 53px;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  > div:last-child:after {
  display: none;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .txt {
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-color: #1883cf;
  height: 55px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .txt
  span {
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .txt
  span
  strong {
  font-size: 15px;
  line-height: 1.5;
  color: #f1f800;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .num {
  font-size: 25px;
  line-height: 1.5;
  color: #00245d;
  text-align: center;
  height: 93px;
  line-height: 93px;
  font-weight: 800;
  color: #000;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .join
  .num
  strong {
  font-size: 25px;
  color: #00245d;
  font-weight: 800;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .succ
  .num
  strong {
  font-size: 25px;
  color: #00245d;
  font-weight: 800;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .coach_state
  .score_box
  .state_wrap
  .rate
  .num
  strong {
  font-size: 25px;
  color: #00245d;
  font-weight: 800;
}

.join .wrap .aside_wrap .state_box_wrap .coach_state .date_box {
  text-align: center;
  font-size: 15px;
  color: #999999;
  line-height: 70px;
}

.join .wrap .aside_wrap .state_box_wrap .team_state {
  padding: 20px;
  line-height: 1.5;
  padding-bottom: 0;
}

.join .wrap .aside_wrap .state_box_wrap .btn_refresh {
  z-index: 10;
  position: absolute;
  top: 354px;
  right: 8px;
  width: 84px;
  height: 25px;
  line-height: 25px;
  color: #000;
  background-color: #00e5ff;
  box-sizing: border-box;
  border-radius: 3px;
}
.join .wrap .aside_wrap .state_box_wrap .btn_refresh span {
  vertical-align: top;
  margin-top: 6px;
  margin-right: 5px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .advice_wrap {
  position: relative;
  text-align: center;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .advice_wrap .tit {
  color: #00deff;
  font-size: 20px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .advice_wrap .txt {
  color: #fff;
  font-size: 15px;
  letter-spacing: -1px;
  margin-top: 10px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .advice_wrap .name {
  color: #fff;
  font-size: 25px;
  letter-spacing: -1px;
  font-weight: 600;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .advice_wrap .code {
  color: #fff;
  font-size: 15px;
  letter-spacing: -1px;
}

.join .wrap .aside_wrap .state_box_wrap .team_state .team_platers {
  width: 100%;
  margin-top: 20px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .team_platers .player {
  margin-bottom: 5px;
  height: 55px;
  background-color: #1472b4;
  padding: 0 20px;
  color: #00deff;
  border: 2px solid transparent;
  border-radius: 5px;
  position: relative;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .team_state
  .team_platers
  .player.leader {
  background-color: #0d4e91;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .team_platers .player.me {
  border: 2px solid #fcff00;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .team_state
  .team_platers
  .player
  .name {
  display: inline-block;
  width: 100px;
  text-align: left;
  color: #00deff;
  font-size: 15px;
  line-height: 55px;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .team_state
  .team_platers
  .player
  .coach {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 55px;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .team_state
  .team_platers
  .player
  .coach
  .thumb {
  vertical-align: top;
  margin-top: 17px;
  margin-right: 5px;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .team_state
  .team_platers
  .player
  .coach
  .thumb
  img {
  width: 20px;
  vertical-align: top;
}
.join
  .wrap
  .aside_wrap
  .state_box_wrap
  .team_state
  .team_platers
  .player
  .kick {
  width: 58px;
  height: 25px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/kick.png)
    0 0 no-repeat;
  position: absolute;
  top: 15px;
  right: 15px;
}

.join .wrap .aside_wrap .state_box_wrap .team_state .btn_area {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 15px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .btn_area .btn_del {
  width: 218px;
  height: 50px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/del.png)
    0 0 no-repeat;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .btn_area .btn_out {
  width: 218px;
  height: 50px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/out.png)
    0 0 no-repeat;
}

.join .wrap .aside_wrap .state_box_wrap .team_state .selector {
  margin-top: 20px;
  margin-bottom: 20px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .selector > div {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .selector .tit {
  font-size: 15px;
  color: #00deff;
  font-weight: 600;
  margin-bottom: 10px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .selector li {
  font-size: 13px;
  color: #fff;
  position: relative;
  padding-left: 8px;
  max-width: 200px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .selector li:after {
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  content: "";
  background-color: #fff;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .selector button {
  line-height: 35px;
  height: 35px;
  background-color: #00ebff;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 20px;
  border-radius: 35px;
  overflow: hidden;
  width: 95px;
  color: #00245d;
  font-size: 15px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .selector .make_team {
  background-color: #0d4e91;
  margin-bottom: 15px;
  height: 145px;
  box-sizing: border-box;
  padding: 20px;
}
.join .wrap .aside_wrap .state_box_wrap .team_state .selector .join_team {
  background-color: #1472b4;
  margin-bottom: 15px;
  height: 145px;
  box-sizing: border-box;
  padding: 20px;
}

.join .wrap .aside_wrap .tab_list {
  width: 150px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -53px;
  z-index: 10;
}
.join .wrap .aside_wrap .tab_list ul {
  display: flex;
}
.join .wrap .aside_wrap .tab_list .tab {
  flex: 1 1 auto;
  margin-right: 2px;
  height: 6px;
  width: 52px;
  box-sizing: border-box;
  border-bottom: 3px solid #cad4e4;
  vertical-align: bottom;
}
.join .wrap .aside_wrap .tab_list .active .tab {
  border-bottom: 6px solid #ff1d62;
}

.videoframe.esports_layer_popup .layer_content {
  width: 988px;
  height: 556px;
  margin-left: -494px;
  padding: 0;
}
/* .videoframe.esports_layer_popup .layer_content .title{overflow: visible;background: #fff;border-radius: 0;height: 0;} */
/* .videoframe.esports_layer_popup .layer_content .title p{display: none;} */
/* .videoframe.esports_layer_popup .layer_content .btn_close{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220114_groundn_s867eywh/btn_close.png) 0 0 no-repeat;box-shadow: none;right: 0px;top:-60px;width: 43px;height: 43px;;} */
.videoframe.esports_layer_popup .layer_content .video {
  width: 988px;
  height: 556px;
  overflow: hidden;
}
.videoframe.esports_layer_popup .layer_content .video iframe {
  width: 989px;
  height: 100%;
}
.videoframe.esports_layer_popup .layer_content .content {
  border-radius: 0;
  height: 556px;
}

.imgframe.esports_layer_popup .layer_content {
  width: 988px;
  height: 556px;
  margin-left: -494px;
  padding: 0;
}
/* .imgframe.esports_layer_popup .layer_content .title{overflow: visible;background: #fff;border-radius: 0;height: 0;} */
/* .imgframe.esports_layer_popup .layer_content .title p{display: none;} */
/* .imgframe.esports_layer_popup .layer_content .btn_close{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220114_groundn_s867eywh/btn_close.png) 0 0 no-repeat;box-shadow: none;right: 0px;top:-60px;width: 43px;height: 43px;;} */
.imgframe.esports_layer_popup .layer_content .img {
  width: 988px;
  height: 556px;
  overflow: auto;
}
.imgframe.esports_layer_popup .layer_content .img img {
  width: 100%;
}
.imgframe.esports_layer_popup .layer_content .content {
  border-radius: 0;
  height: 556px;
}

.loading.layer_popup {
  z-index: 1030 !important;
}
.loading.layer_popup .content {
  z-index: 138 !important;
  box-shadow: none;
  border-radius: 0;
  border: none;
  background: transparent;
}
.loading.layer_popup .content ul {
  width: 128px;
  margin: 0 auto 48px auto;
}
.loading.layer_popup .content ul li {
  float: left;
  width: 24px;
  height: 24px;
  margin: 0 4px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 1);
  background-color: #ffffff;
}
.loading.layer_popup .content p:nth-child(2) {
  width: 100%;
  margin-bottom: 16px;
  font-size: 48px;
  line-height: 48px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 32px rgba(0, 0, 0, 1);
}
.loading.layer_popup .content p:nth-child(3) {
  width: 100%;
  font-size: 32px;
  line-height: 32px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 32px rgba(0, 0, 0, 1);
}
/* 영상 내용 영상 내용 카테고리 */

.sort_movie {
  width: 100%;
  position: relative;
}
.sort_movie .sort_movie_list > .tit {
  font-size: 30px;
  color: #111;
  line-height: 1.5;
  letter-spacing: -0.03em;
  font-weight: 400;
}
.sort_movie .sort_movie_list > .desc {
  position: relative;
  border-bottom: 3px solid #0bd3b6;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  letter-spacing: -0.03em;
  font-weight: 400;
  padding-bottom: 20px;
}
.sort_movie .sort_movie_list > .desc .count {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  letter-spacing: -0.03em;
  font-weight: 400;
}
.sort_movie .sort_movie_list > .content {
  position: relative;
  padding-top: 30px;
  height: 330px;
}
.sort_movie .sort_movie_list > .content .swiper-slide {
}
.sort_movie .sort_movie_list > .content .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.sort_movie .sort_movie_list > .content .swiper-slide .thumb {
  width: 300px;
  height: 170px;
  overflow: hidden;
  border-radius: 5px;
  background-color: #eee;
}
.sort_movie .sort_movie_list > .content .swiper-slide .thumb img {
  width: 100%;
}
.sort_movie .sort_movie_list > .content .swiper-slide .name {
  padding-top: 20px;
}
.sort_movie .sort_movie_list > .content .swiper-slide .name span {
  font-size: 15px;
  color: #666666;
  line-height: 1.5;
  width: 300px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.sort_movie .sort_movie_list > .content .btn_prev {
  position: absolute;
  top: 92px;
  left: -22px;
  width: 50px;
  height: 48px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/arr.png)
    0 0 no-repeat;
  z-index: 100;
  transform: rotate(-180deg);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}
.sort_movie .sort_movie_list > .content .btn_next {
  position: absolute;
  top: 92px;
  right: -22px;
  width: 50px;
  height: 48px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/arr.png)
    0 0 no-repeat;
  z-index: 100;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}

.sort_player {
  width: 100%;
  position: relative;
}

.sort_player .sort_player_list > .tit {
  font-size: 30px;
  color: #111;
  line-height: 1.5;
  letter-spacing: -0.03em;
  font-weight: 400;
  border-bottom: 3px solid #d64ed1;
  padding-bottom: 20px;
}
.sort_player .sort_player_list > .content {
  position: relative;
  padding-top: 5px;
  overflow: visible;
}
.sort_player .sort_player_list > .content:after {
  display: block;
  clear: both;
  content: "";
}
/* .sort_player .sort_player_list > .content .swiper-slide {
}

.sort_player .sort_player_list > .content .swiper-container {
  padding: 20px;
  padding-top: 0;;
  width: calc(100% + 40px);
  margin-left: -20px;;
  box-sizing: border-box;
} */

.sort_player .sort_player_list:nth-child(n + 2) {
  margin-top: 30px;
}
.sort_player .sort_player_list > .content .each_team_item {
  width: 146px;
  height: 230px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  position: relative;
  margin: 20px;
  margin-right: 8px;
  margin-left: 0;
  float: left;
}
.sort_player .sort_player_list > .content .each_team_item:nth-child(8n) {
  margin-right: 0;
}
.sort_player .sort_player_list > .content .each_team_item .thumb {
  text-align: center;
  padding-top: 23px;
  box-sizing: border-box;
}
.sort_player .sort_player_list > .content .each_team_item .thumb img {
  width: 130px;
}
.sort_player .sort_player_list > .content .each_team_item .name {
  position: absolute;
  height: 66px;
  line-height: 66px;
  box-sizing: border-box;
  padding: 0 20px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.sort_player .sort_player_list > .content .each_team_item .name span {
  color: #00102a;
  font-size: 14px;
  text-align: center;
  line-height: 66px;
  display: block;
}
.sort_player .sort_player_list > .content .each_team_item .btn_detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
}

.sort_player .sort_player_list > .content .btn_prev {
  position: absolute;
  top: 92px;
  left: -22px;
  width: 50px;
  height: 48px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/arr.png)
    0 0 no-repeat;
  z-index: 100;
  transform: rotate(-180deg);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}
.sort_player .sort_player_list > .content .btn_next {
  position: absolute;
  top: 92px;
  right: -22px;
  width: 50px;
  height: 48px;
  background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220401_esport_76fdh411v/arr.png)
    0 0 no-repeat;
  z-index: 100;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}

.openleague .tit.section .tab_list {
  height: 57px;
  background-color: #5493ff;
}
.openleague .tit.section .tab_list .wrap ul li.active a {
  background-color: #fff;
  color: #5493ff;
}

.league_banner {
  width: 100%;
  position: relative;
}
.league_banner_list {
  width: 100%;
  position: relative;
}
.league_banner_list li {
  width: 100%;
  height: 170px;
  background-color: #f0f6ff;
  border-radius: 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  padding-left: 688px;
  padding-top: 26px;
  padding-right: 30px;
}
.league_banner_list li a {
  width: 100%;
}
.league_banner_list li .thumb {
  width: 640px;
  height: 150px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  overflow: hidden;
  background-color: #eee;
}
.league_banner_list li .thumb img {
  width: 640px;
}
.league_banner_list li .tit {
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 25px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #000000;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.league_banner_list li .date {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #000000;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.league_banner_list li .desc span {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666666;
  width: 100%;
}