@charset "UTF-8";
.icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 0.52444444rem;
  height: 0.49777778rem;
}
.icon-star {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/icon-star.png) center center no-repeat;
  background-size: 100% 100%;
}
.icon-upgrade {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/icon-upgrade.png) center center no-repeat;
  background-size: 100% 100%;
}
.icon-close {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/icon-close.png) center center no-repeat;
  background-size: 100% 100%;
}
* {
  /*
  margin:0;
  padding:0;
  border:none;
  font-weight: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          */
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  /*滚动条下层*/
  /*滚动条上层*/
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  overflow: hidden;
}
*::-webkit-scrollbar-track {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  overflow: hidden;
  background: #e0c3b1;
  /*#E1ebf3;*/
}
*::-webkit-scrollbar-corner {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  overflow: hidden;
  background: #e0c3b1;
  /*#E1ebf3;*/
}
*::-webkit-scrollbar-thumb {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  overflow: hidden;
  background: #9e5221;
  /*#044068;*/
}
img {
  pointer-events: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a2897e;
  font-size: 0.37333333rem;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #a2897e;
  font-size: 0.37333333rem;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a2897e;
  font-size: 0.37333333rem;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a2897e;
  font-size: 0.37333333rem;
}
body {
  width: 100%;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.yellow_bg {
  background-color: #ff7200;
}
.orange_bg {
  background-color: #ff7200;
}
.yellow {
  color: #fff000;
}
.white {
  color: #fff;
}
.color-red {
  color: #b6281a;
}
.color-orange {
  color: #ff7200;
}
.color-blue {
  color: #0a6bcd;
}
.hide {
  display: none;
}
p {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.icon-notice {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/icon-notice.png) center center no-repeat;
  background-size: 100% 100%;
}
.grayscale {
  /* 设置灰度为100% */
}
.pageWrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.pageWrapper .a_bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.pageWrapper .pageMain {
  height: 100%;
  padding-top: 4%;
}
.pageWrapper .pageMain .logo {
  width: 5.76rem;
  height: 0.56888889rem;
  margin: 0 auto;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/title.png) center center no-repeat;
  background-size: 100% 100%;
}
.pageWrapper .pageMain .rule_box {
  position: absolute;
  right: 0;
  top: 24%;
  z-index: 2;
  width: 0.58666667rem;
  height: 2.06222222rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/rule_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.pageWrapper .pageMain .prize_box {
  position: absolute;
  right: 0;
  top: 38%;
  z-index: 2;
  width: 0.58666667rem;
  height: 2.06222222rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/prize_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.pageWrapper .pageMain .lottery_box {
  position: absolute;
  right: 0;
  top: 38%;
  z-index: 2;
  width: 0.58666667rem;
  height: 2.06222222rem;
  margin-top: 2.24rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/lottery_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.pageWrapper .pageMain .banner {
  width: 8.93333333rem;
  margin: 0 auto;
  margin-top: 0rem;
  text-align: center;
}
.pageWrapper .pageMain .gameTime {
  width: 7.76888889rem;
  margin: 0 auto;
  margin-top: -0.35555556rem;
  text-align: center;
}
.pageWrapper .btns-box {
  width: 4.4rem;
  margin-top: 0.71111111rem;
  margin-bottom: 0.71111111rem;
  margin-left: auto;
  margin-right: auto;
}
.pageWrapper .start_btn {
  width: 4.4rem;
  height: 1.76888889rem;
  margin-bottom: 0.17777778rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/start_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.ans_submit {
  width: 3.81333333rem;
  height: 1.15555556rem;
  margin: 0 auto;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/ans_submit_btn.png) center center no-repeat;
  background-size: 100% 100%;
  border: none;
  pointer-events: auto;
}
.indexItem {
  display: inline-block;
  font-weight: bold;
}
.absBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.unit_box {
  width: 100%;
  height: 1.79555556rem;
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/sign_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.result_wrapper {
  width: 85%;
  height: 14.38222222rem;
  padding-top: 3.2rem;
  margin: 0 auto;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/result_wrapper.png) center center no-repeat;
  background-size: 100% 100%;
}
.result_wrapper .btns-box {
  width: 3.55555556rem;
  margin-top: 0.35555556rem;
  margin-bottom: 0.35555556rem;
  margin-left: auto;
  margin-right: auto;
}
.result_wrapper .btn {
  width: 3.55555556rem;
  height: 1.10222222rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.46222222rem;
  color: #c50f30;
}
.result_wrapper .btn.btn_sm {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  height: 0.88888889rem;
  font-size: 0.37333333rem;
  line-height: 0.64rem;
  padding-top: 0.08888889rem;
  padding-bottom: 0.08888889rem;
  color: #fff;
  border-radius: 4px;
  background: none;
  background-color: #3491ee;
}
.result_wrapper .tips {
  text-align: center;
  color: #333;
}
.result_wrapper .txt {
  margin-top: 0.17777778rem;
  margin-bottom: 0.17777778rem;
  text-align: center;
  font-size: 0.42666667rem;
  line-height: 0.53333333rem;
}
.result_ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 7.76888889rem;
  height: 4.94222222rem;
  margin-top: 0.10666667rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.28444444rem;
  padding-bottom: 0.42666667rem;
  padding-left: 0.35555556rem;
  padding-right: 0.53333333rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/result_ul_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.result_ul.two {
  justify-content: center;
  margin-top: 0rem;
  padding-top: 0rem;
  background: none;
}
.result_ul.two .result_title {
  line-height: 1.8;
}
.result_ul.two .score-box.two {
  width: 7.79555556rem;
  height: 0.99555556rem;
  margin-bottom: 0.53333333rem;
  font-size: 0.49777778rem;
  background-color: transparent;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/score_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.result_title {
  padding-left: 0.56888889rem;
  line-height: 2.4;
  text-align: center;
  font-size: 0.64rem;
  font-weight: bold;
  color: #e54c08;
}
.result_title_sub {
  width: 7.32444444rem;
  padding-top: 0.26666667rem;
  padding-bottom: 0.26666667rem;
  margin: 0 auto;
  margin-top: 0.17777778rem;
  margin-bottom: 0.17777778rem;
  font-size: 0.42666667rem;
  line-height: 0.53333333rem;
  text-align: center;
  font-weight: bold;
  color: #333333;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/result_title_sub_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.result_title_sub .color-blue {
  font-size: 0.53333333rem;
  line-height: 0.53333333rem;
  font-weight: bold;
}
.titleScore {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.48888889rem;
  height: 2.48888889rem;
  margin-left: auto;
  margin-right: auto;
  color: #b86505;
  font-size: 0.8rem;
  font-weight: bold;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/titleScore.png) center center no-repeat;
  background-size: 100% 100%;
}
.titleScore .title {
  display: inline-block;
  font-size: 1.03111111rem;
  font-weight: bold;
}
.score-box {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.35555556rem;
  padding-top: 0.17777778rem;
  padding-bottom: 0.17777778rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  border-radius: 8px;
  font-size: 0.39111111rem;
  font-weight: bold;
  color: #1468cd;
  background-color: #c9e2fd;
}
.score-box.two {
  color: #e54c08;
  background-color: #ebddd7;
}
.land-box {
  position: relative;
  z-index: 5;
  margin-top: -1.6rem;
}
.myPrize_btn {
  width: 3.81333333rem;
  height: 1.15555556rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/myPrize_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.rank-page {
  height: 100%;
}
.longWrapper {
  position: relative;
}
.longWrapper .a_bg {
  position: relative;
  height: 100%;
}
.goBack_box {
  position: fixed;
  right: 2%;
  top: 3%;
  z-index: 10;
  width: 1.45777778rem;
  height: 1.59111111rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/goBack.png) center center no-repeat;
  background-size: 100% 100%;
}
@keyframes light {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.02);
  }
  50% {
    transform: scale(1.06);
  }
  80% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}
.prize-layer .prize-box {
  height: 15.93777778rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/prize_layer_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.prize-layer .hd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.50666667rem;
}
.prize-layer .bd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.prize-layer .ft {
  margin-top: 0.88888889rem;
}
.prize-layer .btns-box {
  width: 3.55555556rem;
  margin-top: 0.35555556rem;
  margin-bottom: 0.53333333rem;
  margin-left: auto;
  margin-right: auto;
}
.prize-layer .btn {
  display: block;
  width: 100%;
  height: 0.62222222rem;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}
.prize-layer .btn.JS_check {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/blue_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.prize-layer .btn.JS_info {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/orange_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.prize-layer .btn.return_home {
  width: 3.64444444rem;
  height: 1.30666667rem;
}
.checkView-layer .checkView-box {
  height: 15.93777778rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/checkView_layer_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.checkView-layer .hd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.50666667rem;
}
.checkView-layer .bd {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  height: 6.66666667rem;
  margin-bottom: 0.53333333rem;
}
.checkView-layer .ft {
  margin-top: 0.88888889rem;
}
.checkView-layer .info_items {
  width: 64%;
  font-size: 0.37333333rem;
  line-height: 1.06666667rem;
  color: #9e5221;
}
.checkView-layer .notice-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  font-size: 0.33777778rem;
  line-height: 0.71111111rem;
  border-radius: 0.28444444rem;
  color: #9e5221;
  background-color: #f0eead;
}
.checkView-layer .icon-font {
  width: 0.42666667rem;
  height: 0.35555556rem;
  margin-right: 0.14222222rem;
}
.checkView-layer .btns-box {
  width: 3.55555556rem;
  margin-top: 0.35555556rem;
  margin-bottom: 0.53333333rem;
  margin-left: auto;
  margin-right: auto;
}
.checkView-layer .btn {
  display: block;
  width: 100%;
  height: 0.62222222rem;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}
.checkView-layer .btn.return_home {
  width: 3.64444444rem;
  height: 1.30666667rem;
}
.rule-box {
  height: 15.93777778rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/rule_layer_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.rule-box .hd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.50666667rem;
}
.rule-box .bd {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  height: 6.66666667rem;
  margin-bottom: 0.53333333rem;
}
.rule-box .ft {
  margin-top: 0.88888889rem;
}
.rule-box .rule_items {
  width: 74%;
  text-align: left;
  font-size: 0.33777778rem;
  line-height: 0.46222222rem;
  overflow-x: hidden;
  overflow-y: auto;
  color: #9e5221;
}
.rule-box .rule_items .item {
  position: relative;
  padding-left: 0.64rem;
  padding-right: 0.32rem;
  text-align: justify;
}
.rule-box .rule_items .item .circle {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
  height: 0.48rem;
  width: 0.48rem;
  text-align: center;
  font-size: 0.28444444rem;
  line-height: 0.42666667rem;
  color: #9e5221;
  border: 1px solid #9e5221;
  border-radius: 50%;
}
.rule-box .rule_items + .tips {
  padding-top: 1.77777778rem;
}
.rule-box .btns-box {
  width: 3.55555556rem;
  margin-top: 0.35555556rem;
  margin-bottom: 0.53333333rem;
  margin-left: auto;
  margin-right: auto;
}
.rule-box .btn {
  display: block;
  width: 100%;
  height: 0.62222222rem;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}
.rule-box .btn.return_home {
  width: 3.64444444rem;
  height: 1.30666667rem;
}
.gameMain {
  padding: 0 0.32rem 0;
  margin: 0rem auto 0;
}
.game01 {
  height: 14.09777778rem;
  padding: 1.52888889rem 0 0;
  background-image: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/matchGameBg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.game01 .startTime {
  width: 3.09333333rem;
  line-height: 1.1;
  padding: 0 0.32rem 0 0.32rem;
  margin: 0rem auto 0.42666667rem;
  text-align: center;
  font-size: 0.53333333rem;
  color: #fff;
  overflow: hidden;
}
.game01 .startTime li {
  display: inline-block;
  vertical-align: middle;
}
.game01 .deck {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  padding: 0.71111111rem 1.42222222rem 0.71111111rem 1.42222222rem;
  margin-bottom: 0.71111111rem;
}
/* iOS 15 翻牌 v6：2D 挤压式翻转（彻底退出 3D 合成路径）。
   v5 真机复盘：破图不是动画期间的样式变更引起，而是 16 个常驻 perspective/rotateY
   3D 图层本身——iOS 15 WKWebView 合成器对 3D 图层做异步瓦片重栅格化时任务会
   失败/停滞，未参与动画的卡片瓦片也丢失，露出背景形成贯穿棋盘的垂直缺条，
   持续数秒后自愈、下次翻牌复发（真机录屏已证实）。调整 class 时机无法修复。
   v6 方案：全页面不再出现任何 3D transform / perspective。
     静止态：卡背 ::before scaleX(1) 盖在上层（z-index:2），奖品 img scaleX(1)
     完整渲染在下层（z-index:1）被不透明卡背遮住 → 位图提前解码、内容恒定；
     翻开：卡背 1→0 收拢，同时 img 1→-1（终点为镜像，恰好抵消素材的镜像绘制）；
     翻回：img -1→1 收回，卡背延迟 0.1s 从 0→1 重新盖回（上层不透明，无穿帮）。
     时长按旧代码 0.8s 整卡翻转为基准等比例提速：单次翻牌 0.3s（37.5%），内部同步缩放。
     无 opacity / visibility / backface 切换，动画期间除一次 class 切换外零样式变更；
     2D transform 过渡是 iOS 全版本与 Android（华为/小米/vivo 微信 X5/XWeb 内核）
     最稳定的合成器路径。 */
.game01 .deck .card {
  display: block;
  position: relative;
  width: 3.19111111rem;
  height: 1.94666667rem;
  margin-bottom: 0.14222222rem;
  cursor: pointer;
}
.game01 .deck .card:nth-child(3n) {
  margin-right: 0;
}
/* 卡背：静止 scaleX(1) 盖住下层奖品图；翻开后 0.2s 收拢到 scaleX(0)。
   基础规则里的 transition 管"翻回"方向：延迟 0.1s 等奖品图收窄再重新盖上。
   时长基准：旧代码整卡翻转 0.8s，现按 37.5% 比例整体提速至 0.3s 节奏 */
.game01 .deck .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.2s ease-out 0.1s;
  transition: transform 0.2s ease-out 0.1s;
  background-image: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/fanzhuan.png);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
/* 奖品图：静止 scaleX(1) 完整渲染在卡背下层（位图常驻、提前解码）；
   翻开时与卡背同步向 0 收合并继续展开到 -1（镜像显示，素材为镜像绘制故文字回正）。
   基础 transition 管翻回：立即从 -1 收回 */
.game01 .deck img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
}
/* faOP 故意不定义任何样式：动画期间卡片内部零样式变更是不破图的硬约束 */
.game01 .deck .card.open {
  cursor: default;
}
.game01 .deck .card.open::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}
.game01 .deck .card.open img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
/* —— 双轨自适应 flip-3d（白名单放行：Android / 桌面 / iOS 16~18）：真 3D 翻转 ——
   与旧版生产代码同构：容器整体 rotateY(180°)，素材为镜像绘制，翻转后随容器
   背面 viewing 镜像一次，文字恰好回正（浏览器实证）。
   注意：img 必须保持在容器平面内（transform: none）。实证发现若给 img 单独
   translateZ 建独立平面，翻转后其背面纹理会以未镜像方式合成，文字反向。
   卡背 translateZ(1px) 用于静止态盖住奖品图、翻开后沉到奖品图之后。
   选择器必须显式覆盖 .card.open 子元素，否则会被 2D 轨道的
   .card.open img { scaleX(-1) } / .card.open::before { scaleX(0) } 以更高优先级覆盖
   （3D 容器旋转再叠加 scaleX(-1) = 双重镜像，文字反向）。
   无 backface / opacity / visibility 切换；时长与 2D 轨同为 0.3s 节奏。
   3D 图层只存在于白名单放行的系统；未放行 iOS（≤15、≥19）与 JS 失败场景均走上方 2D。 */
html.flip-3d .game01 .deck .card {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
html.flip-3d .game01 .deck .card::before,
html.flip-3d .game01 .deck .card.open::before {
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  -webkit-transition: none;
  transition: none;
}
html.flip-3d .game01 .deck img,
html.flip-3d .game01 .deck .card.open img {
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
}
html.flip-3d .game01 .deck .card.open {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.game01 .deck .card.show {
  font-size: 33px;
}
.game01 .deck .card.match {
  opacity: 0;
  cursor: default;
  animation: fbig 0.3s alternate;
}
/* 容器不旋转后，匹配放大动画只做缩放；-1 镜像翻开态由 img 自身 transform 保持 */
@keyframes fbig {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.countBox {
  width: 4.44444444rem;
  padding-left: 0.88888889rem;
  padding-right: 0.88888889rem;
  padding-top: 0.08888889rem;
  padding-bottom: 0.08888889rem;
  margin-top: 0.17777778rem;
  margin-bottom: 0.17777778rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.42666667rem;
  color: #ffe4ab;
  background-color: #ea5106;
  border-radius: 0.56888889rem;
}
/* 对对碰 */
.cash {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/loterry_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.cash .cashMain .cash_hd {
  margin: 0 auto;
}
.cash .cashMain .cash_bd {
  height: 11.11111111rem;
  margin: 0 auto;
  padding-top: 2.4rem;
  background-image: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/loterry_box_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.cash .cashMain .cash_bd .btns-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 7.28888889rem;
  margin: 0 auto;
  margin-top: 1.10222222rem;
}
.cash .cashMain .cash_bd .btn {
  width: 3.2rem;
  height: 0.88888889rem;
  background: none;
}
.cash .cashMain .cashIndex {
  padding-top: 0.35555556rem;
}
.cash .cashMain .cashReturnBox {
  width: 6.82666667rem;
  margin: 0 auto;
  margin-top: 0.35555556rem;
  padding-left: 0.07111111rem;
  padding-right: 0rem;
}
/* 返回首页：仅放大本活动抽奖页该按钮的显示尺寸（保持切图 410x147 比例）。
   注意：基础 .return_home 规则保持不变，避免影响其他页面/弹层里的同款按钮。 */
.cash .cashMain .cashReturnBox .btn.return_home {
  margin-left: auto;
  margin-right: auto;
  width: 3.84rem;
  height: 1.37777778rem;
}
.cash .shanDeng {
  width: 6.82666667rem;
  margin: 0 auto;
  padding-left: 0.07111111rem;
  padding-right: 0rem;
}
.cash .shanDeng #luck {
  /* .active {
        background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/active02.png) center center no-repeat;
        background-size: 100% 100%;
      } */
}
.cash .shanDeng #luck .luck-item {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 0.17777778rem;
}
.cash .shanDeng #luck .luck-unit {
  position: relative;
  width: 2.00888889rem;
  height: 2.00888889rem;
  padding-top: 0.17777778rem;
  padding-bottom: 0.17777778rem;
  padding-left: 0.35555556rem;
  padding-right: 0.35555556rem;
  background-color: #fff;
  border-radius: 0.21333333rem;
  border: 4px solid #fff;
  box-sizing: border-box;
}
.cash .shanDeng #luck .luck-unit.active {
  border: 4px solid #f8e9ab;
}
.cash .shanDeng #luck .cjBtn {
  width: 2.00888889rem;
  height: 2.00888889rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/choujiang.png) center center no-repeat;
  background-size: 100% 100%;
}
.cash .countBox {
  width: 4.90666667rem;
  padding-left: 0.35555556rem;
  padding-right: 0.35555556rem;
  margin-top: 1.33333333rem;
}
.cash .returnIndex {
  bottom: 0.87111111rem;
}
body .layui-layer {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .layui-layer.prompting-box {
  padding-top: 1.06666667rem;
  padding-bottom: 1.06666667rem;
  padding-left: 1.06666667rem;
  padding-right: 1.06666667rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/prompting_bg.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
body .layui-layer.analysis-box {
  height: 5.72444444rem;
  padding-top: 1.24444444rem;
  padding-bottom: 1.24444444rem;
  padding-left: 1.19111111rem;
  padding-right: 0.92444444rem;
  font-size: 0.33777778rem;
  color: #073a86;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/analysis_bg.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  box-sizing: border-box;
}
body .layui-layer.analysis-box .box {
  height: 60%;
  padding-right: 0.26666667rem;
  text-align: justify;
  overflow-y: auto;
}
body .layui-layer.layui-layer-msg {
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
body .layui-layer-btn a:hover {
  background-color: transparent;
  border-color: #1E9FFF;
  display: none;
}
body .layui-layer-btn .layui-layer-btn0 {
  position: absolute;
  left: 18%;
  top: 51%;
  width: 228px;
  height: 60px;
  opacity: 0;
}
body .layui-layer-setwin {
  position: absolute;
  display: inline-block;
  right: -12px;
  top: -12px;
  width: 1.03111111rem;
  height: 1.03111111rem;
  margin: 0 auto;
}
body .layui-layer-setwin .layui-layer-close2 {
  right: 0;
  top: 0;
  width: 1.03111111rem;
  height: 1.03111111rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/close.png) center center no-repeat;
  background-size: 100% 100%;
}
.btn {
  font-size: 0.24888889rem;
  margin-bottom: 0.07111111rem;
  padding-top: 0.17777778rem;
  padding-bottom: 0.17777778rem;
  padding-right: 0.14222222rem;
  padding-left: 0.14222222rem;
  border-radius: 0.08888889rem;
  font-weight: bold;
  color: #fff;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/btn_bg.png) center center no-repeat;
  background-size: 100% 100%;
  border: none;
  pointer-events: auto;
}
.btn.green_btn {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/green_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.btn.gray_btn {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/gray_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.btn.orange_btn {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/orange_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.btn.blue_btn {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/blue_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.return_home {
  width: 2.25777778rem;
  height: 0.84444444rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/return_home_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.rule-page {
  height: 100%;
  padding-top: 4%;
}
.rule_banner {
  width: 6.4rem;
  margin: 0 auto;
}
/* 浏览信息弹窗 */
.browseInfo-box {
  position: relative;
  width: 7.84888889rem;
  height: 13.15555556rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/browseInfo_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.browseInfo-box .hd {
  position: relative;
  padding-top: 4.8rem;
  padding-bottom: 0.17777778rem;
  padding-right: 0.64rem;
  padding-left: 0.64rem;
}
.browseInfo-box .hd .mbp {
  max-width: 5.33333333rem;
  padding-top: 0.17777778rem;
  padding-bottom: 0.08888889rem;
  padding-right: 0.64rem;
  padding-left: 0.64rem;
  margin-top: 0.08888889rem;
  margin-bottom: 0.08888889rem;
  margin-left: auto;
  margin-right: auto;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/browseInfo_title.png) center center no-repeat;
  background-size: 100% 100%;
}
.browseInfo-box .hd .title {
  text-align: center;
  font-size: 0.53333333rem;
  line-height: 0.64rem;
  font-weight: bold;
  font-style: italic;
  background-image: -webkit-linear-gradient(0deg, #208561 0%, #81ba55 100%);
  background-image: -ms-linear-gradient(0deg, #208561 0%, #81ba55 100%);
  background-image: -moz-linear-gradient(0deg, #208561 0%, #81ba55 100%);
  background-image: -o-linear-gradient(0deg, #208561 0%, #81ba55 100%);
  background-image: linear-gradient(0deg, #208561, #81ba55 100%);
  -webkit-text-fill-color: #fff;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.browseInfo-box .bd {
  width: 6.04444444rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-right: 0rem;
  padding-left: 0rem;
  margin-top: 0.08888889rem;
  margin-bottom: 1.77777778rem;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.32rem;
  line-height: 0.48rem;
  color: #754c13;
}
.browseInfo-box .ft {
  margin-top: 0.17777778rem;
}
.browseInfo-box .img-box {
  position: relative;
  height: 3.2rem;
  margin-left: auto;
  margin-right: auto;
}
.browseInfo-box .btn {
  width: 4.72888889rem;
  height: 1.17333333rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-size: 0.49777778rem;
  line-height: 1.17333333rem;
  font-weight: bold;
}
.browseInfo-box .closeBtn {
  position: absolute;
  bottom: -8%;
  right: 7%;
  display: inline-block;
  width: 0.88888889rem;
  height: 0.88888889rem;
}
.unlucky-layer .unlucky-box {
  width: 7.68rem;
  height: 11.46666667rem;
  margin-left: auto;
  margin-right: auto;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/unlucky_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.unlucky-layer .hd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.51111111rem;
}
.unlucky-layer .bd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 1.06666667rem;
}
.unlucky-layer .text {
  font-size: 0.53333333rem;
  font-weight: bold;
  color: #c22c25;
}
.unlucky-layer .ft {
  margin-top: 3.2rem;
}
.unlucky-layer .btns-box {
  width: 4.72888889rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
}
.unlucky-layer .btn {
  width: 4.72888889rem;
  height: 1.17333333rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: center;
  font-size: 0.49777778rem;
  line-height: 1.17333333rem;
  font-weight: bold;
}
.qingdan-box {
  padding-right: 4%;
  margin-top: 4%;
}
.tips-box {
  width: 78%;
  margin: 0 auto;
  padding-top: 0.24888889rem;
  padding-bottom: 0.24888889rem;
  padding-left: 0.35555556rem;
  padding-right: 0.35555556rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e1f5ff;
  background-color: #e1f5ff;
}
.tips-box .txt {
  text-align: justify;
  font-size: 0.33777778rem;
  line-height: 0.46222222rem;
  color: #333;
}
.tips {
  font-size: 0.29333333rem;
  color: #87553f;
}
.tab_con_item {
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
}
.tab_box {
  position: relative;
  z-index: 4;
  font-size: 0.33777778rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 12%;
  padding-right: 12%;
}
.tab_box .tab_items {
  display: flex;
  justify-content: space-evenly;
}
.tab_box .tab_items .tab_item {
  width: 2.64888889rem;
  height: 0.94222222rem;
  margin: 0 auto;
  text-align: center;
}
.tab_box .tab_items .tab_item.on {
  width: 2.64888889rem;
  height: 0.94222222rem;
}
.tab_box .tab_items .tab_item.active {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/active.png) center center no-repeat;
  background-size: contain;
}
.tab_box .tab_items .tab_item.active.on {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/active-on.png) center center no-repeat;
  background-size: 100% 100%;
}
.tab_box .tab_items .tab_item.prize {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/prize.png) center center no-repeat;
  background-size: contain;
}
.tab_box .tab_items .tab_item.prize.on {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/prize-on.png) center center no-repeat;
  background-size: 100% 100%;
}
.tab_content {
  position: relative;
  z-index: 3;
  width: 9.83111111rem;
  height: 8.92444444rem;
  margin-top: -0.17777778rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.44444444rem;
  padding-right: 0.44444444rem;
  padding-bottom: 0.35555556rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/rule_box_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.area-box {
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
}
.showTable {
  width: 76%;
  height: 6.04444444rem;
  margin-top: 0.26666667rem;
  margin-bottom: 0.35555556rem;
  font-size: 0.33777778rem;
  color: #463a28;
}
.showThead {
  margin-top: 0rem;
  padding-right: 0rem;
  border-bottom: 1px solid #e1bea7;
}
.showTr {
  padding-top: 0.10666667rem;
  padding-bottom: 0.10666667rem;
  padding-right: 0rem;
  padding-left: 0rem;
  margin-bottom: 0.10666667rem;
  text-align: center;
  font-size: 0;
}
.showTr .p_date {
  width: 40%;
}
.showTr .p_date .icon-font {
  position: absolute;
  top: -0.01777778rem;
  left: 0.16rem;
  width: 0.44444444rem;
  height: 0.44444444rem;
}
.showTr .p_name {
  width: 30%;
}
.showTr .p_info {
  width: 30%;
}
.showTbody {
  padding-right: 0rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.showTbody .btn {
  display: block;
  width: 2rem;
  height: 0.62222222rem;
}
.showTh,
.showTd {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
}
.showTh {
  font-size: 0.40888889rem;
  line-height: 0.48rem;
  font-weight: bold;
  color: #9e5221;
}
.showTd {
  font-size: 0.37333333rem;
  line-height: 0.56888889rem;
  color: #9e5221;
}
.showTd .btn {
  display: inline-block;
  vertical-align: middle;
  width: 1.90222222rem;
  height: 0.62222222rem;
}
.down-box {
  text-align: center;
  font-size: 0.35555556rem;
  color: #666;
}
.down-box .down {
  display: inline-block;
  width: 0.23111111rem;
  height: 0.36444444rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/down.png) center center no-repeat;
  background-size: 100% 100%;
}
.prompting-box.layui-layer {
  background-color: transparent;
  box-shadow: none;
}
.prompting-box.layui-layer .box {
  height: 100%;
  font-size: 0.56888889rem;
  line-height: 0.92444444rem;
  text-align: center;
  color: #333;
}
.prompting-box.layui-layer .box:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.prompting-box.layui-layer h1 {
  display: inline-block;
  vertical-align: middle;
}
.prompting-box.layui-layer p {
  display: inline-block;
  vertical-align: middle;
}
.msg_box {
  padding-top: 0.8rem;
}
.msg_box .txt {
  font-size: 0.4rem;
  line-height: 0.64rem;
  color: #423524;
}
.msg_box .ft {
  padding-top: 0.8rem;
}
.msg_box .ft .btn {
  display: inline-block;
  width: 3.04888889rem;
  height: 0.91555556rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/again_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.ticket-box {
  position: relative;
  height: 14.89777778rem;
  padding-top: 3.64444444rem;
  padding-bottom: 0.71111111rem;
  padding-left: 0.88888889rem;
  padding-right: 0.88888889rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/ticket_bg.png) center center no-repeat;
  text-align: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.ticket-box .banner-box {
  height: 2.04444444rem;
}
.ticket-box .banner-box + .title {
  padding-top: 0.26666667rem;
}
.ticket-box .title {
  width: 92%;
  font-size: 0.64rem;
  line-height: 0.76444444rem;
  margin-left: auto;
  margin-right: auto;
  color: #c22c25;
  font-weight: bold;
}
.ticket-box .bd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 86%;
  height: 3.98222222rem;
  overflow-y: auto;
  margin-top: 0.26666667rem;
  margin-bottom: 0.88888889rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.48rem;
  padding-right: 0.48rem;
  text-align: justify;
  font-size: 0.42666667rem;
  line-height: 0.64rem;
  border-radius: 8px;
  background-color: #ededed;
}
.ticket-box .info_item {
  position: relative;
  padding-left: 2.22222222rem;
}
.ticket-box .label {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: 2.22222222rem;
}
.ticket-box .msg {
  width: 80%;
  text-align: justify;
  font-size: 0.32rem;
  line-height: 0.42666667rem;
  color: #87553f;
  margin-top: 0.17777778rem;
  margin-bottom: 0.26666667rem;
  margin-left: auto;
  margin-right: auto;
}
.ticket-box .btns-box {
  width: 4.72888889rem;
  margin-top: 0.35555556rem;
  margin-left: auto;
  margin-right: auto;
}
.ticket-box .btns-box .btn {
  width: 4.72888889rem;
  height: 1.17333333rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-size: 0.49777778rem;
  line-height: 1.17333333rem;
  font-weight: bold;
}
/* ticket-box */
body .ticket-box .layui-layer-setwin {
  right: 30px;
  top: 20%;
}
.input_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.17777778rem;
}
.input_box .txt {
  display: inline-block;
  vertical-align: middle;
  height: 0.88888889rem;
  font-size: 0.37333333rem;
  line-height: 0.64rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-right: 0.35555556rem;
  padding-left: 0.35555556rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border: 1px solid #eadbd3;
  background: #eadbd3;
  border-radius: 4px;
}
.input_box .txt.lg {
  width: 100%;
}
.input_box .txt.sm {
  width: 60%;
  margin-right: 3%;
  margin-left: 0;
}
.input_box .yzm {
  display: inline-block;
  width: 34%;
  height: 0.71111111rem;
  vertical-align: middle;
}
.input_box .btn.btn_sm {
  display: inline-block;
  vertical-align: middle;
  width: 34%;
  height: 0.88888889rem;
  font-size: 0.37333333rem;
  line-height: 0.64rem;
  padding-top: 0.08888889rem;
  padding-bottom: 0.08888889rem;
  margin-bottom: 0rem;
  color: #fff;
  border-radius: 4px;
  background: none;
  background-color: #3491ee;
}
/* used-box */
.used-layer .used-box {
  position: relative;
  height: 10.36444444rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/used_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.used-layer .used-box .hd {
  height: 2.66666667rem;
}
.used-layer .used-box .bd {
  height: 5.86666667rem;
}
.used-layer .used-box .ft {
  height: 1.77777778rem;
}
.used-layer .used-box .btn {
  width: 4.72888889rem;
  height: 1.17333333rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: center;
  font-size: 0.49777778rem;
  line-height: 1.17333333rem;
  font-weight: bold;
}
/* over-box */
.over-box {
  position: relative;
  height: 100%;
  background-color: #fff;
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.over-box .hd {
  background-color: #f0b238;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.over-box .ellipsis {
  width: 70%;
  font-size: 0.35555556rem;
  line-height: 0.42666667rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-right: 0rem;
  padding-left: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
.over-box .title {
  font-weight: bold;
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
}
.over-box .rule_items {
  margin-top: 0.88888889rem;
  padding-left: 0.44444444rem;
  padding-right: 0.44444444rem;
  margin-bottom: 0.88888889rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.42666667rem;
  color: #333;
}
.over-box .btn {
  width: 2.75555556rem;
  height: 0.84444444rem;
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/btn01.png) center center no-repeat;
  background-size: 100% 100%;
  margin-left: auto;
  margin-right: auto;
  color: #ce343f;
}
.over-box .ft {
  position: fixed;
  bottom: 2.66666667rem;
  left: 50%;
  margin-left: -1.37777778rem;
}
/*转盘*/
.wheel-bg {
  background: url(https://rsnet-media.oss-cn-hangzhou.aliyuncs.com/h5-2026/qztj202609/wheel_bg.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.wheel-bg .wheel_outer {
  position: relative;
  padding-top: 48%;
}
.wheel-bg .w_bg {
  width: 8.04444444rem;
  height: 8.03555556rem;
  margin: 0 auto;
}
.wheel-bg .bg01 {
  -webkit-animation: fadein 3s ease infinite alternate;
  animation: fadein 3s ease infinite alternate;
}
.wheel-bg .w_pointer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 37%;
  cursor: pointer;
}
.wheel-ft {
  padding-top: 6%;
}
/*  win-contain  */
.win-contain {
  width: 92%;
  margin: 10px 4%;
  background-color: #fff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
}
.win-contain .win-title {
  width: 100%;
  height: 1.1rem;
  background-color: #fff4d5;
  line-height: 1.1rem;
  text-align: center;
}
.win-contain p {
  font-size: 0.32rem;
  color: #ce343f;
  font-weight: bold;
}
.win-contain .ellipsis {
  font-size: 0.24888889rem;
  line-height: 0.35555556rem;
  color: #333;
  font-weight: normal;
  padding: 0;
  width: 100%;
}
.txtMarquee-top .bd {
  height: 4.6rem;
  overflow: hidden;
  padding: 0.6rem 0.5rem;
}
.txtMarquee-top span {
  padding: 0 0.6rem;
}
.ellipsis .date {
  display: inline-block;
  padding: 0;
  width: 3.8rem;
  text-align: center;
}
.ellipsis .prize {
  color: #ce343f;
}
.circle {
  fill: #18af5e;
  stroke: #21b421;
}
#code {
  pointer-events: auto;
}
@media screen and (max-height: 554px) {
  .wheel-bg .wheel_outer {
    padding-top: 39%;
  }
  .pageWrapper .pageMain .man .img-inline {
    margin-top: -1rem;
  }
  .unit_box {
    margin-top: 0.17777778rem;
  }
}
@media screen and (min-height: 706px) {
  .wheel-bg .wheel_outer {
    padding-top: 54%;
  }
  .pageWrapper .pageMain .man .img-inline {
    margin-top: 2rem;
  }
  .climbingMountain {
    top: -6%;
    left: -5%;
    width: 114%;
    height: auto;
  }
  .match_banner_box {
    margin-top: 0.71111111rem;
  }
  .gameMain {
    margin-top: 15%;
  }

  .pageWrapper .pageMain .rule_box {
    top: 26%;
  }
}