.list { padding: 12px 0 30px; } .expectedIncome { background: #ffffff; border-radius: 10px; margin: 12px 14px 0; overflow: hidden; .incomeTitle { display: flex; align-items: center; justify-content: space-between; padding: 15px 12px 12px; .title { display: flex; align-items: center; font-weight: 600; font-size: 15px; color: #333333; line-height: 20px; } img { width: 18px; height: 18px; margin-right: 6px; } .price { font-weight: bold; font-size: 16px; color: #333333; line-height: 16px; font-family: DINAlternate, DINAlternate; span { font-size: 14px; } } } .incomeTip { font-size: 13px; color: #ef8548; line-height: 18px; background: #fff9f0; box-shadow: 0px 2px 10px 0px rgba(229, 229, 229, 0.1); border-radius: 6px; border: 1px solid #ffefdf; padding: 5px 10px; margin: 0 12px 0; } .element { position: relative; height: 0; border-top: 1px dashed #dedede; margin: 16px 19px 0; &::before, &::after { content: ''; position: absolute; z-index: 1; bottom: -6.5px; display: inline-block; width: 14px; height: 14px; background: #f6f7f8; border-radius: 50%; } &::before { left: -26px; } &::after { right: -26px; } } }