12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- page{
- padding-bottom: 40rpx;
- }
- .plan-box{
- padding-left: 30rpx;
- }
- /* 顶部推荐标题 */
- .plan-top{
- width: 690rpx;
- background-color: #fff;
- height: 234rpx;
- border-radius: 24rpx;
- margin-top: 20rpx;
- text-align: center;
- padding: 0 30rpx;
- padding-top: 30rpx;
- box-sizing: border-box;
- }
- .plan-top-title{
- color: #333333;
- font-weight: 600;
- font-size: 32rpx;
- }
- .plan-top-content{
- margin-top: 20rpx;
- font-size: 28rpx;
- color: #333;
- }
- /* 推荐步骤 */
- .plan-item{
- width: 690rpx;
- background-color: #fff;
- border-radius: 24rpx;
- padding: 30rpx;
- box-sizing: border-box;
- margin-top: 20rpx;
- }
- .plan-item-step{
- color: #333;
- font-size: 28rpx;
- margin-bottom: 30rpx;
- }
- .plan-item-step text{
- color: #333;
- font-size: 28rpx;
- }
- .plan-item-step{
- color: #333;
- font-size: 28rpx;
- margin-bottom: 30rpx;
- }
- .plan-item-box{
- display: flex;
- margin-top: 30rpx;
- }
- .item-box-image image{
- width: 76rpx;
- height: 76rpx;
- margin-right: 20rpx;
- border-radius: 10rpx;
- }
- .item-box-title{
- flex: 1;
- }
- .item-box-title .title-one{
- font-size: 24rpx;
- color: #333;
- }
- .item-box-title .title-two{
- font-size: 20rpx;
- color: #999999;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .title-two .one{
- margin-right: 80rpx;
- }
- .item-box-title .title-two .two text{
- font-size: 20rpx;
- color: #999999;
- }
- .item-box-title .title-two .two text:first-child{
- font-size: 28rpx;
- color: #FA7D22;
- }
- .radio{
- width: 96rpx;
- height: 50rpx;
- border-radius: 26rpx;
- border: 1rpx solid #FA7D22;
- font-size: 24rpx;
- text-align: center;
- line-height: 50rpx;
- color: #FA7D22;
- }
|