.tpl-buy{min-height:100%;background:#f3f5f7}.tpl-buy .banner .banner-img{height:200px;width:100%}.tpl-buy .banner .banner-img .bannerLink{display:block;width:100%;height:100%}.tpl-buy .banner .banner-img .bannerLink img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tpl-buy .banner .case-text{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;color:#fff;font-family:SourceHanSansCN-Regular}.tpl-buy .banner .case-text div.h1{font-size:46px}.tpl-buy .banner .case-text p{font-size:36px;padding:14px 0 36px}.tpl-buy .banner .case-text div.free{width:160px;height:49px;line-height:45px;cursor:pointer;background:rgba(0,0,0,.5);border:2px solid #fff;border-radius:25px;font-size:20px;margin:0 auto}.tpl-buy .main{padding-bottom:100px}.tpl-buy .main .base-container{width:1280px;margin:0 auto}@media(min-width:1920px){.tpl-buy .main .base-container{width:1440px}}.tpl-buy .main .nav{padding:20px 0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.tpl-buy .main .nav li{font-size:20px;color:#bbb;text-align:center;position:relative}.tpl-buy .main .nav li div{position:absolute;left:0;top:50%;width:100%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tpl-buy .main .nav li img.bg{width:100%;display:block}.tpl-buy .main .nav li img.icon{width:20px;vertical-align:middle;position:relative;top:-2px;margin-right:14px}.tpl-buy .main .nav li.active{color:#333}.tpl-buy .main .nav li:nth-child(2){margin:0 20px}.tpl-buy .main .tplfilter{position:relative;padding-top:20px}.tpl-buy .main .tplfilter div.search-fixed{position:absolute;right:0;top:15px}.tpl-buy .main .tplfilter ::v-deep .types-w{border:1px solid #e9e9e9;padding:0 24px;position:relative}.tpl-buy .main .tpls{padding-top:20px}.tpl-buy .main .tpls ul.dataContain{min-height:200px}.tpl-buy .main .tpls ul.dataContain li{width:305px;margin-right:20px;margin-bottom:20px;cursor:pointer;position:relative;background-color:#fff;border-radius:10px}@media screen and (min-width:1920px){.tpl-buy .main .tpls ul.dataContain li{width:345px}}.tpl-buy .main .tpls ul.dataContain li:hover{-webkit-box-shadow:0 8px 14px rgba(0,0,0,.1);box-shadow:0 8px 14px rgba(0,0,0,.1)}.tpl-buy .main .tpls ul.dataContain li:hover .thumb img.thumbnail{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 1s;transition:all 1s}.tpl-buy .main .tpls ul.dataContain li ::v-deep .el-tooltip__popper .is-dark .popBox{width:100%;margin-bottom:0}.tpl-buy .main .tpls ul.dataContain li .popbox{position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;border-radius:10px;display:none;background:rgba(0,0,0,.75);-webkit-box-shadow:0 8px 14px rgba(0,0,0,.1);box-shadow:0 8px 14px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;padding-right:0;color:#fff;pointer-events:none}.tpl-buy .main .tpls ul.dataContain li .popbox .icon{position:absolute;z-index:9;top:8px;right:8px;width:25px;height:25px;display:block;background:rgba(0,0,0,.5);opacity:.9;border-radius:3px;color:#19a0f1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tpl-buy .main .tpls ul.dataContain li .popbox p{font-size:16px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-buy .main .tpls ul.dataContain li .popbox .itemLine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;line-height:26px}.tpl-buy .main .tpls ul.dataContain li .popbox .itemLine span:first-child{width:64px;color:#bbb;margin-right:10px}.tpl-buy .main .tpls ul.dataContain li .popbox .industry{display:-webkit-box;display:-ms-flexbox;display:flex}.tpl-buy .main .tpls ul.dataContain li .popbox .industry span{width:64px}.tpl-buy .main .tpls ul.dataContain li .popbox .industry .idxBox{width:calc(100% - 64px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tpl-buy .main .tpls ul.dataContain li .popbox .industry .idxBox .industryItem{font-size:12px;color:#fff;padding:0 5px;background:#666;border-radius:3px;margin-right:7px;margin-bottom:12px}.tpl-buy .main .tpls ul.dataContain li .discount{padding:2px 10px;border-radius:2px;position:absolute;top:10px;left:10px;background-color:#ffdba9;color:#333;font-size:14px;z-index:10}.tpl-buy .main .tpls ul.dataContain li .operationIcon{display:none;position:absolute;top:10px;right:10px}.tpl-buy .main .tpls ul.dataContain li .operationIcon li{width:30px;height:30px;line-height:30px;background:hsla(0,0%,100%,.9);text-align:center;color:#707070;border-radius:3px;margin:0 0 0 10px}.tpl-buy .main .tpls ul.dataContain li .operationIcon li.active,.tpl-buy .main .tpls ul.dataContain li .operationIcon li:hover{color:#19a0f1}.tpl-buy .main .tpls ul.dataContain li .iconbox{display:none}.tpl-buy .main .tpls ul.dataContain li .iconbox:hover+.popbox{display:block}.tpl-buy .main .tpls ul.dataContain li:hover .operationIcon,.tpl-buy .main .tpls ul.dataContain li:hover .preview{display:-webkit-box;display:-ms-flexbox;display:flex}.tpl-buy .main .tpls ul.dataContain li:hover .iconbox{position:absolute;z-index:2;top:8px;right:8px;width:25px;height:25px;display:block;background:rgba(0,0,0,.5);opacity:.9;border-radius:3px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tpl-buy .main .tpls ul.dataContain li:hover .iconbox:hover{color:#19a0f1}.tpl-buy .main .tpls ul.dataContain li:nth-child(4n){margin-right:0}.tpl-buy .main .tpls ul.dataContain li .thumb{width:305px;height:190.9px;background-color:#eee;border-radius:10px 10px 0 0;overflow:hidden;position:relative}@media screen and (min-width:1920px){.tpl-buy .main .tpls ul.dataContain li .thumb{width:345px;height:216px}}.tpl-buy .main .tpls ul.dataContain li .thumb img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px 10px 0 0}.tpl-buy .main .tpls ul.dataContain li .thumbnail-w>img{width:175px;height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%)!important;transform:translateX(-50%) translateY(-50%)!important}.tpl-buy .main .tpls ul.dataContain li .bottom{height:80px;padding:14px 12px;font-size:13px}.tpl-buy .main .tpls ul.dataContain li .bottom p{color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-buy .main .tpls ul.dataContain li .bottom p span{font-size:13px;color:#bbb}.tpl-buy .main .tpls ul.dataContain li .bottom p span svg{font-size:19px;margin-right:3px}.tpl-buy .main .tpls ul.dataContain li .bottom p span.validSz svg{font-size:17px}.tpl-buy .main .tpls ul.dataContain li .bottom p span.line{position:relative;top:-2px}.tpl-buy .main .tpls ul.dataContain li .bottom p.tow{font-size:15px;width:100%}@media screen and (min-width:1920px){.tpl-buy .main .tpls ul.dataContain li .bottom p.tow{width:100%}}.tpl-buy .main .tpls ul.dataContain li .bottom p:first-of-type{color:#333;margin-bottom:8px}.tpl-buy .main .tpls ul.dataContain li .bottom p:first-of-type:hover{color:#19a0f1}.tpl-buy .main .tpls ul.dataContain li .bottom p .line{margin:0 10px}.tpl-buy .main .tpls ul.dataContain li .bottom div.three{width:32px;height:20px;background:#0090ff;border-radius:2px;font-size:12px;font-weight:700;color:#fff;text-align:center}.tpl-buy .main .tpls ul.dataContain li .preview{position:absolute;left:10px;bottom:88px;display:none}.tpl-buy .main .tpls ul.dataContain li .preview .creat{width:80px;height:32px;line-height:32px;border-radius:3px;color:#555;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;background:hsla(0,0%,100%,.9)}.tpl-buy .main .tpls ul.dataContain li .preview .creat:hover{color:#19a0f1}.tpl-buy .main .tpls ul.dataContain div.nodata{margin:auto}.tpl-buy .main .tpls ul.dataContain div.nodata>img{max-width:100%;max-height:100%}.tpl-buy .main .tpls ul.dataContain div.nodata>p{text-align:center;font-size:16px;color:#999}.tpl-buy .main .tpls .list-none{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tpl-buy .main .tpls .list-none img{width:275px;height:179px}.tpl-buy .main .tpls .list-none .text{text-align:center;color:#999;font-size:16px;line-height:40px;font-weight:500}.tpl-buy .main .tpls div.loading{height:48px;line-height:48px;background:#f6f6f6;text-align:center;font-size:16px;font-family:SourceHanSansCN-Regular;color:#666}.tpl-buy .main .tpls div.loading img{vertical-align:middle;margin-right:10px;width:26px}