jzlife_wx_servant/pages/master/poster/poster.wxss

/* pages/master/poster/poster.wxss */
.container{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #f7f7f7;
  position: relative;
}
.poster{
  margin: 146rpx 0 172rpx;
  width: 750rpx;
  height: 926rpx;
  position: relative;
}
.poster-bgc{
  width: 750rpx;
  height: 926rpx;
}
.poster-bgc image{
  width: 100%;
  height: 100%;
}

.bottom{
  width: 750rpx;
  height: 164rpx;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  padding: 20rpx 30rpx;
  box-sizing: border-box;
  justify-content: space-between;
  position: absolute;
  bottom: 10px;
  left: 0;
}
.bottom .box{
  width: 124rpx;
  height: 124rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bottom  .box1{
 background-color: transparent;
 margin: 0;
 padding: 0;
 outline: none;
 box-shadow: none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
.box1::after{
  border: none;
}
.bottom  .box2{
  width: 148rpx;
}
.bottom .box-tip2{
  width: 148rpx;
}
.bottom .box .box-img{
  width: 90rpx;
  height: 90rpx;
}

.bottom .box .box-img image{
  width: 100%; height: 100%;
 
}
.bottom .box .box-tip{
  width: 124rpx;
height: 34rpx;
font-size: 24rpx;
color: #333333;
line-height: 34rpx;
text-align: center;
font-style: normal;
}
.bottom  .box .box-tip2{
  width: 148rpx;
}
.show{
  width: 100%;
  height: 100%;
}
.show image{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
}
.bottom-tip{
  position: absolute;
  bottom: 20rpx;
  width: 466rpx;
  height: 98rpx;
  right: 28rpx;
}

.bottom-tip image{
  width: 100%;
  height: 100%;
}