.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW{width:100%;height:225px;position:relative;cursor:pointer;background:#f8f8f8;text-align:center;box-sizing:content-box;border-radius:6px}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW>.TemplateItem_image__R9uWp{width:max-content;border-radius:6px;transform-origin:center center;z-index:2;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW>.TemplateItem_image__R9uWp:after{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(64,87,109,.1);border-radius:inherit;content:"";pointer-events:none;z-index:2}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW>.TemplateItem_image__R9uWp>img{width:auto;height:100%;object-fit:contain;outline:none;display:block;border-radius:inherit;margin:0 auto}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW .TemplateItem_imageHidden__ZpPNv{display:none}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW>.TemplateItem_video__Xlqi5{width:max-content;max-width:100%;border-radius:6px;box-sizing:border-box;transform-origin:center center;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:flex}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW>.TemplateItem_video__Xlqi5:focus{outline:none}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW>.TemplateItem_video__Xlqi5>video{width:auto;height:100%;max-height:100%;outline:none;display:block;object-fit:contain;border-radius:inherit;box-sizing:border-box;margin:0 auto}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW .TemplateItem_hiddenImg__kCMhg{display:none}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW .TemplateItem_mask__lwtr_{position:absolute;overflow:hidden;width:100%;border-radius:4px;background:rgba(0,0,0,.4);bottom:0;left:0;transition:all .3s;display:flex;justify-content:center;align-items:center;z-index:3}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW:hover .TemplateItem_mask__lwtr_{height:48px;border-radius:0 0 4px 4px}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW .TemplateItem_maskBtnBox__Os3tL{position:absolute;top:8px}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW .TemplateItem_maskBtnBox__Os3tL .TemplateItem_previewBtn__KNHIC{min-width:76px;height:32px;line-height:32px;text-align:center;margin-right:14px;border:1px solid #fff;display:inline-block;cursor:pointer;color:#fff;font-size:14px;padding:0 10px;border-radius:6px;transition:all .3s}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW .TemplateItem_maskBtnBox__Os3tL .TemplateItem_previewBtn__KNHIC:hover{color:#ff822c;background:#fff}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW .TemplateItem_maskBtnBox__Os3tL .TemplateItem_customizeBtn__ajYSI{min-width:76px;height:32px;line-height:32px;text-align:center;display:inline-block;cursor:pointer;color:#fff;font-size:14px;padding:0 10px;border:1px solid #ff822c;border-radius:6px;background:#ff822c;transition:all .3s}.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW .TemplateItem_maskBtnBox__Os3tL .TemplateItem_customizeBtn__ajYSI:hover{background:#e0640f;border:1px solid #e0640f}.TemplateItem_itemBox__q7PzN>.TemplateItem_templateTitle__9j6Rx{box-sizing:content-box;max-height:33px;font-size:16px;color:#17191d;padding:12px 0 5px;font-weight:400;word-break:break-word;text-overflow:ellipsis;overflow:hidden;text-align:left;white-space:nowrap}@media screen and (max-width:450px){.TemplateItem_itemBox__q7PzN .TemplateItem_slot_box__X7lkW{max-height:199px}}