.level-picker .check-box,.time-picker{display:flex;align-items:center}.time-picker{color:#989db2;font-size:12px}.time-picker i{display:block;font-size:16px;margin-left:5px;transform:scale(.5)}.time-picker .check-box{display:flex;align-items:center}.call-record{height:calc(100% - 60px)}.call-record .call-record-content{height:calc(100% - 100px);overflow-x:scroll;padding:0 0 0 20px}.call-record .call-record-content .call-record-title-box{padding-right:24px;margin:33px 0 24px;display:flex;justify-content:space-between;align-items:center}.call-record .call-record-content .call-record-title-box .check{color:#989db2;font-size:12px;display:flex;align-items:center}.call-record .call-record-content .call-record-title-box .check i{display:block;font-size:16px;margin-left:5px;transform:scale(.5)}.call-record .call-record-content .call-record-list-content{height:calc(100% - 50px);overflow-y:scroll;padding-right:24px}.call-record .call-record-content .call-record-list{border-radius:4px;background-color:#fff;padding:20px 12px;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);margin-bottom:20px}.call-record .call-record-content .call-record-list .call-record-list-line{display:flex;margin-top:15px}.call-record .call-record-content .call-record-list .call-record-list-line div{width:33.33%}.call-record .call-record-content .call-record-list .call-record-list-line div p:first-child{font-size:12px;color:#989db2;margin-bottom:9px}.call-record .call-record-content .call-record-list .call-record-list-line div p:last-child{color:#333;font-size:14px;font-weight:550}.call-record-info{height:calc(100% - 60px)}.call-record-info .call-record-info-content{height:calc(100% - 100px);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(100% - 400px);padding:20px;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{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 .content{background-color:#ecf4ff;border-radius:16px 16px 0 16px}.call-record-info .call-record-info-content .message-box .left .img{margin-left: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{flex-direction:row-reverse}.call-record-info .call-record-info-content .message-box .right .content{background-color:#f4f5f7;border-radius:16px 16px 16px 0}.call-record-info .call-record-info-content .message-box .right .img{margin-right:10px;display:flex;align-items:flex-end;margin-bottom:25px}.call-record-info .call-record-info-content .message-box .right .seat{display:none}