/* 字体引入 */
@font-face {
  font-family: "bc-bold";
  src: url("fonts/BarlowCondensed-Bold.ttf");
}
@font-face {
  font-family: "bc-medium";
  src: url("fonts/BarlowCondensed-Medium.ttf");
}
@font-face {
  font-family: "bc-regular";
  src: url("fonts/BarlowCondensed-Regular.ttf");
}
@font-face {
  font-family: "bc-semiBold";
  src: url("fonts/BarlowCondensed-SemiBold.ttf");
}
@font-face {
  font-family: "bc-black";
  src: url("fonts/BarlowCondensed-Black.ttf");
}
html {
  font-size: calc(100 / 2560 * 100vw);
}
body{
  font-size: .25rem;
}
html, body, .wraper {
  width: 100%;
  overflow-x: hidden;
  /* scroll-behavior: smooth; */
  background-color: #141e21;
  font-family: "bc-bold";
}
/* 移除图片文字备注 */
.t-indent{
  text-indent: -9999rem;
}
/* 文案阴影 */
.t-shadow {
  text-shadow: .03rem .03rem .05rem rgba(0, 0, 0, 0.2);
}
/* 元素隐藏 */
.e-hide{
  display: none !important;
}
/* 元素亮度 */
.e-brightness{
  filter: brightness(140%);
}
/* 元素置灰 */
.e-grayscale{
  filter: grayscale(100%) !important;
}
.pop_style {
  padding: .06rem .15rem;
  text-align: center;
  background-color: bisque;
  margin-bottom: .1rem;
}
/* 加载loader */
.loader{
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.loadericon {
  border: .08rem solid #a3a3a3; /* Light grey */
  border-top: .08rem solid #3498db; /* Blue */
  border-radius: 50%;
  width: .50rem;
  height: .50rem;
  animation: spin 1s linear infinite; /* Animation */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
    
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* 轻提示 */
.alert-message {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1010;
  border-radius: 0.1rem;
  padding: 0.2rem 0.3rem;
  font-size: 0.28rem;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.7);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* 版权背景 */
#afooter {
    margin: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #000;
    color: #ccc;
    padding: .50rem 0;
    line-height: 1.5;
    font-size: .24rem;
}

#afooter a {
    color: #ccc;
}

.langbox{
  width: 100%;
  height: .7rem;
  position: fixed;
  top: .58rem;
  z-index: 999;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  font-family: "bc-medium" !important;
}
.rules_btn{
  font-size: .4rem;
  color: #d1d6d4;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  margin: 0 .5rem;
  position: relative;
}
.line{
  display: block;
  width: .02rem;
  height: .37rem;
  background-color: #fff;
}
.text-box .log-show {
  display: block !important;
}
.text-box .text1 a,
.text-box .text2 a {
  display: block;
  color: #ffffff;
  background: conic-gradient(
    from 270deg at .1rem .38rem, transparent 0%, transparent 90deg, #ccbd54 90deg, #ccbd54 360deg
  );
  background-position: -.05rem .1rem;
  padding: 0 .2rem;
  /* border: .01rem solid #be5c48; */
  box-sizing: border-box;
}
.text-box .text1,
.text-box .text2 {
  display: none;
}
.text-box .text2 span {
  display: inline-block;
  font-size: .3rem;
  font-weight: 500;
  white-space: nowrap;
  color: #cfd1d1;
}
.text-box .text2 a {
  display: inline-block;
  min-width: 1.73rem;
  height: .6rem;
  /* background: url(../ossweb-img/log_btn_bg.png) 0 0/100% 100% no-repeat; */
  line-height: .6rem;
  text-align: center;
  font-size: .4rem;
  white-space: nowrap;
  margin-left: .3rem;
}
.text-box .text1{
  /* display: none; */
  min-width: 1.73rem;
  height: .6rem;
  /* background: url(../ossweb-img/log_btn_bg.png) 0 0/100% 100% no-repeat; */
  line-height: .6rem;
  text-align: center;
  font-size: .4rem;
  white-space: nowrap;
}
._langNav_{
  width: 3rem;
  font-size: .35rem;
}
._langNav_ li{
    padding: 0.08rem 0.2rem;
}
._langNav_ li.current{
  color: #ccbd54;
}
.nav-bar{
  width: 1.78rem;
  /* height: 3.46rem; */
  position: fixed;
  top: 5.3rem;
  right: 0;
  z-index: 990;
  background-color: #091313;
  border: .01rem solid #3a4d50;
}
.nav-bar .nav-i{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.nav-bar .uptop::after,
.nav-bar .nav-i i::after {
  content: '';
  width: 100%;
  height: .02rem;
  background-color: #8e8e8e;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.nav-bar .nav-i a:first-child i::after{
  display: none;
}
.nav-bar .uptop,
.nav-bar .nav-i i{
  font-family: "bc-bold"; 
  width: 1.78rem;
  height: 1.73rem;
  display: block;
  cursor: pointer;
  font-size: .3rem;
  color: #ffffff;
  text-align: center;
  position: relative;
  transition: all 200ms;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-bar .nav-i a > i.action{
  background-color: #3a4d50;
}

/* 背景相关 */
.BG-w{
  margin: 0 auto;
}
.bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7 {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.bg1{
  height: 29.98rem;
  background: url(../ossweb-img/bg1.jpg) 0 0/ 100% 100%  no-repeat;
  z-index: 5;
}
.bg2{
  height: 15.39rem;
  background: url(../ossweb-img/bg2.jpg) 0 0/ 100% 100% no-repeat; 
}
.bg3{
  height: 19.24rem;
  background: url(../ossweb-img/bg3.jpg) 0 0/100% 100% no-repeat;
}
.bg4{
  height: 10.36rem;
  background: url(../ossweb-img/bg4.jpg) 0 0/100% 100% no-repeat; 
}
.bg5{
  height: 19.5rem;
  background: url(../ossweb-img/bg5.jpg) 0 0/100% 100% no-repeat; 
}
.bg6{
  height: 12.62rem;
  background: url(../ossweb-img/bg6.jpg) 0 0/100% 100% no-repeat; 
}
.bg7{
  height: 12.62rem;
  background: url(../ossweb-img/bg7.jpg) 0 0/100% 100% no-repeat; 
}
.bg2 h2,.bg3 h2, .bg4 h2, .bg5 h2, .bg6 h2, .bg7 h2{
  width: 19.95rem;
  height: 1.09rem;
  /* position: absolute; */
  /* top: 0; */
  /* top: 1.13rem;
  left: 50%;
  transform: translateX(-50%); */
  margin: .75rem auto 0;
  background: url(../ossweb-img/title_bg.png) 0 0/100% 100% no-repeat; 
  line-height: 1rem;
  text-align: center;
  font-size: .8rem;
  font-family: "bc-semiBold";
  color: #c5d2c7;
  white-space: nowrap;
}
.bg4 h2 {
  margin: .63rem auto 0;
}
.bg3 h3 {
  width: 19.95rem;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  font-size: .6rem;
  font-family: "bc-semiBold";
  color: #c5d2c7;
  margin: 0rem auto 0;
  white-space: nowrap;
}
/* .bg4 h2{
}
.bg5 h2{
  background: url(../ossweb-img/title2.png) 0 0/100% 100% no-repeat; 
}
.bg6 h2{
  background: url(../ossweb-img/title3.png) 0 0/100% 100% no-repeat; 
}
.bg7 h2{
  background: url(../ossweb-img/title4.png) 0 0/100% 100% no-repeat; 
} */
.top-nav {
  width: 100%;
  height: 1rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 4.6rem;
}
.top-nav .logo {
  display: inline-block;
  width: 5.7rem;
  height: 1.5rem;
  background: url("../ossweb-img/logo.png") 0 0/100% 100% no-repeat;
  margin-top: .23rem;
  margin-left: .67rem;
  z-index: 1000;
}

.slogan {
  width: 25.6rem;
  height: 3.73rem;
  background: url("../ossweb-img/slogan/en.png") 0 0/100% 100% no-repeat;
  position: absolute;
  top: 9.84rem;
  /* left: calc(50% - .37rem); */
  left: 50%;
  transform: translateX(-50%);
}
.slogan[lang="en"] {background: url(../ossweb-img/slogan/en.png) 0 0/100% 100% no-repeat;}
.slogan[lang="de"] {background: url(../ossweb-img/slogan/de.png) 0 0/100% 100% no-repeat;}
.slogan[lang="es"] {background: url(../ossweb-img/slogan/es.png) 0 0/100% 100% no-repeat;}
.slogan[lang="ja"] {background: url(../ossweb-img/slogan/ja.png) 0 0/100% 100% no-repeat;}
.slogan[lang="pt-BR"] {background: url(../ossweb-img/slogan/pt-BR.png) 0 0/100% 100% no-repeat;}
.slogan[lang="ru"] {background: url(../ossweb-img/slogan/ru.png) 0 0/100% 100% no-repeat;}
.slogan[lang="zh-Hant"] {background: url(../ossweb-img/slogan/zh-Hant.png) 0 0/100% 100% no-repeat;}
.slogan[lang="fr"] {background: url(../ossweb-img/slogan/fr.png) 0 0/100% 100% no-repeat;}
.subtitle {
  width: 19.95rem;
  height: 1.09rem;
  position: absolute;
  top: 11.96rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(../ossweb-img/subtitle_bg.png) 0 0/100% 100% no-repeat; 
  line-height: 1.09rem;
  text-align: center;
  font-size: .8rem;
  font-family: "bc-semiBold";
  color: #aebcb3;
}
.police_line {
  width: 25.60rem;
  height: 16.88rem;
  position: absolute;
  top: 3.62rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(../ossweb-img/police_line.png) 0 0/100% 100% no-repeat; 
}


.progress {
  width: 100%;
  position: absolute;
  top: 20.68rem;
  display: flex;
  justify-content: center;
}
.personal,
.faction {
  width: 10.24rem;
  height: 6.39rem;
  margin: 0 .16rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  border: .02rem solid rgba(214, 196, 135, 1);
  padding: .11rem .19rem;
  box-sizing: border-box;
}
.personal .bar,
.faction .bar {
  width: .03rem;
  background-color: #a9b75f;
  position: absolute;
  top: .11rem;
  left: 4.64rem;
}
.personal .content,
.faction .content {
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.personal .title_box,
.faction .title_box {
  width: 3.32rem;
  /* height: 6.17rem; */
  background: repeating-linear-gradient(
    to bottom,
    #151e1e 0px,
    #151e1e 3px, 
    #202929 3px,
    #202929 6px
  );
  border: .03rem solid rgba(130, 162, 167, 0.5);
  box-sizing: border-box;
  padding: 0 .23rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.title_box h2,
.title_box h2 {
  width: 100%;
  font-size: .6rem;
  color: #cfd1d1;
  text-align: center;
  padding-bottom: .35rem;
  position: relative;
}
.title_box h2::after,
.title_box h2::after {
  content: '';
  width: 100%;
  height: .01rem;
  background-color: #7c9ea3;
  position: absolute;
  bottom: 0;
  left: 0;
}
.title_box p,
.title_box p {
  padding-top: .35rem;
  font-size: .5rem;
  color: #c5d2c7;
  text-align: center;
  line-height: .5rem;
  font-family: "bc-regular";
}
.personal .content li,
.faction .content li {
  width: 6.38rem;
  height: 1.42rem;
  background-color: rgba(122, 122, 122, 0.2);
  border: .02rem solid #c5d2c7;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: .97rem;
}
.personal .content li p,
.faction .content li p {
  color: #c5d2c7;
  line-height: .4rem;
  text-align: center;
}
.personal .content li p:first-child,
.faction .content li p:first-child {
  font-size: .39rem;
  position: absolute;
  top: .25rem;
  left: .2rem;
  font-family: "bc-medium";
}
.personal .content li p:last-child span:first-child,
.faction .content li p:last-child span:first-child {
  font-size: .38rem;
  font-family: "bc-semiBold";
  /* margin-top: .6rem; */
}
.personal .content li p:last-child span,
.faction .content li p:last-child span {
  font-size: .33rem;
  font-family: "bc-regular";
}

.p_state1 .bar,
.f_state1 .bar {
  height: 1.42rem;
}
.p_state1 .content li:nth-child(-n+1),
.f_state1 .content li:nth-child(-n+1),
.p_state2 .content li:nth-child(-n+2),
.f_state2 .content li:nth-child(-n+2),
.p_state3 .content li:nth-child(-n+3),
.f_state3 .content li:nth-child(-n+3),
.p_state4 .content li:nth-child(-n+4),
.f_state4 .content li:nth-child(-n+4) {
  background-color: rgba(102, 135, 52, 0.5);
  border: .02rem solid #cbbc80;
  border-bottom: .12rem solid #cbbc80;
}
.p_state2 .bar,
.f_state2 .bar {
  height: 3rem;
}
.p_state2 .content li:nth-child(-n+2),
.f_state2 .content li:nth-child(-n+2) {
  background-color: rgba(102, 135, 52, 0.5);
}
.p_state3 .bar,
.f_state3 .bar {
  height: 4.56rem;
}
.p_state3 .content li:nth-child(-n+3),
.f_state3 .content li:nth-child(-n+3) {
  background-color: rgba(102, 135, 52, 0.5);
}
.p_state4 .bar,
.f_state4 .bar {
  height: 6.13rem;
}
.p_state4 .content li:nth-child(-n+4),
.f_state4 .content li:nth-child(-n+4) {
  background-color: rgba(102, 135, 52, 0.5);
}





.tube_progress {
  width: 24.28rem;
  height: 7.99rem;
  position: absolute;
  top: 11.42rem;
  left: calc(50% + .25rem);
  transform: translateX(-50%);
}
.bottle_body {
  width: 24.28rem;
  height: 6.04rem;
  background: url(../ossweb-img/progress_bar_bg.png) 0 0/100% 100% no-repeat;
  position: relative;
}
.fluid_content {
  width: 0;
  height: 2.43rem;
  position: absolute;
  top: 3.1rem;
  left: 1.49rem;
  overflow: hidden;
  /* transition: width 0.3s ease; */
}
.fluid {
  display: block;
  width: 19.01rem;
  height: 2.43rem;
  background: url(../ossweb-img/progress_bar_con.png) 0 0/100% 100% no-repeat;
}
.fluid_content.fluid_state0 {
  width: 0;
}
.fluid_content.fluid_state1 {
  width: 4.96rem;
}
.fluid_content.fluid_state2 {
  width: 10.42rem;
}
.fluid_content.fluid_state3 {
  width: 15.89rem;
}
.fluid_content.fluid_state4 {
  width: 19.01rem;
}

.title_progress {
  width: 20.8rem;
  height: 1.81rem;
  position: absolute;
  bottom: 0;
  left: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.title_progress li span{
  margin-top: .1rem;
  color: #cbbc80;
}
.title_progress li {
  width: 4.45rem;
  height: 1.81rem;
  background: repeating-linear-gradient(
    to bottom,
    #464646 0px,
    #464646 2px,
    #4f4f4f 2px,
    #4f4f4f 4px
  );
  border: .02rem solid rgba(214, 196, 135, 1);
  box-sizing: border-box;
  color: #c5d2c7;
  font-size: .4rem;
  font-family: "bc-semiBold";
  text-align: center;
  /* line-height: .45rem; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.title_progress li::after {
  content: '';
  display: block;
  width: .01rem;
  height: 4.62rem;
  border-right: .02rem dashed #ffe5ac;
  position: absolute;
  bottom: 0;
  right: -.54rem;
}
.title_progress li:last-child::after {
  border-right: none;
}
.title_progress.fluid_state0 li:nth-child(-n+0),
.title_progress.fluid_state1 li:nth-child(-n+1),
.title_progress.fluid_state2 li:nth-child(-n+2),
.title_progress.fluid_state3 li:nth-child(-n+3),
.title_progress.fluid_state4 li:nth-child(-n+4),
.title_progress.fluid_state5 li:nth-child(-n+5) {
  background: repeating-linear-gradient(
    to bottom,
    #3a4d50 0px,
    #3a4d50 2px,
    #445659 2px,
    #445659 4px
  );
}


.go_page_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: .3rem;
  flex-wrap: wrap;
}
.go_page_btn p {
  font-size: .4rem;
  color: #cfd1d1;
  text-align: center;
  margin: .1rem 0 .25rem;
}
.go_page_btn a {
  display: block;
  width: 7.99rem;
  height: 1.63rem;
  background: url(../ossweb-img/btn_bg1.png) 0 0/100% 100% no-repeat;
  font-size: .5rem;
  color: #243627;
  text-align: center;
  line-height: 1.63rem;
  margin: 0 .825rem;
}


.split_bar{
  width: 20.80rem;
  height: .26rem;
  background: url(../ossweb-img/line.png) 0 0/100% 100% no-repeat;
  margin: 0 auto 0;
}
/* .bg2 .split_bar{
  margin: .74rem auto 0;
} */
.team_show {
  width: 20.78rem;
  height: 12.2rem;
  background: url(../ossweb-img/team_bg.jpg) 0 0/100% 100% no-repeat;
  margin: .5rem auto 0;
  position: relative;
}
.bg2 h2 {
  margin: .53rem auto 0;
}
.team_container {
  width: max-content;
  position: absolute;
}
.team_info {
  display: flex;
  flex-direction: column;
  z-index: 1;
  position: absolute;
  /* top: .3rem; */
  left: 2.24rem;
  opacity: 0;
  transition: all .3s ease;
}
.team_container h3 {
  width: 1.09rem;
  height: .63rem;
  background-color: rgba(0, 0, 0, .5);
  line-height: .6rem;
  text-align: center;
  font-size: .5rem;
  color: #d4e0d6;
  position: absolute;
  transition: all .3s ease;
}
.num_one h3 {
  color: #feeaa6;
}
.team_info .team_name,
.team_info .team_data1,
.team_info .team_data2 {
  font-size: .38rem;
  color: #c5d2c7;
  font-family: "bc-regular";
  white-space: nowrap;
}

.team_info .team_data1 span:last-child,
.team_info .team_data2 span:last-child {
  font-family: "bc-bold";
}
.team_info .team_name {
  font-size: .415rem;
  font-family: "bc-bold";
  margin-top: .03rem;
  position: relative;
  padding-bottom: .05rem;
}
.team_info .team_name::after {
  content: '';
  width: 100%;
  height: .02rem;
  background-color: rgba(197, 210, 199, 0.3);
  position: absolute;
  bottom: 0rem;
  left: 0;
}
.team_info .team_data1 {
  margin-top: .02rem;
}
.team_info .team_data2 {
  margin-top: .1rem;
}
.team_info .join {
  margin-top: .15rem;
}

.team_info .join {
  width: 1.53rem;
  height: .38rem;
  background-color: #d6c487;
  font-size: .28rem;
  color: #243627;
  text-align: center;
  line-height: .38rem;
}



.team1 {
  width: 6.88rem;
  height: 3.83rem;
  top: .35rem;
  left: 6.9rem;
}
.team1 .team_info .join{
  margin-left: .5rem;
}
.team1 .team_info {
  top: .25rem;
}
.team1 h3 {
  top: 2.58rem;
  left: 2.73rem;
  z-index: 3;
}
.team1 img {
  width: 2.24rem;
  /* height: 3.14rem; */
  object-fit: contain;
  position: absolute;
  top: .27rem;
  left: 2.37rem;
  z-index: 2;
  transition: all .3s ease;
}
.team1 .team_info .team_name {
  padding-bottom: .15rem;
}
.team1 .team_info .team_data1 {
  margin-top: .15rem;
}
.team1 .team_info .team_data2 {
  margin-top: .2rem;
}
.team1.on {
  width: 6.88rem;
  height: 3.83rem;
  background: url(../ossweb-img/turntable_mask1.png) 0 0 /100% 100% no-repeat;
}
.team1 h3 {
  left: 3.9rem;
}
.team1 img {
  left: 3.54rem;
  z-index: 0;
}
.team1 .team_info {
  opacity: 1;
  left: 1.13rem;
}
/* .team1.on {
  width: 6.88rem;
  height: 3.83rem;
  background: url(../ossweb-img/turntable_mask1.png) 0 0 /100% 100% no-repeat;
}
.team1.on h3 {
  left: 3.9rem;
}
.team1.on img {
  left: 3.54rem;
  z-index: 0;
}
.team1.on .team_info {
  opacity: 1;
  left: 1.13rem;
} */



.team2 .team_info {
  text-align: right;
}

.team2 .team_info .join {
  /* margin-top: -.1rem; */
  margin-left: -.5rem;
}
.team2 {
  width: 6.43rem;
  height: 6.04rem;
  top: 1.77rem;
  left: 1.89rem;
}
.team2 .team_info {
  top: 2.35rem;
  left: 3rem;
}
.team2 h3 {
  top: 4.44rem;
  left: 3.18rem;
  z-index: 3;
}
.team2 img {
  /* width: 2.23rem; */
  /* height: 2.57rem; */
  height: 2.7rem;
  object-fit: contain;
  position: absolute;
  top: 2.52rem;
  left: 2.42rem;
  z-index: 2;
  transition: all .3s ease;
}
.team2 .team_info .team_name {
  padding-bottom: .15rem;
}
.team2 .team_info .team_data1 {
  margin-top: .15rem;
}
.team2 .team_info .team_data2 {
  margin-top: .2rem;
}
.team2.on {
  width: 6.43rem;
  height: 6.04rem;
  background: url(../ossweb-img/turntable_mask2.png) 0 0 /100% 100% no-repeat;
}
.team2 h3 {
  left: 4.62rem;
}
.team2 img {
  left: 3.87rem;
  z-index: 0;
}
.team2 .team_info {
  opacity: 1;
  left: 1.49rem;
}
/* .team2.on {
  width: 6.43rem;
  height: 6.04rem;
  background: url(../ossweb-img/turntable_mask2.png) 0 0 /100% 100% no-repeat;
}
.team2.on h3 {
  left: 4.62rem;
}
.team2.on img {
  left: 3.87rem;
  z-index: 0;
}
.team2.on .team_info {
  opacity: 1;
  left: 1.49rem;
} */



.team3 .team_info .join {
  /* margin-top: 0rem; */
  margin-left: 1.2rem;
}
.team3 {
  width: 6.43rem;
  height: 6.04rem;
  top: 1.77rem;
  right: 1.88rem;
}

.team3 .team_info {
  top: 2.2rem;
  left: 1.54rem;
}
.team3 h3 {
  top: 4.39rem;
  left: 2.35rem;
  z-index: 3;
}
.team3 img {
  /* width: 2.41rem; */
  height: 2.9rem;
  object-fit: contain;
  position: absolute;
  top: 2.4rem;
  left: 1.7rem;
  z-index: 2;
  transition: all .3s ease;
}
.team3 .team_info .team_name {
  padding-bottom: .15rem;
}
.team3 .team_info .team_data1 {
  margin-top: .15rem;
}
.team3 .team_info .team_data2 {
  margin-top: .2rem;
}
.team3.on {
  width: 6.43rem;
  height: 6.04rem;
  background: url(../ossweb-img/turntable_mask3.png) 0 0 /100% 100% no-repeat;
}
.team3 h3 {
  left: .99rem;
}
.team3 img {
  left: .33rem;
  z-index: 0;
}
.team3 .team_info {
  opacity: 1;
  left: 2.75rem;
}
/* .team3.on {
  width: 6.43rem;
  height: 6.04rem;
  background: url(../ossweb-img/turntable_mask3.png) 0 0 /100% 100% no-repeat;
}
.team3.on h3 {
  left: .99rem;
}
.team3.on img {
  left: .33rem;
  z-index: 0;
}
.team3.on .team_info {
  opacity: 1;
  left: 2.75rem;
} */





.team4 {
  width: 6.54rem;
  height: 4.19rem;
  top: 7.54rem;
  left: 3.35rem;
}
.team4 .team_info {
  top: .65rem;
  left: 1.69rem;
  text-align: right;
}
.team4 h3 {
  top: 3.18rem;
  left: 3.08rem;
  z-index: 3;
}
.team4 img {
  width: 2.28rem;
  /* height: 3.47rem; */
  object-fit: contain;
  position: absolute;
  top: .52rem;
  left: 2.49rem;
  z-index: 2;
  transition: all .3s ease;
}

.team4 .team_info .join {
  margin-left: auto;
}
.team4 .team_info .team_name {
  padding-bottom: .15rem;
}
.team4 .team_info .team_data1 {
  margin-top: .15rem;
}
.team4 .team_info .team_data2 {
  margin-top: .1rem;
}
.team4.on {
  width: 6.54rem;
  height: 4.19rem;
  background: url(../ossweb-img/turntable_mask4.png) 0 0 /100% 100% no-repeat;
}
.team4 h3 {
  left: 4.32rem;
}
.team4 img {
  left: 3.72rem;
  z-index: 0;
}
.team4 .team_info {
  opacity: 1;
  left: 1.25rem;
}
/* .team4.on {
  width: 6.54rem;
  height: 4.19rem;
  background: url(../ossweb-img/turntable_mask4.png) 0 0 /100% 100% no-repeat;
}
.team4.on h3 {
  left: 4.32rem;
}
.team4.on img {
  left: 3.72rem;
  z-index: 0;
}
.team4.on .team_info {
  opacity: 1;
  left: 1.25rem;
} */




.team5 {
  width: 6.54rem;
  height: 4.19rem;
  top: 7.54rem;
  right: 3.3rem;
}
.team5 .team_info {
  top: .67rem;
  left: 2.46rem;
}

.team5 h3 {
  top: 3.19rem;
  left: 2.24rem;
  z-index: 3;
}
.team5 img {
  width: 2.37rem;
  /* height: 3.34rem; */
  object-fit: contain;
  position: absolute;
  top: .56rem;
  left: 1.75rem;
  z-index: 2;
  transition: all .3s ease;
}
.team5 .team_info .team_name {
  padding-bottom: .15rem;
}
.team5 .team_info .team_data1 {
  margin-top: .15rem;
}
.team5 .team_info .team_data2 {
  margin-top: .1rem;
}
.team5.on {
  width: 6.54rem;
  height: 4.19rem;
  background: url(../ossweb-img/turntable_mask5.png) 0 0 /100% 100% no-repeat;
}
.team5 img {
  left: .49rem;
  z-index: 0;
}
.team5 .team_info {
  opacity: 1;
  left: 2.92rem;
}
.team5 h3 {
  left: .98rem;
}
/* .team5.on {
  width: 6.54rem;
  height: 4.19rem;
  background: url(../ossweb-img/turntable_mask5.png) 0 0 /100% 100% no-repeat;
}
.team5.on img {
  left: .49rem;
  z-index: 0;
}
.team5.on .team_info {
  opacity: 1;
  left: 2.92rem;
}
.team5.on h3 {
  left: .98rem;
} */


.table_nav {
  width: 20.8rem;
  height: 1rem;
  margin: .4rem auto 0;
  display: flex;
  justify-content: space-between;
}
.table_nav li a {
  display: block;
  width: 4rem;
  height: 1rem;
  background-color: #091313;
  border: .01rem solid #b3a471;
  border-bottom: none;
  box-sizing: border-box;
  color: #c5d2c7;
  font-size: .5rem;
  text-align: center;
  line-height: 1rem;
}
.table_nav li.on a {
  border: .01rem solid #ffeba7;
  border-bottom: none;
  background-color: #3a4d50;
}
.table_box {
  width: 20.8rem;
  /* height: 10.13rem; */
  border: .01rem solid #ffeba7;
  box-sizing: border-box;
  margin: 0 auto;
  padding: .31rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* 团队表格 */
.team_table {
  width: fit-content;
}
.team_table .ranking_title {
  width: 100%;
  height: 1.33rem;
  border: .02rem solid #7c9ea3;
  border-bottom: none;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.team_table .ranking_title h3 {
  width: max-content;
  text-align: center;
  font-size: .45rem;
  font-family: "bc-semiBold";
  color: #c5d2c7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.team_table .ranking_title img {
  min-width: 100%;
  height: 1.33rem;
  /* object-fit: cover;
  position: absolute; */
}
.team_table table {
  min-height: 7.36rem;
  border-collapse: collapse;
}
.team_table th:nth-child(1), .team_table td:nth-child(1) {
  width: 2.15rem;
}
.team_table th:nth-child(2), .team_table td:nth-child(2) {
  width: 4.35rem;
}
.team_table th:nth-child(3), .team_table td:nth-child(3) {
  width: 2.87rem;
}
.team_table th:nth-child(4), .team_table td:nth-child(4) {
  width: 2.57rem;
}
.team_table th,.team_table td {
  font-family: "bc-medium";
  max-width: 4.31rem;
  height: 1.05rem;
  max-height: 1.05rem;
  border: .02rem solid #7c9ea3;
  box-sizing: border-box;
  text-align: center;
  line-height: .35rem;
  vertical-align: middle;
  color: #c5d2c7;
  font-size: .3rem;
  background: repeating-linear-gradient(
    to bottom,
    #0a1414 0px,
    #0a1414 2px,
    #151e1e 2px,
    #151e1e 4px
  );
}
.team_table th {
  font-weight: unset;
}
.team_table .user_box {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  padding-right: .1rem;
}
.team_table .user_box p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.team_table .portrait {
  width: .94rem;
  height: .94rem;
  object-fit: contain;
  background-color: #c5d2c7;
  border-radius: 50%;
  margin-right: .24rem;
  margin-left: .84rem;
}
.pager {
  width: 100%;
  background: repeating-linear-gradient(
    to bottom,
    #0a1414 0px,
    #0a1414 2px,
    #151e1e 2px,
    #151e1e 4px
  );
  display: flex;
  justify-content: space-between;
  border: .02rem solid #7c9ea3;
  border-top: none;
  box-sizing: border-box;
  padding: .31rem 1.44rem;
  box-sizing: border-box;
}
.pager .prev,
.pager .next {
  width: 1.62rem;
  height: .38rem;
  text-align: center;
  line-height: .38rem;
  font-family: "bc-medium";
  background-color: #d6c487;
  font-size: .3rem;
  color: #243627;
}
.pager ul {
  height: .38rem;
  display: flex;
}
.pager ul li {
  font-family: "bc-medium";
  width: .38rem;
  height: 100%;
  color: #7c9ea3;
  text-align: center;
  line-height: .38rem;
  border: .01rem solid #d6c487;
  box-sizing: border-box;
  margin: 0 .025rem;
  vertical-align: auto;
}
.pager ul li.on {
  background-color: #3f5959;
  color: #ffeba7;
}



/* 个人表格 */
.personal_table {
  width: fit-content;
}
.personal_table .ranking_title {
  width: 100%;
  height: 1.33rem;
  border: .02rem solid #7c9ea3;
  border-bottom: none;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.personal_table .ranking_title h3 {
  width: max-content;
  text-align: center;
  font-size: .45rem;
  font-family: "bc-semiBold";
  color: #c5d2c7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.personal_table .ranking_title img {
  min-width: 100%;
  height: 1.33rem;
  /* object-fit: cover;
  position: absolute; */
}
.personal_table table {
  border-collapse: collapse;
}
.personal_table th:nth-child(1), .personal_table td:nth-child(1) {
  width: 1.27rem;
  max-width: 1.27rem;
}
.personal_table th:nth-child(2), .personal_table td:nth-child(2) {
  width: 2.97rem;
  max-width: 2.97rem;
}
.personal_table th:nth-child(3), .personal_table td:nth-child(3) {
  width: 1.93rem;
  max-width: 1.93rem;
}
.personal_table th:nth-child(4), .personal_table td:nth-child(4) {
  width: 1.81rem;
  max-width: 1.81rem;
}
.personal_table th,.personal_table td {
  font-family: "bc-medium";
  max-width: 2.95rem;
  height: 1.05rem;
  border: .02rem solid #7c9ea3;
  box-sizing: border-box;
  text-align: center;
  line-height: .35rem;
  vertical-align: middle;
  color: #c5d2c7;
  font-size: .3rem;
  background: repeating-linear-gradient(
    to bottom,
    #0a1414 0px,
    #0a1414 2px,
    #151e1e 2px,
    #151e1e 4px
  );
}
.personal_table td {
  height: 1.463rem;
}
.personal_table th {
  font-weight: unset;
}
.personal_table .user_box {
  display: flex;
  align-items: center;
  padding-right: .1rem;
}
.personal_table .user_box p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.personal_table .portrait {
  min-width: .94rem;
  width: .94rem;
  height: .94rem;
  object-fit: contain;
  background-color: #c5d2c7;
  border-radius: 50%;
  margin-right: .24rem;
  margin-left: .32rem;
}




/* 奖励表格 */
.reward_table {
  width: fit-content;
  margin-top: .34rem;
}
.reward_table table {
  border-collapse: collapse;
}
.reward_table td {
  width: 5.97rem;
}
.reward_table th,.reward_table td {
  font-family: "bc-semiBold";
  height: .8rem;
  border: .02rem solid #7c9ea3;
  box-sizing: border-box;
  text-align: center;
  line-height: .35rem;
  vertical-align: middle;
  color: #c5d2c7;
  font-size: .4rem;
  background: repeating-linear-gradient(
    to bottom,
    #0a1414 0px,
    #0a1414 2px,
    #151e1e 2px,
    #151e1e 4px
  );
}
.reward_table td {
  height: 1.463rem;
}
.reward_table th {
  font-weight: unset;
}
.reward_table .reward_box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .3rem;
  font-family: "bc-medium";
  padding: .3rem .25rem .32rem .2rem;
}
.reward_table .reward_img {
  width: 2.45rem;
  height: 2.45rem;
  background-color: #c5d2c7;
  margin-right: .25rem;
}




/* 奖金表格 */
.prize_table {
  width: fit-content;
  margin-top: .34rem;
}
.prize_table table {
  border-collapse: collapse;
}
.prize_table td {
  width: 5.97rem;
}
.prize_table th,.prize_table td {
  font-family: "bc-semiBold";
  height: .8rem;
  border: .02rem solid #7c9ea3;
  box-sizing: border-box;
  text-align: center;
  line-height: .35rem;
  vertical-align: middle;
  color: #c5d2c7;
  font-size: .4rem;
  background: repeating-linear-gradient(
    to bottom,
    #0a1414 0px,
    #0a1414 2px,
    #151e1e 2px,
    #151e1e 4px
  );
}
.prize_table td {
  height: 1.463rem;
}
.prize_table th {
  font-weight: unset;
}
.prize_table .prize_box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .3rem;
  font-family: "bc-medium";
  /* padding: .25rem .165rem .3rem; */
  padding: .3rem .165rem .3rem;
}
.prize_table .prize_box li {
  width: 4.48rem;
  height: .5rem;
  border: .02rem solid #7c9ea3;
  border-bottom: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .4rem;
  margin-top: -.01rem;
}
.prize_table .prize_box li:last-child {
  border-bottom: .02rem solid #7c9ea3;
}
.prize_table .prize_box p {
  width: 3.06rem;
  height: 2.46rem;
  display: flex;
  align-items: center;
  border: .02rem solid #7c9ea3;
  margin-left: .07rem;
  padding: .2rem;
  box-sizing: border-box;
}




.live_box {
  width: 20.8rem;
  border: .01rem solid #ffeba7;
  box-sizing: border-box;
  margin: .4rem auto 0;
  padding: .46rem .31rem;
  display: flex;
  justify-content: space-between;
}
.live_jump_reward{
  width: 11.42rem;
  height: 6.42rem;
  border: .01rem solid #ffeba7;
  background-color: #091313;
  background: url(../ossweb-img/live_bg.png) 0 0/100% 100% no-repeat;
  padding: .3rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}
.live_title {
  height: 4.5rem;
  max-width: 4rem;
  max-height: 4.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* margin-left: .25rem; */
}
.live_title p {
  color: #c5d2c7;
  font-size: .6rem;
  white-space: nowrap;
}
.live_title p:first-child {
  margin-top: .5rem;
}
.live_title p:last-child {
  font-size: .5rem;
  font-family: "bc-medium";
  margin-top: .2rem;
}
.live_url {
  display: block;
  width: 4.37rem;
  height: .82rem;
  background: url(../ossweb-img/btn_bg2.png) 0 0/100% 100% no-repeat;
  font-size: .41rem;
  color: #243627;
  font-family: "bc-medium";
  line-height: .82rem;
  padding-left: 1.21rem;
  box-sizing: border-box;
  position: relative;
  margin-bottom: .22rem;
  /* margin-left: .25rem; */
  white-space: nowrap;
}
.live_url::after {
  content: '';
  width: .6rem;
  height: .6rem;
  background: url(../ossweb-img/play_btn.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 50%;
  left: .4rem;
  transform: translateY(-50%);
}

.live_jump_reward ul{
  width: 4.24rem;
  height: 5.83rem;
  background: url(../ossweb-img/reward_bg.png) 0 0/100% 100% no-repeat;
  padding: .08rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.live_jump_reward ul li{
  width: 4.08rem;
  height: 1.83rem;
  background: url(../ossweb-img/reward_con_bg.png) 0 0/100% 100% no-repeat;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
  padding-right: .15rem;
  box-sizing: border-box;
}
.live_jump_reward ul li span,
.live_jump_reward ul li p {
  font-size: .3rem;
  color: #c5d2c7;
  font-family: "bc-regular";
}
.live_jump_reward ul li span{
  width: 1.79rem;
  height: .41rem;
  line-height: .41rem;
  margin-left: .22rem;
}
.live_jump_reward ul li p{
  margin-top: .35rem;
  margin-left: .22rem;
  max-width: 1.78rem;
  line-height: .35rem;
}
.live_jump_reward ul li img{
  width: 1.7rem;
  object-fit: contain;
  margin-top: .55rem;
}

.live_rule {
  width: 8.52rem;
  height: auto;
  border: .01rem solid #d6c487;
  background-color: #091313;
  padding: .22rem .2rem .22rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.live_rule img {
  /* width: 7.67rem; */
  width: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.live_rule h3 {
  color: #c5d2c7;
  font-size: .5rem;
  margin-left: .17rem;
}
.mySwiperSkillEH {
  overflow: hidden;
  /* margin-left: .17rem; */
}

.mySwiperSkillEH .swiper-wrapper,
.mySwiperSkillEH .swiper-slide {
  width: 100%;
  height: 5.3rem;
  color: #c5d2c7;
  position: relative;
}
.mySwiperSkillEH .swiper-slide .rule1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.mySwiperSkillEH p {
  font-size: .4rem;
  line-height: .36rem;
  text-align: justify;
}
.mySwiperSkillEH .swiper-slide p:last-child {
  font-size: .3rem;
  font-family: "bc-regular";
  margin-top: .2rem;
}
.control_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.control_box .swiper-button-prev-SkillEH::after,
.control_box .swiper-button-next-SkillEH::after{
  content: '';
}
.control_box .swiper-button-prev-SkillEH,
.control_box .swiper-button-next-SkillEH{
  width: 1.62rem;
  height: .38rem;
  text-align: center;
  line-height: .38rem;
  font-family: "bc-medium";
  background-color: #d6c487;
  font-size: .3rem;
  color: #243627;
  cursor: pointer;
}
.control_box .swiper-pagination-bullet {
  width: .13rem;
  height: .13rem;
  background: #48575b;
  border-radius: 50%;
  opacity: 1;
  transition: all 300ms;
  margin: 0 .1rem !important;
}

.control_box .swiper-pagination-bullet-active {
  background: #ffe5ac;
}


.map_box {
  width: 20.8rem;
  margin: .3rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.map_tip {
  width: 100%;
  max-width: 10.18rem;
  font-size: .4rem;
  line-height: .5rem;
  text-align: center;
  white-space: nowrap;
  color: #c5d2c7;
}
.map_tip:nth-child(2) {
  margin-bottom: .2rem;
}
.select_map,
.my_account {
  width: 10.18rem;
  min-height: 7.1rem;
  border: .01rem solid #ffeba7;
  box-sizing: border-box;
  padding: .29rem 0;
  display: flex;
  background-color: #091313;
}
.my_account {
  flex-direction: column;
  padding: .46rem .36rem .36rem;
}

.select_map {
  justify-content: space-between;
  position: relative;
}
.select_map .map_reward{
  width: 3.23rem;
  height: 3.23rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #c5d2c7;
  font-size: .3rem;
  line-height: .5rem;
  text-align: center;
  z-index: 4;
  white-space: nowrap;
}
.select_map .map_reward img{
  width: 1.7rem;
  object-fit: contain;
}
.select_map .map_option{
  width: 6.52rem;
  height: 6.52rem;
  margin: 0 auto;
  position: relative;
}
.select_map .map_option .farm_img:hover {
  transition: all 500ms;
  transform: scale(1.05);
  z-index: 2;
}
.select_map .map_option .valley_img:hover {
  transition: all 500ms;
  transform: scale(1.05);
  z-index: 2;
}
.select_map .map_option .airport_img:hover {
  transition: all 500ms;
  transform: scale(1.05);
  z-index: 2;
}
.select_map .map_option .farm_img {
  width: 3.29rem;
  height: 5.2rem;
  background: url(../ossweb-img/2.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 0rem;
  left: 3.23rem;
}
.select_map .map_option .valley_img {
  width: 5.34rem;
  height: 2.24rem;
  background: url(../ossweb-img/1.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 4.3rem;
  left: .6rem;
}
.select_map .map_option .airport_img {
  width: 3.29rem;
  height: 5.2rem;
  background: url(../ossweb-img/3.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
.select_map .map_tag {
  position: absolute;
  display: flex;
  z-index: 3;
}
.select_map .map_tag p{
  font-size: .4rem;
  font-family: "bc-semiBold";
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 3.58rem;
  height: .96rem;
  border: .02rem solid rgba(214, 196, 135, 0.7);
  box-sizing: border-box;
  color: #c5d2c7;
  text-align: center;
  line-height: .35rem;
  background: repeating-linear-gradient(
    to bottom,
    rgba(22, 1, 1, 0.6) 0px,
    rgba(22, 1, 1, 0.6) 1px,
    rgba(37, 37, 37, 0.6) 1px,
    rgba(37, 37, 37, 0.6) 2px
  );
}
.select_map .map_tag span{
  font-size: .3rem;
  font-family: "bc-regular";
}
.select_map .map_tag p:last-child{
  margin-left: .02rem;
  width: 1.03rem;
  height: .96rem;
  background: repeating-linear-gradient(
    to bottom, 
    rgba(12, 49, 54, 0.3) 0px,
    rgba(12, 49, 54, 0.3) 1px,
    rgba(84, 145, 155, 0.3) 1px,
    rgba(84, 145, 155, 0.3) 2px
  );
}

.select_map .map_tag.on p:first-child{
  background: repeating-linear-gradient(
    to bottom, 
    rgba(12, 49, 54, 0.3) 0px,
    rgba(12, 49, 54, 0.3) 1px,
    rgba(84, 145, 155, 0.3) 1px,
    rgba(84, 145, 155, 0.3) 2px
  );
}
.select_map .map_tag.on p:last-child{
  background: repeating-linear-gradient(
    to bottom,
    rgba(22, 1, 1, 0.6) 0px,
    rgba(22, 1, 1, 0.6) 1px,
    rgba(37, 37, 37, 0.6) 1px,
    rgba(37, 37, 37, 0.6) 2px
  );
}
.select_map .airport{
  top: .28rem;
  left: .19rem;
}
.select_map .farm {
  top: .61rem;
  left: 5.32rem;
}
.select_map .valley{
  top: 5.94rem;
  left: 5.24rem;
}


.my_account {
  color: #c5d2c7
}
.my_account h3 {
  font-size: .6rem;
  font-family: "bc-semiBold";
}
.my_account .value {
  font-size: .8rem;
  margin-top: .15rem;
  padding-bottom: .25rem;
  border-bottom: .01rem solid #3a4d50;
}
.my_account .describe {
  font-family: "bc-regular";
  font-size: .35rem;
  margin-top: .25rem;
  line-height: .43rem;
}
.my_account .bar_box {
  margin-top: .15rem;
  padding-bottom: .4rem;
  display: flex;
  justify-content: space-between;
  border-bottom: .01rem solid #3a4d50;
}
.my_account .bar_box .progress_bar {
  width: max-content;
  min-width: 6.98rem;
  padding: .02rem;
  border: .02rem solid #596f72;
  border-radius: .03rem;
  position: relative;
}
.my_account .bar_box .progress_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.my_account .bar_box .progress_bar span {
  display: block;
  height: .22rem;
  background-color: #596f72;
  border-radius: .03rem;
}
.my_account .bar_box p {
  max-width: 6.98rem;
  font-family: "bc-regular";
  font-size: .3rem;
  color: #929292;
  margin-top: .3rem;
}
.my_account .bar_box .reward_box p {
  margin-top: .1rem;
  color: #c5d2c7;
  text-align: center;
}
.my_account .bar_box .reward_box {
  width: 1.58rem;
}
.my_account .bar_box .reward_box img {
  width: 100%;
  height: .73rem;
  background-color: #0f1c1e;
  border: .02rem solid #596f72;
  padding: .08rem .18rem;
  box-sizing: border-box;
  object-fit: contain;
}
.my_account .join_btn {
  margin-top: auto;
  width: 9.47rem;
  height: .66rem;
  text-align: center;
  line-height: .66rem;
  background-color: #d6c487;
  font-size: .35rem;
  color: #243627;
}




.team_share_box {
  /* width: 20.8rem; */
  width: 21.04rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: .61rem auto 0;
}
.select_team,
.show_team {
  width: 10.18rem;
  border: .01rem solid #ffeba7;
  box-sizing: border-box;
  display: flex;
  background-color: #091313;
}
.select_team {
  margin-top: .7rem;
  flex-direction: column;
  align-items: center;
}
.select_team h3 {
  width: 10.14rem;
  height: 1.37rem;
  background: url(../ossweb-img/table_header_img3.png) 0 0/100% 100% no-repeat;
  text-align: center;
  font-size: .6rem;
  line-height: 1.37rem;
  font-family: "bc-semiBold";
  color: #c5d2c7;
  border-bottom: .01rem solid #ffeba7;
}
.teams_show {
  width: 10rem;
  height: 5.11rem;
  margin: .41rem .09rem .19rem;
}
.teams_show ul {
  display: flex;
  justify-content: space-between;
}
.teams_show li {
  width: 1.85rem;
  height: 5.11rem;
  background-color: #1e2b2d;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: .17rem;
  box-sizing: border-box;
  cursor: pointer;
}
.teams_show li:hover {
  background-color: #3a4d50;
}
.teams_show li.on  {
  background-color: #3a4d50;
}
.teams_show li img {
  width: 1.65rem;
  height: 3.26rem;
  border: .01rem solid #ffeba7;
}

.teams_show a {
  display: block;
  width: 1.46rem;
  height: .43rem;
  text-align: center;
  line-height: .43rem;
  background-color: #d6c487;
  font-size: .28rem;
  color: #243627;
  margin: 0 auto;
  white-space: nowrap;
}
.teams_show li .name{
  font-size: .28rem;
  color: #c5d2c7;
  font-family: "bc-medium";
}
.teams_show li .name {
  margin: .3rem 0 .2rem;
}


.show_team{
  width: 10.48rem;
}
.show_team img{
  width: 100%;
  object-fit: contain;
}




/* .share_ugc {
  width: 21.04rem;
  height: 12.26rem;
  margin: .41rem auto 0;
  display: unset;
  position: relative;
  padding: .9rem .85rem .4rem;
}
.share_ugc img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.share_ugc .share_info{
  position: absolute;
  z-index: 1;
} */


.share_ugc {
  width: 10.3rem;
  height: 14.56rem;
  /* background: url(../ossweb-img/ugc_bg.png) 0 0/100% 100% no-repeat; */
  margin-top: 1rem;
}
.not_log {
  width: 10.3rem;
  height: 14.56rem;
  background: url(../ossweb-img/ugc_bg2.png) 0 0/100% 100% no-repeat;
  position: relative;
}
.have_log {
  width: 10.3rem;
  height: 14.56rem;
  background: url(../ossweb-img/ugc_bg.png) 0 0/100% 100% no-repeat;
  position: relative;
}
.have_log .map,
.not_log .map {
  width: 4.84rem;
  height: 4.69rem;
  position: absolute;
  top: 2.63rem;
  left: 1.46rem;
}
.have_log .portrait {
  width: 4.22rem;
  height: 5.43rem;
  position: absolute;
  top: 2.12rem;
  left: 6.39rem;
}
.not_log .portrait {
  width: 4.22rem;
  height: 5.43rem;
  position: absolute;
  top: 2.12rem;
  left: 6.39rem;
}
.have_log .rank,
.not_log .rank {
  width: 1.95rem;
  object-fit: contain;
  position: absolute;
  top: 8.95rem;
  left: 7.5rem;
  transform: rotate(2deg); 
}
.have_log span,
.not_log span {
  display: block;
}
.have_log .map_title,
.not_log .map_title {
  width: 2.14rem;
  height: .38rem;
  background: url(../ossweb-img/map_name_bg.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 6.32rem;
  left: 1.67rem;
  color: #cecdcd;
  font-size: .25rem;
  text-align: center;
  line-height: .38rem;
  font-family: "bc-semiBold";
}
.have_log .map_title span,
.not_log .map_title span {
  white-space: nowrap;
  transform: rotate(2deg); 
}

.have_log .map_name {
  width: 2.5rem;
  height: .6rem;
  position: absolute;
  top: 6.77rem;
  left: 2rem;
  color: #15191d;
  font-size: .68rem;
  text-align: center;
  line-height: .6rem;
  white-space: nowrap;
}
.have_log .map_name span {
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: rotate(2deg) translateX(-50%);
}

.have_log .streamer_title,
.not_log .streamer_title {
  width: 1.74rem;
  height: .27rem;
  position: absolute;
  top: 6.74rem;
  left: 6.38rem;
  color: #cecdcd;
  font-size: .2rem;
  text-align: center;
  line-height: .27rem;
  font-family: "bc-semiBold";
  white-space: nowrap;
}
.have_log .streamer_title span,
.not_log .streamer_title span {
  transform: rotate(4deg); 
}


.have_log .streamer_name {
  width: 3.17rem;
  height: .89rem;
  position: absolute;
  top: 7rem;
  left: 6.24rem;
  color: #13161a;
  font-size: .53rem;
  text-align: center;
  line-height: .89rem;
  white-space: nowrap;
}
.have_log .streamer_name span {
  position: absolute;
  left: 50%;
  transform: rotate(5deg) translateX(-50%);
}

.have_log .operator_title,
.not_log .operator_title {
  width: 5rem;
  height: .6rem;
  position: absolute;
  top: 8.05rem;
  left: 2.25rem;
  color: #13161a;
  font-size: .43rem;
  text-align: left;
  line-height: .6rem;
  font-family: "bc-semiBold";
  white-space: nowrap;
}
.have_log .operator_title span,
.not_log .operator_title span {
  transform: rotate(3deg)
}

.not_log .tip_text {
  width: 5.19rem;
  height: 1.86rem;
  position: absolute;
  top: 9.6rem;
  left: 1.9rem;
  color: #13161a;
  font-size: .35rem;
  text-align: justify;
  line-height: .35rem;
  font-family: "bc-medium";
  padding: .22rem .3rem;
  box-sizing: border-box;
}
.not_log .tip_text span {
  transform: rotate(3deg)
}


.have_log .operator_name {
  width: 5rem;
  height: .9rem;
  position: absolute;
  top: 8.6rem;
  left: 2.15rem;
  color: #13161a;
  font-size: .85rem;
  text-align: center;
  line-height: .8rem;
  font-family: "bc-black";
}
.have_log .operator_name span {
  transform: rotate(3deg)
}

.have_log .value_title {
  width: 2.65rem;
  height: .35rem;
  position: absolute;
  top: 9.7rem;
  left: 1.99rem;
  color: #cecdcd;
  font-size: .26rem;
  text-align: center;
  line-height: .35rem;
  font-family: "bc-semiBold";
}
.have_log .value_title span {
  white-space: nowrap;
  transform: rotate(3deg); 
}

.have_log .value_num {
  width: 4.92rem;
  height: .97rem;
  position: absolute;
  top: 10.25rem;
  left: 2.06rem;
  color: #15191d;
  font-size: .98rem;
  text-align: center;
  line-height: .97rem;
}
.have_log .value_num span {
  white-space: nowrap;
  transform: rotate(4deg); 
}

.have_log .rank_title,
.not_log .rank_title {
  width: 1.72rem;
  height: .35rem;
  position: absolute;
  top: 8.32rem;
  left: 7.68rem;
  color: #13161a;
  font-size: .35rem;
  text-align: center;
  line-height: .35rem;
  font-family: "bc-semiBold";
  white-space: nowrap;
}
.have_log .rank_title span,
.not_log .rank_title span {
  transform: rotate(4deg)
}

.share_ugc .download {
  display: block;
  width: 5.31rem;
  height: .91rem;
  text-align: center;
  line-height: .91rem;
  font-family: "bc-medium";
  background-color: #d6c487;
  font-size: .53rem;
  color: #243627;
  margin: 0 auto;
}





.share_info h3 {
  font-size: .8rem;
  color: #c5d2c7;
  font-family: "bc-semiBold";
}
.share_info ul {
  margin-top: .5rem;
}
.share_info li {
  width: 13.31rem;
  font-size: .7rem;
  color: #c5d2c7;
  font-family: "bc-medium";
  padding: .2rem 0;
  padding-right: .5rem;
  box-sizing: border-box;
  border-bottom: .01rem solid rgba(214, 196, 135, 0.3);
  display: flex;
}
.share_info li span {
  margin-left: auto;
}
.share_info a {
  margin-top: .35rem;
  display: block;
  width: 19.32rem;
  height: 1.34rem;
  text-align: center;
  line-height: 1.34rem;
  background-color: #d6c487;
  font-size: .71rem;
  color: #243627;
}



.rewards_box {
  width: 21.04rem;
  /* flex-wrap: wrap; */
  justify-content: center;
  margin: .61rem auto 0;
  border: .01rem solid #ffeba7;
  box-sizing: border-box;
  padding: .29rem 0 .2rem;
  display: flex;
  background: repeating-linear-gradient(
    to bottom,
    #0a1414 0px,
    #0a1414 2px,
    #151e1e 2px,
    #151e1e 4px
  );
}
.pie_chart{
  width: max-content;
  color: #c5d2c7;
  margin: 0 1.5rem;
  position: relative;
}
.reward_progress {
  font-size: .5rem;
  text-align: center;
}
.reward_progress span {
  font-size: .7rem;
  font-family: "bc-medium";
}
.pie_chart .tip {
  width: 100%;
  font-size: .35rem;
  /* color: #929292; */
  font-size: .5rem;
  color: #c5d2c7;
  font-family: "bc-medium";
  text-align: center;
  position: absolute;
  top: 4.5rem;
}
#chart {
  width: 5.15rem;
  height: 5.15rem;
  margin: .4rem auto .2rem;
  border-radius: 50%;
  overflow: hidden;
}

.data_overview{
  /* width: 8.71rem; */
  color: #c5d2c7;
  font-size: .5rem;
  padding-top: .15rem;
  margin: 0 1.5rem;
}
.data_overview h3{
  margin-top: .3rem;
}
.personal_num{
  padding-bottom: .5rem;
  margin-top: 1rem;
  border-bottom: .01rem solid #2d3e40;
}
.total_num {
  margin-top: .5rem;
}
.personal_num,
.total_num {
  font-size: .5rem;
  line-height: .8rem;
}
.personal_num span:nth-child(2),
.total_num span:nth-child(2) {
  font-family: "bc-regular";
  font-size: .35rem;
  margin-right: .68rem;
  line-height: 1.6rem;
}
.personal_num span:last-child,
.total_num span:last-child {
  font-family: "bc-medium";
}
.total_num .num {
  margin-right: .2rem;
}
.personal_num .num,
.total_num .num {
  font-size: .7rem;
  font-family: "bc-bold";
}
















/* 弹窗 */
.pop-mask {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 997;
}
.pop {
  display: none;
  position: fixed;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.popbg1 {
  width: 12.27rem;
  height: 6.22rem;
  background: url(../ossweb-img/pop_bg.png) 0 0/100% 100% no-repeat;
}
.popbg2 {
  width: 12.27rem;
  height: 9.75rem;
  background: url(../ossweb-img/pop_bg2.png) 0 0/100% 100% no-repeat;
}
.pop .pop-btn-close{
  width: .31rem;
  height: .31rem;
  background: url(../ossweb-img/close.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: .14rem;
  right: .16rem;
}
.pop-title {
  width: 100%;
  height: 1.04rem;
  margin-top: .64rem;
  color: #c5d2c7;
  font-size: .5rem;
  line-height: 1.04rem;
  text-align: center;
  position: relative;
  white-space: nowrap;
}
.pop-title::after {
  content: '';
  width: 10.7rem;
  height: .03rem;
  background: url(../ossweb-img/pop_line.png) 0 0/100% 100% no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pop .pop-content p{
  font-size: .4rem;
  text-align: center;
  color: #c5d2c7;
  font-family: "bc-regular";
  line-height: .5rem;
}
.pop .pop-content{
  width: 100%;
  height: 3.18rem;
  /* position: absolute;
  top: 1.39rem;
  left: 50%;
  transform: translateX(-50%); */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .8rem;
  box-sizing: border-box;
}
.pop .btn_box{
  display: flex;
  justify-content: center;
}
.pop .pop_btn:hover{
  filter: brightness(120%);
}
.pop .pop_btn{
  display: block;
  width: 3.44rem;
  height: .69rem;
  background-color: #d6c487;
  color: #243627;
  font-size: .4rem;
  line-height: .65rem;
  text-align: center;
  font-family: "bc-medium";
  margin: 0 1.2rem;
  white-space: nowrap;
}
#join_team_pop .pop-content{
  width: 100%;
  height: auto;
}
#join_team_pop img {
  width: 11.53rem;
  height: 6.48rem;
  margin-top: .13rem;
  border: .01rem solid #ffeba7;
}
#join_team_pop .btn_box {
  margin-top: .24rem;
}
#join_team_pop2 .pop-content{
  width: 100%;
  height: auto;
}
#join_team_pop2 img {
  width: 11.53rem;
  height: 6.48rem;
  margin-top: 1.3rem;
  border: .01rem solid #ffeba7;
}
#join_team_pop2 .btn_box {
  margin-top: .5rem;
}


#common_pop .pop-content{
  margin-top: .64rem;
  height: 5.32rem;
}
#generated_pop .pop_btn,
#selections_pop .pop_btn {
  margin: 0 .25rem;
}
#no_available_pop .pop_btn {
  width: 5.76rem;
}


#ugc_share_pop {
  transform: scale(0.8) translate(-65%, -57%) !important;
}
#ugc_share_pop .pop-btn-close{
  top: -.51rem;
  right: .13rem;
}
#ugc_share_pop .share_box {
  display: flex;
}
#ugc_share_pop .team_info_bg {
  width: 8.98rem;
  height: 11.63rem;
  /* border: .02rem solid #ffe5ac; */
  /* 兼容写法 */
  outline: .01rem solid #ffe5ac; 
  display: flex;
  align-items: center;
  justify-content: center;
}
#ugc_share_pop .team_info_bg img {
  width: 8.98rem;
  height: 11.63rem;
}

.share_medium {
  /* width: 15.2rem;
  height: 1.53rem; */
  border: .01rem solid #ffe5ac;
  background-color: #091313;
  padding: 0 .53rem;
  padding: 1.5rem .47rem 0;
  box-sizing: border-box;
}
.share_medium p {
  color: #c5d2c7;
  font-size: .4rem;
  font-family: "bc-medium";
  margin-bottom: .35rem;
}
.share_medium .pop_btn {
  width: 4.97rem;
  height: .57rem;
  background-color: #d6c487;
  color: #243627;
  font-size: .4rem;
  line-height: .53rem;
  text-align: center;
  font-family: "bc-medium";
  margin: 0 0 .38rem;
}
.share_medium .btn_box{
  height: 8.75rem;
  display: flex;
  flex-direction: column;
}
.share_medium .btn_box .aposter{
  width: 5.15rem;
  height: .87rem;
  margin-top: auto;
  margin-bottom: 0;
  line-height: .87rem;
  font-family: "bc-bold";
  color: #223728;
}

.btn_box2 {
  width: 100%;
  height: .87rem;
  margin-top: .3rem;
  display: flex;
  justify-content: flex-end;
}
.btn_box2 .pop_btn {
  width: 2.88rem;
  height: .87rem;
  font-size: .4rem;
  line-height: .83rem;
  text-align: center;
  font-family: "bc-bold";
  margin: 0 0;
  margin-right: .5rem;
}
.btn_box2 .pop_btn:last-child {
  width: 5.15rem;
  margin-right: .3rem;
}



/* 分享海报 */
.layout-mask{
  width: 1501px;
  height: 1941px;
  background-color: #fff;
  position: absolute;
  top: 0;
  z-index : -1;
}
.layout-mask .poster-layout{
  width: 100%;
  height: 100%;
  z-index: -2;
}
.poster-layout>.poster_bg {
  width: 1501px;
  height: 1941px;
  background: url(../ossweb-img/poster_bg.jpg) 0 0/100% 100% no-repeat;
}
.poster_bg[lang="en"] {background: url(../ossweb-img/bag/en.jpg) 0 0/100% 100% no-repeat;}
.poster_bg[lang="de"] {background: url(../ossweb-img/bag/de.jpg) 0 0/100% 100% no-repeat;}
.poster_bg[lang="es"] {background: url(../ossweb-img/bag/es.jpg) 0 0/100% 100% no-repeat;}
.poster_bg[lang="ja"] {background: url(../ossweb-img/bag/ja.jpg) 0 0/100% 100% no-repeat;}
.poster_bg[lang="pt-BR"] {background: url(../ossweb-img/bag/pt-BR.jpg) 0 0/100% 100% no-repeat;}
.poster_bg[lang="ru"] {background: url(../ossweb-img/bag/ru.jpg) 0 0/100% 100% no-repeat;}
.poster_bg[lang="th"] {background: url(../ossweb-img/bag/th.jpg) 0 0/100% 100% no-repeat;}
.poster_bg[lang="fr"] {background: url(../ossweb-img/bag/fr.jpg) 0 0/100% 100% no-repeat;}
.poster_bg[lang="zh-Hant"] {background: url(../ossweb-img/bag/zh-Hant.jpg) 0 0/100% 100% no-repeat;}
.poster_bg .have_log {
  width: 1030px;
  height: 1456px;
  position: absolute;
  /* top: 143px;
  left: 369px; */
  top: 93px;
  left: 239px;
  background: none;
}
.poster-layout .have_log .map,
.poster-layout .not_log .map {
  width: 484px;
  height: 469px;
  position: absolute;
  top: 263px;
  left: 146px;
}
.poster-layout .have_log .portrait {
  width: 422px;
  height: 543px;
  position: absolute;
  top: 212px;
  left: 639px;
}
.poster-layout .not_log .portrait {
  width: 422px;
  height: 543px;
  position: absolute;
  top: 212px;
  left: 639px;
}
.poster-layout .have_log .rank,
.poster-layout .not_log .rank {
  width: 195px;
  object-fit: contain;
  position: absolute;
  top: 895px;
  left: 750px;
  transform: rotate(2deg); 
}
.poster-layout .have_log span,
.poster-layout .not_log span {
  display: block;
}
.poster-layout .have_log .map_title,
.poster-layout .not_log .map_title {
  width: 214px;
  height: 38px;
  background: url(../ossweb-img/map_name_bg.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 632px;
  left: 167px;
  color: #cecdcd;
  font-size: 25px;
  text-align: center;
  line-height: 38px;
  font-family: "bc-semiBold";
}
.poster-layout .have_log .map_title span,
.poster-layout .not_log .map_title span {
  white-space: nowrap;
  transform: rotate(2deg); 
}

.poster-layout .have_log .map_name {
  width: 250px;
  height: 60px;
  position: absolute;
  top: 677px;
  left: 200px;
  color: #15191d;
  font-size: 68px;
  text-align: center;
  line-height: 60px;
}
.poster-layout .have_log .map_name span {
  white-space: nowrap;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: rotate(2deg) translateX(-50%);
}

.poster-layout .have_log .streamer_title,
.poster-layout .not_log .streamer_title {
  width: 174px;
  height: 27px;
  position: absolute;
  top: 674px;
  left: 638px;
  color: #cecdcd;
  font-size: 20px;
  text-align: center;
  line-height: 27px;
  font-family: "bc-semiBold";
}
.poster-layout .have_log .streamer_title span,
.poster-layout .not_log .streamer_title span {
  white-space: nowrap;
  transform: rotate(4deg); 
}


.poster-layout .have_log .streamer_name {
  width: 317px;
  height: 89px;
  position: absolute;
  top: 700px;
  left: 624px;
  color: #13161a;
  font-size: 53px;
  text-align: center;
  line-height: 89px;
}
.poster-layout .have_log .streamer_name span {
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: rotate(5deg) translateX(-50%);
}

.poster-layout .have_log .operator_title,
.poster-layout .not_log .operator_title {
  width: 500px;
  height: 60px;
  position: absolute;
  top: 805px;
  left: 225px;
  color: #13161a;
  font-size: 43px;
  text-align: left;
  line-height: 60px;
  font-family: "bc-semiBold";
}
.poster-layout .have_log .operator_title span,
.poster-layout .not_log .operator_title span {
  white-space: nowrap;
  transform: rotate(3deg)
}

.poster-layout .not_log .tip_text {
  width: 519px;
  height: 186px;
  position: absolute;
  top: 960px;
  left: 190px;
  color: #13161a;
  font-size: 35px;
  text-align: justify;
  line-height: 35px;
  font-family: "bc-medium";
  padding: 22px 30px;
  box-sizing: border-box;
}
.poster-layout .not_log .tip_text span {
  transform: rotate(3deg)
}


.poster-layout .have_log .operator_name {
  width: 500px;
  height: 90px;
  position: absolute;
  top: 860px;
  left: 215px;
  color: #13161a;
  font-size: 85px;
  text-align: center;
  line-height: 80px;
  font-family: "bc-black";
}
.poster-layout .have_log .operator_name span {
  white-space: nowrap;
  transform: rotate(3deg)
}

.poster-layout .have_log .value_title {
  width: 265px;
  height: 35px;
  position: absolute;
  top: 970px;
  left: 199px;
  color: #cecdcd;
  font-size: 26px;
  text-align: center;
  line-height: 35px;
  font-family: "bc-semiBold";
  white-space: nowrap;
}
.poster-layout .have_log .value_title span {
  transform: rotate(3deg); 
}

.poster-layout .have_log .value_num {
  width: 492px;
  height: 97px;
  position: absolute;
  top: 1025px;
  left: 206px;
  color: #15191d;
  font-size: 98px;
  text-align: center;
  line-height: 97px;
  white-space: nowrap;
}
.poster-layout .have_log .value_num span {
  transform: rotate(4deg); 
}

.poster-layout .have_log .rank_title,
.poster-layout .not_log .rank_title {
  width: 172px;
  height: 35px;
  position: absolute;
  top: 832px;
  left: 768px;
  color: #13161a;
  font-size: 35px;
  text-align: center;
  line-height: 35px;
  font-family: "bc-semiBold";
}
.poster-layout .have_log .rank_title span,
.poster-layout .not_log .rank_title span {
  white-space: nowrap;
  transform: rotate(4deg)
}



#rules_pop .pop-content{
  width: 11.53rem;
  height: 7rem;
  position: absolute;
  top: 1.85rem;
  left: 50%;
  transform: translateX(-50%);
  display: unset;
  padding: 0 .62rem;
  box-sizing: border-box;
  overflow: auto;
}
#rules_pop .pop-content::-webkit-scrollbar {
  width: 0.1rem;
  height: 0rem;
}
#rules_pop .pop-content::-webkit-scrollbar-thumb {
/* 滑块部分 */
  background-color: #949799;
}
#rules_pop .pop-content::-webkit-scrollbar-track-piece {
/* ---轨道部分-- */
  background-color: #3d4042;
  background-repeat: no-repeat;
}
#rules_pop .pop-content p{
  text-align: left;
  line-height: .9rem;
}
#rules_pop .pop-content {
  color: #fff;
  font-size: .3rem;
}
#rules_pop .pop-content p {
  color: #fff;
  line-height: .9rem;
  font-weight: 500;
}
#rules_pop .pop-content span {
  color: #9a3324;
  line-height: .4rem;
}







.EN .team_info .join {
  font-size: .32rem;
}
.EN .personal .title_box,
.EN .faction .title_box {
  padding: 0 .3rem;
}

.JA .nav-bar .nav-i i {
  font-size: .24rem;
}
.JA .personal .content li p:last-child span:first-child,
.JA .faction .content li p:last-child span:first-child {
  font-size: .3rem;
}
.JA .personal .content li p:last-child span,
.JA .faction .content li p:last-child span {
  font-size: .26rem;
}

.JA .team_info .team_name,
.JA .team_info .team_data1,
.JA .team_info .team_data2 {
  font-size: .3rem;
}
.JA .reward_table .reward_box {
  font-size: .28rem;
}
.JA .prize_table .prize_box {
  font-size: .28rem;
}
.JA .live_url {
  font-size: .21rem;
}
.JA .live_jump_reward ul li span,
.JA .live_jump_reward ul li p {
  font-size: .24rem;
}
.JA #complete_pop .pop_btn {
  font-size: .34rem;
}
.JA .pie_chart .tip {
  font-size: .38rem;
}
.JA .select_map .map_reward p{
  font-size: .24rem;
}

 
.PT-BR .nav-bar .nav-i i {
  font-size: .26rem;
}
.PT-BR .personal .content li p:last-child span:first-child,
.PT-BR .faction .content li p:last-child span:first-child {
  font-size: .3rem;
}
.PT-BR .personal .content li p:last-child span,
.PT-BR .faction .content li p:last-child span {
  font-size: .26rem;
}
/* .PT-BR .team3.on .team_info {
  left: 2.3rem;
}
.PT-BR .team4.on .team_info {
  left: .9rem;
} */
.PT-BR .prize_table .prize_box p {
  font-size: .28rem;
}
.PT-BR .live_url {
  font-size: .28rem;
}
.PT-BR .live_jump_reward ul li span,
.PT-BR .live_jump_reward ul li p {
  font-size: .26rem;
}
.PT-BR .have_log .streamer_title,
.PT-BR .not_log .streamer_title {
  font-size: .18rem;
}
.PT-BR .poster-layout .have_log .streamer_title,
.PT-BR .poster-layout .not_log .streamer_title {
  font-size: 18px;
}
.PT-BR .teams_show a {
  font-size: .2rem;
}
.PT-BR .pie_chart .tip {
  font-size: .4rem;
}
.PT-BR .select_map .map_reward p{
  font-size: .24rem;
}
.PT-BR .live_title p {
  white-space: normal;
}
.PT-BR .team_table th,
.PT-BR .personal_table th {
  font-size: .22rem;
}
.PT-BR .team_info {
  max-width: 2.3rem;
}
.PT-BR .team_info .team_name,
.PT-BR .team_info .team_data1,
.PT-BR .team_info .team_data2 {
  font-size: .3rem;
  white-space: normal;
}


.RU .nav-bar .nav-i i {
  font-size: .24rem;
}
.RU .title_progress li {
  font-size: .3rem;
}

.RU .title_box p,
.RU .title_box p {
  font-size: .3rem;
}
.RU .personal .content li p:last-child span:first-child,
.RU .faction .content li p:last-child span:first-child {
  font-size: .22rem;
}
.RU .personal .content li p:last-child span,
.RU .faction .content li p:last-child span {
  font-size: .2rem;
}


.RU .team_info .team_name,
.RU .team_info .team_data1,
.RU .team_info .team_data2 {
  font-size: .3rem;
  white-space: normal;
}
.RU .team_info {
  max-width: 2.3rem;
}
.RU .team_info .join {
  margin-top: .1rem;
}
.RU .team_info .join {
  /* width: max-content; */
  width: 2rem;
  font-size: .2rem;
  padding: 0 .05rem;
  box-sizing: border-box;
}
.RU .team_info .join:last-child {
  white-space: normal;
  font-size: .2rem;
  line-height: .18rem;
  padding: 0 .05rem;
  box-sizing: border-box;
}
.RU .bg3 h3 {
  font-size: .45rem;
}
.RU .personal_table .ranking_title h3,
.RU .team_table .ranking_title h3 {
  font-size: .35rem;
}
.RU .team_table th,.RU .team_table td {
  font-size: .25rem;
}
.RU .reward_table th,.RU .reward_table td,
.RU .prize_table th,.RU .prize_table td {
  font-size: .28rem;
}
.RU .reward_table .reward_box,
.RU .prize_table .prize_box p {
  font-size: .18rem;
}
.RU .live_url {
  font-size: .28rem;
  white-space: normal;
  line-height: .26rem;
}
.RU .live_jump_reward ul li span{
  font-size: .26rem;
}
.RU .live_jump_reward ul li p {
  font-size: .2rem;
  line-height: .25rem;
}
.RU .teams_show a {
  font-size: .18rem;
}
.RU .have_log .map_title,
.RU .not_log .map_title {
  font-size: .2rem;
}
.RU .have_log .streamer_title,
.RU .not_log .streamer_title {
  font-size: .15rem;
}
.RU .have_log .value_title {
  font-size: .2rem;
}
.RU .poster-layout .have_log .map_title,
.RU .poster-layout .not_log .map_title {
  font-size: 20px;
}
.RU .poster-layout .have_log .streamer_title,
.RU .poster-layout .not_log .streamer_title {
  font-size: 15px;
}
.RU .poster-layout .have_log .value_title {
  font-size: 20px;
}

.RU .bg2 h2,.RU .bg3 h2, .RU .bg4 h2, .RU .bg5 h2, .RU .bg6 h2, .RU .bg7 h2{
  font-size: .5rem;
}
.RU .data_overview {
  font-size: .3rem;
}
.RU .personal_num, .RU .total_num {
  font-size: .3rem;
}
.RU .pop .pop_btn{
  white-space: normal;
  font-size: .28rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.RU .pop-title{
  font-size: .45rem;
}
.RU #notmet_pop .pop-title,
.RU #complete_pop .pop-title,
.RU #issue_pop .pop-title,
.RU #retry_pop .pop-title,
.RU #region_pop .pop-title,
.RU #verified_pop .pop-title,
.RU #unablejoin_pop .pop-title,
.RU #confirmation_pop .pop-title,
.RU #unlocked_pop .pop-title,
.RU #support_pop .pop-title,
.RU #unable_support_pop .pop-title,
.RU #contribution_pop .pop-title,
.RU #watch_pop .pop-title,
.RU #unable_join_region_pop .pop-title,
.RU #unablejoin_pop .pop-title {
  font-size: .36rem;
}
.RU #qualification_pop .pop-title{
  font-size: .34rem;
  white-space: normal;
  line-height: .48rem;

}
.RU .pie_chart .tip {
  font-size: .28rem;
}
.RU .select_map .map_reward p{
  white-space: normal;
  font-size: .26rem;
  line-height: .3rem;
}
.RU .live_title p {
  white-space: normal;
}
.RU .team_table th,
.RU .personal_table th {
  font-size: .26rem;
}
.RU .not_log .tip_text {
  font-size: .3rem;
}



.ZH-HANT .personal .content li p:last-child span:first-child,
.ZH-HANT .faction .content li p:last-child span:first-child {
  font-size: .3rem;
}
.ZH-HANT .personal .content li p:last-child span,
.ZH-HANT .faction .content li p:last-child span {
  font-size: .26rem;
}





.DE .personal .content li p:last-child span:first-child,
.DE .faction .content li p:last-child span:first-child {
  font-size: .3rem;
}
.DE .personal .content li p:last-child span,
.DE .faction .content li p:last-child span {
  font-size: .26rem;
}
.DE .team_info {
  max-width: 2.5rem;
}
.DE .team_info .team_name,
.DE .team_info .team_data1,
.DE .team_info .team_data2 {
  font-size: .3rem;
  white-space: normal;
}

.DE .reward_table .reward_box {
  font-size: .22rem;
}
.DE .prize_table .prize_box {
  font-size: .22rem;
}
.DE .live_url {
  font-size: .3rem;
}
.DE .live_jump_reward ul li span{
  font-size: .26rem;
}
.DE .live_jump_reward ul li p {
  font-size: .16rem;
}
.DE .have_log .streamer_title,
.DE .not_log .streamer_title {
  font-size: .17rem;
}
.DE .poster-layout .have_log .streamer_title,
.DE .poster-layout .not_log .streamer_title {
  font-size: 17px;
}
.DE .select_team h3 {
  font-size: .5rem;
}
.DE .teams_show a {
  font-size: .2rem;
}
.DE .pie_chart .tip {
  font-size: .46rem;
}
.DE .select_map .map_reward p{
  font-size: .28rem;
}
.DE .personal_num, .DE .total_num {
  font-size: .4rem;
}
.DE #retry_pop .pop-title,
.DE #unable_support_pop .pop-title {
  font-size: .46rem;
}
.DE #qualification_pop .pop-title {
  font-size: .4rem;
}
.DE #twitch_pop .pop_btn,
.DE #join_region_pop .pop_btn,
.DE #join_before_pop .pop_btn {
  font-size: .36rem;
}
.DE #support_pop .pop_btn {
  font-size: .32rem;
}
.DE .team_info .join:last-child {
  font-size: .26rem;
}




.ES .nav-bar .nav-i i {
  font-size: .26rem;
}
.ES .title_progress li {
  font-size: .35rem;
}
.ES .personal .content li p:last-child span:first-child,
.ES .faction .content li p:last-child span:first-child {
  font-size: .3rem;
}
.ES .personal .content li p:last-child span,
.ES .faction .content li p:last-child span {
  font-size: .26rem;
}
.ES .team_info {
  max-width: 2.5rem;
}
.ES .team_info .team_name,
.ES .team_info .team_data1,
.ES .team_info .team_data2 {
  font-size: .3rem;
  white-space: normal;
}

.ES .reward_table th,.ES .reward_table td,
.ES .prize_table th,.ES .prize_table td {
  font-size: .35rem;
}
.ES .reward_table .reward_box,
.ES .prize_table .prize_box p {
  font-size: .25rem;
}
.ES .live_url {
  font-size: .32rem;
}
.ES .live_jump_reward ul li span{
  font-size: .26rem;
}
.ES .live_jump_reward ul li p {
  font-size: .24rem;
}
.ES .have_log .streamer_title,
.ES .not_log .streamer_title {
  font-size: .18rem;
}
.ES .poster-layout .have_log .streamer_title,
.ES .poster-layout .not_log .streamer_title {
  font-size: 18px;
}

.ES #achieved_pop .pop_btn,
.ES #qualification_pop .pop_btn,
.ES #unlocked_pop .pop_btn {
  font-size: .3rem;
}
.ES .pie_chart .tip {
  font-size: .46rem;
}
.ES .live_title p {
  white-space: normal;
}
.ES .team_table th,
.ES .personal_table th {
  font-size: .24rem;
}





.FR .bg2 h2,.FR .bg3 h2, .FR .bg4 h2, .FR .bg5 h2, .FR .bg6 h2, .FR .bg7 h2{
  font-size: .6rem;
}
.FR .nav-bar .nav-i i {
  font-size: .26rem;
}
.FR .go_page_btn a {
  font-size: .45rem;
}
.FR .personal .content li p:last-child span:first-child,
.FR .faction .content li p:last-child span:first-child {
  font-size: .3rem;
}
.FR .personal .content li p:last-child span,
.FR .faction .content li p:last-child span {
  font-size: .26rem;
}
.FR .team_info {
  max-width: 2.5rem;
}
.FR .team_info .team_name,
.FR .team_info .team_data1,
.FR .team_info .team_data2 {
  font-size: .3rem;
  white-space: normal;
}
.FR .reward_table .reward_box,
.FR .prize_table .prize_box p {
  font-size: .25rem;
}
.FR .live_url {
  font-size: .25rem;
  white-space: normal;
  line-height: .4rem;
}
.FR .live_jump_reward ul li span{
  font-size: .2rem;
}
.FR .live_jump_reward ul li p {
  font-size: .26rem;
}
.FR .teams_show a {
  font-size: .18rem;
  white-space: normal;
  line-height: .18rem;
  padding: .04rem;
  box-sizing: border-box;
}
.FR .data_overview {
  font-size: .5rem;
}
.FR .personal_num, .FR .total_num {
  font-size: .4rem;
}
.FR .pop .pop_btn {
  font-size: .35rem;
}
.FR #qualification_pop .pop-title {
  font-size: .4rem;
  white-space: normal;
  line-height: .46rem;
}
.FR #achieved_pop .pop_btn,
.FR #region_pop .pop_btn,
.FR #qualification_pop .pop_btn,
.FR #unlocked_pop .pop_btn,
.FR #confirmation_pop .pop_btn {
  font-size: .3rem;
}
.FR .live_title p {
  white-space: normal;
}
.FR .team_table th,
.FR .personal_table th {
  font-size: .24rem;
}






/* 多行超出隐藏显示省略号 */
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical; */