| 1 |
- .explosion{width:710rpx;margin-top:20rpx;margin:20rpx auto 0 auto;padding:30rpx 20rpx;padding:30rpx 20rpx 6rpx 20rpx;background-color:#ffe5e3;background-size:100% 100%;border-radius:13px;box-sizing:border-box}.explosion .hd{display:flex;align-items:center}.explosion .hd .title{font-size:32rpx;font-weight:700;margin-right:12rpx}.explosion .hd image{width:147rpx;height:35rpx;margin-right:20rpx}.explosion .hd .txt{padding:0 10rpx;height:36rpx;border-radius:26rpx 0 26rpx 0;color:#fff;text-align:center;font-size:22rpx;box-shadow:3px 1px 1px 1px var(--view-minorColorT);padding-bottom:2rpx}.explosion .bd{display:flex;flex-wrap:wrap;margin-top:28rpx}.explosion .bd .item{display:flex;align-items:center;justify-content:space-between;position:relative;width:325rpx;height:180rpx;margin-bottom:20rpx;margin-right:20rpx;background-color:#fff;border-radius:16rpx;padding:0 20rpx;box-sizing:border-box}.explosion .bd .item image{width:140rpx;height:140rpx}.explosion .bd .item .con-box{display:flex;flex-direction:column;justify-content:center;width:130rpx;height:100%}.explosion .bd .item .con-box .title{color:#282828;font-size:28rpx}.explosion .bd .item .con-box .con{color:#999;font-size:20rpx;margin-top:2rpx}.explosion .bd .item .con-box .go{display:flex;align-items:center;justify-content:center;margin-top:10rpx;width:112rpx;height:36rpx;border-radius:18rpx;color:#fff;font-size:26rpx;font-weight:700;font-style:italic}.explosion .bd .item .con-box .go image{width:26rpx;height:26rpx}.explosion .bd .item:first-child .go{background:linear-gradient(90deg,#4bc4ff,#207eff)}.explosion .bd .item:nth-child(2) .go{background:linear-gradient(90deg,#ff9043,#ff531d)}.explosion .bd .item:nth-child(3) .go{background:linear-gradient(90deg,#96e187,#48ce2c)}.explosion .bd .item:nth-child(4) .go{background:linear-gradient(90deg,#ffc560,#ff9c00)}.explosion .bd .item:nth-child(2n){margin-right:0}
|
