@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ .top.data-v-3dfe1540 { padding: 40rpx 0; background-color: #fff; margin: 20rpx 0; } .top .top-t.data-v-3dfe1540 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 55rpx; } .top .top-t .top-item.data-v-3dfe1540 { width: 160rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 30rpx; } .top .top-t .top-item image.data-v-3dfe1540 { width: 160rpx; height: 160rpx; background: #ffffff; border-radius: 14px; margin-bottom: 15rpx; } .top .top-t .top-item .item-tit.data-v-3dfe1540 { font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #333333; line-height: 1; } .main.data-v-3dfe1540 { background-color: #fff; padding-right: 30rpx; height: 100%; position: relative; } .main .line.data-v-3dfe1540 { width: 2rpx; height: 100%; background-color: #fa7e67; position: absolute; left: 60rpx; } .main .item.data-v-3dfe1540 { position: relative; } .main .item image.data-v-3dfe1540 { width: 45rpx; height: 45rpx; background: #fa7e67; border-radius: 50%; position: absolute; top: 49rpx; left: 40rpx; z-index: 3; } .main .item .item-info.data-v-3dfe1540 { width: 600rpx; position: relative; left: 112rpx; padding-bottom: 34rpx; border-bottom: 1px solid #ededed; } .main .item .item-info .item-tit.data-v-3dfe1540 { padding-top: 52rpx; font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: #333333; line-height: 1; } .main .item .item-info .item-tit text.data-v-3dfe1540 { display: inline-block; width: 87rpx; height: 33rpx; border: 1px solid #0ec400; border-radius: 5rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #0ec400; text-align: center; line-height: 30rpx; margin-left: 10rpx; } .main .item .item-info .item-time.data-v-3dfe1540 { padding-top: 17rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #bfbfbf; line-height: 1; } .main .item .item-info .item-num.data-v-3dfe1540 { margin-top: 21rpx; height: 392rpx; width: 592rpx; background-color: red; } .main .item .item-info .all-info.data-v-3dfe1540 { margin-top: 20rpx; width: 601rpx; height: 174rpx; border: 1px solid #cccccc; border-radius: 10rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #999999; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .main .item .item-info .all-info view.data-v-3dfe1540 { -webkit-flex-shrink: 0; flex-shrink: 0; width: 50%; padding-left: 20rpx; } .main .item .item-info .all-info view text.data-v-3dfe1540 { display: inline-block; margin-left: 5rpx; color: #000000; } .main .item .item-info .all-info view .jd.data-v-3dfe1540 { color: #e80000; } .main .item .line1.data-v-3dfe1540 { position: absolute; width: 2rpx; height: 61rpx; background-color: #fff; top: 0; left: 60rpx; z-index: 2; } .main .item .line2.data-v-3dfe1540 { position: absolute; width: 2rpx; height: 250rpx; background-color: #fff; bottom: 0; left: 60rpx; } .main .item .line5.data-v-3dfe1540 { position: absolute; width: 2rpx; height: 100%; background-color: #fa7e67; top: 0; left: 60rpx; z-index: 1; } .main .item .line6.data-v-3dfe1540 { position: absolute; width: 2rpx; height: 61rpx; background-color: #fa7e67; top: 0; left: 60rpx; }