.page-green-lives{display:flex;height:calc(100vh - 118px);overflow:hidden}.page-green-lives .side{width:300px;overflow:auto;padding:10px 0}.page-green-lives .side .item{padding:10px;font-size:13px;background-color:#f6f7f8;border-radius:4px;cursor:pointer}.page-green-lives .side .item+.item{margin-top:10px}.page-green-lives .side .item.active{color:#fff;background-color:rgba(255,98,98,.7)}.page-green-lives .side .title{font-weight:700}.page-green-lives .side .anchor{display:flex;align-items:center;margin-top:8px}.page-green-lives .side .anchor .avatar{display:block;border-radius:50%;width:18px;height:18px;margin-right:4px}.page-green-lives .content{flex:1;position:relative;padding:10px}.page-green-lives .content .mplayer{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f6f7f8;border-radius:4px}.page-green-lives .content .mplayer .bg{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(20px)}.page-green-lives .content .mmplayer{position:relative;width:100%;padding-top:56.25%;z-index:9}.page-green-lives .content .mmmplayer{position:absolute;top:0;left:0;width:100%;height:100%}