496_dongfengqichen_wxsmall/496_dongfengqichen/pages/luckyStar/luckyStar.wxss

/* pages/luckyStar/luckyStar.wxss */
image{
  display: block;
}
.main{
  height: calc(100vh - 150rpx);
  overflow: auto;
}
.gameRuleBtn{
  width:200rpx;
  height:50rpx;
  background-color:rgba(000,000,000,0.63);
  position: fixed;
  right: 0;
  top: 164rpx;
  border-top-left-radius: 30rpx;
  border-bottom-left-radius: 30rpx;
  font-size:26rpx;
  font-family:PingFangSC;
  font-weight:400;
  color:rgba(255,255,255,1);
  text-align: center;
  line-height: 50rpx;
}
.gameRuleBtn2{
  background-color: #28568B;
}
.gameTip{
  width:200rpx;
  height:50rpx;
  background-color:rgba(000,000,000,0.63);
  position: fixed;
  right: 0;
  top: 240rpx;
  border-top-left-radius: 30rpx;
  border-bottom-left-radius: 30rpx;
  font-size:26rpx;
  font-family:PingFangSC;
  font-weight:400;
  color:rgba(255,255,255,1);
  text-align: center;
  line-height: 50rpx;
}
.gameRuleDesc{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100vh - 150rpx);
  background-color: rgba( 000, 000, 000, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ruleGroup{
  position: relative;
  width: 487rpx;
  height: 459rpx;
}
.gameRuleIcon{
  width: 100%;
  height: 100%;
}
.gameRuleClose{
  position: absolute;
  top: 0rpx;
  right: -10rpx;
  width: 31rpx;
  height: 29rpx;
}
.gameStrat{
  width:277rpx;
  height:50rpx;
  background-color: #355483;
  font-size:21rpx;
  font-family:PingFangSC;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:50rpx;
  text-align: center;
  border-radius: 10rpx;
  position: absolute;
  bottom: 50rpx;
  left: 50%;
  transform: translateX(-50%);
}
.gameMain{
  position: relative;
  width: 750rpx;
  height: 1471rpx;
}
.gameStarBg{
  width: 100%;
  height: 100%;
}
.gameTitle{
  position: absolute;
  left: 50%;
  top: 10rpx;
  transform: translateX(-50%);
  width: 342rpx;
  height: 124rpx;
  line-height: 124rpx;
  font-size:40rpx;
  font-family:PingFangSC;
  color:rgba(35,33,34,1);
  text-align: center;
  font-weight: bold;
}
.downTime{
  position: absolute;
  top: 58rpx;
  right: 80rpx;
  font-size:34rpx;
  line-height: 34rpx;
  font-family:NissanBrand;
  color:rgba(35,33,34,1);
  font-weight: 500;
}
.gameClaw{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 130rpx;
  width: 164rpx;
  height: 259rpx;
}
.scrollText{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 428rpx;
  width: 700rpx;
  height: 30rpx;
  overflow: hidden;
}
.scrollFrame{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.scrollView{
  position: absolute;
  width: auto;
  height: 30rpx;
  line-height: 30rpx;
  font-size:20rpx;
  font-family:PingFangSC;
  font-weight:600;
  color:rgba(255,255,255,1);
  left: 60%;
}
.prizeLook{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 161rpx;
  width:710rpx;
  height:70rpx;
  background-color: #355483;
  line-height: 70rpx;
  text-align: center;
  font-size:30rpx;
  font-family:PingFangSC;
  font-weight:400;
  color:rgba(255,255,255,1);
  border-radius: 20rpx;
}
.prizeIcon2{
  position: absolute;
  left: 115rpx;
  top: 610rpx;
  width: 523rpx;
  height: 171rpx;
}
.prizeIcon1{
  position: absolute;
  left: 72rpx;
  top: 640rpx;
  width: 624rpx;
  height: 265rpx;
}
.gameGetBtn{
  position: absolute;
  right: 70rpx;
  top: 1086rpx;
  width: 304rpx;
  height: 80rpx;
}
.gameControlFrame{
  position: absolute;
  left: 130rpx;
  top: 1078rpx;
  width: 174rpx;
  height: 106rpx;
}
.gameControlGroup{
  widows: 100%;
  height: 100%;
  position: relative;
}
.btnControlL{
  position: absolute;
  left: 0;
  top: 38rpx;
  width: 60rpx;
  height: 30rpx;
  /* background-color: rgba( 000, 000, 000, 0.3); */
}
.btnControlR{
  position: absolute;
  right: 0;
  top: 38rpx;
  width: 64rpx;
  height: 30rpx;
  /* background-color: rgba(228, 15, 15, 0.849); */
}
.btnControlT{
  position: absolute;
  left: 65rpx;
  top: 0;
  width: 48rpx;
  height: 44rpx;
  /* background-color: rgba(209, 135, 45, 0.5); */
}
.btnControlB{
  position: absolute;
  left: 60rpx;
  bottom: 0;
  width: 50rpx;
  height: 47rpx;
  /* background-color: rgba(233, 222, 111, 0.5); */
}