123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119 |
- .border-radius {
- background: #FFFFFF;
- box-shadow: 0rpx -2rpx 16rpx 0rpx rgba(0, 0, 0, 0.04);
- border-radius: 24rpx;
- margin: 22rpx 0;
- }
- page {
- background: #F9F9F9;
- /* background: #fff; */
- height: 100%;
- }
- .title text {
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- /* margin-left: 16rpx; */
- }
- .btm-box-text {
- font-size: 28rpx;
- color: #666666;
- }
- .content {
- padding: 0 28rpx 28rpx;
- }
- .header {
- height: 218rpx;
- padding: 0 24rpx 0 8rpx;
- }
- .header image {
- width: 226rpx;
- height: 143rpx;
- }
- .progress {
- padding: 32rpx 28rpx;
- margin-top: -74rpx;
- }
- .progress .left-box {
- width: 140rpx;
- height: 100%;
- margin-right: 40rpx;
- }
- .progress .left-box image {
- width: 104rpx;
- height: 104rpx;
- margin-bottom: 6rpx;
- border-radius: 12rpx;
- }
- .progress .scroll::-webkit-scrollbar {
- display: none;
- /* Chrome Safari */
- }
- .progress .item {
- /* margin-top: 30rpx; */
- margin-right: 40rpx;
- }
- .progress .item image {
- width: 104rpx;
- height: 104rpx;
- margin-bottom: 6rpx;
- }
- .list-box {
- padding: 0rpx 28rpx 32rpx;
- }
- .list .btn-box {
- padding: 46rpx 0 40rpx;
- }
- .list .btn-box image {
- width: 28rpx;
- height: 28rpx;
- margin-right: 12rpx;
- }
- .list .btn-box .btn text {
- font-size: 28rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- }
- .list .btn-box .btn .line {
- margin: 0 20rpx;
- }
- .list .item {
- background: #FFF7FA;
- border-radius: 16px;
- padding: 36rpx 20rpx;
- }
- .list .item image {
- width: 112rpx;
- height: 112rpx;
- background: #ECECEC;
- margin-right: 20rpx;
- border-radius: 16rpx;
- }
- .list .item .item-btn {
- padding: 0 20rpx;
- height: 54rpx;
- color: #fff;
- background: #FA7D22;
- border-radius: 27rpx;
- font-size: 28rpx;
- box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.06);
- }
|