@charset "UTF-8";
/*
* desc：2024 55开黑节样式
* date：2024-05-08
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
/*
* desc：王者微社区首页 3 个 item 和公共部分样式 
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.merchant-page-ticket-big .tip-merchant-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.88rem;
  height: 3.16rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/top-bg-large-new.png) center/100% 100% no-repeat;
}
.merchant-page-ticket-big .tip-merchant-top {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 0.54rem;
  padding-left: 0.2rem;
}
.merchant-page-ticket-big .tip-merchant-top .tip-merchant-image {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
}
.merchant-page-ticket-big .tip-merchant-top .tip-merchant-name {
  overflow: hidden;
  width: 2.8rem;
  color: #ecd59c;
  font-size: 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-page-ticket-big .tip-swipe-img {
  width: auto;
  max-width: 3.5rem;
  height: auto;
  max-height: 1.54rem;
}
.merchant-page-ticket-big .tip-swipe-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.58rem;
  line-height: 0.58rem;
}
.merchant-page-ticket-big .tip-swipe-name {
  display: inline-block;
  overflow: hidden;
  width: 2.78rem;
  height: 0.58rem;
  margin: 0 auto;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.58rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-page-ticket-big .tip-swipe-desc {
  overflow: hidden;
  width: 2rem;
  height: 0.3rem;
  margin: 0 auto;
  color: #ecd59c;
  font-size: 0.2rem;
  line-height: 0.3rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-page-ticket-big .tip-card-bottom {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.58rem;
}
.merchant-page-ticket-big .tip-card-bottom .tip-card-bottom-desc {
  display: none;
}
.merchant-page-ticket-big .tip-receive-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/receive-button-large-new.png) bottom/100% auto no-repeat;
}
.merchant-page-ticket-big .tip-use-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/use-button-large-new.png) center/100% auto no-repeat;
}
.merchant-page-ticket-big .tip-disable-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/disabled-button-large-new.png) center/100% auto no-repeat;
}

/*  小号轮播 item */
.merchant-page-ticket-sm .tip-merchant-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: 2.4rem;
  background-image: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/top-bg-new.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.merchant-page-ticket-sm .tip-merchant-top {
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 0.54rem;
  padding-left: 0.2rem;
}
.merchant-page-ticket-sm .tip-merchant-top .tip-merchant-image {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
}
.merchant-page-ticket-sm .tip-merchant-top .tip-merchant-name {
  overflow: hidden;
  width: 1.2rem;
  color: #ecd59c;
  font-size: 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-page-ticket-sm .tip-swipe-img {
  width: auto;
  max-width: 1.2rem;
  height: auto;
  max-height: 1.2rem;
  margin: 0.16rem auto 0.1rem;
}
.merchant-page-ticket-sm .tip-card-bottom {
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.58rem;
}
.merchant-page-ticket-sm .tip-card-bottom .tip-card-bottom-desc {
  display: none;
}
.merchant-page-ticket-sm .tip-swipe-name {
  overflow: hidden;
  width: 2rem;
  height: 0.58rem;
  margin: 0 auto;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.58rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-page-ticket-sm .tip-swipe-desc {
  overflow: hidden;
  width: 2rem;
  height: 0.3rem;
  margin: 0 auto;
  color: #ecd59c;
  font-size: 0.2rem;
  line-height: 0.3rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-page-ticket-sm .tip-receive-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/receive-button-new.png) bottom/100% auto no-repeat;
}
.merchant-page-ticket-sm .tip-use-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/use-button-new.png) center/100% auto no-repeat;
}
.merchant-page-ticket-sm .tip-disable-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/disabled-button-new.png) center/100% auto no-repeat;
}

/* 品牌 item */
.merchant-page-ticket-brand .tip-merchant-item {
  position: relative;
  overflow: hidden;
  width: 2.4rem;
  min-height: 2.8rem;
  margin: 0.16rem .08rem 0 0;
  background-image: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/item-bg-new.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.merchant-page-ticket-brand .tip-merchant-top {
  display: none;
}
.merchant-page-ticket-brand .tip-merchant-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  width: 1.2rem;
  height: 1.2rem;
  padding: 0.02rem;
  margin: 0.12rem auto;
  background-color: rgba(22, 32, 50, 0.5);
}
.merchant-page-ticket-brand .tip-merchant-image {
  width: 1.2rem;
  max-width: 1.2rem;
  height: 1.2rem;
  max-height: 1.2rem;
}
.merchant-page-ticket-brand .tip-swipe-img {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.16rem 0.6rem 0;
  background-color: rgba(22, 32, 50, 0.5);
}
.merchant-page-ticket-brand .tip-card-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.58rem;
}
.merchant-page-ticket-brand .tip-card-bottom .tip-card-bottom-desc {
  display: none;
}
.merchant-page-ticket-brand .tip-swipe-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.6rem;
  margin: 0.16rem auto;
}
.merchant-page-ticket-brand .tip-swipe-name {
  overflow: hidden;
  width: 2rem;
  height: 0.3rem;
  margin: 0 auto;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.3rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-page-ticket-brand .tip-swipe-desc {
  overflow: hidden;
  width: 2rem;
  height: 0.3rem;
  margin: 0 auto;
  color: #ecd59c;
  font-size: 0.2rem;
  line-height: 0.3rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-page-ticket-brand .tip-receive-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/receive-button-new.png) bottom/100% auto no-repeat;
}
.merchant-page-ticket-brand .tip-use-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/use-button-new.png) center/100% auto no-repeat;
}
.merchant-page-ticket-brand .tip-disable-button {
  width: 100%;
  height: 100%;
  font-family: "GAMEFONT";
  text-align: center;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/disabled-button-new.png) center/100% auto no-repeat;
}

/* 右侧 icon */
.tip-merchant-item {
  position: relative;
}
.tip-merchant-item .tip-vip-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.64rem;
  height: 0.64rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/vip-icon.png) center/100% 100% no-repeat;
}
.tip-merchant-item .tip-hot-icon {
  position: absolute;
  top: 0;
  right: 0.1rem;
  width: 0.3rem;
  height: 0.6rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/hot-tag.png) center/100% auto no-repeat;
}
.tip-merchant-item .tip-gaoxiao-icon {
  position: absolute;
  top: 0;
  right: 0.1rem;
  width: 0.3rem;
  height: 0.6rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/gaoxiao-tag.png) center/100% auto no-repeat;
}
.tip-merchant-item .tip-star-vip-icon {
  position: absolute;
  top: 0;
  right: 0.1rem;
  width: 0.38rem;
  height: 0.98rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/common/image/star-vip.png) center/100% auto no-repeat;
}

/*
* 控制变量部分
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
:root {
  /* 大背景配置 */
  --normalBg: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/primary/page_bg.png);
  /* 列表项背景 */
  --swipeLargeBg: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/top-bg-large-new.png);
  --swiperBg: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/top-bg-new.png);
  --itemBg: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/item-bg-new.png);
}

/*
* desc：游戏特权页面布局
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.tip-game-content {
  width: 100%;
  display: flex;
}

.tip-left-container {
  overflow: hidden;
  width: 5.4rem;
}

.tip-game-left-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.1rem;
}

.tip-right-container {
  flex: 1;
  overflow: hidden;
}

.tip-game-right-box {
  width: 100%;
  height: 4.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.tip-privilege-skins {
  position: relative;
  margin-left: 0.2rem;
  width: 2.5rem;
  height: 4.6rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/tq-skins2024.png) center/100% auto no-repeat;
}

.tip-privilege-box {
  margin-left: 0.1rem;
  width: 2.5rem;
  height: 4.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tip-privilege-hero {
  position: relative;
  width: 2.5rem;
  height: 1.78rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/tq-hero2024.png) center/100% auto no-repeat;
}

.tip-privilege-inscription {
  position: relative;
  width: 2.5rem;
  height: 1.78rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/tq-mw.png) center/100% auto no-repeat;
}

.tip-privilege-more {
  position: relative;
  width: 2.5rem;
  height: 0.88rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/tq-more.png) center/100% auto no-repeat;
}

.tip-skins-info {
  display: inline-block;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  position: absolute;
  bottom: 0;
  color: #84B0EB;
  text-align: center;
  font-size: 0.2rem;
}

.tip-wsq-info-logo {
  position: absolute;
  width: 1.6rem;
  height: 2rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/local-logo.png) center/100% auto no-repeat;
}

.tip-wsq-info-text {
  width: 100%;
  margin-top: 1.6rem;
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 0.2rem;
  color: #82A0CC;
}

.tip-location-btn {
  width: 2.24rem;
  height: 0.56rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/tip-location-btn.png) center/100% auto no-repeat;
}

.tip-no-tq-box,
.tip-no-card-content {
  width: 100%;
  min-height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.tip-no-card-content {
  margin: 1.3rem auto 0;
}

.tip-card-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
  overflow-x: hidden;
}

.tip-game-title {
  width: 3.02rem;
  height: 0.45rem;
  margin-left: 0.09rem;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/game-title.png) center/100% 100%;
}

.tip-card-content .merchant-page-ticket-brand:last-child .tip-merchant-item,
.tip-card-content .merchant-page-ticket-brand:nth-child(4n+5) .tip-merchant-item {
	margin-right: 0;
}

/*
* 生活福利妲己引导弹窗
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
/* 生活福利妲己引导弹窗 start */
.tip-guide-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.tip-guide-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/daji-guide-bg.png) center/auto 100% no-repeat;
  width: 6.42rem;
  min-width: 6.42rem;
  height: 5.14rem;
}

.tip-guide-button {
  position: absolute;
  top: 2rem;
  right: 0.48rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/common/image/wsq-guide-button.png) center/100% 100% no-repeat;
  width: 1.04rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #fff;
  font-size: 0.22rem;
  font-weight: bold;
  text-align: center;
}

/* 生活福利妲己引导弹窗 end */
/*
* desc：游戏特权-商户列表
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.tip-game-right-box {
  position: relative;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.tip-game-right-box .tq-list {
  position: absolute;
  padding: 0 0.24rem;
  width: 100%;
  height: 4.8rem;
  overflow-y: scroll;
  border-radius: 0.04rem;
  padding-bottom: 1rem;
}

.tip-game-right-box .tq-list li {
  display: flex;
  border-bottom: .02rem solid rgba(123, 197, 255, 0.05);
}

.tip-game-right-box .tq-store-logo {
  position: relative;
  width: 0.88rem;
  height: 0.88rem;
  background-color: #fff;
  margin: 0.16rem 0.16rem 0.16rem 0;
}

.tip-game-right-box .tq-store-logo,
.tip-game-right-box .tq-store-logo img {
  width: 0.88rem !important;
  height: 0.88rem !important;
}

.tip-game-right-box .tq-store-msg {
  display: inline-block;
  width: 88%;
  margin: auto 0;
  overflow: hidden;
}

.tip-game-right-box .tq-msg-1 {
  display: flex;
  align-items: center;
}

.tip-game-right-box .t-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}

.tip-game-right-box .tq-msg-3 .t-overflow {
  overflow: hidden;
  max-width: 100%;
}

.tip-game-right-box .tq-msg-1 .t-overflow {
  max-width: 6.2rem;
  color: #d6eaff;
  font-size: 0.24rem;
  line-height: 0.34rem;
  margin-right: 0.08rem;
}

.tip-game-right-box .tq-msg-3 {
  margin-top: 0.04rem;
  color: #82a0cc;
  font-size: 0.2rem;
  line-height: 0.28rem;
}

.tip-game-right-box .tip-comp-privilege-icon,
.tip-game-right-box .gold-icon,
.tip-game-right-box .silver-icon {
  display: inline-block;
  color: #ae9164;
  height: 0.32rem;
  text-align: center;
  border: 0.02rem solid #ae9164;
  border-radius: 0.04rem;
  font-size: .18rem;
  line-height: 100%;
  padding: 0.05rem 0.04rem;
  margin-right: 0.08rem;
}

.tip-game-right-box .gold-icon {
  color: #C1A964;
  border: 0.02rem solid #C1A964;
}

.tip-game-right-box .silver-icon {
  color: #bbb;
  border: 0.02rem solid #bbb;
}

/*
* desc：特权卡介绍页
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
/* 特权卡介绍页 */
.privilegecard-info-wrap {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/primary/page_bg.png) no-repeat bottom right;
}

.privilegecard-info-wrap .inside-topbar {
  font-size: 0;
}

.privilegecard-right-content .wsq-tabs {
  font-size: 0;
}

.privilegecard-info-wrap:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 1.24rem;
  height: 3.04rem;
  background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/privilege-tips/wsq-privilege-left-cd.png) no-repeat;
  background-size: 100% 100%;
}

.privilegecard-maininfo {
  width: 13.1rem;
  display: flex;
  margin: 0 auto;
}

.privilegecard-left-img {
  width: 5.34rem;
  height: 6.9rem;
}

.privilegecard-right-content {
  padding-top: 0.12rem;
  width: 7.76rem;
}

.privilegecard-content {
  width: 100%;
  margin-top: 0.12rem;
  padding: 0.32rem 0.24rem;
  background: rgba(23, 49, 76, 0.4);
}

.privilegecard-scroll-content {
  height: 4.5rem;
  overflow-y: auto;
}

.privilegecard-content-item {
  margin-bottom: 0.24rem;
}

.privilegecard-content-item h4 {
  position: relative;
  font-weight: normal;
  font-size: 0.24rem;
  line-height: 0.28rem;
  padding: 0.24rem 0 0.24rem 0.12rem;
  margin-bottom: 0.24rem;
  color: rgba(235, 244, 254, 0.8);
  border-bottom: 1px solid rgba(123, 197, 255, 0.15);
}

.privilegecard-content-item h4:before {
  content: "";
  position: absolute;
  top: 0.28rem;
  left: 0;
  width: 0.04rem;
  height: 0.2rem;
  background: rgb(123, 197, 255);
}

.main-info-p {
  margin-bottom: 0.16rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: #82a0cc;
}

.main-info-p a {
  color: #82a0cc;
  text-decoration: underline;
}

.sub-info-p {
  display: flex;
  margin-bottom: 0.12rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
}

.sub-info-p em {
  position: relative;
  padding-left: 0.12rem;
  display: block;
  white-space: nowrap;
  color: #82a0cc;
}

.sub-info-p em:before {
  content: "";
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 100%;
  background: #82a0cc;
}

.sub-info-p span {
  color: #82a0cc;
}

@media screen and (min-width: 813px) {
  .privilegecard-maininfo {
    width: 12rem;
  }
  .privilegecard-left-img {
    width: 4.89rem;
  }
}
/*
* 旧版免责声明弹窗样式（需求遗漏部分补充）
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
/* 免责声明弹窗 */
.popup-explain-detail {
  font-size: 0.2rem;
  color: #82a0cc;
  overflow-x: hidden;
  overflow-y: auto;
}

.popup-explain-detail p {
  margin-bottom: 0.3rem;
}

/*
* desc：按钮样式
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.tip-wsq-container .tip-receive-button,
.tip-wsq-container .tip-use-button,
.tip-wsq-container .tip-disable-button {
  display: flex;
  border-radius: 0.18rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  vertical-align: bottom;
  font-family: "GAMEFONT";
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: 0;
  border-radius: 0;
}

/* 领取按钮*/
.tip-wsq-container .tip-receive-button {
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/receive-button-new.png) bottom/100% auto no-repeat;
}

.tip-act-container-both .tip-receive-button {
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: 0;
  border-radius: 0;
  background-image: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/receive-button-large-new.png);
  background-color: transparent;
  background-size: 100% 100%;
}

/* 去使用 点击参与按钮 */
.tip-wsq-container .tip-use-button {
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/use-button-new.png) bottom/100% auto no-repeat;
}

.tip-act-container-both .tip-use-button {
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/use-button-large-new.png) center/100% auto no-repeat;
}

/* 已抢光 */
.tip-wsq-container .tip-disable-button {
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/disabled-button-new.png) bottom/100% auto no-repeat;
}

.tip-act-container-both .tip-disable-button {
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: 0;
  border-radius: 0;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/disabled-button-large-new.png) center/100% auto no-repeat;
}

.tip-act-container-both .tip-swipe-bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-left: 0.16rem;
  line-height: 0.62rem;
  opacity: 0;
}

.tip-receive-all-btn {
  font-size: 0.24rem;
}

.tip-index-wrap .go-back {
	position: fixed;
  top: 0;
  left: 1.04rem;
  width: 1rem;
  height: 0.8rem;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/icon-back.png) center no-repeat;
  background-size: 0.8rem 0.5rem;
  z-index: 10;
}

/*
* 微社区头部
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.tip-wsq-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
	font-family: "GAMEFONT";
  font-size: 0.26rem;
  color: #fff;
  padding-left: 0.12rem;
}

.tip-wsq-header::before {
	position: absolute;
	left: 0;
	top: .02rem;
	content: '';
	width: .04rem;
	height: .16rem;
	background: linear-gradient(360deg, #ECD59C 0%, rgba(236, 213, 156, 0.24) 100%);
}

/*
* desc：微社区首页左侧菜单
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.left-tab-item {
	position: relative;
  display: flex;
  align-items: center;
	justify-content: flex-end;
  width: 100%;
	height: .8rem;
  font-family: "GAMEFONT";
	font-size: .24rem;
  color: rgba(255, 255, 255, .5);
	padding-right: .54rem;
  overflow: hidden;
}

.left-tab-item::before {
	position: absolute;
	right: .24rem;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: .1rem;
	height: .11rem;
	opacity: 1;
	background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/dot-icon.png) no-repeat center;
	background-size: contain;
}

.left-tab-item.active {
	color: #fff;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/tab-active.png) center no-repeat;
	background-size: contain;
}

.left-tab-item.active::before {
	opacity: 0;
}

.surprise-nav {
  position: absolute;
  bottom: .1rem;
  right: -.1rem;
	display: flex;
	justify-content: flex-end;
  width: 100%;
	min-height: .92rem;
  z-index: 2;
}

.surprise-nav .surprise-image {
	display: block;
  width: 1.62rem;
  height: 100%;
}

/*
* 微社区头部
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.privilege-card {
  width: 2.09rem;
  height: 0.4rem;
  margin-left: 0.18rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/privilege-card-icon.png) no-repeat center;
  background-size: contain;
}

/*tabs*/
.tip-wsq-tabs {
  position: relative;
  display: flex;
  align-items: center;
  height: .88rem;
  padding-left: 1.84rem;
  margin-right: 1rem;
  padding-bottom: .2rem;
}

.mine-button {
	position: absolute;
	right: 1.64rem;
	top: 0;
	bottom: 0;
	margin: auto;
  width: 1.16rem;
  height: .4rem;
  font-size: 0;
  margin-left: .52rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/goods-icon.png) no-repeat center center;
  background-size: contain;
}

.tip-red-dot {
  position: absolute;
  top: -0.08rem;
  right: -0.3rem;
  width: 0.34rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  color: #fcd4aa;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/primary/red-dot.png) no-repeat center center;
  background-size: contain;
}

.tip-top-explain {
	position: relative;
	top: .04rem;
  width: 0.32rem;
  height: 0.32rem;
  font-size: 0;
	margin-left: .12rem;
  background: url(https://image-1251917893.file.myqcloud.com/2019/tip-WSQ/question.png) no-repeat center center;
  background-size: contain;
}

.tab-red-dot {
  position: absolute;
  content: "";
  top: -0.06rem;
  right: -0.2rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/tab-red-dot.png) center/100% 100% no-repeat;
}

p .tab-red-dot {
  right: 0.08rem;
}

.book-icon {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
  width: 1.16rem;
  height: .4rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/book-icon.png) no-repeat center center;
  background-size: contain;
}
.act-entrance {
	position: absolute;
	right: 0;
	top: 0;
	left: 1.8rem;
	margin: auto;
	display: block;
	width: 4.7rem;
	height: .68rem;
}

/*
* 优惠特权-右侧列表
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
/* 普通模块 */
.tip-top-wrap {
  margin-top: 0.12rem;
  margin-bottom: 0.08rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3rem;
}

.tip-top-wrap .tip-act-container:last-child {
	margin-right: 0;
}

.tip-act-container-both {
  margin-right: .08rem;
}

.tip-act-container-both .tip-card-bottom {
  background: transparent;
  width: auto;
}

.tip-act-container {
  position: relative;
  width: 2.4rem;
  height: 3.16rem;
	margin-right: .08rem;
  background: var(--swiperBg) center/100% 100% no-repeat;
}

.tip-act-banner {
  position: relative;
  width: 3.2rem;
  margin: 0.1rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/banner0.png) center/100% 100% no-repeat;
}

.tip-card-item {
  position: relative;
  overflow: hidden;
  width: 2.4rem;
  height: 2.8rem;
  margin: 0.16rem 0.08rem 0 0;
  background-image: var(--itemBg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

/* 父级 */
.tip-card-top {
  width: 1.92rem;
  height: 1.68rem;
}

.tip-image-box {
  display: flex;
  box-sizing: content-box;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.12rem auto;
  justify-content: center;
  align-items: center;
  background-color: rgba(22, 32, 50, 0.5);
  padding: 0.02rem;
}

.tip-card-image {
  max-width: 1.2rem;
  max-height: 1.2rem;
}

.tip-info-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.6rem;
}

.tip-card-name {
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  overflow: hidden;
  font-size: 0.24rem;
  width: 2rem;
  text-align: center;
  line-height: 0.3rem;
  height: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tip-card-desc {
  display: inline-block;
  margin: 0 auto;
  color: #ECD59C;
  overflow: hidden;
  font-size: 0.2rem;
  width: 2rem;
  text-align: center;
  line-height: 0.3rem;
  height: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 运营活动模块样式 */
.tip-banner-list {
  display: flex;
  width: 100%;
  flex: 1;
  flex-wrap: wrap;
  overflow-y: scroll;
}

.tip-banner-list .tip-banner-item:nth-child(4n) {
  margin-right: 0;
}

.tip-banner-item {
  position: relative;
  width: 3rem;
  margin: 0.08rem 0.16rem 0.16rem 0rem;
  overflow: hidden;
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.tip-banner-image {
  width: 3rem;
  height: auto;
}

.tip-reward-container {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 1rem;
  bottom: 0.4rem;
  margin: 0 0.02rem;
}

.tip-reward-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 0.7rem;
  height: 0.78rem;
  margin: 0 0.08rem;
}

.tip-reward-pic {
  width: 0.48rem;
  height: 0.48rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/reward-bg.png) center/100% 100% no-repeat;
}

.tip-reward-pic img {
  max-width: 0.48rem;
  max-height: 0.48rem;
}

.tip-reward-box:nth-child(2) {
  transform: scale(1.2);
  transform-origin: bottom;
}

.tip-reward-name {
  width: 0.7rem;
  font-size: 0.1rem;
  line-height: 1.5;
  height: 0.3rem;
  color: #fff;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tip-button-container {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.6rem;
}

.tip-switch-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 0.5rem;
  margin: 0.16rem auto;
  padding-right: 0.02rem;
  background-size: contain;
  color: #84B0EB;
  font-size: 0.24rem;
  text-align: center;
}

.tip-icon-arrow {
  width: 0.26rem;
  height: 0.24rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/icon-arrow.png) center/100% auto no-repeat;
}

/*
* 定位部分功能
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.tip-location-container {
  position: absolute;
  top: 0;
  right: .24rem;
  display: flex;
  align-items: center;
  height: 0.24rem;
	font-size: .16rem;
	color: #84b0eb;
}

.tip-local-wrap {
  display: flex;
  align-items: center;
}

.tip-close-local {
  display: none;
  position: relative;
  width: 0.48rem;
  height: 0.2rem;
  margin-right: 0.32rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/primary/close-local.png) no-repeat center center;
  background-size: 0.26rem 0.26rem;
}

.tip-close-local::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.08rem;
  margin: auto;
  content: "";
  width: 0.01rem;
  height: 0.22rem;
  background: #82a0cc;
  opacity: 0.2;
}

.tip-location-container img {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
}

.tip-location-container p {
  padding: 0 .12rem;
}

.tip-local-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.74rem;
  height: 0.24rem;
  font-size: 0.18rem;
  border: 0.01rem solid #84B0EB;
  border-radius: 0.24rem;
  color: #84B0EB;
}

.tip-game-privilege-container .tip-location-container {
  top: -0.08rem;
}

/*
* 设置页
* date：2023-10-16
* author：lauheeliu(刘诏熹);
* email：lauheeliu@tencent.com;
*/
.tip-section-item {
  display: flex;
  align-items: center;
  padding-bottom: 0.48rem;
}

.tip-section-lable {
  width: 1.36rem;
  font-family: "GAMEFONT";
  font-size: 0.22rem;
  color: #fff;
  margin-right: 1.2rem;
}

.tip-section-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.76rem;
  height: 0.48rem;
  font-family: "GAMEFONT";
  font-size: 0.26rem;
  color: #B0D3FD;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/set-btn.png) no-repeat center center;
  background-size: contain;
}

.tip-section-info {
  display: flex;
  align-items: center;
}

.tip-section-info p {
  font-family: "GAMEFONT";
  font-size: 0.22rem;
  color: #fff;
}

.tip-section-select {
  width: 0.4rem;
  height: 0.4rem;
  outline: none;
  border: none;
  margin-right: 0.08rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/check.png) no-repeat 50%;
  background-size: contain;
  cursor: pointer;
}

.tip-section-selected {
  width: 0.4rem;
  height: 0.4rem;
  outline: none;
  border: none;
  margin-right: 0.08rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/checked.png) no-repeat 50%;
  background-size: contain;
  cursor: pointer;
}

.tip-checkbox-container .tip-comp-dialog-check {
  visibility: visible;
}

/*
* 线上提取的子页面侧边栏样式
* date：2023-10-16
* author：lauheeliu(刘诏熹);
* email：lauheeliu@tencent.com;
*/
.tip-act-view {
  width: 100vw;
  height: 100vh;
}

.tip-act-content {
  flex: 1;
  width: auto;
  height: 100%;
  overflow: hidden;
  padding-left: .24rem;
  display: flex;
  flex-direction: column;
}

.tip-act-title {
  font-family: "GAMEFONT";
  font-size: 0.3rem;
  color: #ADCEEB;
  letter-spacing: 0;
  padding: 0.24rem 0;
  max-height: 0.8rem;
  line-height: 0.32rem;
}

.tip-act-sidebar {
  position: relative;
  width: 1.44rem;
}

.tip-act-sidebar::after {
  content: "";
  width: 200%;
  height: 100%;
  position: absolute;
  z-index: -2;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(0deg, rgba(25, 56, 98, 0.7) 0%, rgba(26, 42, 67, 0.7) 43%);
}

.tip-act-common {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.tip-act-return {
  position: absolute;
  top: 0.15rem;
  left: auto;
  right: .34rem;
  margin: auto;
  display: block;
  width: 0.8rem;
  height: 0.5rem;
  text-indent: -1000rem;
  overflow: hidden;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-back.png) no-repeat center center;
  background-size: contain;
  z-index: 5;
}

.tip-act-sidebar-box {
  height: auto;
  padding-top: 0.9rem;
  display: block;
  position: relative;
  background-image: linear-gradient(180deg, rgba(42, 99, 157, 0.1) 36%, rgba(42, 99, 157, 0) 100%);
}

.tip-act-sidebar-box a {
  font-family: "GAMEFONT";
  display: block;
  position: relative;
  font-size: 0.24rem;
  text-align: center;
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #84B0EB;
  letter-spacing: 0;
}

.tip-act-sidebar-box a span {
  position: relative;
  z-index: 2;
}

.tip-act-sidebar-box a.active span {
  font-family: "GAMEFONT";
  color: #fff;
  letter-spacing: 0;
  text-shadow: 0 0 0.16rem rgba(95, 147, 234, 0.7);
}

.tip-act-sidebar-box a.active::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 2.3rem;
  height: 2.4rem;
  top: -0.8rem;
  right: -0.28rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/slide-act.png) no-repeat center center;
  background-size: contain;
}

.tip-act-entry {
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 0.82rem;
  height: 0.82rem;
  overflow: hidden;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-add.png) no-repeat center center;
  background-size: contain;
  text-indent: -1000rem;
  z-index: 91;
}

/*
* 页面布局
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
.tip-index-wrap {
  position: relative;
  width: 100%;
	height: 100%;
  font-size: 0;
  background-image: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
}

@font-face {
  font-family: "GAMEFONT";
  src: url("https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.eot") format("eot"), url("https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.TTF") format("TTF"), url("https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
* {
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
}

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

p {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  /* padding-top: constant(safe-area-inset-top);
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom); */
}

.height-limit {
  height: 100vh;
  margin: 0 auto;
}

.tip-wsq-container {
  position: relative;
	width: 100%;
  height: 100%;
	display: flex;
	flex-direction: column;
  padding-left: calc(.24rem + constant(safe-area-inset-left)*0);
  padding-left: calc(.24rem + env(safe-area-inset-left)*0);
  overflow: hidden;
}

.tip-wsq-container::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	width: 3.2rem;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: transparent;
}

.center-side {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 10.08rem;
	overflow: hidden;
}

.index-leftside, .index-rightside {
  height: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.tip-goods-swipe {
  position: relative;
  width: 4.88rem;
  height: 3.16rem;
}

.tip-swipe-item.active {
  position: absolute;
  opacity: 1;
}

.tip-swipe-item {
  position: absolute;
}

.tip-wsq-container .tip-tab-container {
	position: relative;
  display: flex;
	flex: 1;
  padding-bottom: .4rem;
  padding-bottom: calc(.4rem + constant(safe-area-inset-bottom));
  padding-bottom: calc(.4rem + env(safe-area-inset-bottom));
  overflow: hidden;
}

.left-side {
  position: relative;
  width: 2.44rem;
	height: 100%;
  flex-shrink: 0;
}

.left-side::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: .28rem;
	content: "";
	width: .02rem;
	background: linear-gradient(180deg, rgba(123, 197, 255, 0) 0%, rgba(123, 197, 255, 0.2) 5.25%);
}

.tip-wsq-list {
  display: flex;
  width: 100%;
  flex: 1;
  flex-wrap: wrap;
  overflow: hidden;
}

.tip-wsq-list .tip-banner-image {
  width: 2.4rem;
  height: 2.8rem;
}

.tip-wsq-list .tip-banner-item {
  width: 2.4rem;
  margin: .16rem .08rem 0 0;
}

.sidenav {
  height: 15%;
}

.tip-game-privilege-container {
  display: flex;
  flex-direction: column;
  height: 6.36rem;
  margin: 0 0 0 auto;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/fenweitu.png) bottom/100% auto no-repeat;
}

/* 去除合并代码后的阴影部分 */
.tip-act-view::before {
  display: none !important;
}

.tip-act-common {
  padding-left: calc(constant(safe-area-inset-left));
  padding-left: calc(env(safe-area-inset-left));
  padding-right: calc(.24rem + constant(safe-area-inset-right));
  padding-right: calc(.24rem + env(safe-area-inset-right));
}

/*
* desc：重置 vant-ui 样式
* date：2023-04-03
* author：jasonzcchen(陈志成);
* email：jasonzcchen@tencent.com;
*/
/* 隐藏小圆点 */
.tip-act-container-both .van-swipe__indicators,
.tip-act-container .van-swipe__indicators {
  opacity: 0;
}

.tip-act-container-both .van-swipe__track,
.tip-act-container-both .van-swipe-item,
.tip-act-container .van-swipe__track,
.tip-act-container .van-swipe-item {
  transform: none !important;
}

.tip-act-container-both .van-swipe-item.active {
  width: 4.88rem !important;
}

.tip-act-container-both .van-swipe-item,
.tip-act-container .van-swipe-item {
  opacity: 0 !important;
  z-index: -1 !important;
}

.tip-act-container-both .van-swipe-item .tip-merchant-name,
.tip-act-container-both .van-swipe-item .tip-card-bottom,
.tip-act-container .van-swipe-item .tip-merchant-name,
.tip-act-container .van-swipe-item .tip-card-bottom {
  opacity: 0 !important;
  z-index: -1 !important;
}

.tip-act-container-both .van-swipe-item.active,
.tip-act-container .van-swipe-item.active {
  opacity: 1 !important;
  z-index: 1 !important;
}

.tip-act-container-both .van-swipe-item.active .tip-card-bottom {
  display: flex;
  position: absolute;
  width: 100%;
  height: 0.58rem;
  right: 0;
  bottom: 0;
  opacity: 1 !important;
  z-index: 1 !important;
}

.tip-act-container .van-swipe-item.active .tip-card-bottom {
  display: flex;
  opacity: 1 !important;
  z-index: 1 !important;
}

.tip-act-container .van-swipe-item.active .tip-merchant-name {
  opacity: 1 !important;
  z-index: 1 !important;
}

.tip-act-container-both .van-swipe-item.active .tip-merchant-name {
  opacity: 1 !important;
  z-index: 1 !important;
  display: inline-block;
  width: 2.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tip-act-container .van-swipe-item.active {
  width: 2.4rem !important;
}

.tip-act-container-both .van-swipe-item.active .tip-swipe-img,
.tip-act-container .van-swipe-item.active .tip-swipe-img {
  transform: scale(1);
  opacity: 1;
}

.tip-act-container-both .van-swipe-item .tip-swipe-img {
  transform: scale(0.8);
  opacity: 0;
  transition: 2s;
}

.tip-act-container .van-swipe-item .tip-swipe-img {
  transform: scale(0.8);
  opacity: 0;
  transition: 2s;
}

.tip-act-container-both .van-swipe-item,
.tip-act-container .van-swipe-item {
  position: absolute;
  width: 4.88rem !important;
}

.tip-act-container .van-swipe-item {
  width: 2.4rem !important;
}

.tip-act-container .tip-swipe-bottom {
  opacity: 0;
}

.tip-act-container-both .van-swipe-item.active .tip-swipe-bottom,
.tip-act-container .van-swipe-item.active .tip-swipe-bottom {
  opacity: 1;
}

/* 特权卡弹窗 */
/*
* desc：特权卡弹窗
* date：2023-04-07
* author：yuiqin(覃钰);
* email：yuiqin@tencent.com;
*/
.tip-dialog-privilegacard {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
}

.dialog-privilegacard-box {
  width: 7.75rem;
  height: 5.3rem;
  padding-top: 2.4rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/dialog/dialog-privilegecard-bg.png) no-repeat;
  background-size: 100% 100%;
}

.dialog-privilegacard-title {
  padding-bottom: 0.14rem;
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #fff;
  text-align: center;
  font-family: "GAMEFONT";
}

.dialog-privilegacard-tips {
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #82A0CC;
  text-align: center;
}

.dialog-privilegacard-info {
  width: 4rem;
  height: 0.84rem;
  margin: 0.16rem auto 0.36rem;
  font-size: 0;
  line-height: 0;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/dialog/dialog-privilegecard-info.png) no-repeat;
  background-size: 100% 100%;
}

.dialog-privilegacard-btn {
  width: 2.24rem;
  height: 0.6rem;
  margin: 0 auto;
  font-size: 0.28rem;
  line-height: 0.6rem;
  color: #BC5521;
  text-align: center;
  font-family: "GAMEFONT";
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/dialog/btn-primary-s.png) no-repeat;
  background-size: 100% 100%;
}

/* 收下特权卡弹窗 */
/*
* desc：收下特权卡弹窗
* date：2023-04-07
* author：yuiqin(覃钰);
* email：yuiqin@tencent.com;
*/
.dialog-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
}

.privilegecard-tips-wrap {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}

.privilegecard-tips {
  width: 11.86rem;
  height: 6.16rem;
  padding: 5.4rem 0 0 6.2rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/dialog/privilege-tips-bg.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.privilegecard-tips-btn {
  width: 2.24rem;
  height: 0.56rem;
  display: block;
  text-indent: -1000em;
  overflow: hidden;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/dialog/privilege-tips-btn.png) no-repeat;
  background-size: 100% 100%;
}

/* 右侧 */
.right-side {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 2.48rem;
	height: 100%;
}

.right-content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	flex: 1;
	margin-top: .08rem;
  background: #234670;
}

.privilege-pic {
	position: absolute;
	left: 0;
	top: 0;
  display: block;
	width: 100%;
  height: auto;
	min-height: 3.44rem;
}

.privilege-btn {
	position: relative;
	width: 100%;
	height: 1.16rem;
  flex-shrink: 0;
	background: linear-gradient(180deg, rgba(35, 70, 112, 0) 0%, rgba(35, 70, 112, 0.84) 40%, #234670 100%);
}

.privilege-btn::before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: '';
	background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/privilege-btn-icon.png) no-repeat center 86%;
	background-size: 1.2rem .32rem;
}

.privilege-btn::after {
	position: absolute;
	left: .16rem;
	right: .16rem;
	bottom: 0;
	content: '';
	height: .01rem;
	background: #3c6192;
}

.arrow-icon {
	position: relative;
	top: .02rem;
	width: .08rem;
	height: .14rem;
	margin-right: .12rem;
	background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/arrow-icon.png) no-repeat center;
	background-size: contain;
}

.sub-header {
	font-family: normal;
	font-size: .2rem;
	color: #82a0cc;
	margin-right: .04rem;
}

.right-content .tip-wsq-header {
	font-size: .2rem;
}

.header-title {
	flex: 1;
	overflow: hidden;
}

.right-detail {
	position: relative;
	padding-top: .2rem;
  background: #234670;
  flex-shrink: 0;
}

.right-detail .tip-wsq-header {
	margin-bottom: .24rem;
}

.right-store-item {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 .12rem;
	margin-bottom: .18rem;
}

.right-store-pic {
	display: block;
	width: .48rem;
	height: .48rem;
	margin-right: .08rem;
	background-color: #fff;
}

.right-store-info {
	flex: 1;
	overflow: hidden;
}

.right-store-name {
	display: flex;
	align-items: center;
}

.right-store-name p {
	flex: 1;
	font-size: .2rem;
	color: #d6eaff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.arrow-blue {
	width: .12rem;
	height: .16rem;
	background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/arrow-blue.png) no-repeat center;
	background-size: contain;
}

.right-store-dec {
	display: flex;
	align-items: center;
	overflow: hidden;
	padding-top: .04rem;
}

.right-store-add {
	flex: 1;
	font-size: .16rem;
	color: #ffea9f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.right-store-loca {
	width: .6rem;
	height: .18rem;
	margin-left: .08rem;
	background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/local-icon.png) no-repeat center;
	background-size: contain;
}

.right-store-only {
	display: flex;
	padding-left: .12rem;
	flex-wrap: wrap;
}

.right-store-only .right-store-pic {
	margin: 0 auto;
}

.right-store-only .right-store-info{
	display: none;
}

.right-store-only .right-store-item {
	margin-right: .1rem;
	padding: 0;
}

.right-store-only .right-store-item:last-child,
.right-store-only .right-store-item:nth-child(4n) {
	margin-right: 0;
}

.right-store-only {
	padding-bottom: .06rem;
}

.right-banner {
	position: relative;
	width: 2.26rem;
	height: 1rem;
	margin: .12rem auto 0;
	overflow: hidden;
}

.right-banner::before{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	content: '';
	background: linear-gradient(180deg, rgba(35, 70, 112, 0) 52.91%, rgba(35, 70, 112, 0.779861) 72.85%, #234670 100%);
}

.right-banner-pic {
	display: block;
	width: 100%;
	height: auto;
}

.right-banner-desc {
	position: absolute;
	left: .04rem;
	right: .04rem;
	bottom: 0;
	display: flex;
	align-items: center;
	font-size: .18rem;
	color: #fff;
}

.banner-desc-fx1 {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;;
}

.arrow-white {
	width: .12rem;
	height: .16rem;
	background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/arrow-f.png) no-repeat center;
	background-size: contain;
}


.van-list {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.empty-wrap {
  padding-bottom: .3rem;
}

.empty-icon {
  width: 1.2rem;
  height: 1.47rem;
  margin: 0 auto -.36rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/nothing.png) no-repeat center;
  background-size: contain;
}

.empty-desc {
  font-size: .2rem;
  color: #82A0CC;
  text-align: center;
}

.mine-tip {
  position: absolute;
  top: .48rem;
  left: -.42rem;
  font-size: .16rem;
  color: #82a0cc;
  padding: .04rem .08rem;
  white-space: nowrap;
  background: #131b37;
  z-index: 2;
}

.mine-tip::before {
  position: absolute;
  top: -.1rem;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-left: .12rem solid transparent;
  border-right: .12rem solid transparent;
  border-bottom: .12rem solid #131b37;
}

.goods-tip {
  position: absolute;
  top: .48rem;
  left: -1.78rem;
  width: 3.96rem;
  font-size: .2rem;
  color: #82a0cc;
  background: rgba(19, 27, 55,.95);
  z-index: 2;
}

.goods-tip:not(:hover) {
  transform-origin: center top;
  animation: hideAni .3s 180s ease-in-out both;
}

@keyframes hideAni {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  } 
}

.goods-tip::before {
  position: absolute;
  top: -.1rem;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-left: .12rem solid transparent;
  border-right: .12rem solid transparent;
  border-bottom: .12rem solid rgba(19, 27, 55,.95);
}

.banner-side {
  max-width: 100%!important;
}

.tip-act-container-both .merchant-item-default {
  width: 4.88rem;
  height: 3.16rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/pvp-default.jpg) center/100% 100% no-repeat;
}

.location-tip {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 6.96rem;
  min-height: .78rem;
  color: #82a0cc;
  line-height: .28rem;
  padding: .14rem .2rem .08rem .6rem;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/position-tip.png) no-repeat center;
  background-size: contain;
  z-index: 99;
  transform: translateY(-100%);
  transition: all .3s ease-in-out;
}

.location-tip-show {
  transform: translateY(.32rem);
}

.goods-info {
  position: relative;
  display: flex;
  align-items: center;
  height: .52rem;
  margin-left: .16rem;
  margin-bottom: .12rem;
}

.goods-info::before {
  position: absolute;
  left: 0;
  right: .5rem;
  bottom: 0;
  content: '';
  height: .02rem;
  background-color: rgba(53, 102, 158,.5);
}

.goods-desc {
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.goods-num {
  color: #bab790;
}

.goods-look {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: .8rem;
  height: .28rem;
  font-size: .18rem;
  color: #ffea9f;
  padding: 0 .12rem;
  margin-right: .5rem;
  border-radius: .28rem;
  border: .02rem solid #ffea9f;
}

.goods-img {
  display: block;
  flex-shrink: 0;
  width: .48rem;
  height: .48rem;
  margin-right: .08rem;
}

.goods-tip-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .46rem;
  height: 100%;
  background: url(https://image-1251917893.file.myqcloud.com/igame/tip-wsq/images/dialog/dialog-privilegecard-close.png) no-repeat center;
  background-size: .22rem .22rem;
}

.goods-expired-list {
  max-height: 1.92rem;
  overflow-y: auto;
}

.goods-expired-item {
  display: flex;
  align-items: center;
  padding: 0 .16rem .16rem;
}

.goods-name {
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; /* 可选：允许单词内换行 */
}

/* 针对所有宽高比小于等于16:9的设备 */
@media screen and (max-aspect-ratio: 16/9) and (max-width: 1000px) {
  .center-side {
      zoom: 0.8;
  }
}

/* 专门针对iPhone 6/7/8 */
 @media screen and (width: 667px) and (height: 375px) {
  .center-side {
    transform: scale(.8);
    transform-origin: left top;
    max-width: none;
    height: 125%;
    margin-right: -20%;
  }
}

/* 针对竖屏设备的样式 */
@media screen and (orientation: portrait) {
  body {
    left: 0!important;
    top: 0!important;
    width: 100vh!important;
    height: 100vw!important;
    transform: rotate(90deg) translate(0px, -100vw)!important;
  }
  .tip-act-view {
    width: 100vh;
    height: 100vw!important;
    margin: 0!important;
  }
}