.page-top[data-v-53156d5f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-top .search[data-v-53156d5f] .ivu-form-item{margin-bottom:0}.page-top .search .tips[data-v-53156d5f]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:32px}.page-top .tool .item[data-v-53156d5f],.page-top .tool[data-v-53156d5f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-top .tool .item[data-v-53156d5f]{margin-left:20px}.page-top .tool .item .btn[data-v-53156d5f],.page-top .tool .item .ivu-btn[data-v-53156d5f]{padding-left:0;padding-right:0}.page-top .tool .item .btn[data-v-53156d5f]:focus,.page-top .tool .item .ivu-btn[data-v-53156d5f]:focus{outline:none;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.page-top .tool .item .btn[data-v-53156d5f]{color:#515a6e}.page-top .tool .item .ivu-icon[data-v-53156d5f]{margin-left:3px;margin-top:-2px;font-size:16px}.page-top .tool .item[data-v-53156d5f] span{margin-left:0}.page-top .tool .item .ivu-checkbox-wrapper[data-v-53156d5f]{margin-right:0}.ivu-checkbox-wrapper-checked[data-v-53156d5f]{color:#ff8383}.stream-container[data-v-53156d5f]{margin-top:15px}.list-stream[data-v-53156d5f]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px 40px;max-height:calc(100vh - 300px);padding-right:5px;overflow-y:auto}.list-stream .item[data-v-53156d5f],.list-stream[data-v-53156d5f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.list-stream .item[data-v-53156d5f]{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:48%;width:calc(50% - 30px)}.list-stream .left[data-v-53156d5f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-stream .operate[data-v-53156d5f]{text-align:right}.list-stream .avatar[data-v-53156d5f]{-ms-flex-negative:0;flex-shrink:0;position:relative;width:52px;height:52px;margin-right:12px;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:50%;-webkit-box-shadow:0 0 7px rgba(0,0,0,.3);box-shadow:0 0 7px rgba(0,0,0,.3);overflow:hidden}.list-stream .state[data-v-53156d5f]{position:absolute;top:0;left:0;z-index:10;width:52px;height:52px;background-color:rgba(0,0,0,.2);border-radius:50%;overflow:hidden}.list-stream .state .voice-ing[data-v-53156d5f]{position:absolute;top:15px;left:15px;width:22px;height:22px;z-index:3}.list-stream .name[data-v-53156d5f]{position:relative;font-size:14px;line-height:20px;color:#27292b;-webkit-transition:all .3s;transition:all .3s}.list-stream .name[data-v-53156d5f]:before{content:"";display:block;position:absolute;top:9px;left:0;width:0;height:2px;background-color:#ff8383;-webkit-transition:all .3s;transition:all .3s}.list-stream .other[data-v-53156d5f]{margin-top:2px;font-size:13px;line-height:18px;color:#989a9b}.list-stream .tips[data-v-53156d5f]{margin-top:3px;font-size:12px;line-height:16px;color:#989a9b}.list-stream .item:hover .avatar[data-v-53156d5f]{-webkit-box-shadow:0 0 7px #ff8383;box-shadow:0 0 7px #ff8383}.list-stream .item:hover .name[data-v-53156d5f],.list-stream .item:hover .other[data-v-53156d5f]{color:#ff8383}.voice-ing[data-v-53156d5f]{position:relative;width:50px;height:50px;background-color:#ccc;background:url(https://img.hongrenshuo.com.cn/h5/newfamily-icon-voiceing.gif) no-repeat 50%/100% auto}@-webkit-keyframes voice1-data-v-53156d5f{0%{height:10%}50%{height:60%}to{height:10%}}@keyframes voice1-data-v-53156d5f{0%{height:10%}50%{height:60%}to{height:10%}}@-webkit-keyframes voice2-data-v-53156d5f{0%{height:50%}50%{height:100%}to{height:10%}}@keyframes voice2-data-v-53156d5f{0%{height:50%}50%{height:100%}to{height:10%}}@-webkit-keyframes voice3-data-v-53156d5f{0%{height:20%}50%{height:90%}to{height:10%}}@keyframes voice3-data-v-53156d5f{0%{height:20%}50%{height:90%}to{height:10%}}@-webkit-keyframes voice4-data-v-53156d5f{0%{height:70%}50%{height:100%}to{height:10%}}@keyframes voice4-data-v-53156d5f{0%{height:70%}50%{height:100%}to{height:10%}}