.margin-auto{margin:0 auto}.content-item{float:left;margin-bottom:20px;cursor:pointer;background-color:#fff}.content-item .cover{position:relative;background:#fff none no-repeat 50%;background-size:cover}.content-item .cover .cover-box{position:relative;width:100%;height:100%;border-radius:4px;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s}.content-item .cover .img-loading{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px;color:#aaa}.content-item .cover .cover-box:hover{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);-ms-transform:translateY(-8px);box-shadow:0 4px 12px 0 rgba(0,0,0,.32)}.content-item .cover .study-status-type{position:absolute;left:0;top:0;height:20px;padding:0 8px;border-radius:4px 0 4px 0;border:1px solid #fff;background:#f35d3f;font-size:12px;font-weight:400;color:#fff;line-height:20px}.content-item .cover .study-status-type[data-type=choose]{background:#f8c024}.content-item .cover .study-status-type[data-type=elective]{background:#669dff}.content-item .bottom{height:64px;padding-top:8px}.content-item .title{line-height:22px;font-size:14px;color:#333;margin-bottom:8px}.content-item .info{position:relative;padding:0 0 0 20px;overflow:hidden}.content-item .info .head-portrait{position:static;-webkit-transform:none;-ms-transform:none;transform:none}.content-item .info .head-portrait,.content-item .info .portrait{float:left;width:20px;height:20px;border-radius:50%;margin:0 0 0 -20px}.content-item .info .text{float:left;font-size:12px;color:#999;line-height:18px;margin-left:8px}.content-item .info .right{position:absolute;top:0;right:0}.content-item .info .info-count{display:inline-block}.content-item .info .info-count .count-icon{display:inline-block;height:100%;margin-top:-1px;padding:0 5px;font-size:16px;vertical-align:middle}.content-item .info .btn-collect,.content-item .info .info-count .num{display:inline-block;vertical-align:middle}.content-item .info .btn-collect{height:100%;padding:0 5px;margin:0 5px;font-size:16px;cursor:pointer}.content-item .info .el-icon-star-on{width:16px;font-size:18px;color:#ffc121}.content-item.col-4:nth-child(4n),.content-items.col-4 .content-item:nth-child(4n){margin-right:0}.content-item.col-5:nth-child(5n),.content-items.col-5 .content-item:nth-child(5n){margin-right:0}.learn-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;font-weight:400;color:#999;line-height:16px}.learn-info .icon{position:relative;display:inline-block;width:auto;min-height:16px;padding-left:20px}.learn-info .icon:before{position:absolute;content:"";display:inline-block;left:0;top:0;bottom:0;margin:auto}.learn-info .icon.view{margin-right:15px}.learn-info .icon.view:before{width:16px;height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAMAAADbT899AAAB3VBMVEUAAACAgIBVVVWqqqqAgIBmZmaZmZl/f39tbW2SkpKAgICOjo6Li4t/f3+JiYmAgICSkpKIiIiAgICPj4+Ojo6UlJSMjIyGhoaLi4uQkJCPj4+JiYmOjo6JiYmNjY2IiIiLi4uHh4eOjo6JiYmMjIyPj4+Ojo6Li4uOjo6Li4uKioqNjY2Ojo6MjIyOjo6Li4uLi4uNjY2KioqPj4+MjIyMjIyOjo6NjY2MjIyOjo6MjIyNjY2NjY2Ojo6NjY2NjY2Li4uNjY2NjY2MjIyNjY2Ojo6MjIyNjY2NjY2MjIyNjY2NjY2Ojo6NjY2MjIyNjY2MjIyNjY2MjIyNjY2NjY2NjY2NjY2MjIyMjIyOjo6NjY2NjY2NjY2NjY2NjY2MjIyNjY2MjIyOjo6Ojo6NjY2NjY2NjY2MjIyMjIyOjo6NjY2NjY2NjY2NjY2MjIyNjY2Ojo6MjIyNjY2MjIyMjIyNjY2NjY2NjY2MjIyMjIyNjY2NjY2NjY2MjIyNjY2MjIyNjY2NjY2NjY2NjY2MjIyNjY2NjY2NjY2NjY2NjY2NjY2MjIyNjY2MjIyNjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2MjIyNjY2NjY2MjIyNjY2NjY2NjY2NjY2NjY2gH/ygAAAAnnRSTlMAAgMDBAUFBgcHCAkLDA0ODg8QEBITFBUWFxkaGxwdHiEiJCcoKSssLS4wMTQ1Njc5Ojs7PD4/QUVRUlVXWl5gYWJlaGlsb3R3eH2Eh4iOj5CRkpOUlpqeoKCho6WmqKmqq6utrq+wsrS0tbe4ubu+v8bHyMrLzM7P0dLT2drb3N3e3+Dj5Obo6err7O3u7/Dy8/T19vj5+fr7+/z9/mVyUxwAAAGBSURBVBgZBcEHQwwAAAbQh1OE7BEhka3svffeFNkre++ZTUhonE7fb/UeAIzbfP7Nn47XF7aMBwAAtU1dSZIkXSdqAQBUHiim9+qmumFD6zZdLaW4vxIAWPYupeM1ANMaS3m7FAB29ubRXAxef/rOmQ2Dmf8sf3cAKG/Ov30FzH6VJHk1i0FHkqYCMORWfq+CKW15unH5hif5PBnru3KtAobeyZd6cDYt5Si05BSs+JmbQyi7kU91YER3TxWYWCxWwoL2XBmgMV9nAItzD/A4DaC+I0cdyo95wLLcBzzMIlDXlkb9LubbHDDhX+dYMKmnZyTUfszdcipupq0B3M75/qi4lXMw40MeDoeK6/m9GuZ05t7aho3P870GS9ryaDRQdjJ9ewtY2Z4k+bIQW7tyoxLArlIezET1wZc/XuwZQ/WV5FgBAMvfp3ikGmDU7o60rwMARhzuTfeFddMGltWsOfkrfecmAwCY3tydJElSamkAAABV2y61/upovbx9KgD+A5UKfRUjthItAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain}.learn-info .icon.comment:before{width:12px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAMAAAA4a6b0AAAAvVBMVEUAAAAAAACZmZl/f3+SkpKLi4uIiIiHh4ePj4+NjY2Li4uPj4+KioqLi4uOjo6JiYmOjo6NjY2Ojo6MjIyKioqMjIyMjIyNjY2QkJCQkJCOjo6Ojo6QkJCPj4+QkJCPj4+Pj4+Pj4+Pj4+Pj4+NjY2Ojo6Pj4+Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6NjY2Ojo6Ojo6NjY2Ojo6Pj4+Ojo6NjY2Pj4+Ojo6Pj4+Ojo6Ojo6Ojo6Ojo6Ojo6Ojo7681qUAAAAPnRSTlMAAQUGBwsPERkdISIlLC00RkpRUlNUXWBsbm91dXZ3f4KLj5CSk5SXmpylqaqsuL7Lzs7T1Nzc3uXv8fj6/lS4RgEAAACYSURBVCjPxY7HDsIwEESH3msoMS2A6WB6D5n//ywORijIkQgn3nFHO/OATGcoDfpFoHBnEI8Kply3hMGMGyxpwSTPw9fE8fGZ+MfD/vx/57dkwbkQopHQl1RaU+UeTS20iwKA7b4Ne0B9IqW8sAwkFb2r5tiOvHoVLZTOvJmbijXb5TZnuqx4ojeOBVh2GdQEAPHBKIuwPAHvUDG8yUqvMAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}.learn-info .el-progress{width:100px;display:inline-block}.learn-info .el-progress-bar{margin-right:-45px;padding-right:45px}.learn-info .el-progress__text{color:inherit}.app-pagination{text-align:right}.app-pagination.app-width{margin-bottom:40px}.app-pagination .el-pagination{position:relative;display:inline-block;padding:0}.app-pagination .el-pagination .el-pager li:not(.disabled).active{background-color:#2371ff;color:#fff}.app-pagination .el-pagination button:not(:disabled):hover{color:#333}.app-pagination .el-pagination span:not([class*=suffix]){min-width:auto;height:28px;line-height:28px}.app-pagination .btn-first,.app-pagination .btn-last,.app-pagination .btn-next,.app-pagination .btn-prev,.app-pagination .custom-jumper,.app-pagination .el-pager li,.app-pagination .total-text{display:inline-block;min-width:28px;height:28px;margin:0 8px;padding:0 10px;line-height:28px;background-color:#fff;border:1px solid #eee;border-radius:3px;font-weight:400;color:#818284;vertical-align:middle}.app-pagination .el-pager li{padding:0 5px}.app-pagination .el-pager li.more{margin:0 7px}.app-pagination .total-text{margin:0;padding:0;border:none;background:none}.app-pagination .btn-first{margin-left:23px}.app-pagination .btn-first:disabled,.app-pagination .btn-last:disabled{color:#aaa}.app-pagination .custom-jumper{margin:0 0 0 32px;padding:0;border:none;background:none}.app-pagination .custom-jumper .num{display:inline-block;width:54px;height:100%;padding:0 6px;margin:0 10px;border:1px solid #eee;border-radius:3px;font-size:14px;color:#333;text-align:center;background:#fff}.app-pagination .custom-jumper .num:focus{border-color:#6082e4}.app-pagination.simple-pagination .btn-next,.app-pagination.simple-pagination .btn-prev,.app-pagination.simple-pagination .el-pager li{background-color:#edeff4;border:none}.app-pagination.simple-pagination .btn-next,.app-pagination.simple-pagination .btn-prev{margin:0 4px;background:none}.app-pagination.simple-pagination .btn-next .el-icon,.app-pagination.simple-pagination .btn-prev .el-icon{font-size:14px}.no-data[data-v-56ab6511]{width:100%;height:350px;float:right}.no-data-img[data-v-56ab6511]{width:270px;height:257px;background:url(/image/no-data.png) no-repeat;background-size:100%;margin:48px auto}.course-tab[data-v-56ab6511]{padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:27px;display:-ms-flexbox;display:flex}.course-tab .el-select[data-v-56ab6511]{margin-right:30px;font-size:14px;font-weight:400;color:#333;line-height:22px}.course-tab[data-v-56ab6511] .el-input__icon{line-height:22px}.course-tab[data-v-56ab6511] .el-input__inner{color:#333;height:22px;line-height:22px;width:110px;border:none}