page { height: 100%; width: 100%; /* background: rgba(255, 216, 174, 1); */ } .container { text-align: center; padding-bottom:80rpx; /* margin: 20rpx; */ /* background: rgba(255, 216, 174, 1); */ } .first-buy-title{ height: 34px; line-height: 34rpx; padding:0 34rpx; display: flex; align-items: flex-end; font-size: 34rpx; font-weight: bold; } .first-buy-title .remark{ margin-left:16rpx; font-size: 20rpx; font-weight: normal; } .good-list{ padding:0 20rpx; display: flex; justify-content: space-between; flex-wrap: wrap; } .good-item{ margin-bottom:10rpx; } .good-img{ width:350rpx; height: 224rpx; } .banner-item{ margin-bottom:10rpx; } .banner-img{ width:712rpx; height: 190rpx; margin:0 auto; } .arvator { width: 180rpx; height: 180rpx; border-radius: 50%; margin-top: -80rpx; } .recevie { margin: 0 50rpx; margin-top: 120rpx; background: #FFFFFF; border-radius: 40px; } .content { display: flex; flex-direction: column; } .name { font-size: 18px; font-weight: 400; color: #333; } .gift { height: 39px; font-size: 22px; font-weight: 400; color: #333; margin: 10rpx; } .content image { width: 360rpx; margin: 0 auto; } .btn { width: 302px; height: 45px; background: rgba(182, 117, 86, 1); border-radius: 22.5px; margin: 0 auto; line-height: 45px; font-size: 32rpx; font-size: 36rpx; color: #fff; margin-bottom: 20rpx; } .des { margin-bottom: 50rpx; color: rgba(171, 171, 171, 1); } .title { font-size: 30px; line-height: 39rpx; font-weight: 400; color: #B67556; margin: 20rpx 0rpx; } .txt { font-size: 15px; font-weight: 400; color: rgba(46, 46, 46, 1); margin: 30rpx; } .bottom { position: fixed; bottom: 20rpx; /* z-index: -1; */ /* position: fixed; */ /* bottom: 0rpx; */ width: 100%; height: 180rpx; /* background: #EECFB1; */ text-align: center; padding-top: 20rpx; display: flex; flex-direction: column; } .salgon { height: 34px; font-size: 30px; font-weight: 600; color: #B67556; line-height: 42px; } .bottom text { height: 80rpx; line-height: 80rpx; color: rgba(182, 117, 86, 1); }