.class-user{display:-webkit-box;display:-ms-flexbox;display:flex}.class-user .class-user-body .user-photo{width:1.99rem;overflow:hidden;margin:0 auto;border-radius:.2rem}.class-user .class-user-body .user-photo img{float:left;width:100%}.class-user .class-user-body .user-name{width:100%;max-width:2.5rem;text-align:center}.class-user .class-user-body .user-name .txt{font-size:.59rem}.stone-label-component .stone-box{width:1.48rem;height:1.48rem;border-radius:50%;overflow:hidden}.stone-label-component .stone-box .stone-content.css.black{background:#000}.stone-label-component .stone-box .stone-content.css.white{background:#fff}.stone-label-component .stone-box .stone-content.img.black{background:url(https://assets.19x19.com/img/stb1.png) no-repeat;background-size:100% 100%}.stone-label-component .stone-box .stone-content.img.white{background:url(https://assets.19x19.com/img/stw1.png) no-repeat;background-size:100% 100%}.stone-label-component .stone-box .stone-content{width:100%;height:100%}.options-com::-webkit-scrollbar{width:.16rem}.options-com::-webkit-scrollbar-thumb{border-radius:.39rem;-webkit-box-shadow:inset 0 0 .2rem rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.options-com::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .2rem rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.options-com.m{height:7.5rem}.options-com.b{height:12.19rem}.options-com{overflow-y:auto;width:100%;position:relative}.options-com .head-item{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.options-com .table-head{border-bottom:1px solid #666}.options-com .table-content-tr:last-child{border:0}.options-com .table-content-tr{border-bottom:1px solid #666;cursor:pointer}.options-com .table-content-tr.select{background:#4dbe46;color:#fff}.options-com .table-content-tr.select:hover{background:#4dbe46}.options-com .table-content-td{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.options-com .head-item.t1,.options-com .table-content-td.t1{width:6.48rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:.51rem;white-space:nowrap}.options-com .head-item.t1 .txt.s1,.options-com .table-content-td.t1 .txt.s1{margin-right:.2rem}.options-com .head-item.t2,.options-com .table-content-td.t2{width:3.98rem}.options-com .head-item.t3,.options-com .table-content-td.t3{width:7.5rem}.options-com .head-item.t4,.options-com .table-content-td.t4{width:8.01rem;padding-right:.51rem}.options-com .optiins-table .table-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.99rem;-webkit-box-sizing:border-box;box-sizing:border-box}.options-com .optiins-table .table-content{position:relative}.options-com .optiins-table .table-content .table-content-tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.8rem;-webkit-box-sizing:border-box;box-sizing:border-box}.options-com .optiins-table .table-content .table-content-tr .own-score{background:#ffd200;margin-left:.31rem;height:.9rem;width:3.01rem;border-radius:.12rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.options-com .optiins-table .table-content .table-content-tr .own-score .score-i.sc{font-size:.66rem}.options-com .optiins-table .table-content .table-content-tr .own-score .score-i{font-size:.59rem;font-weight:600}.options-com .optiins-table .table-content .table-content-tr .table-content-td.t1{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:.51rem}.options-com .optiins-table .table-content .table-content-tr .table-content-td.t1 .stone{width:.74rem;height:.74rem;margin:0 .31rem}.options-com .optiins-table .table-content .table-content-tr .table-content-td.t1 .comment-icon{font-size:.78rem}.options-com .optiins-table .table-content .table-content-tr .table-content-td.t2 .prop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.options-com .optiins-table .table-content .table-content-tr .table-content-td.t2 .prop .table-item-prop-range{padding-right:.23rem;text-align:right;width:4.77rem;margin-right:.31rem;height:.31rem;position:relative}.options-com .optiins-table .table-content .table-content-tr .table-content-td.t2 .prop .table-item-prop-range .prop-range-body{position:absolute;top:0;left:0;height:100%;background:#fff;width:70%;-webkit-transition:width .5s;transition:width .5s}.options-com .optiins-table .table-content .table-content-tr .table-content-td.t2 .prop .txt{width:1.45rem;text-align:right}.options-com .optiins-table .table-content .loading-message-box{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:3.01rem}.options-com .options-comment{padding:.51rem 1.02rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;bottom:0;left:0}.options-com .options-comment .comment-title{white-space:nowrap;width:2.19rem}.options-com .options-comment .comment-content{word-wrap:break-word;text-align:left;width:21.79rem}.options-com .head-item-txt{display:-webkit-box;display:-ms-flexbox;display:flex}.class-delete-check .le-confirm-body{width:auto;min-width:0}.class-delete-check .le-confirm-content-s{padding:0}.class-delete-check .check-box{padding:1.02rem}.class-delete-check .check-box .check-sub-title{font-size:.59rem;font-weight:400;color:#999;margin-top:.51rem}.class-delete-check .check-box .check-input{width:15rem;margin:1.02rem 0}.class-delete-check .check-box .check-input .el-input__inner{height:1.48rem;padding:0 .2rem}.class-delete-check .check-box .check-foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.class-delete-check .check-box .check-foot .el-button{margin-right:.51rem;height:1.21rem;width:3.52rem}.class-delete-check .check-box .check-foot .el-button .txt{font-size:.59rem}.class-delete-check .check-box .check-foot .el-button:last-child{margin:0}.options-com-split-opt.m{height:auto}.com-line-chat-bar{width:100%;padding:0 1.17rem 0}.com-line-chat-bar,.com-line-chat-bar .bar-item{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.com-line-chat-bar .bar-item{padding:.78rem 0 .39rem;width:4.3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:15%;margin-right:2%}.com-line-chat-bar .bar-item:last-child{margin:0}.com-line-chat-bar .item-content{width:60%;height:calc(100% - 3.09rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.com-line-chat-bar .item-content .i{width:50%;height:100%}.com-line-chat-bar .item-content .black{background:#000}.com-line-chat-bar .item-content .white{background:#fff}.com-line-chat-bar .item-foot{width:100%}.com-line-chat-bar .item-foot .foot-item.a{width:100%;height:.98rem;border-radius:.2rem}.com-line-chat-bar .item-foot .foot-item.b{margin-top:.16rem;height:1.95rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.com-line-chat-bar .item-foot .foot-item.b .f-b-i{padding:.2rem 0;border-radius:.2rem;width:calc(50% - .08rem);height:100%;background:#66696a;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.com-line-chat-bar .item-foot .foot-item.b .f-b-i .i-text{width:100%;text-align:center}.line-chat{width:100%;height:13.01rem;position:relative;overflow:hidden}.line-chat .line-chat-body.pointer canvas{cursor:pointer}.line-chat .line-chat-body{width:100%}.line-chat .line-chat-body div:first-child{-webkit-transition:all 0 ease 0!important;transition:all 0 ease 0!important;width:100%!important}.line-chat .line-chat-body div:first-child canvas{width:100%!important}.line-chat .line-chat-bar.bar-center{left:0;right:0;margin:auto}.line-chat .line-chat-bar{width:calc(100% - 3.01rem);height:calc(100% + 1.41rem);position:absolute;left:3.01rem;bottom:0}.line-chat .line-chat-fun{height:2.93rem}.line-chat .line-chat-fun .data-loading{padding-right:.51rem;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.line-chat .line-chat-fun .data-loading .data-loading-body{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.12rem .51rem;color:#fff}.line-chat .line-chat-fun .data-loading .data-loading-body .data-loading-range-box{background:#353434;height:1.29rem;width:11.02rem;position:relative;text-align:center;line-height:1.29rem}.line-chat .line-chat-fun .data-loading .data-loading-body .data-loading-range-box .data-loading-range-value{padding:.12rem;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.line-chat .line-chat-fun .data-loading .data-loading-body .data-loading-range-box .data-loading-range-value .range-value-s{background:#446493;width:30%;height:100%}.line-chat .line-chat-fun .data-loading .data-loading-body .data-loading-range-box .data-loading-txt{position:absolute;width:100%;height:100%;text-align:center;line-height:1.29rem;z-index:2}.line-chat .line-chat-fun .data-loading .txt.lb{margin-left:.31rem}.line-chat .line-chat-fun .data-loading .txt{font-size:.59rem}.line-chat .line-chat-fun .data-loading .loading-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:.31rem}.line-chat .line-chat-fun .data-loading .loading-label .loading-label-item:first-child{margin:0}.line-chat .line-chat-fun .data-loading .loading-label .loading-label-item.a{-webkit-animation:loadinga 1.5s infinite;animation:loadinga 1.5s infinite}.line-chat .line-chat-fun .data-loading .loading-label .loading-label-item.b{-webkit-animation:loadingb 1.5s infinite;animation:loadingb 1.5s infinite}.line-chat .line-chat-fun .data-loading .loading-label .loading-label-item.c{-webkit-animation:loadingc 1.5s infinite;animation:loadingc 1.5s infinite}.line-chat .line-chat-fun .data-loading .loading-label .loading-label-item.d{-webkit-animation:loadingd 1.5s infinite;animation:loadingd 1.5s infinite}.line-chat .line-chat-fun .data-loading .loading-label .loading-label-item.e{-webkit-animation:loadinge 1.5s infinite;animation:loadinge 1.5s infinite}.line-chat .line-chat-fun .data-loading .loading-label .loading-label-item{width:.16rem;height:.16rem;background:#fff;border-radius:50%;margin-left:.12rem;opacity:0}.line-chat .type-box{padding:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:#3f3f3f}.line-chat .type-box .type-item:last-child{margin:0}.line-chat .type-box .type-item.select{color:#fff;border-radius:.31rem .31rem 0 0}.line-chat .type-box .normal-sub.type-item{background:#3f3f3f}.line-chat .type-box .type-item{-webkit-transform:translateY(0);transform:translateY(0);cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0 0 .31rem .31rem;width:3.98rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:inherit}.line-chat .type-box .type-item .txt{font-size:.66rem}.line-chat .line-chat-box{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.line-chat .line-chat-box .sub-type-box{height:10rem}.line-chat .line-chat-box .sub-type-box .type-level-box:last-child{margin-top:.98rem}.line-chat .line-chat-box .sub-type-box .type-level-box{width:1.99rem;margin:0 .51rem}.line-chat .line-chat-box .sub-type-box .type-level-box .type-level-item.select{background:#416692;border:1px solid #fff;color:#fff}.line-chat .line-chat-box .sub-type-box .type-level-box .type-level-item:last-child{margin-bottom:0}.line-chat .line-chat-box .sub-type-box .type-level-box .type-level-item{margin-bottom:.08rem;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:1.02rem;line-height:1.02rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.59rem}.line-chat .line-chat-box .line-chat-body.level-type{width:23.01rem}.line-chat .line-chat-f-opt{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:absolute;top:0;left:0}.line-chat .line-chat-s-opt{padding:.2rem;z-index:2;height:1.41rem;width:100%;position:absolute;left:0}.line-chat .line-chat-s-opt .chat-label{display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap;height:1.02rem}.line-chat .line-chat-s-opt .chat-label .chat-label-item:first-child{margin-right:.51rem}.line-chat .line-chat-s-opt .chat-label .chat-label-item.line-hide{opacity:.5}.line-chat .line-chat-s-opt .chat-label .chat-label-item{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.line-chat .line-chat-s-opt .chat-label .chat-label-item .label-item-icon{width:1.29rem;height:.2rem;margin-right:.2rem}@-webkit-keyframes loading{0%{-webkit-transform:rotateX(-33.5deg) rotateY(45deg);transform:rotateX(-33.5deg) rotateY(45deg)}to{-webkit-transform:rotateX(-33.5deg) rotateY(405deg);transform:rotateX(-33.5deg) rotateY(405deg)}}@-webkit-keyframes loadinga{0%{opacity:0}20%{opacity:1}40%{opacity:1}60%{opacity:1}80%{opacity:1}to{opacity:1}}@keyframes loadinga{0%{opacity:0}20%{opacity:1}40%{opacity:1}60%{opacity:1}80%{opacity:1}to{opacity:1}}@-webkit-keyframes loadingb{0%{opacity:0}20%{opacity:0}40%{opacity:1}60%{opacity:1}80%{opacity:1}to{opacity:1}}@keyframes loadingb{0%{opacity:0}20%{opacity:0}40%{opacity:1}60%{opacity:1}80%{opacity:1}to{opacity:1}}@-webkit-keyframes loadingc{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:1}80%{opacity:1}to{opacity:1}}@keyframes loadingc{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:1}80%{opacity:1}to{opacity:1}}@-webkit-keyframes loadingd{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:0}80%{opacity:1}to{opacity:1}}@keyframes loadingd{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:0}80%{opacity:1}to{opacity:1}}@-webkit-keyframes loadinge{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes loadinge{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:0}80%{opacity:0}to{opacity:1}}.line-chat .type-box{height:1.48rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-top:.16rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:0 .31rem}.line-chat .type-box .type-item{border-radius:.31rem;position:relative;width:100%;white-space:nowrap;border-radius:.31rem .31rem 0 0}.line-chat .type-box .type-item.select{z-index:2}.line-chat .type-box .type-item.select:after,.line-chat .type-box .type-item.select:before{content:"";display:block;height:.31rem;width:.31rem;position:absolute;bottom:0;background:radial-gradient(.31rem at .31rem 0,transparent .31rem,#565859 0)}.line-chat .type-box .type-item.select:before{left:calc(-.31rem + 1px);-webkit-transform:scaleX(-1);transform:scaleX(-1)}.line-chat .type-box .type-item.select:after{right:-.31rem}.line-chat .line-chat-fun{height:2.89rem}.line-chat .line-chat-s-opt{top:1.48rem}.line-chat .line-chat-box{height:calc(100% - 2.89rem)}.line-chat .line-chat-body{height:100%}.sgf-info-class .board-info-body{white-space:nowrap}.sgf-info-class .board-info-body,.sgf-info-class .board-info-body .it-i .i-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sgf-info-class .board-info-body .it-i.b{text-align:left}.sgf-info-class .board-info-body .it-i.b .i-body{margin-left:.51rem}.sgf-info-class .board-info-body .it-i.w{text-align:right}.sgf-info-class .board-info-body .it-i.w .i-body{margin-right:.51rem}.sgf-info-class .board-info-body .it-i.winrate{width:100%;margin:0 .51rem}.sgf-info-class .board-info-body .it-i{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:30%}.sgf-info-class .board-info-body .it-i.b{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.sgf-info-class .board-info-body .it-i.w{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.sgf-info-class .board-info-body .area-winrate .game-info-winrate .game-info-winrate-body{padding:0}.sgf-info-class .board-info-body .area-winrate .game-info-winrate .item-winrate{margin-top:0}.sgf-info-class .board-info-body .area-winrate .game-info-winrate .item-area-txt{position:absolute;top:-1.02rem;left:0;width:100%}.sgf-info-class .board-info-body .area-winrate .game-info-winrate .item-area-txt .stone-label{width:.78rem;height:.78rem}.sgf-info-class .board-info-body .area-winrate .game-info-winrate .item-area-txt .txt{font-size:.59rem}.sgf-info-class .board-info-body .stone-txt.b{margin-right:.31rem}.sgf-info-class .board-info-body .stone-txt.w{margin-left:.31rem}.Agora-rtc-audio{position:absolute;top:0;left:0;z-index:-1}.Agora-rtc-audio #agoraAudioBox,.Agora-rtc-audio .video-box{width:100%;height:100%}.Agora-rtc-audio #agoraAudioBox video{top:0;left:0}.comment-box{color:#b0b0b2;top:1.48rem;height:calc(100% - 1.48rem);padding-bottom:1.8rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.comment-box,.comment-box .comment-foot{position:absolute;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.comment-box .comment-foot{bottom:0;padding:.2rem .51rem;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comment-box .comment-foot .foot-item.inp{width:100%;margin:0 .31rem}.comment-box .comment-foot .foot-item.inp .el-input__inner{height:1.41rem;padding:0 .2rem}.comment-box .comment-foot .foot-item.sen .el-button{height:1.41rem;width:3.52rem}.comment-box .comment-content{width:100%;padding:0 1.02rem;margin:.51rem 0;height:calc(100% - 1.02rem)}.comment-box .comment-content .comment-content-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:100%}.comment-box .comment-content .comment-content-body .comment-content-body-box{width:100%}.comment-box .comment-content .content-item:last-child{margin:0}.comment-box .comment-content .content-item{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.31rem}.comment-box .comment-content .content-item .user-area{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.comment-box .comment-content .content-item .user-area .txt-name{white-space:nowrap;color:#fff;float:left}.comment-box .comment-content .content-item .user-area .txt-word{width:100%;color:#ddd;white-space:normal;word-break:break-all}.comment-box .comment-content .content-item .user-area .txt-time{white-space:nowrap;margin-left:.31rem}.comment-box .comment-content .content-item .user-word{color:#ddd}.global-com-expression,.global-com-expression .ex-item{padding:.39rem}.global-com-quill,.global-com-quill .quill-body{height:100%}.global-com-quill .quill-body .ql-editor{height:100%;outline:none;text-align:left;padding:0 .12rem}.global-com-quill .ql-container.ql-snow{border:0}.global-com-quill .ql-editor{padding:0}.classroom-com .comment-box{color:#b0b0b2;top:0;height:100%;padding-bottom:1.6rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.classroom-com .comment-box,.classroom-com .comment-box .comment-foot{position:absolute;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.classroom-com .comment-box .comment-foot{bottom:0;padding:.2rem;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.classroom-com .comment-box .comment-foot .foot-item.inp{width:100%;margin:0}.classroom-com .comment-box .comment-foot .foot-item.inp .el-input__inner{height:1.21rem;padding:0 .2rem}.classroom-com .comment-box .comment-foot .foot-item.sen{margin-left:.2rem}.classroom-com .comment-box .comment-foot .foot-item.sen .el-button{height:1.21rem;width:2.5rem;background:#e6912c;color:#fff}.classroom-com .comment-box .comment-foot .foot-item.sen .el-button:disabled{background:#fff;color:#c0c4cc;opacity:.6}.classroom-com .comment-box .comment-content{width:100%;padding:0 1.02rem;margin:.51rem 0;height:calc(100% - 1.02rem)}.classroom-com .comment-box .comment-content .comment-content-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:100%}.classroom-com .comment-box .comment-content .comment-content-body .comment-content-body-box{width:100%}.classroom-com .comment-box .comment-content .content-item:last-child{margin:0}.classroom-com .comment-box .comment-content .content-item{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.31rem}.classroom-com .comment-box .comment-content .content-item .user-area{display:block;width:100%}.classroom-com .comment-box .comment-content .content-item .user-area .msg-content{display:-webkit-box;display:-ms-flexbox;display:flex}.classroom-com .comment-box .comment-content .content-item .user-area .txt-name{white-space:nowrap;color:#fff;float:left}.classroom-com .comment-box .comment-content .content-item .user-area .txt-word{width:100%;color:#ddd;white-space:normal;word-break:break-all}.classroom-com .comment-box .comment-content .content-item .user-area .txt-time{white-space:nowrap;margin-left:0;font-size:.51rem}.classroom-com .comment-box .comment-content .content-item .user-word{color:#ddd}.page-connect-loading .connect-loading-body{padding:1.02rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.subject-model-type-opacity.button.type-1{background:url(https://assets.19x19.com0.4) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.4)}.subject-model-type-opacity.button.type-2{background:url(https://assets.19x19.com0.5) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.5)}.subject-model-type-opacity.button.type-3{background:url(https://assets.19x19.com0.6) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.6)}.subject-model-type-opacity.button.type-4{background:url(https://assets.19x19.com0.7) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.7)}.subject-model-type-opacity.page.type-1{background:url(https://assets.19x19.com0.15) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.15)}.subject-model-type-opacity.page.type-2{background:url(https://assets.19x19.com0.25) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.25)}.subject-model-type-opacity.page.type-3{background:url(https://assets.19x19.com0.35) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.35)}.subject-model-type-opacity.page.type-4{background:url(https://assets.19x19.com0.45) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.45)}.class-room .test-connect{position:absolute;bottom:0;left:0;color:#333;padding:0;width:5rem;z-index:3}.class-room .data-switch-box{position:absolute;bottom:0;left:0;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.31rem}.class-room .data-switch-box .data-switch{margin-right:.31rem}.class-room .el-dropdown{color:inherit}.class-room .item-split{margin-top:.7rem}.class-room .main-options .main-options-body{position:relative;height:100%}.class-room .main-options .main-options-body .options-item.head .head-it.a{white-space:nowrap;position:relative;padding:.31rem .51rem;padding-right:1.91rem}.class-room .main-options .main-options-body .options-item.head .head-it.a,.class-room .main-options .main-options-body .options-item.head .head-it.a .a-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.class-room .main-options .main-options-body .options-item.head .head-it.a .fun{margin-left:.51rem}.class-room .main-options .main-options-body .options-item.head .head-it.a .fun .el-button{height:1.29rem;width:3.01rem;color:#fff;border-radius:.12rem}.class-room .main-options .main-options-body .options-item.head .head-it.a .fun .el-button.admin-fun{background:#c82626}.class-room .main-options .main-options-body .options-item.head .head-it.a .fun .el-button.user-fun{background:#868686}.class-room .main-options .main-options-body .options-item.head .head-it.a .num{margin:0 .51rem}.class-room .main-options .main-options-body .options-item.head .head-it.a .page-close-box{width:1.91rem}.class-room .main-options .main-options-body .options-item.head .head-it.b{padding:0 .51rem}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body{min-height:4.1rem;display:-webkit-box;display:-ms-flexbox;display:flex}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i{border-top:0;border-bottom:0}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.a{min-width:2.73rem;padding:.51rem 0;padding-right:.7rem;border-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.a .class-user-admin{margin-right:.51rem}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.a .class-user-admin:last-child{margin:0}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b{padding-left:.7rem;border-right:0;width:calc(100% - 2.69rem)}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body{padding:.51rem 0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .class-user-item:last-child,.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .student-box:last-child{margin:0}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .student-box{position:relative;margin-right:.31rem}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .student-box .user-voice-label{width:.51rem;position:absolute;right:.31rem;top:0}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .student-box .user-mic-box{position:absolute;bottom:-.51rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .student-box .user-mic-box .disabled{opacity:.6}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .student-box .user-raise-hand{position:absolute;top:0;left:.2rem;width:.59rem}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .student-box .user-raise-hand img{width:100%;float:left}.class-room .main-options .main-options-body .options-item.head .head-it.b .b-body .b-con-i.b .b-body .student-box .user-raise-hand .user-hand-label.ad{position:absolute;left:0;top:0;width:100%}.class-room .main-options .main-options-body .options-item.board-info{padding:.51rem;padding-top:1.02rem}.class-room .main-options .main-options-body .options-item.media-box{height:10rem;display:-webkit-box;display:-ms-flexbox;display:flex}.class-room .main-options .main-options-body .options-item.media-box .media-item{height:100%}.class-room .main-options .main-options-body .options-item.media-box .media-item .body{height:100%;width:100%;position:relative}.class-room .main-options .main-options-body .options-item.media-box .media-item.video{width:55%;padding-right:.2rem}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .body{padding:.51rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .video-item.half-size{height:50%;padding-right:50%}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .media-disabled-box{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .media-disabled-box .dis-icon{margin-right:.51rem;width:1.99rem}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .nl-body{width:100%;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .video-item{position:relative;width:0;height:100%;padding-right:100%}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .video-item div[id^=agora-video-player]{position:absolute!important;top:0;left:0}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .video-item .user-info{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.3);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}.class-room .main-options .main-options-body .options-item.media-box .media-item.video .video-item .user-info .u-photo{width:1.02rem;margin-right:.51rem}.class-room .main-options .main-options-body .options-item.media-box .media-item.chat-msg{width:45%;padding-left:.2rem}.class-room .main-options .main-options-body .options-box.report-ele .options-com.m{height:10.78rem}.class-room .main-options .main-options-body .options-box.report-ele .opt-box-content{position:relative;height:10.78rem}.class-room .main-options .main-options-body .options-box.report-ele .opt-box-head .head-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.48rem;padding:.16rem}.class-room .main-options .main-options-body .options-box.report-ele .opt-box-head .head-body .head-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:.16rem}.class-room .main-options .main-options-body .options-box{position:relative;height:12.62rem}.class-room .main-options .main-options-body .options-box .options-com.m{height:21.21rem}.class-room .main-options .main-options-body .options-box .split-branch-options{position:absolute;top:0;left:0;width:100%}.class-room .main-options .main-options-body .options-line-chat.hide{opacity:0;position:absolute;top:0;z-index:-1}.class-room .main-options .main-options-body .options-line-chat{width:100%;height:13.01rem;position:relative}.class-room .main-options .main-options-body .options-line-chat .comment-panel-change{position:absolute;top:0;right:0;z-index:2}.class-room .main-options .main-options-body .options-line-chat .comment-panel-change .type-box{padding:.12rem;height:1.48rem}.class-room .main-options .main-options-body .options-line-chat .comment-panel-change .type-box .type-item:last-child{margin:0}.class-room .main-options .main-options-body .options-line-chat .comment-panel-change .type-box .type-item.select{color:#fff}.class-room .main-options .main-options-body .options-line-chat .comment-panel-change .type-box .type-item{cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;width:3.98rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:inherit;margin-right:.12rem}.class-room .main-options .main-options-body .options-line-chat .comment-panel-change .type-box .type-item .txt{font-size:.66rem}.class-room .main-options .main-options-body .options-footer{position:absolute;bottom:0;left:0;width:100%}.class-room .main-options .main-options-body .options-footer .tool-icon-label{width:.7rem}.class-room .engine-fun .fun-body .fun-item.fun-item-new.extend-box .el-button{width:auto}.class-room .device-check-box{padding:.51rem 0}.class-room .device-check-box .device-check-title{font-size:.86rem}.class-room .device-check-box .device-result{min-height:5rem}.class-room .device-check-box .device-result .msg-icon{font-size:1.02rem;margin-right:.31rem}.class-room .device-check-box .device-result .msg-icon.el-icon-warning{color:#e6a23c}.class-room .device-check-box .device-result .msg-icon.el-icon-success{color:#67c23a}.class-room .device-check-box .device-result .msg-icon.el-icon-error{color:#f56c6c}.class-room .device-check-box .device-result .check-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.class-room .device-check-box .device-result .check-item .it-img{width:1.02rem}.class-room .device-check-box .device-result .check-item .txt{margin:0 .51rem}.class-room .device-check-box .device-result .check-item .loading-item-box{width:1.29rem;height:1.29rem}.class-room .device-check-box .device-result .check-item .loading-item-box .page-loading-icon-css{width:100%;height:100%}.class-room .device-check-box .device-result .check-item .loading-item-box .el-loading-spinner{position:static;margin:0;height:100%;width:100%}.class-room .device-check-box .device-result .check-item+.check-item{margin-top:.51rem}.class-room .device-check-box .device-check-foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.class-room .line-chat{height:100%}.class-room .line-chat .line-chat-box{height:calc(100% - 1.41rem)}.class-room .line-chat .line-chat-box .line-chat-body{height:100%}.class-room .line-chat .line-chat-body div:first-child,.class-room .line-chat .line-chat-body div:first-child canvas{height:100%!important}.video-item{width:10rem;height:10rem;position:relative;display:block}.video-item .agora_video_player{-webkit-transform:rotateY(0deg)!important;transform:rotateY(0deg)!important}.class-content{width:13.01rem;height:10rem;position:relative;display:block}