.cu-steps .cu-item { &:before { width: calc(100% - 72.72upx); border-bottom: 5.45upx solid #FFF3F3; left: calc(0px - (100% - 72.72upx) / 2); top: 34.54upx; } .icon-view { border-radius: 181.81upx; height: 72.72upx; width: 72.72upx; margin: auto; margin-bottom: 14.54upx; box-sizing: border-box; border: 7.27upx solid #FFF3F3; text { font-size: 36.36upx; line-height: 61.81upx; } } } .cu-steps .cu-item.select { &:before { border-color: #e54d42; } .icon-view { border: 7.27upx solid #e54d42; } } .zaiui-card-box { padding: 27.27upx 27.27upx 0; } .zaiui-card-hight-box { height: 45.45upx; } .zaiui-card-view { position: relative; border-radius: 9.09upx; padding: 18.18upx; box-shadow: 0 0 14.54upx #f1f1f1; } .zaiui-goods-ad-view { .cu-avatar { position: absolute; height: 136.36upx; width: 136.36upx; } .goods-info-view { position: relative; padding-left: 154.54upx; padding-right: 145.45upx; height: 136.36upx; .cu-tag { font-size: 21.81upx; padding: 0 18.18upx; height: 36.36upx; border-radius: 18.18upx 3.63upx; } .text-black { margin-top: 18.18upx; margin-bottom: 7.27upx; } } .goods-btn-view { position: absolute; line-height: 136.36upx; height: 136.36upx; right: 18.18upx; top: 18.18upx; } } .zaiui-shop-view { position: relative; .shop-info-view { position: relative; margin-bottom: 27.27upx; line-height: 47.27upx; height: 47.27upx; .cu-avatar { position: absolute; } .title-view { position: relative; padding-left: 63.63upx; } } .goods-list-view { position: relative; margin: 18.18upx 0; .cu-avatar { position: absolute; height: 154.54upx; width: 154.54upx; } .goods-info-view { position: relative; padding-left: 172.72upx; height: 154.54upx; .name { position: relative; height: 38.18upx; width: 100%; } .introduce { position: relative; height: 32.72upx; width: 100%; } .tag-view { position: relative; margin-bottom: 9.09upx; margin-top: 7.27upx; height: 33.87upx; width: 100%; .cu-tag { position: relative; top: -2upx; } } .text-price { position: relative; height: 36.36upx; width: 100%; } } } .zaiui-foot-view { position: relative; background: #FFFCFC; margin: 0 -18.18upx -18.18upx -18.18upx; border-radius: 0 0 9.09upx 9.09upx; padding: 18.18upx; .left-view { position: relative; padding-right: 181.81upx; .af5-img { position: relative; margin-right: 9.09upx; width: 36.36upx; top: 3.63upx; } } .text-right { position: absolute; right: 18.18upx; top: 18.18upx; } } } .zaiui-price-view { position: relative; .title-view { position: relative; margin-bottom: 18.18upx; .title { position: relative; padding-right: 181.81upx; } .text-right { position: absolute; top: 3.63upx; right: 0; } } .title-right-view { position: relative; margin-top: 27.27upx; text-align: right; } .solid-line { margin: 27.27upx 0; } } .zaiui-order-view { position: relative; .solid-line { margin: 27.27upx 0; } .title-view { position: relative; margin-bottom: 18.18upx; &:last-child { margin-bottom: 12.72upx; } .title { position: absolute; top: 3.63upx; left: 0; } .text-right { position: relative; padding-left: 181.81upx; .cu-btn { padding: 0 10.9upx; height: 30.9upx; top: -3.63upx; } } } } .zaiui-address-view { position: relative; .solid-line { margin: 18.18upx 0; } .cu-list.menu-avatar>.cu-item { height: 55px; &:after { width: 0; height: 0; border-bottom: 0; } .icon-view { position: absolute; border-radius: 100%; text-align: center; line-height: 45.45upx; height: 45.45upx; width: 45.45upx; left: 9.09upx; top: 25.45upx; } .content { left: 72.72upx; width: calc(100% - 94.54upx); } } } .zaiui-status-img-view { position: relative; .are-img-view { position: relative; margin-bottom: 18.18upx; .are-img { width: 327.27upx; } } } .zaiui-title-view { position: relative; margin: 36.36upx 0 0; .img-anc { position: relative; width: 36.36upx; top: 3.63upx; } } .zaiui-recommend-goods-list-view { position: relative; .flex-wrap { padding: 9.09upx; .basis-df { width: 50%; padding: 0 9.09upx; } } .list-itme { text-align: center; margin-bottom: 18.18upx; .cu-avatar { width: 347.27upx; height: 347.27upx; } .goods-info-view { position: relative; padding: 14.54upx; text-align: left; .text-price { margin: 9.09upx 0; } .foot-box { position: relative; .cu-tag { position: absolute; right: 0; top: 0; } } } } } .foot-hight-view { width: 100%; height: calc((env(safe-area-inset-bottom) / 2) + 109.09upx); } .zaiui-footer-fixed { box-shadow: 0 -3.63upx 10.9upx 0 #eaeaea; padding: 18.18upx 27.27upx; text-align: right; .cu-btn { margin-left: 10px; } } .cu-modal.bottom-modal { .cu-bar { min-height: 81.81upx; .title { position: relative; width: 100%; } .close { position: absolute; font-size: 36.36upx; right: 27.27upx; } } .modal-view { position: relative; width: 100%; .content { position: relative; text-align: left; padding: 27.27upx 18.18upx; .tel-btn-view { position: relative; width: 100%; .tel-view { position: relative; padding-right: 163.63upx; line-height: 47.27upx; height: 47.27upx; } .cu-btn { position: absolute; right: 0; top: 0; } } .code-view { position: relative; text-align: center; .code { font-size: 54.54upx; } .code + .code { margin-left: 18.18upx; } } } .num-lock-view { position: relative; margin-bottom: -2upx; .solid-top::after { border-top: 2upx solid rgba(0, 0, 0, 0.1); } .cu-list.grid>.cu-item { text { color: inherit; } .num { font-size: 40upx; } .close { font-size: 32.72upx; margin-top: 9.09upx; } &:active { background-color: #f0f0f0; } } } } }