/* 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); */ }