.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.grid-content{margin-top:40px}.template-lists{display:flex;flex-flow:row wrap;justify-content:space-between;padding:18px 0 30px;position:relative;vertical-align:top;width:100%}.template-lists .el-card__body{padding:10px}.template-lists .template-pro{margin-bottom:40px;position:relative}.template-lists-item{background:#fff;border-radius:3px;overflow:hidden}.template-lists-item:hover{box-shadow:0 15px 30px #0000001a;transform:translate3d(0,-2px,0)}.template-lists-item .img{display:block;position:relative}.template-lists-item .img img{width:100%}.template-lists-item .img .isnew{left:0;max-width:100%;position:absolute;top:0;width:auto}.template-lists-item .img .preview{background:#000000b3;bottom:0;opacity:0;top:0;z-index:9}.template-lists-item .img .preview,.template-lists-item .img .preview a{left:0;position:absolute;right:0;transition:all .3s}.template-lists-item .img .preview .view{background:#03a9f4;border-radius:20px;color:#fff;display:block;font-size:13px;height:36px;line-height:36px;margin:auto;text-align:center;top:50%;transform:translateY(-50%);width:150px}.template-lists-item .img .preview .view:hover{background:#0083cc}.template-lists-item .img .preview .view1{background:#ff6022;border-radius:20px;color:#fff;display:block;font-size:13px;height:36px;line-height:36px;margin:auto;text-align:center;top:60%;transform:translateY(-50%);width:150px}.template-lists-item .img .preview .view1:hover{background:#f15316}.template-lists-item .img .preview span{top:30%}.template-lists-item .img .preview p,.template-lists-item .img .preview span{border-radius:3px;color:#fff;display:block;font-size:13px;height:36px;left:0;line-height:36px;margin:auto;position:absolute;right:0;text-align:center;text-transform:Uppercase;transform:translateY(-50%)}.template-lists-item .img .preview p{top:38%}.template-lists-item .text{align-items:center;color:#005980;display:flex;font-size:12px;justify-content:space-between;line-height:14px;padding:15px;position:relative;transition:all .3s}.template-lists-item .text .numbering{font-size:14px}.template-lists-item .text .icon{font-size:12px}.template-lists-item:hover{transition:all .3s}.template-lists-item:hover .numbering{display:none}.template-lists-item:hover .img .preview{opacity:1}.template-lists-item:hover .text{background:#fff}.template-lists-item:hover .text h3 a span{color:#03a9f4}
