[data-v-7eaab192]:root{--el-color-primary:#5085fb}.template-list[data-v-7eaab192]{display:flex;flex-wrap:wrap}.template-list .template-item[data-v-7eaab192]{background-color:#fff;border-radius:10px;margin-bottom:48px;margin-right:16px;overflow:hidden;position:relative;transition:all .5s;width:288px}.template-list .template-item[data-v-7eaab192]:hover{box-shadow:0 0 20px rgba(1,23,86,.5);transform:translateY(-10px)}.template-list .template-item .free[data-v-7eaab192],.template-list .template-item .price[data-v-7eaab192]{align-items:center;border-radius:10px 0;color:#fff;display:inline-flex;font-size:14px;justify-content:center;left:0;position:absolute;top:0}.template-list .template-item .price[data-v-7eaab192]{background:linear-gradient(-90deg,#ff3527,#ff8846);height:26px;width:90px}.template-list .template-item .free[data-v-7eaab192]{background:#999;height:26px;width:46px}.template-list .template-item[data-v-7eaab192]:nth-of-type(4n){margin-right:0}.template-list .template-item .top[data-v-7eaab192]{color:#fff;font-size:14px;position:absolute;right:16px;top:11px;z-index:9}.template-list .template-item .template-img[data-v-7eaab192]{cursor:pointer;height:156px;overflow:hidden;position:relative;width:100%}.template-list .template-item .template-img:hover .cover-img[data-v-7eaab192]{transform:scale(1.4)}.template-list .template-item .template-img:hover .preview[data-v-7eaab192]{opacity:1}.template-list .template-item .template-img .free-icon[data-v-7eaab192]{position:absolute;right:0;top:0}.template-list .template-item .template-img .cover-img[data-v-7eaab192]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s linear;width:100%}.template-list .template-item .template-img .preview[data-v-7eaab192]{left:0;opacity:0;position:absolute;top:0;transition:all .4s linear}.template-list .template-item .template-info[data-v-7eaab192]{padding:16px 10px 10px}.template-list .template-item .template-info .template-top[data-v-7eaab192]{align-items:center;display:flex;height:30px}.template-list .template-item .template-info .template-top .template-name[data-v-7eaab192]{font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.template-list .template-item .template-info .template-top .el-button[data-v-7eaab192]{flex-shrink:0;margin-left:auto;margin-top:5px}.template-list .template-item .template-info .template-top .el-button[data-v-7eaab192]:first-of-type{margin-top:0}.template-list .template-item .template-info .el-button[data-v-7eaab192]{height:30px;min-width:80px;padding:0 10px!important}.template-list .template-item .template-title[data-v-7eaab192]{color:#333;font-size:18px}.template-list .template-item .template-footer[data-v-7eaab192]{align-items:center;display:flex;height:30px;justify-content:space-between;margin-top:17px}.template-list .template-item .template-footer .icon-group[data-v-7eaab192]{align-items:center;color:#999;display:flex;font-size:12px;width:180px}.template-list .template-item .template-footer .icon-group .icon-item[data-v-7eaab192]{align-items:center;display:inline-flex;margin-right:9px}.template-list .template-item .template-footer .icon-group .icon-item img[data-v-7eaab192]{margin-right:3px;width:12px}.template-list .template-item .template-footer .icon-group .sales-volume[data-v-7eaab192]{color:#999;font-size:12px}.template-list .template-item .template-price[data-v-7eaab192]{color:#666;font-size:14px;margin-right:auto}