.zaiui-swiper-box { width: 100%; .screen-swiper { height: 196.36upx; min-height: 196.36upx; .swiper-padding { padding: 0 25upx; } } } .zaiui-invest-title-box { position: relative; padding: 18.18upx 21.81upx; .text-box { .cuIcon-title { font-size: 20upx; } } .img { position: absolute; background-size: 100% 100%; right: 23.63upx; width: 90.9upx; height: 34.54upx; top: 23.63upx; } } .zaiui-grid-round-box { .cu-list.grid { background-color: inherit; .grid-icon { margin: 0 30upx; .icon { border-radius: 100%; } } } .cu-list.grid>.cu-item { text { color: #333333; } .cu-tag { right: auto; left: 45%; margin-left: 0; top: -9.09upx; transform: scale(0.8); } } .cu-list.grid.no-border { padding: 18.18upx 9.09upx 0; } } .zaiui-grid-sm-box { .cu-list.grid { background-color: inherit; .grid-icon { margin: 0 30upx; } } } .zaiui-seckill-list-view-box { background-image: linear-gradient(0deg, #ffffff, #FAFAFA); padding: 0 29.09upx 29.09upx; .list-title-box { position: relative; width: 100%; .text-view { .text-bold { margin-right: 18.18upx; } .cu-tag { position: relative; margin: 0 5.45upx; top: -5.45upx; } .colon { position: relative; top: -3.63upx; } } .text-right-view { position: absolute; right: 0; top: 3.63upx; } } .seckill-goods-list-view { position: relative; width: 100%; .recommend-scroll { position: relative; height: 381.81upx; white-space: nowrap; width: 100%; .recommend-scroll-item { display: inline-block; padding-top: 27.27upx; width: 199.99upx; padding-right: 18.18upx; white-space: initial; position: relative; .goods-img-view { position: relative; width: 100%; .cu-avatar{ width: 181.81upx; height: 181.81upx; } .cu-tag { position: absolute; bottom: 0; left: 0; } } .rob-tag { position: absolute; bottom: 10.9upx; right: 21.81upx; width: 36.36upx; height: 36.36upx; padding: 0; line-height: 36.36upx; } } } } } .zaiui-gird-hot-goods-box { .margin,.cu-list.grid { border-radius: 10px; } .cu-list.grid>.cu-item { padding: 18.18upx; &::after { top: 0; left: 0; width: 200%; height: 200%; content: " "; position: absolute; transform: scale(.5); transform-origin: 0 0; pointer-events: none; box-sizing: border-box; border-radius: inherit; } &:nth-of-type(1) { &::after { border-right: 2upx solid rgba(0, 0, 0, .1); border-bottom: 2upx solid rgba(0, 0, 0, .1); } } &:nth-of-type(2) { &::after { border-right: 0; border-bottom: 2upx solid rgba(0, 0, 0, .1); } } &:nth-of-type(3) { &::after { border-right: 2upx solid rgba(0, 0, 0, .1); border-bottom: 0; } } &:nth-of-type(4) { &::after { border-right: 0; border-bottom: 0; } } } .cu-list.grid>.cu-item { .text-view { position: relative; width: 100%; text-align: left; .text-title { display: initial; margin-top: 0; color: #333333; font-size: 30.9upx; line-height: initial; font-weight: bold; } .text-right-view { position: absolute; right: 0; top: 3.63upx; display: flex; .text-m { display: initial; margin-top: 0; color: #aaaaaa; font-size: 23.63upx; line-height: initial; } .icon { position: relative; display: initial; margin-top: 0; width: auto; top: 5.45upx; font-size: 23.63upx; line-height: initial; } } .cu-tag { right: initial; left: 0; margin-left: 9.09upx; display: initial; margin-top: 0; color: aliceblue; font-size: 23.63upx; line-height: initial; position: relative; top: -3.63upx; padding: 3.63upx 10.9upx; } } .goods-item { .goods-img-view { position: relative; width: 100%; } .text-goods-title { color: #333333; } } .zaiui-list-2-view { .goods-img-view { position: relative; width: 100%; height: 127.27upx; .cu-avatar { position: absolute; left: 0; } .zaiui-text-view { position: relative; padding-left: 136.36upx; text-align: left; height: 127.27upx; line-height: 1.6; .text-lg { font-size: 36.36upx; } } } .text-goods-title { color: #333333; text-align: left; .text-title-1 { display: inherit; margin-top: 0; color: #e54d42; font-size: 21.81upx; line-height: 40upx; } .text-title-2 { display: inherit; margin-top: 0; color: #333333; font-size: 25.45upx; line-height: inherit; margin-left: 18.18upx; } } } } } .zaiui-add-btn-view-box { bottom: calc(env(safe-area-inset-bottom) / 2); text-align: center; .cu-btn { margin: auto; width: 81.81upx; height: 81.81upx; font-weight: 800; border-radius: 50%; font-size: 49.09upx; border: 9.09upx solid #fff; box-shadow: 0 0 14.54upx 7.27upx #d0d0d0; } }