| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176 |
- .panel1{
- width:100%;
- height: 110rpx;
- justify-content: flex-start;
- background-color: #fff;
- }
- .avatar{
- width:50rpx;
- height:50rpx;
- border-radius: 20rpx;
- margin-left: 30rpx;
- }
- .text1{
- font-size: 28rpx;
- font-weight: 400;
- margin-left: 22rpx;
- color: #4d4d4d;
- }
- .panel2{
- width: 100%;
- justify-content: flex-start;
- margin: 60rpx 0 30rpx 0;
- }
- .text2{
- font-size: 36rpx;
- margin: 0 30rpx;
- color: #4d4d4d;
- }
- .panelItem{
- width:100%;
- background-color: #fff;
- justify-content: space-between;
- position: relative;
- overflow: hidden;
- }
- .panelItem1{
- margin: 20rpx 0 20rpx 0;
- width: 150rpx;
- }
- .panelItem2{
- width:300rpx;
- justify-content: flex-start;
- position: relative;
- }
- .panelItem22{
- width:20rpx;
- position: relative;
- }
- .line{
- width:3rpx;
- height:300rpx;
- position: absolute;
- left:36rpx;
- top:-100rpx;
- z-index: 50;
- background-color: #d2d2d2;
- }
- .circle{
- width:10rpx;
- height:10rpx;
- border-radius: 50%;
- border:3rpx solid #d2d2d2;
- background-color: #fff;
- margin-left: 30rpx;
- z-index: 60;
- }
- .panelItem21{
- font-size:28rpx;
- color:#4d4d4d;
- margin-left: 24rpx;
- }
- .avatar2{
- width:80rpx;
- height:80rpx;
- border-radius: 20rpx;
- }
- .text3{
- font-size: 20rpx;
- margin-top: 20rpx;
- color: #1e1e1e;
- }
- .text4{
- font-size: 28rpx;
- margin-right: 30rpx;
- color: #787878;
- }
- .IsMe{
- background-color: #FFE4B6;
- }
- .panel3{
- width: 100%;
- justify-content: flex-start;
- height:190rpx;
- align-items: flex-start;
- }
- .text5{
- font-size: 36rpx;
- margin: 60rpx 30rpx 0 30rpx;
- color: #4d4d4d;
- }
- .text6{
- font-size: 36rpx;
- margin: 0 30rpx 0 30rpx;
- color: #4d4d4d;
- }
- .Number1{
- font-family: 'Roboto-Black';
- font-size:36rpx;
- color:#4D4D4D;
- margin-right: 6rpx;
- }
- .panel4{
- width: 100%;
- min-height:372rpx;
- background-color: #fff;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .panel41{
- width:150rpx;
- min-height:168rpx;
- justify-content: flex-start;
- }
- .product_icon_mg_70x70{
- width:80rpx;
- height:80rpx;
- border-radius: 20rpx;
- margin-top: 30rpx;
- }
- .text7{
- width:110rpx;
- font-size:20rpx;
- font-weight: 400;
- text-align: center;
- margin-top:20rpx;
- }
- .text8{
- width:110rpx;
- font-size:20rpx;
- font-weight: 400;
- text-align: center;
- }
- .line2{
- width:2rpx;
- height:14rpx;
- background-color: #d2d2d2;
- margin: 0 6rpx;
- }
- .Number2{
- font-family: 'Roboto-Black';
- color:#4D4D4D;
- margin: 6rpx;
- }
|