.header[data-v-19421682]{width:100%;height:370px;overflow:hidden}.header .info[data-v-19421682]{width:100%;height:132px;background:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:45px}.header .info .name[data-v-19421682]{font-size:38px;color:#fff;text-shadow:0 3px 3px #333}.content[data-v-19421682]{margin-top:-80px}.wrapper[data-v-19421682]{width:1200px;margin:0 auto}.wrapper .detail-card[data-v-19421682]{border-radius:18px;background:#fff;-webkit-box-shadow:0 3px 17px rgba(0,0,0,.2);box-shadow:0 3px 17px rgba(0,0,0,.2);margin-bottom:28px;padding:15px 22px 20px}.top-bar[data-v-19421682]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #dcdee2;padding-bottom:10px}.go-back[data-v-19421682],.top-bar[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.go-back[data-v-19421682]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin-right:20px}.go-back[data-v-19421682]:hover{color:#9b8de5}.detail-wrapper[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:20px}.experiment-info[data-v-19421682],.experiment-video[data-v-19421682]{-webkit-box-flex:1;-ms-flex:1;flex:1}.experiment-info[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.experiment-video[data-v-19421682]{margin-left:40px}.experiment-info .item[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:10px}.experiment-info .label[data-v-19421682]{font-size:14px;color:#333}.experiment-info .value[data-v-19421682]{font-size:14px;color:#666;-webkit-box-flex:1;-ms-flex:1;flex:1}.experiment-info .intro[data-v-19421682]{margin-bottom:30px;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.experiment-info .intro .label[data-v-19421682]{margin-bottom:8px;float:left}.experiment-info .intro .value[data-v-19421682]{float:left}.experiment-info .tips[data-v-19421682]{font-size:14px;color:red}.experiment-info .button-wrapper[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:30px}.button[data-v-19421682]{width:150px;height:42px;line-height:42px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(#5b61d8),to(#a8abfa));background:linear-gradient(0,#5b61d8,#a8abfa);border-radius:4px;font-size:16px;color:#fff;cursor:pointer}.button.primary[data-v-19421682]{background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(#8a5bd8),to(#c0a7fa));background:linear-gradient(0,#8a5bd8,#c0a7fa)}.button[data-v-19421682]:hover{opacity:.8}.experiment-video .button-wrapper[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.experiment-video .button-wrapper .button[data-v-19421682]{width:198px;margin-right:15px}.filter-bar[data-v-19421682]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filter-bar .left[data-v-19421682],.filter-bar[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-bar .button[data-v-19421682]{width:auto;min-width:80px;height:32px;line-height:32px;font-size:14px;padding:0 16px}.date-picker[data-v-19421682],.select[data-v-19421682]{margin-right:16px}.data-list[data-v-19421682]{margin-top:60px}.data-list .data-wrapper[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none}.data-list .data-wrapper li[data-v-19421682]{width:163px;height:184px;border-bottom:3px solid #9a8aeb;list-style:none;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);margin-left:59px;padding:0 10px}.data-list .data-wrapper li[data-v-19421682]:first-child{margin-left:0}.data-list .data-wrapper li .icon[data-v-19421682]{display:block;width:60px;height:60px;margin:-15px auto 0}.data-list .data-wrapper li .label[data-v-19421682]{font-size:16px;color:#666;margin-top:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.data-list .data-wrapper li .value[data-v-19421682]{font-size:22px;font-weight:700;color:#f99898;margin-top:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.charts-wrapper[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:40px}.charts[data-v-19421682]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e6e6e6;border-radius:2px;padding:14px}.charts-wrapper .charts[data-v-19421682]:last-child{margin-left:10px}.charts .title-wrapper .title[data-v-19421682]{font-size:16px;color:#333;display:inline-block}.charts .title-wrapper .line[data-v-19421682]{height:2px;background:#98a3f9;margin-right:8px}.charts .title-wrapper .en[data-v-19421682]{font-size:12px;color:#666}.charts .title-bar[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.charts .title-bar .info[data-v-19421682]{padding-top:5px;font-size:14px;color:#8793f0}.charts-wrapper2[data-v-19421682]{margin-top:30px}.table-title[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.table-title[data-v-19421682]:after,.table-title[data-v-19421682]:before{-webkit-box-flex:1;-ms-flex:1;flex:1;content:"";height:1px;background:#ddd}.table-title .title[data-v-19421682]{margin:0 4px;font-size:20px;color:#333}.table-title .title[data-v-19421682]:after{display:block;content:"";height:2px;background:#98a3f9;margin:-3px 14px 0}.footer[data-v-19421682]{height:46px;line-height:46px;background:#323039;color:#999}.footer-wrapper[data-v-19421682]{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.table[data-v-19421682]{margin-top:16px;padding-bottom:10px}.table table[data-v-19421682]{width:100%}.table th[data-v-19421682]{background:#8793f0;text-align:left;padding-left:40px;font-size:20px;color:#fff;height:40px}.table td[data-v-19421682]{padding-left:40px;padding-top:20px;font-size:14px;color:#666}.student-info[data-v-19421682]{margin-bottom:30px}#score-charts[data-v-19421682],#usage-charts[data-v-19421682]{height:420px}#login-charts[data-v-19421682]{height:470px}.video-box[data-v-19421682]{margin-top:10px}.link[data-v-19421682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#9b8de5}.link[data-v-19421682]:hover{color:#baa8f4}