123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 |
- page {
- height: 100%;
- width: 100%;
- background: rgba(255, 216, 174, 1);
- }
- .container {
- text-align: center;
- /* margin: 20rpx; */
- background: rgba(255, 216, 174, 1);
- }
- .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);
- }
|