/* pages/test/test.wxss */ .logistics{ height: 100%; } .list-table{ margin-top: 15rpx; /* height: 100%; */ width: 95%; } .list-cell{ margin:20rpx 2.5% 0rpx 2.5%; background: white; /* display: flex; */ position: relative; } .logistics_centent{ margin-left: 100rpx; font-size: 30rpx; color: #666 } .logistics_centent .centent{ padding-bottom: 20rpx; line-height: 30rpx; } .dot{ width: 25rpx; height: 25rpx; background-color: #9d9d9d; border-radius: 50%; margin:0rpx 20rpx 0rpx 35rpx; } .in{ background-color: #FA5151; /* animation: my_animation 2s infinite; */ } /* @keyframes my_animation{ 100% { transform: scale(2); background-color: transparent; } } */ .no_in{ background-color:#9d9d9d; } .line{ position: absolute; top: 25rpx; left: 48rpx; width: 2rpx; height: 100%; background-color:#9d9d9d; } .logInf{ height: 120rpx; padding:15rpx 30rpx; position: relative; } .logInf .view1{ height: 50%; font-size: 28rpx; line-height: 50rpx } .text1{ color: #333333; font-size: 30rpx; margin-right: 20rpx } .fillline{ background-color: #f4f5f6; height: 20rpx; } .copy{ font-size: 22rpx; color: #999; display: inline-block; width: 100rpx; height: 40rpx; position: absolute; bottom: 20rpx; right: 30rpx; border: 1px solid #999999; text-align: center; line-height: 40rpx; }