.course-top[data-v-4fd1598a]{border-bottom:1px solid #f0f0f0}.course-middle[data-v-4fd1598a]{background:#f9f9f9}.course-middle .course-middleTop[data-v-4fd1598a]{padding:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.course-bottom[data-v-4fd1598a]{padding:24px 0}.course-button[data-v-4fd1598a]{height:32px;line-height:32px;background:#3489ff;border-radius:32px;padding:0 12px;display:inline-block;cursor:pointer}.course-button[data-v-4fd1598a]:hover{background:#5ea0fb;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.course-screenBox[data-v-4fd1598a]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:22px 0 10px 0;border-bottom:1px solid #f0f0f0}.course-screenBox .course-screenLabel[data-v-4fd1598a]{width:74px;padding:4px 0 0 25px}.course-screenBox .course-screenListBox[data-v-4fd1598a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.course-screenBox .course-screenListBox .course-screenList[data-v-4fd1598a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.course-screenBox .course-screenListBox .course-screenList li[data-v-4fd1598a]{padding:4px 6px;border-radius:4px}.course-screenBox .course-screenListBox .course-screenList li[data-v-4fd1598a]:hover{background:#3489ff;color:#fff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.course-screenBox .course-screenListBox .course-screenList .course-screenListOn[data-v-4fd1598a]{background:#3489ff;color:#fff}.course-list[data-v-4fd1598a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.course-list li[data-v-4fd1598a]{width:254px;height:309px;border-radius:6px;overflow:hidden;border:1px solid #f0f0f0;margin:0 20px 20px 0;cursor:pointer}.course-list li .course-listTop[data-v-4fd1598a]{width:254px;height:170px;overflow:hidden}.course-list li .course-listTop img[data-v-4fd1598a]{width:100%;height:100%}.course-list li .course-listBottom[data-v-4fd1598a]{height:139px;padding:26px 14px 14px 14px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.course-list li .course-listBottom .space-between[data-v-4fd1598a]{width:226px;position:absolute;left:14px;bottom:14px}.course-list li[data-v-4fd1598a]:nth-child(4n){margin-right:0}.course-list li[data-v-4fd1598a]:hover{-webkit-box-shadow:0 0 27px 6px hsla(0,0%,44.3%,.16);box-shadow:0 0 27px 6px hsla(0,0%,44.3%,.16);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}