/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: middle }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block }
ol,ul{  list-style: none }
body{ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100% !important; -webkit-touch-callout: none; -webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text; -webkit-touch-callout: none;  word-break: break-all; word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{ font-weight: normal }
table{ border-collapse:collapse;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{  font-weight: inherit }
strong,i,em{ font-weight: normal;font-style: normal; }
input,select,form { vertical-align:middle; outline:none; }
img{border:none;vertical-align: top;}
a, button, input, select, textarea, a:focus, button:focus, input:focus, select:focus, textarea:focus, [onclick] {outline: 0;  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
a {-webkit-touch-callout: none; text-decoration: none; color: #666666;outline: 0; }
body,html{background: #13151e;}
.hidden{width: 0;height: 0;line-height:0;font-size: 0;visibility: hidden;text-indent: -9999px;display: block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

html,body,.wrap{height: 100%;}
.wrap{background: url(//game.gtimg.cn/images/joc/m/tv/250424/bg.jpg) no-repeat;background-size: cover;overflow: hidden;}
.btn-back{background: url(//game.gtimg.cn/images/lgamem/act/a20211216version/back.png) no-repeat center center / auto 100%;width: 2.2rem;height: 0.4rem;position: absolute;left: 0;top: 0.1rem;padding-left: max(0.2rem, constant(safe-area-inset-left));padding-left: max(0.2rem, env(safe-area-inset-left));z-index: 10;}
.btn-close{width: 1rem;height: 0.6rem;background: url(//game.gtimg.cn/images/joc/m/tv/250424/btn-close.png) no-repeat center / 0.22rem;position: absolute;right: 0;top: 0;z-index: 10;}
/* 横屏提示 */
@media all and (orientation:portrait){
  html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
  html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
  html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\6A2A\8FC7\6765 ";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}
  body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;}
}

@font-face {
  font-family: 'BeaufortforLOL-Bold';
  src: url('//game.gtimg.cn/images/joc/m/tv/fortForLoL-Bold.otf');
}

.content {
  height: calc(100% - 0.62rem);
  box-sizing: border-box;
  /* overflow: hidden; */
  display: none;
}
.live.content {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.content.show {
  display: block;
}
.page-loading{
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1rem 0 0 -1rem;
}
.page-loading-circle {
  width: 1.07rem;
  height: 1.07rem;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.page-loading-circle i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/loading-circle.png) no-repeat center / 100%;
  -webkit-animation: ani-loading 2s linear infinite;
          animation: ani-loading 2s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
}
.page-loading-circle span{
  display: block;
  width: 0.42rem;
  height: 0.63rem;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/loading-icon.png) no-repeat center top / 100%;
  margin: 0.16rem auto 0;
}
@-webkit-keyframes ani-loading {
  0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes ani-loading {
  0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.page-loading-txt {
  color: #f1ebff;
  font-size: 0.24rem;
  text-align: center;
  margin-top: 0.4rem;
  font-weight: bold;
}

.main {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.topnav {
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/topnav-bg.png)no-repeat center top/100% 100%;
  height: 0.64rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* padding-left: max(.3rem, constant(safe-area-inset-left));
  padding-left: max(.3rem, env(safe-area-inset-left)); */
}
.topnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.topnav ul li {
  width: 2.64rem;
  height: 100%;
}
.topnav ul li.on {
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/topnav-on.png) no-repeat center bottom / auto 100%;
  background-position: 0 0;
}
.topnav ul li.on a{
  color: #fff;
  /* text-shadow: #4f959f 0 0 .15rem; */
}
.topnav ul li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.6rem;
  text-align: center;
  color: #fff;
  /* text-shadow: rgba(0,0,0,0.5) 0 1px 2px; */
}

.tit {
  height: 0.4rem;
  line-height: 0.4rem;
  color: #fff;
  font-size: 0.24rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.main-left .tit {
  width: auto;
  flex: 1;
  display: flex;
  align-items: center;
}
.tit i{
  display: inline-block;
  vertical-align: top;
  width: 0.04rem;
  height: 0.2rem;
  background: #fff;
  /* margin-top: 0.12rem; */
  margin-right: 0.2rem;
}
.tit .icon-sc {
  display: inline-block;
  vertical-align: top;
  width: 0.3rem;
  height: 0.3rem;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/icon-sc.png) no-repeat center top / 100%;
  margin-top: 0;
}

.tit .icon-lin{
  width: 0.02rem;
  height: 0.20rem;
  background-color: #f3eaff;
  display: block;
}
/* left-menu */
.main-left {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 0.15rem;
  /* width: 10.9rem; */
  width: 10.3rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.main.sm .main-left {
  width: 9.5rem;
}
.main.sm .main-left .live-box {
  height: 4.6rem;
}
.main.sm .tvshow-list {
  height: 4.6rem;
  margin-bottom: 0.42rem;
}
.live-box {
  /* height: calc(100% - 0.92rem); */
  width: 100%;
  /* height: 5.6rem; */
  /* height: 5rem; */
  height: 4.8rem;
  flex: none;
  margin-top: 0.12rem;
  background: #000;
  position: relative;
/*  border: 0.02rem solid #018d93;*/
  border-width: 0.02rem;
  border-style: solid;
  border-image-source: linear-gradient(90deg, #fa0f58, #00d9e1);
  border-image-slice: 1;
  box-sizing: border-box;
}
.live-tip{
  height: 0.32rem;
  line-height: 0.32rem;
  color: #b5a6b0;
  font-size: 0.22rem;
  text-align: center;
  margin: 0.1rem auto 0;
  white-space: nowrap;
  overflow: hidden;
}
.live-tip i{
  display: inline-block;
  vertical-align: top;
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  background: url(//game.gtimg.cn/images/joc/m/tv/icon-tip.png) no-repeat center / 100%;

}
/* main-content */
.main-content {
  width: 4.7rem;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.live-schedule{
  width: 100%;
  /* height: 5.6rem; */
  /* height: 5rem; */
  height: 4.8rem;
  margin-top: 0.12rem;
  overflow: auto;
  position: relative;
}
.live-schedule-placeholder-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}
.live-schedule li{
  /* background: rgba(58,29,73,0.2);
  border: transparent solid 1px; */
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/live-schedule-bg2.png)no-repeat center top /100% 100%;
  width: 4.40rem;
  height: 3.81rem;
  /* padding: 0.1rem; */
  position: relative;
  overflow: hidden;
}
/* .live-schedule li.on{
  border-color: #fff;
  background: transparent;
} */
.live-schedule li.on.playing .btn-livestatus-playing{
  display: inline-block;
}
.live-schedule li.on.playing .btn-livestatus-canplay {
  display: none;
}
.live-schedule li.on .btn-livestatus-canplay{
  display: inline-block;
}
.live-schedule li.on .btn-livestatus-playing{
  display: none;
}
.live-schedule li.on{
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/live-schedule-bg1.png)no-repeat center top /100% 100%;
}
.live-schedule li.on .match-score{
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/match-score-bg.png)no-repeat center top /100% 100%;
  color: #ffffff;
}
/* .live-schedule li.on .match-member-ic{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/match-member-ic.png) no-repeat center top/100% 100%;
} */
.live-schedule li.on .match-member{
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/match-member-bg.png)no-repeat center top /100% 100%;
}

.live-schedule li.on::before {
  display: block;
  content: '';
  width: 12rem;
  height: 3.81rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url(//game.gtimg.cn/images/joc/m/tv/live-sche-itembg.png) repeat-x;
  background-size: 6rem 3.81rem;
  -webkit-animation: ani-liveitem 3s linear infinite;
          animation: ani-liveitem 3s linear infinite;
  pointer-events: none;
}
@-webkit-keyframes ani-liveitem {
  0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
  100%{-webkit-transform: translate(-6rem, 0);transform: translate(-6rem, 0);}
}
@keyframes ani-liveitem {
  0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
  100%{-webkit-transform: translate(-6rem, 0);transform: translate(-6rem, 0);}
}
.live-schedule li + li {
  margin-top: 0.12rem;
}
.match-top {
  height: 0.60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          justify-content: space-around;
}
.match-date {
  color: #fff;
  font-size: 0.24rem;
}


.match-status{
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/match-status-bg.png) no-repeat center top / 100%;
  width: 0.92rem;
  height: 0.28rem;
  line-height: 0.28rem;
  padding-left: 0.08rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0.2rem;
  white-space: nowrap;
}
.match-status.gray {
  background-image: url(//game.gtimg.cn/images/joc/m/tv/250424/match-status-bg-gray.png);
}
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  pointer-events: none;
}

.match-status i {
  display: inline-block;
  vertical-align: top;
  width: 0.15rem;
  height: 0.15rem;
  margin: 0.06rem 0.05rem 0 0;
}
.match-status i.ongoing {
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/match-status-icon1.png) no-repeat center / 100%;
}
.match-status span {
  color: #deff06;
  font-size: 0.16rem;
  vertical-align: top;
  font-weight: bold;
}
.btn-livestatus {
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/match-status-bg.png) no-repeat center top / 100%;
  width: 0.92rem;
  height: 0.28rem;
  line-height: 0.28rem;
  padding-left: 0.08rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0.2rem;
  color: #000;
  font-size: 0.16rem;
  vertical-align: top;
  font-weight: bold;
}
.match-members{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.18rem 0;
}
.match-member{
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/match-member-bg.png)no-repeat center top /100% 100%;
  width: 0.77rem;
  height: 0.89rem;
  position: relative;
  margin: 0 0.14rem 0.60rem 0.14rem;
  object-fit: contain;
  box-sizing: border-box;
  padding: 0.03rem 0 0 0;
}
.match-member::before{
  /* display: block; */
  content: '';
  width: 100%;
  height: 100%;
  /* background: url(//game.gtimg.cn/images/joc/m/tv/avatar-border.png) no-repeat center; */
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: none;
}
/* .match-member-ic{
  display: block;
   background: url(//game.gtimg.cn/images/joc/m/tv/0229/match-member-ic2.png) no-repeat center top/100% 100%;
   width: 0.17rem;
   height: 0.16rem;
   position: absolute;
   top: 0.66rem;
   left: 0.11rem;
   z-index: 2;
} */
.match-avatar-img {
  display: block;
  width: 0.72rem;
  height: 0.84rem;
  object-fit: cover;
  object-position: center top;
  /* border-radius: 50%; */
  margin: 0.06rem auto 0;
  background: #ffffff;
  margin: 0 auto 0;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

}
.match-score{
  display: block;
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/match-score-bg.png)no-repeat center top /100% 100%;
  width: 0.23rem;
  height: 0.25rem;
  font-size: 0.14rem;
  color: #5f2803;
  text-align: center;
  font-family: 'BeaufortforLOL-Bold';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  text-align: center;
  z-index: 3;
  box-sizing: border-box;
  padding: 0.03rem 0.02rem 0 0;
  text-align: center;
}
.match-member .match-name {
  position: absolute;
  min-width: .92rem;
  height: 0.4rem;
  line-height: 0.4rem;
  /* background: #000; */
  font-size: 0.18rem;
  line-height: 0.20rem;
  padding: 0 0.18rem;
  text-align: center;
  color: #fff;
  top: 0.90rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 20;
  /* white-space: nowrap; */
  /* display: none; */
}
.match-member:nth-child(4n) .match-name {
  right: -0.2rem;
  left: auto;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.match-member-pair {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  position: relative;
  width: 1.76rem;
  height: 1rem;
  flex: none;
  box-sizing: border-box;
}
.match-member-pair {
  /* padding-left: 0.16rem; */
}
.match-member-pair .match-member{
  margin: 0 -0.02rem;
}
.match-member-pair .match-member:last-of-type{
  z-index: 2;
}
.match-member-pair .match-member::before{
  /* background-image: url(//game.gtimg.cn/images/joc/m/tv/pair-avatar-bg.png); */
}
.match-member-pair .match-score{
  display: block;
  width: 0.3rem;
  height: 0.34rem;
  line-height: 0.3rem;
  background: url(//game.gtimg.cn/images/joc/m/tv/250424/match-score-bg.png) no-repeat center top / 100%;
  font-size: 0.14rem;
  color: #f0e6d2;
  text-align: center;
  font-family: 'BeaufortforLOL-Bold';
  position: absolute;
  left: 50%;
  margin-left: 0;
  text-align: center;
  bottom: 0.16rem;
  z-index: 3;
}
.match-member-pair .match-avatar-img{
  /* margin-top: 0.08rem; */
  margin-top: 0;
}

@media screen and (min-aspect-ratio: 860 / 375) {
  .main-left{-webkit-box-flex: 0;-ms-flex: none;flex: none;}
}

.ctop{
  height: 6.860rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}



.ctit {
  color: #dbcccf;
  font-size: 0.24rem;
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0.2rem;
}
.ctit::before {
  display: inline-block;
  content: '';
  vertical-align: top;
  background: url(//game.gtimg.cn/images/joc/m/tv/tit-icon.png) no-repeat center / 100%;
  width: 0.29rem;
  height: 0.29rem;
  margin-right: 0.1rem;
}

.content.show.rank{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.rank-link-flex{
  position: relative;
  display: flex;
  /* width: 15.20rem; */
  height: 100%;
}

.rank-pfs {
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-nav-bg.png)no-repeat center top/100% auto;
  overflow: auto;
  width: 2.77rem;
  height: 100%;
  /* max-height: 6.86rem;   */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0.46rem;
  position: relative;
}

.schedule .rank-pfs .rank-nav-bg,
.schedule .rank-pfs .rank-nav-bg.on {
  height: 0.73rem;
}

.schedule .rank-pfs .rank-nav-p {
  height: 0.7rem;
}
.schedule .rank-pfs::-webkit-scrollbar {
  width: 0.04rem;
}

.rank-pbd {
  width: calc(100% - 2.64rem);
  position: relative;
}

.rank-pr{
  width: 2.77rem;
  height: 100%;  
  overflow-y: scroll;
}

.rank-nav-bg{
  width: 2.64rem;
  height: 0.93rem;
}
.rank-nav-bg::after{
  content: '';
  display: block;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-nav-link.png)no-repeat center top/100% 100%;
  width: 1.99rem;
  height: 1px;
  margin: 0 auto 0;
}
.rank-nav-bg:last-child::after {
  display: none;
}

.rank-pfs .rank-nav-bg.on{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-nav-on.png)no-repeat center top/100% 100%;
  width: 2.77rem;
  height: 0.93rem;
}

.rank-nav-p{
  width: 2.64rem;
  height: 0.90rem;
  font-size: 0.22rem;
  color: #b5a9d1;
  text-align: center;
  line-height: 0.26rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.rank-pfs .rank-nav-bg.on .rank-nav-p{
  color: #692f00;
}
.none{
  display: none !important;
}
.block{
  display: block !important;
}

.rank-bd {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1;
}

.rank-con{
  box-sizing: border-box;
  padding: 0 0 0 0;
  position: relative;
  height: 100%;
}

.rank-btns{
  position: absolute;
  top: 0.20rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.rank-btns p{
  font-size: 0.20rem;
  color: #424677;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-btn1.png)no-repeat center top/100% 100%;
  width: 1.61rem;
  height: 0.40rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.20rem;
  font-weight: bold;
}
.rank-btns p.on{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-btn2.png)no-repeat center top/100% 100%;
  color: #7959f0;
}

.rank-btns p i{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-btn-ic.png)no-repeat center top/100% 100%;
  width: 0.22rem;
  height: 0.22rem;
  margin-left: 0.05rem;
}
.rank-btns p.on i{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-btn-ic2.png)no-repeat center top/100% 100%;
}

.rank-links {
  height: 100%;
}
.sw1{
  height: 5.62rem;
  display: flex;
  flex: 1;
}
.sw1 .mySwiper{
  width: 90%;
  height: 5.62rem;
  box-sizing: border-box;
  padding: 0.80rem 0 0 0;
}

.sw1 .swiper-button-next, .sw1 .swiper-button-prev{
  top: 57%;
}
.sw1-flex{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto 0;
}

.sw1-flex > div{
  /* width: 45%; */
  width: 100%;
  margin: 0 0.19rem;
}

.sw1-tit{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:  0 auto 0;
  font-size: 0.20rem;
  color: #f3eaff;

}
.sw1-tit span{
  font-size: 0.24rem;
  margin: 0 0.05rem;
}

.sw1-tit i{
  display: block;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-tit-ic.png)no-repeat center top/100% 100%;
  width: 0.14rem;
  height: 0.09rem;
  margin: 0 0.11rem;
}

.sw1-table1{
  width: 100%;
  text-align: center;
  background-color: #f3f6ff;
  text-indent: initial;
  border-collapse: collapse;
  border-spacing: 0;
}
.sw1-table1 thead tr th{
  font-size: 0.22rem;
  color: #ffffff;
  height: 0.45rem;
  background-color: #1f1144;
  font-weight: normal;
}
.sw1-table1 tbody tr td{
  font-size: 0.18rem;
  color: #353535;
  height: 0.45rem;
  
}
.sw1-table1 tbody tr td img{
  display: inline-block;
  width: 0.30rem;
  height: 0.30rem;
  border-radius: 50%;
  border: 0.02rem #145d74 solid;
  vertical-align: middle;
}
.sw1-table1 tbody tr td:nth-child(2) {
  text-align: left;
  padding-left: 0.2rem;
}
.sw1-table1 tbody tr:nth-child(2n-1){
  background-color: #eaf0ff;
}
.swiper-button-next:after, .swiper-button-prev:after{
  display: none;
}
.sw1 .swiper-button-prev, .rank-sw2 .swiper-button-prev{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-left.png)no-repeat center top/100% auto;
  width: 0.38rem;
  height: 0.43rem;
  left: 0.1rem;
  outline: none;
}
.sw1 .swiper-button-next, .rank-sw2 .swiper-button-next{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-right.png)no-repeat center top/100% auto;
  width: 0.38rem;
  height: 0.43rem;
  right: 0.1rem;
  outline: none;
}
.sw1 .swiper-button-next.swiper-button-disabled, .rank-sw2 .swiper-button-next.swiper-button-disabled{
  background-image: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-right1.png);
}
.sw1 .swiper-button-prev.swiper-button-disabled, .rank-sw2 .swiper-button-prev.swiper-button-disabled{
  background-image: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-left1.png);
}
.rank-link-con{
  display: flex;
  height: 100%;
}
.rank-link-con1{
  box-sizing: border-box;
  padding: 0.73rem 0 0 0 ;
}
.rank-sw2 {
  width: 90%;
  position: relative;
  margin: 0 auto;
}
.rank-sw2 .swiper {
  width: 90%;
  margin: 0 auto;
}
.rank-table-bg1{
  width: 45%;
  margin: 0 auto 0;
}

.rank-table-bg1 table{
  width: 100%;
  font-size: 0.22rem;
  color: #ffffff;
  text-align: center;
}
.rank-table-bg1 tbody tr td img{
  display: inline-block;
  width: 0.30rem;
  height: 0.30rem;
  border-radius: 50%;
  border: 0.02rem #145d74 solid;
  vertical-align: middle;
}
.rank-table-bg1 table tr {
  background: #f3f6ff;
}
.rank-table-bg1 table thead tr th{
  width: 1.26rem;
  height: 0.55rem;
  background: #1f1144;
}
.rank-table-bg1 table thead tr th:nth-child(1){
  width: 1.02rem;
}
.rank-table-bg1 table tr th:nth-child(2),
.rank-table-bg1 table tr td:nth-child(2){
  width: 1.82rem;
}
.rank-table-bg1 table tr td:nth-child(2) {
  padding-left: 0.2rem;
  text-align: left;
}
.rank-table-bg1 table tbody tr td{
  height: 0.55rem;
  color: #353535;
  font-size: 0.18rem;
}
.rank-table-bg1 table tbody tr:nth-child(2n+1) {
  background: #eaf0ff;
}
/* .rank-table-bg2 table thead tr th{
  background: #125871;
}
.rank-table-bg2 table tbody tr:nth-child(2n+1) {
  background: #c6e9e9;
} */
.rank-sw2 .swiper-button-prev,.rank-sw2 .swiper-button-next {
  color: #eaf0ff;
  font-size: 0.18rem;
  text-align: center;
  padding-top: 0.38rem;
  white-space: nowrap;
}
.rank-sw2 .swiper-button-prev.swiper-button-disabled,.rank-sw2 .swiper-button-next.swiper-button-disabled {
  text-indent: -9999px;
}
.rank-sw2-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sw1-felx2{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.90rem ;
}

.sw1-table2{
  width: 5.60rem;
}
.sw1-table2 thead tr th{
  height: 0.61rem;
}
.sw1-table2 tbody tr td{
  height: 0.92rem;
}









.schedule-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
}
.filter-item {
  height: 0.4rem;
  min-width: 3rem;
  position: relative;
  margin-right: .28rem;
}
.filter-item + .filter-item {
  margin-left: 0.25rem;
}
#sPriceList select{
  padding: 0 0.4rem 0 0.2rem;
}
.filter-item select{
  display: block;
  width: 100%;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  /* width: 4rem; */
  padding: 0 0.6rem 0 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background: none;
  border: transparent;
  background-color: #ff8429;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 0.22rem;
  text-align: center;
  position: relative;
}


.filter-item::after {
  display: block;
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  border-left: #fff solid 1px;
  border-bottom: #fff solid 1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
}
.schedule-filters button.hot-role{
  display: block;
  -moz-appearance: none;
   ppearance: none;
  -webkit-appearance: none;
  height: 0.4rem;
  line-height: 0.4rem;
  background: none;
  border: rgb(70,44,100) solid 0.02rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #2c232e;
  font-size: 0.22rem;
  text-align: center;
  position: relative;
  margin-right: .28rem;
  padding: 0 0.3rem;
  overflow: hidden;
}
.schedule-filters .hot-role.active{
  border: 1px solid #ff6e19;
  color: #ff6e19;
}
.hero-list .filter-item{
  min-width: auto;
}
.hero-list .filter-item select{
  padding: 0;
}
.schedule-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
}
.schedule-left {
  width: 4.22rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding-right: 0.18rem;
  height: 4.8rem;
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.schedule-left li {
  height: 0.88rem;
  background: url(//game.gtimg.cn/images/joc/m/tv/schedule-itembg.png) no-repeat;
  background-size: 100% 100%;
  width: 4.10rem;
  height: 0.88rem;
  margin-top: 0.02rem;
  padding-top: 0.12rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.schedule-left li.on {
  background: url(//game.gtimg.cn/images/joc/m/tv/schedule-itembg2.png) no-repeat;
  background-size: 100% 100%;
  width: 4.22rem;
  height: 0.88rem;
  padding: 0.12rem 0.12rem 0 0;
}
.schedule-left li p{
  color: #1e1c1c;
  font-size: 0.22rem;
  line-height: 0.36rem;
  text-align: center;
  font-weight: bold;
}
.schedule-left li.on p{
  color: #1e1c1c;
}
.schedule-left li .match-date{
  font-size: 0.24rem;
  line-height: 0.28rem;
}
.schedule-right{
  width: 100%;
}
.schedule .rank-table th:nth-child(1) { width: 1.2rem; }
.schedule .rank-table th:nth-child(2) { width: 3rem; }
.schedule .rank-table th:nth-child(3) { width: 1rem; }
.schedule .rank-table th:nth-child(4) { width: auto; }

.nodata-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #eeeeff;
  font-size: 0.24rem;
  text-align: center;
  opacity: 0.6;
  text-shadow: 0 1px 1px #000;
}


.player-link-flex{
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.player-pfs {
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-nav-bg.png)no-repeat center top/100% auto;
  width: 2.77rem;
  height:  100%;  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0.46rem;
  position: relative;
}

.player-pbd {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
}

.player-pr{
  width: 2.77rem;
  height: 100%;  
}

.player-nav-bg{
  width: 2.64rem;
  height: 0.650rem;
}
.player-nav-bg::after{
  content: '';
  display: block;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-nav-link.png)no-repeat center top/100% 100%;
  width: 1.99rem;
  height: 1px;
  margin: 0 auto 0;

}

.player-pfs .player-nav-bg.on{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/rank-nav-on.png)no-repeat center top/100% 100%;
  width: 2.77rem;
  height: 0.650rem;
}

.player-nav-p{
  width: 2.64rem;
  height: 0.650rem;
  font-size: 0.22rem;
  color: #b5a9d1;
  text-align: center;
  line-height: 0.26rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.on .player-nav-p{
  color: #6f3901;
}

.player-ul{
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 0;
}
.player-pbd.zonecn .player-ul {
  width: 7rem;
}

.player-ul li{
  margin: 0.24rem 0.05rem;
}

.player-box{
  width: 1.84rem;
  margin: 0 auto 0;
  position: relative;
}

.player-box img{
  display: block;
  width: 1.48rem;
  height: 1.45rem;
  border-radius: 50%;
  background-color: #ffffff;
  object-fit: cover;
  object-position: center top;
  background: #ffffff;
  margin: 0 auto 0;
}
.player-bor{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/player-bor.png)no-repeat center top/100% 100%;
  width: 1.50rem;
  height: 1.53rem;
  position: absolute;
  top: -0.02rem;
  left: 0.17rem;
}

.player-fon1{
  font-size: 0.18rem;
  color: #eeeeff;
  text-align: center;
  margin: 0.10rem 0 0 0;
}





.player-bd {
  height: 4.86rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.player-bd-row {
  background: url(//game.gtimg.cn/images/joc/m/tv/player-bd-row-bg.png)no-repeat center top /100% 100%;
  width: 100%;
  height: 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-size: 0.24rem;
  text-align: center;
  /* background: rgba(0,0,0,0.2); */
  margin-top: 0.02rem;
}
.player-bd-item .rank-avt{
  width: 1.66rem;
  height: 1.66rem;
  position: relative;
  /* -webkit-box-shadow: 0 0.08rem 0.14rem rgba(0,0,0,0.5);
          box-shadow: 0 0.08rem 0.14rem rgba(0,0,0,0.5); */
  margin-bottom: 0.12rem;
}
.player-bd-item .rank-avt::before{
  display: block;
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background: #ff881f;
  border-radius: 50%;
  position: absolute;
  left: 0.03rem;
  top: 0.03rem;
}
.player-bd-item .rank-avt img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #fff;
  /* margin-top: 0.08rem; */
  /* position: relative;
  z-index: 2; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/*@media screen and (max-aspect-ratio: 750/450){
  .main-content {
    width: 3.6rem;
  }
  .live-schedule li {
     width: 3.4rem; 
  }
  .match-date{
    font-size: 0.2rem;
  }
  .match-member {
    width: 0.68rem;
    height: 0.8rem;
    padding-top: 0.02rem;
  }
  .match-avatar-img {
    width: 0.66rem;
    height: 0.76rem;
  }
  .match-score {
     bottom: 0rem; 
  }
  .schedule-left {
    width: 3.22rem;
  }
  .schedule-left li {
    background-position: -1rem 0;
  }
  .schedule-left li.on {
    background-position: -5.22rem 0;
  }
  .match-member-pair {
    width: 1.56rem;
  }
}*/

.main-left-box{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
}
.activity-ct{
  position: relative;
  width: 2.1rem;
  margin-top: -0.28rem;
}
.activity-zt{
  position: relative;
  display: flex;
  width: 2.1rem;
  transform: translate(0, 0.06rem);
}

.ac-icon{
  background: url(//game.gtimg.cn/images/joc/m/tv/ac-icon.png)no-repeat center top;
  background-size: 100% 100%;
  width: 0.18rem;
  height: 0.20rem;
  margin: 0.30rem 0 0 0.14rem;
}

.ac-tip{
  position: absolute;
  top: -0.15rem;
  left: 1.10rem;
  background: url(//game.gtimg.cn/images/joc/m/tv/tips-bg.png)no-repeat center top;
  background-size: 100% 100%;
  /* width: 4.84rem; */
  padding: 0 0.1rem;
  height: 0.30rem;
  color: #83fc8f;
  font-size: 0.18rem;
  text-align: center;
  line-height: 0.30rem;
  white-space: nowrap;
  z-index: 999;
}
.ac-tip.hide {
  transform-origin: 0% 100%;
  animation: ani-tip-hide 0.5s ease both;
}
@keyframes ani-tip-hide {
  0%{transform: scale(1);opacity: 1;}
  100%{transform: scale(0);opacity: 0;}
}

.ac-reward{
  background: url(//game.gtimg.cn/images/joc/m/tv/reward1.png)no-repeat center top;
  background-size: 100% 100%;
  width: 0.88rem;
  height: 0.70rem;
}

.ac-time{
  background: url(//game.gtimg.cn/images/joc/m/tv/ac-time1.png)no-repeat center top;
  background-size: 100% 100%;
  width: 0.92rem;
  height: 0.28rem;
  display: block;
  font-size: 0.15rem;
  font-weight: 700;
  color: #0c0a38;
  line-height: 0.28rem;
  text-align: center;
  margin: 0.27rem 0 0 0 ;
  white-space: nowrap;
}
.activity-zt.on>.ac-reward {
  background: none;
}
.activity-zt.on>.ac-reward::before{
  display: block;
  content: '';
  background: url(//game.gtimg.cn/images/joc/m/tv/reward2.gif)no-repeat center top;
  background-size: 100% 100%;
  width: 1.00rem;
  height: 1.00rem;
  margin: -0.17rem 0 0 0;
}
.activity-zt.on>.ac-time{
  background: url(//game.gtimg.cn/images/joc/m/tv/ac-time5.png)no-repeat center top;
  background-size: 100% 100%;
}
.activity-zt.on>.ac-time.wait{
  background: url(//game.gtimg.cn/images/joc/m/tv/ac-time2.png)no-repeat center top;
  background-size: 100% 100%;
}

.activity-zt.done>.ac-reward{
  background: url(//game.gtimg.cn/images/joc/m/tv/reward3.png)no-repeat center top;
  background-size: 100% 100%;
  width: 0.88rem;
  height: 0.70rem;
  margin: 0;
}
.activity-zt.done>.ac-time{
  background: url(//game.gtimg.cn/images/joc/m/tv/ac-time4.png)no-repeat center top;
  background-size: 100% 100%;
  pointer-events: none;
}
.activity-zt.over>.ac-reward{
  background: url(//game.gtimg.cn/images/joc/m/tv/reward3.png)no-repeat center top;
  background-size: 100% 100%;
  width: 0.88rem;
  height: 0.70rem;
  margin: 0;
}
.activity-zt.over>.ac-time{
  background: url(//game.gtimg.cn/images/joc/m/tv/ac-time3.png)no-repeat center top;
  background-size: 100% 100%;
}

.intro-box{
  box-sizing: border-box;
  padding: 0.10rem 0 0 0;
  flex: 1;
}
.intro-item {
  height: 100%;
  display: none;
}
.intro-item1 {
  padding: 0 0.2rem;
  box-sizing: border-box;
}
@media screen and (max-aspect-ratio: 667/390) {
  .intro-info {
    flex-wrap: wrap;
  }
  .intro-logo::after {
    display: none !important;
  }
  .intro-history {
    display: none !important;
  }
}
.intro-item.show {
  display: flex;
  align-items: center;
  justify-content: center;
}
.intro-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.intro-item1 {
  flex-wrap: wrap;
}
.intro-logo {
  width: 2.3rem;
  height: 2.3rem;
  flex: none;
  object-fit: contain;
  position: relative;
}
.intro-logo::after {
  display: block;
  content: '';
  position: absolute;
  right: -0.3rem;
  top: 0;
  height: 100%;
  border-right: #353535 solid 1px;
}
.intro-info-detail {
  /* width: 5.54rem; */
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex: 1;
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: #b6a2d5;
  margin-left: 0.6rem;
}
.intro-info-detail-name {
  color: #f8edff;
  font-size: .5rem;
  text-align: center;
  text-align: left;
  font-weight: bold;
  height: 0.4rem;
  margin: 0 0 0.2rem 0;
}
.intro-info-detail > img {
  /* width: 5.54rem; */
  width: 100%;
  object-fit: contain;
  object-position: left;
  height: 0.4rem;
  margin: 0 0 0.2rem 0;
}
.intro-img{
  display: block;
  width: 90%;
  height: 90%;
  object-fit: contain;
  margin: 0 0 0 0.29rem;  
}
/* .intro-img2{
  width: 12.00rem;
  height: 0.88rem;
  margin-top: 0.31rem;
  margin-bottom: 0.12rem;
}
.intro-img3{
  width: 12.00rem;
  height: 3.95rem;
  margin: 0.75rem 0 0 0.45rem;
} */
/* .intro-img4{
  width: 12.00rem;
  height: 5.67rem;
  margin: 0.10rem 0 0 0.45rem;
} */

.intro-btn3{
  display: block;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/intro-btn3.png)no-repeat center top/100% 100%;
  width: 2.78rem;
  height: 0.58rem;
  line-height: 0.58rem;
  text-align: center;
  font-size: 0.28rem;
  color: #2d2d2e;
  margin: 0 auto 0;
  position: absolute;
  top: 74%;
  left: 47%;
}

.intro-history-prev, .intro-history-next {
  display: block;
  position: absolute;
  top: 0.2rem;
}
.intro-history-prev{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-left.png)no-repeat center top/100% 100%;
  width: 0.38rem;
  height: 0.43rem;
  left: 0;
}
.intro-history-prev.swiper-button-disabled {
  background-image: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-left1.png);
}
.intro-history-next{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-right.png)no-repeat center top/100% 100%;
  width: 0.38rem;
  height: 0.43rem;
  right: 0;
}
.intro-history-next.swiper-button-disabled {
  background-image: url(//game.gtimg.cn/images/joc/m/tv/0229/sw1-right1.png);
}
.intro-history {
  width: 100%;
  position: relative;
  height: 3rem;
}
.swiper.intro-history-swiper {
  width: calc(100% - 1rem);
  position: absolute;
  left: 0.5rem;
  top: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.intro-history-swiper::before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #353535;
  position: absolute;
  left: 0;
  top: 0.35rem;
  opacity: 0.5;
}
.intro-history ul > li {
  width: 25%;
  /* width: 2.5rem; */
}
.intro-history ul > li i {
  display: block;
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/intro-icon-pt.png) no-repeat center top;
  width: 0.22rem;
  height: 0.23rem;
  background-size: 0.16rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.intro-history ul > li i.intro-history-icon-qt {
  background-image: url(//game.gtimg.cn/images/joc/m/tv/0229/intro-icon-qt.png);
  background-size: 0.22rem;
}
.intro-history ul > li p {
  color: #f9f7ff;
  font-size: 0.18rem;
  text-align: center;
  white-space: nowrap;
}
.intro-history ul > li .intro-history-champion,.intro-history ul > li .intro-history-name{
  color: #b698ff;
}

.intro-champion-avatar {
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/player-bor.png) no-repeat center top / 100%;
  width: 1.5rem;
  height: 1.53rem;
  padding-top: 0.06rem;
  text-align: center;
  box-sizing: border-box;
  margin: 0.06rem auto 0;
}
.intro-champion-avatar img {
  display: block;
  width: 1.44rem;
  margin: 0 auto;
}

.intro-ul{
  display: block;
  position: relative;
  width: 12.00rem;
  height: 1.83rem;
}

.intro-ul li:nth-child(1){
  position: absolute;
  top: 0;
  left: 3.72rem;
}
.intro-ul li:nth-child(2){
  position: absolute;
  top: 0;
  left: 7.04rem;
}
.intro-ul li:nth-child(3){
  position: absolute;
  top: 0;
  left: 10.26rem;
}

.intro-imgbox{
  width: 1.84rem;
  margin: 0 auto 0;
  position: relative;
}

.intro-imgbox img{
  display: block;
  width: 1.48rem;
  height: 1.45rem;
  border-radius: 50%;
  background-color: #ffffff;
  object-fit: cover;
  object-position: center top;
  background: #ffffff;
  margin: 0 auto 0;
}
.intro-bor{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/intro-bor.png)no-repeat center top/100% 100%;
  width: 1.50rem;
  height: 1.53rem;
  position: absolute;
  top: -0.02rem;
  left: 0.17rem;
}

.intro-fon1{
  font-size: 0.18rem;
  color: #eeeeff;
  text-align: center;
  margin: 0.10rem 0 0 0;
}

.intro-ul2{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 0;
}

.intro-ul2 li{
  margin: 0.48rem 0.05rem 0;
}

.intro-imgbox{
  width: 1.84rem;
  margin: 0 auto 0;
  position: relative;
}

.intro-imgbox img{
  display: block;
  width: 1.48rem;
  height: 1.45rem;
  border-radius: 50%;
  background-color: #ffffff;
  object-fit: cover;
  object-position: center top;
  background: #ffffff;
  margin: 0 auto 0;
}
.intro-bor{
  background: url(//game.gtimg.cn/images/joc/m/tv/0229/player-bor.png)no-repeat center top/100% 100%;
  width: 1.50rem;
  height: 1.53rem;
  position: absolute;
  top: -0.02rem;
  left: 0.17rem;
}

.intro-fon1{
  font-size: 0.18rem;
  color: #eeeeff;
  text-align: center;
  margin: 0.10rem 0 0 0;
}


.tvshow-list {
  width: 100%;
  /* height: 5rem; */
  height: 4.8rem;
  flex: none;
  margin-top: 0.12rem;
  overflow: auto;
  position: relative;
  background: url(//game.gtimg.cn/images/joc/m/tv/tvshow-list-bg.png) no-repeat center top / 100% 100%;
  box-sizing: border-box;
}
.tvshow-list li {
  height: 0.85rem;
  padding: 0.12rem 0;
  padding-left: 0.16rem;
  position: relative;
  box-sizing: border-box;
}
.tvshow-list li::after {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  opacity: 0.6;
  background: linear-gradient(to right,  rgba(255,255,255,0) 2%, rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 98%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.tvshow-list li > div {
  font-size: 0.26rem;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
.tvshow-list li > p {
  color: #dbb1ff;
  font-size: 0.16rem;
  text-indent: 0.1rem;
  white-space: nowrap;
}

.direction_land .content.live {
  padding-left: 0.3rem;
  padding-left: max(0.3rem, constant(safe-area-inset-left));
  padding-left: max(0.3rem, env(safe-area-inset-left));
}
.direction_land_ops .content.live {
  padding-right: 0.3rem;
  padding-right: max(0.3rem, constant(safe-area-inset-right));
  padding-right: max(0.3rem, env(safe-area-inset-right));
}
.direction_land .content.schedule, 
.direction_land .content.player,
.direction_land .content.intro {
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
}
.direction_land_ops .content.schedule, 
.direction_land_ops .content.player,
.direction_land_ops .content.intro {
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}



/*predict.css*/

.live-schedule-expand-btn {display: none;}
/*ipad*/
@media screen and (max-aspect-ratio: 750/450){
  .topnav ul li {
    max-width: 27.64rem;
    width: 20%;
  }
  .topnav ul li.on {
    background-position: center bottom;
  }
  .live-schedule-expand-btn {
    background: url(//game.gtimg.cn/images/joc/m/tv/250424/live-schedule-expand-btn.png) no-repeat center top / 100% 100%;
    min-width: .70rem;
    padding: 0 .1rem;
    height: .26rem;
    text-align: center;
    color: #000;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: .2rem;
  }
  .live-schedule-expand-btn i {
    display: block;
    width: 0;
    height: 0;
    border: transparent solid .06rem;
    border-top-color: #000;
    margin-right: 0.04rem;
    margin-top: 0.05rem;
  }
  .live-schedule-expand-btn.expand i {
    transform: scale(1, -1);
    margin-top: -0.05rem;
  }
  .main-content {
    visibility: hidden;
    position: absolute;
    right: 0;
  }
  .main-content.expand {
    visibility: visible;
    position: absolute;
    right: 0;
    top: 0.5rem;
    height: 4.95rem;
    background: #000;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    z-index: 10;
  }
  .main-content.expand .live-schedule {
    height: 4.45rem;
  }
}