496_dongfengqichen_wxsmall/496_dongfengqichen/pages/rotaryDraw/rotaryDraw.wxss

/* pages/rotaryDraw/rotaryDraw.wxss */
image{
  display: block;
}
view{
  -webkit-overflow-scrolling: touch;
}
.main{
  height: calc(100vh - 120rpx);
  overflow: auto;
  position: relative;
}
.pageBg{
  width: 750rpx;
  height: 1354rpx;
}
.gameFrame{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top:345rpx;
  width:662rpx;
  height:662rpx;
  z-index: 9;
}
.gameGroup{
  position: relative;
  width: 100%;
  height: 100%;
}
.gameDial{
  width: 100%;
  height: 100%;
}
.gamePointer{
  position: absolute;
  top: 207rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 119rpx;
  height: 181rpx;
}
.recordFrame{
  position: absolute;
  top: 0;
  left: 0;
  width: 750rpx;
  height: 1354rpx;
}
.recordGroup{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 530rpx;
  height: 152rpx;
  overflow: hidden;
}
.recordText{
  position: absolute;
  left: 0;
  top: 152rpx;
  text-align: center;
  font-size: 24rpx;
  width: 100%;
  height: 40rpx;
  line-height: 40rpx;
  color: white;
}