carInsightSystem_wxapp/subPackages/pages/detail/index.wxss

.d-page {
    width: 100%;
}

.d-top {
    position: relative;
    display: flex;
    justify-content: center;
    height: 430rpx;
    background: #006BFF;
    border-top: 1px solid transparent;
}

.d-top-cp {
    position: relative;
    width: 83%;
    padding: 10px 13px;
    height: 300rpx;
    background: rgba(255, 255, 255, 0.2000);
    border-radius: 4px;
    border: 1px solid;
    margin-top: 10px;
    border-image: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) 1 1;
}

.d-top-cp-d1 {
    display: flex;
    justify-content: space-between;
}

.d-top-cp-d1-s1 {
    padding: 3px 7px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 12px;
    color: #0084FF;
    font-weight: 600;
}

.dtcd1-dd2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.d-top-cp-d1-m1 {
    width: 30rpx;
    height: 30rpx;
}

.d-top-cp-d1-s2 {
    display: inline-block;
    font-size: 12px;
    color: #98CDFF;
    margin-left: 5px;
}

.d-top-cp-d2 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
}

.d-top-cp-d3 {
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(117deg, rgba(245, 245, 245, 0) 0%, #EEEEEE 50%, rgba(232, 232, 232, 0) 100%);
    left: 0px;
    bottom: 53px;
}

.d-top-cp-d4 {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 93%;
    height: 50px;
    bottom: 0px;
}

.d-top-cp-d4-dd1 {
    margin-top: 8px;
}

.b-c-top-bm {
    position: absolute;
    width: 100%;
    height: 15px;
    background-color: #fff;
    bottom: 0px;
    left: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bc-cont {
    padding: 0px 13px 10px 15px;
}

.bc-c-d1 {
    background-color: #fff;
    padding: 16rpx;
    font-size: 13px;
    color: #333333;
    line-height: 1.6;
    letter-spacing: 1px;
}

.bc-c-d2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
}

.bc-c-d3 {
    position: relative;
    background-color: #fff;
    padding: 16px;
    margin-top: 8px;
}

.bc-c-d3-dd1 {
    display: flex;
    justify-content: space-between;
}

.bc-c-d3-dd2 {
    color: #333333;
    margin-top: 12px;
}

.bc-c-d3-dd3 {
    display: flex;
    justify-content: flex-start;
    margin-top: 12px;
}

.loading {
    position: relative;
    bottom: 5rpx;
    padding: 10rpx;
    text-align: center;
    font-size: 12px;
}

.vd-outer {
    padding: 16px;
}

.vd-i-d1 {
    font-size: 17px;
    font-weight: 600;
    color: #D0D0D0;
}

.vd-i-d2 {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    margin-top: 7px;
    display: flex;
    justify-content: flex-start;
}

.imgs {
    border-radius: 8rpx;
    max-width: 100% !important;
    height: auto !important;
}

.imgs2 {
    border-radius: 8rpx;
    width: auto !important;
    height: auto !important;
}