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 .layui-nav-tree{width:320px;height:152px;border:1px solid #e3e3e3;background-color:#fff;padding:14px 0;margin-right:30px}.user_center .layui-nav-tree .layui-nav-item{height:62px;border-left:5px solid #fff}.user_center .layui-nav-tree .layui-nav-item a{height:62px;line-height:62px;color:#000;font-size:18px}.user_center .layui-nav-tree .layui-nav-item:hover{background-color:#fff;border-left:5px solid #3f81fa}.user_center .layui-nav-tree .layui-nav-item:hover a{background-color:#fff;color:#3f81fa}.user_center .layui-nav-tree .layui-nav-item.layui-this{background-color:#fff;border-left:5px solid #3f81fa}.user_center .layui-nav-tree .layui-nav-item.layui-this a{background-color:#fff;color:#3f81fa}.user_center .layui-nav-tree .layui-nav-bar{width:0;background-color:none}.user_center .viewed_course_container{max-height:1160px;min-height:650px;flex-basis:100%;background-color:#fff;border:1px solid #e3e3e3;padding:36px 80px 28px 60px;margin-bottom:70px}.user_center .viewed_course_container .nav_name{font-size:24px}.user_center .viewed_course_container .empty{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:50px}.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 .item{display:flex;padding:20px 0;border-bottom:1px solid #ede9e8}.user_center .viewed_course_container .course_list .item:last-child{border-bottom:none}.user_center .viewed_course_container .course_list .item .item_banner{margin-right:20px}.user_center .viewed_course_container .course_list .item .item_banner img{width:250px;height:140px}.user_center .viewed_course_container .course_list .item .item_info{height:140px;max-width:400px;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 .item_info .info_title{font-size:20px;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_center .viewed_course_container .course_list .item .item_info .info_desc{font-size:16px;width:100%;color:#999;line-height:28px}.user_center .viewed_course_container .course_list .item .item_info .info_progress{display:flex;align-items:center;color:#999;margin-top:20px}.user_center .viewed_course_container .course_list .item .item_info .info_progress .layui-progress{flex-grow:1;height:10px;margin:0 12px;position:relative;top:1px}.user_center .viewed_course_container .course_list .item .item_info .info_progress .layui-progress .layui-progress-bar{height:10px;line-height:10px;background-color:#3f81fa}.user_center .viewed_course_container .course_list .item .item_status{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;max-width:200px;width:100%;cursor:pointer}.user_center .viewed_course_container .course_list .item .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 #pagination{text-align:center;margin-top:34px}