body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.video .ailab-avatar-player{height:40vh;overflow:hidden}.video .ailab-avatar-player video{background:transparent!important;width:100vw!important;margin-top:-29vh!important;height:auto!important}.content{position:relative;height:100vh;background:#f5f5f5}.content,.userinfo{display:flex;flex-direction:column}.userinfo{position:absolute;bottom:70px;text-align:center;width:70px;height:70px;left:50%;align-items:center;background-color:#7277f2;border-radius:50%;margin-left:-35px}.userinfo-avatar{width:30px;height:30px;min-width:30px;z-index:-10;zoom:1}.message-list{width:100%}.message-list ul{width:100%;overflow-y:auto;margin:50px 0 75px}.title{position:fixed;font-size:14px;border-bottom:.5px solid #eee;margin-bottom:20px;background:#fff;width:100%}.title span{padding:0 10px;line-height:40px}.message-item{width:80%;margin-bottom:20px}.message-item span{display:inline-block;width:100%;margin:0 10px;border-radius:7px;padding:10px;position:relative;box-sizing:border-box}.person1{float:left}.person1 span{background:#fff;border-radius:0 6px 6px 6px}.person2 span{background:#89d961;border-radius:6px 0 6px 6px}.person2{float:right;margin-right:20px}ul,ul li{margin:0;padding:0}ul li{margin:0;list-style-type:none}.footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;height:60px;box-sizing:border-box;padding:10px;display:flex;align-items:flex-end}.wrapper{width:100%;height:100vh;background:#f9f9f9;overflow:hidden}.wrapper .loading{margin-top:40vh}.wrapper .wrapper .head{height:60px}.wrapper .head h3{margin:0;font-size:20px;font-weight:600;padding:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}.wrapper .content{position:relative;width:1000px;height:calc(100% - 100px);background:#f5f5f5;display:flex;margin:40px auto;flex-direction:row;padding:10px;overflow:hidden}.wrapper .content .position{position:absolute;top:90px;left:25%;margin-left:-95px}.wrapper .content .position img{width:190px}.wrapper .content .positionBtn{position:absolute;bottom:-10px;left:0;width:476px;box-sizing:border-box;display:flex;z-index:10;padding:10px;background-color:hsla(0,0%,100%,.4);justify-content:space-around}.wrapper .content .positionBtn button{padding:7px 10px;background:hsla(0,0%,100%,.7);border:none;width:100px;text-align:center;cursor:pointer}.wrapper .videos{width:476px;position:relative}.wrapper .videos .ailab-avatar-player{height:calc(100vh - 82px);overflow:hidden}.wrapper .videos .ailab-avatar-player video{background:transparent!important;width:100%!important;height:auto!important}.wrapper .chat-box{flex:1 1;max-width:524px;display:flex;flex-direction:column;border-left:1px solid #eee;position:relative}.wrapper .chat-box .shadow{position:absolute;left:0;right:0;top:0;bottom:0;background:#333;opacity:.3;text-align:center;line-height:1300px;color:#fff}.wrapper .title-head{font-size:16px;padding:10px;background:#fafcfe;border-bottom:1px solid #eee;height:42px;display:flex;box-sizing:border-box;justify-content:space-between}.wrapper .title-head img{cursor:pointer}.wrapper .title-head .ant-btn-link,.wrapper .title-head .ant-btn-link:hover{color:#02a49f}.wrapper .title-head .ant-radio-checked .ant-radio-inner{border-color:#02a49f;background-color:#02a49f}.wrapper .title-head .ant-radio-button-wrapper-checked{border-color:#02a49f;color:#02a49f}.wrapper .title-head .ant-radio-group{display:flex;align-items:center}.wrapper .list-content{width:100%;overflow-y:auto;padding-top:20px;display:flex;flex-direction:column;min-height:calc(100% - 110px);max-height:calc(100% - 110px);background-color:#fff}.wrapper .list-content::-webkit-scrollbar-track-piece{background:#f1f1f1}.wrapper .list-content::-webkit-scrollbar{width:0}.wrapper .list-content::-webkit-scrollbar-thumb{background:#999;border-radius:20px}.wrapper .chat-box .list-item{display:flex;margin:0 10px 10px 0}.wrapper .person1{justify-content:left}.wrapper .chunk-chat-item{border-radius:0 8px 8px 8px;min-width:20px;background:#ecf0f6;color:#333;margin-top:15px}.wrapper .chunk-chat-item,.wrapper .person2 .chunk-chat-item{padding:8px;display:inline-block;max-width:80%;min-height:20px;width:auto;position:relative;text-align:left;font-size:14px;word-wrap:break-word;line-height:20px}.wrapper .person2 .chunk-chat-item{border-radius:8px 0 8px 8px;background:#02a49f;color:#fff}.wrapper .person2{justify-content:right}.wrapper ul,.wrapper ul li{margin:0;padding:0}.wrapper ul li{margin:0;list-style-type:none}.wrapper .list-footer{display:flex;align-items:center;width:100%;background:#f7f7f7;box-sizing:border-box;padding:10px 5px}.wrapper .list-footer span{margin-right:5px;width:30px}.wrapper .list-footer button{margin-left:10px}.wrapper .list-footer .icon{width:26px;margin:0 8px;cursor:pointer}.wrapper .list-footer .empty{flex:1 1;border:1px solid #d9d9d9;line-height:30px;text-align:center;cursor:pointer;border-radius:4px}.wrapper .list-footer .submit-btn{width:46px;display:flex;align-items:center;justify-content:center}.wrapper .list-footer .submit-btn img{width:40px}.wrapper .btn{background:#f2f3f5}.wrapper .audio-svg:focus,.wrapper span.ant-input-suffix:active{color:#02a49f}.wrapper .chunk-chat-row-logo-l{margin:5px 10px 0 15px}.wrapper .ant-input:focus,.wrapper .ant-input:hover{border-color:#02a49f!important}.wrapper .ant-btn-default:hover{border-color:#02a49f!important;color:#02a49f!important}.wrapper .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,.wrapper .ant-input-affix-wrapper:focus,.wrapper .ant-input-affix-wrapper:hover{border-color:#02a49f!important}.wrapper .loader{position:absolute;top:0;bottom:-100px;left:0;right:0;margin:auto;width:100px;height:50px;display:flex;justify-content:center}.wrapper .loader .span{display:block;background:#ccc;width:7px;height:10%;border-radius:14px;margin-right:5px;float:left;margin-top:25%}.wrapper .loader .span:last-child{margin-right:0}.wrapper .loader .span:first-child{-webkit-animation:load 2.5s linear 1.4s infinite;animation:load 2.5s linear 1.4s infinite}.wrapper .loader .span:nth-child(2){-webkit-animation:load 2.5s linear 1.2s infinite;animation:load 2.5s linear 1.2s infinite}.wrapper .loader .span:nth-child(3){-webkit-animation:load 2.5s linear 1s infinite;animation:load 2.5s linear 1s infinite}.wrapper .loader .span:nth-child(4){-webkit-animation:load 2.5s linear .8s infinite;animation:load 2.5s linear .8s infinite}.wrapper .loader .span:nth-child(5){-webkit-animation:load 2.5s linear .6s infinite;animation:load 2.5s linear .6s infinite}.wrapper .loader .span:nth-child(6){-webkit-animation:load 2.5s linear .4s infinite;animation:load 2.5s linear .4s infinite}.wrapper .loader .span:nth-child(7){-webkit-animation:load 2.5s linear .2s infinite;animation:load 2.5s linear .2s infinite}.wrapper .loader .span:nth-child(8){-webkit-animation:load 2.5s linear 0s infinite;animation:load 2.5s linear 0s infinite}.wrapper .loader .span:nth-child(9){-webkit-animation:load 2.5s linear .2s infinite;animation:load 2.5s linear .2s infinite}.wrapper .loader .span:nth-child(10){-webkit-animation:load 2.5s linear .4s infinite;animation:load 2.5s linear .4s infinite}.wrapper .loader .span:nth-child(11){-webkit-animation:load 2.5s linear .6s infinite;animation:load 2.5s linear .6s infinite}.wrapper .loader .span:nth-child(12){-webkit-animation:load 2.5s linear .8s infinite;animation:load 2.5s linear .8s infinite}.wrapper .loader .span:nth-child(13){-webkit-animation:load 2.5s linear 1s infinite;animation:load 2.5s linear 1s infinite}.wrapper .loader .span:nth-child(14){-webkit-animation:load 2.5s linear 1.2s infinite;animation:load 2.5s linear 1.2s infinite}.wrapper .loader .span:nth-child(15){-webkit-animation:load 2.5s linear 1.4s infinite;animation:load 2.5s linear 1.4s infinite}.wrapper .list-item{position:relative}.wrapper .list-item .loading1{position:absolute;left:50px;width:100px;height:30px;top:5px;text-align:center;font-size:10px}.wrapper .list-item .loading1.left{left:50px}.wrapper .list-item .loading1.right{right:50px}.wrapper .list-item .loading1 div{background-color:#02a49f;height:100%;border-radius:3px;width:6px;margin-right:5px;display:inline-block;-webkit-animation:stretchdelay 1.2s ease-in-out infinite;animation:stretchdelay 1.2s ease-in-out infinite}.wrapper .list-item .loading1 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.wrapper .list-item .loading1 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.web-wrapper{position:relative}.web-wrapper .container{z-index:0;left:0;padding:0;overflow:hidden}.web-wrapper .container,.wrappers{height:100%;width:100%;position:absolute}.wrappers{background:#f9f9f9}.wrappers .loading{margin:15vh auto}.wrappers .head h3{margin:0;font-size:20px;font-weight:600;padding:10px;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}.wrappers .content{position:relative;width:100%;height:100%;background:#f5f5f5;margin:0 auto;overflow-y:auto;overflow-x:hidden}.wrappers .content .position{position:absolute;top:90px;left:25%;margin-left:-95px}.wrappers .content .position img{width:190px}.wrappers .content .positionBtn{position:absolute;bottom:-10px;left:0;width:476px;box-sizing:border-box;display:flex;z-index:10;padding:10px;background-color:hsla(0,0%,100%,.4);justify-content:space-around}.wrappers .content .positionBtn button{padding:7px 10px;background:hsla(0,0%,100%,.7);border:none;width:100px;text-align:center;cursor:pointer}.wrappers .videos{width:100%;position:relative}.wrappers .videos .ailab-avatar-player{overflow:hidden}.wrappers .videos .ailab-avatar-player video{background:transparent!important;width:100%!important;min-height:40vh!important;margin-top:-45vh!important}.wrappers .chat-box{display:flex;flex-direction:column;height:calc(60vh - 82px)}.wrappers .chat-box .shadow{position:absolute;left:30%;top:45vh;width:40%;border-radius:15px;height:15vh;background:hsla(0,0%,75.7%,.7);text-align:center;line-height:1300px;color:#fff}.wrappers .title-head{padding:0 10px;height:40px;display:flex;box-sizing:border-box;justify-content:space-between;align-items:center;z-index:10}.wrappers .title-head .ant-btn-link,.wrappers .title-head .ant-btn-link:hover{color:#02a49f}.wrappers .title-head .ant-radio-checked .ant-radio-inner{border-color:#02a49f;background-color:#02a49f}.wrappers .title-head .ant-radio-group{display:flex;align-items:center}.wrappers .title-head .ant-radio-button-wrapper-checked{border-color:#02a49f;color:#02a49f}.wrappers .list-content{width:100%;overflow-y:auto;padding-top:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background-color:#fff}.wrappers .list-content::-webkit-scrollbar-track-piece{background:#f1f1f1}.wrappers .list-content::-webkit-scrollbar{width:0}.wrappers .list-content::-webkit-scrollbar-thumb{background:#999;border-radius:20px}.wrappers .chat-box .list-item{display:flex;margin:0 10px 10px 0}.wrappers .person1{justify-content:left}.wrappers .chunk-chat-item{border-radius:0 8px 8px 8px;min-width:20px;background:#ecf0f6;color:#333;margin-top:15px}.wrappers .chunk-chat-item,.wrappers .person2 .chunk-chat-item{padding:8px;display:inline-block;max-width:80%;min-height:20px;width:auto;position:relative;text-align:left;font-size:14px;word-wrap:break-word;line-height:20px}.wrappers .person2 .chunk-chat-item{border-radius:8px 0 8px 8px;background:#02a49f;color:#fff}.wrappers .person2{justify-content:flex-end}.wrappers ul,.wrappers ul li{margin:0;padding:0}.wrappers ul li{margin:0;list-style-type:none}.wrappers .list-footer{width:100%;height:32px;background:#f7f7f7;padding:10px}.wrappers .list-footer>div{margin:0 5px;display:flex;align-items:center;height:32px}.wrappers .list-footer>div .submit-btn{width:46px;display:flex;align-items:center;justify-content:center}.wrappers .list-footer>div .submit-btn img{width:26px}.wrappers .list-footer>div .adm-input{background-color:#fff;flex:1 1}.wrappers .list-footer>div .adm-input input{height:32px;font-size:14px;padding:0 10px;box-sizing:border-box}.wrappers .list-footer>div span{margin-right:5px;width:30px}.wrappers .list-footer>div button{margin-left:5px}.wrappers .list-footer>div .icon{width:26px;margin-right:8px;cursor:pointer}.wrappers .list-footer>div .empty{flex:1 1;border:1px solid #d9d9d9;line-height:30px;text-align:center;border-radius:4px}.wrappers .list-footer>div .empty.disabled{background-color:#999}.wrappers .adm-tabs-tab-active{color:#02a49f}.wrappers .adm-tabs-tab-line{background:#02a49f}.wrappers .btn{background:#f2f3f5}.wrappers .audio-svg:focus,.wrappers span.ant-input-suffix:active{color:#02a49f}.wrappers .chunk-chat-row-logo-l{margin:5px 10px 0 15px}.wrappers .ant-input:focus,.wrappers .ant-input:hover{border-color:#02a49f!important}.wrappers .ant-btn-default:hover{border-color:#02a49f!important;color:#02a49f!important}.wrappers .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,.wrappers .ant-input-affix-wrapper:focus,.wrappers .ant-input-affix-wrapper:hover{border-color:#02a49f!important}.wrappers .loader{position:absolute;top:0;bottom:-100px;left:0;right:0;margin:auto;width:100px;height:50px;display:flex;justify-content:center;z-index:1}.wrappers .loader .span{display:block;background:#fff;width:7px;height:10%;border-radius:14px;margin-right:5px;float:left;margin-top:25%}.wrappers .loader .span:last-child{margin-right:0}.wrappers .loader .span:first-child{-webkit-animation:load 2.5s linear 1.4s infinite;animation:load 2.5s linear 1.4s infinite}.wrappers .loader .span:nth-child(2){-webkit-animation:load 2.5s linear 1.2s infinite;animation:load 2.5s linear 1.2s infinite}.wrappers .loader .span:nth-child(3){-webkit-animation:load 2.5s linear 1s infinite;animation:load 2.5s linear 1s infinite}.wrappers .loader .span:nth-child(4){-webkit-animation:load 2.5s linear .8s infinite;animation:load 2.5s linear .8s infinite}.wrappers .loader .span:nth-child(5){-webkit-animation:load 2.5s linear .6s infinite;animation:load 2.5s linear .6s infinite}.wrappers .loader .span:nth-child(6){-webkit-animation:load 2.5s linear .4s infinite;animation:load 2.5s linear .4s infinite}.wrappers .loader .span:nth-child(7){-webkit-animation:load 2.5s linear .2s infinite;animation:load 2.5s linear .2s infinite}.wrappers .loader .span:nth-child(8){-webkit-animation:load 2.5s linear 0s infinite;animation:load 2.5s linear 0s infinite}.wrappers .loader .span:nth-child(9){-webkit-animation:load 2.5s linear .2s infinite;animation:load 2.5s linear .2s infinite}.wrappers .loader .span:nth-child(10){-webkit-animation:load 2.5s linear .4s infinite;animation:load 2.5s linear .4s infinite}.wrappers .loader .span:nth-child(11){-webkit-animation:load 2.5s linear .6s infinite;animation:load 2.5s linear .6s infinite}.wrappers .loader .span:nth-child(12){-webkit-animation:load 2.5s linear .8s infinite;animation:load 2.5s linear .8s infinite}.wrappers .loader .span:nth-child(13){-webkit-animation:load 2.5s linear 1s infinite;animation:load 2.5s linear 1s infinite}.wrappers .loader .span:nth-child(14){-webkit-animation:load 2.5s linear 1.2s infinite;animation:load 2.5s linear 1.2s infinite}.wrappers .loader .span:nth-child(15){-webkit-animation:load 2.5s linear 1.4s infinite;animation:load 2.5s linear 1.4s infinite}@-webkit-keyframes load{0%{background:#fff;margin-top:25%;height:10%}50%{background:#fff;height:100%;margin-top:0}to{background:#eee;height:10%;margin-top:25%}}@keyframes load{0%{background:#fff;margin-top:25%;height:10%}50%{background:#fff;height:100%;margin-top:0}to{background:#eee;height:10%;margin-top:25%}}.wrappers .adm-tabs-tab-wrapper-stretch{flex:1 1;padding:0;display:flex;justify-content:center}.wrappers .adm-tabs-tab-wrapper-stretch .adm-tabs-tab{margin:0;width:100%;text-align:center}.wrappers .adm-tabs-tab-line{width:25%!important}.wrappers .list-item{position:relative}.wrappers .list-item .loading1{position:absolute;left:50px;width:100px;height:30px;top:5px;text-align:center;font-size:10px}.wrappers .list-item .loading1 div{background-color:#02a49f;height:100%;border-radius:3px;width:6px;margin-right:5px;display:inline-block;-webkit-animation:stretchdelay 1.2s ease-in-out infinite;animation:stretchdelay 1.2s ease-in-out infinite}.wrappers .list-item .loading1 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.wrappers .list-item .loading1 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.wrappers .head{height:60px}.adm-button:not(.adm-button-default){background-color:#02a49f;border-color:#02a49f}.adm-button:not(.adm-button-default).adm-button-fill-none{color:#02a49f;background-color:#fff}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.flex{display:flex;display:-webkit-flex}.wrapper-perform{width:100%;height:100vh;background:#f9f9f9;overflow:hidden}.wrapper-perform .loading{margin-top:40vh}.wrapper-perform .content{position:relative;display:flex;margin:20px auto;flex-direction:row;justify-content:center;padding:20px;height:100vh;overflow:hidden}.wrapper-perform .content .videos{width:476px;position:relative}.wrapper-perform .content .videos .ailab-avatar-player{height:100vh;overflow:hidden}.wrapper-perform .content .videos .ailab-avatar-player video{background:transparent!important;width:100%!important;height:auto!important}.websocket-wrapper{position:relative}.websocket-wrapper .containers{height:100%;width:100%;z-index:0;position:absolute;left:0;padding:0;overflow:hidden;display:flex}.websocket-wrapper .containers div .ant-divider{margin:10px 0}.websocket-wrapper .containers div:first-child{flex:1 1;border-right:1px solid #eee}.websocket-wrapper .containers div:nth-child(2){flex:1 1}.websocket-wrapper .containers div:nth-child(2) .message-list ul{overflow-y:auto;max-height:calc(100vh - 150px)}.websocket-wrapper .containers div.p-20px{padding:0 20px 20px}.websocket-wrapper .containers div:nth-child(3){min-width:500px}.websocket-wrapper .containers div:nth-child(3) #iframe-file{width:100%;height:100%;border:none}
/*# sourceMappingURL=main.96e84556.chunk.css.map */