.template_preview[data-v-0be70be6]{position:fixed;top:0;left:0;z-index:5555;width:100vw;height:100vh;background:rgba(0,0,0,.6)}.template_preview .preview_wrap[data-v-0be70be6]{position:relative;width:100%;height:100%;padding:0;box-sizing:border-box}.template_preview .close_peview[data-v-0be70be6]{right:40px;top:40px}.template_preview .close_peview[data-v-0be70be6],.template_preview .preview_arrow[data-v-0be70be6]{position:absolute;width:40px;height:40px;border-radius:50%;font-size:24px;background-color:#606266;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10}.template_preview .preview_arrow[data-v-0be70be6]{top:calc(50% - 80px)}.template_preview .preview_arrow_left[data-v-0be70be6]{left:40px}.template_preview .preview_arrow_right[data-v-0be70be6]{right:40px}.template_preview .preview_contain[data-v-0be70be6]{height:calc(100% - 140px);position:relative}.template_preview .preview_contain .p_current[data-v-0be70be6]{position:absolute;width:100%;color:#fff;bottom:0;height:30px;text-align:center;line-height:30px}.template_preview .preview_contain .preview[data-v-0be70be6]{position:absolute;width:100%;height:100%;display:flex;top:0;left:0;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.template_preview .preview_contain .preview .contain[data-v-0be70be6]{position:relative;display:flex;justify-content:center;align-items:center}.template_preview .preview_contain .preview .contain img[data-v-0be70be6]{-o-object-fit:contain;object-fit:contain;max-height:100%;max-width:100%}.template_preview .preview_contain .preview .contain video[data-v-0be70be6]{min-width:850px;max-height:100%;max-width:100%}.template_preview .preview_contain .preview .contain iframe[data-v-0be70be6]{max-height:100%;max-width:100%}.template_preview .preview_contain .preview .tmp_mask[data-v-0be70be6]{position:absolute;width:100%;height:100%;background-color:transparent}.template_preview .preview_list[data-v-0be70be6]{--max-show-num:5;width:100%;height:140px;padding-top:15px;display:flex;justify-content:center;border-top:1px solid #9d9d9d;box-sizing:border-box}.template_preview .preview_list .move_wrap[data-v-0be70be6]{height:100%;overflow:hidden;max-width:calc(115px*var(--max-show-num))}.template_preview .preview_list .move_wrap .preview_list_wrap[data-v-0be70be6]{--step:0;display:flex;height:100%;box-sizing:border-box;padding:20px;transform:translateX(calc(var(--step)*-110px));transition:transform .2s linear}.template_preview .preview_list .move_wrap .preview_list_wrap .preview_item[data-v-0be70be6]{flex-shrink:0;list-style:none;height:100%;width:100px;margin:0 5px;border:1px solid transparent;padding:5px;box-sizing:border-box;cursor:pointer}.template_preview .preview_list .move_wrap .preview_list_wrap .preview_item img[data-v-0be70be6]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:relative}.template_preview .preview_list .move_wrap .preview_list_wrap .item_active[data-v-0be70be6]{border-color:#fff}