.hot-recommend{position:relative;width:180px;line-height:52px;margin-bottom:20px;text-align:center;background:linear-gradient(180deg,#ededed,#fff);box-shadow:0 3px 5px 0 rgba(149,164,213,.3);font-size:14px;font-weight:400;color:#000;cursor:pointer;transition:all .3s}.hot-recommend:first-child i{background:#4260d1;color:#fff}.hot-recommend:nth-child(2) i{background:#637cd9;color:#fff}.hot-recommend:nth-child(3) i{background:#8699e0;color:#fff}.hot-recommend i{position:absolute;transition:all .3s;top:-8px;width:32px;line-height:32px;text-align:center;left:0;color:#fff;background:#d9dce5;border-radius:6px 6px 6px 0;font-style:normal;font-size:18px;font-weight:700}.hot-recommend .hot{position:absolute;top:0;right:-18px;width:30px}.hot-recommend:hover{background:#5171da;color:#fff}.hot-recommend:hover i{color:#5171da;background:#fff}