.template-list-container{background-color:#fff;height:calc(100% - env(safe-area-inset-bottom))}.template-list-container .van-tabs{background-color:#fff}.template-list-container .main-hollow-btn{border-color:var(--main-color2)!important;background-color:#fff!important;color:var(--main-color2)!important}.template-list-container .main-solid-btn{border-color:var(--main-color2)!important;background-color:var(--main-color2)!important;color:#fff!important}.template-list-container .temp-item-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px}.template-list-container .temp-item-container .temp-item{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(50% - 20px);margin:10px;height:80px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;border-radius:5px;background-repeat:no-repeat!important;background-position:50%!important;background-size:cover!important}.template-list-container .temp-item-container .temp-item .title{width:100%;text-align:center;color:#fff;line-height:24px;height:24px;font-size:14px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}.template-list-container .temp-item-container .temp-item:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,.45);content:"";border-radius:5px}.template-list-container .temp-item-container .template-item{margin-bottom:18px;width:100%;height:362px;border:1px solid #e8e8e8;border-radius:8px;-webkit-transition:all .6s;transition:all .6s;cursor:pointer;position:relative}.template-list-container .temp-item-container .template-item>.img-container{width:100%;height:242px;position:relative;border-top-left-radius:8px;border-top-right-radius:8px}.template-list-container .temp-item-container .template-item>.img-container .tag-container{position:absolute;top:0;left:0;right:0;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:20px}.template-list-container .temp-item-container .template-item>.img-container .tag-container .tag-item{color:#fff;font-size:12px;padding:4px 6px;margin-left:8px;border-radius:2px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.template-list-container .temp-item-container .template-item>.img-container img{width:100%;height:242px;border-top-left-radius:8px;border-top-right-radius:8px;-o-object-fit:cover;object-fit:cover}.template-list-container .temp-item-container .template-item .template-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:5px 20px}.template-list-container .temp-item-container .template-item .template-info .case-title{margin-bottom:5px;width:100%;color:#383838;font-size:18px;font-weight:500;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-container .temp-item-container .template-item .template-info .case-des{height:24px;margin-top:8px;margin-bottom:10px;line-height:24px;font-size:13px;color:grey;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-container .temp-item-container .template-item .template-info .tag-list{width:100%;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-container .temp-item-container .template-item .template-info .tag-list span{color:#6ca2ff;font-size:12px;margin-right:5px;border-radius:2px}.template-list-container .temp-item-container .template-item .view-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px 0 20px;position:absolute;bottom:0;right:0;left:0;height:40px;border-top:1px solid #e8e8e8}.template-list-container .temp-item-container .template-item .view-container>div span{font-size:12px;margin-right:10px}.template-list-container .temp-item-container .template-item .view-container>div span i{font-size:12px}.template-list-container .temp-item-container .template-item:hover{-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.16);box-shadow:0 8px 24px rgba(0,0,0,.16)}.template-list-container .temp-item-container .template-item:hover .case-title{color:var(--main-color2)}.template-list-container .temp-item-container .skeleton{background-color:#f2f3f5}.template-list-container .temp-item-container .skeleton:after{background-color:transparent}.template-list-container .app-help{padding:0;word-break:break-word;font-size:14px;font-weight:400;line-height:22px;color:var(--main-color2);text-align:center;margin-top:20px}.template-list-container .app-help>span{border-bottom:1px solid;padding-bottom:2px;cursor:pointer;font-weight:400}.template-list-container .search-result-container .search-result-item{padding:8px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.template-list-container .search-result-container .search-result-item .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6ca2ff;margin:0;padding:0;word-break:break-word;font-size:14px;font-weight:400;line-height:22px;text-align:inherit}.template-list-container .search-result-container .search-result-item .title i{font-size:18px;margin-right:5px}.template-list-container .search-result-container .search-result-item .tag{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#727272;padding-left:22px;margin:0;word-break:break-word;font-size:13px;font-weight:400;line-height:20px;text-align:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word}.template-list-container .search-result-container .search-result-item .tag>div{margin-right:5px}.template-list-container .search-result-container .search-result-item:hover{background:hsla(0,0%,100%,.1)}.template-list-container .empty-container{width:200px;margin:0 auto}.template-list-container .empty-container img{width:200px}.template-list-container .empty-container .tips{font-size:14px;text-align:center}.template-list-container .recommend-main-container .recommend-main-container-wrapper .el-carousel__container{height:180px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .el-carousel__arrow{background-color:transparent}.template-list-container .recommend-main-container .recommend-main-container-wrapper .el-carousel__arrow .el-icon-arrow-left,.template-list-container .recommend-main-container .recommend-main-container-wrapper .el-carousel__arrow .el-icon-arrow-right{color:var(--main-color2);font-size:26px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .el-carousel__arrow--left{left:-5px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .el-carousel__arrow--right{right:-5px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .el-carousel__button{opacity:1;background-color:#dedede;height:8px;width:8px;border-radius:4px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .el-carousel__indicator.is-active button{opacity:1;background-color:var(--main-color2);height:8px;width:20px;border-radius:4px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .solution-container{position:relative;height:180px;background:url(/apaas/form/fetch/image?id=1622620770532458497.png);background-repeat:no-repeat!important;background-position:50%!important;background-size:cover!important;cursor:pointer;-webkit-transition:all .4s;transition:all .4s}.template-list-container .recommend-main-container .recommend-main-container-wrapper .solution-container .solution-image{position:absolute;height:180px;top:10px;right:-20px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .solution-container .text{position:absolute;top:0;left:0;right:120px;padding:20px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .solution-container .text .title{font-size:20px;color:#333;line-height:39px;font-weight:700}.template-list-container .recommend-main-container .recommend-main-container-wrapper .solution-container .text .sub-title{padding-top:8px;font-size:14px;color:#666;line-height:20px;display:-webkit-box;word-break:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-list-container .recommend-main-container .recommend-main-container-wrapper .solution-container .text .header-btn{color:#fff;border-radius:24px;background:linear-gradient(291deg,var(--main-color) 33%,#f7ba1e 106%);margin-top:16px;border:none}.template-list-container .recommend-main-container .recommend-main-container-wrapper .header{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .header .title{font-size:18px;line-height:25px;font-weight:600}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container{margin:20px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item{margin-left:0;width:calc(50% - 5px);height:114px;margin-right:10px;vertical-align:top;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;margin-bottom:10px;background:#fff}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper{position:relative;cursor:pointer;width:100%;border-radius:6px;overflow:hidden;-webkit-transform:rotate(0);transform:rotate(0);height:calc(100% - 5px);background-repeat:no-repeat!important;background-position:50%!important;background-size:cover!important}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper img{position:absolute;bottom:20px;right:10px;width:68px;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .text{position:absolute;top:14px;left:10px;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .text .title{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .text .des{font-size:12px;color:#666}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .wrapper-item-mask{width:100%;position:absolute;bottom:-5px;left:0}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .wrapper-item-mask .mask-img{height:30px;display:inline-block;width:100%;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.5)),color-stop(20%,rgba(0,0,0,.4)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.4) 20%,transparent)}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .item-mask-text{font-size:13px;color:#fff;position:absolute;bottom:5px;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .item-mask-text .tag-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .item-mask-text .tag-container .tag-item{margin-right:6px;padding:0 6px;background:hsla(0,0%,100%,.6);color:#555;font-size:12px;border-radius:8px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper .item-mask-text .icons{color:#fff;font-size:12px;margin-right:2px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container .project-item .project-item-wrapper:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)}.template-list-container .recommend-main-container .recommend-main-container-wrapper .project-container .list-container>:nth-child(2n){margin-right:0}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container{margin:0 20px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #e6e6e6;border-radius:10px;margin-top:12px;overflow:hidden;height:100%;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-webkit-transform:translateX(0);transform:translateX(0)}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;vertical-align:top;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;background:#fff;border-bottom:1px solid #ebebeb;margin:0 16px;position:relative}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item>.img-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom-left-radius:12px;border-top-left-radius:12px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item>.img-container>img{width:40px;height:40px;opacity:1;border-radius:8px;display:inline-block;vertical-align:text-top;line-height:40px;text-align:center}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item .info{padding-left:16px;display:inline-block;width:calc(100% - 90px);vertical-align:text-top;padding:16px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item .info>h6{font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item .info>h6 .type-container{color:#fff;font-size:12px;padding:2px 4px;margin-left:8px;border-radius:2px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item .info>p{font-size:12px;width:100%;font-weight:400;text-align:left;color:#757575;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item>.btn{position:absolute;top:calc(50% - 14px);right:0;background:rgba(var(--main-color-rgb),.15);color:var(--main-color);padding:5px 16px;border-radius:2px;font-size:12px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .hot-container .hot-container-wrapper .item:hover{background:#fff;-webkit-box-shadow:rgb(0 0 0) 0 1px 4px 0;box-shadow:0 1px 4px 0 rgb(0 0 0);border-radius:7px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container{margin:20px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .header{margin-bottom:0}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item{margin-bottom:18px;width:100%;height:362px;border:1px solid #e8e8e8;border-radius:8px;-webkit-transition:all .6s;transition:all .6s;cursor:pointer;position:relative}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item>.img-container{width:100%;height:242px;position:relative;border-top-left-radius:8px;border-top-right-radius:8px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item>.img-container .tag-container{position:absolute;top:0;left:0;right:0;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:20px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item>.img-container .tag-container .tag-item{color:#fff;font-size:12px;padding:4px 6px;margin-left:8px;border-radius:2px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item>.img-container img{width:100%;height:242px;border-top-left-radius:8px;border-top-right-radius:8px;-o-object-fit:cover;object-fit:cover}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item .template-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:5px 20px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item .template-info .case-title{margin-bottom:5px;width:100%;color:#383838;font-size:18px;font-weight:500;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item .template-info .case-des{height:24px;margin-top:8px;margin-bottom:10px;line-height:24px;font-size:13px;color:grey;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item .template-info .tag-list{width:100%;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item .template-info .tag-list span{color:#6ca2ff;font-size:12px;margin-right:5px;border-radius:2px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item .view-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px 0 20px;position:absolute;bottom:0;right:0;left:0;height:40px;border-top:1px solid #e8e8e8}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item .view-container>div span{font-size:12px;margin-right:10px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item .view-container>div span i{font-size:12px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item:hover{-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.16);box-shadow:0 8px 24px rgba(0,0,0,.16)}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .template-item:hover .case-title{color:var(--main-color2)}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .temp-item{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(50% - 20px);margin:10px;height:80px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;border-radius:5px;background-repeat:no-repeat!important;background-position:50%!important;background-size:cover!important}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .temp-item .title{width:100%;text-align:center;color:#fff;line-height:24px;height:24px;font-size:14px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .temp-item:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,.45);content:"";border-radius:5px}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .skeleton{background-color:#f2f3f5}.template-list-container .recommend-main-container .recommend-main-container-wrapper .recommend-container .recommend-container-wrapper .skeleton:after{background-color:transparent}.template-list-container .apply-no-data{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:calc(100% - env(safe-area-inset-bottom));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}.template-list-container .apply-no-data img{width:300px;height:222px;margin-bottom:20px}