page { height: 100%; width: 100%; background: #f4f4f4; } .container { background: #f4f4f4; height: auto; overflow: hidden; width: 100%; } .top{ height: 320rpx; padding:15rpx ; background-color: #242a48; align-items: center; text-align: center; display: flex; } .profile-info { font-size: 28rpx; width: 100%; } .profile-info .avatar { height: 108rpx; width: 108rpx; border-radius: 50%; border:2rpx solid #a98f76 } .profile-info .name { display: block; height: 26rpx; line-height: 26rpx; color: #ffffff; font-size: 24.5rpx; margin-top: 10rpx; } .profile-info .cert { display: block; color: #a98f76; margin-top: 20rpx; height: 40rpx; height: 26rpx; line-height: 26rpx; font-size: 26rpx; } .profile-info .cert .txt { height: 26rpx; line-height: 26rpx; font-size: 26rpx; } .profile-info .cert .p { height: 32rpx; line-height: 32rpx; font-size: 32rpx; font-weight: 500; } .middle{ margin-left: 50rpx; margin-right: 50rpx; height: 80rpx; line-height: 80rpx; border-radius: 40rpx; background-image: linear-gradient(to right, #ab956d 0%, #ab956d 100%); display: flex; margin-top: -40rpx; margin-bottom: 20rpx; } .middle .point{ flex:2; color: #ffffff; font-size: 26rpx; text-align: center; } .middle .desc{ flex:2; color: #ffffff; font-size: 26rpx; text-align: center; } .user_column { height: 210rpx; line-height: 210rpx; display: flex; margin: 15rpx; border-radius: 25rpx; background: #fff; align-items: center; } .goods { display: flex; align-items: center; height: 199rpx; border-radius: 25rpx; background: #ffffff; margin: 15rpx; } .goods .img { height: 145.83rpx; width: 205.83rpx; margin-left: 50rpx; margin-right: 10rpx; } .goods .img image { height: 145.83rpx; width: 145.83rpx; } .goods .info { height: 185.83rpx; flex: 1; padding-left: 20rpx; } .goods .name { display: block; font-size: 36rpx; height: 36rpx; line-height: 36rpx; color: #a98f76; margin-top: 10rpx; } .goods .price { display: block; font-size: 22rpx; height: 22rpx; line-height: 22rpx; color: #242a48; margin-top: 15rpx; } .goods .point { display: block; font-size: 22rpx; height: 22rpx; line-height: 22rpx; color: #242a48; margin-top: 5rpx; margin-bottom:15rpx ; } .goods .btn{ width: 140rpx; height: 60rpx; line-height: 62rpx; padding: 0; margin: 0; margin-right: 5rpx; text-align: center; padding-left: -5rpx; font-size: 25rpx; color: #f4f4f4; border-radius: 30rpx; letter-spacing: 3rpx; background-color: #242a48; }