body,html{background-color:#f5f5f5}.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_center{max-width:1300px;padding:0 15px;margin:46px auto 0;display:flex}.user_center .viewed_course_container{min-height:650px;flex-basis:100%;background-color:#fff;border:1px solid #e3e3e3;margin-bottom:70px}.user_center .viewed_course_container .special_column{padding:30px 30px 10px;border:1px solid #e5e6e9}.user_center .viewed_course_container .special_column .nav_name{font-size:24px;margin-bottom:20px}.user_center .viewed_course_container .special_column .column{display:flex;flex-wrap:wrap}.user_center .viewed_course_container .special_column .column div{width:270px;height:40px;text-align:center;line-height:40px;padding:0 10px;margin-bottom:20px;border-radius:20px;background-color:#fff;border:1px solid #ccc;color:#333;font-size:16px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:20px}.user_center .viewed_course_container .special_column .column div.active{background-color:#3f81fa;color:#fff}.user_center .viewed_course_container .empty{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:50px;margin-bottom:30px}.user_center .viewed_course_container .empty div{font-size:16px;margin-top:20px}.user_center .viewed_course_container .empty div img{position:relative;top:-3px}.user_center .viewed_course_container .empty div a{font-size:16px;color:#3f81fa}.user_center .viewed_course_container .course_list{padding:0 30px}.user_center .viewed_course_container .course_list .item{padding:20px 0 0}.user_center .viewed_course_container .course_list .item .course_container{border:1px solid #e5e6e9;display:flex}.user_center .viewed_course_container .course_list .item .course_container:last-child{border-bottom:none}.user_center .viewed_course_container .course_list .item .course_container .item_banner{margin-right:20px}.user_center .viewed_course_container .course_list .item .course_container .item_banner img{width:260px;height:150px}.user_center .viewed_course_container .course_list .item .course_container .item_info{height:150px;max-width:480px;min-width:370px;padding-right:10px;display:flex;flex-grow:1;width:100%;flex-direction:column;justify-content:center}.user_center .viewed_course_container .course_list .item .course_container .item_info .info_title{font-size:22px;margin-bottom:10px;color:#333;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_center .viewed_course_container .course_list .item .course_container .item_info .info_title:hover{color:#3f81fa}.user_center .viewed_course_container .course_list .item .course_container .item_info .info_desc{font-size:16px;width:100%;color:#999;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}.user_center .viewed_course_container .course_list .item .course_container .item_info .info_date{color:#999}.user_center .viewed_course_container .course_list .item .course_container .item_info .info_date span{color:#3f81fa}.user_center .viewed_course_container .course_list .item .course_container .item_info .info_progress{align-items:center;color:#999;margin-top:12px;display:flex;justify-content:space-between}.user_center .viewed_course_container .course_list .item .course_container .item_info .info_progress>div span{color:#3f81fa}.user_center .viewed_course_container .course_list .item .course_container .item_info .info_progress>div:last-child{color:#3f81fa;cursor:pointer}.user_center .viewed_course_container .course_list .item .course_container .item_status{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;max-width:130px;width:100%;cursor:pointer}.user_center .viewed_course_container .course_list .item .course_container .item_status .status_btn{width:108px;height:40px;color:#fff;font-size:16px;background-color:#3f81fa;border-radius:4px;text-align:center;line-height:40px}.user_center .viewed_course_container .course_list .item .lesson_container{display:none;flex-wrap:wrap;margin-left:-2%}.user_center .viewed_course_container .course_list .item .lesson_container .lesson{margin-top:18px;width:23%;margin-left:2%;display:flex;border:1px solid #e5e6e9;height:200px;flex-direction:column;align-items:center;justify-content:center}.user_center .viewed_course_container .course_list .item .lesson_container .lesson .l_title{color:#333;margin-bottom:30px}.user_center .viewed_course_container .course_list .item .lesson_container .lesson .l_btn{margin-top:30px;width:135px;height:28px;border-radius:14px;line-height:28px;text-align:center;color:#fff;background-color:#3f81fa;cursor:pointer}.user_center .viewed_course_container #pagination{text-align:center;margin:30px 0}