.btn1 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/btn.png) no-repeat;
  background-size: 100% 100%;
  width: 276px;
  height: 79px
}
.btn1:hover{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/btn-h.png) no-repeat;
  background-size: 100% 100%;
}
.btn2 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 276px;
  height: 79px
}
.btn2:hover{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/btn-h2.png) no-repeat;
  background-size: 100% 100%;
}
.btn3 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/btn3.png) no-repeat;
  background-size: 100% 100%;
  width: 276px;
  height: 79px
}
.btn3:hover{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/btn-h3.png) no-repeat;
  background-size: 100% 100%;
}
.btn4 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/btn4.png) no-repeat;
  background-size: 100% 100%;
  width: 276px;
  height: 79px
}
.btn4:hover{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/btn-h4.png) no-repeat;
  background-size: 100% 100%;
}
.btn5 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/part3-btn.png) no-repeat;
  background-size: 100% 100%;
  width: 276px;
  height: 79px
}

.btn5 p{
  font-size: 28px;
  font-family: fz;
  color: #ffffff;
  background: linear-gradient(to bottom, #ffffff 20%, #ffffb3 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  line-height: 81px;
}
.btn5:hover{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/part3-btn2.png) no-repeat;
  background-size: 100% 100%;
}
.mt-label {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p3-menpa2.png) no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 109px;
  margin-right: -15px;
}

.p1-bg1 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p1-bg1.png) no-repeat;
  background-size: 100% 100%;
  width: 338px;
  height: 450px
}

.p1-bg2 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p1-bg2.png) no-repeat;
  background-size: 100% 100%;
  width: 338px;
  height: 450px
}

.p3-tab-bg {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/part3-btn.png) no-repeat;
  background-size: 100% 100%;
  width: 276px;
  height: 79px
}

.p3-tab-bg2 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/part3-btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 276px;
  height: 79px
}

.slide-bg {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/nav-bg.png) no-repeat;
  background-size: 100% 100%;
  width: 180px;
  height: 403px
}

.slide-item-on {
  background-position: -1417px -625px;
  width: 165px;
  height: 50px
}

.slide-item {
  background-position: -479px -840px;
  width: 164px;
  height: 50px
}

.team-bg {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p3-xbt.png) no-repeat;
  background-size: 100% 100%;
  width: 449px;
  height: 102px;
}

.title1 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/title.png) no-repeat;
  background-size: 100% 100%;
  width: 878px;
  height: 206px;
  margin: 0 auto 0;
}

.title2 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/title2.png) no-repeat;
  background-size: 100% 100%;
  width: 952px;
  height: 205px;
  margin: 0 auto 50px;
}

.title3 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/title3.png) no-repeat;
  background-size: 100% 100%;
  width: 892px;
  height: 199px;
  margin: 0 auto 20px;
}

.title4 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/title4.png) no-repeat;
  background-size: 100% 100%;
  width: 872px;
  height: 203px;
  margin: 0 auto 20px;
}

.title5 {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/title5.png) no-repeat;
  background-size: 100% 100%;
  width: 874px;
  height: 203px;
  margin: 0 auto 20px;
}

/*! reset */
body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  margin: 0
}

body,
button,
input,
select,
textarea {
  font-size: 24px;
  line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%
}

b,
em {
  font-style: normal
}

a {
  text-decoration: none
}

a:hover {
  text-decoration: none
}

img {
  vertical-align: middle;
  border: 0;
  padding: 0;
  margin: 0
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

ol,
td,
th,
ul {
  padding: 0
}

dl,
ol,
ul {
  list-style: none
}

body {
  /*! 禁止双击放大 */
  touch-action: none;
  /*! 旧版浏览器的兼容写法 */
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

a,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  pointer-events: none
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0
}

.clearfix {
  *zoom: 1
}

/*! .wxzsBox{
  display: ;
} */
.db {
  text-indent: -999em;
  font-size: 0
}

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

* {
  box-sizing: border-box
}

@font-face {
  font-family: fzss;
  src: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/fzss2.woff2)
}
@font-face {
  font-family: sy;
  src: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/SourceHanSerifCN-Heavy.ttf)
}
@font-face {
  font-family: fz;
  src: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/FZYANSJW_CU.TTF)
}
.wrap {
  -webkit-text-size-adjust: none;
  max-width: 1920px;
  margin: 0 auto
}

.wrap a {
  -webkit-tap-highlight-color: transparent
}

.kv {
  position: relative;
  width: 1920px;
  height: 1167px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/kv.jpg) top center no-repeat
}

.kv .btn-box {
  position: absolute;
  top: 30px;
  right: 30px
}

.kv .btn-box a {
  margin: 0 2px
}

.kv .tl-logo {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/tl-logo.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  left: 60px;
  top: 0;
  width: 183px;
  height: 143px;
  background-size: 100% 100%;
  z-index: 9
}

.main {
  width: 1920px;
  height: 5833px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/bg.jpg) top center no-repeat;
  background-size: 100% 100%;
  padding-bottom: 0
}


.part1 .p-con {
  padding-top: 1px
}

.part1 .p-con>div {
  padding-top: 45px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  margin: 0 20px
}

.part1 .p-con>div .sc {
  font-size: 48px;
  color: #664400;
  background: linear-gradient(to bottom, #ffc300 10%,#ab7200, #744d00 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  line-height: 1;
  height: 197px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: fzss
}

.part1 .p-con>div .time {
  color: #664400;
  font-size: 21px;
  text-align: center;
  margin-top: 10px
}

.part1 .p-con>div .time.s {
  line-height: 1;
  font-size: 19px
}

.part1 .p-con .p1-bg2 .time {
  color: #ffffff;
  font-size: 19px
}

.part1 .p-con>div:nth-child(1),
.part1 .p-con>div:nth-child(3) {
  margin-top: 60px
}

.bg3-select-list {
  width: 730px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around
}

.custom-select {
  position: relative;
  display: inline-block;
  width: 100%
}

.select {
  z-index: 2;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/select-bg.png) no-repeat center/100% 100%;
  width: 338px;
  height: 102px;
  line-height: 123px;
  text-align: center;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: #996600;
  font-size: 24px;
  font-family: sy;
  padding-right: 19px
}
#bg3SelectArea .select{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/select-bg2.png) no-repeat center/100% 100%;
  width: 338px;
  height: 102px;
  padding-right: 102px
}
.part3 .select{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/select-bg3.png) no-repeat center/100% 100%;
  width: 312px;
  height: 44px;
  line-height: 44px;
  padding-right: 60px;
}
.select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  overflow: hidden;
  max-height: 0;
  width: calc(100% - 2px);
  transition: max-height .3s ease-out;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: #fff
}

.select-items div {
  font-size: 18px;
  color: #334155;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-bottom: 1px solid #000;
  cursor: pointer
}

.same-as-selected,
.select-items div:hover {
  background-color: rgba(0, 0, 0, .1)
}

.part2 {
  height: 1130px;
  margin-top: 30px
}

.part2 .select-item {
  padding-right: 50px
}

.part2 .bg3-list {
  margin-top: 25px;
  width: 1387px;
  height: 642px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p2-bg.png) no-repeat center/100% 100%;
  position: relative;
  left: 50.9%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 30px;
  box-sizing: border-box;
}

.part2 .bg3-list-l,
.part2 .bg3-list-r {
  width: 422px;
  height: 321px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p2-l.png) no-repeat center/100% 100%;
  display: flex
}

.part2 .bg3-l-item,
.part2 .bg3-list-r {
  position: relative
}

.part2 .bg3-item {
  position: relative;
  width: 195px;
  height: 53px;
  font-size: 18px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 22px
}
.part2 .bg3-item>div:nth-child(1) {
  color: #ffffff;
  font-weight: bold;
}
.part2 .bg3-r-item7>div:nth-child(1) {
  color: #ffffff;
  font-weight: bold;
  background: linear-gradient(to bottom, #4d2600 10%, #803f00 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.part2 .bg3-r-item7>div:nth-child(2) {
  background: linear-gradient(to bottom, #4d2600 10%, #803f00 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.part2 .bg3-l-item7>div:nth-child(1) {
  color: #ffffff;
  font-weight: bold;
  background: linear-gradient(to bottom, #4d2600 10%, #803f00 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.part2 .bg3-l-item7>div:nth-child(2) {
  background: linear-gradient(to bottom, #4d2600 10%, #803f00 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.part2 .bg3-item .line1 {
  width: 100%;
  text-align: center
}

.part2 .bg3-l-item5 {
  left: 46px;
  top: 9px
}

.part2 .bg3-l-item6 {
  left: 46px;
  top: 206px
}

.part2 .bg3-l-item7 {
  left: -2px;
  top: 136px
}

.part2 .bg3-l-item7>div {
  color: #4c2600 !important;
}

.part2 .bg3-list-c {
  z-index: 10;
  position: relative;
  width: 293px;
  height: 356px;
  padding-top: 210px;
  margin: 0 10px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p2-gj.png) no-repeat center/100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start
}

.part2 .bg3-c-t1 {
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 20px;
  color: #ffffff
}

.part2 .bg3-c-t2 {
  text-align: center;
  width: 80%;
  font-size: 20px;
  color: #ffffff
}

.part2 .bg3-list-r {
  width: 420px;
  height: 322px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p2-r.png) no-repeat center/100% 100%;
  display: flex;
  flex-direction: row-reverse
}

.part2 .bg3-r-item5 {
  right: 46px;
  top: 9px;
}

.part2 .bg3-r-item6 {
  right: 46px;
  top:206px
}

.part2 .bg3-r-item7 {
  right: -2px;
  top: 136px
}

.part2 .bg3-r-item7>div {
  color: #4c2600 !important;
}

.part3 {
  margin-top: 280px
}

.part3 .team-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: fzss;
  font-size: 45px;
  color: #fff;
  margin: 20px auto
}

.part3 .cos-box {
  padding-top: 1px;
  align-items: start;
  margin-top: 80px
}

.part3 .cos-box .name-bg {
  font-family: fz;
  min-width: 400px;
  height: 84px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/name-bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  font-size: 28px;
  padding-right: 11px;
  box-sizing: border-box;
  line-height: 88px;
  color: #fff;
  text-align: center;
  
}

.part3 .cos-box>div .mp .name {
  width: 72px;
  height: 167px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p3-menpa.png) no-repeat;
  background-size: 100% 100%;
  font-size: 28px;
  color: #fff6cc;
  text-align: center;
  line-height: 59px;
  font-family: fzss;
  writing-mode: vertical-rl;
}

.part3 .cos-box .left {
  width: 450px;
  height: 558px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/l-bg.png) no-repeat;
  position: relative;
  margin-right: 70px
}

.part3 .cos-box .left .img-box {
  width: 835px;
  height: 400px;
  overflow: hidden;
  position: absolute;
  top: -17%;
  left: 50%;
  transform: translateX(-50%);  
  mask-image: linear-gradient(to bottom, 
  rgba(0, 0, 0, 1) 0%, 
  rgba(0, 0, 0, 1) 300px, 
  rgba(0, 0, 0, 0) 400px);
-webkit-mask-image: linear-gradient(to bottom, 
  rgba(0, 0, 0, 1) 0%, 
  rgba(0, 0, 0, 1) 300px, 
  rgba(0, 0, 0, 0) 400px)
}

.part3 .cos-box .left .img-box img {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  object-fit: contain;
  z-index: 1
}

.part3 .cos-box .left .mp {
  position: absolute;
  left: 295px;
  bottom: 430px;
  z-index: 2
}

.part3 .cos-box .left .n1 {
  left: 50%;
  top: 265px;
  transform: translateX(-50%);
  z-index: 2
}

.part3 .cos-box .left .n2 {
  font-size: 28px;
  font-family: fz;
  color: #fffabf;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  top: 380px;
  z-index: 2
}

.part3 .cos-box .right {
  width: 450px;
  height: 558px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/l-bg.png) no-repeat;
  position: relative;
  margin-left: 70px;
}

.part3 .cos-box .right .img-box {
  width: 835px;
  height: 400px;
  overflow: hidden;
  position: absolute;
  top: -17%;
  left: 50%;
  transform: translateX(-50%);  
  mask-image: linear-gradient(to bottom, 
  rgba(0, 0, 0, 1) 0%, 
  rgba(0, 0, 0, 1) 300px, 
  rgba(0, 0, 0, 0) 400px);
-webkit-mask-image: linear-gradient(to bottom, 
  rgba(0, 0, 0, 1) 0%, 
  rgba(0, 0, 0, 1) 300px, 
  rgba(0, 0, 0, 0) 400px)
}


.part3 .cos-box .right .img-box img {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  object-fit: contain;
  z-index: 1
  
}

.part3 .cos-box .right .mp {
  position: absolute;
  left: 295px;
  bottom:430px;
  z-index: 2
}

.part3 .cos-box .right .n1 {
  left: 50%;
  top: 265px;
  transform: translateX(-50%);
  z-index: 2
}

.part3 .cos-box .right .n2 {
  width: 300px;
  font-family: fz;
  font-size: 28px;
  color: #fffabf;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  top: 380px;
  z-index: 2
}
.part3-line{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/part3-line.png) no-repeat;
  background-size: 100% 100%;
  width: 10px;
  height: 528px;
  margin: 0 30px;
}
.part3 .p3-tab-box {
  width: 1200px;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  margin: 50px auto 0;
  position: relative;
  z-index: 3
}

.part3 .p3-tab-box>a {
  font-family: fz;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  line-height: 22px;
  font-size: 24px;
  color: #ffffff;
text-align: center;
padding-top: 20px;
box-sizing: border-box;
  /* padding-bottom: 5px; */
  margin-bottom: 20px
}
.part3 .p3-tab-box>a span{
  font-size: 18px;
  background: linear-gradient(to bottom, #ffffff 20%,#ffffff, #fbfbbb 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.part3 .p3-tab-box>a p{
  background: linear-gradient(to bottom, #ffffff 20%,#ffffff, #fbfbbb 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.part3 .p3-tab-box>a:hover{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/part3-btn2.png) no-repeat;
  background-size: 100% 100%;
}
.part3 .p3-tab-box>a.active {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/part3-btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 276px;
  height: 79px
}

.part3 .p3-tab-box>a span {
  /* background: linear-gradient(180deg, #d2f5ff 100%, #fff 0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent */
}

.btn5 {
  display: block;
  margin: 0 auto;
  margin-top: 10px
}

.noVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.part4 {
  margin-top: 590px
}

.part4 .p4-bg {
  width: 1270px;
  height: 486px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p4-bg.png) no-repeat;
  padding: 30px 100px;
  box-sizing: border-box;
  padding-bottom: 50px;
  margin: 20px auto 0;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  position: relative
}

.part4 .bg5-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 520px;
  height: 75px;
  border-bottom: 1px solid #ddcd9f;
  justify-content: space-between;
  color: #4c2600;
  font-size: 17px
}

.part4 .bg5-item:hover {
  text-decoration: underline
}

.part4 .bg5-item:last-child {
  border-bottom: none
}

.part4 .bg5-item:nth-last-child(2) {
  border-bottom: none
}

.part4 .bg5-item .bg5-item-text {
  width: 350px;
  height: 100%;
  line-height: 75px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #4c2600
}

.part4 .bg5-item .bg5-item-date {
  width: 150px;
  height: 100%;
  line-height: 75px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.part5 {
  margin-top: 90px;
  padding-bottom: 200px
}

.part5 .p5-bg {
  width: 1314px;
  height: 351px;
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/p5-bg.png) no-repeat;
  padding: 30px 60px;
  padding-left: 70px;
  padding-bottom: 50px;
  margin: 20px auto 0;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative
}

.part5 .bg6-box-item {
  width: 285px
}

.part5 .bg6-box-item .bg6-box-item-vide {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/video-bg.png) no-repeat;
  background-size: 100% 100%;
  width: 274px;
  height: 188px;
  margin: 0 auto;
  position: relative;
  display: block
}

.part5 .bg6-box-item .bg6-box-item-vide img {
  width: 100%;
  height: 100%;
  /* object-fit: cover */
}

.part5 .bg6-box-item .bg6-box-item-vide::before {
  content: '';
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/video-btn.png) no-repeat;
  background-size: 100% 100%;
  width: 91px;
  height: 87px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2
}

.part5 .bg6-box-item .bg6-box-item-vide::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, .5) */
}

.part5 .bg6-box-item .bg6-box-item-text {
  font-size: 16px;
  color: #664400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  margin-top: 20px
}

.slide-bg {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  text-align: center;
  padding-top: 0px;
  position: fixed;
  top: 30%;
  right: -250px;
  z-index: 999;
  transition: all .5s
}

.slide-bg.show {
  right: 0
}

.slide-bg a {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/nav-btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 189px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center
}
/* .slide-bg a:hover{
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/nav-btn.png) no-repeat;
  background-size: 100% 100%;
} */
.slide-bg a.active {
  background: url(https://game.gtimg.cn/images/tlbb/cp/a20250821xls/nav-btn.png) no-repeat;
  background-size: 100% 100%;
  width: 189px;
  height: 48px;
}

.slide-bg a+a {
  margin-top: 10px
}

.slide-bg a span {
  font-size: 20px;
  background: linear-gradient(180deg, #fee2af 100%, #fff 0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent
}

.videoPopup {
  position: fixed;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  z-index: 9999;
  padding: 30px 0;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center
}

.videoPopup .container {
  width: 750px;
  height: 450px
}

.videoPopup .videoPopupClose {
  z-index: 300;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 60px;
  height: 60px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  font-size: 42px;
  color: #fff;
  border-radius: 50%;
  background: #000;
  border: 1px solid #fff
}

/*! footer */
#afooter {
  text-align: center;
  color: #ccc;
  background-color: #000;
  padding: 20px 0;
  font-size: 16px
}

#afooter a {
  color: #ccc
}

/*!# sourceMappingURL=comm.css.map */