:root{
    --themeColor: #008AFF;
    --fizeColor: #2A2A2A;
    --headerBg: #FFF;
    --themeRgba: 0, 138, 255;
    --linearColor: #1C4CFB;
    --footerThemeColor: #008AFF;
    --footerHoverFontColor: #008AFF;
    --footerBgColor: #2A2A2A;
    --footerFontColor: #ededed;
    --footerBorderColor: #404046;

}
.tuijian{
margin-top: 20px;

}
.tuijian .title,.fenlei .title{
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    color: #2a2a2a;
   margin-bottom: 20px;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    margin-left: 30px;
}
.tuijian .main{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.tuijian .main .course-list {
    margin-right: 20px;
    margin-bottom: 20px;
}
.tuijian .main .course-list:nth-of-type(5n) {
    margin-right: 0px;
    margin-bottom: 20px;
}
.tuijian .main .course-list  .course-pic {
    width: 224px;
    height: 126px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.tuijian .main .course-list .course-item .course-info {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    padding: 6px 12px 10px;
    height: 86px;
}
.fenlei {
    /*display: flex;*/

}
.fenlei .main{
    display: flex;
    flex-wrap: nowrap;
}
.fenlei .normal-course-adimg{
        flex: none;
        margin-right: 20px;
        width: 224px;
        height: 428px;
        border-radius: 6px;

}
.fenlei .list{

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.fenlei .main .course-list {
    margin-right: 20px;
    margin-bottom: 20px;
}
.fenlei .main .course-list:nth-of-type(4n) {
    margin-right: 0px;
    margin-bottom: 20px;
}
.fenlei .main .course-list  .course-pic {
    width: 224px;
    height: 126px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.fenlei .main .course-list .course-item .course-info {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    padding: 6px 12px 10px;
    height: 86px;
}
.kcShow *{
    box-sizing: border-box;
}
.kcShow .course-info-has-img{
    position: relative;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 10%);
    border-radius: 8px;
    display: flex;
    height: 290px;
    overflow: hidden;
    margin-bottom: 40px;
    background: url(/s/pc/static/media/course-bg.963750ce.png) no-repeat;
    background-size: 100% 100%;
}
.kcShow .course-info-has-img>img {
    width: 515px;
}
.kcShow .course-info-has-img>div {
    padding: 18px 24px;
    width: calc(100% - 515px);
}
.kcShow .course-info-has-img>div>.title {
    height: 135px;
}
.kcShow .course-info-has-img>div>.title>h3 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 10px;
    color: rgba(0,0,0,.85);
}
.kcShow .course-info-has-img>div>.title>p span {
    color: #939ca5;
    margin-right: 5px;
}
.kcShow  .course-info-has-img>div>.title>p span:not(:first-child) {
    margin-left: 15px;
}
.kcShow .course-info-has-img .share-type-list span {
    margin-left: 0;
    margin-right: 16px;
}
.course-info-has-img .share-type-list {
    margin-top: 15px;
}
.kcShow .share-type-list span {
    cursor: pointer;
    color: #666;
    padding: 4px 13px;
    border-radius: 13px;
    border: 1px solid #e0e3ea;
    margin-left: 16px;
}
.kcShow .course-button-group .btn-share {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.kcShow .course-button-group button.color-gray {
    padding: 0 38px;
    background: #d3d6d8;
}
.kcShow .course-button-group button {
    display: inline-block;
    height: 44px;
    padding: 0 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 23px;
    color: #fff;
    border: none;
    font-size: 18px;
    outline: none;
}
.kcShow .type-bottom {
    display: flex;
    justify-content: space-between;
}
.kcShow .type-bottom .type-left {
    width: 880px;
    margin-bottom: 80px;
}
.kcShow .type-bottom .type-right {
    width: 300px;
}
.kcShow .router-tab {
    margin-bottom: 30px;
}
.kcShow .nav-tab-line {
    padding-bottom: 10px;
}
.kcShow .nav-tab-line span.active {
    position: relative;
    color: var(--themeColor);
}
.kcShow .nav-tab-line span {
    font-size: 20px;
    font-weight: 700;
    margin-right: 50px;
    cursor: pointer;
}
.kcShow .nav-tab-line span.active:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 4px;
    background: var(--themeColor);
    border-radius: 2px;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.kcShow .course-details-des{
    width: 100%;
}
.kcShow .course-details-des .des {
    position: relative;
    padding: 18px 14px 18px 20px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-bottom: 40px;

    display: flex;
}
.kcShow .course-details-des .des p {
    width: calc(100% - 70px);
}
.kcShow .course-details-des .des span:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    left: 10px;
    top: 20px;
    background: var(--themeColor);
}
.kcShow .courses-teachers {
    padding: 20px 20px 30px;
    box-sizing: border-box;
    border-radius: 4px;
}
.kcShow  .courses-teachers .courses-teachers-header {
    display: flex;
    justify-content: space-between;
}
.kcShow .crouse-right-title {
    position: relative;
    display: flex;
    align-items: center;
}
.kcShow .crouse-right-title .line {
    width: 4px;
    height: 18px;
    background: var(--themeColor);
    border-radius: 2px;
    margin-right: 5px;
}
.kcShow .crouse-right-title h3 {
    font-size: 18px;
    font-weight: 700;
    color: #2a2a2a;
}
.kcShow .courses-teachers .courses-teachers-list dl dt {
    display: flex;
    margin-top: 30px;
}
.kcShow .courses-teachers .courses-teachers-list dl dt img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex: none;
    margin-right: 15px;
}
.kcShow  .courses-teachers .courses-teachers-list dl dt>div span:first-child {
    width: 80px;
    margin-top: 7px;
    font-size: 16px;
    font-weight: 500;
    color: #2a2a2a;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kcShow  .courses-teachers .courses-teachers-list dl dt>div .star-wrap {
    display: flex;
    align-items: center;
}
.kcShow  .courses-teachers .courses-teachers-list dl dt .iconfont {
    color: #ffb033;
    font-size: 14px;
    margin-right: 6px;
}
.kcShow .course-item-list {
    display: flex;
    align-items: flex-start;
    padding: 5px 15px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.kcShow .course-item-list>span {
    line-height: 22px;
    color: #939ca5;
    margin-right: 10px;
    padding: 0 3px 0 4px;
    border-radius: 7px;
    background-color: #f1f2f3;
}
.kcShow .course-item-list>div>.title h3 {
    position: relative;
    font-weight: 400;
    color: #2a2a2a;
}
.kcShow .course-item-list>div>.title h3 i.try {
    width: 40px;
    height: 25px;
    vertical-align: middle;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
}
.kcShow .course-contents-content .course-title-info {
    font-size: 12px;
    display: flex;
    color: #939ca5;

}
.kcShow .course-detail-comment .comment-list-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.kcShow .course-detail-comment .comment-list-title h3 {
    font-size: 16px;
    font-weight: 700;
}
.kcShow .ant-comment-inner {
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
}
.kcShow .ant-comment-avatar {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    cursor: pointer;
}
.kcShow .ant-comment-avatar>span{
    display: flex;
}
.kcShow .course-detail-comment .ant-comment-avatar img {
    width: 100%;
    height: 100%;
}
.kcShow .ant-comment-content {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 1px;
    font-size: 14px;
    word-wrap: break-word;
}
.kcShow .course-detail-comment .comment-list .comment-title div:first-child {
    display: flex;
    justify-content: space-between;
}
.kcShow .course-detail-comment .comment-list .comment-title p {
    color: #939ca5;
    font-size: 12px;
    line-height: 32px;
}

.kcShow .course-detail-comment .comment-list .comment-content {
    padding-bottom: 25px;
    border-bottom: 1px solid #f0f0f0;
}

.kcShow .detailShow.active{
    display: block !important;
}








.video-qs-answer {
    display: flex;
    width: 100%;
    line-height: 40px;
    margin: 10px 0px;
    background-color: #F8F9FA;
    color: rgba(0,0,0,.85);
}
.video-qs-answer li {
    padding: 0px 18px;
}
.video-qs-answer li:first-child {
    padding: 0px 30px;
}
.video-qs-answer li.error {
    color: #F74C4C;
    background: rgba(247, 76, 76, 0.1);
}
.video-qs-answer li.correct {
    color: #27B690;
    background: rgba(39, 182, 144, 0.05);
}
.video-qs-answer li i {
    margin-right: 10px;
}
.video-qs-answer li span {
    font-size: 16px;
    font-weight: 500;
}
.video-qs-answer li span.correct {
    color: #27B690;
}

.view-video-com header {
    height: 60px;
    line-height: 60px;
    padding: 0 24px;
    overflow: hidden;
}
.view-video-com header h3 {
    display: inline-block;
    max-width: 656px;
    margin-left: 40px;
    margin-right: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-weight: 700;
    color: rgba(0,0,0,.85);
}
.view-video-com .content {
    display: flex;
    width: 100%;
    height: calc(100vh - 60px);
}
.view-video-com .content .video-wrap {
    position: relative;
    width: 100%;
}
.view-video-com .content .right .right-content {
    position: relative;
    display: inline-block;
    width: 380px;
    height: 100%;
    padding: 0 20px 64px;
    box-sizing: border-box;
    overflow-y: scroll;
    background: #fff;
    box-shadow: -4px 0 4px 0 rgb(0 0 0 / 2%);
}
.view-video-com .content .right .right-content.zj-com .kc-list .zj-content {
    cursor: pointer;
    width: calc(100% - 30px);
    margin-left: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f4f5f6;
}
.view-video-com.model-day .content .right-content.zj-com .kc-list {
    border-bottom-color: #f4f5f6;
}
.view-video-com .content .right .right-content.zj-com .kc-list .title h3 {
    position: relative;
    font-weight: 700;
    color: #2a2a2a;
}
.view-video-com .content .right .right-content.zj-com .kc-list .course-title-info {

    display: flex;


}
.view-video-com .content .right .right-content.zj-com .kc-list {
    display: flex;
    padding-top: 20px;
    flex-direction: column;
}
.view-video-com.model-day .content .right .tab {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 9%);
    margin-left: 1px;
}
.view-video-com .content .right .tab {
    display: inline-block;
    width: 66px;
    text-align: center;
}
 .ant-collapse-header .header-p {
    display: inline-block;
    padding: 18px 0;
    font-size: 16px;
    font-weight: 500;
    color: #2a2a2a;
}
.detailShow{
    width: 100%;

}