.label-customer,.label-operator,.label-robot{position:relative;padding-left:40px;margin-right:20px}.label-customer:before,.label-operator:before,.label-robot:before{content:"";position:absolute;left:0;height:20px;width:30px;border-radius:3px}.label-customer:before{background-color:#3479f7}.label-robot:before{border:1px solid #ededed}.label-operator:before{background-color:#0cbf00}.chat-box .chat-box-header{position:sticky;padding:15px 0;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;z-index:3}.chat-box-icon.loading-icon{height:inherit;font-size:16px}.chat-box-icon-bot{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.tt-audioplayer{width:100%;border:1px solid #ededed;padding:3px 5px}.tt-audioplayer .icon-box{display:inline-block;min-height:20px;min-width:20px}.download-icon,.tt-audioplayer .icon-box svg{vertical-align:middle}.download-icon{display:inline-block;margin-left:10px}.loading-rotate-icon{height:20px;line-height:20px;-webkit-animation:rotateLoading 1.2s ease-in-out infinite;animation:rotateLoading 1.2s ease-in-out infinite}@-webkit-keyframes rotateLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.call-task{height:100%}.call-task .dialogue-records{position:relative;height:calc(100% - 160px);border-bottom:1px solid #f3f4f5;margin-bottom:10px}.call-task .dialogue-records .traning-content-wrapper{position:absolute;width:100%;height:100%;left:0;top:0;padding:0 0 20px;overflow:auto}.call-task .dialogue-records .sip-log{position:absolute;right:8px;top:6px;z-index:4}.call-task .note-textarea textarea{resize:none}.call-task .records-footer .whole-records{margin-bottom:12px}.call-task .records-footer .tags{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.call-task .records-footer .tags .el-tag{padding:0 6px}.call-task .records-footer .tags .el-radio-button--mini .el-radio-button__inner{padding:9px 10px}.call-task .records-footer .tags .intention-tag-group .ai-tagintention-active:before,.call-task .records-footer .tags .intention-tag-group .is-active:after{content:"";display:block;position:absolute;width:0;height:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:3px solid transparent}.call-task .records-footer .tags .intention-tag-group .is-active:after{border-bottom-width:5px;border-bottom-color:#e6a23c;bottom:-8px}.call-task .records-footer .tags .intention-tag-group .ai-tagintention-active:before{border-top-width:5px;border-top-color:#3586dc;top:-8px}.call-task .records-footer .tags .intention-tag-group .ai-tagintention-active .el-radio-button__inner{background-color:#3586dc;color:#fff;border:1px solid #3586dc}.call-records{padding:4px 13px;width:100%;height:calc(100% - 50px);background-color:#fff;border-top:4px solid #f3f4f5}.call-records .top-info-box{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.call-records .el-tabs__header{margin:0}.call-records .el-tabs__content{height:calc(100% - 40px)}.details-footer{padding:0 20px;position:absolute;bottom:0;left:0;right:0;background-color:#fff;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:99;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.details-footer i{vertical-align:bottom}