123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- .block {
- width: 176rpx;
- height: 176rpx;
- border-radius: 50%;
- box-sizing: border-box;
- position: absolute;
- top: 50%;
- transition: all ease 0.8s;
- }
- .block-b{
- border-left: 16rpx solid #0074FF;
- border-top: 16rpx solid #0074FF;
- border-right: 16rpx solid #E1EEFF;
- border-bottom: 16rpx solid #E1EEFF;
- }
- .block-o{
- border-left: 16rpx solid #FE8E33 ;
- border-top: 16rpx solid #FE8E33 ;
- border-right: 16rpx solid #FFE5D2;
- border-bottom: 16rpx solid #FFE5D2;
- }
- .blockOut {
- width: 176rpx;
- height: 176rpx;
- position: relative;
- overflow: hidden;
- }
- .block.rotate1 {
- transform: rotate(-135deg);
- }
- .quantity {
- text-align: center;
- top: 75%;
- position: absolute;
- width: 100%;
- font-family: DIN;
- font-weight: 600;
- font-size: 52rpx;
- color: #242729;
- }
- .quantity-pop{
- font-family: DIN;
- font-weight: bold;
- font-size: 32rpx;
- color: #242729;
- }
|