1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- .wrap {
-
- }
- .wrap_cell {
- padding: 0 40rpx;
- overflow: hidden;
- position: relative;
- }
- .wrap_cell::before {
- content: '';
- width: 548rpx;
- height: 1px;
- background-color: #e6e6e6;
- position: absolute;
- bottom: 0;
- right: 34rpx;
- }
- .wrap_main {
- padding: 34rpx 0;
- overflow: hidden;
- }
- .wrap_icon {
- width: 130rpx;
- height: 130rpx;
- overflow: hidden;
- border-radius: 24rpx;
- margin-right: 22rpx;
- float: left;
- }
- .wrap_icon image {
- width: 100%;
- height: 100%;
- display: block;
- }
- .wrap_info {
- float: left;
- width: 380rpx;
- height: 130rpx;
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- flex-direction: column;
- }
- .wrap_info .reward {
- padding: 0 10rpx;
- height: 36rpx;
- background: #FF1A19;
- border-radius: 18rpx 18rpx 18rpx 0;
- font-size: 19rpx;
- font-weight: 400;
- color: #FFFFFF;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-left: 15rpx;
- }
- .wrap_info .name {
- font-size: 32rpx;
- font-weight: 700;
- color: #333;
- line-height: 45rpx;
- display: flex;
- align-items: center;
- }
- .wrap_info .des {
- font-size: 26rpx;
- color: #8b8b8b;
- line-height: 37rpx;
- }
- .wrap_info .num {
- font-size: 24rpx;
- color: #e05b10;
- line-height: 33rpx;
- }
- .wrap_btn {
- position: absolute;
- right: 49rpx;
- width: 134RPX;
- height: 130rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
|