/* pages/detail/index.wxss */ .detail { min-height: 100%; padding: 0 12rpx; box-sizing: border-box; } .detail .timeStyle { text-align: right; padding-top: 10rpx; font-size: 12px; box-sizing: border-box; color: #919191; } .detail .titleStyle { text-align: left; box-sizing: border-box; padding-top: 10rpx; font-size: 14px; color: #282828; } .detail .videoList { box-sizing: border-box; display: inline-block; width: 363rpx; padding: 12rpx; } .detail .mantle { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); } .detail .close { border-radius: 50%; border: 1rpx solid #fff; width: 2em; height: 2em; position: relative; float: right; margin: 20rpx 20rpx 0 0; } .detail .left, .detail .right { height: 1rpx; border-radius: 5rpx; background-color: #fff; width: 1.6em; position: absolute; top: 50%; left: 0.2em; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .detail .right{ transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .detail .playVideo{ position: absolute; top: 50%; width: 750rpx; transform: translatey(-50%); }