.live-list .container{padding:50px 0}.live-list .container h3{text-align:left;font-size:16px;font-weight:700;line-height:40px;border-bottom:1px solid #eee}.live-list .container .live-list-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px}.live-list .container .live-list-box .live-item{width:18%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:1px solid #ebeef5;background-color:#fff;padding:10px 6px;min-width:180px;margin-right:10px}.live-list .container .live-list-box .live-item>div.top{width:100%;height:178px;position:relative}.live-list .container .live-list-box .live-item>div.top figure{width:100%;height:100%;margin:0}.live-list .container .live-list-box .live-item>div.top figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;-webkit-filter:opacity(40%);filter:opacity(40%)}.live-list .container .live-list-box .live-item>div.top .live-time-num{position:absolute;top:0;left:0;padding:4px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.live-list .container .live-list-box .live-item>div.top .live-time-num span{color:#101010;font-size:14px}.live-list .container .live-list-box .live-item>div.top .live-time-num>p{margin:0;text-align:right;color:#101010;font-size:14px}.live-list .container .live-list-box .live-item>div.top .live-title{position:absolute;bottom:10px;left:0;padding:0 6px;line-height:20px;height:40px;font-size:14px;text-align:left;margin:0}.live-list .container .live-list-box .live-item>div.bottom{margin-top:10px;text-align:left}.live-list .container .live-list-box .live-item>div.bottom>figure{width:43px;height:43px;overflow:hidden;margin:0}.live-list .container .live-list-box .live-item>div.bottom>figure img{width:43px;height:43px;border-radius:50%}.live-list .container .live-list-box .live-item>div.bottom p{margin:0;line-height:20px}.live-list .container .live-list-box .live-item>div.bottom .space-name{margin-top:5px}.live-list .container .live-list-box .live-item>div.bottom .btn-handel span{padding:2px 5px;background-color:#4f5f6f;border-radius:4px;margin-right:5px;color:#fff;cursor:pointer}.live-list .living-box{position:fixed;z-index:100;width:1100px;height:800px;top:50%;left:50%;margin-top:-365px;margin-left:-550px;border-radius:5px;overflow:hidden}.live-list .living-box .close{position:absolute;display:block;color:#fff;font-size:40px;top:40px;right:40px;z-index:102;cursor:pointer}.live-list .living-box .video-background-img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:blur(20px);filter:blur(20px)}.live-list .living-box .living{position:absolute;z-index:101;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.76)}.live-list .living-box .living .left{width:325px;float:left;height:100%;position:relative}.live-list .living-box .living .left span{color:#fff;font-size:14px}.live-list .living-box .living .left section{height:93px;border-bottom:1px solid #494443;margin-top:45px;margin-left:13px;margin-right:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-list .living-box .living .left section figure{width:52px;height:52px;margin:0;margin-left:20px}.live-list .living-box .living .left section figure img{width:50px;height:50px;border:1px solid #c4c4c4;border-radius:50%;display:inline-block;vertical-align:middle}.live-list .living-box .living .left section .space-name{font-size:14px;vertical-align:middle;margin:0 20px}.live-list .living-box .living .left section>p{margin:0}.live-list .living-box .living .left section>p span{font-size:14px;color:#fff}.live-list .living-box .living .left section>p span:first-child{color:#f25050;font-size:14px}.live-list .living-box .living .left ul,.live-list .living-box .living .left ul li{display:-webkit-box;display:-ms-flexbox;display:flex}.live-list .living-box .living .left ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:10px}.live-list .living-box .living .left ul li:last-child{border-left:1px solid #5f5959}.live-list .living-box .living .left ul li span{color:#fff;font-size:14px;font-weight:700}.live-list .living-box .living .left ul li span:last-child{color:#9c9998}.live-list .living-box .living .left .bth{position:absolute;left:50%;margin-left:-162.5px;bottom:100px;width:325px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.live-list .living-box .living .left .bth button{display:block;height:40px;background:#a90e0e;color:#fff;border-radius:3px;margin-left:20px;margin-top:40px;border:none}.live-list .living-box .living #video,.live-list .living-box .living .centre{position:absolute;background:green;top:0;left:325px}.live-list .living-box .living .no_flash{width:450px;position:absolute;top:100px;left:325px;color:#fff;text-align:center;z-index:999999;line-height:26px;font-family:Roboto}.live-list .living-box .living .no_flash a{color:#fff;background:#00cdbf;margin:0 10px}.live-list .living-box .living .right{float:right;width:325px;height:100%}.live-list .living-box .living .right .fr{width:100%;height:100%}.live-list .living-box .living .right .fr .show-area{height:100%}.live-list .living-box .living .right .fr .show-area .no-scroll{position:absolute;top:100px;bottom:73px;width:325px;overflow:auto}.live-list .living-box .living .right .fr .show-area .no-scroll .chat-area{overflow:hidden;position:relative}.live-list .living-box .living .right .fr .show-area .no-scroll .chat-area .message{padding:2.5px 7.5px;border-radius:6px;line-height:0;font-size:12px;color:#fff;margin-bottom:2.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-list .living-box .living .right .fr .show-area .no-scroll .chat-area .message p{margin:0}.live-list .living-box .living .right .fr .show-area .no-scroll .chat-area .message p.tip{height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;-ms-flex-item-align:start;align-self:flex-start;padding:5px}.live-list .living-box .living .right .fr .show-area .no-scroll .chat-area .message p.tip img{width:14px;height:14px;vertical-align:middle}.live-list .living-box .living .right .fr .show-area .no-scroll .chat-area .message p.tip span{margin-left:2px;font-size:12px}.live-list .living-box .living .right .fr .show-area .no-scroll .chat-area .message p.content{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:start;align-self:flex-start;text-align:left;font-size:14px;line-height:24px;margin-left:5px}.live-list .living-box .living .right .fr .show-area .edit-area{position:absolute;bottom:50px;right:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-list .living-box .living .right .fr .show-area .edit-area input{width:155px}.live-list .living-box .living .right .fr .show-area .edit-area button{width:66px;height:28px;line-height:20px;border-radius:3px;background-color:#4f5f6f;color:#fff;font-size:14px;text-align:center}