.page_newfooter .footer .beian{padding:20px;text-align:center;color:#fff;background:#012d50;margin-top:30px;width:1200px;margin:auto;box-sizing:border-box}.h_box .text[data-v-50a73ac8]{font-size:14px;color:#666;padding-bottom:15px;display:flex;justify-content:space-between}.h_box .text .imgbox[data-v-50a73ac8]{display:flex;width:100%;margin-top:10px}.h_box .text .imgbox .img[data-v-50a73ac8]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px}.h_box .text .imgbox .img img[data-v-50a73ac8]{width:100%;height:100%}.h_box .text .imgbox .section[data-v-50a73ac8]{flex:1}.h_box .text .imgbox .section .title[data-v-50a73ac8]{width:100%;position:relative;font-size:14px;font-weight:700;margin-bottom:11px;overflow:hidden}.h_box .text .imgbox .section .title .date[data-v-50a73ac8]{position:absolute;right:0}.h_box .text .imgbox .section .content[data-v-50a73ac8]{margin-top:11px}.h_box .text .imgbox .section .huifu[data-v-50a73ac8]{color:#2d64b3;margin-top:12px;cursor:pointer;font-size:12px}.h_box .text .imgbox .section .add-comment[data-v-50a73ac8]{margin-top:10px;display:flex;align-items:center;width:730px}.h_box .text .imgbox .section .add-comment[data-v-50a73ac8] .el-input__inner{height:30px;line-height:30px}.h_box .text .imgbox .section .add-comment .add-comment-btn[data-v-50a73ac8]{width:70px;height:30px;line-height:30px;text-align:center;background:#728bc6;font-size:14px;color:#fff;border-radius:4px;margin-left:20px}.h_box .extendmore[data-v-50a73ac8]{color:#728bc6;font-size:14px;margin-left:50px}.remenbox[data-v-50a73ac8]{background:#fff;border-radius:4px;flex-wrap:wrap;padding:0 20px}.remenbox .comment[data-v-50a73ac8]{display:flex;align-items:centers;height:47px;line-height:47px;border-bottom:1px solid #d8d8d8}.remenbox .comment .count[data-v-50a73ac8]{width:calc(100% - 430px)}.remenbox .comment .add-comment[data-v-50a73ac8]{display:flex;align-items:center;width:430px}.remenbox .comment .add-comment[data-v-50a73ac8] .el-input__inner{height:30px;line-height:30px;width:310px}.remenbox .comment .add-comment .add-comment-btn[data-v-50a73ac8]{width:124px;height:30px;line-height:30px;text-align:center;background:#728bc6;font-size:14px;color:#fff;border-radius:4px}.remenbox .tie1[data-v-50a73ac8]{border-bottom:1px solid #f1f1f1}.remenbox .tie1 .flex[data-v-50a73ac8]{display:flex}.remenbox .tie1 .flex .left[data-v-50a73ac8]{padding:16px 0;margin-right:10px}.remenbox .tie1 .flex .left .img[data-v-50a73ac8]{width:40px;height:40px;border-radius:50%;overflow:hidden}.remenbox .tie1 .flex .left .img img[data-v-50a73ac8]{width:100%;height:100%}.remenbox .tie1 .flex .right[data-v-50a73ac8]{flex:1;margin-bottom:35px}.remenbox .tie1 .flex .right .section[data-v-50a73ac8]{padding-bottom:9px;border-bottom:1px solid #d8d8d8}.remenbox .tie1 .flex .right .section .tie_title1[data-v-50a73ac8]{display:flex;justify-content:flex-end}.remenbox .tie1 .flex .right .section .tie_title1 .tie_icon[data-v-50a73ac8]{width:20px;height:20px;display:inline-block}.remenbox .tie1 .flex .right .section .tie_title1 .title[data-v-50a73ac8]{height:20px;font-size:12px;line-height:20px;color:#999;overflow:hidden;display:flex}.remenbox .tie1 .flex .right .section .tie_title1 .num_box[data-v-50a73ac8]{margin-top:10px;display:flex;font-size:12px;color:#999}.remenbox .tie1 .flex .right .section .tie_title1 .num_box .user_num[data-v-50a73ac8]{margin-right:10px}.remenbox .tie1 .flex .right .section .tie_title1 .date[data-v-50a73ac8]{display:flex;justify-content:space-between}.remenbox .tie1 .flex .right .section .tie_title1 .huifu[data-v-50a73ac8]{color:#2d64b3;margin-top:12px;cursor:pointer;font-size:12px;margin-left:15px}.remenbox .tie1 .flex .right .section .add-comment[data-v-50a73ac8]{margin-top:10px;display:flex;align-items:center;width:100%}.remenbox .tie1 .flex .right .section .add-comment[data-v-50a73ac8] .el-input__inner{height:30px;line-height:30px}.remenbox .tie1 .flex .right .section .add-comment .add-comment-btn[data-v-50a73ac8]{width:70px;height:30px;line-height:30px;text-align:center;background:#728bc6;font-size:14px;color:#fff;border-radius:4px;margin-left:20px}.remenbox .tie[data-v-50a73ac8]{display:flex;margin-top:20px;flex-wrap:wrap}.remenbox .tie .tit_user[data-v-50a73ac8]{width:100%;display:flex;justify-content:space-between}.remenbox .tie .img_box[data-v-50a73ac8]{width:50px;height:30px;margin-right:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABGCAYAAACOjMdmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAyAAAARgD6Q/MsAAABdklEQVRo3u3aQY+CMBCG4W9KC2hJ/P//US8WtJZmugeDsvHgxmzC1Mxz7WXeNISEgVJKZZom5JxRI2stvPeg0+lU2raFtXbrmT6Sc0ZKCYaZq40A7jfCzDBbD/JfNEQaDZFGQ6TREGk0RBoNkUZDpNEQaTREmu8JMcZU+ylozQ7DgHEcEWPcepa3iAjOObRt+3pWStl6vj8rpTw+Jjrn0DQNAGAcx7qeESKiYRhov98jxoiU0vOsphtZY+YSQgAAzPNcb8jier2WaZrqDwGAnHP5ihDgm16IWw+gIRoinIZIoyHS2Hmev2LPbkMI8N6j67qtZ/rI7XZDCOG+Z681AgC6rtM9u0gaIo2GSKMh0miINBoijYZIoyHSaIg0GiKNMcb8WirW6rFnZ+atZ3mLiND3Pbz3r2c1rd6WPTszY7fbwTkHADgej3U9I8ueve97nM9nXC6X51lNN7K27NmbpkGMsa4bWTPG0OFwoOU3jmpvZC3nXH4A32mlTOqzWewAAAAldEVYdGNyZWF0ZS1kYXRlADIwMTQtMDYtMDNUMTY6MDc6NDkrMDg6MDD6py7/AAAAJXRFWHRtb2RpZnktZGF0ZQAyMDE0LTA2LTAzVDE2OjA3OjQ5KzA4OjAwpRZYywAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) no-repeat;text-align:center;display:inline-block;line-height:26px;font-size:12px;color:#333}.remenbox .tie .img_box img[data-v-50a73ac8]{width:60px;height:60px}.remenbox .tie .tie_title[data-v-50a73ac8]{overflow:hidden;word-break:break-all;word-wrap:break-word;width:100%;position:relative}.remenbox .tie .tie_title .title[data-v-50a73ac8]{font-size:14px;font-weight:700;margin-bottom:11px;overflow:hidden}.remenbox .tie .tie_title .title .date[data-v-50a73ac8]{position:absolute;right:0}.remenbox .tie .tie_title .num_box[data-v-50a73ac8]{margin-top:10px;display:flex;font-size:14px;color:#919191}.remenbox .tie .tie_title .num_box .user_num[data-v-50a73ac8]{margin-right:10px}.class_content[data-v-c3b7ceea]{background:#f4f5f7;padding-top:40px}.class_content .content_box[data-v-c3b7ceea]{width:1160px;margin:0 auto}.class_content .content_box .class_top[data-v-c3b7ceea]{margin-top:20px;background-color:#fff;padding:20px;display:flex;align-items:center}.class_content .content_box .class_top .img[data-v-c3b7ceea]{width:380px;height:220px;margin-right:30px}.class_content .content_box .class_top .img img[data-v-c3b7ceea]{width:100%;height:100%}.class_content .content_box .class_top .title[data-v-c3b7ceea]{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:220px}.class_content .content_box .class_top .title .ttitle[data-v-c3b7ceea]{font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:26px}.class_content .content_box .class_top .title .tdesc[data-v-c3b7ceea]{display:flex;align-items:center;width:100%;height:88px;background:#f3f3f3;border-radius:4px;border:1px solid #d8d8d8;font-size:16px}.class_content .content_box .class_top .title .tdesc .m[data-v-c3b7ceea]{width:50%;text-align:center}.class_content .content_box .class_top .title .tdesc .m .num[data-v-c3b7ceea]{font-size:24px}.class_content .content_box .class_top .title .tdesc .m[data-v-c3b7ceea]:first-of-type{border-right:1px solid #d8d8d8}.class_content .content_box .class_top .title .tbtn[data-v-c3b7ceea] .el-button+.el-button{margin:0}.class_content .content_box .class_top .title .tbtn .btnnice[data-v-c3b7ceea]{width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.class_content .content_box .class_top .nav_box[data-v-c3b7ceea]{width:195px;height:155px;margin-left:70px;position:relative}.class_content .content_box .class_top .nav_box .nav1[data-v-c3b7ceea]{position:absolute;left:130px;top:60px;width:65px;height:65px;font-size:12px;color:#fff;line-height:65px;text-align:center;box-shadow:0 2px 12px 0 rgba(0,0,0,.14);color:#409eff;background:#ecf5ff;border-radius:50%}.class_content .content_box .class_top .nav_box .nav2[data-v-c3b7ceea]{position:absolute;left:0;top:0;width:105px;height:105px;line-height:55px;box-shadow:0 2px 12px 0 rgba(0,0,0,.14);background:#fdf6ec;border-radius:50%;position:relative}.class_content .content_box .class_top .nav_box .nav2 .ptitle[data-v-c3b7ceea]{position:absolute;font-size:13px;color:#e6a23c;top:10px;left:10px}.class_content .content_box .class_top .nav_box .nav2 .pnum[data-v-c3b7ceea]{position:absolute;font-size:16px;color:#e6a23c;top:40px;left:40px;width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.class_content .content_box .class_top .nav_box .linebox[data-v-c3b7ceea]{width:195px;height:10px;position:absolute;bottom:0}.class_content .content_box .class_top .nav_box[data-v-c3b7ceea] .el-progress{width:195px!important;height:195px!important}.class_content .content_box .class_top .nav_box .scorestudy[data-v-c3b7ceea]{position:absolute;bottom:-50px;color:#999;right:0;font-size:12px}.class_content .content_box .C_content[data-v-c3b7ceea]{display:flex;justify-content:space-between;padding-top:30px}.class_content .content_box .C_content .c_left[data-v-c3b7ceea]{width:100%;background:#fff;padding:10px;box-sizing:border-box;min-height:500px}.class_content .content_box .C_content .c_right[data-v-c3b7ceea]{width:266px}.class_content .content_box .C_content .c_right .teach_box[data-v-c3b7ceea]{background-color:#fff;padding:15px;box-sizing:border-box}.class_content .content_box .C_content .c_right .tech_person[data-v-c3b7ceea]{background-color:#fff;display:flex;border-top:1px solid #e5e5e5}.class_content .content_box .C_content .c_right .tech_person .left_img[data-v-c3b7ceea]{padding:15px;width:60px;height:60px;border-radius:50%;overflow:hidden}.class_content .content_box .C_content .c_right .tech_person .left_img img[data-v-c3b7ceea]{width:100%;height:100%;border-radius:50%;border:1px solid #ddd}.class_content .content_box .C_content .c_right .tech_person .name[data-v-c3b7ceea]{margin-top:35px}.class_content .content_box .C_content .c_right .popimg[data-v-c3b7ceea]{width:70px;height:70px;border-radius:50%;border:1px solid #ddd}.class_content .content_box .C_content .c_right .student[data-v-c3b7ceea]{margin-top:30px;background-color:#fff;display:flex;flex-wrap:wrap;padding:10px}.class_content .content_box .C_content .c_right .student .img[data-v-c3b7ceea]{width:40px;height:40px;margin:4px}.class_content .content_box .C_content .c_right .student .img img[data-v-c3b7ceea]{border:1px solid #d5d5d5;width:100%;height:100%;border-radius:50%}