*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
}

html {
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  background: #1f1f1f;
}

body {
  width: 100vw;
  overflow-x: hidden;
  overflow-y: scroll;
  text-size-adjust: 100% !important;
  -webkit-text-size-adjust: 100% !important;
}

*::-webkit-scrollbar {
  width: 0 !important;
  display: none !important;
  opacity: 0 !important;
}

/* 移动端常用reset.css (无文字版本) */
/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
a,img,input {border:none;}
body{
  font: 14px/1.75  "FZLTYJT",-apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a {text-decoration:none;}
ul,li{list-style: none}
/* 禁止长按链接与图片弹出菜单 */
/* a, img {
  -webkit-touch-callout: none; 
  
} */
/* 禁止选中文本（如无文本选中需求，此为必选项） */
/* html, body {
  -webkit-user-select: none;   
  user-select: none;
} */

div {
  display: block;
  box-sizing: border-box;
}

input {
  outline: none;
}

i {
  display: block;
}

img {
  display: block;
  object-fit: cover;
  object-position: center top;
}

.d-hide {
  display: none !important;
  font-size: 0; 
  text-indent: -999em;
}

.d-block {
  display: block !important;
}

/* ---------- bootstrap4 flex layout -------------- */
.p-static {
  position: static !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-0 {
  flex: 0;
}

.flex-1 {
  flex: 1;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}  
/* -------------- font ---------------- */
.font-20 {
  font-size: .2rem;
  line-height: .2rem;
}
.font-24 {
  font-size: .24rem;
  line-height: .24rem;
}
.font-26 {
  font-size: .26rem;
  line-height: .26rem;
}
.font-30 {
  font-size: .3rem;
  line-height: .3rem;
}
.font-32 {
  font-size: .32rem;
  line-height: .34rem;
}
.font-34 {
  font-size: .34rem;
  line-height: .36rem;
}
.font-36 {
  font-size: .36rem;
  line-height: .36rem;
}
.font-38 {
  font-size: .38rem;
  line-height: .38rem;
}
.font-42 {
  font-size: .42rem;
  line-height: .42rem;
}
.font-50 {
  font-size: .5rem;
  line-height: .5rem;
}

.grey-0 {
  color: #929086;
}
.black-0 {
  color: #3d3d3d;
}
.orange-1 {
  color: #ffc864;
}
.orange-2 {
  color: #ffc65f;
}
.orange-3 {
  color: #d56c1f;
}
/* ------------- margin --------------- */
.mt-4 {
  margin-top: .04rem;
}

.mt-6 {
  margin-top: .06rem;
}

.mt-10 {
  margin-top: .1rem;
}

.mt-12 {
  margin-top: .12rem;
}

.mt-15 {
  margin-top: .15rem;
}

.mt-18 {
  margin-top: .18rem;
}

.mt-20 {
  margin-top: .2rem;
}

.mt-25 {
  margin-top: .25rem;
}
.mt-30 {
  margin-top: .3rem !important;
}

.mt-31 {
  margin-top: .31rem;
}

.mt-35 {
  margin-top: .35rem;
}

.mt-36 {
  margin-top: .36rem;
}

.mt-40 {
  margin-top: .4rem;
}

.mt-45 {
  margin-top: .45rem;
}

.mt-50 {
  margin-top: .5rem;
}
.mt-55 {
  margin-top: .55rem;
}
.mt-56 {
  margin-top: .56rem;
}

.mt-60 {
  margin-top: .6rem;
}

.mt-65 {
  margin-top: .65rem;
}

.mt-70 {
  margin-top: .7rem;
}

.mt-75 {
  margin-top: .75rem;
}

.mt-80 {
  margin-top: .8rem;
}

.mt-85 {
  margin-top: .85rem;
}

.mt-100 {
  margin-top: 1rem;
}

.mt-120 {
  margin-top: 1.2rem;
}

.mt-130 {
  margin-top: 1.3rem;
}

.mt-135 {
  margin-top: 1.35rem;
}

.mt-140 {
  margin-top: 1.4rem;
}

.mt-180 {
  margin-top: 1.8rem;
}

.mt-200 {
  margin-top: 2rem;
}

.mt-230 {
  margin-top: 2.3rem;
}

.mt-250 {
  margin-top: 2.5rem;
}

.mt-350 {
  margin-top: 3.5rem;
}

.mt-400 {
  margin-top: 4rem;
}

.mr-5 {
  margin-right: .05rem;
}

.mr-8 {
  margin-right: .08rem;
}

.mr-10 {
  margin-right: .1rem;
}
.mr-16 {
  margin-right: .15rem;
}
.mr-16 {
  margin-right: .16rem;
}

.mr-20 {
  margin-right: .2rem;
}

.mr-40 {
  margin-right: .4rem;
}

.ml-4 {
  margin-left: .04rem;
}

.ml-5 {
  margin-left: .05rem;
}

.ml-8 {
  margin-left: .08rem;
}

.ml-10 {
  margin-left: .1rem;
}

.ml-15 {
  margin-left: .15rem;
}

.ml-16 {
  margin-left: .16rem;
}

.ml-18 {
  margin-left: .18rem;
}

.ml-20 {
  margin-left: .2rem;
}

.ml-25 {
  margin-left: .25rem;
}

.ml-30 {
  margin-left: .3rem;
}

.ml-36 {
  margin-left: .36rem;
}

.ml-40 {
  margin-left: .4rem;
}

.ml-60 {
  margin-left: .6rem;
}

.ml-70 {
  margin-left: .7rem;
}

.ml-140 {
  margin-left: 1.4rem;
}

.ml-167 {
  margin-left: 1.67rem;
}

.mb-10 {
  margin-bottom: .1rem;
}

.mb-15 {
  margin-bottom: .15rem;
}

.mb-20 {
  margin-bottom: .2rem;
}

.mb-25 {
  margin-bottom: .25rem;
}

.mb-30 {
  margin-bottom: .3rem;
}

.mb-40 {
  margin-bottom: .4rem;
}

.mb-50 {
  margin-bottom: .5rem;
}

.mb-70 {
  margin-bottom: .8rem;
}

.mb-80 {
  margin-bottom: .8rem;
}

.mb-100 {
  margin-bottom: 1rem;
}

.mb-120 {
  margin-bottom: 1.2rem;
}

.mb-130 {
  margin-bottom: 1.3rem;
}

.mb-200 {
  margin-bottom: 2rem;
}

.mb-230 {
  margin-bottom: 2.3rem;
}:root {
  --easeCommon: cubic-bezier(0.10, 0.00, 0.23, 1.00);
  --part2Scale: 1;
  --part3Scale: 1;
}

html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
em,
i,
span,
a,
img,
input,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  outline: none;
}

a,
img,
input {
  border: none;
}

body {
  font: 0.14rem/1.75 -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

ul,
li {
  list-style: none;
}

i,
b,
em {
  font-style: normal;
}

.db {
  text-indent: -999em;
  overflow: hidden;
}

html {
  font-size: calc(100 / 1920 * 100vw);
}

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

body {
  width: 100%;
  background-color: #242220;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: 'syht';
  src: url(//wegame.gtimg.com/tgp_act/release/event/game20260527/images/font/syht.ttf);
}

.wrapper {
  width: 100%;
  max-height: 90rem;
  /* 改为视口高度 */
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/bj.jpg) center top/cover no-repeat;
  position: relative;
  box-sizing: border-box;
  font-family: 'syht';
  font-weight: normal;
  padding-bottom: 1rem;
}

#mainPage.living .content-live {
  display: block;
}

#mainPage.living .content-lottery .content-lottery-tit {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/lottery-tit.png) no-repeat center/100% 100%;
}

#mainPage.living .content-game-list .content-game-list-tit {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/gameList-tit.png) no-repeat center/100% 100%;
}

#mainPage.living .content-header-countdown {
  display: none;
}

#mainPage.living .header-slo {
  left: 50%;
  top: 3.4rem;
}

#mainPage.living .apt-btn {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/look-live-btn.png) no-repeat center/100% 100%;
}

#mainPage.lived .content-header-countdown,
#mainPage.lived .content-header-aptBtn-box {
  display: none;
}

#mainPage.lived .header-slo {
  left: 50%;
  top: 3.9rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/header-logo1.png) no-repeat center/100% 100%;
}

#mainPage.lived .content-live {
  display: block;
}

#mainPage.lived .content-live-tit {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/live-tit1.png) no-repeat center/100% 100%;
}

#mainPage.lived .content-lottery .content-lottery-tit {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/lottery-tit.png) no-repeat center/100% 100%;
}

#mainPage.lived .content-game-list .content-game-list-tit {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/gameList-tit.png) no-repeat center/100% 100%;
}

.content {
  width: 100%;
  height: 100%;
  position: relative;
}

.content-header {
  width: 19.2rem;
  height: 12.92rem;
  margin: 0 auto;
  position: relative;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/header-bj.png) no-repeat top center / cover;
}

.content-header .header-slo {
  width: 5.69rem;
  height: 2.89rem;
  position: absolute;
  left: 52%;
  top: 1.3rem;
  transform: translateX(-50%);
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/header-logo.png) no-repeat top center / cover;
}

.content-header-countdown {
  position: absolute;
  width: 5.75rem;
  left: 50%;
  top: 4.8rem;
  transform: translateX(-50%);
}

.content-header-countdown p {
  width: 95%;
  margin: 0 auto;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  justify-content: space-between;
}

.content-header-countdown i {
  font-size: 0.26rem;
  color: #ffe1af;
  display: inline-block;
}

.countdown-box {
  width: 5.75rem;
  height: 1.64rem;
  position: relative;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/countdown-bj.png) no-repeat center / cover;
}

.countdown-box em {
  position: absolute;
  display: block;
  top: 40%;
  transform: translateY(-50%);
  font-size: 0.74rem;
  color: #ffe6ba;
  font-weight: bold;
}

.countdown-box em:nth-child(1) {
  left: 0.4rem;
}

.countdown-box em:nth-child(2) {
  left: 2.45rem;
}

.countdown-box em:nth-child(3) {
  left: 4.5rem;
}

.content-header-aptBtn-box {
  width: 5.75rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7.6rem;
}

.content-header-aptBtn-box a {
  width: 3.97rem;
  height: 1.34rem;
  display: block;
  font-size: 0;
  margin: 0 auto;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/apt-btn.png) no-repeat center / cover;
}

.content-header-aptBtn-box a.over {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/apt-btn-over.png) no-repeat center / cover;
}

.content-header-aptBtn-box p {
  font-size: 0.22rem;
  color: #babbbf;
  text-align: center;
}

.content-live {
  display: none;
}

.content-live .content-live-tit {
  width: 13.83rem;
  height: 0.89rem;
  margin: 0 auto;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/live-tit.png) no-repeat center / cover;
}

/* .content-live .content-live-tit.live-over {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/live-tit1.png) no-repeat center / cover;
} */

.content-live-box {
  margin: .4rem auto 1.2rem;
  width: 13.6rem;
  height: 7.6rem;
}

.content-lottery .content-lottery-tit {
  width: 13.88rem;
  height: 0.65rem;
  margin: 0 auto;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/lottery-tit1.png) no-repeat center / 100% 100%;
}

.lottery-box {
  margin-top: 0.46rem;
}

.lottery-box>div {
  margin: 0 .1rem;
}

.lottery-task-box {
  width: 6.61rem;
  height: 6.95rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-box-bj.png) no-repeat center / cover;
}

.lottery-task-box .tit {
  font-size: 0.24rem;
  color: #ffd9b4;
  width: 100%;
  justify-content: flex-start;
  margin: .3rem 0 .18rem .3rem;
}

.lottery-task-box .tit i {
  width: 0.2rem;
  height: 0.23rem;
  display: block;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-tit-icon.png) no-repeat center / cover;
}

.task-list {
  flex-direction: column;
}

.task-list .task-item {
  width: 6.07rem;
  height: 0.87rem;
  margin-bottom: 0.1rem;
  padding: 0 .2rem;
  box-sizing: border-box;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-item-bj.png) no-repeat center / cover;
}

.task-list .task-item:nth-child(2) {
  width: 6.07rem;
  height: 0.78rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-item-bj1.png) no-repeat center / cover;
}

.task-list .task-item i {
  width: 0.26rem;
  height: 0.25rem;
  display: block;
  font-size: 0;
  margin-right: 0.16rem;
}

.task-list .task-item:nth-child(1) i {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-num1.png) no-repeat center / cover;
}

.task-list .task-item:nth-child(2) i {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-num2.png) no-repeat center / cover;
}

.task-list .task-item:nth-child(3) i {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-num3.png) no-repeat center / cover;
}

.task-list .task-item .task-txt {
  font-size: 0.18rem;
  color: #ffffff;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.task-list .task-item .task-txt em {
  font-size: 0.16rem;
  color: #cccccf;
  line-height: 1;
}

.task-list .task-item .task-txt b {
  font-weight: normal;
}

.task-list .task-item .task-btn {
  display: block;
  width: 1.31rem;
  height: 0.53rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-qwc-btn.png) no-repeat center / 100% 100%;
}

.task-list .task-item:nth-child(2) .task-btn {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-qwc-btn1.png) no-repeat center / 100% 100%;
}

.task-list .task-item .task-btn.ywc {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/task-ywc-btn.png) no-repeat center / 100% 100% !important;
}

.lottery-con {
  width: 7.12rem;
  height: 6.93rem;
  position: relative;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/lottery-box-bj.png) no-repeat center / cover;
}

.lottery-con .lottery-list {
  width: 6.1rem;
  margin: 0.1rem auto;
  justify-content: space-between;
}

.lottery-con .lottery-list .lottery-item {
  width: 1.93rem;
  height: 1.93rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding-top: 0.3rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/lottery-item-bj.png) no-repeat center / cover;
}

.lottery-con .lottery-list .reward-box {
  width: 1.33rem;
  height: 1rem;
  position: relative;
  z-index: 1;
}

.lottery-con .lottery-list .reward-box img {
  width: 100%;
}

.lottery-con .lottery-list .lottery-name {
  color: #fff;
  font-size: 0.2rem;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}

.lottery {
  width: 6.1rem;
  height: 5.9rem;
  position: absolute;
  left: 0.5rem;
  top: 0.1rem;
}

.lottery .lotterycontent_container {
  width: 100%;
  height: 100%;
}

.lottery .lotterycontent_start {
  position: absolute;
  left: 50%;
  top: 51%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.94rem;
  height: 1.92rem;
  animation: none;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/lottery-btn.png) no-repeat center / cover;
}

.lottery-btn-box {
  width: 5.9rem;
  margin: 0 auto;
  justify-content: space-between;
}

.lottery-num {
  position: absolute;
  left: 50%;
  bottom: 3rem;
  transform: translateX(-50%);
  color: #7D4516;
  font-size: .18rem;
}

.lottery-btn-box a {
  width: 1.1rem;
  height: 0.21rem;
  display: block;
  font-size: 0;
}

.lottery-btn-box a:nth-child(1) {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/my-reward-btn.png) no-repeat center / cover;
}

.lottery-btn-box a:nth-child(2) {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/rule-btn.png) no-repeat center / cover;
}

.lotterycontent_hover {
  width: 1.93rem !important;
  height: 1.93rem !important;
  background-size: 100% 100% !important;
}

.lotterycontent_disable {
  position: absolute !important;
  left: 50% !important;
  top: 51% !important;
  transform: translate(-50%, -50%) !important;
  display: block !important;
  width: 1.94rem !important;
  height: 1.92rem !important;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/lottery-btn.png) no-repeat center / cover !important;
}

.content-game-list {
  margin-top: 1.3rem;

}

.content-game-list .content-game-list-tit {
  width: 13.86rem;
  height: 0.93rem;
  margin: 0 auto;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/gameList-tit1.png) no-repeat center / 100% 100%;
}

.game-list-tab {
  width: 14rem;
  justify-content: flex-start;
  margin: 0 auto;
  margin-top: 0.58rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/game-list-line.png) no-repeat bottom center / 14rem .04rem;
}

.game-list-tab a {
  width: 2.89rem;
  height: 0.5rem;
  display: block;
}

.game-list-tab a:nth-child(1) {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/gameList-tab1.png) no-repeat center / 100% 100%;
}

.game-list-tab a:nth-child(1).on {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/gameList-tab1-on.png) no-repeat center / 100% 100%;
}

.game-list-tab a:nth-child(2) {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/gameList-tab2.png) no-repeat center / 100% 100%;
}

.game-list-tab a:nth-child(2).on {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/gameList-tab2-on.png) no-repeat center / 100% 100%;
}

.game-list {
  display: none;
  margin: 0 auto;
  margin-top: 0.35rem;
  flex-direction: column;
  min-height: 15rem;
}

.game-list.on {
  display: flex;
}

.game-list .game-item {
  width: 13.85rem;
  height: 2.8rem;
  margin: 0 auto;
  margin-bottom: 0.12rem;
  padding: 0 .26rem;
  box-sizing: border-box;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/game-item-bj.png) no-repeat center / 100% 100%;
}

.game-list .game-item .game-btn {
  flex-direction: column;
  width: 1.86rem;
}

.game-list .game-item .game-btn a {
  display: block;
  width: 1.86rem;
  height: 0.72rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/game-apt-btn.png) no-repeat center / 100% 100%;
}

.game-list .game-item .game-btn a.over {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/game-apt-btn-over.png) no-repeat center / 100% 100%;
}

.game-list .game-item .game-btn a.download {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/download-btn.png) no-repeat center;
  background-size: 100% auto;
}

.game-list .game-item .game-btn a.open {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/openGame-btn.png) no-repeat center;
  background-size: 100% auto;
}


.game-list .game-item .game-num {
  font-size: 0.18rem;
  width: 100%;
  text-align: center;
  color: #fdd6ad;
}

.game-list .game-item .game-img {
  width: 1.83rem;
  height: 2.35rem;
  margin-right: 0.22rem;
}

.game-list .game-item .game-img img {
  max-width: 100%;
  max-height: 100%;
}

.game-list .game-item .game-info {
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.game-list .game-item .game-name {
  font-size: 0.3rem;
  color: #fff;
  margin-bottom: 0.2rem;
}

.game-list .game-item .newTag {
  width: 0.55rem;
  height: 0.28rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/game-newTag.png) no-repeat center / 100% 100%;
}

.game-list .game-item .oldTag {
  width: 0.55rem;
  height: 0.28rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/game-oldTag.png) no-repeat center / 100% 100%;
}

.game-list .game-item .tag-box p {
  margin-right: 0.04rem;
}

.game-list .game-item .tag-box-tag {
  width: auto;
  height: 0.28rem;
  box-sizing: border-box;
  border-radius: .05rem;
  padding: 0 .1rem;
  line-height: 0.28rem;
  font-size: 0.18rem;
  color: #bdc3d6;
  border: 0.01rem solid #5785ff;
  background-color: rgba(102, 165, 255, .2);
}

.game-list .game-item .desc {
  font-size: 0.18rem;
  color: #65a9e2;
  margin-top: 0.16rem;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.game-list .game-item .upTime {
  font-size: 0.18rem;
  color: #fdd6ad;
  margin-top: 0.16rem;
}

.game-list .game-item .upTime i {
  width: 0.17rem;
  height: 0.16rem;
  display: block;
  margin-right: 0.06rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/upTime-icon.png) no-repeat center / 100% 100%;
}

.close_btn {
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/close_btn.png) no-repeat;
  background-size: 100% 100%;
  width: .26rem;
  height: .26rem;
  position: absolute;
  top: 0.3rem;
  right: .3rem;
  z-index: 9999;
}

.pop1 {
  width: 7.98rem;
  height: 7.11rem;
  box-sizing: border-box;
  padding-top: 1.2rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/pop-rule-bj.png) no-repeat center / 100% 100%;
}

.pop2 {
  width: 7.94rem;
  height: 5.05rem;
  box-sizing: border-box;
  padding-top: 1.2rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/pop-reward-bj.png) no-repeat center / 100% 100%;
}

.pop3 {
  width: 7.94rem;
  height: 5.05rem;
  box-sizing: border-box;
  padding-top: 1.2rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/pop-tips-bj.png) no-repeat center / 100% 100%;
}

.pop4 {
  width: 7.94rem;
  height: 4.58rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/pop-getQb-bj.png) no-repeat center / 100% 100%;
}

.pop5 {
  width: 7.9rem;
  height: 6.96rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/pop-record-bj.png) no-repeat center / 100% 100%;
}

.rule-box {
  width: 7.75rem;
  height: 5.5rem;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.rule-box::-webkit-scrollbar {
  width: 0.08rem !important;
  display: block !important;
  opacity: 1 !important;
  border-radius: .08rem;
}

.rule-box::-webkit-scrollbar-track {
  background: none !important;
  border: 1px solid #6aa6f3 !important;
  border-radius: .08rem;

}

.rule-box::-webkit-scrollbar-thumb {
  background: #6aa6f3 !important;
  border-radius: .08rem;

}

.rule-box::-webkit-scrollbar-thumb:hover {
  background: #6aa6f3 !important;
}

.rule-box img {
  width: 7.7rem;
  height: 8.58rem;
  margin: 0 auto;
}

.pop-reward-box {
  flex-direction: column;
  width: 2.34rem;
  height: 2.32rem;
  margin: 0 auto;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/pop-reward-icon-bj.png) no-repeat center / 100% 100%;
}

.pop-reward-box .img-box {
  width: 1.33rem;
  height: 1.5rem;
}

.pop-reward-box .img-box img {
  width: 100%;
  height: 1rem;
}

.pop-reward-box .name {
  width: 100%;
  text-align: center;
  font-size: 0.24rem;
  color: #ffffff;
}

.pop-btn {
  margin: 0 auto;
  margin-top: 0.42rem;
  display: block;
  width: 1.97rem;
  height: 0.79rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/event/game20260527/images/pop-btn.png) no-repeat center / 100% 100%;
}

.pop-tips-box {
  width: 7rem;
  height: 2.4rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.24rem;
  color: #ffffff;
}

.pop4 .pop-tips-box {
  height: 0.4rem;
  margin-bottom: 0.2rem;
}

.wrapper .input-box {
  flex-direction: column;
  font-size: 0.24rem;
  color: #ffffff;
}

.wrapper .input-box>div {
  background-color: #0d173b;
  width: 6.85rem;
  height: 0.56rem;
  line-height: 0.56rem;
  border-radius: .07rem;
  box-sizing: border-box;
  border: 0.01rem solid #3957b4;
  margin-bottom: 0.12rem;
}

.wrapper .input-box>div p {
  width: 94px;
  text-align: center;
  border-right: 0.01rem solid #3957b4;
}

.wrapper .input-box>div input {
  flex: 1;
  height: 100%;
  background-color: transparent;
  text-indent: 2em;
  color: #fff;
  font-size: .2rem;
}

.pop4 .pop-btn {
  margin-top: 0.05rem;
}

.pop5 {
  padding-top: 0.7rem;
}

.pop5 .pop-tips-box {
  justify-content: flex-start;
  text-align: left;
  font-size: 0.22rem;
  height: 2rem;
}

.pop5 .record-list {
  width: 6.92rem;
  height: 3.5rem;
  margin: 0 auto;
  box-sizing: border-box;
  border: 0.01rem solid #7da9ec;
  border-radius: 0.1rem;
  flex-direction: column;
  overflow: hidden;
}

.pop5 .record-list .list-tit {
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
  width: 100%;
}

.pop5 .record-list .list-tit p {
  flex: 1;
  height: 0.54rem;
  line-height: 0.54rem;
  font-weight: bold;
  background: linear-gradient(to right, #344f9d, #122050);
  border-bottom: 0.01rem solid #96c5f7;
  box-sizing: border-box;
}

.pop5 .record-list .list-tit p:nth-child(2) {
  border-right: 0.01rem solid #96c5f7;
  border-left: 0.01rem solid #96c5f7;
}

.pop5 .record-list .list-con {
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 3rem;
  /* border:1px solid #fff; */
}

.pop5 .record-list .list-con p {
  flex: 1;
  font-size: 0.18rem;
  color: #fff;
  font-weight: bold;
  height: 0.6rem;
  line-height: 0.6rem;
  border-bottom: 0.01rem solid #6b8fbe;
}

.pop5 .record-list .list-con a,
.pop5 .record-list .list-con p:nth-child(2),
.pop5 .record-list .list-con p:nth-child(3) {
  background: linear-gradient(to bottom, #ffebd7, #d5a67b);
  -webkit-background-clip: text;
  color: transparent;
  z-index: 1;
}

.pop5 .record-list .list-con a {
  text-decoration: underline;
}

.pop5 .record-list .list-con p:nth-child(2) {
  border-right: 0.01rem solid #6b8fbe;
  border-left: 0.01rem solid #6b8fbe;
}

.pop5 .page-box {
  margin: 0 auto;
  color: #fff;
  margin-top: 0.2rem;
}

.pop5 .page-box a {
  margin: 0 .1rem;
  color: #fff;
}[v-cloak] {
  visibility: hidden;
}
body:not(.page-out-client) .frame-page {
    padding-top: 0;
}
.fr-header {
    position: absolute !important;
    width: 100%;
    top: 0;
    visibility: visible;
}
.live-bd-box {
    height: 100%;
}
.plugin_ctrl_txp_bottom .txp_popup {
    bottom: 50px !important;
    padding-bottom: 0 !important;
}
.txp_btn.txp_ctrl_client_launcher, .txp_btn.txp_barrage_client_launcher {
    display: none !important;
}
.over, .ywc {
    pointer-events: none;
}
.pop-address .tips {
    display: none !important;
}
.chatinputv2-textarea:empty::before {
  content: attr(placeholder);
  color: rgb(191, 191, 191);
}
.chatinputv2-textarea:empty:focus::before {
  content: '';
}
.chatinputv2-textarea {
  min-height: 21px;
}
.glive-input {
  width: calc(100% - 400px);
  height: 34px;
  /* background-color: #818181; */
  position: absolute;
  bottom: 16px;
  left: 132px;
  z-index: 10;
  display: flex;
}
.chatinputv2-textarea {
  flex: 1;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  color: #000;
  font-size: 16px;
  border: none;
  border-right: 3px solid #757575;
  background-color: rgba(167, 167, 167, 0.9);
}
.chatinputv2-textarea::placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 34px;
}
.glive-input-button {
  flex-shrink: 0;
  width: 55px;
  position: relative;
  font-size: 0;
  background-color: rgba(167, 167, 167, 0.9);
}
.glive-input-button:hover:before {
  opacity: 0.7;
}
.glive-input-button::before {
  content: '';
  width: 30px;
  height: 24px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAwCAMAAACYPPJCAAAAhFBMVEUAAABQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFAFWD5/AAAAK3RSTlMA/AbsDdjRWQn4x3xvSPGxUUIjEcK4rIZ5OqSaPiAa5t/MnpWSZ2IwJnMsLZYHsQAAAZZJREFUSMed1deWgjAQgOFJaAIqRWkC9j7v/37romyII+vAd+VB/2OaEUabjOzW13OayEHJQkZTJ7fFdoOIEXd0k+h8yj3rkQh88r9ml6gO0+Vygy7qdv2NKavc8T0xxx50pSTEl+JcWp4t1Og+uWjZvTCdNDGQjO6T6eurzMIvS8+dM5L2M0G77i4y7fzkfbIlr/QqsF4vZ2pJGaM1gjWEarLK7WuaX0Fm7bKvoMv7N9ye4MHGFws0d9FfBiE8OOpBDLpVT2gHC/m7Inuhhk9+UgIpIzFNaNjq4REIn5b+Gp5m3adATSwtFMZsAW3qonKFD4pumobqjSM5xlTwN6x9ZyVrNVW1s0TdLJe7126SytB+CbRSg7MyCV0H1MT9l9KmWR8l3uqpA2wzQ08P/PSAOotdmkt8A2wW4sjJhuR4Z8xS3khqA9MOiQVzvEhFvNQRNPW5m0PbJXBNSWsCm0F2lq+g/1p82nEMYJAJKoaEYTLV1jCQFOQYc6kbOYURbHK38cVNW8EoK7qzfC4mMNbJg/E4h+IHPC+jM1RlxpMAAAAASUVORK5CYII=')
    no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 6px;
  left: 14px;
  transition: all 0.16s ease-out;
}

.livedanmmubox[data-v-7ef00f74] {
  position: relative;
  user-select: text;
}
.livedanmmubox[data-v-7ef00f74] {
  padding: 4px 15px;
  background-color: #0003;
  border-radius: 200px;
}
.livedanmmubox.livedanmmubox--wo[data-v-7ef00f74] {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.livedanmmubox .livedanmmubox-tag[data-v-7ef00f74] {
  display: inline-block;
  margin-right: 6px;
}
.livedanmmubox .livedanmmubox-tag[data-v-7ef00f74] {
  margin-right: 4px;
  color: #f4e6bd;
}
.livedanmmubox-text[data-v-7ef00f74] {
  display: inline-block;
}
.livedanmmubox-dec[data-v-7ef00f74] {
  display: inline-block;
}

.danmu-line {
  position: relative;
  height: 30px;
  width: 100%;
  color: #fff;
  font-size: 14px;
}
.danmu-line-content {
  top: 0px;
  pointer-events: auto;
  bottom: inherit;
  position: absolute;
  /* transform: translateX(calc(52vw + 100%)); */
  left: 100%;
  willchange: transform;
  white-space: nowrap;
}

.danmu-container {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: transparent;
  top: 0;
}
.livedanmmubox {
  padding: 4px 15px;
  background-color: rgba(0,0,0,.2);
  border-radius: 200px;
}
.livedanmmubox .livedanmmubox-tag {
  margin-right: 4px;
  color:#f4e6bd;
}
.livedanmmubox.livedanmmubox--wo {
  border:1px solid rgba(255,255,255,.4);
}
.livedanmmubox .livedanmmubox-tag {
  display: inline-block;
  margin-right: 6px;
}
.livedanmmubox-dec {
  display: inline-block;
}
.livedanmmubox .livedanmmubox-tag {
  display: inline-block;
  margin-right: 6px;
}
.livedanmmubox-dec {
  display: inline-block;
}

/* 直播ui */
div.plugin_ctrl_txp_bottom .txp_btn:hover .txp_icon {
  fill: #ffbf37;
}
.plugin_ctrl_txp_bottom .txp_right_controls .txp_btn.txp_btn_volume svg * {
  display: none;
}
div.plugin_ctrl_txp_bottom .txp_left_controls .txp_icon {
  width: 38px;
  height: 38px;
}
div.plugin_ctrl_txp_bottom .txp_left_controls .txp_btn_refresh {
  width: 30px;
  height: 30px;
}
.plugin_ctrl_txp_bottom .txp_right_controls .txp_btn.txp_btn_volume svg {
  width: 28px;
  height: 28px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAtCAYAAAAOYyOGAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQ2SURBVGhD1Zk9chQxEIXZHA4AB4ADmBxvjh2DN8fEYGJMzhKDiYEck7Pk+AD2AdYHsPPlPdGa0mikbkkzSy2qmrLL1rT6U/9KM7sz8dhsNg8g8hWefTxrPD9ms9nZxMuo4mZTLgagR5D3Ec+9SO7ZvwSbDApAB2KhGMjxAepxzQZC3h7mP5cNusTPz5BxUyJjEigBemssuIBSVM4cAvQpmsh33+C5seBGQ0GBF1iIjzWOocyFNYn/h0wC0VLxoKUYpy81sFFQWJzWoduVjBqo34ZAWi0L1gQFGMYNM1wpEHWsgVpi/hMD7ALWOk7NqYYSIGY4ZrqaUQNF2XTBu8YCyaxaBTUCqMpSElesd8x+fLQx2KxiKKUGlVqr2FKhwILMuoYbHobvFEFVAN0qLtMEJVZ7bVis54YOSpR+hl9p8ngwjTK9JotqMNm3Qrn0noWS1oqZ1Kfxc/z+IUzbmKMlj561ZplCV+pSft47KHBu1CwN6gsExYlnBZknfgGJZ8LmkofTgfMJlRJYCkV3W3phLVDGps4ja2mF/hJzFx7KKnQ5QAJx97vWZwtQA+tiDVrjfkapQ+izpqW+Z2JJs9YASGJT28mk+xluNSiwmK8lDeeChKq11JVYaNAxt1hKNoOdCZVNxUtvMySpMWRSg2e3Uw3qGm+xeWRG9Ob+hd9Pc81kK5SAHeEnW694OEXDPyou6LKgBtXlftkdvqCeZ8ZACVgqXnjUmEdQhHyaMhXPbUVQWnBFi1XHVPR+zlouAfi5xuYtdg2KxTc+HJIljqsc/N+5SqKovleYwP3YtfxMeEYMlYPfSSgmJZaYePzXUPugeV8ApcfujrlfLqvVtEvznYkp6dRZVOPTwBUyHxNDN7SO3UrpvPnhw1TKQkzhW6tTUJRuR/eLB48gXyOoXBfk2qraNmkF4eyvknCt2U8BYo95EHXqubgj9zfMXRKKKdQ6AIYblb2eaoEyerlBWcH8XNxRxxNArWot5eFoKd679W5cG6G0mtO71ZW4S6V86nULfZz7Eor++jDhy9afBmCNULna1CnpFVHclFO6xpdQWstRAsZAdsfoFijlve54LnO0WOKUzqr+4oVg7HpbLEaBToFWqEBpf/HCXQ9P1LRmKt37Te8dJs0rMiiqHeBCSzbfJmnugPVL7ut7sWdCyS6WXgMzznKZtPreTzbU+kTk0ni4MUVQlWC5jW+Byn3S8WuwKTiK62YxlIDRClyoJfZaoKyvH8kPeVVQI8FaoLSM18uOTe4XvgRfp8V4+5O8J8j4XzVUIt2zbWJWZHZ0ZSQ1qi0VwZ1WgDVB+fWwkXsAKfq8OgoqsZNadu5dnmgTx/5vNJSAsZapqZfnnLHKlr4/CVQAlrtlvQZUzffhUv2nj6lYohwjUt9qBwe9UVobL09mqSCg2afRYvy6zuLIit87uW4TiLL/AET6kzpDByJ8AAAAAElFTkSuQmCC')
    no-repeat 50% 50%;
  background-size: 24px auto;
}
.plugin_ctrl_txp_bottom .txp_right_controls .txp_btn.txp_btn_volume:hover svg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAtCAYAAAAOYyOGAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAATSSURBVGhD3Zq/T1RBEMdnDjkSo8FW/gCtjXg0JnCQWAm1QO9Rg9ZiD9SKtdKLlckdmNiAEOvjDzhaLkdM5Nc4u/vu7v3Yn+8eycWXUN2+3f3szHxndh4IBT/0/ckEjJRXAWEmmroDSPsw2t7C581Owctpp8MiF6HG5GOAkQ88533NvMc4e1Arcj3TXIVBUf3ZPGBp1QDUXb/GYMc+YNSYegoEi2xxPiBqQrn9ydfShUBFQO88NusFJYEAPibnY7Cry7dw90/HBTcwFG/gNS8u/nweXygBJMDSD8cktdhqKzawgaBor/IOCOd9aKIxvlBH9jmlOxrBckHRz8f34XJ8NRBI7NMTqrIJgNOOwzIKTzCUBLoYZ4VDVrrgxxNKqGiJXRDvOVbYZuHZTo8JghoQyNtSYqDMd6N3FoFKiw6wzEF5QzlyUGxdOuETfmTYiJel4u86lRWphdXDhfg7XlDeQETfAHE3K8e9JYOhpNX2nq05LJZwQwklN42lVxz4E5kTJuAyR8qrrkqID5cT63OMHUq62p2yyHNKxpF202UVNSzikbIWOjbhpwR08x7nfgkL8QHpEqcDqlH5nBEegn2cO3jTfTOKZ17DIB6xPTCUZkI/FIFwDkSbXaA8UNZDKJ9V40nWnuipibOHy8rQjSlHojMRMhDccIwcNROBHWipUMtSvbLLcftQu6uriwV88buFXBV81caS1Vp6oFyWUnnP5FaZBGsVjcgFc1iKJbvcrplqr9CTlwchK3xcM8RLQjEjJeYY1Dysvjh3uG6GIjrlhVocMxN9c9MPBlq3FZN5oJSFK0sMJa4uySfaaMLFTS4YqaDNUj3tl6dT7rRcJX8e9/PYbIdTRTU1bp0P+qXOWDx20gvKWwxzSnpPtk3WigSgP8523bleHjIoY45LxZXBVRV1bbigpBI+2NN4RgrKkeAteUpb1rtcMa9QyHhU5dLX/wtqb3IGaGTDA8rWQhgy96tX9KoWUi6JscPifpHriaSaug3QCdd0nMP6j61id0m66M8dc3XICRhPoXx2cpt5iupTG7Gubhxhi6G+JKGM9aosq8LKJL4OwNjZ+6IrCgvQOVcw84lK3Rx3XJDc7GD116aAEhLqugDGT87angpVP2stB5BRYK7SjdUE4PUbrB7th1mqj8ZNxeuV9LUjT5lkPwSuDmJXG4vki4Rwzm46I/YgLonsr8ZGiS0tacGCLWXMTf1N9sojY9wJJlWhd6H01bEry6rfO0A3W4PcfCPrZvNO7Houx9hiSW6lb9Wo8SJqKeCqN5fFeMXBehS9TQOqxos49azbaeS+d/KJy6SzRea4wMXtmbubZHMKv359MvacUMo9PNvAorVF+I1fSX2G6W07qO/nbGTKAFIyHj8YL6ggMPGBzNxnD4NqTJk+6SgGcTsfay+l86Y3lJxDNUlE497UVrZ5kvgtEMr19SPpdt3Fg6AKAAuDsileSh1zuV/8JWmxv+Nrpj6BxVxBUMrt41d30ZrDJqst5yTVEdY9wZZKwNlKFv16wVDdaURS9/0IPhBU9iRdIRUWU87ZbsNSvVNU/27g/jqf6grl3bTrvYEtlQQzdllFdGTuRa7N5f29MCjlisYknauJMxRQEkxW3aOiLz4tkyPCTvrmmnezvu/9AzP4GwZoTyPZAAAAAElFTkSuQmCC');
  background-size: 24px auto;
}
.plugin_ctrl_txp_bottom
  .txp_right_controls
  .txp_btn.txp_btn_volume[data-status='mute']
  svg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAtCAYAAADlVJiFAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANeSURBVGhD1ZoxchQxEEUZSAggBx8ADgAH8AHsA5gcO4WyISBhD4DJcY6dEIEzB/YB4AD2AbwHgBSW/6daU9pZSd0aqaZkVanW3m319FOrWy3tdvcqt9Vq9RQqD9G30X+j/+i67nPlx6jqOlUiQwBQzyD+Bf3xaNgZ4I4zVBWLVgMD1I54agzVGwmwl8XWZiioAiZQC+W5rwB3k2FbkWgxGKBew4IDgxUHAPtlkKsiUgQGqI+wYtdoSftgAHok8WSFInvbYALFzPfc6Ckn1i5YAVS7HkvsUVbHteexDKg/oGT8hdr8YGL4HqxhOTRuNPYFenDj9YRP5O/9XDB5PifkBlsCn2dusbEdPqDRTAYlbQGDzqGLUGYwidkFxmzLw2/xemTZyAOZmXUpV0VfBBDsK15zM5ybBM7uJ0LxjQlghGIp5rc1A0OznUhiHMsKZ0mwnxNdRah9f3ZzwMS4q8izo3CGzHwMm84I9h3KtzLhNqByPaaAUd0GnAGK4wawXI9xDdNTG0Ge4zGZiNBSDC5LIxRt2qFtqaW4hBCDmd502ZJLh4kimLkmgDETMpvyHBdr9Nxb9HfoqVywtopSYCcA6FO4pNRbLRXngoluC9xfyD5IwG+EhgnMGn9TwDLgYmYE470JsAK4IBT1NQM2AS4K1RyYwD3B6zf0h4kQWOGzD4j5i5hMix6znvWSFUozYMZ9auygKFwTYBOhHGQQLgXGioS3Sm6jVo8UU9K9Eeof7LivbOJDZa8lj5CeK7xZu/LQYorZ7w36e3StQlk7tlxigHaI9CGv8Q8VzFErDildPGspv3a1WjFVcATXdc5SNFT3oWORpfwaqvtTxcUxwNCxwnyCVsCim6/BcwMY7zr4tc+URjgqqnmCTlYUsonHPMexe/0JWgQJx1vdVHCmwGvdeTADH2bceRxB3l0trB9bNDfB9RxIBbFrNaeC2Y0TZb7McQPlWMQEdq0djcb2xsaavpSQwcxIGhyXZizDzn+vqHlNliuXqQUupq5NMCVoLXPTLlghXNtgHpyfke6+x3wCJJWFl241uPY9NoJLVRu+KGs47lOzNFO61yyRvY7ei7Y7+XMIibvURr4EWM731dpcqp9X8Zh7SmIj7wtT1ZqKAlXBxHP+b6kYU6dzQ9GO/+buNEwB5hZUAAAAAElFTkSuQmCC');
  background-size: 24px auto;
}
.plugin_ctrl_txp_bottom
  .txp_right_controls
  .txp_btn.txp_btn_volume[data-status='mute']:hover
  svg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAtCAYAAADlVJiFAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQWSURBVGhD1Zq9UhNRFMfP2aDjDEkvPgDOWArEzgnREh4AekmrE7SwMQ8g9tALjZXa6ZCMnTFYOgMPAA9AGJ0Ju8dz724+NrmfySqbrRhy9+753f+55+PuImR80beVJegFdcCgAhhdAuEnrLbfZfwY63RoHeExgL6Wl6FA+0BBKXUbRke4/mPPY6qZh2YGRs3yBgDVJ6ASE7H6fXVmaz0myARMQhE2jM+NaBufts88bJtp6Mxg1Fp7BlFQs1vRq2H154l9XDYjZgJjpd6wUptupswBGDUfFAGKvJ9coQR6zsEkFBb3IcL7bkr1R+UYbHqoHCumzVHOsuVQMXeoqAsQ8P5TXTcAFhsOW2zO0oRJEXUhgBVd4h2ODw/ivws7vmDy+RgWIfh9huu/eHHcL929SMcPVwBu7btPpRiJ1MD19mc6XmUodzC5Z6PFhqwrxYV0DiHsuiTyicgs6tIQa/17kVrl9/4Rrg/Hrof4VkCJ//iDlRucMrgUG7nGDFQtuDaIiXsL0TY+PrlgxR51plOLoSLcGV1dHzBpHJVaymcb4KyROaA9rLSPkKuHj7xq9/zgJqF8FTOCSbdMu5ac3yWHDsC8FaMzwO6OapP7KBYbqnBFjVs6QYHYGlcbwja9KxJdyM0s1ESMoyUCu84lBwp15PIHE+5Y5GiKy1qPEcpB7wXg7ZfmWJD2IsMeCw+w2pEhPE4H3XNbKPYFG7iXEY44NVLIHURBv10mt4YTmOv+mwbMDMdQiav4QEnn0kfFoWL/GkwNNz1UrsDScJDsOVO7qI7MfRFyo1jfII5+dwEWP3AJd0cfUIg4HbzGSueLbkyuwNxCeuKiSKkSahwwN2BeUJx34pgymcRz5YpTQQ0I1HB6xZA6HDNP4Bo5UYfnLi3FNOHeCYqiiIuEQFQIykuhnF8RTFELgqtsKw/r+Ykok3rPgW6/slYoqbaluda0N5Ej6xTQKVC39l9qRVH7JR1EXDS7lF9Xm+Za0ZSVNZvWxxWt1f0I1EgqsMMNq/vyoVFibaJQtBUeHbQZTJ98rcoNwFrlLZa77lo2pcbJyhv3Mu2gFUqN26aH4wVZiLZkBy1LGQkHfFRtaB+MrjnDmQeU+HgAKnJ60SoR1D3OPHaHRwtjbYtNqfhNCu3qj9WSGYKIT4eJF8r9MGewd0RbFFyXAP+c2lqjCfU09zq9lJD9WEDcm+nODJPHyTeYYy/9BpbcwLmiTTXpJa5w2slyCibhXHLJPILNBpdjxVKJEoojEcnFmecAbAhoOT5L8c4RmHRNY7UxQrZwvSkSp4u2WYxxCve2B7l8NTCXn0PEQcWQyLmiwCdtx5fwtmV0+z0TxdIVhCKRJ4Wpm0nZjMoUTConvqUKF/iLAq7/RO1XgEPx9iMbc91n+QufjChbyusBZAAAAABJRU5ErkJggg==');
  background-size: 24px auto;
}
.plugin_ctrl_txp_bottom
  .txp_btn.txp_btn_switch_item.txp_btn_bullet_switch
  .txp_checkbox {
  opacity: 0;
}
.plugin_ctrl_txp_bottom
  .txp_btn.txp_btn_switch_item.txp_btn_bullet_switch
  .txp_slider:before {
  display: none;
}
.plugin_ctrl_txp_bottom .txp_btn.txp_btn_switch_item.txp_btn_bullet_switch {
  width: 32px;
  margin-right: 16px;
}
.plugin_ctrl_txp_bottom
  .txp_btn.txp_btn_switch_item.txp_btn_bullet_switch
  .txp_slider {
  width: 32px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAqCAYAAAAj6gIfAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQrSURBVFhHvVm9WlQxEGV77dUH0AfQ3qVXerF3rYXe3V7poRd6oRd61x4eAB4A+vWcmOTLvXdmkomu+b77we7NZE4m83MmO9tRxmazmePVc+19/P4ef2/w3M1ms9vxXKzxAt99M9Y4g9xX6T1kX+L7Y1PWAE9BLtA6TgHkSNjAOb57qixyC5k9QeZx3PQzRY4GW8wM8D/wjot4xhHAnJYCsOASn98Yi6wgww3mAZma4d5D5loED2Hu+LsHdZy7xqKLEZA5Pn8x1qLrneD5hecJng946G7aOIEOzt/RwNf8TVt4AD76LedavuuxEeNqhSfEmAaeu+fjHRdYdAnQdDda2xMzXl2yz0eLjRUTEF1ACz4qDz4PeQLn3G2OtRqwktZoUQaktgH6+x2ennjxbtQHnqtjAwf4807RtBst/tmLpGN+F3gtjT3AZeaVzXVgVEXOXG4TLU+XkIpHyDRGjr6CHF0uBbO1kZRuGXda4lhVwUc/J024Abh7fP6paA35t/Y+GsAqgEyDb+M8K2WbFZbZ4pNiZQk/8+/aCNYFQPE940YzAF/nWoF53IQYP1jrlZbn9yNwj4+mo9YKEikAMxEzVbCsMrjBsEkMWl6qFeF0JuCjm9CvXbyGloBsb3HzGIlzr6DvQAJPd7G4iKSI8bAP8KS3r71IOuaH+JLAW3lc0xMsAfDk7hap6sApihxC36UEXs3jWOZa0U5Oc14JxH8FnOvIlLgl1UkoKl0TmwfGkMWLuCwDmszRJHSML04eWL7C4ydNQ7mJWlrj3Ibqm2oFN6pxqJxKx+DtohDztGJ5LdOURaeWjcpaoLlvoN2S5dXF01FpjmvQgrLoUKnVEu6xyYinZFZyCbyW6kIqtCIO4DXOQzD0ZQ7SDKt+pOLEuZrf59MZu42W6gjgogBPa5aKaiXf2rf33S45lmR5i3OMlTBtfoxkrbfn9QIPtDsJZcs3XBBJilLb18OFvMA5f9Dgl+BVBmdoSZW1pyr3gB/csJXga2lMUpYaEILXrgbZuNSKU7Bqw25CJZfcpnZLJa2dL4AsxfHe0yJ7uRY0bCBPGfv8o0KYKY2uZLFEs+qWQFobkC7wmhCUskxrLsEGhEVHuxBNy9IoFtssa4GFn2wypEmOlh5W5eixAfGkV49hJ3PHVb4FvBYLZIrsW637978COxKeXOK2gNc6fV5lXOL5HxdM3Mfk+twEH/tZgpdGuGbG6LmQ9Z7Inx8TCn+v+ny8cNVuAw6xAK/9tnkT/BBPlyl58rNRsHyks5I1WFy0TJLpqyQY6QbTbO1kmmqFpGNW6Z7U463x+ySI9Zf43+LwmeJ6fYng5xDyXnUETtOirAG8eYKWDoLv4TTN1jI6LOIaUNwWY5RzCN7LaXIP2aJsG7Qg6SX4lp8sGfVsPgasrga+oUdQf0Surc33vwGrx96QceEalwAAAABJRU5ErkJggg==')
    no-repeat 50% 50%;
  background-size: 22px auto;
  border-radius: 0;
  box-shadow: none;
}
.plugin_ctrl_txp_bottom
  .txp_btn.txp_btn_switch_item.txp_btn_bullet_switch:hover
  .txp_slider,
.plugin_ctrl_txp_bottom
  .txp_btn.txp_btn_switch_item.txp_btn_bullet_switch
  input:checked
  + .txp_slider {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAqCAYAAAAj6gIfAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAS0SURBVFhHvVk7bxQxELYv6CpCKCE/AGpEcmmQyEOigvRAz1EDPdCH9KQn9BwV0t0lEg15QJ37AUkblDQkuRtmdr3LPmbG9hKwdIqU9difx/P4ZmyNMGA4t2hg6pb0Pfk/wImxdmQuzo7sgx+H1bkwmLttzNQHcQ07+WiXdt9x32GwcBf//16VFcEPFkiQFggcsGmXd9ZrB+h3enjAm+wiFg7t0s5qTebr7WlzPvPBgJ3lN4eRaf/sWgX8EL9NByJ302AdD7BZlIF+5w2CfyiuA5O3dmW3V5LxKm781C7vHbDg4cudWXOl/SkOeDJ73y5/65aApOa3pqx1gua3YezkuzH2Bv6e4Q/NTRwbuMcGfeXB++xNXrgE3tktzZZtN0ZDaGZoSm8zH5PA4+kN/eIGwGe7svMGyGbPrpO2I3wmbiuczdu801h5YzuZNhO7KDpfsndq89BfWMM7XYyGEyewLzost06i0V8zm8oBunSlDf0lDjr5V6wEDOdfGmg9ZuXax0vm1zW8ndbr2HUbzG8AXgxjcIoms6gergFCUYQSXOx6MOx8EpJHEmnQX4TkBtsY3NDkxtOe0EmQsnBLfscHDsoPPvAuctwy7eORvXdwguD2BJkk/vq+J249WJATIMARRqxHbp5GEZQMS8nFtF7IKbpyBNSEGV/sK87axcPtO1CSAuhzniugP/9I8h9ca06I850neMUvfLdS+Z5dNZ+QLPRQEUfGwk38m2hWGHTA5JA4SPP1XOFupwbemQlRgyheQ5pAc2iW3CK1hIa3jcHhZR28n4swW8EIF3sCgw7SW3s/Gku8QOJfDHgljoubpJpA8MjdVVIVD5OTsONXdmlvqw5eieMI7IDdHSbIaXZ7SqS5HND5KgIlDgl1HBK9asLiAdCHpKIkWxAdEedQRaYSOvIvEilpXuXxTNFQPIQvrNHcgOyb5gqdQ+WhtAxe5/F5nOY1L0SactLxRaNiLuAztaPddc0roS67Ksl4ZVpQTDqekvDibDUr5EPMt6J5KdSloVDzOpHzpNXPkZOlboSWP7LklCUobsv8dqrg+VCXAvhcWInsrrgR8RUt5V9etEHaTRyLM5sIAHCA7YfnjqzpPZZLg57S7my5XPPeBhEf4NOyb9CICzU5UqnA/wNeYXDyLi6zatVVE4iSTKXDVtB8I1KVFiApeL41CDDrTU4p2JIP8RedZnLGbGLbe8kSeQNIj0SexlMhF8RcVNXmr+bCSbnWQt6tsERP1i0C8USjWqct5BD+MnDQwd6jlbrFXSwuHvqrLUClKGyznAtk3O3jV1mYrIVKTkrj6K4AiQivIfqU51SzfIDmxW7AyBisW7X++99hrUrXTCsEvFDpYysDYOs/NZjwIPX2uQre1bMEnhtJmxlHfEM2+kbcY4KjBbVQydu78rSCpRg2j6jt9w87wXCKRcyWGZ9vcM9GieYdna3jT9sU/NNKgb7yB0/eo6gY991MUK7g9rBNX0F8/D7bzPusQ332CkMNtSrrXv20ZxdmrZTThGziBe+5QW0P27BRFKwtpcIigy1R3BBlFOcQ+Lgny0INGbLZv6AFebRRO7Y5OvR66tm4/kwI6DQQNH9EDtnjN6P2aT+kSOLRAAAAAElFTkSuQmCC');
  background-size: 22px auto;
}
div.plugin_ctrl_txp_bottom .txp_controls .txp_tooltip {
  background-color: #fff;
  padding: 8px 10px;
  color: #666;
  font-weight: bold;
  border-radius: 6px;
  top: -40px;
  left: 20px;
}
div.plugin_ctrl_txp_bottom .txp_controls .txp_tooltip:before {
  content: '';
  width: 14px;
  height: 14px;
  border-top: 14px solid #fff;
  border-right: 14px solid transparent;
  transform-origin: 50% 50%;
  transform: rotate(-135deg) translate(-50%, 0);
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -12px;
  border-radius: 2px;
}
div.plugin_ctrl_txp_bottom .txp_controls .txp_btn_refresh .txp_tooltip {
  left: -6px;
  top: -56px;
}
div.plugin_ctrl_txp_bottom .txp_popup_volume {
  width: 48px;
}
div.plugin_ctrl_txp_bottom .txp_popup {
  bottom: 65px;
}
div.plugin_ctrl_txp_bottom .txp_popup_content {
  background-color: #fff;
  font-size: 12px;
  color: #bfbfbf;
  font-weight: bold;
  border-radius: 6px;
}
div.plugin_ctrl_txp_bottom .txp_popup_content:before {
  content: '';
  width: 14px;
  height: 14px;
  border-top: 14px solid #fff;
  border-right: 14px solid transparent;
  transform-origin: 50% 50%;
  transform: rotate(-135deg) translate(-50%, 0);
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -12px;
  border-radius: 2px;
}
div.plugin_ctrl_txp_bottom .txp_volume_range {
  margin: 10px 22px;
  background-color: rgba(191, 191, 191, 0.3);
}
div.plugin_ctrl_txp_bottom .txp_volume_handle {
  top: -7px;
  left: -3px;
  width: 10px;
  height: 10px;
  background-color: #ffbf37;
}
div.plugin_ctrl_txp_bottom .txp_volume_range_current {
  background-color: #ffbf37;
}
div.plugin_ctrl_txp_bottom .txp_volume_handle:before,
div.plugin_ctrl_txp_bottom .txp_volume_handle:after {
  display: none;
}
div.plugin_ctrl_txp_bottom .txp_btn_playsource .txp_popup {
  bottom: 60px;
}
div.plugin_ctrl_txp_bottom
  .txp_btn_playsource
  .txp_popup
  .txp_popup_content:before {
  bottom: 6px;
}
div.plugin_ctrl_txp_bottom .txp_btn_playsource .txp_menuitem {
  color: rgba(191, 191, 191, 0.8);
  font-weight: bold;
  font-size: 14px;
}
div.plugin_ctrl_txp_bottom .txp_btn .txp_label {
  color: rgba(255, 191, 0.55, 0.8);
  font-weight: bold;
  font-size: 14px;
  padding: 0 14px;
}
div.plugin_ctrl_txp_bottom .txp_btn_playsource .txp_menuitem.txp_current,
div.plugin_ctrl_txp_bottom .txp_btn_playsource .txp_menuitem:hover {
  color: rgba(255, 191, 0.55, 0.8);
}
div.plugin_ctrl_txp_bottom .txp_right_controls .txp_icon_fullscreen * {
  display: none !important;
}
div.plugin_ctrl_txp_bottom
  .txp_right_controls
  .txp_btn.txp_btn_fullscreen
  .txp_icon {
  width: 28px;
  height: 28px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAqCAYAAADMKGkhAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIvSURBVFhH7ZnBTQMxEEXZOxQABUABFEAKIFsABRDOUABJAeQMuSNxhhRA7qQAUkAogNzD/5EdecPannhtSwiPZAm89szLeDzrHVcHLbJer8/RfYl2inbWNqalb1BV1dw1Fnqv8ZxNItT1ifYCvcvdCZXZAcWEvEUj+L4SG9y0/4Z/xvgB37pzC66gH/HgaF9iNT4lOE3Q+zcafgMeAZpqUoM34DX4U2B4mIuTA5z2JvD6pFIbkeBdJRc447wm+BB/MIO4ZKVizDWGm4dxaBXY6gtsSRLDiODPUGZLeQS+86W5rku1Ox9MV+hjdrPJlOAfjgHe5Y8NrfV5cv7cBb6Cp3upwHx6VaZjNLSJE3wO8IHPQMrnjmgo4EkcXzyexK3uvG/LeH84xnN7MZa9xnk8ltIcegp4Di+bNorHi8eFHiihInRUtGE8j9u+Nxc41j5EsxSgyMnmPIGV83iAuzGlHGvD/BY+6995fImsUof7q9tMePsEGl5DvvI5p26rTXdDks1WVa97Fzhrz8eWAY3Srsxk91GC6vGMLyC+ZC4c5lhkXAhwYtUOacpXPxwTnIVI25IIeLdDvOW6Pa9SXLZrXR93hYsUPhf4FPtuqMG5NF1r5DnAWT3u8zrFvAPqGjKpwQlNG5sa/O6tWw99Q7RDaXwY41KCMzmMzIuDXx8S2EC8ddM3B7znlEoK8BmMvwOYe7Ah3i8glVMlK8Dz+/Yesu3Xqreh7Z1hTvnyvfh+AIW7Tz1Sh47MAAAAAElFTkSuQmCC')
    no-repeat 50% 50%;
  background-size: 22px auto;
}
div.plugin_ctrl_txp_bottom
  .txp_right_controls
  .txp_btn.txp_btn_fullscreen[data-status='true'] {
  width: 28px;
  height: 28px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAqCAYAAADMKGkhAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIrSURBVFhH7ZlNUgIxEIWZvR5AD6AH8AByAOUAshfX6l7YC2tlb+Fe9xZ75wByADyA7PE97FBhmDRDhoxDVVKVgpqf9JeXTk/SSRo5ZT6fn+HyBeoJ6mneMxVcS2HjC/U1SZJp1l5iXwAwIW9RCV6n8gaYATrwY6CW4AL9hBuHdSK2WKj+jYFfgO8BtOFfwhvw5xq6h2vgh1B9mMhEJPi+FPp5i+BdiSAa+ExmeBWdKxIYegR/AY0r5BH4DkPD0FRZAdMVjDG6uco7wT+VBzpVQxsWcF3jP2teSTXwGaCblcmcMSSRjt6wNXgK8M5/gdOu4g2q4hHcd9Si4r7K+b4XFfdVzvc9RfGxFsdjVCmhuGvVOqi74lxDEf7A6vzCE2oNLl9P7sguBf4b0NzGNWoP7nKzCO47AX3fi4r7Kuf7XlTcpRw+28e4x3TeLgpTcWMmhYIqDugmDD3ugthqg/Dt0OAfMBIipTcKDa5lEMoMhLrnnMKXWmVa35D6KNO0Cs6GW3m56aIWQ4Nz0XLkgFlJ7RYFNs+FBu/D0LkCxSTjRLnP7Gluii40OJeMD9uqmXm+Z5ab9vWg4DQEA5q7FOnTX+rXOuqQdsNFFTHA1G7ZHPlagjS44gJf1mXaUJyTeVkqARf4Jn67qPYer4ir5GYEAB7qiKa3clwo8GaPZ845N4Ezotxn/Vva4gKLaxWel+6qjGCrvwaebV3y1M4RKJL4lxWi61uxTYcmRqBfxuJlPNJdoKwAAAAASUVORK5CYII=')
    no-repeat 50% 50%;
  background-size: 22px auto;
}