.page { background-color: #F9F9F9; width: 100%; height: 100%; } .head{ position: fixed; left: 0; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100rpx; /* #ifdef MP */ height: calc(120rpx + var(--status-bar-height)); padding-top: calc(40rpx + var(--status-bar-height)); /* #endif */ background-color: rgba(255,255,255,1); .logo-title{ width: 64%; color: #000; padding-left: 25rpx; font-size: 32rpx; display: flex; align-items: center; image { width: 32rpx; height: 32rpx; margin-right: 10rpx; } } .title{ } .setting-mess{ width: 20%; display: flex; align-items: center; height: 100%; margin-right: 25rpx; } } .main { margin-top: 100rpx; } .pay-price{ width: 100%; padding-top: 200rpx; .icon{ width: 300rpx; height: 300rpx; margin: 0 auto; image{ width: 100%; height: 100%; } } .price-data{ text-align: center; margin-top: 50rpx; .list{ width: 100%; color:#8D8D8D; .title{ font-size: 35rpx; font-weight: bold; color: #000; margin-top: 60rpx; margin-bottom: 20rpx; } } } } /* 跳转按钮 */ .skip-btn{ width: 100%; margin-top: 90rpx; padding: 0 60rpx; .cart-add{ display: flex; align-items: center; justify-content: center; width: 100%; background-color: #EEEEEE; border-radius: 30rpx; height: 80rpx; margin: 35rpx 0; text{ color: #6F6F6F; } } .buy-at{ display: flex; align-items: center; justify-content: center; width: 100%; background-color: #477EFF; border-radius: 30rpx; height: 80rpx; margin: 35rpx 0; text{ color: #FFFFFF; } } }