.zaiui-view-box { position: relative; padding: 0 18.18upx; .zaiui-card { position: relative; padding: 18.18upx; border-radius: 9.09upx; box-shadow: 0 0 10.9upx #f7f7f7; } } .address-view { .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: 20upx; } .content { left: 72.72upx; width: calc(100% - 94.54upx - 27.27upx); } .action { text-align: right; width: 36.36upx; } } .address-line { position: absolute; background-image: url('/static/zaiui/img/a9l.png'); background-repeat: no-repeat; background-size: 100%; border-radius: 0 0 9.09upx; height: 9.09upx; width: 100%; bottom: 0; right: 0; left: 0; } } .goods-view { .title-view { position: relative; line-height: 49.09upx; height: 47.27upx; .cu-avatar { position: absolute; } .title-box { position: relative; padding-left: 63.63upx; .cu-tag { position: relative; top: -3.63upx; } } } .goods-info-view-box { position: relative; padding: 27.27upx 18.18upx; .cu-avatar { position: absolute; height: 163.63upx; width: 163.63upx; left: 18.18upx; } .goods-info-view { position: relative; padding-left: 181.81upx; height: 163.63upx; line-height: 1.4; .zaiui-tag-view { position: relative; } .goods-price-view { position: relative; line-height: 1.7; top: 9.09upx; } } } .solid-bottom::after { border-bottom: 2upx solid rgba(0, 0, 0, 0.1); } .zaiui-gift-list { position: relative; .title { padding-right: 181.81upx; } .text-right { position: absolute; right: 0; top: 0; } } .zaiui-gift-list + .zaiui-gift-list { margin-top: 10px; } .checked-view { position: relative; .zaiui-checked { position: absolute; transform: scale(0.7); } .text-black-view { padding-left: 63.63upx; line-height: 47.27upx; } } .zaiui-service-view { .flex-sub { position: relative; text-align: center; line-height: 1.8; border: 2upx solid #f7f5f5; .cu-tag { position: relative; top: -4upx; } .zaiui-corner-mark { position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-bottom: 36.36upx solid #eaeaea; border-left: 45.45upx solid transparent; } .check-icon { position: absolute; font-size: 20upx; bottom: -3px; color: #FAFAFA; right: 2upx; } .zaiui-corner-mark.check { border-bottom: 36.36upx solid #e54d42; } .check-icon.check { color: #fff; } } } } .zaiui-card.pay-view { position: relative; padding: 10px 10px 0; .title-view { position: relative; .text-right { position: absolute; right: 0; } } .tag-view-box { position: relative; padding: 0 0 27.27upx; border-bottom: 1upx solid rgba(0, 0, 0, 0.1); .cu-tag { margin-top: 18.18upx; margin-right: 9.09upx; } .cu-tag + .cu-tag { margin-left: 0; } } .cu-list.menu>.cu-item { padding: 0; min-height: 90.9upx; .content { font-size: 27.27upx; } .action .cu-tag{ position: relative; top: -3.63upx; right: 9.09upx; } } .cu-list.menu>.cu-item.arrow { padding-right: 29.09upx; &:before { right: 0; color: #aaaaaa; } } } .zaiui-price-view { position: relative; .item-view { position: relative; .title { padding-right: 181.81upx; } .text-right { position: absolute; right: 0; top: 0; } } .item-view + .item-view { margin-top: 18.18upx; } } .agreement-checked-view { position: relative; padding: 18.18upx 27.27upx; .zaiui-checked { position: absolute; transform: scale(0.7); } .text-black-view { padding-left: 63.63upx; line-height: 47.27upx; } } .zaiui-footer-fixed { box-shadow: 0 -2upx 9.09upx 0 #ececec; z-index: 99999; .cu-bar { width: 100%; .price-view { width: 100%; padding-right: 254.54upx; } .btn-view { position: absolute; float: right; right: 29.09upx; } } }