page { background: #f8f8f8; } .page-view { background: linear-gradient(#3960fe, #4e71fc, #f8f8f8); height: 495rpx; width: 100%; } .top-boxb { background-color: #fff; border-radius: 14rpx; height: 150rpx; margin: 30rpx; padding: 30rpx; } .top-title { color: #fff; padding-top: 30rpx; text-align: center; } .top-title-b { display: block; font-size: 50rpx; font-weight: 700; } .top-title-l { display: block; font-size: 25rpx; margin-bottom: 20rpx; margin-top: 20rpx; } .top-box { background-color: #fff; border-radius: 14rpx; height: 230rpx; margin: 30rpx; padding: 30rpx; } .box-text { display: inline-block; } .brand-text { display: block; font-size: 36rpx; font-weight: 700; height: 46rpx; line-height: 46rpx; } .order-text { color: #999; margin: 20rpx 0; } .kilm-text, .order-text { display: block; font-size: 30rpx; } .kilm-text { background-color: #e8f3ff; } .kilm-text, .none-text { border-radius: 5rpx; color: #3292ff; height: 42rpx; line-height: 42rpx; text-align: center; width: 200rpx; } .none-text { display: block; font-size: 30rpx; } .pai-text, .type-text { color: #ff6412; display: inline-block; font-size: 30rpx; } .type-text { margin-right: 30rpx; margin-top: 20rpx; } .box-img { display: inline-block; margin-top: 45rpx; text-align: center; vertical-align: top; width: 30%; } .logo-img { width: 160rpx; } .carpars-status { display: block; } .single-pars { display: inline-block; text-align: center; width: 25%; } .pars-desc { border-radius: 50%; color: #fff; display: block; font-size: 27rpx; height: 80rpx; line-height: 80rpx; margin: auto; text-align: center; width: 80rpx; } .status-true { background-color: #5ebb5b; } .status-false { background-color: #f47e50; } .pars-title { display: block; margin-top: 10rpx; } .lineView { background-color: #d8d8d8; height: 1px; margin: 20rpx auto; width: 100%; } .content-view { background-color: #fff; border-radius: 14rpx; margin: 30rpx; padding: 30rpx; } .content-desc { border-bottom: 1rpx solid #ddd; height: 56rpx; padding: 10rpx 30rpx 20rpx; } .content-title { float: left; font-size: 36rpx; font-weight: 700; } .content-shuo, .content-title { height: 46rpx; line-height: 46rpx; } .content-shuo { color: #999; float: right; font-size: 27rpx; } .content-detail-single { margin-top: 10rpx; } .content-left { display: inline-block; width: 8%; } .yuandian { border-radius: 50%; display: inline-block; float: left; height: 16rpx; margin: 27rpx 20rpx 27rpx 0rpx; width: 16rpx; } .first-dian { background-color: #3e61f0; } .no-dian, .shuline { background-color: #e5e5e5; } .shuline { display: inline-block; height: 120rpx; width: 1rpx; } .content-right { display: inline-block; width: 100%; } .veibao-title { font-size: 36rpx; font-weight: 700; height: 70rpx; line-height: 70rpx; } .veibao-time { float: left; } .veibao-remark { float: right; font-size: 30rpx; } .remark-yang { color: #389e0d; } .remark-xiu { color: #fa8c16; } .remark-shi { color: #ff4d4f; } .veibao-text { background-color: #f8f8f8; border-radius: 8rpx; font-size: 30rpx; padding: 20rpx; } .veibao-xiangmu { padding: 10rpx; } .xiangmu-title { color: #999; display: inline-block; vertical-align: top; width: 28%; } .xiangmu-detail { color: #666; display: inline-block; width: 72%; } .tiaobiao { border-radius: 3rpx; color: #fa8c16; }