page { background-color: rgb(240, 240, 240); } /* 导航条开始 */ .navbar { height: 88rpx; padding: 0 62rpx; display: flex; justify-content: space-around; /* background : linear-gradient(136deg,#4e8fff 2%, #55c2fa); */ background-color: #ffffff; font-size: 30rpx; color: #969799; border-radius: 2px 0px 0px 2px; } .navbar .item { width: 346rpx; height: 64rpx; line-height: 66rpx; font-size: 24rpx; position: relative; text-align: center; /* background-color: #FFC909; */ /* border-radius : 19px; */ } .navbar .item.choose { color: black; /* background: linear-gradient(136deg, #4e8fff 2%, #55c2fa); */ } .navbar .item.choose:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 80rpx; height: 6rpx; background: #21AE58; margin: 0 auto; } .list { margin: 24rpx 34rpx; padding: 24rpx; display: flex; justify-content: space-between; background-color: #ffffff; border-radius: 24rpx; } .list image { width: 240rpx; height: 240rpx; } .list_right { padding: 24rpx; width: 374rpx; display: flex; flex-direction: column; justify-content: space-between; } .list_right :nth-child(1) { height: 80rpx; font-size: 28rpx; font-family: PingFangSC, PingFangSC-Regular; font-weight: 400; text-align: left; color: #323233; line-height: 40rpx; } .list_right :nth-child(2) { text-align: right; color: #21AE58; font-size: 32rpx; }