/* pages/Add/index.wxss */ page{ background: #f8f8fa; } .exchange { width: 100%; height: 100%; background: #f8f8fa; } .exchangeBox{ margin-top: -45rpx; } .radian{ width: 100%; height: 100rpx; border-radius: 0 0 100rpx 100rpx; background-color: #52A0FD; } .section { width: 710rpx; /* height: 176rpx; */ margin-top: 8%; background: #fff; display: flex; flex-direction: column; border: 1px solid #eaeaea; border-radius: 18rpx; margin: auto; } .section view { position: relative; width: 92%; height: 88rpx; line-height: 88rpx; display: flex; justify-content: space-between; padding: 0 4%; /* border-bottom: 1px solid #f5f5f5; */ } .section view text { font-size: 30rpx; color: #999999; letter-spacing: 1.16rpx; } .section view text:nth-child(2) { font-size: 28rpx; color: #000; letter-spacing: 1.16rpx; text-align: right; } button{ width: 710rpx; height: 94rpx; margin-top: 88rpx; color: #FFF; font-size: 36rpx; background-color: #52A0FD; box-shadow:0px 10px 22px 2px rgba(82,160,253,0.51); } .img { margin-top: -60rpx; display: block; width: 100%; } .butBox{ display: flex; } .butBox button{ width: 344rpx; height: 130rpx; line-height: 130rpx; border-radius: 30rpx; } .butBox :nth-child(1){ background-color: #52A0FD; box-shadow:0px 10px 22px 2px rgba(82,160,253,0.51); } .butBox :nth-child(2){ background-color: #FF6A6B; box-shadow:0px 10px 22px 2px rgba(255,106,107,0.51); } .phoneDes{ font-size: 26rpx; color: rgb(175, 168, 168); text-align: center; margin-top: 30rpx; }