.TemplateDetail{width:1140px;position:relative}.TemplateDetail-main{border-radius:20px;overflow:hidden;background-color:var(--bg-1)}.TemplateDetail-close{position:absolute;top:0;right:-60px;width:40px;height:40px;border:1px solid var(--line-2);background:var(--bg-1);border-radius:50%;cursor:pointer}.TemplateDetail-gallery{height:391.5px}.TemplateDetail-gallery .CCarousel{width:696px;aspect-ratio:16/9}.TemplateDetail-gallery .CCarousel img{width:696px}.TemplateDetail-gallery .CCarousel .slick-arrow .CCarousel-arrow>svg{width:16px;height:16px}.TemplateDetail-gallery-list{display:grid;grid-template-columns:repeat(3,130px);grid-gap:10px;gap:10px;height:100%;overflow-y:auto;padding:17px}.TemplateDetail-gallery-list>div{border:1px solid rgba(0,0,0,0);border-radius:9px;padding:2px;cursor:pointer}.TemplateDetail-gallery-list>div>img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line-2);border-radius:6px}.TemplateDetail-gallery-list>div.active{border-color:var(--text-1)}.TemplateDetail-gallery-list>div.active>img{border-color:rgba(0,0,0,0)}.TemplateDetail-info{padding:24px 20px}.TemplateDetail-info>p{margin-top:10px}.TemplateDetail-footer{border-top:1px solid var(--line-1);height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px}.TemplateDetail-footer>.CButton{width:102px;font-size:13px;padding-left:0;padding-right:0}.TemplateDetail-footer .TemplateDetail-download{position:relative}.TemplateDetail-footer .TemplateDetail-download:after{position:absolute;top:-13px;left:0;width:-moz-fit-content;width:fit-content;padding:0 4px;height:19px;line-height:19px;text-align:center;border-radius:4px;color:var(--brand);font-size:11px;font-weight:500;background-color:var(--text-1)}.TemplateDetail-footer .TemplateDetail-download.TemplateDetail-download-downloaded:after{content:"会员解锁海量模板"}.TemplateDetail-footer .TemplateDetail-download.TemplateDetail-download-notDownloaded:after{content:"限免1次"}.TemplateDetail-drawer.ant-drawer .ant-drawer-content-wrapper{overflow:visible}.TemplateDetail-drawer.ant-drawer .ant-drawer-content{overflow:visible;background:rgba(0,0,0,0)}.TemplateDetail-drawer.ant-drawer .ant-drawer-body{overflow:visible}@media screen and (max-width:500px){.TemplateDetail{width:100%}.TemplateDetail .TemplateDetail-close{width:24px;height:24px;right:8px;top:-28px;z-index:99;background:rgba(0,0,0,0);color:var(--bg-1)}.TemplateDetail .TemplateDetail-close>svg{width:24px;height:24px}.TemplateDetail .TemplateDetail-main{display:block;border-radius:20px 20px 0 0}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery{height:auto;display:block}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery .CCarousel,.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery .CCarousel img{width:100%}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery .CCarousel .slick-arrow .CCarousel-arrow>svg{width:16px;height:16px}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery-list{display:flex;white-space:nowrap;height:unset;padding:16px 16px 0;overflow-y:hidden;overflow-x:auto}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery-list>div{flex-shrink:0}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery-list>div>img{width:100px}.TemplateDetail .TemplateDetail-info{padding:20px 16px 16px}.TemplateDetail .TemplateDetail-info h2.text1-24{font-size:20px}.TemplateDetail .TemplateDetail-info p.text2-12{font-size:13px}.TemplateDetail .TemplateDetail-footer{height:80px;justify-content:space-between;padding:16px}.TemplateDetail .TemplateDetail-footer>.CButton.CButton-size-small{font-size:15px;width:50%;height:48px;border-radius:24px}.TemplateDetail .TemplateDetail-footer>.CButton.CButton-white:hover{background:var(--bg-1)}.TemplateDetail .TemplateDetail-footer>.CButton.CButton-white:active{background:var(--bg-6)}}