.envelope[data-v-5024b604]{position:relative;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.envelope .gap-gutter[data-v-5024b604]{position:absolute;top:calc(50% - 2px);right:0;height:2px;background-color:#f5f5f5;left:0;z-index:102}.envelope .played-time[data-v-5024b604]{z-index:102;width:44px;height:22px;position:absolute;bottom:-24px;font-size:14px;font-family:Alibaba-PuHuiTi-R,Alibaba-PuHuiTi;color:#333;background-color:transparent;text-align:center;line-height:22px}.envelope canvas[data-v-5024b604]{position:absolute;z-index:1;display:block;transform:translateY(12.5%)}.envelope .canvas-container[data-v-5024b604]{position:absolute;top:0;bottom:0;z-index:2;overflow:hidden;border-radius:4px}.envelope .canvas-container canvas[data-v-5024b604]{z-index:2}