.fade-enter-from[data-v-ae5eb6fc]{opacity:0}.fade-enter-active[data-v-ae5eb6fc]{transition:all .2s}.fade-leave-to[data-v-ae5eb6fc]{opacity:0}.fade-leave-active[data-v-ae5eb6fc]{position:absolute;transition:all .2s}.my-modal[data-v-ae5eb6fc]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:auto}.my-modal blockquote[data-v-ae5eb6fc]{margin:auto}.template-detail[data-v-ac8d76a4]{box-sizing:border-box;padding:50px 0;min-height:100vh;background-color:#f8f8f8}.template-detail blockquote[data-v-ac8d76a4]{margin:0 auto;width:1200px;padding:30px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 0 3px 3px #eee}.template-detail blockquote h1[data-v-ac8d76a4]{margin-bottom:20px;font-size:24px;display:flex;justify-content:space-between}.template-detail blockquote h1 .right[data-v-ac8d76a4]{display:flex}.template-detail blockquote h1 .right i[data-v-ac8d76a4]{margin-left:20px;font-style:normal;font-weight:400;color:#999}.template-detail blockquote h1 .right i .icon[data-v-ac8d76a4]{margin:0 10px;font-size:14px}.template-detail blockquote h1 .right i span[data-v-ac8d76a4]{font-size:14px}.template-detail blockquote main[data-v-ac8d76a4]{height:600px;display:flex}.template-detail blockquote main .swiper[data-v-ac8d76a4]{width:969px;height:100%;display:flex;flex-direction:column;box-shadow:inset 0 0 3px 3px #ccc;border-radius:10px}.template-detail blockquote main .swiper .content[data-v-ac8d76a4]{position:relative;height:calc(100% - 80px);overflow:hidden}.template-detail blockquote main .swiper .content .imgs[data-v-ac8d76a4]{position:absolute;top:0;left:0;height:100%;display:flex;flex-wrap:nowrap;transition:all .2s}.template-detail blockquote main .swiper .content .imgs img[data-v-ac8d76a4]{flex-shrink:0;width:969px;height:100%;-o-object-fit:contain;object-fit:contain}.template-detail blockquote main .swiper .nav[data-v-ac8d76a4]{flex-shrink:0;height:80px;display:flex;justify-content:center;align-items:center;border-top:1px solid #ccc;background:#eee;border-radius:0 0 10px 10px;box-shadow:inset 0 0 3px 3px #ddd}.template-detail blockquote main .swiper .nav li[data-v-ac8d76a4]{box-sizing:border-box;flex-shrink:0;padding:10px;width:100px;height:60px;display:flex;border-radius:10px;transition:all .2s;cursor:pointer}.template-detail blockquote main .swiper .nav li.active[data-v-ac8d76a4]{box-shadow:0 0 3px 3px #1684fc}.template-detail blockquote main .swiper .nav li img[data-v-ac8d76a4]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.template-detail blockquote main .info[data-v-ac8d76a4]{flex-shrink:0;margin-left:15px;padding-left:15px;width:200px;height:100%;border-left:1px solid #ccc;overflow:auto}.template-detail blockquote main .info .item[data-v-ac8d76a4]{padding:10px 0;border-bottom:1px solid #ccc;display:flex;flex-direction:column}.template-detail blockquote main .info .item[data-v-ac8d76a4]:last-of-type{border-bottom:0}.template-detail blockquote main .info .item h2[data-v-ac8d76a4]{margin-bottom:6px;font-size:18px}.template-detail blockquote main .info .item p[data-v-ac8d76a4]{color:#999;font-size:14px}.template-detail blockquote main .info .item .pay[data-v-ac8d76a4]{background-color:#1684fc;height:40px;color:#fff;border-radius:4px;font-size:14px;transition:all .2s}.template-detail blockquote main .info .item .pay[data-v-ac8d76a4]:hover{background-color:#59a9ff}.template-detail blockquote main .info .item .bottom[data-v-ac8d76a4]{margin-top:10px;display:flex;align-items:center}.template-detail blockquote main .info .item .bottom button[data-v-ac8d76a4]{margin-right:10px;padding:4px 8px;background-color:#1684fc;border-radius:4px;color:#fff;font-size:12px;transition:all .2s}.template-detail blockquote main .info .item .bottom button[data-v-ac8d76a4]:hover{background-color:#59a9ff}.template-detail blockquote main .info .item .bottom button .icon[data-v-ac8d76a4]{margin-right:4px}.template-detail blockquote main .info .item .author[data-v-ac8d76a4]{display:flex;align-items:center}.template-detail blockquote main .info .item .author img[data-v-ac8d76a4]{margin-right:6px;width:20px;height:20px;border:1px solid #ccc;border-radius:50%}.template-detail blockquote main .info .item .author span[data-v-ac8d76a4]{font-size:12px;color:#666}.template-detail .modal iframe[data-v-ac8d76a4]{margin:10px 0;width:80vw;box-shadow:0 0 3px 3px #ccc;border-radius:10px}