510_laomengkuang_wxsmall_customer/laomenkuang_project/pages/index/index.wxss

/**index.wxss**/
page{
  height: 100%;
}
.container{
  width: 100%;
  height: 100%;
}
.buyBg{
  width: 890rpx;
  height: 1000rpx;
  position: fixed;
  top:0;
  left: 0;
}
/* swiper{
  width: 100%;
  height: 437rpx;
  position: absolute;
  left: 0;
  bottom: 0;
} */
.botCont{
  /* width: 607rpx; */
  width: 678rpx;
  border-radius:30rpx;
  background-color:#ffffff;  
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 62rpx;
  padding-left: 75rpx;
  padding-bottom: 53rpx;

  position: fixed;
  left: 0;
  bottom: 0;
}
.imgView{
  width: 254rpx;
  height: 248rpx;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:10px 0px 0px 10px;
}
.imgView image{
  width: 387rpx;
  height: 342rpx;
}
.textView{
  width: 318rpx;
  height: 248rpx;
  padding-left: 33rpx;
}
.textView text{
  display: block;
}
.nameText{
  font-size:50rpx;
  font-family:DINPro;
  font-weight:bold;
  color:rgba(106,10,14,1);
  margin-top: 42rpx;
  margin-bottom: 42rpx
}
.timeText{
  font-size:20rpx;
  font-family:SourceHanSansCN;
  font-weight:300;
  color:rgba(153,153,153,1);
}
.buyView{
  margin-top: 40rpx;
  font-size:36rpx;
  font-family:SourceHanSansCN;
  font-weight:500;
  color:rgba(0,0,0,1);
}

.ruleBtn{
  width: 117rpx;
  height: 37rpx;
  position: fixed;
  right: 30rpx;
  bottom: 485rpx;
  z-index: 10;
}
.maskAll{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100
}
.ruleMask{
  width: 576rpx;
  height: 947rpx;
}
.hiddenIcon{
  width: 110rpx;
  height: 111rpx;
  margin: -12rpx auto 0 auto;
  display: block;
}
.maskCont{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}