.student-replay-page{min-height:100vh;background-color:#282b31}.student-replay-page .header{position:relative;height:30px;line-height:30px;text-align:center;color:#fff;padding:0 15px;background-color:#2f2f35;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}.student-replay-page .header .left{float:left}.student-replay-page .header .right{float:right}.student-replay-page .player-wrap{width:100%;height:calc(100vh - 30px)}.vc-board{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#2e3137;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vc-board .board-wrap{width:1280px;height:720px;margin:20px;background-color:#fff;-webkit-box-shadow:0 0 5px #fff;box-shadow:0 0 5px #fff}.vc-board .paint_box{width:100%;height:100%}.vc-board .paint_box.isDisabled canvas{cursor:not-allowed!important}.vc-live-message-mp ul{padding:0;margin:0;font-size:12px;overflow-y:auto;height:calc(100vh - 60px)}.vc-live-message-mp ul li{list-style:none;padding:0;margin:0 0 5px 0}.vc-live-message-mp ul li div{display:inline-block;border-radius:6px;background-color:rgba(0,0,0,.5);color:#fff;padding:3px 5px}.vc-live-message-mp ul li span{color:#ccc;margin-right:5px}.vc-live-message-mp ul li span.red{color:red}.vc-live-message-mp ul li span.blue{color:#00f}.cv-student-selfVideo-mp .video{display:block;margin:0 auto;width:224px;height:150px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAACMCAYAAACknO9sAAALlUlEQVR4nO2dXWsUPxuH4wsqvlu1okKLRUV6IPgNn+/mQQ8860ERwaKl2tpWrFpR8e3Pb2p8ht3M7CSTzGRmrwuWld3tbnbNNXm7c+eEMeaPAYDRcJL/SoBxgdQAIwOpAUYGUgOMDKQGGBlIDTAykBpgZCA1wMhAaoCRgdQAIwOpZ3DhwoX6FwBkxmn+Q9xcv37dPHz40Jw+fdr8/PnTbG5umnfv3jlfC5ATbOhwcOvWrULoSV68eIHYkD10vyeoElrocT0PkDNIXcJ2uetAbMgdpC6xsrIy9ZgLxIacQeoS586dm3qsCsSGXEHqEt++fZt6rA7EhhxB6hIbGxvF8pUPiA25gdQlvnz5YtbX1xEbBg1ST4DYMHQIPqlA4aGPHz8uIsp86DpA5cqVK8X91atXp56bRHMGun3//t17/gCGA1LXkJvYKo/k1f3Fixdbx6V//PixuB0dHRX3vr0TyBOknkHfYuvz1a1XYIzPklsI79+//3dD8OGC1A3oWmzJK5EXFxeTi1yFxFbZdQ/DAqkb0oXYEnhpaSmrCTeNvbe2ttjIMiCQ2oNUYuco8yTIPRxOGWP+N+8/QlN+/PhhPnz4YG7evGlOnmy+GqjxsGactVzmQs8vLy87nskHXchUTk3UaWJNvwXkCVJ7kkJsPabn9JrcUa/i9u3bheSfP382v3//zr7M8wZSBzDvYovLly+bhYUF8+nTJ1rtzEDqQBDbmDNnzhTfX7+F6/tAPyB1CxDbFN/brqGz/JUHSN0SxD5GEW4SW5FpjLP7BakjgNjHSGyNs/f39xG7R5A6Eoh9jMbZiN0vSB0RxD5GYp8/f74QG7oHqSOD2MdIaibP+gGpE4DYx2iMXfV9IB1InQjEPkZlVWtNgEp3IHVCEPuYa9eumb29PSbOOgKpI6FYaFelRezj30bfXb8DpIetl5HQlkxtT9Q2Sxcptm3ac78kuXZOSfTDw8Op12nCSjflM1M5fMsQCyV0VHAKpAWpI1A+VE8Cdil2CDZFkm5dCq6L3rNnz6Yeh7jQ/Y7A6urqPzlsuKRrKSfVfmxfbDm2t7eL9+2q9dZnMBueHqRuiZIbTI5thyC2Re/39u1bc+LEiUJunzKFoCHA7u6uc/4B4oDULVDL8+jRI6cIQxLb/E0XfHBwUGQ2UURYKvR9//z5w9g6IUjdAkmpWxVDE1tpgXd2dooyq+ypOHv2bNE7gDQgdQvKY+kqhia2+Zse+NevX8X6cgoYW6cFqQPR2PDu3buN/niIYiv/mMbZ9lif2EhsMpOmAakD0QSZTxe1L7ElpeQMOXFD495UXXG9r6LMOAkkPkgdiNalfWeK+xBbE19aG1evQjunJJFe3xSV9caNG0kmz1QO9QggLkgdgEQKTbzftdg2pFTvqc9WuX1zdytjqNICx0YXCk3MQVyQOgBVcKXIDaUvse16us3drW55k6UllSnF+FpSaxacNeu4IHUA9+/fbx2B1bfY5u94u6oMrr/XhSB2cMrXr1+d5YVwkNoTyXzv3r0o75WD2HVlKKPW9NSpU9Fba8WDs3srLkjtyaVLl6IeZFeXHaRLsbUuPWvSKkVrregylrbikjbQd4Rokik2deNaiaQti75LP5qdr7r4uHaS6dTNWWdhqwyxc46lWgefZ5DaE216iImkVRe0ji7E1rBCYs8iRSLB2L/pvIPUnsTeouhKauCiC7H1ulmtdV2vIpS+kjaMFaT2JHar4iNJF2LPSpGkz3aN1duQcvPIPILUnsRuVXwFSS12k7xnClyJCS11XJC6Z2aNp12kFLtJT8QnzBS6B6kzp0qyVGJvbm5OPQ7DAql7pEnXW5spbFLDSVKJPYvY3W+IC1L3iCK0mlDOVjpJCrFnwRg4b5C6R2YtH5XJSWyfckP3IHXmlEXNrcWGPEHqnqmaCLNMBqfkIDYRYHmD1J6ELEHVMSvwwhVG2rfYsaWO/ZvOO0jtSew12iYbGpTLa5K+xLbncsUEqeOC1J7EroBNpH7z5o1T0D7Ebjpj7wPBLHFhP7UnaqVi5sPW8tCsQ9mVoED7jl2fW5fkIMV+bL1nzGN0ddF59erV1OMQDlJ7IjnqWrLQ93RJWUYJDLSX29X1zSGDSij6XiRJiAvdb09SbD1seqTsxsaGUzLTQ1fclWghBM7Uig8tdQAp8mCrFZ2Vq0vd8P39fbOwsOD8/CG22JovUPJBiAdSByChYqfhUcrhWWNrUxJbYrrSFA9N7OfPn089Bu1A6gDUjU2R3F4naDQZX0psyWmPxZkcZw9FbJVPFyiIC1IHIDGajoN9kIhNE+ybv0tBughIDjtDbgUfgtjb29vO94J2nFCWVn5Df1ZWVhqfeumLJqDazggr6kuS1U2O6TU6Z8v34lRXvroJu0nW1tZqywdh0FIHosmdVFJrvK6WtOlZVy70t7OOs+mzxdZFga53GpA6ELUwVevGbZFgEk0XjtQzw32JrQwrRJKlAalbILElQwqs2E1OzmhL12LrOaLI0oHULVArmmLCrIxCQzXpJelSng7ZpdgS2vV6iANSt0Qtqas1iomWurSEptntlK12F2JrQ0yMSDSoBqlbokqbamxdRpKp1VbPQBcSiZKi5U4ttkJdGUunBakjoNanKkY6NurqSw613GrBTcOZbouWsRYXF82DBw+KEzy7XMfW+jux3ulhnToSKdetm2AzpLiE0h5ojcsl9OT4v25jRop1bEgPUkdCFf/JkyeDzLSJ2OOC7nck1P1VKznEzJxdh5RCWpA6IqrEit0e4kHqiD0ekDoymgiSIHYSa0gg9jhA6gSo8lclMsgdxB4+SJ0Am8hAy04+lT8XEHvYIHUibCID38qfC4g9XJA6IaGVPxcQe5ggdWJU+Xd3dxljl0DstCB1B9gxthIFDjE4BbGHBVJ3hMRWhJUis1xZQHMHsYcDUneMzQKqCj20cTZiDwOkTogEcCXWUyXWOFsBKkMLUpHY6m24Dh5A7DxA6kQoo6ZuVSl/7ThbzymsNGX2lJjoRI2tra3KrZ6I3T/s0krA5BlUdbugLHr90tJSthNp+g6SuelRvuzu6g+kjkzVoXJqgZT1Y5YUucntK3MZxO4HpI6EKu7q6mrtDi2NryWIurCz0PtIcHVLu+6a6wIkqXRzzQmU0cVH5Xz9+vXUcwaxewGpI6AKq4qrCtwESfPy5UvnWHsSm75IkqcUXGXSrPbBwUGjca3KoUwv6lWYGUMMxO4WpG6Jr9BlJLVaOJ+8XfocJTrUvVrJup5BFepKa1JKn3t0dFTcNz3+xsp8586dKUkROw+QugWqqOpytx3/Sip1yV3rv01pIrdEDhkbm1I32yVzGcTuH6QOJLSC1iHhJLYqcA5LO7brL5l9egSI3S9IHUAKoSeR4GrBJblP9zjGd1P33o7jQ0Hs/kDqAFQhu85DppZb419736YrbbFBL4oS079dKYTbgNj9gNQBqCJqPTr1cTtNsJNeZuLfk5QvQl1ekBC7e5C6BcvLy/+WdKAaxO4WYr9bYMe82ko5xAQIXcHurm5B6paoUu7s7BQVTN3aIaYt6gL9PlXH8SJ2XOh+R6QuMGNe8QmwoSseB6ROgCqlDdQYYvqiGNjYcd9TLkPE1nLf2tra1OPzClInxgZv5DBTnhrNvu/t7RUyt1luCxH76dOnU4/NK0jdEbb1bhvUkRs2SCakVa7DR2x97vr6+tTj8wpS90BXO69S4bujK5QmYqvrLaGZLPs/SJ0Bqrw2qsseDp8LkkbCqDU8PDws/t1VyKqZITZCu0HqTJHgmmQrb69M2W230Wj2XgLHCEWNgUtshK4GqQdIOUbbZvf0QbHjtrXtuuUNRd9ZEXy6sKnXsLm5mcUFJ0eQGmBkEP4EMDKQGmBkIDXAyEBqgJGB1AAjA6kBRgZSA4wMpAYYGUgNMDKQGmBkIDXAyEBqgJGB1AAjA6kBRgZSA4wMpAYYE8aY/wB8hxg27hHG2AAAAABJRU5ErkJggg==);background-size:contain;-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat}.cv-student-selfVideo-mp .icon{vertical-align:middle;margin:0 5px;font-size:1.2em}.cv-student-selfVideo-mp .switch-wrap{display:inline-block;font-size:12px;width:112px}.vc-teacherVideo-mp,.vc-teacherVideo-mp .video{height:100%}.vc-teacherVideo-mp .video>div{height:auto!important;font-size:0}.vc-teacherVideo-mp .video video{min-height:50px;height:auto!important;position:relative!important}.vc-student-answerPanel{position:fixed;z-index:20}.vc-student-answerPanel .right{float:right}.vc-student-answerPanel .head{padding:5px 10px;background-color:#35373d;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;color:#fff;cursor:move}.vc-student-answerPanel .head:after,.vc-student-answerPanel .head:before{content:" ";display:table}.vc-student-answerPanel .head:after{clear:both}.vc-student-answerPanel .head .icon{font-size:24px;cursor:pointer}.vc-student-answerPanel .iframe-wrap{margin-left:-50%;font-size:0}.vc-student-answerPanel .iframe-wrap .iframe{border:none}.vc-student-animation{position:fixed;top:50%;left:50%;z-index:20}.vc-student-animation .img-wrap{margin-top:-25%;margin-left:-50%}.student-mp-page{background-color:#282b31;position:relative;height:100vh;overflow:hidden}.student-mp-page .board{position:relative;display:inline-block;height:100%;-webkit-box-shadow:0 0 3px #000;box-shadow:0 0 3px #000}.student-mp-page .board .img16x9{height:100%;width:auto}.student-mp-page .board .wrap{position:absolute;top:0;left:0;bottom:0;right:0;background-size:contain;background-position:50%;background-repeat:no-repeat}.student-mp-page .board .wrap .vc-board{height:100%}.student-mp-page .board .wrap .board-wrap{width:100%;height:100%;margin:0;background-color:#32323e}.student-mp-page .video-box{position:absolute;top:0;right:0;width:24%;min-height:50px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;z-index:10;background-color:#ccc}.student-mp-page .video-box.mini{width:12%}.student-mp-page .video-box .wrap{position:relative}.student-mp-page .video-box .size-btn{position:absolute;top:0;right:0;width:24px;height:24px;line-height:24px;text-align:center;background-color:rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.6);border-radius:4px;-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;text-shadow:0 0 3px #fff;z-index:11}.student-mp-page .tool-box{position:absolute;bottom:10px;right:5px;z-index:11}.student-mp-page .tool-box.top{bottom:auto;right:auto;top:10px;left:10px}.student-mp-page .tool-box>span{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:15px;margin-right:8px;background-color:#000;color:hsla(0,0%,100%,.7);font-size:20px;opacity:.6;text-align:center}.student-mp-page .tool-box>span.active{opacity:1}.student-mp-page .tool-box>span.input{position:relative}.student-mp-page .tool-box>span.input .form input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.student-mp-page .tool-box>span.input .form .send-btn{display:none}.student-mp-page .tool-box>span.input.open{z-index:50;opacity:1}.student-mp-page .tool-box>span.input.open .form{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;bottom:0;left:0;background-color:#fff;z-index:51;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.student-mp-page .tool-box>span.input.open input{position:relative;opacity:1;padding:10px 8px;-webkit-box-flex:1;-ms-flex:auto;flex:auto;font-size:18px}.student-mp-page .tool-box>span.input.open .send-btn{display:inline-block;width:80px;padding:8px 8px;background-color:#478ef6;color:#fff;font-size:18px;border:none;border-radius:0}.student-mp-page .chat-box{position:absolute;bottom:50px;right:5px;width:22%;overflow-y:auto}.student-mp-page.landscape .board{height:auto;display:block}.student-mp-page.landscape .board .img16x9{height:auto;width:100%}.student-mp-page-local-set-box .video{display:block;margin:0 auto;width:224px;height:150px;background-color:red}