| | |
| | | /* pages/personalCenter/activateProduct/index.wxss */ |
| | | page { |
| | | width: 100vw; |
| | | height: 100%; |
| | | background: #F2F3F8; |
| | | } |
| | | |
| | | .refresh-container { |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .bottom-loading, |
| | | .loading { |
| | | padding: 20rpx; |
| | | text-align: center; |
| | | } |
| | | |
| | | .container { |
| | | padding: 40rpx 24rpx; |
| | | } |
| | | |
| | | .activation { |
| | | height: 160rpx; |
| | | background: #fff; |
| | | border-radius: 18rpx; |
| | | padding: 30rpx 0; |
| | | |
| | | } |
| | | |
| | | .title { |
| | | display: flex; |
| | | line-height: 54rpx; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .title .line { |
| | | border-left: 8rpx solid #FF6C00; |
| | | border-radius: 0 8rpx 8rpx 0; |
| | | margin-right: 20rpx; |
| | | } |
| | | |
| | | |
| | | .contentBox { |
| | | margin-top: 20rpx; |
| | | } |
| | | |
| | | .inputBox { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | padding: 0 30rpx; |
| | | } |
| | | |
| | | .inputBox .weui-input { |
| | | border: 2rpx solid #D9D9D9; |
| | | border-radius: 10rpx; |
| | | height: 60rpx; |
| | | padding: 6rpx 10rpx; |
| | | } |
| | | |
| | | .button { |
| | | margin: 0; |
| | | height: 74rpx; |
| | | line-height: 74rpx; |
| | | font-size: 28rpx; |
| | | background: #FF6C00; |
| | | color: #fff; |
| | | margin-left: 10rpx; |
| | | border-color: #FF6C00; |
| | | } |
| | | |
| | | .page-content { |
| | | margin-top: 40rpx; |
| | | background: #fff; |
| | | border-radius: 18rpx; |
| | | padding: 30rpx 0; |
| | | } |
| | | |
| | | .list { |
| | | padding: 20rpx 30rpx; |
| | | } |
| | | |
| | | .content-item { |
| | | margin-bottom: 40rpx; |
| | | } |
| | | |
| | | .codeInfoBox { |
| | | border: 2rpx solid #EDECEC; |
| | | border-radius: 10rpx; |
| | | background: #f3f3f3; |
| | | padding: 20rpx; |
| | | font-size: 28rpx; |
| | | line-height: 56rpx; |
| | | } |
| | | |
| | | .order-centent { |
| | | display: flex; |
| | | } |
| | | |
| | | .bookBox { |
| | | padding: 20rpx 0; |
| | | width: 200rpx; |
| | | padding-right: 20rpx; |
| | | } |
| | | |
| | | .bookBox .leftCon { |
| | | width: 180rpx; |
| | | height: 240rpx; |
| | | box-shadow: 0px 0px 20rpx 2px #f1f1f1; |
| | | } |
| | | |
| | | .bookBox .leftCon .purchasedIcon { |
| | | width: 100%; |
| | | height: 100%; |
| | | object-fit: contain; |
| | | } |
| | | |
| | | .rightCon { |
| | | margin-top: 10rpx; |
| | | } |
| | | |
| | | .productTitle { |
| | | font-size: 28rpx; |
| | | height: 88rpx; |
| | | color: #333333; |
| | | line-height: 44rpx; |
| | | display: -webkit-box; |
| | | margin-bottom: 20rpx; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .typeBox { |
| | | line-height: 60rpx; |
| | | } |
| | | |
| | | .typeCon { |
| | | background: rgba(255, 108, 0, 0.24); |
| | | border-radius: 9rpx 9rpx 9rpx 9rpx; |
| | | padding: 8rpx 20rpx; |
| | | color: #FF6C00; |
| | | font-size: 24rpx; |
| | | } |
| | | |
| | | .empyt { |
| | | padding: 100rpx 0; |
| | | background: #fff; |
| | | } |