@-webkit-keyframes slide-in-up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slide-in-down{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fx-template-card{position:relative;display:inline-block;width:285px;height:312px;border:1px solid #e9e9e9;background-color:#fff;border-radius:8px;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;-webkit-box-shadow:0 5px 20px -5px rgba(34,31,100,.06);box-shadow:0 5px 20px -5px rgba(34,31,100,.06)}.fx-template-card>img{display:block;width:100%;height:180px}.fx-template-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 15px 30px 0 rgba(16,20,40,.1);box-shadow:0 15px 30px 0 rgba(16,20,40,.1)}.fx-template-card .label-list{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 16px}.fx-template-card .label-list .label{padding:4px 2px;height:40px;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;-ms-writing-mode:vertical-lr;font-size:12px;color:#fff;margin:0 2px}.fx-template-card .label-list .label.blue{background:linear-gradient(-20deg,transparent 20%,#5285cc 0),linear-gradient(20deg,transparent 20%,#5285cc 0)}.fx-template-card .label-list .label.red{background:linear-gradient(-20deg,transparent 20%,#e65555 0),linear-gradient(20deg,transparent 20%,#e65555 0)}.fx-template-card .label-list .label.yellow{background:linear-gradient(-20deg,transparent 20%,#cca37a 0),linear-gradient(20deg,transparent 20%,#cca37a 0)}.fx-template-card .template-info{padding:16px 20px 20px;position:relative}.fx-template-card .template-info .app-name{font-size:14px;color:#141e31;font-weight:600;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fx-template-card .template-info .app-name .fee-type{position:absolute;top:16px;right:0;font-size:12px;color:#fff;background:#e9a25b;font-weight:400;padding:0 5px;border-radius:3px 0 0 3px;line-height:18px}.fx-template-card .template-desc{font-size:14px;color:#525967;line-height:20px;height:40px;margin-bottom:8px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fx-template-card .bottom{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-template-card .bottom .tag-row{height:20px;overflow:hidden}.fx-template-card .bottom .tag-row .tag{background:#f0f1f4;border-radius:3px;padding:0 8px;display:inline-block;font-size:12px;color:#5e6d82;line-height:20px;text-align:center;margin-right:4px;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fx-template-card .bottom .install-text{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:14px;color:#525967}@media screen and (max-width:768px){.fx-template-card{width:100%;height:auto}.fx-template-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px 0 rgba(16,20,40,.1);box-shadow:0 10px 20px 0 rgba(16,20,40,.1)}.fx-template-card>img{width:100%;height:auto}.fx-template-card .template-info{padding-bottom:8px}.fx-template-card .template-info .app-name{max-width:200px}.fx-template-card .bottom{display:none}}