@charset "UTF-8";*{margin:0;padding:0;list-style:none;outline:0}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:5px;background:#3c7ed0;position:absolute}::-webkit-scrollbar{width:0;height:0;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#fff;position:absolute}#tplPanel{width:1200px;margin:0 auto}#tplPanel .pList{height:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:34px 0}#tplPanel .pList .pItem{display:inline-block;font-size:15px;color:#666;margin-right:60px;line-height:20px}#tplPanel .pList .pItem:last-child{margin-right:0}#tplPanel .pList .pItem:hover{color:#f73;cursor:pointer}#tplPanel .pList .pItem.active{color:#f73;font-weight:700;position:relative}#tplPanel .pList .pItem.active:after{content:"";display:block;width:26px;height:3px;background-color:#f73;position:absolute;top:26px;left:50%;margin-left:-13px}#tplPanel .template-list{width:1200px;margin:0 auto;overflow:hidden}#tplPanel .template-list .template-item{margin-right:17px;margin-bottom:16px;float:left}#tplPanel .template-list .template-item .template-box .template-img{width:287px;height:124px;border-radius:4px;background-color:#eee;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;position:relative;border:1px solid #f2f2f2;box-sizing:border-box;cursor:pointer}#tplPanel .template-list .template-item .template-box .template-img .template-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);display:none}#tplPanel .template-list .template-item .template-box .template-img .template-mask .copyright-icon{width:26px;height:26px;margin:10px;fill:#2fc77a}#tplPanel .template-list .template-item .template-box .template-img .template-mask .copyright-icon:hover{fill:#218e57}#tplPanel .template-list .template-item .template-box .template-img:hover .template-mask{display:block}#tplPanel .template-list .template-item .template-box .template-name{width:287px;font-size:14px;line-height:20px;margin-top:10px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tplPanel .template-list.line4 .template-item .template-box .template-img.busiCard-template{height:357px}#tplPanel .template-list.line4 .template-item:nth-child(4n){margin-right:0}#tplPanel .template-list.line5 .template-item .template-box .template-img{width:226px;height:291px}#tplPanel .template-list.line5 .template-item .template-box .template-name{width:226px}#tplPanel .template-list.line5 .template-item:nth-child(5n){margin-right:0}#tplPanel .template-list.line6{width:1201px}#tplPanel .template-list.line6 .template-item .template-box .template-img{width:186px;height:333px}#tplPanel .template-list.line6 .template-item .template-box .template-img.long-template{height:464px}#tplPanel .template-list.line6 .template-item .template-box .template-img.prodDetail-template{height:464px;background-position:center 0}#tplPanel .template-list.line6 .template-item .template-box .template-img.prodMain-template{height:186px}#tplPanel .template-list.line6 .template-item .template-box .template-name{width:186px}#tplPanel .template-list.line6 .template-item:nth-child(6n){margin-right:0}.ktu-page{display:flex;justify-content:center;align-items:center;margin:24px 0}.ktu-page .ktu-page-item,.ktu-page .ktu-page-item-jump-next,.ktu-page .ktu-page-item-jump-prev,.ktu-page .ktu-page-next,.ktu-page .ktu-page-prev{display:flex;justify-content:center;align-items:center;padding:0 8px;height:23px;margin-right:8px;color:#333;font-size:12px;border-radius:2px;border:1px solid #e6e4e4;min-width:23px}.ktu-page .ktu-page-item-jump-next:last-child,.ktu-page .ktu-page-item-jump-prev:last-child,.ktu-page .ktu-page-item:last-child,.ktu-page .ktu-page-next:last-child,.ktu-page .ktu-page-prev:last-child{margin-right:0}.ktu-page .ktu-page-item svg,.ktu-page .ktu-page-item-jump-next svg,.ktu-page .ktu-page-item-jump-prev svg,.ktu-page .ktu-page-next svg,.ktu-page .ktu-page-prev svg{width:11px;height:12px}.ktu-page .ktu-page-item p,.ktu-page .ktu-page-item-jump-next p,.ktu-page .ktu-page-item-jump-prev p,.ktu-page .ktu-page-next p,.ktu-page .ktu-page-prev p{margin-top:-1px}.ktu-page .ktu-page-item.ktu-page-item-active,.ktu-page .ktu-page-item:hover:not(.ktu-page-disabled){color:#fff;border-color:#f73;background-color:#f73;cursor:pointer}.ktu-page .ktu-page-item.ktu-page-item-active svg,.ktu-page .ktu-page-item:hover:not(.ktu-page-disabled) svg{fill:#fff}.ktu-page .ktu-page-next:hover:not(.ktu-page-disabled),.ktu-page .ktu-page-prev:hover:not(.ktu-page-disabled){border-color:#f73;color:#f73;background:#fff;cursor:pointer}.ktu-page .ktu-page-item-jump-next,.ktu-page .ktu-page-item-jump-prev{padding:0 4px}.ktu-page .ktu-page-item-jump-next .more,.ktu-page .ktu-page-item-jump-prev .more{display:block}.ktu-page .ktu-page-item-jump-next .show,.ktu-page .ktu-page-item-jump-prev .show{display:none}.ktu-page .ktu-page-item-jump-next.jump-hover:hover .show,.ktu-page .ktu-page-item-jump-prev.jump-hover:hover .show{display:block}.ktu-page .ktu-page-item-jump-next::after,.ktu-page .ktu-page-item-jump-prev::after{display:none}.ktu-page .ktu-page-disabled{color:#e6e4e4;cursor:not-allowed}.ktu-page .ktu-page-input{display:flex;justify-content:center;align-items:center;width:86px;height:32px;color:#111;font-size:13px}.ktu-page .ktu-page-input .page-input{width:43px;height:100%;border:1px solid #ddd;border-radius:4px 0 0 4px;text-align:center;z-index:0}.ktu-page .ktu-page-input .page-input:focus{border-color:#f73;z-index:2}.ktu-page .ktu-page-input .page-btn{width:43px;height:100%;text-align:center;line-height:30px;margin-left:-1px;border:1px solid #ddd;border-radius:0 4px 4px 0;cursor:pointer;z-index:1}.ktu-page .ktu-page-input .page-btn:hover{color:#f73;border-color:#f73}.ktu-page{margin:0 0 48px 0}.ktu-page .ktu-page-item,.ktu-page .ktu-page-item-jump-next,.ktu-page .ktu-page-item-jump-prev,.ktu-page .ktu-page-next,.ktu-page .ktu-page-prev{height:32px;color:#111;border-radius:4px;padding:0;font-size:13px;line-height:13px;border-color:#ddd}.ktu-page .ktu-page-next,.ktu-page .ktu-page-prev{width:60px;margin-left:0}.ktu-page .ktu-page-item,.ktu-page .ktu-page-item-jump-next,.ktu-page .ktu-page-item-jump-prev{width:32px}.ktu-page .ktu-page-item:hover:not(.ktu-page-disabled):not(.ktu-page-item-active){border-color:#f73;color:#f73;background-color:transparent}.ktu-page .ktu-page-item.ktu-page-item-active{color:#fff;border:none}.ktu-page .ktu-page-item-jump-next,.ktu-page .ktu-page-item-jump-prev{border:none}.ktu-page .ktu-page-item-jump-next:not(.jump-hover),.ktu-page .ktu-page-item-jump-prev:not(.jump-hover){cursor:default}.ktu-page .ktu-page-item-jump-next:hover,.ktu-page .ktu-page-item-jump-prev:hover{background-color:transparent}.ktu-page .ktu-page-item-jump-next:hover .more,.ktu-page .ktu-page-item-jump-prev:hover .more{display:block;fill:#111}.ktu-page .ktu-page-disabled{border:none;background-color:#efefef;color:#c9c9c9;cursor:not-allowed}