.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; }