.animate{-webkit-animation:show 1s forwards;animation:show 1s forwards}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}.ant-drawer-body{text-align:left}.ant-drawer-body .pro-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.ant-drawer-body .pro-info p.time{position:absolute;left:76px;bottom:-16px;color:#ccc}.ant-drawer-body .pro-info img{width:64px;height:64px;margin-right:12px}div.live-manager{padding:10px!important}div.live-manager .wrap{position:relative;width:500px;height:800px;border:1px solid red;overflow:hidden}div.live-manager .wrap .item{position:absolute}div.live-manager .ant-pagination{float:right;margin-right:20px;margin-top:20px}div.live-manager img.vcp-poster-pic{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}div.live-manager .list-box{height:500px}div.live-manager .list-box .ant-modal-content{height:600px}div.live-manager div.live-container{width:100%;padding:0 20px;background-color:#fff;position:relative}div.live-manager div.live-container .spin-box,div.live-manager div.live-container .spin-loading{position:absolute;left:0;top:0;bottom:0;right:0;z-index:100;background:hsla(0,0%,100%,.8);line-height:700px}div.live-manager div.live-container div.live-content{width:1100px;height:700px;border-radius:8px;background-color:rgba(0,0,0,.75);display:-webkit-box;display:-ms-flexbox;display:flex;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}div.live-manager div.live-container div.live-content>.right{overflow:hidden}div.live-manager div.live-container div.live-content>.right .manager{float:right;margin-right:20px;margin-top:60px;background:transparent;color:#fff}div.live-manager div.live-container div.live-content>.right .msg-list{width:360px;padding:20px;height:520px;margin:0 auto;margin-top:110px;overflow-y:auto}div.live-manager div.live-container div.live-content>.right .msg-list p.item{text-align:left;margin-bottom:10px}div.live-manager div.live-container div.live-content>.right .msg-list p.item span{margin-right:10px}div.live-manager div.live-container div.live-content>.right .msg-list p.item span.name{cursor:pointer}div.live-manager div.live-container div.live-content>.right .msg-list p.item span.tip{display:inline-block;padding:4px;background:#0072c6;border-radius:4px;color:#fff}div.live-manager div.live-container div.live-content>.right .msg-list p.item span.tip img{width:10px;vertical-align:middle;display:inline-block;margin-right:4px}div.live-manager div.live-container div.live-content>.right .msg-send{width:100%;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex}div.live-manager div.live-container div.live-content>.right .msg-send input{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:4px;background:#fff;height:40px;line-height:40px}div.live-manager div.live-container div.live-content>.right .msg-send button{width:80px;height:40px;margin-left:10px}div.live-manager div.live-container div.live-content .modal{position:absolute;left:0;top:0;bottom:0;right:0;z-index:0;background:rgba(0,0,0,.85)}div.live-manager div.live-container div.live-content>.left .title{text-align:left;font-size:16px;color:#fff;margin-bottom:20px;padding:20px 0 0 20px}div.live-manager div.live-container div.live-content>.left .top{width:90%;margin:0 auto;border-bottom:1px solid #fff;padding-bottom:10px;overflow:hidden}div.live-manager div.live-container div.live-content>.left .top .left{float:left}div.live-manager div.live-container div.live-content>.left .top .left img{width:40px;height:40px;border-radius:50%;display:inline;border:1px solid #fff;vertical-align:middle}div.live-manager div.live-container div.live-content>.left .top .left span{color:#fff;font-size:16px;vertical-align:middle;margin-left:10px}div.live-manager div.live-container div.live-content>.left .top .right{float:right;font-size:16px;color:#fff;line-height:40px}div.live-manager div.live-container div.live-content>.left .top .right span{color:#3f83fe}div.live-manager div.live-container div.live-content>.left .order{margin-top:20px;width:100%}div.live-manager div.live-container div.live-content>.left .order p{width:100%;text-align:center;font-size:14px}div.live-manager div.live-container div.live-content>.left .order .num{color:#fff;margin-bottom:0}div.live-manager div.live-container div.live-content>.left .order .name{color:hsla(0,0%,100%,.2)}div.live-manager div.live-container div.live-content>div{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;position:relative;z-index:2}div.live-manager div.live-container div.live-content .center .play{width:100px;position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-50px;z-index:999}div.live-manager div.live-container div.live-content .center .modal{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.75);z-index:23}div.live-manager div.live-container div.live-content .center #video{width:100%;height:100%;background-color:#000;overflow:hidden}div.live-manager div.live-container div.live-content .center #video video{width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover;background-color:#000;overflow:hidden;border-left:1px solid #000;border-right:1px solid #000}div.live-manager div.live-container div.live-content .center .novideo{width:100%;height:100%;background-color:#000;line-height:700px;font-size:18px;color:#fff;text-align:center;position:relative}div.live-manager div.live-container div.live-content .center .novideo button{position:absolute;width:100px;height:40px;font-size:14px;border:1px solid #fff;background:transparent;color:#fff;line-height:40px;left:50%;top:60%;margin-left:-50px;cursor:pointer;border-radius:4px}