body{margin:0;color:#fff;background-color:#fff;-webkit-font-smoothing:antialiased}.s-page-content{position:relative;width:60vw;height:90vh;margin:20px auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.s-page-content,.s-page-content .chat-st-list-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.s-page-content .chat-st-list-wrap{-webkit-box-flex:6;-ms-flex:6;flex:6;border:1px solid #ebebeb;color:#333}.s-page-content .chat-st-list-wrap .chat-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:3;-ms-flex:3;flex:3;border-right:1px solid #ebebeb}.s-page-content .chat-st-list-wrap .st-list-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.s-page-content .chat-st-list-wrap .st-list-wrap .title{padding:0 10px;border-bottom:1px solid #ebebeb;line-height:40px}.s-page-content .chat-st-list-wrap .st-list-wrap .stu-num{margin-left:4px}.s-page-content .chat-st-list-wrap .st-list-wrap .student-list{height:400px;padding:0;overflow:hidden}.s-page-content .chat-st-list-wrap .st-list-wrap .student-list .item{width:180px;height:30px;margin:10px 10px 0;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:30px;color:#409eff}.s-page-content .send-message-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #ebebeb}.s-page-content .chat-list-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:5;-ms-flex:5;flex:5;border-right:1px solid #ebebeb}.s-page-content .chat-list-wrap .title{padding:0 10px;border-bottom:1px solid #ebebeb;line-height:40px}.s-page-content .chat-list-wrap .message-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.s-page-content .chat-list-wrap .ms-content{margin-top:8px;padding:7px 14px 7px 10px;border-radius:5px;line-height:28px;font-size:14px;background-color:#f1f1f1;word-break:break-all}.s-page-content .chat-list-wrap .l-message{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.s-page-content .chat-list-wrap .r-message{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.s-page-content .chat-list-wrap .r-message .ms-content{background-color:#d9f6fa}.s-page-content .chat-list-wrap .message-scroll-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:400px;overflow:hidden}.ChatSend{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;color:#333}.ChatSend .ChatSend-txt{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:10px;border:none;box-sizing:content-box;resize:none;line-height:20px;font-size:14px;color:#444;outline:none;overflow:hidden}.ChatSend .ChatSend-button{display:-webkit-box;display:-ms-flexbox;display:flex;width:60px;height:100%;border:none;outline:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background-color:#409eff;font-size:14px;text-align:center;cursor:pointer}.ChatSend .ChatSend-button.isgray{color:#333;background-color:#eee}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner:after,.el-progress-bar__innerText{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-warning .el-progress-bar__inner{background-color:#e6a23c}.el-progress.is-warning .el-progress__text{color:#e6a23c}.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c}.el-progress.is-exception .el-progress__text{color:#f56c6c}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#409eff;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner:after{content:"";height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}.lx-toast{position:fixed;bottom:100px;left:50%;box-sizing:border-box;max-width:80%;height:40px;line-height:20px;padding:10px 20px;-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);text-align:center;z-index:9999;font-size:14px;color:#fff;border-radius:5px;background:rgba(0,0,0,.7);animation:show-toast .5s;-webkit-animation:show-toast .5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-toast.lx-word-wrap{width:80%;white-space:inherit;height:auto}.lx-toast.lx-toast-top{top:50px;bottom:inherit}.lx-toast.lx-toast-center{top:50%;margin-top:-20px;bottom:inherit}@-webkit-keyframes show-toast{0%{opacity:0}to{opacity:1}}@keyframes show-toast{0%{opacity:0}to{opacity:1}}.lx-load-mark{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.lx-load-box{position:fixed;z-index:3;width:7.6em;min-height:7.6em;top:180px;left:50%;margin-left:-3.8em;background:rgba(0,0,0,.7);text-align:center;border-radius:5px;color:#fff}.lx-load-content{margin-top:64%;font-size:14px}.lx-loading,.lx-loading-nocontent{position:absolute;width:0;left:50%;top:38%}.lx-loading-nocontent{top:50%}.loading_leaf{position:absolute;top:-1px;opacity:.25}.loading_leaf:before{content:" ";position:absolute;width:9.14px;height:3.08px;background:#d1d1d5;box-shadow:0 0 1px rgba(0,0,0,.0980392);border-radius:1px;-webkit-transform-origin:left 50% 0;-ms-transform-origin:left 50% 0;transform-origin:left 50% 0}.loading_leaf_0{-webkit-animation:opacity-0 1.25s linear infinite;animation:opacity-0 1.25s linear infinite}.loading_leaf_0:before{-webkit-transform:rotate(0deg) translate(7.92px);-ms-transform:rotate(0deg) translate(7.92px);transform:rotate(0deg) translate(7.92px)}.loading_leaf_1{-webkit-animation:opacity-1 1.25s linear infinite;animation:opacity-1 1.25s linear infinite}.loading_leaf_1:before{-webkit-transform:rotate(30deg) translate(7.92px);-ms-transform:rotate(30deg) translate(7.92px);transform:rotate(30deg) translate(7.92px)}.loading_leaf_2{-webkit-animation:opacity-2 1.25s linear infinite;animation:opacity-2 1.25s linear infinite}.loading_leaf_2:before{-webkit-transform:rotate(60deg) translate(7.92px);-ms-transform:rotate(60deg) translate(7.92px);transform:rotate(60deg) translate(7.92px)}.loading_leaf_3{-webkit-animation:opacity-3 1.25s linear infinite;animation:opacity-3 1.25s linear infinite}.loading_leaf_3:before{-webkit-transform:rotate(90deg) translate(7.92px);-ms-transform:rotate(90deg) translate(7.92px);transform:rotate(90deg) translate(7.92px)}.loading_leaf_4{-webkit-animation:opacity-4 1.25s linear infinite;animation:opacity-4 1.25s linear infinite}.loading_leaf_4:before{-webkit-transform:rotate(120deg) translate(7.92px);-ms-transform:rotate(120deg) translate(7.92px);transform:rotate(120deg) translate(7.92px)}.loading_leaf_5{-webkit-animation:opacity-5 1.25s linear infinite;animation:opacity-5 1.25s linear infinite}.loading_leaf_5:before{-webkit-transform:rotate(150deg) translate(7.92px);-ms-transform:rotate(150deg) translate(7.92px);transform:rotate(150deg) translate(7.92px)}.loading_leaf_6{-webkit-animation:opacity-6 1.25s linear infinite;animation:opacity-6 1.25s linear infinite}.loading_leaf_6:before{-webkit-transform:rotate(180deg) translate(7.92px);-ms-transform:rotate(180deg) translate(7.92px);transform:rotate(180deg) translate(7.92px)}.loading_leaf_7{-webkit-animation:opacity-7 1.25s linear infinite;animation:opacity-7 1.25s linear infinite}.loading_leaf_7:before{-webkit-transform:rotate(210deg) translate(7.92px);-ms-transform:rotate(210deg) translate(7.92px);transform:rotate(210deg) translate(7.92px)}.loading_leaf_8{-webkit-animation:opacity-8 1.25s linear infinite;animation:opacity-8 1.25s linear infinite}.loading_leaf_8:before{-webkit-transform:rotate(240deg) translate(7.92px);-ms-transform:rotate(240deg) translate(7.92px);transform:rotate(240deg) translate(7.92px)}.loading_leaf_9{-webkit-animation:opacity-9 1.25s linear infinite;animation:opacity-9 1.25s linear infinite}.loading_leaf_9:before{-webkit-transform:rotate(270deg) translate(7.92px);-ms-transform:rotate(270deg) translate(7.92px);transform:rotate(270deg) translate(7.92px)}.loading_leaf_10{-webkit-animation:opacity-10 1.25s linear infinite;animation:opacity-10 1.25s linear infinite}.loading_leaf_10:before{-webkit-transform:rotate(300deg) translate(7.92px);-ms-transform:rotate(300deg) translate(7.92px);transform:rotate(300deg) translate(7.92px)}.loading_leaf_11{-webkit-animation:opacity-11 1.25s linear infinite;animation:opacity-11 1.25s linear infinite}.loading_leaf_11:before{-webkit-transform:rotate(330deg) translate(7.92px);-ms-transform:rotate(330deg) translate(7.92px);transform:rotate(330deg) translate(7.92px)}@-webkit-keyframes opacity-0{0%{opacity:.25}0.01%{opacity:.25}0.02%{opacity:1}60.01%{opacity:.25}to{opacity:.25}}@keyframes opacity-0{0%{opacity:.25}0.01%{opacity:.25}0.02%{opacity:1}60.01%{opacity:.25}to{opacity:.25}}@-webkit-keyframes opacity-1{0%{opacity:.25}8.34333%{opacity:.25}8.35333%{opacity:1}68.3433%{opacity:.25}to{opacity:.25}}@keyframes opacity-1{0%{opacity:.25}8.34333%{opacity:.25}8.35333%{opacity:1}68.3433%{opacity:.25}to{opacity:.25}}@-webkit-keyframes opacity-2{0%{opacity:.25}16.6767%{opacity:.25}16.6867%{opacity:1}76.6767%{opacity:.25}to{opacity:.25}}@keyframes opacity-2{0%{opacity:.25}16.6767%{opacity:.25}16.6867%{opacity:1}76.6767%{opacity:.25}to{opacity:.25}}@-webkit-keyframes opacity-3{0%{opacity:.25}25.01%{opacity:.25}25.02%{opacity:1}85.01%{opacity:.25}to{opacity:.25}}@keyframes opacity-3{0%{opacity:.25}25.01%{opacity:.25}25.02%{opacity:1}85.01%{opacity:.25}to{opacity:.25}}@-webkit-keyframes opacity-4{0%{opacity:.25}33.3433%{opacity:.25}33.3533%{opacity:1}93.3433%{opacity:.25}to{opacity:.25}}@keyframes opacity-4{0%{opacity:.25}33.3433%{opacity:.25}33.3533%{opacity:1}93.3433%{opacity:.25}to{opacity:.25}}@-webkit-keyframes opacity-5{0%{opacity:.270958333333333}41.6767%{opacity:.25}41.6867%{opacity:1}1.67667%{opacity:.25}to{opacity:.270958333333333}}@keyframes opacity-5{0%{opacity:.270958333333333}41.6767%{opacity:.25}41.6867%{opacity:1}1.67667%{opacity:.25}to{opacity:.270958333333333}}@-webkit-keyframes opacity-6{0%{opacity:.375125}50.01%{opacity:.25}50.02%{opacity:1}10.01%{opacity:.25}to{opacity:.375125}}@keyframes opacity-6{0%{opacity:.375125}50.01%{opacity:.25}50.02%{opacity:1}10.01%{opacity:.25}to{opacity:.375125}}@-webkit-keyframes opacity-7{0%{opacity:.479291666666667}58.3433%{opacity:.25}58.3533%{opacity:1}18.3433%{opacity:.25}to{opacity:.479291666666667}}@keyframes opacity-7{0%{opacity:.479291666666667}58.3433%{opacity:.25}58.3533%{opacity:1}18.3433%{opacity:.25}to{opacity:.479291666666667}}@-webkit-keyframes opacity-8{0%{opacity:.583458333333333}66.6767%{opacity:.25}66.6867%{opacity:1}26.6767%{opacity:.25}to{opacity:.583458333333333}}@keyframes opacity-8{0%{opacity:.583458333333333}66.6767%{opacity:.25}66.6867%{opacity:1}26.6767%{opacity:.25}to{opacity:.583458333333333}}@-webkit-keyframes opacity-9{0%{opacity:.687625}75.01%{opacity:.25}75.02%{opacity:1}35.01%{opacity:.25}to{opacity:.687625}}@keyframes opacity-9{0%{opacity:.687625}75.01%{opacity:.25}75.02%{opacity:1}35.01%{opacity:.25}to{opacity:.687625}}@-webkit-keyframes opacity-10{0%{opacity:.791791666666667}83.3433%{opacity:.25}83.3533%{opacity:1}43.3433%{opacity:.25}to{opacity:.791791666666667}}@keyframes opacity-10{0%{opacity:.791791666666667}83.3433%{opacity:.25}83.3533%{opacity:1}43.3433%{opacity:.25}to{opacity:.791791666666667}}@-webkit-keyframes opacity-11{0%{opacity:.895958333333333}91.6767%{opacity:.25}91.6867%{opacity:1}51.6767%{opacity:.25}to{opacity:.895958333333333}}@keyframes opacity-11{0%{opacity:.895958333333333}91.6767%{opacity:.25}91.6867%{opacity:1}51.6767%{opacity:.25}to{opacity:.895958333333333}}