.res-box[data-v-30d71e18]{padding:0 1%;margin-bottom:20px;cursor:pointer}.res-box .res-bg[data-v-30d71e18]{height:0;position:relative;top:0;border-radius:8px;overflow:hidden;padding-bottom:56%;background-size:100% 100%;-webkit-transition:all .1s linear;transition:all .1s linear;background-color:#e0e2ec;background-image:url(../img/rec_1.e700f5ec.png);background-repeat:no-repeat;background-size:100% 100% x;background-position:50%}.res-box .res-bg .default[data-v-30d71e18]{position:relative;left:0;bottom:0;right:0;padding-bottom:56%;background:#e0e2ec url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAxBAMAAACIWfxVAAAAJFBMVEVHcEy3vMSyu8C3u8S3u8S3u8S3u8S3usO3u8S3u8S2u8S3u8RE56YLAAAAC3RSTlMA9xHjgu7KJ2WnRdEHNYEAAAEESURBVDjLY2AAAqaWJgZkoDFDAcEOjECRcxVeAGdr7t68AEmKK3qjA5zDIb0xHUmuePdWhFKm2bslETYwZe8WQfAYynZvbYBzVKR3T0K2wXq3FZzTuntzAbLLWndvK8CijkkJCCp3756uBAFluzc6gWiglUyLg42NjU137xY2hgDD3bvBNFCzSvRu7GBzA9AmXCCAIRunnABDNB456WElZxaNU25bUZs0LjkRBnZX3HIM7FNxyzFoJeKWY9AwxC3HUBKNW46pUhqnHAN7Nm45pmyyzCyxxu2HRNx+n0hOmDE5S5MRR7vToodq+rTGk28n4pSbACyScABRBwauREGsQHRKAQD4sKdb7sLTOQAAAABJRU5ErkJggg==) no-repeat 50%}.res-box .res-bg .play-time[data-v-30d71e18]{position:absolute;right:10px;bottom:10px;color:#fff;border-radius:15px;padding:1px 8px;background:rgba(0,0,0,.4)}.res-box .res-bg .play-icon[data-v-30d71e18]{display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.02)}.res-box .res-bg .play-icon i[data-v-30d71e18]{color:#fff;font-size:60px}.res-box .res-bg .hasCourse[data-v-30d71e18]{position:absolute;right:0;top:0;width:48px;height:22px;background:#28c76f;border-radius:0 6px 0 6px;color:#fff;text-align:center;line-height:22px}.res-box .res-bg[data-v-30d71e18]:hover{top:-6px}.res-box .res-bg:hover .play-icon[data-v-30d71e18]{display:block}.res-box .content .title[data-v-30d71e18]{font-size:16px;color:#333;line-height:40px;cursor:pointer}.res-box .content .title[data-v-30d71e18]:hover{color:#4a80f6}.res-box .content .show[data-v-30d71e18]{min-height:44px;color:#909399;font-size:14px;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.5rem}.res-box .content .show[data-v-30d71e18]:hover{color:#4a80f6}.res-box .content .info[data-v-30d71e18]{font-size:14px}.res-box .content .info span[data-v-30d71e18]{display:inline-block;vertical-align:middle;color:#8f9399}.res-box .content .info span i[data-v-30d71e18]{margin-right:3px;color:inherit}.res-box .content .info .user-title[data-v-30d71e18]{max-width:100px}.res-box .content .info .watch-number[data-v-30d71e18]{margin:0 10px;vertical-align:middle}.res-box .content .info .start-number[data-v-30d71e18]{color:#ff8f1f;vertical-align:middle}