| 1 |
- .movable-area{width:100vw;min-height:500rpx}.movable-box{width:100vw;min-height:500rpx}.seatSelection-box{box-sizing:border-box}.seatSelection-box .top-box{padding:30rpx;box-sizing:border-box}.seatSelection-box .top-box .address{font-size:30rpx;font-weight:400;color:#0f0404}.seatSelection-box .top-box .logo-box{margin-top:43rpx;width:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.seatSelection-box .top-box .logo-box .item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.seatSelection-box .seat{width:26rpx;height:26rpx;border:1rpx solid #d9d9d9;border-radius:4rpx;background:#fff}.seatSelection-box .noneSeat{opacity:0}.seatSelection-box .notSelect{opacity:1;background:#fb3d46}.seatSelection-box .selected{opacity:1;background:#47cb79}.seatSelection-box .screen-box{position:relative;margin-top:47rpx}.seatSelection-box .screen-box .screen{width:100%}.seatSelection-box .screen-box .screen-name{position:absolute;left:50%;top:30rpx;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-size:22rpx;font-weight:400;color:#999}.seatSelection-box .seat-box{margin-top:50rpx;width:calc(var(--col) * 30rpx);margin:auto}.seatSelection-box .seat-box .col{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:15rpx}.bottom-box{position:fixed;width:100vw;bottom:0}.bottom-box .buy-des{background-color:#fff;padding:30rpx}.bottom-box .buy-des .film-des{font-size:26rpx;font-weight:400;color:#666}.bottom-box .buy-des .item-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap}.bottom-box .buy-des .item-box .seat-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:200rpx;background:#e6e6e6;border-radius:10rpx;margin:20rpx 20rpx 0rpx 0rpx;padding:20rpx;box-sizing:border-box}.bottom-box .price-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;padding:15rpx 30rpx;padding-bottom:calc(15rpx + 10px + env(safe-area-inset-bottom)/2);margin-top:20rpx}.bottom-box .price-box .left-box{font-size:26rpx;font-weight:400;color:#0f0404}.bottom-box .price-box .btn{margin:0;width:200rpx;height:80rpx;background:-webkit-linear-gradient(left,#e31818,#ed3e24,#ed4f24);background:linear-gradient(90deg,#e31818,#ed3e24,#ed4f24);border-radius:40rpx;font-size:30rpx;font-weight:400;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap}
|
