/* pages/order/movie/index.wxss */ page { background: #f6f6f6; } .info-box { background: white; border-radius: 9rpx; margin: 25rpx; padding: 0 21rpx; position: relative; z-index:11; } .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; } .tel-box { display: flex; align-items: center; height: 126rpx; font-size: 31rpx; justify-content: space-between; margin: 30rpx 25rpx; background: white; border-radius: 9rpx; padding: 0 20rpx; } .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; } .tips{ display: flex; margin-left:25rpx; padding-left: 20rpx; box-sizing: border-box; width: 700rpx; height: 80rpx; background: #D62828; border-radius:0 0 9rpx 9rpx ; position: relative; margin-top: -32rpx; } .tips-box{ display: flex; align-items: center; margin-right: 27rpx; font-size: 27rpx; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; line-height: 57rpx; } .tips-box image{ width: 26.7rpx; height: 26.7rpx; margin-right:10rpx ; } .fix-info{ width: 750rpx; min-height: 305rpx; background: #FFFFFF; padding: 36rpx 46rpx 36rpx 46rpx; box-sizing: border-box; position: fixed; bottom:113rpx; } .info-item{ display: flex; align-items: center; justify-content: space-between; } .info-item:first-child{ font-size: 31rpx; font-family: PingFang SC; font-weight: bold; color: #000000; } .info-item:nth-child(2){ margin-top: 40rpx; font-size: 31rpx; font-family: PingFang SC; font-weight: 500; color: #999999; } .info-item:nth-child(3){ margin-top: 31rpx; font-size: 31rpx; font-family: PingFang SC; font-weight: 500; color: #999999; } .info-item:nth-child(4){ margin-top: 40rpx; font-size: 31rpx; font-family: PingFang SC; font-weight: 500; color: #999999; } .fix-info.hide{ bottom:-300rpx; } .mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } .model{ width: 600rpx; min-height: 667rpx; background: #FFFFFF; border-radius: 20rpx; position: absolute; box-sizing: border-box; } .model-title{ text-align: center; font-size: 34rpx; font-family: PingFang SC; font-weight: bold; color: #333333; margin-top: 40rpx; box-sizing: border-box; } .model-content{ margin-top:44rpx; font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: rgba(102, 102, 102, 1); padding: 0 45rpx; line-height: 51rpx; } .btn-send{ width: 440rpx; height: 87rpx; color: #FFFFFF; background: #CCCCCC; border-radius: 43rpx; margin: 0 auto; margin-top: 40rpx; font-size: 32rpx; font-family: PingFang SC; font-weight: bold; line-height: 87rpx; text-align: center; } .model-content text{ color: #D62828; font-weight: bold; } .select-btn{ display: flex; align-items: center; justify-content: center; margin-top:90rpx; } .select-btn image{ width: 33.33rpx; height: 33.33rpx; } .select-text{ margin-left: 19rpx; font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #666666; } .btn-close{ position: absolute; bottom: -70rpx; text-align: center; width: 100%; font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } .close-img{ width: 33.33rpx; height: 33.33rpx; position: absolute; right: 32rpx; top: 30rpx; } .btn-send.send{ background: #D62828; color: #FFFFFF; }