@charset "utf-8";
/* 
 * 前端：肖玉航 
 * 产品：张璟 
 * 时间：2023.9.13 
 */
/*.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_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;}}
/* 知识图谱 */
.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:30px;bottom:60px;width:400px;height:163px;padding:97px 0 0 30px;box-sizing:border-box;background-image:url(/course-ans/template85/image/bg-atlas-info.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;}
.xframeBox_countInfo_item .xdesc{margin-top:2px;font-size:13px;line-height:18px;}
.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;}