.cate-filter[data-v-70918795]{width:1200px;padding:30px 20px;margin:0 auto;border:1px solid #eee}.cate-filter .first-item[data-v-70918795],.cate-filter .item-wrap[data-v-70918795]{display:flex;position:relative}.cate-filter .first-item .f-title[data-v-70918795],.cate-filter .first-item .s-title[data-v-70918795],.cate-filter .item-wrap .f-title[data-v-70918795],.cate-filter .item-wrap .s-title[data-v-70918795]{width:60px;font-size:20px;font-weight:700}.cate-filter .first-item .f-item-wrap[data-v-70918795],.cate-filter .first-item .s-item-wrap[data-v-70918795],.cate-filter .item-wrap .f-item-wrap[data-v-70918795],.cate-filter .item-wrap .s-item-wrap[data-v-70918795]{display:flex;flex-wrap:wrap;flex:1;font-size:18px}.cate-filter .first-item .f-item-wrap .f-item[data-v-70918795],.cate-filter .first-item .f-item-wrap .s-item[data-v-70918795],.cate-filter .first-item .s-item-wrap .f-item[data-v-70918795],.cate-filter .first-item .s-item-wrap .s-item[data-v-70918795],.cate-filter .item-wrap .f-item-wrap .f-item[data-v-70918795],.cate-filter .item-wrap .f-item-wrap .s-item[data-v-70918795],.cate-filter .item-wrap .s-item-wrap .f-item[data-v-70918795],.cate-filter .item-wrap .s-item-wrap .s-item[data-v-70918795]{padding:3px 10px;margin:0 8px 5px}.cate-filter .first-item .f-item-wrap .f-item[data-v-70918795]:hover,.cate-filter .first-item .f-item-wrap .s-item[data-v-70918795]:hover,.cate-filter .first-item .s-item-wrap .f-item[data-v-70918795]:hover,.cate-filter .first-item .s-item-wrap .s-item[data-v-70918795]:hover,.cate-filter .item-wrap .f-item-wrap .f-item[data-v-70918795]:hover,.cate-filter .item-wrap .f-item-wrap .s-item[data-v-70918795]:hover,.cate-filter .item-wrap .s-item-wrap .f-item[data-v-70918795]:hover,.cate-filter .item-wrap .s-item-wrap .s-item[data-v-70918795]:hover{color:#fff;border-radius:6px;cursor:pointer;background-color:#169dea}.cate-filter .first-item .f-item-wrap .f-item.is-active[data-v-70918795],.cate-filter .first-item .f-item-wrap .s-item.is-active[data-v-70918795],.cate-filter .first-item .s-item-wrap .f-item.is-active[data-v-70918795],.cate-filter .first-item .s-item-wrap .s-item.is-active[data-v-70918795],.cate-filter .item-wrap .f-item-wrap .f-item.is-active[data-v-70918795],.cate-filter .item-wrap .f-item-wrap .s-item.is-active[data-v-70918795],.cate-filter .item-wrap .s-item-wrap .f-item.is-active[data-v-70918795],.cate-filter .item-wrap .s-item-wrap .s-item.is-active[data-v-70918795]{color:#fff;border-radius:6px;background-color:#169dea}.cate-filter .first-item .btn-toggle[data-v-70918795],.cate-filter .item-wrap .btn-toggle[data-v-70918795]{position:absolute;right:-10px;top:5px;color:#169dea}.cate-filter .first-item .btn-toggle[data-v-70918795]:hover,.cate-filter .item-wrap .btn-toggle[data-v-70918795]:hover{cursor:pointer}.cate-filter .first-item .btn-toggle.toggle-show[data-v-70918795],.cate-filter .item-wrap .btn-toggle.toggle-show[data-v-70918795]{top:auto;bottom:5px}.cate-filter .wrap-color .s-item-wrap .s-item .color-wrap[data-v-70918795]{width:25px;height:25px;padding:3px;border:1px solid #ccc;border-radius:50px}.cate-filter .wrap-color .s-item-wrap .s-item .color-wrap .color[data-v-70918795]{display:inline-block;position:relative;width:100%;height:100%;border-radius:50%;border:1px solid #ccc}.cate-filter .wrap-color .s-item-wrap .s-item .color-wrap .color.colorful[data-v-70918795]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2MkQyNDZDRTVFQzExRUFCNjNGQ0Y3QzMzODZGNjU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU2MkQyNDZERTVFQzExRUFCNjNGQ0Y3QzMzODZGNjU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTYyRDI0NkFFNUVDMTFFQUI2M0ZDRjdDMzM4NkY2NTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTYyRDI0NkJFNUVDMTFFQUI2M0ZDRjdDMzM4NkY2NTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wfEWyAAACk0lEQVR42lRTXU8TQRQ9s7vt7kqhKBSC0lSBCGhVAmkTiSYm1PjWvpjw6A8w9V1+gK+a9MW/4GP7ausDQiJtiNpEggkoFbRtKlD7td2vGWcLLXBnz+7OzL333JkzQxhj6Bo1dF+t2Y5+LWqR74c0pFnHgYmRzcKA+1LOp0ykr3lup7yX5UrXn3SD643WUn6/Fn//04itlWxsH8sQ3Tt4Gn6JYYXCS6Yw7l5ITnsiienxYMaJkZxXtdZa2ixUX735bIQ/lSna1CmDYFQVQAjQwhHq9gYOtGysau+PMfZsZcZ/NyOZuu7bLtbjb/NG+MMfClUi6HcBtg0oIoFEZLiIClEgsJiOHTMdlhueuKd4JS+Ua+3o6oEZWy1R9LsJVBHgMR3Gs90gvAmdJIQw7Bnrsf1mPir9ODQi60XKB0XuAJ79xN1mAqgDJ4nA4fx0zAWDL2TX/BiRinUS2igPoqwJuGCWAkM+RtUjw1TdYOxsnoFCYIWQ5O/7HXgxuwGbt/OFUuKGxyphNrsLt9U8WUfXbANSnxmQbg2WCouhd5MQji4yy5zpVwt4vQP840nPF8a77Kq3INlkKKfpM5MK2TplPmWw+c6ZEojK1bTN3nDHxSVDuz6XE4jsTzfoAixqcxCYVOzBYiKYU67D2gUPtpV+NIKxtKCqQylLmE+22D2evMmhOyvuSdRjc2DwD5PQvPk4aU89TPFgqdI3cCPRxHK2Rec7TgKXgqDNz64O4pTMH97lCgDN4JNs+8HzxFggUOkcz4EBbwZkbqVZU+K6uRZTyBeuZgkSPXQEB1Vk6KPT0CYfJa2F5cTIncXMhYvhWKPFfG2tFrW0rQjYXgi1vwHxW6UAeTjH/ME0Ju6nRgbV3q36L8AAHwYp5p5zooYAAAAASUVORK5CYII=) no-repeat 50%/100%}.cate-filter .wrap-color .s-item-wrap .s-item .color-wrap .color[data-v-70918795]:before{position:absolute;z-index:-1;left:-5px;top:-5px;width:24px;height:24px;border:1px solid #ccc;border-radius:50%}.cate-filter .wrap-color .s-item-wrap .s-item .color-wrap.colorAll[data-v-70918795]{width:auto;height:auto;border:none;padding:0}.cate-filter .wrap-color .s-item-wrap .s-item .color-wrap.colorAll .color[data-v-70918795]{border:none}.cate-filter .wrap-color .s-item-wrap .s-item[data-v-70918795]:hover{background:transparent}.cate-filter .wrap-color .s-item-wrap .s-item:hover .color-wrap[data-v-70918795]{background-color:#169dea}.cate-filter .wrap-color .s-item-wrap .s-item.is-active[data-v-70918795]{background:transparent}.cate-filter .wrap-color .s-item-wrap .s-item.all-active.is-active[data-v-70918795],.cate-filter .wrap-color .s-item-wrap .s-item.all-active[data-v-70918795]:hover,.cate-filter .wrap-color .s-item-wrap .s-item.is-active .color-wrap[data-v-70918795]{background-color:#169dea}.cate-filter .first-item .f-item-wrap[data-v-70918795]{height:40px;overflow:hidden;transition:all .3s}.cate-filter .first-item .f-item-wrap.is-act[data-v-70918795]{height:auto}.cate-filter .f-item[data-v-70918795],.cate-filter .s-item[data-v-70918795]{margin-bottom:12px!important}@media screen and (max-width:1200px){.cate-filter .first-item .f-title[data-v-70918795],.cate-filter .first-item .s-title[data-v-70918795],.cate-filter .item-wrap .f-title[data-v-70918795],.cate-filter .item-wrap .s-title[data-v-70918795]{width:45px;font-size:18px}.cate-filter .first-item .btn-toggle[data-v-70918795],.cate-filter .item-wrap .btn-toggle[data-v-70918795]{right:0}}.pre-view[data-v-cc107ef2]{display:flex;flex-wrap:wrap;width:1200px;margin:50px auto 0}.pre-view .pre-item[data-v-cc107ef2]{position:relative;width:31%;margin:0 1.166667% 40px;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.3);overflow:hidden;transition:all .3s}.pre-view .pre-item[data-v-cc107ef2]:hover{transform:translateY(-3px);box-shadow:0 2px 5px rgba(0,0,0,.4)}.pre-view .pre-item .top[data-v-cc107ef2]{position:relative;height:320px;overflow:hidden}.pre-view .pre-item .top img[data-v-cc107ef2]{width:100%;height:auto;transition:all 6s;transform:translateY(0)}.pre-view .pre-item .top:hover img[data-v-cc107ef2]{transform:translateY(calc(-100% + 320px))}.pre-view .pre-item .top .preview-bg[data-v-cc107ef2]{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:all .3s}.pre-view .pre-item .top .preview-bg[data-v-cc107ef2]:hover{opacity:1}.pre-view .pre-item .top .preview-bg .preview-btn[data-v-cc107ef2]{position:absolute;left:calc(50% - 40px);top:calc(50% - 40px);width:80px;height:80px;line-height:80px;text-align:center;border-radius:50%;font-size:18px;background-color:#169dea;color:#fff}.pre-view .pre-item .top .preview-bg .preview-btn[data-v-cc107ef2]:hover{cursor:pointer;background-color:#0b699e}.pre-view .pre-item.jmyscroll .top img[data-v-cc107ef2]{transition:15s}.pre-view .pre-item .bottom[data-v-cc107ef2]{position:relative;padding:10px 20px;border-top:1px solid #f5f5f5}.pre-view .pre-item .bottom .b-left .title[data-v-cc107ef2]{cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:18px;min-height:45px}.pre-view .pre-item .bottom .b-left .b-bottom[data-v-cc107ef2]{border-top:1px solid #f5f5f5;padding-top:12px;margin-top:10px}.pre-view .pre-item .bottom .b-left .b-bottom .sign[data-v-cc107ef2]{display:flex;flex-wrap:wrap}.pre-view .pre-item .bottom .b-left .b-bottom .sign>div[data-v-cc107ef2]{margin-right:8px;margin-bottom:8px;padding:0 3px;border:1px solid #169dea;border-radius:3px;color:#169dea;font-size:12px}.pre-view .pre-item .bottom .b-left .b-bottom .num[data-v-cc107ef2]{margin-bottom:10px;color:#666}.pre-view .pre-item .bottom .b-left .b-bottom .num .copy-num[data-v-cc107ef2]{display:flex;align-items:center}.pre-view .pre-item .bottom .b-left .b-bottom .num .copy-num .copy[data-v-cc107ef2]{margin-left:10px;margin-top:2px;cursor:pointer}.pre-view .pre-item .bottom .b-left .b-bottom .num .heat[data-v-cc107ef2]{display:none}.pre-view .pre-item .bottom .b-left .b-bottom .num .heat .hot[data-v-cc107ef2]{color:#f30000}.pre-view .pre-item .bottom .b-left .b-bottom .num .heat .text[data-v-cc107ef2]{display:inline-block;margin:0 3px 0 1px}.pre-view .pre-item .bottom .b-left .b-bottom .num .recommend-reason[data-v-cc107ef2]{margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pre-view .pre-item .bottom .b-right[data-v-cc107ef2]{position:absolute;right:20px;bottom:13px;display:flex;align-items:center}.pre-view .pre-item .bottom .b-right .btn-detail[data-v-cc107ef2]{display:inline-block;padding:3px;margin-left:3px;border-radius:6px;color:#169dea}.pre-view .pre-item .bottom .b-right .btn-detail.aipage[data-v-cc107ef2],.pre-view .pre-item .bottom .b-right .btn-detail.recommend[data-v-cc107ef2]{color:#fff}.pre-view .pre-item .bottom .b-right .btn-detail.aipage img[data-v-cc107ef2]{width:70px}.pre-view .pre-item .icon-recommend[data-v-cc107ef2]{position:absolute;right:-1px;top:-1px}.pre-view .pre-item .icon-recommend img[data-v-cc107ef2]{width:80px}.pre-view .no-data[data-v-cc107ef2]{width:100%;text-align:center;margin-bottom:50px}.pre-view .el-dialog .btn-preview[data-v-cc107ef2]{position:absolute;left:20px;top:20px;padding:5px 15px;border-radius:5px;color:#169dea;border:1px solid #169dea}.pre-view .el-dialog .btn-preview[data-v-cc107ef2]:hover{cursor:pointer}.pre-view .el-dialog img[data-v-cc107ef2]{width:100%;height:auto}[data-v-cc107ef2] .el-dialog__headerbtn .el-dialog__close{font-size:32px}@media screen and (max-width:1024px){.pre-view[data-v-cc107ef2]{width:100%;justify-content:space-between;padding:0 10px;margin:20px 0 0}.pre-view .pre-item[data-v-cc107ef2]{width:49%;margin:0 0 20px;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:5px}.pre-view .pre-item .top[data-v-cc107ef2]{height:200px}.pre-view .pre-item .top .preview-bg[data-v-cc107ef2]{background:rgba(0,0,0,.2);opacity:1}.pre-view .pre-item .top .preview-bg .preview-btn[data-v-cc107ef2]{left:calc(50% - 30px);top:calc(50% - 30px);width:60px;height:60px;line-height:60px;background:rgba(22,157,234,.5)}.pre-view .pre-item .bottom[data-v-cc107ef2]{padding:10px}.pre-view .pre-item .bottom .b-left .title[data-v-cc107ef2]{font-size:14px;min-height:38px}.pre-view .pre-item .bottom .b-left .b-bottom[data-v-cc107ef2]{margin-top:5px}.pre-view .pre-item .bottom .b-left .b-bottom .num[data-v-cc107ef2]{margin-bottom:0;font-size:10px}.pre-view .pre-item .bottom .b-left .b-bottom .sign>div[data-v-cc107ef2]{font-size:8px;margin:0 5px 5px 0}}.ipt-search[data-v-3e5f6d80]{width:80%}.el-form-item[data-v-3e5f6d80]{margin-bottom:0}[data-v-3e5f6d80] .el-input--suffix .el-input__inner{border-radius:20px}[data-v-3e5f6d80] .el-input__suffix{right:0}[data-v-3e5f6d80] .el-input__suffix-inner{display:inline-block;height:100%}.el-input[data-v-3e5f6d80]{width:70%}.el-button[data-v-3e5f6d80]{background:none;border:none;height:100%}[data-v-3e5f6d80] .el-icon-search{font-size:20px;font-weight:700}@media screen and (max-width:1024px){.el-input[data-v-3e5f6d80]{width:80%}}.sort-list[data-v-6148f352]{display:flex}.sort-list>div div[data-v-6148f352]{margin:0 20px}.sort-list>div div[data-v-6148f352]:hover{cursor:pointer}.sort-list>div .recommend .icon[data-v-6148f352]{font-size:18px;color:#169dea}.sort-list>div .recommend .active[data-v-6148f352],.sort-list>div .recommend .text[data-v-6148f352]:hover,.sort-list>div .recommend:hover .icon[data-v-6148f352]{color:#9fc6ff}.sort-list>div .hot .active[data-v-6148f352],.sort-list>div .hot .icon[data-v-6148f352],.sort-list>div .hot .text[data-v-6148f352]:hover{color:#f30000}.sort-list>div .new[data-v-6148f352]{position:relative}.sort-list>div .new .icon[data-v-6148f352]{position:absolute;right:-15px;top:-7px;font-size:18px;color:#000}.sort-list>div .new .active[data-v-6148f352],.sort-list>div .new .text[data-v-6148f352]:hover,.sort-list>div .new:hover .icon[data-v-6148f352]{color:#169dea}@media screen and (max-width:1024px){.sort-list[data-v-6148f352]{width:100%;justify-content:center;margin-top:20px}.sort-list>div .hot .icon[data-v-6148f352],.sort-list>div .text[data-v-6148f352]{font-size:20px}}.template .cate-filter[data-v-4658e0b2]{position:relative;margin:50px auto}.template .cate-filter[data-v-4658e0b2]:before{content:"网站案例仅用于展示，实际以最终交付为准，不提供网站源代码";position:absolute;right:30px;bottom:20px;color:#ccc}.template .search[data-v-4658e0b2]{display:flex;justify-content:space-between;align-items:center;width:1200px;padding:0 8px;margin:0 auto}.template .pagination[data-v-4658e0b2]{display:flex;justify-content:center;margin:0 0 50px}.el-pagination[data-v-4658e0b2]{margin:0 auto}[data-v-4658e0b2] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#169dea}@media screen and (max-width:1200px){.template .cate-filter[data-v-4658e0b2]{width:98%;margin:30px auto;padding:10px 0 30px 0}.template .cate-filter[data-v-4658e0b2]:before{right:10px;bottom:10px}.template .search[data-v-4658e0b2]{flex-wrap:wrap;width:100%}.template .search .ipt-search[data-v-4658e0b2]{width:100%}.template .pagination[data-v-4658e0b2]{margin-bottom:30px;padding:0 10px}}