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