@font-face { /* font-properties */ font-family: 'DINCondensedBold'; src: url("../font/pinghei.ttf"); }

div { margin: 0; }

.recommended-reasons { width: 937px; margin-left: 10px; margin-top: 20px; line-height: 26px; font-size: 14px; color: #777777; padding-bottom: 30px; border-bottom: 1px solid #e8e8e9; margin-bottom: 30px; }
.recommended-reasons  pre{ font-family: "Arial","Hiragino Sans GB",΢���ź�,"Helvetica","sans-serif";}
.questionanswer-num-p-top { height: 24px; }

.questionanswer-num-p-top .qnp-title { float: left; }

.questionanswer-num-p-top .notes { float: left; font-size: 14px; color: #777777; }

.questionanswer-num-p-top .see-more { width: 108px; height: 30px; border: 1px solid #40b3ff; color: #40b3ff; text-align: center; line-height: 32px; float: left; font-size: 14px; border-radius: 15px; cursor: pointer;    position: relative;
    top: -4px;margin: 0 3px 0 10px; }

.chart-box { width: 100%; height: 310px; border: 1px solid #E8E8E9; margin-top: 15px; padding: 20px 0; margin-bottom: 30px; }

.chart-box .chart-title { height: 26px; font-size: 16px; color: #3D4059; line-height: 26px; text-indent: 26px; }

.chart-box .chart-course, .chart-box .chart-school,.chart-box .chart-course-h { width: 100%; height: 280px; }

.chart-box .chart-post-fre { width: 100%; height: 340px; display: none; }

.chart-box .chart-post-fre-active { display: block; }

.chart-box .chart-exam { height: 260px; }

.chart-box .chart-title-chapter { width: 60%; height: 26px; font-size: 16px; color: #3D4059; line-height: 26px; text-indent: 26px;  }
.chart-box .chart-title-type { width: 40%; height: 26px; font-size: 16px; color: #3D4059; line-height: 26px; text-indent: 26px; float: right;}
.chart-box .chart-resource-chapter { width: 60%; height: 280px; }
.chart-box .chart-resource-type { width: 40%; height: 280px; float: right; }

.chart-box-post { height: 430px; padding-top: 0; }

.chart-box-post .chart-title { width: 100%; height: 50px; border-bottom: 1px solid #EBEBEC; margin-bottom: 30px; }

.chart-box-post .chart-title .title-cart { cursor: pointer; text-indent: 0; padding: 0 24px; line-height: 50px; height: 50px; background: #fff; float: left; color: #777777; }

.chart-box-post .chart-title .title-cart1 { border-left: 0 !important; }

.chart-box-post .chart-title .title-cart-active { border-top: 2px solid #26A9FF; border-right: 1px solid #EBEBEC; border-left: 1px solid #EBEBEC; color: #3D4059; }

.chart-box-exam { height: 300px; }

.highcharts-credits, .highcharts-yaxis-labels { display: none; }

.data-box { width: 100%; height: 260px; }

.data-box .box-top, .data-box .box-bot { width: 100%; height: 130px; border-bottom: 1px dashed #deeafb; }

.data-box .box-bot { border-bottom: 0; }
.data-box .box-bot .box-cart1:nth-child(4),.data-box .box-bot .box-cart1:nth-child(5){width: 24%;}

.data-box .box-cart { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 20%; float: left; height: 88px; margin-top: 20px; border-right: 1px dashed #deeafb; color: #777777; text-align: center; }

.data-box .box-cart .word { font-size: 14px; line-height: 26px; margin-top: 10px; }

.data-box .box-cart .num { margin-top: 20px; }

.data-box .box-cart .num .num-number { font-size: 40px; color: #3D4059; font-family: 'DINCondensedBold'; }

.data-box .box-cart1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 16%; float: left; height: 88px; margin-top: 20px; border-right: 1px dashed #deeafb; color: #777777; text-align: center; }

.data-box .box-cart1 .word { font-size: 14px; line-height: 26px; margin-top: 10px; }

.data-box .box-cart1 .num { margin-top: 20px; }

.data-box .box-cart1 .num .num-number { font-size: 40px; color: #3D4059; font-family: 'DINCondensedBold'; }

.data-box .brn { border-right: 0; }

.run-data-infor {display: none;width: 910px;height: 390px;margin: 0px auto 0;position: relative;}

.run-data-infor #contenter { width: 100%; height: 100%; position: relative; border: 1px solid #f3f3f3; }

.run-data-infor #contenter .con-left {width: 280px;float: left;height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #f3f3f3;}

.run-data-infor #contenter .con-left .title { width: 100%; height: 50px; line-height: 50px; background: #f3f3f3; font-size: 14px; color: #3D4059; }

.run-data-infor #contenter .con-left .title .col1 { width: 168px; text-indent: 14px; float: left; }

.run-data-infor #contenter .con-left .title .col2 {width: 110px;float: left;text-align: center;}

.run-data-infor #contenter #theadDiv {height: 50px;width: 630px;overflow: hidden;background: #f3f3f3;}

.run-data-infor #contenter #theadDiv .scroll-box { /*width: 1080px; height: 70px; overflow-x: scroll;*/ }

.run-data-infor #contenter #theadDiv .scroll-box div span { width: 90px; text-align: center; line-height: 50px; display: block; float: left; display: block;font-size: 14px;color: #3D4059}

.run-data-infor #contenter #theadDiv table { width: 1040px; padding-right: 15px; }

.run-data-infor #contenter #theadDiv table tr { height: 50px; background: #f3f3f3; }

.run-data-infor #contenter .divScroll {width: 100%;height: 360px;position: absolute;top: 50px;left: 0;overflow-x: auto;overflow-y: hidden;position:relative\9;top: 0px\9;}

.run-data-infor #contenter .divScroll .scroll-left {width: 280px;height: 100%;float: left;overflow: hidden;overflow:auto\9;}

.run-data-infor #contenter .divScroll .scroll-left .scroll-left-box { width: 280px; height: 100%; overflow-y: scroll; }

.run-data-infor #contenter .divScroll .scroll-left .scroll-cen {width: 260px;padding-bottom: 15px;}

.run-data-infor #contenter .divScroll .scroll-left .body { width: 100%; height: 50px; line-height: 50px; background: #ffffff; font-size: 14px; color: #3D4059; }

.run-data-infor #contenter .divScroll .scroll-left .body .col1 { width: 169px; text-indent: 14px; float: left; position:relative; }

.run-data-infor #contenter .divScroll .scroll-left .body .col2 {width: 90px;float: left;text-align: center;}

.run-data-infor #contenter .divScroll .scroll-left .body-n { background: #fafdff; }

.run-data-infor #contenter .divScroll #tbodyDiv {position: absolute;top: 0;right: 0;width: 100%;height: 360px;}

.run-data-infor #contenter .divScroll #tbodyDiv .cen {width: 630px;width: 74%\9;height: 100%;margin: 0;float: left;width: 73%\9;overflow-x:auto\9;}
.overflow1{overflow-x: auto;}

.run-data-infor #contenter .divScroll #tbodyDiv .cen .cen-data { height: auto; float: left; width: 90px!important;}


.run-data-infor #contenter .divScroll #tbodyDiv .cen .cen-data .list { width: 90px; height: auto; }

.run-data-infor #contenter .divScroll #tbodyDiv .cen .cen-data .list span { display: block; width: 90px; height: 50px; text-align: center; line-height: 50px; color: #3D4059;font-size:14px; }

.run-data-infor #contenter .divScroll #tbodyDiv .cen .cen-data .list .tr-n { background: #fafdff; }

.run-data-infor #contenter .divScroll #tbodyDiv table { width: 1040px; }

.run-data-infor #contenter .divScroll #tbodyDiv table tr { background: #fff; height: 50px; }

.run-data-infor #contenter .divScroll #tbodyDiv table tr td { width: 80px; text-align: center; line-height: 50px; display: block; float: left; }

.run-data-infor #contenter .divScroll #tbodyDiv table .tr-n { background: #fafdff; }

.chart-color { width: 210px; height: 20px; padding-left: 30px; text-indent: 0; }

.chart-color .color-icon { float: left; width: 8px; height: 8px; border-radius: 50%; margin-right: 9px; margin-top: 6px; }

.chart-color .color-infor { float: left; margin-right: 19px; line-height: 20px; color: #3D4059; font-size: 12px; }

.chart-color .color-blue { background: #AAD9FF; }

.chart-color .color-pink { background: #FFA38D; }

.chart-color .color-green { background: #6EF5E0; }

.chart-color .color-red { background: #FC784B; }

.chart-color-right { float: right; width: 360px; height: 26px; }

.chart-color-right .color-icon { margin-top: 9px; }

.chart-color-right .color-infor { line-height: 26px; }
.layui-layer-setwin{top:26px !important;}
.box-cart .word em{ background: url(//image.zhihuishu.com/zhs/able-commons/demo/201808/f277eb4c8fe14674a2263c61a2b4ca5e.png
) no-repeat; width:17px; height:18px; display:inline-block; cursor: pointer;position: relative;top: 5px;
    left: 5px;}
.box-cart .word em:hover{ background-position: 0 -23px;}
.runingdata{ border-radius: 12px!important;font-size:16px\9; color:#666\9; line-height: 40px\9;}
.runingdata .layui-layer-setwin{ top:5px\9!important;}
.runingdata .layui-layer-title{
    border-radius: 12px!important;
    border: 0;
}
.run-data-infor #contenter .divScroll .scroll-left .body .col2 .bluecolor-span{ color:#26A9FF; cursor: pointer;}
.run-data-infor #contenter .divScroll .scroll-left .body .col2 em{cursor: pointer; background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201907/2b4a790a579d465ba1c2574d98fdcde0.png) no-repeat; margin-left: 3px; width: 11px; height: 8px; display: inline-block; }
.run-data-infor #contenter .divScroll #tbodyDiv .cen .cen-data .list .bluecolor-span{ color:#26A9FF; cursor: pointer;}
.selectschhool-div{ cursor: pointer;}
.ElectiveSchool-div .backbtndiv{ background: #f3f3f3; width: 100%; height: 50px;}
.ElectiveSchool-div {width: 957px;position: relative;left: -23px;top: -26px;}
.ElectiveSchool-div .bluecolor{ color:#26A9FF;}
.school-div label{ font-size: 14px;color: #3D4059; line-height: 50px;}
.ElectiveSchool-div .school-div{ font-size: 14px; margin-left: 40px;}
.backbtndiv .backbtn{ margin-right: 33px; cursor: pointer;}
.backbtndiv .backbtn span{ font-size: 14px;color: #777777; line-height: 50px;}
.backbtndiv .backbtn em{ background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201907/84c6164f714a49eab9d79a4f43954502.png) no-repeat; width: 20px; height: 20px; display: inline-block;margin: 16px 3px 0 0;}
.ElectiveSchool-div .schooldiv{ font-size: 14px;
    color: #777777; width: 836px; margin: 20px auto 10px; line-height: 20px; height: 300px; overflow-y: auto;
    text-align: left;
}
.selectionCourseclassification-div{
    padding:10px 30px;
}
.selectionCourseclassification-div ul li{
    float: left;
    width: 130px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}
.selectionCourseclassification-div ul .active{
    color:#26A9FF;
}
.selectionCourseclassification-div ul .active>em{
    width: 40px;
    height: 5px;
    background: #26A9FF;
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 50%;
    margin-left: -20px;
}
.schooldiv{
    display: none;
}
.selectionCourseclassification-div ul .active .schooldiv{
    display: block;
}
.ml110{
    margin-left: -110px !important;
}
.schooldiv-center{
    text-align: center !important;
    line-height: 200px !important;
}
.select-running-data{
    height: 24px;
    border: 1px solid #ececec;
    border-radius: 5px;
    margin-bottom: 1px;
    margin-top: 0px;
}
.view-aided-course {
    color: #3D84FF;
    font-size: 14px;
    cursor:pointer;
    margin-left:45px;
}
.aiInteract{
    width:100%;
    border-radius: 20px;
    border: 2px solid #FFF;
    background: rgba(241, 244, 255, 0.75);
    box-shadow: 0px 0px 50px 0px rgba(141, 151, 221, 0.25);
    backdrop-filter: blur(40px);
    padding:38px 20px;
    box-sizing:border-box;
}
.aiInteract .interact-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color:#333;
    margin-bottom: 24px;
}
.aiInteract .interact-text span{
    color: #4F5260;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-left:5px;
    display:inline-block;
}
.aiInteract .interact-content{
    width:100%;
    border-radius: 15.093px;
    background: #DBD3FF;
    padding:20px;
    box-sizing:border-box;
    display:flex;
    padding-top:5px;

}
.aiInteract .interact-content img{
    width:108px;
    height:auto;
}
.aiInteract .interact-content .content-left{
    position:relative;
    margin-right: 30px;
}
.aiInteract .interact-content .content-left p{
    text-align:center;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: linear-gradient(90deg, #9074FE 0%, #E176FC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position:relative;
    bottom: 18px;
    left: 17px;
    position: absolute;
}
.aiInteract .interact-content .content-right{
    flex:1;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.71);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 33.73%, rgba(255, 255, 255, 0.42) 100%);
    margin-top: 18px;
    display: flex;
    justify-content: space-around;
}
.aiInteract .interact-content .content-right .text-box .number{
    color:#333;
    text-align: center;
    font-family: "DIN Alternate";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom:12px;
}
.aiInteract .interact-content .content-right .text-box  .text{
    color: #7F889A;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
    padding-bottom:24px;
}
.aiInteract .interact-content .content-right .text-box{
    padding-top:26px;
}
<a href="http://www.baidu.com/">°Ù¶È</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>