隐藏滚动条

.no_scroll::-webkit-scrollbar { width: 0 !important }
.no_scroll{
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

自定义滚动条样式

.my_scroll::-webkit-scrollbar-thumb {
    background: #dee9fa;
    border-radius: 20px;
}

回车换行

.pre-line{
    white-space: pre-line;
}

下方带孔的票券

mask-image: radial-gradient(circle at bottom, transparent 10px, red 10.5px);
mask-size: 56px 100%;