| | |
| | | |
| | | .content { |
| | | width: 100%; |
| | | height: 1250rpx; |
| | | |
| | | background-color: #F2F3F8; |
| | | padding: 40rpx 0; |
| | | padding-top: 1rpx; |
| | | margin-top: 110rpx; |
| | | |
| | | } |
| | | |
| | | .shoppingCartList { |
| | | height: 1000rpx; |
| | | min-height: 150rpx; |
| | | background: #FFFFFF; |
| | | border-radius: 20px; |
| | | margin: 30rpx 0; |
| | | } |
| | | |
| | | image { |
| | | .imageBox { |
| | | width: 150rpx; |
| | | height: 210rpx; |
| | | margin: 30rpx; |
| | | } |
| | | |
| | | image { |
| | | width: 150rpx; |
| | | height: 210rpx; |
| | | } |
| | | |
| | | .cartListContent { |
| | |
| | | font-weight: bold; |
| | | font-size: 29rpx; |
| | | color: #333333; |
| | | display: flex; |
| | | flex-direction: row; |
| | | padding: 0 10rpx; |
| | | |
| | | } |
| | | |
| | | .textBox { |
| | |
| | | font-weight: 500; |
| | | font-size: 31rpx; |
| | | color: #0F1214; |
| | | font-family: DIN, DIN; |
| | | |
| | | |
| | | |
| | | |
| | | } |
| | | |
| | | .priceBreakdown { |
| | | height: 280rpx; |
| | | height: 250rpx; |
| | | background: #fff; |
| | | padding: 30rpx; |
| | | |
| | | margin-bottom: 120rpx; |
| | | } |
| | | |
| | | .priceBreakdownContent { |
| | |
| | | justify-content: space-between; |
| | | padding: 30rpx; |
| | | align-items: center; |
| | | background-color: #fff; |
| | | width: 100%; |
| | | position: fixed; |
| | | bottom: 0; |
| | | } |
| | | |
| | | .residue { |
| | |
| | | .buttonBox { |
| | | background-color: #FF6C00; |
| | | border: #fff; |
| | | margin-right: 80rpx; |
| | | } |
| | | |
| | | .myQrcodeBox { |
| | |
| | | .myQrcodeTextBox { |
| | | text-align: center; |
| | | margin: 30rpx 0; |
| | | } |
| | | |
| | | .paymentPageBox {} |
| | | |
| | | page { |
| | | background-color: #F2F3F8; |
| | | position: relative; |
| | | } |
| | | |
| | | .titleBox { |
| | | background-color: #fff; |
| | | position: fixed; |
| | | top: 0; |
| | | width: 100%; |
| | | |
| | | } |
| | | |
| | | .eBook { |
| | | width: 90%; |
| | | height: 100%; |
| | | background: #FF6C00; |
| | | text-align: center; |
| | | line-height: 38rpx; |
| | | border-radius: 9rpx; |
| | | } |
| | | |
| | | .cloudLearning { |
| | | width: 100%; |
| | | height: 100%; |
| | | background: #5F92FD; |
| | | text-align: center; |
| | | line-height: 38rpx; |
| | | border-radius: 9rpx; |
| | | } |
| | | |
| | | .labelBox { |
| | | width: 105rpx; |
| | | height: 38rpx; |
| | | font-size: 22rpx; |
| | | color: #FFFFFF; |
| | | font-family: PingFang SC, PingFang SC; |
| | | |
| | | |
| | | } |
| | | |
| | | .boosName { |
| | | width: 300rpx; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | } |