* {
  margin: 0;
  padding: 0;
}

ul,
li {
  list-style: none;
}

body {
  font-family: Arial, "microsoft yahei";
  padding: 0;
  margin: 0;
  min-width: 320px;
  background: radial-gradient(at 85% -13%,   #FF815E 12%, rgba(255,255,255,0) 31%) ,#FFBE84;
  background: #FFBE84 ;
  font-size: 12px;
}

html,
div {
  padding: 0;
  margin: 0;
  border: none;
}

a {
  text-decoration: none;
}

img {
  vertical-align: middle;
  border: 0;
  width: 100%;
}

.rel {
  position: relative;
}

.home {
  max-width: 720px;
  min-width: 320px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.fl {
  float: left;
}

.fr {
  float: right;
}
 
.ugo-cj {
  position: absolute;
  width: 92%;
  height: 8.080rem;
  top: 7.427rem;
  top: 2.040rem;
  top: 1.840rem;
  padding: 2.7% .833em;
  left: 4%;
  border-radius: .5em;
  box-sizing: border-box;
  /* background: chartreuse; */
}

.ugoBtn,
.ugo-pos {
  width: 2.267rem;
  position: absolute;
}
.ugoBtn{
  width:2.267rem;
}

.ugo-cj .ugo-pos {
  position: absolute;
}

.ugo-cj .ugo-pos .white-screen {
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  border-radius:  .427rem;
  overflow: hidden;
}

.ugo-pos .gift-txt {
  position: absolute;
  z-index: 10;
  bottom: 10%;
  
  font-family: PingFangSC-Medium;
  font-size: 0.400rem;
  color: #7B0000;
  width: 100%;
  text-align: center;
}

.title {
  position: absolute;
  top: 73.4%;
}

.bg-screen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 310;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop {
  width: 82%;
  background: #FFFFFF;
  border-radius: 15px;
  position: relative;
}

.p_24 {
  padding-bottom: 2em;
}

.close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.close:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 1.5px;
  border-radius: 2px;
  background: #999;
  top: 9px;
  left: 0.5px;
}

.close:after {
  content: "";
  position: absolute;
  width: 1.5px;
  height: 18px;
  border-radius: 2px;
  background: #999;
  top: 0.5px;
  left: 9px;
}

.pop_tit {
  width: 100%;
  font-family: PingFangSC-Semibold;
  font-size: 1.5em;
  font-weight: bold;
  color: #642A2A;
  text-align: center;
  line-height: 2.333em;
  line-height: 1.4;
  text-align: center;
  margin: 1em 0 .333em;
}

.pc_txt {
  width: 100%;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #642A2A;
  text-align: center;
}

img.pic {
  width: 30%;
  margin: .5em 35%;
}


.pc_tips {
  width: 100%;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #666666;
  text-align: center;
  margin-top: .667em;
}

.btn {
  width: 60%;
  height: 2.5em;
  line-height: 2.5em;
  margin: .48rem auto .427rem;
  background-image: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  box-shadow: 0 0.107rem 0.267rem 0 rgba(227, 62, 65, 0.40);
  border-radius: 2.5em;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
}
 /* 规则  */
.rule-title{
  font-family: PingFangSC-Semibold;
  font-size: 0.480rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 48px;
}
.rule-body{
  width: 6.293rem;
  height: 7.040rem;
  overflow-y: scroll;
  font-family: PingFangSC-Regular;
  font-size: 0.427rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 0.640rem;
  margin: 0 auto;
}
.rule-body p+p{
  margin-top: 0.267rem;
}
.rule-btn{
  width: 5.867rem;
  height: 1.280rem;
  line-height: 1.280rem;
  background-image: linear-gradient(90deg, #C68256 0%, #DDA587 100%);
  box-shadow: 0 8px 20px 0 rgba(197,134,93,0.40);
  border-radius: 48px;
  font-family: PingFangSC-Semibold;
  font-size: 0.427rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  margin: 0.320rem auto 0;
}
/* 滚动消息 */
.roll{
  width: 4.747rem;
  height: 0.533rem;
  overflow: hidden;
  position: absolute;
  top:5.333rem;
  top:1.02rem;
  top:.8rem;
  left:1.733rem;
  z-index: 10;
  font-family: PingFangSC-Medium;
  font-size: 0.373rem;
  color: #FFFFFF;
  letter-spacing: 0;
  /* background: rgba(128, 255, 0, 0.514); */
}
.lb-msg{
  position: absolute;
  z-index: 10;
  left:.0;
  bottom:0 ;
  z-index: 10;
  width:100%;
  height: 2.133rem;
  height: 0.533rem;
  height: 20px;
  overflow: hidden;
}
 .lb-animation{
  transition: all 1s linear;
}
 .lb-msg{
  box-sizing: border-box;
  font-size: .373rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
}
 .lb-msg .text{
  height: .533rem;
}
 .lb-msg-auto,
 .lb-msg-long{
  height: .853rem;
  height: .533rem;
  height: 20px;
  box-sizing: border-box;
}

 .lb-msg-long .text{
  width:4.693rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
 .lb-msg-auto,
 .lb-msg-auto .text{
   display: inline-block; 
}
/* 规则 */
.rule{
  width:7.813rem;
  height: 4.640rem;
  position: absolute;
  z-index: 10;
  left: 1.200rem;
  top:1.507rem;
  font-family: PingFangSC-Medium;
  font-size: 0.427rem;
  color: #FFCDA3;
  letter-spacing: 0;
  line-height: 0.800rem;
  overflow: scroll;
}
.rule p{
  line-height: 0.600rem;
}
.rule p+p{
  margin-top: 0.227rem;
}
/* 滚动中奖 */
/* 活动规格 按钮 */
.btnRule{
  width: 1.360rem;
  height: 0.800rem;
  /* background: chartreuse; */
  position: absolute;
  right:1.5rem;
  top:0.780rem;
  top:.5rem;
  z-index: 10;
}
/* 已抽奖提示文案 */
.finish-text{
  font-family: PingFangSC-Medium;
  font-size: 0.480rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.427rem 0;
}
.finish-text .icon-ok{
  display: inline-block;
  width:0.533rem;
  height: 0.533rem;
  background: url(../../images/2023/game/icon-ok.png);
  background-size: 100%;
  margin-right: 0.160rem;
}
/* 新标题 */
.sign-rcmd-title{
  width:5.133rem;
  width: 3.733rem;
  /* height:  0.800rem; */
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 700;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-indent: .32rem;
  position: absolute;
  z-index: 110;
  top:-2px;
  left:50%;
  transform: translate(-50%, 0px);
}
.sign-rcmd-title > *{
  /* height: .747rem; */
  line-height: .847rem;
}
.sign-rcmd-title i img{
  display: block;
}
.sign-rcmd-title i{
  display: block;
  width: .747rem;
  height: .747rem;
  margin:0 .16rem 0 .32rem;
  display: none;
}
/* 签到直播 */
.sign-rcmd-live{
  width: 93.6%;
  height: 4.773rem;
  margin: 0 auto;
  border-radius: 0.427rem;
  margin-bottom: .32rem;
  /* border: 0.040rem solid #FD4B42; */
  position: relative;
  background: url(../../images/2023/game/rcmd-live.png);
  background-size: 100%;
}
.sign-rcmd-live > a + a >.rcmd-body{
  margin-top: .107rem;
}
.sign-rcmd-live .rcmd-body{
  width:100%;
  height: 4.48rem;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: .32rem;
  background: #fff;
  border-radius: 0.427rem;
}
.sign-rcmd-live .rcmd-goods{
  width:3.84rem;
  height: 3.84rem;
  border-radius: 0.213rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.sign-rcmd-live .rcmd-goods > img:last-child{
  width: auto;
  height: 100%;
}
.sign-rcmd-live .rcmd-goods .lt-24 {
  left: .213rem;
  top: .213rem;
  z-index: 110;
}
.sign-rcmd-live .rb-24{
  width: .533rem;
  right: .0rem;
  bottom: .0;
  position: absolute;
  z-index: 10;
}
.sign-rcmd-live .rcmd-goods img.ctr{
  width: auto;
  height: 100%;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  z-index: 100;
}
.live_animation {
  width: 1.333rem;
  height: 3.36rem;
  background-image: url(https://img2.ugoshop.com/mobile/5.2/images/@2x/live_animation.gif);
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: .33rem;
  z-index: 10;
}
.sign-rcmd-live .rcmd-info{
  flex: 1;
  margin-left: .32rem;
  height: 100%;
  position: relative;
  padding: 0.747rem 0 0;
  padding: .213rem 0 0;
  position: relative;
  box-sizing: border-box;
}
.sign-rcmd-live .rcmd-info .logo{
  width: .747rem;
  height: .747rem;
  margin-right: .213rem;
  border-radius: 100%;
  overflow: hidden;
}
.sign-rcmd-live .r-channel{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: .4rem;
  margin-bottom: 0.107rem;
  color:#333;
}
.sign-rcmd-live .r-title{
  height: 1.280rem;
  overflow: hidden;
  font-size: .48rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-bottom: .187rem;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sign-rcmd-live .rcmd-tag{
  background: #FFF0F0;
  border-radius: 4px;
  padding: .08rem .213rem;
  font-size: .347rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #E33E41;
  display: inline-block;
}
.sign-rcmd-live .rc-live-num span{
  color: #E33E41;
}
.sign-rcmd-live .rc-live-num{
  position: absolute;
  height: .587rem;
  line-height: .587rem;
  bottom: 0;
  font-size: .427rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}
.sign-rcmd-live .bottom-round{
 
  display: none;
}
.sign-rcmd-live .bottom-btn .icon{
  width: 0.427rem;
  margin-right: 0.107rem;
}
.sign-rcmd-live .bottom-btn{
  width: 4.373rem;
  height: 1.013rem;
  position: absolute;
  z-index: 110;
  left:50%;
  transform: translate(-50%,0);
  bottom: 0.320rem;
  background: linear-gradient(90deg, #C68256 0%, #DDA587 100%);
  border-radius: 0.533rem;
  font-family: PingFangSC-Medium;
  font-size: 0.427rem;
  color: #FFFFFF;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 推荐商品 */
.recommend-goods{
  height: 4.480rem;
  border: .040rem solid #FD4B42;
  border-radius: .427rem;
  background: none;
}
.recommend-goods .r-title{
  font-size: .427rem;
  line-height: .600rem;
  height: 1.200rem;
}
.recommend-goods .pt-60{
  padding-top: .800rem;
}

.recommend-goods  .combin-price{
  width:100%;
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.combin-price > div{
  position: absolute;
  z-index: 10;
}
.recommend-goods .bg{
  width: 4.640rem;
  bottom: .640rem;
  z-index: 0;
}
.recommend-goods .left-text,
.recommend-goods .right-text{
  width: .640rem;
  height: 1.013rem;
  font-family: PingFangSC-Regular;
  font-size: .320rem;
  color: #777777;
  letter-spacing: 0;
  line-height: .507rem;
  right: 0;
  bottom: .627rem;
}
.recommend-goods .left-text{
  width: 1.200rem;
  left:0;
  right: unset;

}
.recommend-goods .notice{
  font-family: PingFangSC-Semibold;
  font-size: .373rem;
  color: #F22525;
  width: 100%;
  bottom: 1.07rem;
  text-align: center;
}
.recommend-goods .price{
  width: 100%;
  font-family: Arial-BoldMT;
  font-size: .587rem;
  color: #F22525;
  text-align: center;
  bottom: 0;
}
.recommend-goods .price span::before{
  content: '￥';
  font-size: .400rem;
}
/* 抽奖 奖项 */
.reward-flex{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.reward-3 .closeX,
.reward-bigger .closeX,
.reward-flex .closeX{
  width: 0.747rem;
  height: 0.747rem;
  background: url(../../images/2023/game/close.png);
  background-size: 100%;
  position: absolute;
  top: -1.067rem;
  right: 0;
  z-index: 1;
}
.reward-flex .w340{
  width:4.533rem;
  height: 6.133rem;
  position: relative;
}
.reward-flex .prizeBox{
  height: 100%;
  background-image: linear-gradient(0deg, #F93333 0%, #FF6262 100%);
  border-radius: 0.320rem;
  background: url(../../images/2023/game/bg-win.png) no-repeat;
  background-size: 100%;
}
.reward-bigger .w340 .prizeBox,
.reward-flex .w340 .prizeBox{
  padding: 0.187rem;
}
.reward-bigger .w340 .prizeBox .toper,
.reward-flex .w340 .prizeBox .toper{
  width: 4.160rem;
  height: 3.947rem;
  border-radius: 0.213rem 0.213rem 0.853rem 0.853rem;
  overflow: hidden;
  text-align: center;
}

.reward-bigger .w340 .prizeBox .h3,
.reward-flex .w340 .prizeBox .h3{
  height: 1.067rem;
  line-height: 1.067rem;
  font-family: PingFangSC-Medium;
  font-size: 0.400rem;
  color: #E33E41;
  letter-spacing: 0;
  text-align: center;
}

.reward-bigger .w340 .prizeBox .content,
.reward-flex .w340 .prizeBox .content{
  width: 4.160rem;
  height: 2.880rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.reward-bigger .w340 .prizeBox .notice,
.reward-flex .w340 .prizeBox .notice{
  font-family: PingFangSC-Semibold;
  font-size: 0.453rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}
.reward-bigger .w340 .prizeBox .font,
.reward-flex .w340 .prizeBox .font{
  height: 1.173rem;
  font-family: Arial-BoldMT;
  font-size: 1.040rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding-top: 0.427rem; */
}
.reward-bigger .w340 .prizeBox .coupon i,
.reward-flex .w340 .prizeBox .coupon i{
  font-family: Arial-BoldMT;
  font-size: 1.573rem;
  font-size: .97rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  vertical-align: sub;
}
.reward-bigger .w340 .prizeBox .coupon,
.reward-flex .w340 .prizeBox .coupon{
  font-family: PingFangSC-Semibold;
  font-size: 1.013rem;
  font-size: .628rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}
.reward-bigger .w340 .prizeBox .pre-font,
.reward-flex .w340 .prizeBox .pre-font{
  font-family: Arial-BoldMT;
  font-size: 0.693rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}
.reward-bigger .w340 .prizeBox .tag,
.reward-flex .w340 .prizeBox .tag{
  width: 1.920rem;
  width: auto;
  height: 0.587rem;
  line-height: 0.587rem;
  border: 1px solid #979797;
  border-radius: 0.093rem;
  font-family: PingFangSC-Regular;
  font-size: 0.293rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  margin: 0 auto;
  display: inline;
  padding: 0 0.240rem;
}
.reward-bigger .w340 .icon-gold,
.reward-flex .w340 .icon-gold{
  width:1.227rem;
  height: 0.907rem;
  width: 1.787rem;
  height: 1.453rem;
  width: 1.213rem;
  height: 1.080rem;
  background: url(../../images/2023/game/icon-gold.png);
  background-size: 100%;
  position: absolute;
  left:50%;
  transform: translate(-50%,0);
  bottom: 1.05rem;
  z-index: 5;
}
.reward-bigger .w340 .btn-yellow,
.reward-flex .w340 .btn-yellow{
  width: 3.200rem;
  height: 0.960rem;
  line-height: 0.960rem;
  background-image: linear-gradient(90deg, #FFF2BC 1%, #FFDF85 100%);
  box-shadow: 0 0 0.267rem 0 rgba(171,0,0,0.30);
  border-radius: 0.480rem;
  font-family: PingFangSC-Semibold;
  font-size: 0.373rem;
  color: #952A00;
  letter-spacing: 0;
  text-align: center;
  position: absolute;
  left:50%;
  transform: translate(-50%,0);
  bottom: 0.240rem;
  z-index: 10;
}
.w340 + .tj-insert{
  margin-left:0.107rem
}
.reward-flex-wrap  + .sign-rcmd-live{
  margin-top: 0.640rem;
}
 
 /* 大窗口  */
.reward-bigger .w340{
  width: 7.200rem;
  height: 9.733rem;
  background: url(../../images/2023/game/bg-win-540.png);
  background-size: 100%;
}
.reward-bigger .closeX{
  width: 0.747rem;
  height: 0.747rem;
  background: url(../../images/2023/game/close.png);
  background-size: 100%;
}
.reward-bigger .w340 .prizeBox{
  padding: 0.320rem;
}
.reward-bigger .w340 .prizeBox .toper{
  width: 6.560rem;
  height: 6.267rem;
}
.reward-bigger .w340 .prizeBox .h3{
  height: 1.707rem;
  line-height: 1.707rem;
  font-size: 0.480rem;
}
.reward-bigger .w340 .prizeBox .content{
  width: 100%;
  height: 4.560rem;
}
.reward-bigger .w340 .prizeBox .font{
  height: 1.760rem;
  line-height: 1.760rem;
  font-size: 1.573rem;
}
.reward-bigger .w340 .prizeBox .pre-font{
  font-size: 1.013rem;
}
.reward-bigger .w340 .prizeBox .tag{
  font-size: 0.373rem;
  height: 0.747rem;
  line-height: 0.747rem;
  border-radius: 0.160rem;
}
.reward-bigger .w340 .prizeBox .coupon{
  font-size: 1.013rem;
}
.reward-bigger .w340 .prizeBox .coupon i{
  font-size: 1.573rem;
}
.reward-bigger .w340 .prizeBox .notice{
  font-size: 0.747rem;
}
.reward-bigger .w340 .icon-gold{
  width: 1.773rem;
  height: 1.587rem;
  bottom: 1.97rem;
}
.reward-bigger .w340 .btn-yellow{
  width: 5.093rem;
  height: 1.280rem;
  line-height: 1.280rem;
  border-radius: 0.640rem;
  font-size: 0.533rem;
  bottom: 0.853rem;
}
/* 穿插推荐 */
.tj-insert{
}
.tj-insert .spell-block{
  width: 4.320rem;
  height: 6.133rem;
  padding: 0.267rem;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 0.320rem;
  position: relative;
  margin-bottom: 0;
}
.tj-insert .spell-block-pic{
  width: 3.787rem;
  height: 3.787rem;
  border-radius: 0.213rem;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.tj-insert .spell-block-pic::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.04);
}
.tj-insert .spell-block-info{
  padding: 0.213rem 0 0;
 
}
.tj-insert .title-wrap{
  height: 0.64rem;
  position: relative;
  margin-bottom:0.160rem;
  overflow: hidden;
}
 
.tj-insert .spell-block-info-title{
  width: 3.787rem;
  height: 0.640rem;
  line-height: 0.640rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  text-overflow: ellipsis;
 
  -webkit-line-clamp: 1;
}
.tj-insert .logo + .spell-block-info-title{
  width: 3.200rem;
  margin-left: 1.02rem;
}
 
.tj-insert .price-bar{
  display: flex;
  align-items: center;
  justify-content:space-between;
}
.tj-insert .price-txt {
  font-family: PingFangSC-Semibold;
  font-size: 0.427rem;
  color: #E33E41;
}
.tj-insert .price-now {
  font-size: .533rem;
  color: #E33E41;
  font-weight: bold;
  font-family: arial;
}
.tj-insert  .price-now i {
  font-size: .373rem;
  letter-spacing: -2px;
  font-weight: bold;
  font-family: inherit;
  font-style: normal;
}
.tj-insert .btn-buy {
  width: 0.853rem;
  height: 0.853rem;
  line-height: 0.853rem;
  text-align: center;
  position: absolute;
  right: .267rem;
  bottom:  .267rem;
  background-image: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  font-family: PingFangSC-Medium;
  font-size: .373rem;
  color: #FFFFFF;
  letter-spacing: 0;
  border-radius: 100%;
}
/*  推荐标题  */
.commond-title{
  padding: 0.320rem 0 0;
  text-align: center;
}
.commond-title span{
  font-family: PingFangSC-Medium;
  font-size: 0.400rem;
  color: #6C2D08;
  letter-spacing: 0;
  text-align: center;
  position: relative;
}
.commond-title span::before,
.commond-title span::after{
  width: 2.667rem;
  height: 1px;
  background: #CE8865;
  content: "";
  position: absolute;
  top:50%;
  
}
.commond-title span::before{
  left:-3.093rem;
}
.commond-title span::after{
  right:-3.093rem;
}
.floAdvert{
  width: 2.080rem;
  height: 2.080rem;
  position: fixed;
  z-index: 10;
  left:4.8%;
  bottom: 5%;
}
.spell-block{
  width: 4.587rem;
}

/* 弹窗 3 */
.reward-3{
  width: 8.000rem;
  height: 13.947rem;
  background: url(../../images/2023/game/bg3.png);
  background-size: 100%;
  position: relative;
  text-align: center;
  margin-bottom: -1.5rem;
}
.reward-3 .title-box{
  height: .667rem;
  font-family: PingFangSC-Semibold;
  font-size: .480rem;
  color: #222222;
  padding-top: .533rem;
  margin-bottom: .240rem;
}
.title-box .square {
  width: 3px;
  height: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #333;
  position: absolute;
  top: 50%;
  margin: -2.5px 0 0;
  transform: rotate(45deg);
  transform-origin: center center;
}

.title-box .square:nth-of-type(2) {
  left: -20px;
}

.title-box .square:last-child {
  right: -20px;
}

.title-box .sline {
  width: .480rem;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  margin: -.5px 0 0;
}

.title-box .sline:first-child {
  left: -.933rem;
}

.title-box .sline:nth-of-type(3) {
  right: -.933rem;
}
.reward-3 .reward{
  font-family: PingFangSC-Semibold;
  font-size: .533rem;
  color: #F22525;
  margin-bottom: .053rem;
}
.reward-3 .reward .price::before{
  font-size: .587rem;
  content: '￥';
}
.reward-3 .reward .price{
  font-family: Arial-BoldMT;
  font-size: .933rem;
  vertical-align: sub;
}
.reward-3 .notice{
  height: .533rem;
  line-height:.533rem;
  font-family: PingFangSC-Regular;
  font-size: .373rem;
  color: #B44605;
}
.reward-3 .goods{
  width: 7.360rem;
  height: 9.667rem;
  background: #FFFFFF;
  box-shadow: 0 0 .160rem 0 rgba(0,0,0,0.04);
  border-radius: .480rem;
  position: absolute;
  z-index: 0;
  bottom: .320rem;
  left: .320rem;
  padding: .32rem;
  box-sizing: border-box;
}
.reward-3 .goods .label{
  width:4.160rem;
  left:.587rem;
  top:0;
  z-index: 1;
  position: absolute;
}
.reward-3 .goods .pic::after{
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0,0,0,0.04);
}
.reward-3 .goods .pic{
  width: 6.720rem;
  height: 6.720rem;
  border-radius: .320rem;
  position: relative;
  overflow: hidden;
  margin: 0 auto .267rem;
}
.reward-3 .goods .title-goods{
  height: .600rem;
  font-family: PingFangSC-Medium;
  font-size: .427rem;
  color: #222222;
  margin-bottom: .213rem;
  overflow: hidden;
  text-align: left;
}
.reward-3 .goods .btn-buy{
  width:6.720rem;
  height:1.067rem;
  line-height:1.067rem;
  background: url(../../images/2023/game/bg-price.png);
  background-size: 100%;
  font-family: PingFangSC-Semibold;
  font-size: .400rem;
  color: #F22525;
  padding-right: 2.507rem;
  box-sizing: border-box;
  text-align: center;
}
.reward-3 .goods .btn-buy .price::before{
  content: '￥';
  font-size: .400rem;
}
.reward-3 .goods .btn-buy .price{
  font-family: Arial-BoldMT;
  font-size: .587rem;
}
.reward-3{}
.reward-3{}
.reward-3{}
.reward-3{}

/* public */
/* 积分 */
.score-bar{
  width: 8.000rem;
  background: #FFE5CD;
  height: 1.173rem;
  border-radius: .587rem;
  margin: 0 auto;
  padding-right: .160rem;
}
/* 积分 定位 */
.score-bar-pos{
  width: 100%;
  height: 1.173rem;
  background: #FFE5CD;
  position: fixed;
  top:0;
  z-index: 200;
}
.score-bar .score{
  padding-left:.667rem ;
}
.score{
  font-family: PingFangSC-Semibold;
  font-size: .453rem;
  color: #8C4318;
}
.score p:first-child{
  width:3.973rem ;
}
.notice-score{
  width: 3.200rem;
  height: .853rem;
  line-height: .853rem;
  background-image: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: .427rem;
  font-family: PingFangSC-Medium;
  font-size: .373rem;
  color: #FFFFFF;
}
.h-88{
  height: 1.173rem;
}
.pd-20{
  padding-top: .267rem;
}

.mejs__container {
  width: 8.187rem!important;
  height: 10.773rem!important;
  overflow: hidden;
  border-radius: 0.533rem;
}
.mejs__container video {
  width: 100%!important;
  height: 120%!important;
  position: absolute;
  top: -20%;
  z-index: 0;
  top: 50%;
  transform: translate(0px, -50%);
}
.abs{
  position: absolute;
}
.rcmd-goods .mejs__container {
  width: 8.720rem!important;
  height: 9.707rem!important;
  z-index: 0;
}
.rcmd-goods .mejs__container video {
  width: 100%!important;
  height: 120%!important;
  position: absolute;
  z-index: 0;
}

@media screen and (min-width:641px) {
  body {
    font-size: 24px;
  }
}

@media screen and (min-width: 586px) and (max-width: 640px) {
  body {
    font-size: 22px;
  }
}

@media screen and (min-width: 533px) and (max-width: 585px) {
  body {
    font-size: 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 532px) {
  body {
    font-size: 18px;
  }
}

@media only screen and (min-width: 426px) and (max-width: 479px) {
  body {
    font-size: 16px;
  }
}

@media only screen and (min-width: 373px) and (max-width: 425px) {
  body {
    font-size: 14px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 372px) {
  body {
    font-size: 12px;
  }
}