jili2-wxapp/pages/order/detail/index.wxss

/* pages/order/detail/index.wxss */
@import "/pages/device/recordDetail/detail.wxss";

.order-info {
    margin: 15rpx 20rpx -10rpx;
    width: 710rpx;
    height: 64rpx;
    background:rgba(130, 194, 205, 1);
    border-radius: 10rpx; 
}
.order-info-title {
    padding-left: 32rpx;
    font-size: 36rpx;
    line-height: 64rpx;
    font-weight: bold;
    color:rgba(255,255,255,1);
}
.complain {
    margin: 20rpx auto;
    width: 600rpx;
    height: 193rpx;
    background:rgba(248,248,248,1);
    border-radius:10rpx;
    padding: 20rpx;
}
.btn {
    margin-top: 30rpx;
    background-color: var(--themeColor);
    color: #fff;
    width: 100%;
    height: 75rpx;
    line-height: 75rpx;
}
.cancel {
    background-color: var(--themeColor);
    color: #fff;
    margin: 50rpx;
    font-size: 32rpx;
}
.stars {
    width: 680rpx;
    margin-left: 30rpx;
}
.stars .content view{
    font-size: 32rpx;
    color: #4a4a4a;
}
.stars .content>view:last-of-type{
    height: 40rpx;
    /* margin-top: 20rpx; */
}
.stars .content>view:last-of-type view{
    float: left;
    width: 42rpx;
    height: 42rpx;
    margin-right: 25rpx;
    background-size: 100% 100%;
}

.stars-score {
    width: 750rpx;
    height: 50rpx;
}

.voiceimg {
    width: 110rpx;
    height: 110rpx;
    float: right;
}

.images-img{
    width: 200rpx;
    height: 200rpx;
}
.stars-text {
    float: right;
    margin-right: 30rpx;
}
.stars-check {
    width: 50rpx;
    height: 50rpx;
}
.main-content input {
    margin-top: 35rpx;
}
.pull-right{
    font-size: 30rpx;
    font-weight: 500;
    color: rgba(153,153,153,1);
}

.device-header {
    width: 650rpx;
    height: 83rpx;
    line-height: 83rpx;
    padding: 0 30rpx;
    display: flex;
    justify-content: space-between;
}
.device-header-title {
    width: 300rpx;
}

.device-header-title.type-title {
    color: #666;
    font-size: 30rpx;
    font-weight:500;
}

.device-content.task-info {
    padding-top: 20rpx;
    min-height: 350rpx;
}
    
.voicebtnfinish{
    display: inline-block;
    width: 230rpx;
    height: 40rpx;
    position: relative;
    z-index: 100;
    left: 360rpx;
    top: 230rpx;
    background:rgba(235,234,234,1);
    border-radius:10rpx;
    padding: 20rpx 24rpx;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.voicebtnfinish .playimg{
    display: inline-block;
    width: 48rpx;
    height: 48rpx;
    line-height: 48rpx;
    margin-right: 22rpx;
}
.voicebtnfinish .blimg{
    display: inline-block;
    width: 93rpx;
    height: 33rpx;
    line-height: 33rpx;
    margin-right: 22rpx;
}
.voicebtnfinish .second{
    width: 42rpx;
    height: 48rpx;
    line-height: 48rpx;
    display: inline-block;
    font-size: 28rpx;
    color: var(--themeColor);
}
.device-images,.report-images {
    border-top: 1rpx dashed rgba(170,220,228,1);
    margin-top: 240rpx;
    padding: 20rpx 20rpx 0;
    display: flex;
    justify-content: flex-start;
}
.device-images image {
    margin: 0 20rpx;
}
.device-images image,.report-images image {
    width: 120rpx;
    height: 120rpx;
}
.report-images {
    width: 600rpx;
    margin: 0 auto;
    padding: 20rpx 30rpx !important;
}
.order-convey-type {
    width: 710rpx;
    height: auto;
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-bottom: 20rpx;
    border-radius: 20rpx;
    overflow: hidden;
}
.order-convey-type .device {
    width: 670rpx;
    border-radius: 0;
}
.order-convey-type .device:not(:last-child) {
    border-bottom: 1rpx dashed rgba(170,220,228,1);
}