@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { width: 100%; height: 100%; } .content { width: 100%; height: 100%; position: relative; } .content .bgimg { width: 100%; height: 100%; } .content .bgimg image { width: 100%; height: 100%; } .content .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #FFFFFF; padding: 0rpx 32rpx 0 32rpx; } .content .box .music { border-radius: 28rpx; position: absolute; left: 12rpx; top: 250rpx; } .content .box .title { margin-top: 234rpx; font-size: 54rpx; } .content .box .main { margin-top: 20rpx; font-size: 32rpx; } .content .box .main .box-2 { text-indent: 68rpx; margin-top: 12rpx; } .content .box .footer { margin-top: 32rpx; width: 100%; } .content .box .footer .box-1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; font-size: 28rpx; } .content .keepgo { -webkit-animation-play-state: paused; animation-play-state: paused; }