.recommend[data-v-d8e75a5a]{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:40px 0 70px 0}.recommend .left[data-v-d8e75a5a],.recommend .right[data-v-d8e75a5a]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.recommend .left .header[data-v-d8e75a5a],.recommend .right .header[data-v-d8e75a5a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.recommend .left .header>h3[data-v-d8e75a5a],.recommend .right .header>h3[data-v-d8e75a5a]{color:#333;font-family:PingFang SC;font-size:24px;font-style:normal;font-weight:600;line-height:normal;margin:24px 0}.recommend .left .header .paging>i[data-v-d8e75a5a],.recommend .right .header .paging>i[data-v-d8e75a5a]{font-size:16px;color:#a8abb2;cursor:pointer}.recommend .left .header .paging>i[data-v-d8e75a5a]:hover,.recommend .right .header .paging>i[data-v-d8e75a5a]:hover{color:#1677ff}.recommend .left .header .paging>span[data-v-d8e75a5a],.recommend .right .header .paging>span[data-v-d8e75a5a]{color:#a8abb2;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0 4px}.recommend .left .list[data-v-d8e75a5a]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.recommend .left .list .item[data-v-d8e75a5a]{border-radius:8px;background:#fff;padding:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.recommend .left .list .item .icon[data-v-d8e75a5a]{width:42px;height:42px}.recommend .left .list .item .detail[data-v-d8e75a5a]{width:calc(100% - 42px)}.recommend .left .list .item .detail>h4[data-v-d8e75a5a]{margin:0;font-size:16px;font-style:normal;font-weight:600;height:48px;line-height:24px;color:#303133;padding-left:10px;margin-bottom:10px;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.recommend .left .list .item .detail .bottom[data-v-d8e75a5a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.recommend .left .list .item .detail .bottom .size[data-v-d8e75a5a]{color:#a8abb2;font-size:12px;font-style:normal;font-weight:400;line-height:20px;padding-left:10px}.recommend .left .list .item .detail .bottom .download[data-v-d8e75a5a]{color:#d22b0c;font-size:14px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer}.recommend .right .list[data-v-d8e75a5a]{background:#fff;padding:10px 20px;border-radius:8px;height:364px;-webkit-box-sizing:border-box;box-sizing:border-box}.recommend .right .list .item[data-v-d8e75a5a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px dashed #ebeef5;padding:18.3px 0;margin-left:15px;position:relative}.recommend .right .list .item[data-v-d8e75a5a]:last-child{border-bottom:none}.recommend .right .list .item[data-v-d8e75a5a]:before{content:"";position:absolute;left:-15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:5px;height:5px;background:#be0c0c;border-radius:50%}.recommend .right .list .item>h4[data-v-d8e75a5a]{color:#333;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.recommend .right .list .item>h4[data-v-d8e75a5a]:hover{color:#be0c0c}.recommend .right .list .item>span[data-v-d8e75a5a]{color:#999;font-size:14px;font-style:normal;font-weight:400;line-height:normal;width:100px;text-align:right}