.hot-recommend[data-v-b0de9665]{width:100%;background-color:#fff;padding:20px;min-height:30vh;border-radius:10px}.hot-recommend .h-r-header[data-v-b0de9665]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hot-recommend .h-r-h-left[data-v-b0de9665],.hot-recommend .h-r-h-right[data-v-b0de9665]{display:flex;align-items:center;gap:10px}.hot-recommend .h-r-h-left>div[data-v-b0de9665],.hot-recommend .h-r-h-right>div[data-v-b0de9665]{width:9px;height:14px;transform:skew(-20deg)}.hot-recommend .h-r-h-left>div[data-v-b0de9665]:nth-child(2),.hot-recommend .h-r-h-right>div[data-v-b0de9665]:nth-child(2){background:#3192FF}.hot-recommend .h-r-h-left>div[data-v-b0de9665]:first-child{background:#1D82FF}.hot-recommend .h-r-h-left>div[data-v-b0de9665]:nth-child(3){background:#5EB7FF}.hot-recommend .h-r-h-right>div[data-v-b0de9665]:first-child{background:#5EB7FF}.hot-recommend .h-r-h-right>div[data-v-b0de9665]:nth-child(3){background:#1D82FF}.hot-recommend[data-v-b0de9665] .douyu-title{font-size:20px}.hot-recommend[data-v-b0de9665] .douyu-title img{width:15px;max-width:15px;height:auto;position:relative;top:2px}.hot-recommend .h-r-tabs[data-v-b0de9665]{display:flex;align-items:center;justify-content:center;gap:40px;font-family:Alimama ShuHeiTi-Bold;font-size:16px;line-height:30px;color:#000;border-bottom:1px solid #E4E9EB}.hot-recommend .h-r-tabs>div[data-v-b0de9665]{position:relative;padding-bottom:3px;cursor:pointer}.hot-recommend .h-r-tabs>div[data-v-b0de9665]:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background-color:transparent;border-top-left-radius:3px;border-top-right-radius:3px}.hot-recommend .h-r-tabs>div.active[data-v-b0de9665]{color:#1f84ff}.hot-recommend .h-r-tabs>div.active[data-v-b0de9665]:after{background-color:#1680ff}.hot-recommend .hot-cells[data-v-b0de9665]{margin:0;padding:0;list-style:none}.hot-recommend .hot-cells .hot-cell[data-v-b0de9665]{display:flex;align-items:flex-start;font-size:14px;font-weight:400;line-height:20px;padding-bottom:24px;padding-top:24px}.hot-recommend .hot-cells .hot-cell[data-v-b0de9665]:not(:first-child){border-top:1px solid #E4E9EB}.hot-recommend .hot-cells .hot-cell-icon[data-v-b0de9665]{flex-shrink:0;width:24px;height:auto;margin-right:10px;position:relative;top:4px}.hot-recommend .hot-cells .hot-cell-index[data-v-b0de9665]{flex-shrink:0;margin-right:10px;position:relative;top:4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:2px;color:#fff;background:#CAD6DB}