complain.wxss 1.9 KB
/* pages/order/complain/complain.wxss */
@import '../order-detail/order-detail.wxss';
.order-info {
    display: flex;
    flex-direction: column;
    padding: 40rpx 20rpx 0 20rpx;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.order-info .top {
    display: flex;
    align-items: center;
    position: relative;
}
.order-info .text {
    color: #666666;
    font-size: 24rpx;
    margin-bottom: 34rpx;
}
.top image {
    margin-bottom: 34rpx;
    margin-left: 10rpx;
}
.top .sex-icon {
    position: absolute;
    top:-6rpx;
    left:152rpx;
    width: 20rpx;
    height: 20rpx;
}
.address {
    padding: 28rpx 0 0 0;
}
.upload_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 32rpx;
    margin-top: 30rpx;
    padding-bottom: 100rpx;
}

.upload_img {
    width: 132rpx;
    height: 132rpx;
    background: rgba(250, 250, 250, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 20rpx;
    margin-bottom: 20rpx;
}
.upload_img text {
    color:#999;
    font-size: 20rpx;
}
.upload_img:nth-child(5), .upload_img:nth-child(10){
    margin-right: 0;
}
.upload_img image {
    width: 100%;
    height: 100%;
}

.icon_box {
    display: block;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 2rpx;
    height: 2rpx;
    background-color: #fff;
    position: absolute;
    left: -12rpx;
    top: -12rpx;
}
.icon-jia {
    font-size: 60rpx;
    color:#999;
}
.icon-shanchu1 {
    display: block;
    font-size: 44rpx;
    color: rgba(0,0,0,0.4);
}
.bottom text {
    width: 100%;
}
textarea {
    width: 80%;
    height:280rpx;
    font-size: 26rpx;
    color: #666666;
    padding: 20rpx;
    border:1rpx solid #f2f2f2;
    border-radius: 6rpx;
}
.placeholder {
    font-size: 20rpx;
    color: #999999;
}
.bottom .gray {
    background-color: #CCCCCC;
    color: #ffffff;
}