.ribbonProDetail{width:143px;height:150px;overflow:hidden;position:absolute;z-index:3}.ribbonProDetail:after,.ribbonProDetail:before{position:absolute;z-index:-1;content:"";display:block;border:5px solid #ad071d}@media (min-width:1024px){.ribbonProDetail-top-left{top:42px;left:-5px}.ribbonProDetail-top-left span{left:-40px;top:39px;transform:rotate(-45deg)}.ribbonProDetail span{position:absolute;display:block;width:195px;padding:9px;background-color:#ec0f2d;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbonProDetail-top-left:before{top:0;left:133px}.ribbonProDetail-top-left:after{bottom:8px;left:0}.ribbonProDetail-top-left:after,.ribbonProDetail-top-left:before{border-top-color:transparent;border-left-color:transparent}}@media (max-width:1023px){.ribbonProDetail-top-left{top:0;left:21px}.ribbonProDetail-top-left span{left:-40px;top:39px;transform:rotate(-45deg)}.ribbonProDetail span{position:absolute;display:block;width:189px;padding:6px 0;background-color:#ec0f2d;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbonProDetail-top-left:before{top:0;left:120px}.ribbonProDetail-top-left:after{bottom:20px;left:-1px}.ribbonProDetail-top-left:after,.ribbonProDetail-top-left:before{border-top-color:transparent;border-left-color:transparent}}