.side-banner{width:320px}.side-banner img{width:100%}.popular-articles{position:relative}.popular-articles:first-of-type:before{border-left:4em solid #be912d}.popular-articles:first-of-type:before,.popular-articles:nth-of-type(2):before{border-bottom:4em solid transparent;content:"";left:0;position:absolute;top:0;z-index:1}.popular-articles:nth-of-type(2):before{border-left:4em solid #7f8083}.popular-articles:nth-of-type(3):before{border-bottom:4em solid transparent;border-left:4em solid #8b581c;content:"";left:0;position:absolute;top:0;z-index:1}.popular-articles:first-of-type:after{color:#fff;content:"01";display:block;left:5px;position:absolute;top:5px;z-index:101}.popular-articles:nth-of-type(2):after{color:#fff;content:"02";display:block;left:5px;position:absolute;top:5px;z-index:101}.popular-articles:nth-of-type(3):after{color:#fff;content:"03";display:block;left:5px;position:absolute;top:5px;z-index:101}