.yd-ribbon{position:absolute;top:0;left:8px;z-index:6;width:36px;height:46px;padding-top:8px;box-sizing:border-box;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1;text-align:center;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);filter:drop-shadow(1px 2px 1px rgba(0,0,0,.35));text-shadow:0 1px 0 rgba(0,0,0,.25)}
.yd-ribbon.new{background:linear-gradient(180deg,#ff6a6a 0%,#f83c3c 46%,#c81e2b 100%)}
.yd-ribbon.hot{background:linear-gradient(180deg,#ffb15a 0%,#ff5a1f 48%,#d42300 100%)}
.yd-ribbon:before{content:"";position:absolute;left:0;top:0;bottom:24%;width:6px;background:rgba(0,0,0,.2)}
.yd-ribbon:after{content:"";position:absolute;left:6px;right:0;top:0;height:9px;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent)}
.yd-thumb-kw{position:absolute;left:6px;bottom:6px;z-index:5;padding:0 6px;border-radius:3px;background:#f83c3c;color:#fff;font-size:11px;font-weight:800;line-height:18px;pointer-events:none;white-space:nowrap}