.list-video{width:100%;display:-ms-flexbox;display:flex}.list-video .li-my{position:relative;height:100px;overflow:hidden;width:100px;background-color:#3296fa;margin-top:10px;margin-left:10px}.list-video .li-my video{position:absolute;top:0;width:100px;height:100px;-o-object-fit:fill;object-fit:fill;background-color:transparent}.list-video .li-my .name{position:absolute;bottom:10px;left:50px;transform:translate(-50%,-50%);text-align:center;font-size:14px;color:#fff}.mRed{color:red;float:left}.mWhite{color:#fff;float:left}.rtc-demo .container{position:absolute;z-index:2;display:-ms-flexbox;display:flex;width:100%;bottom:0;top:0;background:#f8f8f8}.rtc-demo .container .container-box{width:100%;height:100%;position:relative;background:#2f2f2f}.rtc-demo .container .container-box .toast-video{width:100%;height:50px;background:rgba(0,0,0,.8);position:absolute;top:0;line-height:50px;color:#fff;font-size:16px;padding-left:30px;z-index:1}.rtc-demo .container .container-box .toast-video span{padding:0 10px;position:absolute;right:10px;cursor:pointer}.rtc-demo .container .container-box .center-avatar{width:300px;height:100px;position:absolute;left:100px;top:0;font-size:18px;font-weight:500;color:#e6f7ff;border-radius:50%;text-align:center;line-height:100px}.rtc-demo .container .container-box .center-img{width:300px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.rtc-demo .container .container-box video{width:100%;height:100%;background:transparent;position:relative}.rtc-demo .container .container-box i{width:36px;height:36px;position:absolute;right:35px;bottom:35px;display:inline-block;background-repeat:no-repeat;background-position:50%;cursor:pointer}.rtc-demo .container .living-bg{background-image:url(../img/live.4b0def50.png);background-size:100% 100%;background-repeat:no-repeat}.rtc-demo .container .container-memberVideo{width:100%;position:absolute;z-index:4;top:0;left:0}.rtc-demo .header-btn{position:absolute;z-index:3;top:0;right:0;height:50px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.rtc-demo .header-btn .logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:7px}.rtc-demo .header-btn .logo i{font-size:40px;margin:0 5px}.rtc-demo .header-btn .logo span{font-size:16px}.rtc-demo .header-btn .function{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right}.rtc-demo .header-btn .function div{margin:0 5px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.rtc-demo .header-btn .function div .close-live,.rtc-demo .header-btn .function div i{width:60px;height:30px;border-radius:24px;background-color:#e5e5e5;cursor:pointer;background-repeat:no-repeat;background-position:50%;background-size:contain}.rtc-demo .header-btn .function div .close-live{width:120px;font-weight:600}.rtc-demo .header-btn .function div span{font-size:15px;color:#2f2f2f}.rtc-demo .header-btn .function .off i{background-color:#f5222d}.rtc-demo .header-btn .nsetting{visibility:hidden;margin-right:34px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.rtc-demo .header-btn .nsetting i{width:32px;height:32px;display:block;background-repeat:no-repeat;background-position:50%;margin-bottom:12px;cursor:pointer}.rtc-demo .footer{position:absolute;z-index:4;bottom:0;left:0;width:100%}.rtc-demo .footer .footer-input{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.rtc-demo .footer .anim{transition:all .5s}.rtc-demo .footer .chart-room{max-height:220px;overflow:auto;margin:0}.rtc-demo .footer .chart-room li{color:#fff;list-style:none;line-height:20px;margin-right:30px;margin-bottom:10px}.rtc-demo .footer .chart-room li div{word-break:break-all;word-wrap:break-word}.rtc-demo .footer .chart-room li .li-title{opacity:.6}.rtc-demo .footer .chart-room li .li-content{font-size:14px;font-weight:700}.rtc-demo .shadow{width:100%;height:100%;position:fixed}.rtc-demo .shadow .leaveShadow{width:308px;height:216px;position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;padding:65px 30px 36px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.rtc-demo .shadow .leaveShadow p{text-align:center;color:#111}.rtc-demo .shadow .leaveShadow div{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.rtc-demo .shadow .leaveShadow span{width:111px;height:40px;border:1px solid rgba(0,0,0,.76);border-radius:2.5px;display:inline-block;text-align:center;line-height:40px;cursor:pointer}.rtc-demo .shadow .leaveShadow .goBack{border:none;color:#fff;background:#3296fa}.rtc-demo .screenToast{width:288px;height:91px;background:#111;opacity:.9;position:fixed;left:50%;margin-left:-144px;top:12px;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2}.rtc-demo .screenToast i{width:18px;height:18px;background:red;border-radius:50%;margin-right:16px}.rtc-demo .screenToast span{color:#fff;font-size:20px}.fullScreen .container{top:0}.fullScreen .container .container-box{width:100%}.fullScreen .container .container-box i{bottom:148px}.fullScreen .container .container-memberVideo{position:absolute;z-index:4;top:0;left:0}.fullScreen .container .hideright .memberContainer{position:fixed;right:-209px}.fullScreen .container .showright .memberContainer{position:fixed;right:0}.transform{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg)}.transform180{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}.full-screen-icon{padding-top:2px;line-height:30px;font-size:22px;font-weight:800}