.top-right{display:-webkit-box;display:-ms-flexbox;display:flex}.top-right .color-select{width:148px;margin-right:10px}.top-right .industry-select{width:173px;margin-right:10px}.top-right .search-input{width:260px}.applet-template .top-container h3 i{margin-right:40px;font-size:16px;cursor:pointer}.applet-template .top-container h3 i,.applet-template .top-container h3 span{display:inline-block;vertical-align:middle}.applet-template .template-box{padding:30px;height:calc(100% - 72px);overflow:auto}.applet-template .template-box .template-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.applet-template .template-box .template-list li{width:18.4%;margin-right:2%;margin-bottom:49px}.applet-template .template-box .template-list li:nth-child(5n){margin-right:0}.applet-template .template-box .template-list li .list-border{padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebebeb;border-radius:6px}.applet-template .template-box .template-list li .list-border .img-box{position:relative;border-radius:6px;overflow:hidden;padding-top:190%;background-repeat:no-repeat;background-size:cover;background-position:50%}.applet-template .template-box .template-list li .list-border .img-box>img{width:100%}.applet-template .template-box .template-list li .list-border .img-box .preview{position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;opacity:0}.applet-template .template-box .template-list li .list-border .img-box .preview div{text-align:center;position:absolute;left:0;right:0;margin:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.applet-template .template-box .template-list li .list-border .img-box .preview div img{width:130px;height:130px;margin:0 auto;margin-bottom:15px}.applet-template .template-box .template-list li .list-border .img-box .preview div>span{color:#666;display:block;margin:0 auto}.applet-template .template-box .template-list li .list-border .img-box .preview div button{margin-top:30px;width:110px;padding:0;line-height:32px;text-align:center}.applet-template .template-box .template-list li .list-border:hover .img-box .preview{opacity:1;-webkit-transition:all .3s;transition:all .3s}.applet-template .template-box .template-list li h3{line-height:50px;text-align:center}@media(max-width:1440px){.applet-template .template-box .template-list li{width:24%;margin-right:2.6666666667%}.applet-template .template-box .template-list li:nth-child(5n){margin-right:2.6666666667%}.applet-template .template-box .template-list li:nth-child(4n){margin-right:0}}@media(max-width:990px){.applet-template .template-box .template-list li{width:32%;padding:0 10px;margin-bottom:20px;margin-right:2%}.applet-template .template-box .template-list li:nth-child(4n),.applet-template .template-box .template-list li:nth-child(5n){margin-right:2%}.applet-template .template-box .template-list li:nth-child(3n){margin-right:0}}@media(max-width:760px){.applet-template .template-box .template-list li{width:48%;margin-right:4%}.applet-template .template-box .template-list li:nth-child(3n),.applet-template .template-box .template-list li:nth-child(5n){margin-right:4%}.applet-template .template-box .template-list li:nth-child(2n){margin-right:0}}.paging .el-pagination{text-align:center;margin-bottom:20px}.paging .el-pagination .btn-next,.paging .el-pagination .btn-prev{padding:0 15px;background:transparent;border:1px solid #e9edf0}.paging .el-pagination .btn-next:not([disabled]):hover,.paging .el-pagination .btn-prev:not([disabled]):hover{border-color:#4fa3f1;color:#4fa3f1}.top-right .el-select,.top-right .search-input{height:40px;margin-top:15.5px;line-height:40px}