body {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100vh;
    }

    .wrapper {
      position: absolute;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 1px;
      height: 100vh;
    }

    .el {
      position: absolute;
      opacity: 1;
      width: 2px;
      height: 24vh;
      margin-top: -12vh;
      transform-origin: 50% 100%;
      background: white;
    }

.speech-bubble {
    position: relative;
}
.speech-bubble:after {
    border: 2px solid #DEDEDE;
    border-radius: 7px;
	font-size:17px;
    content: '防疫期間勤洗手~';
	color:white;
    display: none;
	margin-left:250px;
    padding: 5px;
    position: absolute;
	width:140px;
    z-index: 1;
}
.speech-bubble:hover:after {
    display: block;
}