page{ background: #fff; } .tiyanhead{ padding: 18rpx 34rpx; } .tiyanleft{ color:#06121E; font-size: 38rpx; position: relative; font-weight: bold; } .tiyanleft::after{ display:block; content:''; width:48rpx; height:6rpx; background: #FF5A4E; position: absolute; left:48rpx; bottom:-12rpx; border-radius: 14rpx; } .tiyanhead{ display:flex; align-items: center; justify-content: space-between } .tiyanzuo{ display:flex; align-items: center } .tiyanzhong{ color:#5B5E63; font-size: 26rpx; margin-left:60rpx; } .tiyanright{ display:flex; align-items: center; } .tiyanyou{ width:44rpx; height:40rpx; } .tiyanxie{ color:#5B5E63; font-size: 26rpx; margin-left:5rpx; } .tiyanbox{ margin-bottom:28rpx; } .tiyanboxitem{ display:flex; align-items: center; padding: 34rpx 20rpx; margin-top:24rpx; } .tiyanboxleft{ width:220rpx; height:220rpx; font-size: 0; flex:0 0 auto; } .tiyanbox{ padding: 24rpx 34rpx; box-sizing: border-box } .tiyanboxright{ margin-left:54rpx; } .tiyantopleft{ width:40rpx; height:40rpx; font-size: 0 } .tiyantop{ display:flex; align-items: center } .tiyanname{ color:#06121E; font-size: 28rpx; margin-left:16rpx; } .tiyantext{ color:#06121E; font-size: 30rpx; margin-top:18rpx; } .tiyanbottom{ display:flex; align-items: center; margin-top:46rpx; justify-content: space-between } .tiyanbolefimg{ width:32rpx; height:31rpx; font-size: 0 } .tiyanbotleft{ display:flex; align-items: center } .tiyanright{ display:flex; align-items: center; margin-left:18rpx; } .tiyanzanimg{ width:32rpx; height:32rpx; font-size: 0 } .zannum{ color:#FF5A4E; font-size: 22rpx; margin-left:15rpx; } .ditutext{ color:#8C9198; font-size: 22rpx; width:200rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left:4rpx; }