.tc-online_video{width:100%;height:calc(100% - 126px);padding-bottom:10px}.tc-online_video .video_header{width:100%;height:50px;background:#d9f2f7;margin-top:20px}.tc-online_video .video_header p{color:#415c48;line-height:50px;padding-left:20px}.tc-online_video .video{margin-top:20px;width:100%;height:calc(100% - 20px);display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #ccc;padding:5px}.tc-online_video .video .row1{flex:6;margin-bottom:10px;display:flex}.tc-online_video .video .row1 .col1{flex:6;margin-right:10px;display:flex;flex-direction:column}.tc-online_video .video .row1 .col1 .videoWindow{flex:18;background:url(../img/tmp1.5e2747a1.jpg) no-repeat;background-size:100% 100%;display:flex;position:relative}.tc-online_video .video .row1 .col1 .videoWindow .viceVideoWindow{position:absolute;bottom:20px;right:20px;width:150px;height:150px;background:url(../img/tmp2.26941175.jpg) no-repeat;background-size:100% 100%;border:3px solid #e6e6fa}.tc-online_video .video .row1 .col1 .videoSet{flex:1;background:#7fdef3;padding:5px 20px;display:flex;align-items:center;font-size:28px}.tc-online_video .video .row1 .col1 .videoSet input[type=range]{transform:rotate(-90deg);margin-top:8px;outline:none;-webkit-appearance:none;width:70px!important;background:-webkit-linear-gradient(#61bd12,#61bd12) no-repeat,#ddd;background-size:50% 100%;height:5px}.tc-online_video .video .row1 .col1 .videoSet input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;background:#fff;border-radius:50%;border:1px solid #ddd}.tc-online_video .video .row1 .col1 .videoSet .left{flex:5;display:flex}.tc-online_video .video .row1 .col1 .videoSet .left .range{top:-64px;left:-25px;position:absolute}.tc-online_video .video .row1 .col1 .videoSet .left .microphone{position:relative;margin-right:30px}.tc-online_video .video .row1 .col1 .videoSet .left .voice{position:relative}.tc-online_video .video .row1 .col1 .videoSet .right{flex:1;display:flex;justify-content:flex-end}.tc-online_video .video .row1 .col1 .videoSet i{color:#f2faff}.tc-online_video .video .row1 .col2{flex:2;display:flex;flex-direction:column}.tc-online_video .video .row1 .col2 .col2-1{flex:2;font-size:20px;display:flex;align-items:center;border-bottom:1px solid #ccc}.tc-online_video .video .row1 .col2 .col2-1 p{padding-left:10px;color:#415c48;font-weight:700;border-left:3px solid #82dff2}.tc-online_video .video .row1 .col2 .col2-2{flex:32;background:transparent;padding:10px}.tc-online_video .video .row1 .col2 .col2-2 .doctorMsg .doctorInfo{display:flex;align-items:center}.tc-online_video .video .row1 .col2 .col2-2 .doctorMsg .doctorInfo .img{width:60px;border-radius:50%}.tc-online_video .video .row1 .col2 .col2-2 .doctorMsg .doctorInfo .img img{width:100%;border-radius:50%}.tc-online_video .video .row1 .col2 .col2-2 .doctorMsg .doctorInfo .info{padding-left:10px;text-align:center}.tc-online_video .video .row1 .col2 .col2-2 .doctorMsg .msg{display:inline-block;min-width:60px;position:relative;margin-top:10px;padding:5px;border-radius:5px;background:#ebd0d0}.tc-online_video .video .row1 .col2 .col2-2 .doctorMsg .msg:before{position:absolute;top:-10px;left:20px;content:"";border:10px solid #ebd0d0;border-right:0 solid transparent;border-top:0 solid transparent;border-right:10px solid transparent;border-left:10px solid transparent}.tc-online_video .video .row1 .col2 .col2-2 .patientMsg .patientInfo{display:flex;justify-content:flex-end;align-items:center}.tc-online_video .video .row1 .col2 .col2-2 .patientMsg .patientInfo .img{width:60px;border-radius:50%}.tc-online_video .video .row1 .col2 .col2-2 .patientMsg .patientInfo .img img{width:100%;border-radius:50%}.tc-online_video .video .row1 .col2 .col2-2 .patientMsg .patientInfo .info{padding-right:10px;text-align:center}.tc-online_video .video .row1 .col2 .col2-2 .patientMsg .msg{position:relative;margin-top:10px;padding:5px;background:#ebd0d0;border-radius:5px;display:flex;min-width:60px;justify-content:flex-end;float:right}.tc-online_video .video .row1 .col2 .col2-2 .patientMsg .msg:before{position:absolute;top:-10px;right:20px;content:"";border:10px solid #ebd0d0;border-right:0 solid transparent;border-top:0 solid transparent;border-right:10px solid transparent;border-left:10px solid transparent}.tc-online_video .video .row1 .col2 .col2-3{flex:2.5;display:flex;align-items:center}.tc-online_video .video .row2{flex:1}.tc-online_video .stream-container{display:inline-block;margin:2px;width:100%;text-align:left;white-space:nowrap;cursor:pointer}.tc-online_video .stream-container .video-container{position:relative;width:100%;height:100%}