body,html{background-color:#f5f5f5;display:block}.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_center{max-width:1300px;display:flex;padding:0 15px;margin:46px auto 0}.user_center .viewed_course_container{min-height:650px;flex-basis:100%;background-color:#fff;border:1px solid #e3e3e3;border-bottom:0 solid #e5e6e9;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 .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{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_info .live_certificate{margin-top:12px;color:#3f81fa;cursor:pointer}.user_center .viewed_course_container .course_list .item .course_container .item_info .live_certificate.certificate{margin-top:10px;width:80px;height:24px;border-radius:12px;line-height:24px;text-align:center;cursor:pointer;border:1px solid #3f81fa;background-color:#fff;color:#3f81fa}.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%}.user_center .viewed_course_container .course_list .item .course_container .item_status .staus_circle{width:100px;height:100px;border-radius:50%;border:10px solid #3f81fa;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#3f81fa}.user_center .viewed_course_container .course_list .item .course_container .item_status .staus_circle.end{border-color:#ccc;color:#ccc}.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:10px;width:100%;padding:0 10px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_center .viewed_course_container .course_list .item .lesson_container .lesson .l_status{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:5px;border-radius:50%;border:5px solid #3f81fa}.user_center .viewed_course_container .course_list .item .lesson_container .lesson .l_status span{color:#3f81fa}.user_center .viewed_course_container .course_list .item .lesson_container .lesson .end_live,.user_center .viewed_course_container .course_list .item .lesson_container .lesson .living_streaming{height:40px;line-height:40px}.user_center .viewed_course_container .course_list .item .lesson_container .lesson .l_btn{margin-top:10px;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 .course_list .item .lesson_container .lesson .l_btn.no_start{background-color:#f50}.user_center .viewed_course_container .course_list .item .lesson_container .lesson .l_btn.end{border:1px solid #3f81fa;background-color:#fff;color:#3f81fa}.user_center .viewed_course_container #pagination{text-align:center;margin:30px 0}.punck_card_modal{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center}.punck_card_modal .card_container{width:590px;height:460px;border-radius:10px;background-color:#fff}.punck_card_modal .card_container .title{display:flex;justify-content:space-between;align-items:center;height:80px;border:1px solid #f0f0f0;padding:0 36px;border-top-left-radius:10px;border-top-right-radius:10px}.punck_card_modal .card_container .title .room_name{font-size:16px;color:#000;max-width:440px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.punck_card_modal .card_container .title .close{font-size:20px;color:#000;cursor:pointer}.punck_card_modal .card_container .list{max-height:370px;overflow:auto;padding:0 36px}.punck_card_modal .card_container .list .item{display:flex;height:66px;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.punck_card_modal .card_container .list .item:last-child{border-bottom:none}.punck_card_modal .card_container .list .item .left{display:inline-flex}.punck_card_modal .card_container .list .item .left .card_name{width:120px;margin-right:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.punck_card_modal .card_container .list .item .right .success{color:#3f81fa}