@charset "utf-8";
/* 
 * 前端：肖玉航 
 * 产品：张璟 
 * 时间：2023.9.13 
 */
/* 公用样式 */
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{border-radius:4px;}
::-webkit-scrollbar-thumb{background-color:#e6ecf5;}
.text_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text_ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;/*! autoprefixer:off */-webkit-box-orient:vertical;}
.clearfix{zoom:1;overflow:hidden}
.fl{float:left;}
.fr{float:right;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px !important;}
.mb10{margin-bottom:10px;}
.mb40{margin-bottom:40px;}
.wid800{width:800px;}
.xbodyBg{background-color:#f2f4f7;min-width:1440px;}
.xwrapper{width:1440px;margin:0 auto;}
.xflexWrapper{display:flex;justify-content:center;}
.xcard{border-radius:32px;background:#FFF;box-shadow:0px 2px 10px 0px rgba(237,238,240,0.50);}
.xcard.blue{background-color:#E5EEFF;}
.xcard.yellow{background-color:#FCF1E0;}
.xcard.green{background-color:#E9F4F0;}

.xcard.purple {
    background-color: #dfe4ff;
}
.xcard_title{padding:40px;box-sizing:border-box;color:#036;font-size:24px;line-height:29px;font-weight:700;letter-spacing:2.4px;}
.xcard_title::before{position:relative;top:3.5px;margin-right:10px;content:'';display:inline-block;width:10px;height:22px;border-radius:10px;background:linear-gradient(180deg,rgba(0,85,255,0.60) 0%,rgba(0,128,255,0.10) 100%);}
.xcard_title .xedit{color:#3A8BFF;font-size:15px;font-weight:600;letter-spacing:0;display:flex;align-items:center;cursor:pointer;}
.xcard_title .xedit::before{margin-right:6px;content:'';display:inline-block;width:14px;height:14px;background-image:url(/course-ans/template85/image/icon-edit.png);background-size:100% 100%;}
.xcard_title_count{color:#8A8B99;font-size:14px;font-weight:400;letter-spacing:0;}
.xcard_title_count .xnum{color:#131B26;font-size:20px;font-weight:700;}
.xcard_main{padding:0 40px 40px;}
.xcard_main.scroll{padding-right:16px;}
.xstar_list{height:16px;display:inline-flex;}
.xstar_list .xstar{margin-left:4px;width:16px;height:16px;background-size:100% 100%;}
.xstar_list .xstar.fill{background-image:url(/course-ans/template85/image/icon-star-fill.png);}
.xstar_list .xstar.half{background-image:url(/course-ans/template85/image/icon-star-half.png);}
.xstar_list .xstar.empty{background-image:url(/course-ans/template85/image/icon-star-empty.png);}
.xstar_list .xstar:first-child{margin-left:0;}
.xstar_list .xinfo{margin-left:8px;color:#3A8BFF;font-size:12px;}
.xlayoutHeader{height:52px;padding:0 30px;background-color:#FFF;display:flex;justify-content:space-between;align-items:center;}
.xlayoutHeader_logo{height:28px;}
.xlayoutHeader_right{display:flex;align-items:center;}
.xlayoutHeader_right .xavatar{width:30px;height:30px;border-radius:50%;}
.xlayoutHeader_right .xname{color:#474C59;padding:0 11px 0 10px;}
.xlayoutHeader_right .xarrow{display:inline-block;width:12px;height:12px;background-image:url(/course-ans/template85/image/icon-arrow-bottom.png);background-size:100% 100%;cursor:pointer;}
.xoverview{height:524px;padding:72px 0 0;box-sizing:border-box;background-image:url(/course-ans/template85/image/bg-overview.png);background-size:100% 100%;}
.xoverview_main{position: relative; height:380px;display:flex;justify-content:space-between;}
.xoverview_video{z-index: 1 ;width:480px;height:320px;flex-shrink:0;border-radius:24px;border:4px solid #FFF;box-sizing:border-box;box-shadow:0px 8px 24px 0px rgba(58,139,255,0.16),0px 0px 40px 0px rgba(0,0,0,0.20) inset;overflow:hidden;cursor:pointer;}
.xoverview_video img{width:100%;height:100%;}
.xoverview_info{width:920px;}
.xoverview_title{color:#131B26;font-size:36px;font-weight:600;line-height:40px;}
.xoverview_cardBox{display:flex;}
.xoverview_cardBox .xoverview_card{width:140px;height:90px;margin-right:20px;}
.xoverview_cardBox .xoverview_card:last-child{width:280px;margin-right:0;}
.xoverview_card{padding:24px 24px 19px;box-sizing:border-box;border-radius:20px;background:rgba(58,139,255,0.10);backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:space-between;}
.xoverview_card .xvalue{color:#131B26;font-size:20px;line-height:22px;font-weight:600;}
.xoverview_card .xdesc{color:#8A8B99;font-size:15px;line-height:21px;}
.xoverview_card .xunit{margin-left:2px;color:#131B26;font-size:12px;}

.xoverview_card .xdetail {
    text-align: justify;
    color: #131B26;
    font-size: 15px;
    line-height: 26px;
}
.xtabBar{position: relative; z-index:99;width:1440px;height:72px;border-radius:99px;background-color:#FFF;box-shadow:0px 4px 40px 0px rgba(0,0,0,0.04);transition:all linear .3s;}
.xtabBar.sticky{position:fixed;top:0;width:100vw;border-radius:0;}
.xtabBar_main{height:100%;padding:10px;box-sizing:border-box;display:flex;}
.xtabBar_item{flex:1;margin-left:20px;height:100%;text-align:center;line-height:52px;border-radius:99px;color:#8A8B99;font-size:20px;cursor:pointer;  width: 0;padding: 0 23px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xtabBar_item:first-child{margin-left:0;}
.xtabBar_item.active{color:#3A8BFF;font-weight:600;background-color:#F0F6FF;}
.c_prev_graph,
.c_next_graph{display: block;width: 18px;height: 12px;background: url(/course-ans/images/courseportal/icon-double-arrow.svg);position: absolute;cursor: pointer}
.c_prev_graph{top: 50%;left: 20px;transform: translate(0,-50%) rotate(180deg);}
.c_next_graph{top: 50%;right: 20px;transform: translate(0,-50%)}
.xmain{padding-bottom:40px;box-sizing:border-box;min-height:calc(100vh - 127px);}
.xframeBox{position:relative;width:100%;height:800px;border-radius:32px;border:1px solid #DCDFE5;box-sizing:border-box;background-color:#F0F6FF;overflow: hidden;}
.xframeBox_header{display:flex;justify-content:space-between;align-items:center;}
.xframeBox_button{display:inline-block;height:56px;line-height:56px;padding:0 26px;color:#FFF;font-size:18px;font-weight:600;border-radius:999px;background:linear-gradient(322deg,#5A33FF -34.58%,#6CC7FF 132%);box-shadow:0px 2px 9px 0px rgba(103,161,255,0.50);cursor:pointer;}
@media (max-width:1440px){.xtabBar.sticky{left:0;width:1440px;}}
/* Dialog弹窗样式 */
.xpopOverflow{overflow:hidden;}
.xmaskDiv{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(16,26,41,0.76);z-index:999;opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s;}
.xmaskDiv.xmaskFadeOut{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s;}
.xpopDiv{background:#FFFFFF;border-radius:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.xpopHead{height:60px;padding:0 30px;border-bottom:solid #f2f2f2 1px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;}
.xpopHead span{font-size:18px;color:#131B26;font-weight:600;}
.xpopHead a{display:block;width:18px;height:18px;background:url(/course-ans/template85/image/icon-close.png) no-repeat;background-size:100% 100%;}
.xpopBottom{height:70px;padding:0 30px;border-top:1px solid #F2F2F2;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;}
.xpopBottom .xbutton{margin-left:30px;width:92px;height:36px;border-radius:999px;border:1px solid #8CBBFF;color:#3A8BFF;line-height:34px;box-sizing:border-box;text-align:center;}
.xpopBottom .xbutton:first-child{margin-left:0;}
.xpopBottom .xbutton.fill{border:0;color:#FFF;background:linear-gradient(322deg,#5A33FF -34.58%,#6CC7FF 132%);box-shadow:0px 2px 9px 0px rgba(103,161,255,0.50);}
/* 表单单选框样式 */
.ellips{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.xselectBox{width:240px;height:42px;padding:0 32px 0 14px;box-sizing:border-box;border:1px solid #D4D6D9;background-color:#FFF;border-radius:8px;display:flex;align-items:center;position:relative;cursor:pointer;font-size:14px;font-weight:400;letter-spacing:0;}
.xselectBox::after{content:'';display:inline-block;position:absolute;top:15px;right:14px;width:12px;height:12px;background:url(/course-ans/template85/image/icon-arrow-down-grey.png) no-repeat;background-size:12px 12px;}
.xselectBox.active::after{background-image:url(/course-ans/template85/image/icon-arrow-up-blue.png);}
.xselectBox.active ul{display:block;}
.xselectBox p{color:#131B26;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xselectBox ul{z-index:9;width:100%;display:none;position:absolute;top:calc(100% + 6px);left:0;padding:6px 0;box-sizing:border-box;border-radius:6px;background-color:#FFF;box-shadow:0px 2px 12px 0px rgba(0,37,89,0.2);}
.xselectBox ul li{padding:10px 20px;box-sizing:border-box;line-height:20px;color:#474C59;}
.xselectBox ul li:hover{color:#3A8BFF;}
.xselectBox .xempty{height:200px;font-size:13px;color:#ACB4BF;display:flex;justify-content:center;align-items:center;}
.xselectBox .xselectContent{max-height:300px;overflow:scroll;margin-right:2px;}
.xselectBox .xselectContent::-webkit-scrollbar{width:8px;height:8px;}
.xselectBox .xselectContent::-webkit-scrollbar-thumb{border-radius:20px;background-color:#DADFE5;}
.xselectBox .xsearchInput{position:relative;padding:10px;box-sizing:border-box;}
.xselectBox .xsearchInput input[type=text]{width:100%;height:36px;padding:5px 38px 5px 14px;box-sizing:border-box;border:0;border-radius:28px;background-color:#F7F8FA;color:#474C59;}
.xselectBox .xsearchInput img{position:absolute;top:19px;right:19px;width:18px;height:18px;}
.xselectBox .xsearchInput input[type=text]::placeholder{color:#ACB4BF;}
/* 手风琴样式 */
.xcollapseBox{position:relative;}
.xcollapseBox_verticalLine{position:absolute;top:0;left:55.5px;bottom:0;border-right:1px dashed #dadfe6;}
.xcollapseBox > .xcollapse > .xcollapse__wrapper{margin-bottom:20px;}
.xcollapseBox > .xcollapse:last-child > .xcollapse__wrapper{margin-bottom:0;}
.xcollapseBox > .xcollapse > p{position:relative;z-index:9;height:52px;line-height:52px;padding:0 30px;border-radius:8px;background-color:#F7F8FA;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.xcollapseBox > .xcollapse > .xcollapse__wrapper p{margin-top:4px;height:48px;padding:0 30px 0 56px;color:#131B26;font-size:15px;box-sizing:border-box;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.xcollapseBox > .xcollapse > .xcollapse__wrapper p:hover{color:#3A8BFF;background-color:#F0F6FF;}
.xcollapseBox > .xcollapse > .xcollapse__wrapper li p .xlineTitle::before{width:22px;}
.xcollapseBox > .xcollapse > .xcollapse__wrapper li li p .xlineTitle::before{width:38px;}
.xcollapseBox > .xcollapse > .xcollapse__wrapper li li li p .xlineTitle::before{width:54px;}
.xcollapseBox > .xcollapse > .xcollapse__wrapper li li li li p .xlineTitle::before{width:70px;}
.xcollapseBox > .xcollapse > .xcollapse__wrapper li li li li li p .xlineTitle::before{width:86px;}

.xcollapseBox > .xcollapse > .xcollapse__wrapper li li li li li li p .xlineTitle::before {
    width: 102px;
}
.xcollapse .xlineTitle{display:flex;align-items:center;}
.xcollapse .xlineTitle::before{margin-right:6px;content:'';display:inline-block;height:0;border-top:1px dashed #dadfe6;}
.xcollapse .xicon-arrow{display:inline-block;width:14px;height:12px;background:url(/course-ans/template85/image/icon-arrow-bottom-collapse.png) no-repeat center/ 100% 100%;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;will-change:transform;}
.xcollapse.active > p > .xicon-arrow{transform:rotate(-180deg);}
.xcollapse__header_left{display:flex;align-items:center;}
.xcollapse__header_left .xindex{margin-right:16px;width:39px;height:24px;line-height:24px;padding:0 3px 0 17px;box-sizing:border-box;text-align:center;background:url(/course-ans/template85/image/icon-index.png) no-repeat center/ 100% 100%;color:#8A8B99;font-size:12px;}
.xcollapse__header_left .xtitle{color:#131B26;font-size:16px;font-weight:600;width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xcollapse__wrapper{overflow:hidden;-webkit-transition:height 0.3s ease-in-out;transition:height 0.3s ease-in-out;will-change:height;}
/* 课程介绍 */
.xmain_menu{width:240px;padding:20px;box-sizing:border-box;border-radius:32px;background-color:#FFF;box-shadow:2px 0px 10px 0px rgba(237,238,240,0.50);}
.xmain_menu.sticky{position:fixed;top:128px;z-index:99;}
.xmenu_item{display:block;width:100%;height:54px;padding-left:20px;box-sizing:border-box;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;cursor:pointer;}
.xmenu_item:last-child{margin-bottom:0;}
.xmenu_item .xicon{display:inline-block;width:24px;height:24px;background-size:100% 100%;}
.xmenu_item .xtitle{padding-left:8px;color:#131B26;font-size:16px;}
.xmenu_item .xicon.intro{background-image:url(/course-ans/template85/image/icon-menu-1.png);}
.xmenu_item .xicon.relate{background-image:url(/course-ans/template85/image/icon-menu-2.png);}
.xmenu_item .xicon.teacher{background-image:url(/course-ans/template85/image/icon-menu-3.png);}
.xmenu_item .xicon.frame{background-image:url(/course-ans/template85/image/icon-menu-4.png);}
.xmenu_item .xicon.assets{background-image:url(/course-ans/template85/image/icon-menu-5.png);}
.xmenu_item.active{background-color:#F0F6FF;}
.xmenu_item.active .xtitle{color:#3A8BFF;font-weight:600;}
.xmenu_item.active .xicon.intro{background-image:url(/course-ans/template85/image/icon-menu-1-active.png);}
.xmenu_item.active .xicon.relate{background-image:url(/course-ans/template85/image/icon-menu-2-active.png);}
.xmenu_item.active .xicon.teacher{background-image:url(/course-ans/template85/image/icon-menu-3-active.png);}
.xmenu_item.active .xicon.frame{background-image:url(/course-ans/template85/image/icon-menu-4-active.png);}
.xmenu_item.active .xicon.assets{background-image:url(/course-ans/template85/image/icon-menu-5-active.png);}
.xmain_content{width:1160px;}
.xcard_intro{text-align:justify;color:#131B26;font-size:15px;line-height:28px;}
.xcard_relate{display:flex;justify-content:space-between;flex-wrap:wrap;}

.xcard_relate_item {
    width: 240px;
    height: 120px;
    padding: 25px 30px;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #F7F8FA;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.xcard_relate_item .xvalue{color:#131B26;font-size:20px;font-weight:600;line-height:22px;}
.xcard_relate_item .xdesc{color:#8A8B99;font-size:15px;line-height:21px;}
.xcard_teacher_item{padding:30px;margin-top:30px;border-radius:16px;background-color:#F7F8FA;}
.xcard_teacher_item:first-child{margin-top:0;}
.xcti_top{display:flex;}
.xcti_avatar{flex-shrink:0;width:72px;height:72px;border-radius:50%;border:2px solid #FFF;box-sizing:border-box;box-shadow:0px 4px 8px 0px rgba(0,51,102,0.08),0px 0px 16px 0px rgba(0,51,102,0.16) inset;overflow:hidden;}
.xcti_avatar img{width:100%;height:100%;object-fit: cover;}
.xcti_info{padding-left:16px;display:flex;flex-direction:column;justify-content:center;}
.xcti_info .xname{color:#131B26;font-size:16px;font-weight:600;line-height:22px;}
.xcti_info .xfrom{color:#8A8B99;line-height:20px;}
.xcti_desc{color:#131B26;text-align:justify;line-height:24px;}
.xcard_frame,.xcard_assets_menu,.xcard_assets{padding-right:24px;max-height:651px;overflow-y:scroll;}
.xcard_assets_menu{width:290px;}
.xcard_assets{width:750px;;}
.xcam_item{margin-top:20px;padding:14px 20px;border-radius:8px;box-sizing:border-box;background-color:#F7F8FA;color:#131B26;font-size:16px;font-weight:600;line-height:24px;display:flex;align-items:center;cursor:pointer;}
.xcam_item::before{flex-shrink:0;margin-right:16px;content:'';display:inline-block;width:27px;height:24px;background-image:url(/course-ans/template85/image/icon-assets.png);background-size:100% 100%;}
.xcam_item:first-child{margin-top:0;}
.xcam_item.active{color:#3A8BFF;background-color:#F0F6FF;}
.xcam_item.active::before{background-image:url(/course-ans/template85/image/icon-assets-selected.png);}
.xcard_assets_box{position:relative;border-radius:16px;background-color:#F7F8FA;min-height: 651px;}
.xcab_header{position:sticky;top:0;left:0;right:0;height:130px;background-color:#F7F8FA;border-radius: 16px 16px 0 0;}
.xcab_tabBar{height:60px;}
.xcab_tabBar_item{position:relative;display:inline-block;line-height:60px;padding:0 30px;font-size:16px;color:#474C59;cursor:pointer;}
.xcab_tabBar_item::before{content:'';display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:34px;height:4px;border-radius:4px;}
.xcab_tabBar_item.active{color:#131B26;font-weight:600;}
.xcab_tabBar_item.active::before{background-color:#3A8BFF;}
.xcab_title{margin:20px 20px 10px;height:40px;padding:0 20px;border-radius:8px;box-sizing:border-box;color:#8A8B99;background-color:#F2F4F7;display:flex;align-items:center;}
.xcab_title_left{flex:1;}
.xcab_title_right{width:189px;}
.xcab_content{padding:0 20px 10px;box-sizing:border-box;}
.xcab_assetsItem{height:54px;padding-left:20px;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;}
.xcab_assetsItem:hover{background-color:#F0F6FF;}
.xcab_assetsItem_left{padding-right:20px;flex:1;display:flex;align-items:center;overflow:hidden;}
.xcab_assetsItem_left img{width:30px;height:30px;margin-right:10px;}
.xcab_assetsItem_left span{color:#131B26;font-size:16px;}
.xcab_assetsItem_right{flex-shrink:0;width:189px;padding-right:20px;box-sizing:border-box;color:#474C59;font-size:16px;}
/* 知识图谱 */
.xframeBox_knowledge .xframeBox_button{position:absolute;top:30px;right:30px;}
.xframeBox_knowledge .xframeBox_tabBar{position:absolute;top:30px;left:50%;transform:translateX(-50%);}
.xframeBox_knowledge .xframeBox_filterBox{position:absolute;top:30px;left:23px;}
.xframeBox_tabBar{height:56px;padding:4px;border-radius:99px;box-sizing:border-box;background-color:#FFF;box-shadow:0px 4px 40px 0px rgba(0,0,0,0.04);}
.xframeBox_tabBar_item{margin-right:8px;display:inline-block;width:152px;height:48px;line-height:48px;text-align:center;color:#8A8B99;font-size:18px;cursor:pointer;border-radius:99px;}
.xframeBox_tabBar_item:last-child{margin-right:0;}
.xframeBox_tabBar_item.active{background-color:#F0F6FF;color:#3A8BFF;font-weight:600;}
.xframeBox_countInfo{position:absolute;right:50%;transform: translateX(50%);bottom:20px;width:400px;height:128px;padding:62px 0 0 20px;box-sizing:border-box;background-image:url(/course-ans/template85/image/bg-atlas-info2.png);background-size:100% 100%;display:flex;}
.xframeBox_countInfo_item{width:90px;}
.xframeBox_countInfo_item .xvalue,.xframeBox_countInfo_item .xdesc{display:block;color:#FFF;}
.xframeBox_countInfo_item .xvalue{font-size:22px;font-weight:700;line-height:24px;text-align: center;}
.xframeBox_countInfo_item .xdesc{margin-top:2px;font-size:13px;line-height:18px;text-align: center;}
.xframeBox_filterBox{height:58px;padding:4px 10px 4px 12px;box-sizing:border-box;border-color:#eee;background-color:#fff;box-shadow:0 2px 16px 0 rgba(0,0,0,.06);border-radius:6px;display:flex;align-items:center;}
.xframeBox_filterBox .xselectBox{background-color:#F7F8FA;border:0;border-radius:4px;}
.xframeBox_filterBox .xline{width:1px;height:20px;background-color:rgb(242,242,242);margin:0 15px;}
.xframeBox_filterBox .xfilterItem{width:48px;height:100%;padding:4px 0;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer;}
.xframeBox_filterBox .xfilterItem:hover{background-color:#f0f6ff;}
.xframeBox_filterBox .xfilterItem:hover span{color:#409eff;}
.xframeBox_filterBox .xfilterItem .xicon{width:18px;height:18px;background-size:100% 100%;}
.xframeBox_filterBox .xfilterItem .xicon.structure{background-image:url(/course-ans/template85/image/icon-frame-structure.png);}
.xframeBox_filterBox .xfilterItem .xicon.search{background-image:url(/course-ans/template85/image/icon-frame-search.png);}
.xframeBox_filterBox .xfilterItem span{color:#6b89b3;line-height:18px;}
/* 知识关系 */
.xrelationCard{background-image:url(/course-ans/template85/image/bg-card-1.png),url(/course-ans/template85/image/bg-card-2.png);background-repeat:no-repeat;background-position:100px 0,1244px 16px;background-size:176px 80px,96px 80px;background-blend-mode:overlay;}
/*.xcard_main_box{padding:30px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,0.20) 0%,rgba(255,255,255,0.40) 100%);}*/
.xcard_main_box {
    padding: 30px 16px 30px 30px;
    border-radius: 16px;
    background: linear-gradient(180deg,rgba(255,255,255,0.20) 0%,rgba(255,255,255,0.40) 100%);
}
.xcmb_item{margin-top:10px;line-height:28px;font-size:15px;display:flex;}
.xcmb_item:first-child{margin-top:0;}
.xcmb_item .xtitle{color:#70778C;flex-shrink:0;margin-right:20px;}
.xcmb_item .xcontent{color:#131B26;text-align:justify;}
.xeditDialogBox{padding:30px 43px 20px;}
.xpopCenter .xlineTitle{color:#131B26;line-height:20px;}
.xformItem{display:flex;}
.xformItem .xtitle{flex-shrink:0;margin-right:20px;color:#8A8B99;line-height:40px;}
.xformItem .xinput{flex:1;width:100%;border-radius:4px;color:#131B26;border:1px solid #E1EAF4;padding:0 10px;box-sizing:border-box;}
.xformItem .xinput::placeholder{color:#8a8b99;}
.xformItem .xrichEditor{flex:1;height:300px;border-radius:4px;border: 1px solid #E1EAF4;box-sizing:border-box;overflow:hidden;}
/* 目标图谱 */
.xframeBox_goal{padding:30px;}
.xframeBox_goal_content{height:654px;display:flex;}
.xfgc_list{flex-shrink:0;margin-right:11px;width:363px;height:100%;padding-right:19px;overflow-y:scroll;}
.xfgc_list_item{margin-top:26px;padding:20px 16px;box-sizing:border-box;border-radius:8px;background:#FDF9ED url(/course-ans/template85/image/bg-goal-1.png) no-repeat right bottom/ 67px 48px;cursor:pointer;}
.xfgc_list_item:first-child{margin-top:0;}
.xfgc_list_item:hover .xheader .xtitle{color:#3A8BFF;}
.xfgc_list_item.yellow{background:#FDF9ED url(/course-ans/template85/image/bg-goal-1.png) no-repeat right bottom/ 67px 48px;}
.xfgc_list_item.blue{background:url(/course-ans/template85/image/bg-goal-2.png) no-repeat right bottom/ 67px 48px,linear-gradient(270deg,#F0F6FF 50%,#E3F1FF 73.25%,#ECF5FF 100.25%);box-shadow:0px 3px 12px 0px rgba(165,178,204,0.20);}
.xfgc_list_item.green{background:#F0FBEF url(/course-ans/template85/image/bg-goal-3.png) no-repeat right bottom/ 67px 48px;}
.xfgc_list_item.orange{background:#FFF5EB;}
.xfgc_list_item.green2{background:#EAFAF8 url(/course-ans/template85/image/bg-goal-4.png) no-repeat right bottom/ 67px 48px;}
.xfgc_list_item .xheader{padding-bottom:12px;line-height:20px;display:flex;justify-content:space-between;}
.xfgc_list_item .xheader .xtitle{color:#181E33;font-weight:600;}
.xfgc_list_item .xheader .xcount{color:#8A8B99;}
.xfgc_list_item .xcontent{color:#474C59;line-height:20px;}
.xfgc_frame{position:relative;flex:1;border-radius:10px;border:1px solid #B5E4FF;background:#F6FCFF;box-sizing:border-box;}
.xframe_zoomBox{position:absolute;right:12px;bottom:12px;width:149px;height:36px;padding:0 16px;border-radius:30px;box-shadow:0 1px 12px 0 rgba(0,124,191,0.12);background-color:#FFF;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;}
.xframe_zoomBox img{width:20px;height:20px;cursor:pointer;}
.xframe_zoomBox span{color:#474C59;font-size:14px;}
.xframe_legend{position:absolute;left:24px;bottom:24px;width:193px;padding:8px 16px;box-sizing:border-box;background-color:#FFF;border-radius:10px;box-shadow:0px 1px 12px 0px rgba(0,124,191,0.12);}
.xframe_legend table th{height:20px;padding-bottom:1px;color:#474C59;font-weight:400;}
.xframe_legend table td{height:17px;padding-top:9px;color:#434854;font-size:12px;}
.xframe_legend table td .xicon-legend{position:relative;top:2px;}
.xicon-legend{margin-right:6px;display:inline-block;width:12px;height:12px;border-radius:2px;}
.xicon-legend.green{background-color:#67DA97;}
.xicon-legend.purple{background-color:#96F;}
.xicon-legend.red{background-color:#FF6F79;}
.xicon-legend.grey{background-color:#ACB4BF;}
/* 问题图谱 */
.xframeBox_question .xframeBox_button{position:absolute;right:30px;top:30px;}
/* 课程统计 */
.xhoverTip {
    display: none;
    position: fixed;
    z-index: 99999;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 16px;
    border-radius: 8px;
    background: rgba(11,23,39,0.90);
    box-shadow: 0px 0px 200px 0px #FFF;
}
.xchart{width:100%;height:100%;}
.xcard_smallTitle{color:#036;font-size:20px;line-height:24px;font-weight:700;letter-spacing:2px;}
.xcard_smallTitle::before{position:relative;top:2.5px;margin-right:10px;content:'';display:inline-block;width:10px;height:18px;border-radius:10px;background:linear-gradient(180deg,rgba(0,85,255,0.60) 0%,rgba(0,128,255,0.10) 100%);}
.xstatisticsCard_teacher{width:700px;height:280px;background:url(/course-ans/template85/image/bg-card-3.png) no-repeat center/ 100% 100%,linear-gradient(180deg,#E5EEFF 0%,#fafbff 100%);background-blend-mode:overlay;}
.xstatisticsCard_student{width:700px;height:280px;background:url(/course-ans/template85/image/bg-card-4.png) no-repeat center/ 100% 100%,linear-gradient(180deg,#E5F4FF 0%,#fafdff 100%);background-blend-mode:overlay;}
.xstatisticsCard_assets{width:100%;height:280px;background:url(/course-ans/template85/image/bg-card-5.png) no-repeat center/ 100% 100%,linear-gradient(180deg,#E5FBFF 0%,#fafeff 100%);background-blend-mode:overlay;}
.xstatisticsCard_dashboard{width:100%;height:400px;background:url(/course-ans/template85/image/bg-card-6.png) no-repeat center/ 100% 100%,linear-gradient(180deg,#E5FBFF 0%,#fafeff 100%);background-blend-mode:overlay;}
.xstatisticsCard_count{width:100%;height:888px;background:url(/course-ans/template85/image/bg-card-7.png) no-repeat -10px -10px/ 1460px 908px;}
.xsc_bigCountBox{padding:40px 0 0 40px;display:flex;flex-wrap:wrap;list-style:none;}
.xsc_bigCountBox_item{width:176px;}
.xsc_bigCountBox_item .xtitle{display:block;color:#8A8B99;font-size:16px;line-height:22px;padding-bottom:10px;}
.xsc_bigCountBox_item .xvalue{display:block;color:#131B26;font-size:36px;font-weight:700;line-height:39px;}
.xsc_bigCountBox_item .xunit{padding-left:4px;font-size:14px;font-weight:400;}
.xsc_smallCountBox{padding:88px 0 0 32px;}
.xsc_smallCountBox.hasCircle .xsc_smallCountBox_item{width:87px;}
.xsc_smallCountBox_item{display:inline-block;width:80px;}
.xsc_smallCountBox_item .xinfo{display:inline-block;}
.xsc_smallCountBox_item .xvalue{display:block;padding-bottom:4px;color:#131B26;font-size:24px;font-weight:700;line-height:22px;}
.xsc_smallCountBox_item .xtitle{display:block;color:#8A8B99;font-size:12px;line-height:17px;}
.xsc_smallCountBox_item .xunit{padding-left:2px;font-size:12px;font-weight:400;}
.xsc_smallCountBox_item .xicon-circle{margin-right:4px;}
.xicon-circle{display:inline-block;width:8px;height:8px;border-radius:50%;}
.xicon-circle.blue{background-color:#1A8CFF;}
.xicon-circle.green{background-color:#29CC7A;}
.xicon-circle.yellow{background-color:#FFD400;}
.xicon-circle.orange{background-color:#F90;}
.xstatisticsCard_teacher,.xstatisticsCard_student,.xstatisticsCard_assets,.xscd_main{display:flex;}
.xstatisticsCard_dashboard .xcard_title{padding-top:36px;padding-bottom:0;}
.xstatisticsCard_count .xcard_title{padding-top:33px;line-height:42px;}
.xsct_left,.xscs_left,.xsca_left,.xscd_left{flex:1;}
.xsca_right,.xsct_right,.xscs_right,.xscd_center,.xscd_right{flex-shrink:0;}
.xsct_right,.xscs_right{width:296px;}
.xscs_right{padding:72px 80px;box-sizing:border-box;}
.xscs_right .xchart{width:136px;height:136px;background:url(/course-ans/template85/image/bg-chart-2.png) no-repeat center/ 100% 100%;}
.xsca_right{width:680px;padding:72px 60px;box-sizing:border-box;}
.xsca_right_box{height:100%;display:flex;list-style:none;}
.xsca_right_box .xitem{box-sizing:border-box;font-size:24px;font-weight:600;line-height:24px;position:relative;cursor:pointer;}
.xsca_right_box .xitem span{display:block;width:24px;padding:14px 14px 0 0;}
.xsca_right_box .xitem:nth-child(1){color:#39F;background:linear-gradient(90deg,rgba(204,230,255,0.40) 0%,rgba(153,204,255,0.40) 100%);border-bottom:2px solid #39F;}
.xsca_right_box .xitem:nth-child(2){color:#00BFE5;background:linear-gradient(90deg,rgba(204,247,255,0.40) 0%,rgba(153,238,255,0.40) 100%);border-bottom:2px solid #00BFE5;}
.xsca_right_box .xitem:nth-child(3){color:#00E5E5;background:linear-gradient(90deg,rgba(204,255,238,0.40) 0%,rgba(153,255,221,0.40) 100%);border-bottom:2px solid #00E5E5;}
.xsca_right_box .xitem:nth-child(4){color:#6BE52E;background:linear-gradient(90deg,rgba(221,255,204,0.40) 0%,rgba(187,255,153,0.40) 100%);border-bottom:2px solid #6BE52E;}
.xsca_right_box .xitem:nth-child(5){color:#FFBF00;background:linear-gradient(90deg,rgba(255,255,204,0.40) 0%,rgba(255,255,153,0.40) 100%);border-bottom:2px solid #FFBF00;}
.xscd_main{height:335px;}
.xscd_left .xsc_bigCountBox{padding:40px 0 0 48px;}
.xscd_center{width:340px;}
.xscd_right{width:820px;padding:24px 0 0 200px;box-sizing:border-box;}
.xscd_right .xchart{width:420px;height:250px;}
.xscc_main{height:351px;display:flex;justify-content:space-between;}
.xscc_left,.xscc_center,.xscc_right{width:453px;}
.xscc_left{display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.xscc_left .xsc_bigCountBox{padding:0 0 0 40px;align-items:flex-start;}
.xscc_left_chart{width:116px;height:255px;padding:120px 0 0 28px;box-sizing:border-box;background-image:url(/course-ans/template85/image/bg-chart-1.png);background-size:100% 100%;}
.xscc_left_chart .xvalue{height:43px;line-height:43px;font-size:40px;font-weight:700;color:#FFF;text-shadow:0px 2.25px 4.5px rgba(1,191,147,0.03);}
.xscc_left_chart .xunit{padding-left:2px;font-size:16px;}
.xscc_left_chart .xtitle{padding-left:2px;color:#FFF;font-size:13px;line-height:18px;font-weight:600;}
.xscc_center_box{padding:15px 40px 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.xscc_center_box .xitem{margin-top:30px;width:167px;height:126px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.xscc_center_box .xitem:nth-child(1){background:url(/course-ans/template85/image/bg-box-1.png) no-repeat center/ 100% 100%,linear-gradient(0deg,rgba(204,247,255,0.40) 0%,rgba(153,238,255,0.40) 100%);}
.xscc_center_box .xitem:nth-child(2){background:url(/course-ans/template85/image/bg-box-2.png) no-repeat center/ 100% 100%,linear-gradient(0deg,rgba(204,255,238,0.40) 0%,rgba(153,255,221,0.40) 100%);}
.xscc_center_box .xitem:nth-child(3){background:url(/course-ans/template85/image/bg-box-3.png) no-repeat center/ 100% 100%,linear-gradient(0deg,rgba(221,255,204,0.40) 0%,rgba(187,255,153,0.40) 100%);}
.xscc_center_box .xitem:nth-child(4){background:url(/course-ans/template85/image/bg-box-4.png) no-repeat center/ 100% 100%,linear-gradient(0deg,rgba(255,255,204,0.40) 0%,rgba(255,255,102,0.40) 100%);}
.xscc_center_box .xvalue{height:35px;line-height:35px;font-size:32px;color:#131B26;font-weight:700;}
.xscc_center_box .xtitle{padding-top:4px;color:#8A8B99;font-weight:400;}
.xscc_right_countBox{padding-top:45px;}
.xscc_right_countBox .xitem{display:inline-block;width:186px;}
.xscc_right_countBox .xvalue{display:block;font-size:24px;height:22px;line-height:22px;color:#131B26;font-weight:700;padding-bottom:4px;}
.xscc_right_countBox .xtitle{display:block;color:#8A8B99;font-size:12px;}
.xscc_right_countBox .xunit{padding-left:2px;font-size:12px;font-weight:400;}
.xscc_right_chart{height:219px;}
.xscc_right_legend{padding-left:65px;display:flex;align-items:center;list-style:none;}
.xscc_right_legend .xitem{margin-left:20px;display:flex;align-items:center;}
.xscc_right_legend .xitem:first-child{margin-left:0;}
.xscc_right_legend .xitem .xicon-circle{width:10px;height:10px;margin-right:8px;}
.xscc_right_legend .xitem .xtitle{color:#8A8B99;}
.xscc_bottom{padding:40px 40px 0;display:flex;justify-content:space-between;}
.xscc_bottom_list{width:660px;height:280px;padding:40px;border-radius:24px;box-sizing:border-box;background:linear-gradient(180deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.60) 100%);}
.xscc_bottom_list .xitem{margin-bottom:20px;height:24px;line-height:24px;}
.xscc_bottom_list .xitem:last-child{margin-bottom:0;}
.xscc_bottom_list .xitem .xindex{margin-right:16px;display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;color:#8A8B99;font-size:16px;font-weight:600;background-size:100% 100%;}
.xscc_bottom_list .xitem .xindex_1{background-image:url(/course-ans/template85/image/icon-ranking-1.png);}
.xscc_bottom_list .xitem .xindex_2{background-image:url(/course-ans/template85/image/icon-ranking-2.png);}
.xscc_bottom_list .xitem .xindex_3{background-image:url(/course-ans/template85/image/icon-ranking-3.png);}
.xscc_bottom_list .xitem .xname{vertical-align:top;color:#131B26;font-weight:600;}
.xscc_bottom_list .xitem .xcount{color:#3A8BFF;font-size:16px;font-weight:600;}

.xoverview_title_confirm {
    margin-left: 20px;
    vertical-align: top;
    display: inline-block;
    padding: 0 24px;
    line-height: 42px;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    border-radius: 999px;
    background: var(--2,linear-gradient(322deg,#5A33FF -34.58%,#6CC7FF 132%));
    box-shadow: 0px 2px 9px 0px rgba(103,161,255,0.50);
    cursor: pointer;
}

.xoverview_title_edit {
    margin-left: 20px;
    vertical-align: top;
    position: relative;
    top: 9.5px;
    color: #3A8BFF;
    font-size: 15px;
    height: 21px;
    font-weight: 600;
    cursor: pointer;
}

.xoverview_title_edit::before {
    margin-right: 6px;
    position: relative;
    top: 2px;
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/course-ans/template85/image/icon-edit.png) no-repeat 0 0/ 100% 100%;
}

.xcmb_wrapper {
    padding-right: 32px;
    max-height: 234px;
    overflow-y: scroll;
}

.xcmb_wrapper::-webkit-scrollbar-thumb {
    background-color: #d8dfdc;
}

.ans-ued-img{width: 522px}

.left-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.left-box .type2 {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.left-box .type2:hover {
    background: #181e33;
}

.left-box .bg-box {
    width: 100%;
    height: 100%;
}

.left-box .bg-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
}

.left-box .play-img {
    position: absolute;
    z-index: 2;
    top: 124px;
    left: 205px;
    width: 72px;
    height: 72px;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}
.pre-text {
    font:15px/1.5 Microsoft YaHei,Arial,Helvetica,sans-serif;
}
.fontStyle {
    font:14px/1.5 Microsoft YaHei,Arial,Helvetica,sans-serif;
}

/* 2023.10.10新增 */
.xassetsCard {
    height: 800px;
}

.xcab_empty {
    padding: 123px 0 0 238px;
}

.xcab_empty .xtip {
    margin-top: -24px;
    width: 274px;
    text-align: center;
    color: #8F9AB2;
    font-size: 16px;
    line-height: 21px;
}

.xscc_bottom_empty {
    margin: 40px 40px 0;
    width: calc(100% - 80px);
    height: 280px;
    border-radius: 24px;
    background: linear-gradient(180deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.60) 100%);
    padding: 24px 0 0 543px;
    box-sizing: border-box;
}

.xscc_bottom_empty .xtip {
    margin-top: -24px;
    width: 274px;
    text-align: center;
    color: #8F9AB2;
    font-size: 16px;
    line-height: 21px;
}

.xcam_line {
    position: absolute;
    top: 0;
    left: 55.5px;
    bottom: 0;
    border-right: 1px dashed #dadfe6;
}

.text_ellipsis4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    /*! autoprefixer:off */
    -webkit-box-orient: vertical;
}

/*课程访问量*/
.xoverview_video_info{position:absolute;top:296px;left:0;width:480px;height:74px;padding-top:32px;border-radius:0 0 24px 24px;background:rgba(58,139,255,0.10);backdrop-filter:blur(16px);box-sizing:border-box;text-align:center;}
.xoverview_video_info .xdesc{color:#8A8B99;}
.xoverview_video_info .xvalue{color:#131B26;font-size:20px;font-weight:700;padding:0 2px 0 4px;}
.xoverview_video_info .xunit{color:#131B26;font-size:12px;}

/* 
 * 前端：肖玉航 
 * 产品：张璟 
 * 时间：2024.2.28
 * 知识点编辑
 */
.xformItem {
    display: flex;
    line-height: 40px;
}

.xformItem.center {
    align-items: center;
}

.xformItem.linHei20 {
    line-height: 20px;
}

.xformItem .xtitle {
    flex-shrink: 0;
    margin-right: 20px;
    color: #8A8B99;
    text-align: right;
}

.xformItem .xvalue {
    color: #131B26;
}

.xformItem .xinput {
    flex: 1;
    width: 100%;
    border-radius: 4px;
    color: #131B26;
    border: 1px solid #E1EAF4;
    padding: 0 10px;
    box-sizing: border-box;
}

.xformItem .xinput::placeholder {
    color: #8a8b99;
}

.xformItem .xinput:hover, .xformItem .xinput:focus {
    border-color: #3A8BFF;
}

.xformItem .xrichEditor:hover, .xformItem .xrichEditor:focus {
    border: 1px solid #3A8BFF;
}

.xcmb_item_hidden {
    display: none;
}

/* 按钮样式 */
.xbutton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    padding: 0 20px;
    color: #3A8BFF;
    font-size: 14px;
    letter-spacing: 0.266px;
    border-radius: 999px;
    border: 1px solid #94C1FF;
    box-sizing: border-box;
}

.xbutton.linear {
    background: linear-gradient(140deg, #6CC7FF -38.96%, #5A33FF 175.13%);
    border: 0;
    color: #FFF;
    box-shadow: 0px 3px 8px rgba(58, 107, 255, 0.33);
}

.xbutton.disabled {
    opacity: 0.4;
    cursor: default;
}

.xbutton.large {
    height: 48px;
    font-size: 16px;
    font-weight: 600;
}

.xbutton.add::before {
    margin-right: 6px;
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/course-ans/template85/image/knowledge/icon-add.png) no-repeat center/ 100% 100%;
}

.wid60 {
    width: 60px;
}

/* 2024.3.13新增 */
.ml20 {
    margin-left: 20px;
}

.xcard_title .xedit.delete::before {
    background-image: url(/course-ans/template85/image/knowledge/icon-delete.png);
}

.xselectRelationBox {
    width: 240px;
    height: 42px;
    padding: 0 32px 0 14px;
    box-sizing: border-box;
    border: 1px solid #D4D6D9;
    background-color: #FFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.xselectRelationBox::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 14px;
    width: 12px;
    height: 12px;
    background: url(/course-ans/template85/image/icon-arrow-down-grey.png) no-repeat;
    background-size: 12px 12px;
}

.xselectRelationBox.active::after {
    background-image: url(/course-ans/template85/image/icon-arrow-up-blue.png);
}

.xselectRelationBox.active ul {
    display: block;
}

.xselectRelationBox p {
    color: #131B26;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xselectRelationBox ul {
    z-index: 9;
    width: 100%;
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    padding: 6px 0;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 2px 12px 0px rgba(0, 37, 89, 0.2);
}

.xselectRelationBox ul li {
    padding: 10px 20px;
    box-sizing: border-box;
    line-height: 20px;
    color: #474C59;
}

.xselectRelationBox ul li:hover {
    color: #3A8BFF;
}

.xselectRelationBox .xempty {
    height: 200px;
    font-size: 13px;
    color: #ACB4BF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xselectRelationBox .xselectContent {
    max-height: 300px;
    overflow: scroll;
    margin-right: 2px;
}

.xselectRelationBox .xselectContent::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.xselectRelationBox .xselectContent::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #DADFE5;
}

.xselectRelationBox .xsearchInput {
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}

.xselectRelationBox .xsearchInput input[type=text] {
    width: 100%;
    height: 36px;
    padding: 5px 38px 5px 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 28px;
    background-color: #F7F8FA;
    color: #474C59;
}

.xselectRelationBox .xsearchInput img {
    position: absolute;
    top: 19px;
    right: 19px;
    width: 18px;
    height: 18px;
}

.xselectRelationBox .xsearchInput input[type=text]::placeholder {
    color: #ACB4BF;
}

.xcard_title .xrelationImg {
    position: relative;
    top: -2px;
    left: 5px;
    vertical-align: middle;
}

.toolTipBox {
    z-index: 9999 !important;
    top: 40% !important;
}