.call-record-info{height:calc(100% - 60px)}.call-record-info .call-record-info-content{background-color:#f1f2f5;height:100vh;overflow-x:scroll;padding:0 20px}.call-record-info .call-record-info-content .info-box{padding:20px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);border-radius:4px;margin:20px 0}.call-record-info .call-record-info-content .info-box .title{margin-bottom:15px}.call-record-info .call-record-info-content .info-box .line:last-child{margin-bottom:0}.call-record-info .call-record-info-content .info-box .line{font-size:12px;color:#333;margin-bottom:8px}.call-record-info .call-record-info-content .info-box .line span:first-child{color:#989db2}.call-record-info .call-record-info-content .audio-box{padding:5px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);border-radius:4px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#333}.call-record-info .call-record-info-content .audio-box .img{margin-right:20px}.call-record-info .call-record-info-content .audio-box .time{margin-left:20px}.call-record-info .call-record-info-content .audio-box .progress-box{flex:1}.call-record-info .call-record-info-content .audio-box .progress-box .progress{width:100%;height:8px;background:#f4f5f7;border-radius:4px}.call-record-info .call-record-info-content .audio-box .progress-box .progress .setp{height:8px;border-radius:4px;background-color:#4560fe;display:flex;justify-content:flex-end}.call-record-info .call-record-info-content .audio-box .progress-box .progress .setp .radio{width:20px;height:20px;background-color:#fff;margin-top:-6px;margin-right:-10px;border-radius:50%;box-shadow:0 0 2px 0 #d1d8e2;display:flex;align-items:center;justify-content:center}.call-record-info .call-record-info-content .audio-box .progress-box .progress .setp .radio .inner{background-color:#4560fe;width:10px;height:10px;border-radius:50%}.call-record-info .call-record-info-content .audio-box audio{display:none}.call-record-info .call-record-info-content .message-box{height:calc(100vh - 290px);padding:16px 10px;overflow-y:scroll;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);border-radius:4px}.call-record-info .call-record-info-content .message-box .message{display:flex;justify-content:flex-end}.call-record-info .call-record-info-content .message-box .message .content{max-width:50%;margin-bottom:20px;padding:10px 15px}.call-record-info .call-record-info-content .message-box .message img{width:24px}.call-record-info .call-record-info-content .message-box .left{flex-direction:row-reverse}.call-record-info .call-record-info-content .message-box .left .content{background-color:#ecf4ff;border-radius:16px 16px 16px 0}.call-record-info .call-record-info-content .message-box .left .img{margin-right:10px;display:flex;align-items:flex-end;margin-bottom:20px}.call-record-info .call-record-info-content .message-box .left .user{display:none}.call-record-info .call-record-info-content .message-box .right .content{background-color:#f4f5f7;border-radius:16px 16px 0 16px}.call-record-info .call-record-info-content .message-box .right .img{margin-left:10px;display:flex;align-items:flex-end;margin-bottom:25px}.call-record-info .call-record-info-content .message-box .right .seat{display:none}.nav-bar{height:50px;padding:0 20px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);display:flex;align-items:center}.nav-bar .head i{font-size:20px;color:#989db2}.nav-bar .head-c{width:200px;flex-grow:1}.nav-bar .title{text-align:center;color:#333;font-weight:550;font-size:18px}