/* pointExchange/pages/my/my.wxss */ .main{ padding: 0 30rpx; } .view-type{ background: #FFFFFF; border-bottom: 1px solid #F3F3F3; } .view-li-wrap{ padding:30rpx; box-sizing: border-box; } .view-li{ font-size: 28rpx; font-family: PingFang SC, PingFang SC-Medium; font-weight: 500; text-align: center; border-radius: 26rpx; background: transparent; line-height: 51rpx; height: 51rpx; padding: 0 24rpx; } .view-li-active{ background: #9DDB52; color:white; } .view-li>text{ position: relative; padding: 30rpx 0; } /*卡片*/ .card{ width: 100%; background: #ffffff; border-radius: 20px; padding: 22rpx 20rpx; box-sizing: border-box; position: relative; margin-bottom: 15rpx; } .card .status{ position: absolute; top: 22rpx; left: 20rpx; z-index: 10; height: 39rpx; width: 119rpx; text-align: center; color: white; background-size: cover; font-size: 24rpx; line-height: 39rpx; background: rgba(251,177,120,0.9); background-position: left; border-radius: 20rpx 0 0 0; } .card .head{ display: inline-block; vertical-align: middle; width: 206rpx; height: 206rpx; border-radius: 20rpx; background: #f6f6f6; margin-right: 28rpx; } .card .right{ display: inline-block; vertical-align: top; width: calc(100% - 206rpx - 40rpx - 48rpx); } .card .right .title{ font-size: 34rpx; font-weight: 400; color: #292929; margin-bottom: 16rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .card .right .tip{ font-size: 28rpx; font-weight: 400; color: #999999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; margin-bottom: 16rpx; } .card .right .addr{ width: 200rpx; font-size: 28rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 14rpx; color: #999999; } .card .right .sub{ display: inline-block; vertical-align: top; font-size: 28rpx; font-weight: 400; text-align: left; color: #999999; } .sub .red{ color: #FF0000; font-weight: 500; text-align: left; } .right .btn{ position: absolute; bottom: 20rpx; right: 20rpx; font-size: 32rpx; line-height: 60rpx; background: #9ddb52; color: white; border: 2px solid #ffffff; border-radius: 32rpx; text-align: center; } .top-tip{ font-size: 34rpx; font-weight: 400; color: #333333; margin-bottom: 7rpx; text-align: center; } .bottom-tip{ font-size: 30rpx; font-weight: 400; text-align: center; color: #999999; text-align: center; } .success-icon{ display: block; width: 57rpx; height: 57rpx; margin: 0 auto 27rpx auto; }