.recommend[data-v-18d0f05e]{display:flex;flex-direction:column;margin:.4rem 0}.recommend>h2[data-v-18d0f05e]:first-child{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:10px;position:relative}.recommend .recommend-box[data-v-18d0f05e]{display:flex;flex-direction:column}.recommend .recommend-box .pc_box_one[data-v-18d0f05e]{display:flex;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.recommend .recommend-box .pc_box_one .pc_one[data-v-18d0f05e]{display:flex;flex-direction:column;margin-bottom:1rem;margin-right:24px;width:160px}.recommend .recommend-box .pc_box_one .pc_one .cover img[data-v-18d0f05e]{border-radius:.4rem;height:12rem;-o-object-fit:fill;object-fit:fill;width:160px}.recommend .recommend-box .box-one[data-v-18d0f05e]{align-items:center;display:flex;height:7rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.recommend .recommend-box .box-one .one[data-v-18d0f05e]{display:flex}.recommend .recommend-box .box-one .one .cover[data-v-18d0f05e]{border-radius:.4rem;height:7rem;margin:0 .2rem;overflow:hidden;width:5rem}.recommend .recommend-box .box-one .one .cover img[data-v-18d0f05e]{display:inline-block;height:100%;width:100%}.recommend .recommend-box .box-two[data-v-18d0f05e]{display:flex;flex-direction:column;margin:.8rem 0}.recommend .recommend-box .box-two img[data-v-18d0f05e]{display:inline-block;height:8rem;margin-right:.5rem;width:6rem}.recommend .recommend-box .box-two .two-right[data-v-18d0f05e]{color:#fff;display:flex;flex-direction:column;justify-content:space-evenly}.recommend .recommend-box .box-two .two-right h3[data-v-18d0f05e]{font-size:.9rem;font-weight:700}.recommend .recommend-box .box-two .two-right h4[data-v-18d0f05e]{font-size:.88rem;font-weight:400}.recommend .recommend-box .box-two .two-right p[data-v-18d0f05e]{display:-webkit-box;font-size:.7rem;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3}.recommend .recommend-box .box-three[data-v-18d0f05e]{align-items:center;display:flex;justify-content:center}.recommend .recommend-box .box-three .slide[data-v-18d0f05e]{background:#ffc46966;border-radius:.08rem;height:.3rem;margin-right:.16rem;width:1rem}.recommend .recommend-box .box-three .active[data-v-18d0f05e]{background:#ffc469;width:1.8rem}