#mcv-user-courses-body{background:var(--wp--mcv--color--background);padding:20px 0}.mcv-uc{display:flex;font-size:14px;height:100%;margin-bottom:50px;margin-left:auto;margin-right:auto;width:990px}.mcv-uc,.mcv-uc-left{box-sizing:border-box}.mcv-uc-left{width:200px}.mcv-uc-main{box-sizing:border-box;margin-left:30px;width:760px;width:100%}.mcv-nav{margin:0;padding:0}.mcv-nav-area{background:var(--wp--mcv--color--background);border:1px solid var(--wp--mcv--color--second5);margin-bottom:20px;width:200px}.mcv-nav-item{height:45px;line-height:45px;list-style:none}.mcv-nav-item a{border-left:3px solid transparent;color:var(--wp--mcv--color--second4);display:block;font-size:14px;text-decoration:none;text-indent:20px}.mcv-nav-item a:hover{background:var(--wp--mcv--color--second5);border-left-color:var(--wp--mcv--color--second1);font-size:14px}.mcv-nav-item a.active,.mcv-nav-item a:hover{color:var(--wp--mcv--color--main2)}.mcv-nav-item a.active{border-left-color:var(--wp--mcv--color--main2)}.wrapper-plan{position:relative}.wrapper-plan .switch-account-tips{color:var(--wp--mcv--color--second3)}.wrapper-plan .switch-account-tips .switch-account-btn{background:0 0;border:0;color:var(--wp--mcv--color--main2);cursor:pointer;margin-left:10px;outline:0}.wrapper-tt{border-bottom:1px solid var(--wp--mcv--color--second1);color:var(--wp--mcv--color--main2);font-weight:700}.wrapper-content{padding:50px 0;text-align:center}.course-settings-ctn{font-size:14px}.course-settings-ctn .before-line:before{border-left:1px solid var(--wp--mcv--color--second1);content:"";display:inline-block;height:20px;position:relative;top:5px;vertical-align:top;width:10px}.course-settings-ctn .ctrl-item{color:var(--wp--mcv--color--font);float:left;height:28px;line-height:28px;margin-right:10px}.course-settings-ctn .ctrl-item i{font-size:28px;vertical-align:middle}.course-settings-ctn .ctrl-item.homework{color:var(--wp--mcv--color--main2)}.course-settings-ctn .action-item{cursor:pointer}.course-settings-ctn .action-item:hover{color:var(--wp--mcv--color--main2)}.course-settings-ctn i{color:var(--wp--mcv--color--second3)}.course-settings-ctn a{color:inherit}.course-settings-ctn .more-settings{background:var(--wp--mcv--color--background);border:1px solid var(--wp--mcv--color--second1);box-sizing:border-box;line-height:42px;min-width:136px;padding:4px 22px;position:absolute;right:-4px;top:33px;z-index:2}.course-settings-ctn .more-settings:before{border-bottom:8px solid var(--wp--mcv--color--second1);border-left:8px solid transparent;border-right:8px solid transparent;content:"";left:92px;position:absolute;top:-8px;z-index:1}.course-settings-ctn .more-settings:after{border-bottom:7px solid var(--wp--mcv--color--background);border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:93px;position:absolute;top:-7px;z-index:1}.course-settings-ctn .more-settings.show{display:block}.course-settings-ctn .course-link a{color:var(--wp--mcv--color--font)}.course-settings-ctn .course-link a:hover{color:var(--wp--mcv--color--main2)}.detail-item-ctn{background:var(--wp--mcv--color--second5);font-size:16px;width:100%}.detail-item-ctn.expend .detail-item-body{border:1px solid var(--wp--mcv--color--second5);height:auto;padding:16px}.detail-item-ctn.expend .detail-item-header{border:none}.detail-item-ctn .icon{float:left;height:42px;margin:18px 10px 0 0;position:relative;width:42px}.detail-item-ctn .icon .process{height:42px;width:42px}.detail-item-ctn .icon .index{color:var(--wp--mcv--color--main2);display:block;height:36px;left:1px;line-height:42px;position:absolute;text-align:center;top:2px;width:36px}.detail-item-ctn.always-show .detail-item-header{cursor:default}.detail-item-header{border-bottom:1px solid var(--wp--mcv--color--second5);cursor:pointer;height:70px;line-height:70px;padding-left:15px;position:relative}.detail-item-header .index{float:left}.detail-item-header .section-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:18px;overflow:hidden;text-overflow:ellipsis}.detail-item-header .live-tips{color:var(--wp--mcv--color--main1);line-height:22px;position:absolute;right:14px;text-align:center;top:14px}.detail-item-header .live-tips .date{font-size:13px}.detail-item-header .live-tips .time{font-size:18px}.detail-item-header .live-tips .live-tag-ctn{margin-bottom:4px}.detail-item-header .enter-live{border-radius:2px;color:var(--wp--mcv--color--background);font-size:16px;height:40px;line-height:40px;padding:0}.detail-item-header .enter-live,.detail-item-header .enter-live:hover{background:var(--wp--mcv--color--main1)}.detail-item-header .enter-live a{padding:0 28px}.detail-item-header .hide-enter-live{height:100%;left:0;position:absolute;top:0;width:100%}.detail-item-header .hide-enter-live a{display:inline-block;height:100%;width:100%}.detail-item-header.detail-top .detail-titles{padding-top:14px}.detail-item-header.detail-top .section-title{height:20px;line-height:20px}.detail-item-header.detail-top .task-name{font-size:14px;height:20px;line-height:20px;margin-top:4px}.detail-item-body{background:var(--wp--mcv--color--background);border:0 solid var(--wp--mcv--color--second5);height:0;overflow:hidden;padding:0 16px;position:relative;transition:all .2s linear}.detail-item-body:before{background:var(--wp--mcv--color--second1);bottom:53px;content:"";left:31px;position:absolute;top:35px;width:1px}.task-item-ctn{font-size:14px;height:60px;position:relative;width:100%}.task-item-ctn div.icon{background:var(--wp--mcv--color--background);float:left;height:30px;margin:4px 18px 0 0;position:relative;width:30px}.task-item-ctn div.icon .process{height:100%;width:100%}.task-item-ctn div.icon i{color:var(--wp--mcv--color--main2);display:block;height:100%;left:0;line-height:30px;position:absolute;text-align:center;top:0;width:100%}.task-item-ctn .task-title{color:var(--wp--mcv--color--font);display:block;font-size:14px;font-weight:400;height:20px;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:450px}.task-item-ctn .status-text,.task-item-ctn .sub-title{color:var(--wp--mcv--color--second1)}.task-item-ctn .status-text{position:absolute;right:98px;top:15px}.task-item-ctn .task-button-ctn{position:absolute;right:10px;top:10px}.task-button-ctn .task-btn{border-radius:2px;box-sizing:border-box;min-width:80px;text-align:center}.task-button-ctn .task-btn span{color:var(--wp--mcv--color--main2);cursor:pointer;display:inline-block;padding:4px 0;width:100%}.task-button-ctn .task-btn.info{background-color:transparent;border-color:var(--wp--mcv--color--main2)}.task-button-ctn .task-btn.info a{color:var(--wp--mcv--color--main2)}.task-button-ctn .task-btn.info:hover{background:var(--wp--mcv--color--second5)}.task-button-ctn .task-btn.warning{background-color:transparent;border-color:var(--wp--mcv--color--main1)}.task-button-ctn .task-btn.warning a{color:var(--wp--mcv--color--main1)}.task-button-ctn .task-btn.border.warning:hover{background:var(--wp--mcv--color--background) 5f5}.task-button-ctn .task-btn.border{border-style:solid;border-width:1px}.task-button-ctn .task-btn.disabled a,.task-button-ctn .task-btn.disabled span{color:var(--wp--mcv--color--second1);cursor:default;pointer-events:none}.task-button-ctn .task-btn.text a{cursor:default;pointer-events:none}.term-ctn{height:36px;line-height:30px;min-width:175px;padding:15px;position:relative}.term-ctn,.term-ctn .current-term{display:inline-block}.term-ctn .term-drop-down{background:var(--wp--mcv--color--background);border:1px solid var(--wp--mcv--color--second1);cursor:pointer;display:none;left:25px;position:absolute;top:36px;z-index:1}.term-ctn .term-drop-down .other-term{line-height:40px;max-width:150px;overflow:hidden;padding:0 16px;text-overflow:ellipsis;white-space:nowrap}.term-ctn .term-drop-down .other-term:hover,.term-ctn:hover .drop-down-icon{color:var(--wp--mcv--color--main2)}.term-ctn:hover .term-drop-down{display:block}.term-ctn:hover .drop-down-icon:before{border-bottom:4px solid var(--wp--mcv--color--main2);border-top:0;top:13px}.term-ctn .drop-down-icon{position:relative}.term-ctn .drop-down-icon:before{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--wp--mcv--color--font);content:"";position:absolute;right:-14px;top:14px}.details-ctn{border:1px solid var(--wp--mcv--color--second5);color:var(--wp--mcv--color--font);width:759px}.details-ctn-wrapper{background:var(--wp--mcv--color--background);box-sizing:border-box;padding:0;position:relative}.details-ctn *{box-sizing:content-box}.details-ctn-error{padding:170px 0;text-align:center}.details-ctn h2{font-size:18px;line-height:40px;margin-bottom:16px}.details-ctn h2 .section-nums{font-size:14px}.details-ctn .course-settings-ctn{position:absolute;right:20px;top:20px}.details-ctn .sections-title{color:var(--wp--mcv--color--font);margin-bottom:10px;margin-top:30px;padding-left:15px}.details-ctn .mod-tip{background-color:var(--wp--mcv--color--background) be5;border:1px solid var(--wp--mcv--color--second5);line-height:40px;margin:19px 0;padding:0 15px}.details-ctn .mod-tip-icon{margin-right:5px}.details-ctn .switch-account-tips{color:var(--wp--mcv--color--second1);font-size:14px;margin-top:20px;text-align:center}.details-ctn .switch-account-tips-btn{color:var(--wp--mcv--color--main2);cursor:pointer;margin-left:5px}.course-tag-ctn{background:var(--wp--mcv--color--main1);border-radius:0 2px 2px 0;color:var(--wp--mcv--color--background);font-size:12px;height:18px;line-height:18px;padding:0 4px;position:absolute;right:-1px;top:-1px}.course-tag-ctn .top-right-angle{border-top:10px solid var(--wp--mcv--color--main1);top:0}.course-tag-ctn .bottom-right-angle,.course-tag-ctn .top-right-angle{border-left:10px solid transparent;height:0;left:-9px;position:absolute;width:0}.course-tag-ctn .bottom-right-angle{border-bottom:10px solid var(--wp--mcv--color--main1);bottom:0}.tab-item-ctn.active:after{content:"";height:0;overflow:hidden;width:0}.tab-item-ctn{background:var(--wp--mcv--color--second5);border:1px solid var(--wp--mcv--color--second5);box-sizing:border-box;display:flex;height:140px;margin-right:3px;padding:16px;position:relative}.tab-item-ctn:hover{border-color:var(--wp--mcv--color--main2);cursor:pointer}.tab-item-ctn:hover .place-top-ctn{display:block}.tab-item-ctn .place-top-ctn{border:1px solid var(--wp--mcv--color--second1);border-radius:2px;color:var(--wp--mcv--color--second1);cursor:pointer;display:none;font-size:12px;left:15px;padding:0 4px;position:absolute;top:11px}.tab-item-ctn .place-top-ctn:hover{border-color:var(--wp--mcv--color--second1);color:var(--wp--mcv--color--second3)}.tab-item-ctn.active{background:var(--wp--mcv--color--main2);border-color:var(--wp--mcv--color--main2);color:var(--wp--mcv--color--background)}.tab-item-ctn.active:after{border-left:10px dashed transparent;border-right:10px dashed transparent;border-top:10px solid var(--wp--mcv--color--main2);bottom:-10px;left:116px;position:absolute;z-index:9}.tab-item-ctn.active .course-date{display:block}.tab-item-ctn.active .live-tag-ctn,.tab-item-ctn.active .process-ctn{display:none}.tab-item-ctn .tab-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;max-height:50px;overflow:hidden;text-overflow:ellipsis}.tab-item-ctn .process-full{background:var(--wp--mcv--color--second1);float:left;height:2px;margin-right:10px;margin-top:10px;width:140px}.tab-item-ctn .process-full .process-done{background:var(--wp--mcv--color--main2);height:2px;width:0}.tab-item-ctn .process-text{color:var(--wp--mcv--color--second1);font-size:12px}.tab-item-ctn .course-date{color:var(--wp--mcv--color--second5)}.tab-ctn{margin-top:20px;position:relative;width:100%;z-index:1}.tab-ctn .tab-course-list{width:762px}.tab-ctn .tab-move-btn{font-size:20px;height:42px;line-height:42px;position:absolute;text-align:center;top:46px;width:24px}.tab-ctn .tab-move-btn i{font-size:26px}.tab-ctn .tab-move-btn:hover{background:var(--wp--mcv--color--second1);cursor:pointer}.tab-ctn .tab-prev-btn{left:-24px}.tab-ctn .tab-next-btn{right:-23px}.wrapper-plan .tabs{align-items:center;width:100%}.wrapper-plan .tabs,.wrapper-plan .tabs .tab{display:flex}.wrapper-plan .tabs .tab{justify-content:center;position:relative}.wrapper-plan .tabs{border-bottom:1px solid var(--wp--mcv--color--second5);height:43px}.wrapper-plan .tabs .tab{margin-right:20px}.wrapper-plan .tabs .tab a{color:var(--wp--mcv--color--font);cursor:pointer;font-size:16px;line-height:24px;text-align:center;text-decoration:none;width:100px}.wrapper-plan .tabs .tab a.active{color:var(--wp--mcv--color--main2)}.wrapper-plan .tabs .tab a.active:after{background:var(--wp--mcv--color--main2);bottom:-9px;content:"";height:3px;left:0;position:absolute;width:100%}.wrapper-plan .tabs .tab a:hover,.wrapper-plan .tabs .tab span{color:var(--wp--mcv--color--main2)}.wrapper-plan .tabs .tab span{margin-left:3px}@media only screen and (max-width:768px){.mcv-uc{display:list-item}.mcv-nav-area,.mcv-uc{width:100%}.mcv-uc-left,.mcv-uc-main{margin:0 24px;width:calc(100% - 48px)}.tab-ctn,.tab-ctn .tab-course-list,.wrapper-tt{width:100%}.tab-item-ctn.active:after{left:calc(50% - 10px)}.tab-item-ctn .process-full{width:100%}.details-ctn .course-settings-ctn{padding:15px;position:static}.details-ctn{width:calc(100% - 3px)}.task-item-ctn .task-title{width:auto}.task-item-ctn .sub-title,.task-item-ctn .task-button-ctn{display:none}}