.aDet { width: 100%; min-height: 100vh; .headImg { width: 750rpx; height: 510rpx; } .body { display: flex; flex-direction: column; align-items: center; padding-bottom: 150rpx; .template { position: relative; width: 100%; height: 780rpx; background-size: 100% 100%; .content { position: absolute; top: 106rpx; left: 0px; right: 0px; margin: auto; width: 650rpx; height: 520rpx; background-color: #D8D8D8; border-radius: 20rpx; } .btns { position: absolute; bottom: 52rpx; width: 100%; display: flex; align-items: center; justify-content: space-between; .changeBtn { margin-left: 60rpx; width: 226rpx; height: 82rpx; } .recording { margin-right: 60rpx; width: 298rpx; height: 82rpx; } } } } .footerBox { position: fixed; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 130rpx; background-color: white; box-shadow: 0 2rpx 44rpx 0 rgba(0, 0, 0, 0.50); font-size: 0rpx; .goGreeting { width: 313rpx; height: 88rpx; } } }