.user-header[data-v-7baad8a1]{background-color:#fff;width:205px;height:178px;border-radius:5px;padding:15px}.user-header .user-avatar[data-v-7baad8a1]{width:75px;height:75px;margin:0 auto}.user-header .user-avatar img[data-v-7baad8a1]{width:75px;height:75px;border-radius:50%;background-color:#eee}.user-header .user-name[data-v-7baad8a1]{margin-top:10px;text-align:center;width:205px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-header .user-time[data-v-7baad8a1]{margin-top:10px;color:#b8b8b8;font-size:14px;text-align:center}.user-header .user-opt[data-v-7baad8a1]{padding:10px;border-radius:25px;border:1px solid #ddd;color:#999;width:90px;text-align:center;margin:10px auto;cursor:pointer}.user-menu[data-v-7baad8a1]{background-color:#fff;width:235px;height:500px;margin-top:15px;border-radius:5px}.user-menu ul li[data-v-7baad8a1]{display:block;width:100%;line-height:36px;height:36px;padding:10px;text-indent:18px;position:relative;cursor:pointer}.user-menu ul li.active[data-v-7baad8a1]:before{content:"";position:absolute;width:4px;height:36px;background:#2b7df9;left:0}.user-menu .user-opt[data-v-7baad8a1]{padding:10px;border-radius:25px;border:1px solid #ddd;color:#999;width:90px;text-align:center;margin:0 auto;cursor:pointer}.banner-usercenter[data-v-0fa12e07]{position:relative}.banner-usercenter .inner-banner-tip[data-v-0fa12e07]{position:absolute;margin:auto;top:0;right:0;left:0;bottom:0;z-index:11;width:50%;text-align:center;height:100px;color:#fff}.banner-usercenter .inner-banner-tip p[data-v-0fa12e07]:first-child{margin-top:25px;font-size:24px;font-weight:700}.banner-usercenter .inner-banner-tip p[data-v-0fa12e07]:nth-child(2){font-size:14px;margin-top:15px}.banner-usercenter .inner-banner-tip p:nth-child(3).btn_detail[data-v-0fa12e07]{font-size:14px;border-radius:50px;border:1px solid #fff;width:100px;padding:12px 40px;text-align:center;margin:15px auto}.banner-usercenter .panel_top[data-v-0fa12e07]{position:absolute;width:1200px;margin:0 auto;left:0;top:120px;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;right:0}.banner-usercenter .panel_top .panel_cl[data-v-0fa12e07]{margin-right:45px;text-align:center;white-space:nowrap}.banner-usercenter .panel_top .panel_cl p[data-v-0fa12e07]:first-child{font-size:22px;font-weight:700}.banner-usercenter .panel_top .panel_cl p[data-v-0fa12e07]:nth-child(2){font-size:14px;margin-top:20px}.unauthorized[data-v-468f4275]{text-align:center;padding:100px}.clearfix[data-v-58fd67f9]{clear:both}.message_center[data-v-58fd67f9]{background-color:#f5f6f7;padding-bottom:30px}.message_center .wrap[data-v-58fd67f9]{width:1190px;margin:20px auto}.message_center .left-panel[data-v-58fd67f9]{float:left;width:235px;margin-right:25px}.message_center .right-panel[data-v-58fd67f9]{width:930px;background-color:#fff;border-radius:5px;float:right;overflow-y:auto;height:723px}.message_center .right-panel .title[data-v-58fd67f9]{border-bottom:1px solid #ccc;height:56px;line-height:56px;text-indent:27px;position:relative}.message_center .right-panel .title[data-v-58fd67f9]:after{content:"";position:absolute;width:48px;height:4px;background:#2b7df9;left:32px;bottom:-1px}.message_center .right-panel .detail[data-v-58fd67f9]{padding:15px}.message_center .right-panel .detail .panel_ul[data-v-58fd67f9]{margin-top:10px;margin-left:3%;margin-right:3%;background:#f5f6fa;width:94%}.message_center .right-panel .detail .panel_ul .panel_mid_title[data-v-58fd67f9]{height:48px;line-height:48px;font-weight:700;color:#000;font-size:16px;margin-left:16px;position:relative}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item[data-v-58fd67f9]{cursor:pointer;padding:12px;margin-bottom:1px;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:4px}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item .course-item-pic[data-v-58fd67f9]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:5px}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item .course-item-detail[data-v-58fd67f9]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:15px}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item .course-item-name[data-v-58fd67f9]{color:#000;font-size:16px;font-weight:700;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item .course-item-static[data-v-58fd67f9]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#999;font-size:14px;line-height:28px}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item .course-item-static i[data-v-58fd67f9]{margin-right:5px}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item .course-item-progress[data-v-58fd67f9]{color:#999;font-size:12px;margin-top:15px;width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item .course-item-progress .price[data-v-58fd67f9]{color:#ff5646;font-size:14px;font-weight:700}.message_center .right-panel .detail .panel_ul .panel_mid_content .course-item .course-item-progress .state_primary[data-v-58fd67f9]{margin-top:-130px}.message_center .right-panel .detail .icon-empty[data-v-58fd67f9]{margin:80px;color:#999}.message_center .right-panel .detail .icon-empty .icon-empty-image img[data-v-58fd67f9]{width:200px;height:200px}.message_center .right-panel .detail .popup-confirm[data-v-58fd67f9]{text-align:center}.message_center .right-panel .detail .popup-confirm .title[data-v-58fd67f9]{font-weight:700;font-size:18px}.message_center .right-panel .detail .popup-confirm .sub[data-v-58fd67f9]{font-weight:400;font-size:14px;color:#999}.message_center .right-panel .detail .cardInfo[data-v-58fd67f9]{width:700px;height:500px;margin:0 auto;border:1px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box}.message_center .right-panel .detail .cardInfo .content[data-v-58fd67f9]{padding:5px;font-weight:700}.message_center .right-panel .detail .cardInfo .text-center[data-v-58fd67f9]{text-align:center;line-height:35px}.message_center .right-panel .detail table[data-v-58fd67f9]{width:800px;border-collapse:collapse;border-spacing:0;table-layout:auto;text-align:center;font-size:12px;line-height:35px}.message_center .right-panel .detail table td[data-v-58fd67f9],.message_center .right-panel .detail table th[data-v-58fd67f9]{border-collapse:collapse;padding:0 5px;vertical-align:middle;border:1px solid #eee;color:#656b79}