| | |
| | | /* pages/bookServices/detail/components/suggest/suggest.wxss */ |
| | | .suggest-dialog { |
| | | --td-dialog-close-color: #666 |
| | | } |
| | | |
| | | .t-class-content { |
| | | height: 400px; |
| | | } |
| | | |
| | | .t-button--text { |
| | | color: #333 |
| | | } |
| | | |
| | | .wrapper { |
| | | margin-bottom: 32rpx; |
| | | } |
| | | |
| | | .placeholder { |
| | | color: rgba(0, 0, 0, 0.26); |
| | |
| | | line-height: 96rpx; |
| | | } |
| | | |
| | | .demo-rate { |
| | | background-color: #fff; |
| | | height: 96rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 32rpx; |
| | | border-bottom: solid 1rpx #f0f0f0; |
| | | border-top: solid 1rpx #f0f0f0; |
| | | margin-top: 32rpx; |
| | | margin-bottom: 32rpx; |
| | | } |
| | | |
| | | |
| | | .demo-rate__title { |
| | | width: 200rpx; |
| | |
| | | padding-left: 32rpx; |
| | | border: 0; |
| | | } |
| | | |
| | | .block { |
| | | position: relative; |
| | | width: 240px; |
| | | height: 240px; |
| | | background: #fff; |
| | | border-radius: 16rpx; |
| | | } |
| | | |
| | | .close-btn { |
| | | position: absolute; |
| | | left: 50%; |
| | | margin-left: -32rpx; |
| | | bottom: calc(-1 * (48rpx + 64rpx)); |
| | | } |
| | | |
| | | .wrapper { |
| | | margin: 32rpx; |
| | | display: block; |
| | | } |
| | | |
| | | .content { |
| | | position: relative; |
| | | border-radius: 40rpx; |
| | | padding: 100rpx 40rpx 0rpx 40rpx; |
| | | width: 600rpx; |
| | | background-image: linear-gradient(to bottom, #FFF8E5, #fffcf5); |
| | | } |
| | | |
| | | .demo-rate { |
| | | width: 350rpx; |
| | | margin: 20rpx auto 20rpx auto; |
| | | } |
| | | |
| | | .phone { |
| | | margin-bottom: 16rpx; |
| | | --td-input-border-radius: 20rpx; |
| | | border-radius: 20rpx; |
| | | } |
| | | |
| | | |
| | | .submit-btn { |
| | | padding: 40rpx; |
| | | --td-button-border-radius: 60rpx; |
| | | --td-button-primary-bg-color: #ff6c00; |
| | | --td-button-primary-border-color: #ff6c00; |
| | | --td-button-primary-active-bg-color: #ff984d; |
| | | --td-button-primary-active-border-color: #ff984d; |
| | | } |
| | | |
| | | .top-icon { |
| | | top: -50rpx; |
| | | left: 40%; |
| | | position: absolute; |
| | | } |
| | | |
| | | .top-icon image { |
| | | width: 146rpx; |
| | | height: 146rpx; |
| | | } |
| | | |
| | | .top-title { |
| | | width: 160rpx; |
| | | margin: 0 auto; |
| | | color: #0F1214; |
| | | font-size: 40rpx; |
| | | font-weight: bold; |
| | | } |