.template-container{margin-top:30px}.template-container .img{position:relative;-moz-column-break-inside:avoid;break-inside:avoid;box-sizing:border-box;padding:0;margin-bottom:6px;border:1px solid #dedede;border-radius:4px;overflow:hidden}.template-container .img img{width:100%}.template-container .img .info{position:absolute;right:0;top:0;width:100%;height:40px;padding:10px 5px 5px 5px;display:flex;justify-content:flex-end;z-index:2}.template-container .img .info button{background:#fff;display:flex;height:30px;width:30px;border-radius:4px;align-items:center;cursor:pointer;opacity:0;color:#4f4f50;margin:0 5px;justify-content:center;box-shadow:0 0 2px 0 rgba(0,0,0,.1)}.template-container .img .info button a{color:#4f4f50}.template-container .img .info button:hover{background:#0064fa;color:#fff}.template-container .img .info button:hover a{color:#fff}.template-container .img .info .edit-button{width:110px;text-align:center;display:flex;align-items:center;justify-content:center;color:#000}.template-container .img .info .edit-button .svg-icon{margin:-5px 3px 0 0}.template-container .img .tag{position:absolute;right:0;bottom:0;padding:10px}.template-container .img .tag span{background:rgba(0,0,0,.6);color:#fff;padding:0 15px;height:25px;line-height:25px;border-radius:25px;display:inline-block;font-size:12px}.template-container .title{padding:4px 0;display:flex;justify-content:space-between;color:#000}.template-container .title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-container .img:hover .temp:after{opacity:0}.template-container .img:hover button{opacity:1}.template-container .temp{background:rgba(0,0,0,.1);position:relative;display:block;transition:opacity .2s ease;z-index:1}.template-container .temp:after{content:" ";background:rgba(0,0,0,.25);position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:opacity .2s ease;z-index:1;pointer-events:none}.template-container .template-item{margin-bottom:20px;transition:transform .4s}.template-container .waterfall-item:hover .template-item{transform:scale(1.05);z-index:9;box-shadow:0 20px 30px 0 rgba(42,49,67,.2);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.template-container .waterfall-item:hover .img{overflow:hidden;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid #dedede}.template-container .waterfall-item:hover .title{font-size:12px;font-weight:700;height:30px;padding:4px 12px}.footer-container[data-v-24d890ef]{margin-top:60px;display:flex;justify-content:space-between}.footer-container a[data-v-24d890ef]:hover{color:#0064fa!important}.footer-container h3[data-v-24d890ef]{font-size:16px;color:#39495e;margin-bottom:20px}.footer-container .ewm-item[data-v-24d890ef]{width:104px;height:104px;border:1px solid #e6e8eb;display:inline-block;text-align:center;margin-right:10px}.footer-container .ewm-item img[data-v-24d890ef]{width:100%;display:block}.footer-container .ewm-item p[data-v-24d890ef]{color:#6f7a88;font-size:12px;margin-top:5px}.footer-container .footer-item[data-v-24d890ef]{display:flex}.footer-container .footer-item .contact[data-v-24d890ef]{min-width:400px}.footer-container .footer-item .cooperation p[data-v-24d890ef]{color:#a4a7af}.footer-container .footer-item .links a[data-v-24d890ef]{color:#5f636d;line-height:36px;margin-right:10px}.footer-container .footer-item .website[data-v-24d890ef]{margin-left:60px}.footer-container .footer-item .website a[data-v-24d890ef]{display:block;line-height:36px;color:#a4a7af}.layout-footer .bottom_info[data-v-24d890ef]{width:100%}.layout-footer .bottom_info a[data-v-24d890ef],.layout-footer .bottom_info span[data-v-24d890ef]{font-size:12px;color:#a4a7af}.layout-footer .bottom_info .beian_info span[data-v-24d890ef]{margin-right:40px}.layout-footer .bottom_info .margin_center[data-v-24d890ef]{height:60px;line-height:60px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;color:#a4a7af;font-size:12px}.template-detail-container{padding:80px 30px 30px;background:#f3f4f9}.template-detail-content{display:flex;margin:20px 0 0 0;justify-content:center}.template-detail-content .detail-content-preview{background:#fff;text-align:center;padding:40px;border-radius:4px;width:100%}.template-detail-content .detail-content-preview img{display:block;max-width:100%;margin:0 auto}.template-detail-content .detail-content-info{min-width:360px;background:#fff;margin-left:25px;padding:25px;border-radius:4px}.template-detail-content .detail-content-info h2{font-size:20px;color:#383838;margin:0 0 20px 0;font-weight:700;line-height:30px}.template-detail-content .detail-content-info .num{margin:30px 0 60px 0;display:flex;align-items:center}.template-detail-content .detail-content-info .num span{color:#9899a1;display:flex;align-items:center;margin-right:30px}.template-detail-content .detail-content-info .num span .svg-icon{margin-right:3px}.template-detail-content .detail-content-info .num span i{font-style:normal}.template-detail-content .detail-content-info .opeate{display:flex;justify-content:space-between}.template-detail-content .detail-content-info .opeate .ant-btn{height:46px;font-size:14px;display:flex;justify-content:center;align-items:center}.template-detail-content .detail-content-info .opeate .ant-btn.ant-btn-primary{width:100%;margin-right:10px}.template-detail-content .detail-content-info .keys{margin-top:30px}.template-detail-content .detail-content-info .keys h5{color:#1b1b1b;font-weight:700;font-size:14px;margin-bottom:15px}.template-detail-content .detail-content-info .keys a{background:#f7f8f9;font-size:12px;height:26px;line-height:26px;border-radius:26px;display:inline-block;padding:0 10px;color:#383838;margin-right:10px;margin-bottom:10px}.template-detail-content .detail-content-info .keys a:hover{background:#0064fa;color:#fff}.template-command h1{font-size:16px;margin:30px 0}