@charset "utf-8";
/* CSS Document */

/*统计*/
.fanyaStatistics{ padding:30px; min-height:600px; background:#f2f4f7;}


@font-face{
	font-family:D-DINExp;
	src: url(../../fontFamily/D-DINExp.otf); /* IE9+ */
}

/*tab-header*/
.statistics_head{ height:60px; background:#FFFFFF; border-radius:8px; -webkit-box-shadow:0 2px 17px 0 rgba(237,238,240,0.50); box-shadow:0 2px 17px 0 rgba(237,238,240,0.50);}
.staTabName{ height:60px; padding-left:20px;}
.staTabName li{ width:134px; height:60px; line-height:60px; font-size:16px; color:#646873; text-align:center; float:left; position:relative; cursor:pointer;}
.staTabName li.active{ color:#181E33; font-weight:600;}
.staTabName li.active:after{ content:''; display:block; width:34px; height:4px; background:#3B90FF; border-radius:1.5px; position:absolute; bottom:0; left:50%; margin-left:-17px;}
.key_export{ line-height:60px; margin-right:30px; font-size:14px; color:#91A0B5; font-weight:600;}
.key_export.key_export:before{ content:''; display:inline-block; width:16px; height:16px; margin:0 6px 2px 0; background:url(../../images/course/statistics_icons.png) no-repeat 0 0/16px auto; vertical-align:middle;}
.key_export:hover{ color:#acbfd9}
.key_export:hover:before{ opacity:.7;}


/*基础数据*/
.basicsData{ width:1040px; margin:30px auto 0;}
.basicsData_list{ height:580px; position:relative;}
.basicsData_item{ width:333px; height:180px; color:#FFF; border-radius:8px; position:absolute;}
.basicsData_height{ height:380px;}
.basicsColor_01{ background-color:#67dac1; left:0; top:0;}
.basicsColor_02{ background-color:#fe9f7f; left:353px; top:0;}
.basicsColor_03{ background-color:#fb7293; left:706px; top:0;}
.basicsColor_04{ background-color:#46c8e8; left:0; top:200px;}
.basicsColor_05{ background-color:#3b9aff; left:353px; top:200px;}
.basicsColor_06{ background-color:#d2aaf2; left:706px; top:200px;}
.basicsColor_07{ background-color:#65a4fc; left:0; top:400px;}
.basicsColor_08{ background-color:#9d91f2; left:706px; top:400px;}
.basicsData_name{ line-height:28px; font-size:20px; padding:30px 0 0 30px;}
.basicsData_con{ margin:0 30px;}
.basicsData_numbar{ line-height:48px; font-size:42px; margin-top:42px; font-family:D-DINExp;}/*字体*/
.basicsData_numbar small{ font-size:14px; margin-left:10px; font-family:Microsoft YaHei;}

.basicsData_table{ margin-top:14px; position:absolute; left: 158px; right:30px; bottom:0;}
.basicsData_middle{ height:108px; display:table;}
.basicsData_text{ line-height:20px; font-size:14px; display:table-cell; vertical-align:middle;}
.basicsData_text li{ padding-bottom:7px;}
.basicsData_text .allnum,.basicsData_stick .allnum{ margin:0 5px;}
.basicsPaddingTop{ padding-top:10px;}

.basicsData_height .basicsData_numbar { margin-top: 113px; text-align: center;}
.basicsData_height .basicsData_text { display: block; text-align: center;}

.basicsData_tie{ margin-right:24px; height:48px; overflow:hidden; display:inline-block;}
.basicsData_stick{ display:inline-block; line-height:16px; font-size:14px; font-family:Microsoft YaHei; vertical-align:middle; margin-bottom:18px;}
.basicsData_top{ margin-top:40px;}


/*学情统计*/
.banji_select_height{ height:34px; margin-top:20px;}
.banji_select_box{ width:212px; height:32px; padding:0 13px; background:#FFFFFF; border:solid #E1E1E5 1px; border-radius:4px; position:relative;}
.banji_select_shadow{ -webkit-box-shadow: 0 0 4px 0 #75BAFF; box-shadow: 0 0 4px 0 #75BAFF;}
.banji_select_name{ display:block; line-height:32px; height:32px; font-size:14px; color:#181E33; padding-right:18px; position:relative; }
.banji_select_name:before{ content:''; display:block; width:10px; height:7px; background:url(../../images/course/statistics_icons.png) no-repeat 0 -20px/16px auto; position:absolute; right:0; top:50%; margin-top:-4px;
	-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
	-webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;
}
.banji_select_aceive:before{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.banji_select_name_text{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.banji_select_con{ width:240px; padding-bottom:6px; background:#FFFFFF; border-radius:6px; position:absolute; top:37px; left:50%; margin-left:-120px; z-index:9; -webkit-box-shadow: 0 2px 12px 0 rgba(175,187,204,0.75); box-shadow: 0 2px 12px 0 rgba(175,187,204,0.75);}
.banji_search_display{ padding:11px 0 5px;}
.banji_search{ width:212px; height:36px; background:#F5F7FA; border-radius:36px; margin:0 auto;}
.banji_search_input{ width:154px; height:20px; line-height:20px; padding:8px 14px; font-size:14px; color:#181E33; border:0 none; background:none; caret-color:#3A8BFF;}
.banji_search_bnt{ width:16px; height:16px; margin:10px 14px 0 0; font-size:16px; background:url(../../images/course/search_ico.png) no-repeat;}
.banji_search_bnt:hover{ opacity:.7;}
.banji_list{ margin:6px 2px 0; max-height:256px; overflow:hidden; position:relative;}
.banji_list ul{}
.banji_list li{ padding:10px 18px; line-height:20px; font-size:14px; color:#181E33; cursor:pointer; }
.banji_list li>div{ max-height:40px; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.banji_list li>div em{ color:#3A8BFF;}
.banji_list li:hover{ background:#F7FAFC;}
.banji_list li.active{ color:#3A8BFF;}
.banji_list li em{color:#3A8BFF; font-style:normal;}
.NoSearchResults{ padding:80px 0 164px; line-height:18px; color:#A8A8B3; text-align:center;}

.banji_Filed{ width:44px; height:20px; line-height:20px; margin:0 0 2px 6px; background:#EDF1F5; border-radius:4px; font-size:12px; color:#A3AFBF; text-align:center; display:inline-block; vertical-align:middle;}


.emic_table{ margin-top:20px;}
.emic_list{}
.emic_item{ width:50%; margin-bottom:16px;}
.emic_item_cloud{ width:100%; clear:both; margin-bottom:16px;}
.emic_item.fl .emic_row{ margin-right:8px;}
.emic_item.fr .emic_row{ margin-left:8px;}
.emic_row{ height:320px; background: #FFF; border-radius:8px; -webkit-box-shadow: 0 2px 4px 0 rgba(237,238,240,0.50); box-shadow: 0 2px 4px 0 rgba(237,238,240,0.50);}

.emic_title{ height:22px; line-height:22px; padding:30px;}
.emic_title h2{font-size:16px; color:#181E33; font-weight:600;}
.emic_title h2 small{ font-size:12px; color:#A8A8B3; font-weight:normal; margin-left:10px;}
.emic_title .emic_more{ font-size:14px; color:#91A0B5;}
.emic_title .emic_more:hover{ color:#3A8BFF;}
.emic_title .emic_more:after{ content:''; display:inline-block; width:6px; height:10px; margin:0 0 2px 6px; background:url(../../images/course/statistics_icons.png) no-repeat 0 -50px/16px auto; vertical-align:middle;}
.emic_title .emic_more:hover:after{ background:url(../../images/course/statistics_icons.png) no-repeat 0 -60px/16px auto;}

.emic_con{ width:100%; height:238px; position:relative;}

.emic_text{ padding-left:30px;}
.emic_text dt{ line-height:20px; font-size:14px; color:#646873;}
.emic_text dd{ line-height:40px; margin-top:10px;}
.emic_text dd h3{ line-height:1.2; font-size:36px; color:#181E33; display:inline-block; font-family:D-DINExp;}/*字体*/
.emic_text dd h3 small{ font-size:16px; margin-left:4px;}
.emic_text_ups{ font-size:14px; color:#4FCF5C; margin-left:18px;}
.emic_text_ups:before{ content:''; display:inline-block; width:10px; height:10px; margin:0 6px 2px 0; background:url(../../images/course/statistics_icons.png) no-repeat 0 -30px/16px auto; vertical-align:middle;}
.emic_text_downs{ font-size:14px; color:#ee7b77; margin-left:18px;}
.emic_text_downs:before{ content:''; display:inline-block; width:10px; height:10px; margin:0 6px 2px 0; background:url(../../images/course/statistics_icons.png) no-repeat 0 -40px/16px auto; vertical-align:middle;}

.paddingLf{ padding-left:50px;}

.emic_minMax{ width:50%; height:100px; border-right:solid #F2F2F2 1px; position:absolute; left:0; top:53px;}
.emic_minMax_list{ line-height:32px; color: #181E33;}
.emic_minMax_list li:before{ content:''; display:inline-block; width:8px; height:8px; margin:0 8px 2px 0; background:#3A8DFF; border-radius:2px; vertical-align:middle;}
.emic_minMax_list li+li:before{ background:#FF9F7F;}
.emic_minMax_list li .span_num{ margin-left:20px;}

.emic_access{ width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:6;}

.emic_minMax .emic_text{ padding-top:14px;}
.emic_minMax .emic_minMax_list{ padding-top:18px; margin-left:48%;}
.emic_minMax .emic_minMax_kaoshi{ padding-top:18px; margin-left:40%;}

.emic_minMax_bf40{ width:43%;}
.emic_taskMax{ width:57%; position:absolute; left:43%; top:56px}
.emic_taskMax .emic_text{ padding-top:14px;}

.emic_discuss_text{ width:100%; font-size:14px; color: #737B86; text-align:center; position:absolute; top:160px;}
.emic_discuss_text .emic_text_ups,.emic_discuss_text .emic_text_downs{ margin:0 16px 0 0;}

.emic_minMax_Early{ width:30%; border:0;}


.emic_brokenLine{ width:100%; height:238px;}
.ech_task{ width:50%; height:238px; margin-left:50%; position:relative;}
.ech_zuoye{ width:72%; height:238px; margin-left:28%; margin-top:-50px;}
.emic_discuss{ width:100%; height:238px;}
/*.ech_Early{ width:100%; height:238px;}*/ 
.ech_Early{ width:600px; height:238px; margin:0 auto;} 
.ech_rage{ width:60%; height:180px; position:absolute; left:40%; top:50%; margin-top:-90px;}

.noTimeData{ width:100%; line-height:208px; font-size:14px; color:#A8A8B3; text-align:center;}


.brokenLine{ padding-top:100px; margin:0 5%;}/*height:238px;*/
.brokenLine_bg{ height:108px; background:url(../../images/statistics/brokenLine_bg.png) no-repeat center/100% 108px; position:relative;}

.brokenLine_average{ width:100%;  position:absolute; top:50%; cursor:pointer; z-index:6;}
.brokenLine_line{ height:0px; border-top:1px dashed #75D3EB;}
.brokenLine_line:hover{ border-bottom:1px dashed #75D3EB;}
.average_center{ width:100%; text-align:center; position:absolute; top:-46px; display:none;}
.average_text{ height:40px; line-height:40px; padding:0 16px; font-size:12px; color:#fff; background:rgba(24,30,51,0.80); border-radius:4px; display:inline-block;}
.average_text .num{ margin-left:20px;}
.average_text:before{ content:''; display:inline-block; width:8px; height:8px; background:#75D3EB; border-radius:0.75px; vertical-align:middle; margin:0 8px 2px 0;}
.average_arrow{ display:block; width:0; height:0; margin:0 auto; border-style:solid; border-width:3px 5px; border-color:rgba(24,30,51,0.80) transparent transparent transparent;}
.brokenLine_line:hover+.average_center{ display:block;}

.brokenLine_max{ position:absolute; right:16%; top:-60px; z-index:9;}
.brokenLine_min{ position:absolute; left:16%; top:32px; z-index:9;}

.max_color{ background:#3A8BFF;}
.min_color{ background:#FF9F7F;}

.brokenLine_max:after,.brokenLine_min:after{ content:''; display:block; width:9px; height:9px; position:absolute; bottom:-12px;; left:50%; margin-left:-4.5px;}
.brokenLine_max:after{ background:url(../../images/statistics/blueCircle.svg);}
.brokenLine_min:after{ background:url(../../images/statistics/orangeCircle.svg);}

.brokenLine_pic{ padding:10px 16px; border-radius:6px;}
.brokenLine_pic dt{ width:32px; height:32px; border:solid #FFF 1px; margin-right:12px; border-radius:50%; overflow:hidden; display:block; float:left;}
.brokenLine_pic dt img{ width:100%; height:100%; border-radius:50%; display:block;}
.brokenLine_pic dd{ margin-left:46px; line-height:17px; font-size:12px; color:#FFF;}

.brokenLine_dashed{ width:100%; height:0; border-top: 1px dashed rgba(39,125,255,0.10); position:absolute;z-index:6;}
.brokenLine_04{ bottom:99%;}
.brokenLine_03{ bottom:66%}
.brokenLine_02{ bottom:33%;}
.brokenLine_01{ bottom:0;}

.brokenLine_legend{ font-size:12px; color:#A8A8B3; position:absolute; top:-100px; right:0;}
.brokenLine_legend:before{ content:''; display:inline-block; width:20px; height:0; border:dashed #75D3EB 1px; vertical-align:middle; margin:0 5px 2px 0;}



.WordCloud_tab{ height:20px; line-height:22px;}
.WordCloud_tab li{ font-size:16px; color:#A8A8B3; margin-right:41px; position:relative; float:left; cursor:pointer;}
.WordCloud_tab li.active{color:#181E33; font-weight:600;}
.WordCloud_tab li .WordCloud_line{ width:1px; height:16px; background:#F2F2F2; display:block; position:absolute; left:-20px; top:50%; margin-top:-8px;}

.WordCloud_con{ width:100%; height:268px; overflow:hidden; margin:0 auto;}
.WordCloud_content{ width:100%; height:268px;}

/*词云*/
.WordCloud_content span{font-size:14px;line-height:1;padding:2px 0;color:#A2D7F0;display:inline-block;white-space:nowrap;}
.WordCloud_content span.w6{color:#FB7293; font-size:48px;}
.WordCloud_content span.w5{color:#F68376; font-size:32px;}
.WordCloud_content span.w4{color:#9FE6B8; font-size:26px;}
.WordCloud_content span.w3{color:#9cc6ff; font-size:20px;}
.WordCloud_content span.w2{color:#FFDB5C; font-size:16px;}
.WordCloud_content span.w1{color:#A2D7F0; font-size:12px;}



/*兼容*/

@media only screen and (max-width: 1680px) {
	.fanyaStatistics{ max-width:1440px;}
	.emic_item{ width:100%;}
	.emic_item.fl .emic_row{ margin-right:0px;}
	.emic_item.fr .emic_row{ margin-left:0px;}
	.emic_item.fl{ float:none;}
	.emic_item.fr{ float:none;}
	.ech_task{ width:400px; height:238px; margin-left:50%; position:relative;} /*知识点*/
	.ech_zuoye{ width:300px; height:238px; margin-left:160px; margin-top:-50px;}
	.emic_discuss{ width:100%; height:238px;}
	.ech_Early{ width:600px; height:238px; margin:0 auto;} 
	.ech_rage{ width:180px; height:180px; position:absolute; left:180px; top:50%; margin-top:-90px;}
	.emic_minMax .emic_minMax_list{ padding-top:18px; margin-left:180px;}
	.emic_minMax .emic_minMax_kaoshi{ padding-top:18px; margin-left:180px;}
	.brokenLine_max{ right:18%;}
	.brokenLine_min{ left:18%;}
	.emic_minMax_bf40{ width:50%;}
	.emic_taskMax{ width:50%; position:absolute; left:50%; top:56px}
}

@media only screen and (max-width: 1440px) {
	.brokenLine_max{ right:17%;}
	.brokenLine_min{ left:17%;}
}

@media only screen and (max-width: 1280px) {
	.fanyaStatistics{ min-width:1040px;}
}