.media-wrapper{position:absolute;顶部：0；左：0；宽度：100%；高度：100%；背景：rgba(0,0,0,0.52);z-指数：1010；i{color:#fff}.media-controller{position:absolute;左：50%；底部：30px；transform:translateX(-50%)}.media-close{position:absolute;右：5px；顶部：5px；我{字体大小：30px;}}.media-content{div{位置：绝对；顶部：50%；//背景：绿色；颜色：#fff；文本对齐：居中；字体大小：30px；过渡：所有.56s轻松；img{最大宽度：100%；最大高度：100%}视频{宽度：100%；}}.media-center{高度：50%；宽度：40%；左：50%；转换：翻译（-50%，-50%）；z-指数：1011；}.media-left,.media-right{width:25%;高度：35%；滤镜：灰度（90%）；}.media-right{左：100%；转换：翻译（-105%，-50%）；}.media-left{左：0；转换：翻译（5%，-50%）；}.media-hide{高度：0；宽度：0；左：50%；z-指数：1010；:0;}}}先上传效果图再上传源码
