.preview {width: 246px;background: #E5DDD5;padding-top: 109px;padding-left: 18px;padding-right: 18px;overflow-y: auto;}

.preview>label {line-height: 20px;font-size: 16px;font-weight: 600;color:#0A0A0A}

.preview-content {margin-top: 18px;width: 210px;}

.preview-header {
    background: #F2F2F6;
    margin: -10px -10px 10px;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
}

.preview-header img, .preview-header video, .preview-header iframe{
    width: 100%;
    border-radius: 8px;
}

.hsm-preview{margin-bottom: 4px;}

.hsm-preview >* {-webkit-box-flex: 1;-ms-flex: 1 100%;flex: 1 100%;}

.hsm-preview-time {
    font-size: 10px;
    color: #555555;
    line-height: 15px;
    margin-right: 0;
    margin-top: 16px;
    text-align: right;
    display: block;
    width: 100%;
}