/* pages/order/movie/index.wxss */ page { background: #f6f6f6; } .info-box { background: white; border-radius: 7rpx; margin: 25rpx; padding: 0 21rpx; } .info-top { display: flex; padding-top: 30rpx; padding-bottom: 41rpx; border-bottom: 1rpx solid #ccc; font-size: 27rpx; color: #999; justify-content: space-between; } .info-top image { width: 173rpx; height: 196rpx; border-radius: 7rpx; margin-right: 22rpx; flex-shrink: 0; } .info { flex: 1; display: flex; flex-direction: column; justify-content: space-around; } .info .title { font-size: 35rpx; color: #000; font-weight: 500; margin-bottom: 20rpx; } .tel-box { display: flex; align-items: center; height: 126rpx; font-size: 31rpx; justify-content: space-between; } .tel-box>text { color: #000; font-weight: 500; flex-shrink: 0; } .tel-box input { flex: 1; display: block; } .info-box .btn { width: 140rpx; line-height: 58rpx; border: 1rpx solid #333333; border-radius: 29rpx; text-align: center; color: #000; font-size: 28rpx; } .youhui-text { font-size: 28rpx; } .youhui-text .iconfont { font-size: 26rpx; margin-left: 10rpx; } .fixed-bottom { display: flex; justify-content: space-between; align-items: center; padding-left: 25rpx; height: 113rpx; background: #FFFFFF; box-shadow: 0px 0px 16rpx 0px rgba(6, 0, 1, 0.1); position: fixed; left: 0; right: 0; bottom: 0; } .money-box { font-size: 23rpx; color: #666666; flex: 1; } .money-box .price { color: #D62828; font-size: 36rpx; font-weight: 500; } .fixed-bottom .tip { font-size: 27rpx; color: #D62828; flex-shrink: 0; margin: 0 63rpx; } .fixed-bottom .btn { width: 320rpx; line-height: 113rpx; color: #fff; text-align: center; background: #D62828; font-size: 36rpx; font-weight: 500; }