SOURCE

<div class="estimated-time">
	<span
		  class="estimated-time-wrapper">
		<span
			  class="estimated-time_text">预计到达时间</span>
		<svg width="20" height="24" viewBox="0 0 16 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M8.42561 11.2684L8.36096 11.1584C8.35344 11.1465 8.34893 11.1331 8.34142 11.1212L1.81 0H0V24H1.81L8.34142 12.8803C8.34743 12.8714 8.35044 12.861 8.35645 12.852L8.42561 12.7346C8.69174 12.281 8.69174 11.7219 8.42561 11.2699V11.2684Z" class="estimated-time-rightCaret"></path>
			<path d="M12.0509 11.2684L5.43524 0H1.62524L8.15666 11.1197C8.31604 11.3918 8.39573 11.6967 8.39573 12C8.39573 12.3048 8.31604 12.6082 8.15666 12.8803L1.62524 24H5.43374L12.0509 12.7346C12.317 12.281 12.317 11.7219 12.0509 11.2699V11.2684Z" class="estimated-time-rightCaretTwo"></path>
			<path d="M15.5782 11.2684L9.38814 0.727138C9.12351 0.278067 8.63786 0 8.11162 0H5.25037L11.866 11.2669C12.1321 11.7204 12.1321 12.2796 11.866 12.7316L5.25037 23.997H8.11012C8.63636 23.997 9.12201 23.7219 9.38513 23.2714L15.5752 12.7301C15.8414 12.2766 15.8414 11.7175 15.5752 11.2654L15.5782 11.2684Z" class="estimated-time-rightCaretThree"></path>
		</svg>
	</span>
</div>

     .estimated-time {
     }
     
     .estimated-time-wrapper {
         display: inline-flex;
         height: 24px;
         vertical-align: text-top;
         align-items: flex-start;
         justify-content: flex-start;
     }

     .estimated-time-rightCaret {
         fill: #3f8342;
     }
     
     .estimated-time-rightCaretTwo {
         fill: #4da35d;
     }
     
     .estimated-time-rightCaretThree {
         fill: #b3dbb3;
     }
     
     .estimated-time_text {
         color: #fff;
         background-color: #3f8342;
         font-style: italic;
         line-height: 24px;
         font-weight: 700;
         font-size: 13px;
         padding-right: 4px;
         margin-right: -3px;
         padding-left: 6px;
         padding-top: 0.07em;
         border-radius: 4px 0 0 4px;
     }