.closertc{right:190px;width:20px;z-index:4}#rtcvideo,.closertc{position:fixed;top:40%}#rtcvideo{right:0;width:200px;z-index:3}.Video{display:flex;justify-content:space-between}.Video .left_video{position:relative;width:925px;overflow:hidden;flex:1}.Video .left_video .info{display:flex;justify-content:space-between;padding:20px 0;border-radius:10px 10px 0 0;background:#fff}.Video .left_video .info .i_left .avatar{width:60px;height:60px;border-radius:50%;border:1px solid #000;overflow:hidden;margin-left:20px}.Video .left_video .info .i_left .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.Video .left_video .info .i_left .name{font-size:18px;margin:0 14px;max-width:400px}.Video .left_video .info .i_right div{display:flex;align-items:center;font-size:14px;margin-right:20px}.Video .left_video .info .i_right div span{margin-left:15px}.Video .left_video .info .i_right .set,.Video .left_video .info .i_right .share{margin-right:30px;cursor:pointer}.Video .left_video .info>.i_box{display:flex;align-items:center}.Video .left_video .video_box{position:relative;height:540px;background:#fff;border-radius:0 0 10px 10px}.Video .left_video .video_box #svgaPlay{width:100%;height:100%;position:absolute;left:0;top:0}.Video .left_video .live_over{background:#1a3a8e;font-size:24px;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 70px 0 #000}.Video .left_video .live_over .loock_back_box{width:80%}.Video .left_video .live_over .loock_back_box .list{margin-top:20px;display:flex;justify-content:space-between}.Video .left_video .live_over .loock_back_box .list .item{width:300px;cursor:pointer}.Video .left_video .live_over .loock_back_box .list .item .img{height:180px;border-radius:10px}.Video .left_video .live_over .loock_back_box .list .item .name{font-size:18px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Video .left_video .live_over .loock_back_box .list .item .date{font-size:14px;margin-top:10px}.Video .left_video .live_over .tips{position:absolute;bottom:25px;right:30px}.Video .left_video .live_video{width:100%;height:540px;display:block;background:#000}.Video .left_video .live_video_img{position:absolute;bottom:0;left:0;width:100%;height:540px}.Video .left_video .bulletChat{position:absolute;top:0;left:0;width:100%;height:250px}.Video .left_video .yugao{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;color:#fff;display:flex;justify-content:center;align-items:center;font-size:30px;text-align:center}.Video .left_video .lookBackComment{margin-top:15px;height:63px;background:#fff;padding:15px;box-sizing:border-box;border-radius:5px}.Video .left_video .lookBackComment .look_pl_bottom{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 10px;transition:all .3s}.Video .left_video .lookBackComment .look_pl_bottom .pl_or_dm{width:55px;height:25px;border:1px solid #ccc;border-radius:20px;position:relative}.Video .left_video .lookBackComment .look_pl_bottom .pl_or_dm .right{position:absolute;left:32px}.Video .left_video .lookBackComment .look_pl_bottom .pl_or_dm .left{left:2px}.Video .left_video .lookBackComment .look_pl_bottom .pl_or_dm .icon{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s}.Video .left_video .lookBackComment .look_pl_bottom input{flex:1;height:100%;margin:0 10px;background:#ebebeb;border:1px solid #b7b7b7;border-radius:3px;padding:0 5px}.Video .left_video .lookBackComment .look_pl_bottom .fasong{width:110px;text-align:center;line-height:32px;background:#2ca6e0;color:#fff;font-size:14px;border-radius:30px;cursor:pointer}.Video .lookBack_right{width:310px;border-radius:10px;position:relative;display:flex;flex-direction:column;margin-left:15px}.Video .lookBack_right .bulletChatList,.Video .lookBack_right .lookBackList{background:#fff;border-radius:5px}.Video .lookBack_right .bulletChatList .title,.Video .lookBack_right .lookBackList .title{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 0 0 15px;box-sizing:border-box;color:#999}.Video .lookBack_right .bulletChatList .title :first-child,.Video .lookBack_right .lookBackList .title :first-child{font-size:18px}.Video .lookBack_right .bulletChatList .title :nth-child(2),.Video .lookBack_right .lookBackList .title :nth-child(2){font-size:14px;color:#666;cursor:pointer;padding:20px}.Video .lookBack_right .bulletChatList .list,.Video .lookBack_right .lookBackList .list{height:0;border-top:1px solid #ccc;box-sizing:border-box;overflow:hidden;transition:height .3s linear;padding:0 20px}.Video .lookBack_right .bulletChatList .list li:first-child,.Video .lookBack_right .lookBackList .list li:first-child{margin-top:20px}.Video .lookBack_right .bulletChatList .list li:last-child,.Video .lookBack_right .lookBackList .list li:last-child{margin-bottom:20px}.Video .lookBack_right .bulletChatList .activeList,.Video .lookBack_right .lookBackList .activeList{height:585px;overflow:auto}.Video .lookBack_right .bulletChatList .list li{display:flex;justify-content:space-between;line-height:30px}.Video .lookBack_right .bulletChatList .list li:first-child span:nth-child(2){color:#999}.Video .lookBack_right .bulletChatList .list li span{color:#999;font-size:13px}.Video .lookBack_right .bulletChatList .list li span:first-child{width:60px;text-align:center}.Video .lookBack_right .bulletChatList .list li span:nth-child(2){flex:1;margin:0 5px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Video .lookBack_right .bulletChatList .list li span:nth-child(2) img{width:30px;height:30px;vertical-align:middle;margin-left:5px;display:inline}.Video .lookBack_right .bulletChatList .list li span:nth-child(3){width:90px;text-align:center}.Video .lookBack_right .lookBackList{margin-top:15px}.Video .lookBack_right .lookBackList .list li{cursor:pointer}.Video .lookBack_right .lookBackList .list li .imgBox,.Video .lookBack_right .lookBackList .list li .imgBox img{width:100%}.Video .lookBack_right .lookBackList .list li .text{margin-top:15px;margin-bottom:20px;font-size:14px;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box}.Video .right_pl{width:310px;border-radius:10px;background:#fff;position:relative;display:flex;flex-direction:column;margin-left:15px}.Video .right_pl .nav_list{display:flex;justify-content:space-around;font-size:18px;color:#fff;background:#2ca6e0;border-top-left-radius:10px;border-top-right-radius:10px;line-height:50px}.Video .right_pl .nav_list .nav_item{cursor:pointer;position:relative}.Video .right_pl .nav_list .active:after{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.Video .right_pl .pl_wrapper{height:475px;position:relative}.Video .right_pl .pl_wrapper.peixun_wrapper{height:425px}.Video .right_pl .pl_wrapper.peixun_wrapper .list{max-height:375px}.Video .right_pl .pl_wrapper .list{max-height:425px;overflow:auto}.Video .right_pl .pl_wrapper .item{display:flex;flex-wrap:wrap;margin-top:14px;padding:0 6px}.Video .right_pl .pl_wrapper .item .avatar{width:28px;height:28px;border-radius:50%;margin-right:8px;margin-top:3px}.Video .right_pl .pl_wrapper .item .info{font-size:8px;flex:1}.Video .right_pl .pl_wrapper .item .info .text{height:30px;line-height:30px}.Video .right_pl .pl_wrapper .item .info .text img{width:30px;height:30px;vertical-align:middle;margin-left:5px;display:inline}.Video .right_pl .pl_wrapper .user_on{font-size:12px;position:absolute;bottom:15px;left:0}.Video .right_pl .pl_wrapper .user_on .user_name{margin-right:10px;margin-left:6px}.Video .right_pl .pl_box{flex:1;border-top:1px solid #ccc}.Video .right_pl .pl_box .icon_box{margin-top:12px;display:flex;justify-content:space-between;align-items:center;padding:0 14px}.Video .right_pl .pl_box .icon_box .left{display:flex;align-items:center;position:relative}.Video .right_pl .pl_box .icon_box .left .looks{position:absolute;width:300px;height:250px;top:-270px;left:-10px;background:#fff;border-radius:5px}.Video .right_pl .pl_box .icon_box .left .looks img{width:40px;height:40px;float:left;margin:5px}.Video .right_pl .pl_box .icon_box .left .gifts{position:absolute;width:300px;height:170px;top:-190px;left:-10px;background:#fff;border-radius:5px}.Video .right_pl .pl_box .icon_box .left .gifts .gift{float:left;text-align:center;font-size:14px}.Video .right_pl .pl_box .icon_box .left .gifts .gift img{width:40px;height:40px;float:left;margin:10px;display:inline}.Video .right_pl .pl_box .icon_box .left img{margin-right:12px;cursor:pointer}.Video .right_pl .pl_box .icon_box .fabulousWrap{cursor:pointer;position:relative;width:30px;height:26px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAACz0lEQVRIib3XTYhVZRgH8N87GdlAYAk6s2ilpDEWaklFq9CN4EIXLtzYoprATY0guBBJxEWYfUHQWDtX4QdCizYhYm0KrKgZCMbRWbRRMiIUDa033nveM3PmzJw794zaHy7cc87z8X/+z/M+594wOTlhDgJiuhnXE1bjH0wQx4qHdcTsZAV2YzuexB38gC9wuhNRFCox+uaJ1i96v4gafsRJnMEvhLs43OB3DFdxlDiEP3ALO3EKN7Ct7lQP9FI2HMFX2IWNeB6v4gIO4E88M+MWLmIvRrEKj2NDtknlbsFv+BL7qgkrLYibCN9jCpuJl+eX2zp8g2W5okN4rvBxLsfS4PsJ9uQ2nagSSNZ/4zoGuwdJnQlLxNSSuDbX8SK+m2XTOCu+JbyMR3G7bMF7eDjL3QvSLAwRThA2z06+ILZmg3cSoVKBRO08XumpihByMU1obEGJn/EUcWlSIMvY6U8FXQPcK9KpeITQIbAml/Prg8xYw7V8+Vgi8G+u9qH7F39B9cpB/6sviuP55rP3j8CC2Em8mU5eUuBytn77f0q+HE8TjqaLvryX9xM35iXzgBG/zvGPpFaVe+BdQhqMn4j9MwSimfMWK8er6xms2M/B54T12JF3yax3wQvFIIbUkqXtYvdCyHG8hrdCcDatkvSpEIhTxNSClcX3zqpsQDnlsZelUyZ/g5jm7OPqg/rbcLyYg7AyD2e/e0dO3hnyj+rR5nuvj+fX6AAmi421WMTRnHxkvuRNBBLGshIDhKlFKvEZYThX/mGTURMBNSUudZ+JORglvN4ke68EZCUSicFYnI5e2pFkH+4mexsC0yRCR4lwZYF2HC+SxxFio+xtCagqQbzUsCc+zQO3t1vPF0ugRsKVWjuS7G9m2T9oEbMVgUwilIOZSDxR/Ayf7nnPlZdY0tahokT6n3A9r+FWslfRVoEKiZhI/E442Fb2aeA/4NS1LuPZwCEAAAAASUVORK5CYII=) 50% no-repeat}.Video .right_pl .pl_box .icon_box .fabulousWrap img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(0);animation-timing-function:linear;animation-duration:2s}.Video .right_pl .pl_box .area_box{position:relative}.Video .right_pl .pl_box .area_box .pl_textarea{width:290px;height:50px;margin:0 auto;display:block;border-radius:10px;border:1px solid #999;margin-top:10px;padding:5px 50px 5px 5px;box-sizing:border-box;font-size:12px;overflow:hidden;line-height:30px}.Video .right_pl .pl_box .area_box .pl_textarea img{width:30px;height:30px;vertical-align:middle;margin-left:5px;display:inline}.Video .right_pl .pl_box .area_box .icon{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.Video .right_pl .pl_bottom{margin-top:15px;display:flex;justify-content:space-between;padding:0 10px;transition:all .3s}.Video .right_pl .pl_bottom .pl_or_dm{width:55px;height:25px;border:1px solid #ccc;border-radius:20px;position:relative}.Video .right_pl .pl_bottom .pl_or_dm .right{position:absolute;left:32px}.Video .right_pl .pl_bottom .pl_or_dm .left{left:2px}.Video .right_pl .pl_bottom .pl_or_dm .icon{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s}.Video .right_pl .pl_bottom .fasong{width:110px;text-align:center;line-height:25px;background:#2ca6e0;color:#fff;font-size:14px;border-radius:30px;cursor:pointer}.Video .right_pl .notices{padding:20px 10px;font-size:16px}.Video .share_layer .content{width:765px;height:190px}.Video .share_layer .content .title{position:absolute;top:40px;left:35px;font-size:24px;color:#2ca6e0}.Video .share_layer .content .link_box{position:absolute;bottom:40px;left:35px;display:flex;align-items:center}.Video .share_layer .content .link_box .el-input{width:295px;margin-left:20px;margin-right:30px}.Video .share_layer .content .link_box .el-input /deep/ .el-input__inner{color:#2ca6e0;font-size:18px}.Video .share_layer .content .link_box .el-button{font-size:18px}.Video .share_layer .content .ewm{width:120px;height:120px;position:absolute;right:55px;top:50%;margin-top:-60px}.Video .share_layer .content .ewm /deep/ img{width:100%;height:100%}.Video .zhubo_layer .content{width:530px;height:195px}.Video .zhubo_layer .content .title{color:#2ca6e0;font-size:24px;margin-top:20px;text-align:center}.Video .zhubo_layer .content .list{margin-top:15px;display:flex;justify-content:space-around}.Video .zhubo_layer .content .list .item .icon{width:85px;height:85px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:50%;cursor:pointer;transition:all .3s}.Video .zhubo_layer .content .list .item .icon:hover{background:#2ca6e0}.Video .zhubo_layer .content .list .item .end,.Video .zhubo_layer .content .list .item .end:hover{background:#d9312d}.Video .zhubo_layer .content .list .item .text{font-size:14px;text-align:center;margin-top:5px}.Video .userList_layer .content{width:990px;height:610px}.Video .userList_layer .content .title{font-size:24px;margin-top:20px;margin-left:40px}.Video .userList_layer .content .list{display:flex;flex-wrap:wrap;padding:0 80px}.Video .userList_layer .content .list .item{display:flex;align-items:center;margin-top:60px;margin-right:40px;cursor:pointer}.Video .userList_layer .content .list .item .avatar{width:60px;height:60px;border-radius:50%;margin-right:20px}.Video .userList_layer .content .list .item .info{width:170px;font-size:24px}.Video .userList_layer .content .list .item .info .bumen{font-size:18px;color:#999}.Video .userList_layer .content .list .item:nth-child(3n){margin-right:0}.Video .userList_layer .content .pagination{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.Video .userList_layer .content .pagination /deep/ .number{font-size:18px;margin:0 10px;padding:0;font-weight:400}.Video .userList_layer .content .pagination /deep/ .active{background:#000;color:#fff}.Video .dati_layer .content{width:560px;height:390px}.Video .dati_layer .content .icon{margin:60px auto 30px}.Video .dati_layer .content .tips{text-align:center;font-size:24px}.Video .dati_layer .content .btn{margin:30px auto 0;width:300px;text-align:center;line-height:68px;font-size:24px;border:1px solid #999;border-radius:40px;cursor:pointer;transition:all .3s}.Video .dati_layer .content .btn:hover{background:#2ca6e0;color:#fff}.Video .layer_wrap{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.3);top:0;left:0;z-index:999}.Video .layer_wrap .content{background:#fff;border-radius:10px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.Video .layer_wrap .content .close{position:absolute;right:15px;top:10px;cursor:pointer}.Video ::-webkit-scrollbar{width:10px}.Video ::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.Video .bulletChat .item{height:30px;line-height:30px;color:#fff;transform:translateX(100%)}.Video .bulletChat .item img{width:30px;height:30px;vertical-align:middle;margin-left:5px;display:inline}.Video .bulletChat .activeItem{transform:translateX(-100%);transition:all 7s linear}.fabulousAnimation1{animation-name:fabulous1}.fabulousAnimation2{animation-name:fabulous2}.fabulousAnimation3{animation-name:fabulous3}.fabulousAnimation4{animation-name:fabulous4}@keyframes fabulous1{0%{opacity:1}50%{transform:translate(30px,-80px)}80%{opacity:1}to{transform:translate(-10px,-160px);opacity:0}}@keyframes fabulous2{0%{opacity:1}50%{transform:translate(-30px,-70px)}80%{opacity:1}to{transform:translate(10px,-140px);opacity:0}}@keyframes fabulous3{0%{opacity:1}50%{transform:translate(20px,-60px)}80%{opacity:1}to{transform:translateY(-120px);opacity:0}}@keyframes fabulous4{0%{opacity:1}50%{transform:translate(-20px,-60px)}80%{opacity:1}to{transform:translateY(-120px);opacity:0}}