xzy/pages/order/orderDetail.wxss

@charset "UTF-8";

.f-header .tit {
    font-size: 34rpx;
    color: #303133;
    line-height: 1;
    font-weight: 700;
}

.f-header .tit-box {
    -webkit-box-flex: 1;
    flex: 1;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.f-header .f-left-icon {
    height: 34rpx;
    width: 8rpx;
    background-image: linear-gradient(#5dbc7c,#71d094);
    margin-right: 10rpx;
    border-radius: 10rpx;
}

page {
    background: #f8f8f8;
}

.qrBox {
    text-align: center;
    background-color: #fff;
    padding: 0 30rpx 30rpx;
}

.qrBox .qrTitle {
    font-size: 32rpx;
    color: #fd5b23;
    font-weight: 500;
}

.orderDetialBox {
    margin-top: 20rpx;
    padding: 0 30rpx;
    background-color: #fff;
    font-size: 28rpx;
    color: #606266;
}

.orderDetialBox .item {
    height: 80rpx;
}

.orderDetialBox .item .text {
    padding-left: 10rpx;
}

.orderDetialBox .item .buttom-right {
    width: 180rpx;
    border-radius: 99rpx;
    padding: 10rpx;
    text-align: center;
    border: 1px solid #ebeef5;
}

.address-box {
    margin-top: 20rpx;
    padding: 30rpx 30rpx 35rpx;
    background-color: #fff;
    line-height: 1;
}

.address-box .address-top {
    margin-bottom: 30rpx;
}

.address-box .address-top .title {
    font-size: 32rpx;
    color: #303133;
}

.address-box .address-top .phone {
    font-size: 28rpx;
    color: #909399;
}

.address-box .addrdss-detail {
    font-size: 28rpx;
    color: #606266;
}

.address-box .a-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rpx;
}

.row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding: 0 30rpx;
    height: 80rpx;
    background: #fff;
}

.row .order-status {
    font-size: 32rpx;
    color: #fd5b23;
    font-weight: 500;
}

.row .refund {
    font-size: 30rpx;
    color: #303133;
}

.row .noRefund {
    font-size: 30rpx;
    color: #909399;
}

.row .tit {
    flex-shrink: 0;
    width: 120rpx;
}

.row .input,.row .tit {
    font-size: 30rpx;
    color: #303133;
}

.row .input {
    text-align: right;
    -webkit-box-flex: 1;
    flex: 1;
}

.row .input.payColor {
    color: #fd5b23;
}

.row .iconlocation {
    font-size: 36rpx;
    color: #909399;
}

.add-btn {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 690rpx;
    height: 80rpx;
    margin: 60rpx auto;
    font-size: 32rpx;
    color: #fff;
    background-color: #5dbc7c;
    border-radius: 10rpx;
}

.add-btn,.order-item {
    display: flex;
}

.order-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 30rpx;
    background: #fff;
    margin-top: 20rpx;
}

.order-item .goods-box-single {
    display: flex;
    padding: 20rpx 0;
}

.order-item .goods-box-single .goods-img {
    display: block;
    width: 120rpx;
    height: 120rpx;
}

.order-item .goods-box-single .right {
    -webkit-box-flex: 1;
    flex: 1;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0 30rpx 0 24rpx;
    overflow: hidden;
    height: 100%;
}

.order-item .goods-box-single .right .title {
    align-self: flex-start;
    font-size: 30rpx;
    color: #303133;
}

.order-item .goods-box-single .right .title-right {
    flex-shrink: 0;
    text-align: right;
    align-self: flex-start;
}

.order-item .goods-box-single .right .attr-box {
    font-size: 26rpx;
    color: #909399;
}

.order-item .goods-box-single .right .price {
    font-size: 30rpx;
    color: #303133;
}

.order-item .goods-box-single .right .price:before {
    content: "￥";
    font-size: 24rpx;
    margin: 0 2rpx 0 8rpx;
}

.order-item .goods-box-single .right .evaluate {
    color: #fff;
    font-size: 24rpx;
    display: inline-block;
    text-align: right;
}

.order-item .goods-box-single .right .evaluate text {
    background: #fa2740;
    padding: 5rpx 15rpx;
}

.order-item .goods-box-single .right .yesevaluate {
    color: #333;
    font-size: 24rpx;
    display: inline-block;
    text-align: right;
}

.order-item .goods-box-single .right .yesevaluate text {
    border: 2rpx solid #333;
    padding: 5rpx 15rpx;
}

.f-header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 80rpx;
}

.btHeight,.group-nav {
    height: 100rpx;
}

.group-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-right: 30rpx;
}