.home-row[data-v-ce297356]{align-items:center;display:flex;justify-content:center;min-width:1200px;width:100%}.home-row .home-row-main[data-v-ce297356]{width:1200px}
.editor-example-list[data-v-96af1cf4]{color:#303133;margin:0 auto;padding-bottom:40px;padding-top:40px;width:1200px}.editor-example-list .page-slogan[data-v-96af1cf4]{font-size:28px;text-align:center}.editor-example-list .page-search[data-v-96af1cf4]{align-items:center;display:flex;height:52px;justify-content:center;margin-top:36px}.editor-example-list .page-search .search-input[data-v-96af1cf4]{height:52px;width:840px}.editor-example-list .page-search .search-input[data-v-96af1cf4] .el-input__inner{border-radius:8px 0 0 8px;font-size:16px;height:50px;margin-top:1px}.editor-example-list .page-search .search-input[data-v-96af1cf4] .el-input__prefix{font-size:20px;height:auto;top:8px}.editor-example-list .page-search .search-input[data-v-96af1cf4] .el-input-group__append{background-color:#2278ff;border-radius:0 8px 8px 0;color:#fff;font-size:16px;text-align:center;width:140px}.editor-example-list .page-search .search-input[data-v-96af1cf4] .el-input-group__append:hover{background-color:#2270e5}.editor-example-list .page-group[data-v-96af1cf4]{display:grid;grid-template-columns:repeat(5,1fr);margin-top:42px;width:100%}.editor-example-list .page-group .item[data-v-96af1cf4]{align-self:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px 0 hsla(0,0%,85%,.5);cursor:pointer;height:100px;justify-self:center;margin-bottom:24px;padding:20px 30px;width:220px}.editor-example-list .page-group .item .name[data-v-96af1cf4]{color:#1a1a1a;font-size:18px;font-weight:500}.editor-example-list .page-group .item .count[data-v-96af1cf4]{align-items:center;color:#767676;display:flex;font-size:14px;margin-top:10px}.editor-example-list .page-group .item .count .rt[data-v-96af1cf4]{font-size:12px;margin-left:4px;transform:scale(.9)}.editor-example-list .page-group .item .icon[data-v-96af1cf4]{color:#2278ff;font-size:26px}.editor-example-list .page-group .item .text[data-v-96af1cf4]{color:#2278ff;font-size:14px;line-height:22px;margin-top:6px}.editor-example-list .page-group .item:hover .count[data-v-96af1cf4],.editor-example-list .page-group .item:hover .name[data-v-96af1cf4]{color:#2278ff}.editor-example-list .page-group .item:hover .icon[data-v-96af1cf4],.editor-example-list .page-group .item:hover .text[data-v-96af1cf4]{color:#2f5ea7}.editor-example-list .page-group .item.create[data-v-96af1cf4]{align-items:center;display:flex;flex-direction:column;justify-content:center}.editor-example-list .page-example[data-v-96af1cf4]{margin-top:10px}.editor-example-list .page-example .tpWrap .title[data-v-96af1cf4]{color:#303133;font-size:20px;font-weight:700;line-height:30px;margin-bottom:24px}.editor-example-list .page-example .tpWrap .list[data-v-96af1cf4]{display:flex;flex-wrap:wrap}.editor-example-list .page-example .tpWrap .list .item[data-v-96af1cf4]{flex-basis:20%;height:340px;margin-bottom:40px;min-width:220px;padding-left:10px;padding-right:10px}.editor-example-list .page-example .tpWrap .more[data-v-96af1cf4]{align-items:center;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 4px 10px 0 hsla(0,0%,85%,.5);color:#2278ff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;margin:0 auto 40px;width:99%}.editor-example-list .page-example .tpWrap .more .icon[data-v-96af1cf4]{font-size:12px;margin-left:4px;transform:scale(.9)}.editor-example-list .page-example .tpWrap .more[data-v-96af1cf4]:hover{border-color:#2278ff;color:#2f5ea7}.editor-example-list .page-example .tpWrap+.tpWrap[data-v-96af1cf4]{margin-top:0}.editor-example-list .page-footer[data-v-96af1cf4]{color:#616266;font-size:14px;line-height:20px}.editor-example-list .page-footer .a[data-v-96af1cf4]{color:#2278ff;cursor:pointer;margin-left:12px}.editor-example-list .page-loading[data-v-96af1cf4]{align-items:center;display:flex;height:420px;justify-content:center;margin-top:120px;width:100%}.editor-example-list .page-loading>img[data-v-96af1cf4]{-o-object-fit:contain;object-fit:contain;width:128px}
.example-item[data-v-b9085ac2]{box-shadow:0 4px 10px 0 hsla(0,0%,85%,.4);cursor:pointer;height:100%;overflow:hidden;position:relative;transition:transform .1s ease-in;width:100%}.example-item .example-image[data-v-b9085ac2]{border-radius:10px 10px 0 0;-o-object-fit:contain;object-fit:contain;width:100%}.example-item .example-info-form[data-v-b9085ac2]{transition:transform .1s ease-in}.example-item .example-info[data-v-b9085ac2]{background-color:#fff;bottom:0;box-shadow:0 -4px 10px 0 #e8ebf4;box-sizing:border-box;left:0;padding:0 20px;position:absolute;width:100%}.example-item .example-info .footer-title-form[data-v-b9085ac2]{border-bottom:none!important}.example-item .example-info .footer-title[data-v-b9085ac2]{align-items:center;border-bottom:1px solid #dcdfe8;box-sizing:border-box;display:flex;justify-content:space-between;overflow:hidden;padding-bottom:8px;padding-top:12px;text-overflow:ellipsis;white-space:nowrap;width:100%}.example-item .example-info .footer-title .footer-title-text[data-v-b9085ac2]{overflow:hidden;text-overflow:ellipsis}.example-item .example-info .footer-title .name[data-v-b9085ac2]{color:#303133;font-size:14px;font-weight:600}.example-item .example-info .footer-title .mark[data-v-b9085ac2]{-o-object-fit:contain;object-fit:contain;width:18px}.example-item .example-info .footer-desc[data-v-b9085ac2]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;box-sizing:border-box;color:#767676;font-size:14px;height:60px;overflow:hidden;padding-bottom:16px;padding-top:8px}.example-item .footer-desc-form[data-v-b9085ac2]{height:0!important;padding:0!important}.example-item .footer-actions[data-v-b9085ac2]{align-items:center;background-color:#fff;bottom:0;display:flex;height:66px;justify-content:space-between;left:0;padding:0 20px;position:absolute;transform:translateY(100%);transition:transform .1s ease-in;width:100%}.example-item .footer-actions .btn[data-v-b9085ac2]{height:32px;padding:0;width:84px}.example-item .footer-actions .btn[data-v-b9085ac2]:focus,.example-item .footer-actions .btn[data-v-b9085ac2]:hover{background-color:#fff;border-color:#2278ff;color:#2278ff}.example-item .footer-actions .btn.primary[data-v-b9085ac2]{background-color:#2278ff;border-color:#2278ff}.example-item .footer-actions .btn.primary[data-v-b9085ac2]:focus,.example-item .footer-actions .btn.primary[data-v-b9085ac2]:hover{background-color:#2270e5;border-color:#2270e5;color:#fff}.example-item[data-v-b9085ac2]:hover{transform:scale(1.1)}.example-item:hover .example-info-form[data-v-b9085ac2]{transform:translateY(-66px)}.example-item:hover .footer-title-form[data-v-b9085ac2]{border-bottom:1px solid #dcdfe8!important}.example-item:hover .footer-actions[data-v-b9085ac2]{transform:translateY(0)}
.banner[data-v-7a1bad20]{height:510px}.btn-ani[data-v-7a1bad20]{animation:btnScale-7a1bad20 6s cubic-bezier(.1,.2,.9,1) infinite}@keyframes btnScale-7a1bad20{0%{transform:scale(1)}4%{transform:scale(1.15)}8%{transform:scale(1)}12%{transform:scale(1.15)}16%{transform:scale(1)}to{transform:scale(1)}}.adaptation-scheme .content-view[data-v-7a1bad20]{z-index:2}