.resource-recommend{padding:0 16px 0;width:100%}.resource-recommend h4{margin:15px 0 10px;font-size:15px;display:block;font-weight:500}.resource-recommend .resource-recommend-list{list-style:none;width:100%;display:inline-block;clear:both}.resource-recommend .resource-recommend-list .resource-recommend-item{float:left;width:calc(33.33333% - 6.66667px);margin-right:10px;margin-bottom:10px}.resource-recommend .resource-recommend-list .resource-recommend-item:nth-child(3n+3){margin-right:0}.resource-recommend .resource-recommend-list .resource-recommend-item .resource-recommend-pic{border:1px solid #eee;overflow:hidden;border-radius:8px;position:relative}.resource-recommend .resource-recommend-title{overflow:hidden;font-size:12px;color:#333;white-space:nowrap;text-overflow:ellipsis;margin-top:6px}.resource-font-sticker{width:100%}.resource-font-sticker .resource-sticker-discription{padding:0 16px;font-size:12px;color:var(--textColorSecondary);margin-top:15px}.resource-font-sticker .resource-sticker-discription div{padding-bottom:6px}.resource-font-sticker .resource-sticker-proview{border-radius:8px;width:calc(100% - 32px);height:auto;overflow:hidden;margin:10px auto 0;position:relative;border:1px solid #eee}.resource-font-sticker .resource-stickers{padding:0 16px;list-style:none;width:100%;clear:both;margin-top:15px;display:inline-block}.resource-font-sticker .resource-stickers li{float:left;width:calc(25% - 7.5px);margin-right:10px;margin-bottom:15px;border-radius:8px;overflow:hidden}.resource-font-sticker .resource-stickers li:nth-child(4n+4){margin-right:0}.resource-bi-waterfalls{width:100%;padding:25px 16px 0}.resource-bi-waterfalls h4{font-size:17px;font-weight:700;color:#000;text-align:left;width:100%;max-width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-bi-waterfalls .resource-waterfalls-container{width:100%;margin-top:15px}.resource-bi-waterfalls .resource-waterfalls-container ul{list-style:none;width:calc(50% - 5px);margin-right:10px;display:inline-block;vertical-align:top}.resource-bi-waterfalls .resource-waterfalls-container ul:last-child{margin-right:0}.resource-bi-waterfalls .resource-waterfalls-container ul li{margin-bottom:10px;overflow:hidden;border-radius:8px;position:relative}.resource-bi-waterfalls .resource-waterfalls-container ul .resourceName{position:absolute;left:8px;bottom:8px;font-size:10px;background-color:rgba(0,0,0,.35);color:#fff;padding:2px 4px;border-radius:4px;display:none}.resource-bi-waterfalls .resource-waterfalls-container ul .tm-figure.loaded+.resourceName{display:inline-block}.resource-fonts-page{width:100vw;height:100vh;overflow:auto}