| | |
| | | border-radius: 0 0 20rpx 20rpx; |
| | | } |
| | | |
| | | .book-img { |
| | | border: 1rpx solid #ccc; |
| | | } |
| | | |
| | | .setCoolect { |
| | | display: flex; |
| | |
| | | .imageBox { |
| | | width: 220rpx; |
| | | height: 310rpx; |
| | | border: 1rpx solid #ccc; |
| | | } |
| | | |
| | | .bookContent { |
| | |
| | | .page-bookService { |
| | | width: 100vw; |
| | | height: 100%; |
| | | /* position: relative; */ |
| | | } |
| | | |
| | | .box-bottom { |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | |
| | | .receive { |
| | | width: 400rpx; |
| | | } |
| | | |
| | | .suggestion { |
| | |
| | | margin-right: 50rpx; |
| | | } |
| | | |
| | | |
| | | .noData {} |
| | | |
| | | .collection { |
| | | width: 175rpx; |
| | | display: flex; |
| | |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | -o-text-overflow: ellipsis; |
| | | } |
| | | |
| | | .placeholder { |
| | | color: var(--td-text-color-placeholder); |
| | | line-height: 96rpx; |
| | | height: 96rpx !important; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .dialog-input { |
| | | padding-top: 12px; |
| | | padding-bottom: 12px; |
| | | text-align: left; |
| | | margin-top: 32rpx; |
| | | border-radius: 8rpx; |
| | | background-color: var(--td-bg-color-page); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | /* 蒙层 */ |
| | | .popup-box { |
| | | position: absolute; |
| | | z-index: 99; |
| | | top: 0; |
| | | background-color: rgba(0, 0, 0, 0.5); |
| | | width: 100%; |
| | | height: 100vh; |
| | | } |
| | | |
| | | .info-center { |
| | | position: fixed; |
| | | top: 32%; |
| | | z-index: 999; |
| | | background-color: white; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border-radius: 10rpx; |
| | | width: 80%; |
| | | margin-left: 10%; |
| | | margin-right: 10%; |
| | | } |
| | | |
| | | .row-info .body { |
| | | min-height: 300rpx; |
| | | } |
| | | |
| | | .dialog-title { |
| | | padding: 20rpx 0; |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 29rpx; |
| | | color: #333333; |
| | | } |
| | | |
| | | .input-box { |
| | | padding: 0 20rpx; |
| | | width: 92%; |
| | | margin-bottom: 16rpx; |
| | | margin-top: 60rpx; |
| | | } |
| | | |
| | | .t-input__content, |
| | | .t-textarea { |
| | | border: 2rpx solid #D9D9D9 !important; |
| | | border-radius: 15rpx; |
| | | padding: 10rpx !important; |
| | | } |
| | | |
| | | .row-btn { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: row; |
| | | align-items: center; |
| | | border-top: 1rpx solid #f1f1f1; |
| | | } |
| | | |
| | | .row-btn view { |
| | | flex: 1; |
| | | text-align: center; |
| | | margin: 20rpx 10%; |
| | | padding: 12rpx 0; |
| | | font-size: 32rpx; |
| | | border-radius: 10rpx; |
| | | } |
| | | |
| | | .left-btn { |
| | | background-color: #f1f1f1; |
| | | color: #5C5C5C; |
| | | } |
| | | |
| | | .right-btn { |
| | | background-color: #ff6c00; |
| | | color: white; |
| | | } |
| | | |
| | | .t-input { |
| | | background-color: var(--td-input-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff))); |
| | | display: flex; |
| | | align-items: center; |
| | | flex: 1; |
| | | padding: var(--td-input-vertical-padding, 10rpx) !important; |
| | | } |
| | | |
| | | .t-input__placeholder, |
| | | .t-textarea__placeholder { |
| | | font-size: 28rpx !important; |
| | | } |
| | | |
| | | .contentImg { |
| | | width: 189rpx; |
| | | height: 264rpx; |
| | | border: 2rpx solid #949494; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .buttonBox { |
| | | margin: 10rpx; |
| | | text-align: center; |
| | | } |