laundry/pages/order/takeOut/takeOut.wxss

/* pages/order/takeOut/takeOut.wxss */
page {
    width: 750rpx;
    min-height: 100vh;
    background: #F6F6F6;
    --loading-text-color: #191C27
}

.topBox {
    width: 750rpx;
    height: 174rpx;
    background: #FFFFFF;
    padding: 32rpx;
}

.topBox .tit {
    font-size: 30rpx;
    font-weight: 500;
    color: #191C27;
}

.topBox .adr {
    font-size: 24rpx;
    color: #666666;
    width: 473rpx;
}

.topBox .lr {
    font-size: 24rpx;
    color: #191C27;
    text-align: center;
    border-left: 1rpx solid #E4E4E4;
    padding-left: 32rpx;
}

.topBox .lr .icon {
    width: 40rpx;
    height: 40rpx;
}



.card {
    width: 702rpx;
    background: #FFFFFF;
    border-radius: 12rpx;
    margin: 25rpx auto;
    padding: 48rpx 32rpx;
}

.card .tit {
    font-size: 30rpx;
    font-weight: 500;
    color: #191C27;
}

.card .tips {
    font-size: 26rpx;
    color: #999999;
    margin: 15rpx 0;
}

.card .mes {
    font-size: 30rpx;
    font-weight: 500;
    color: #191C27;
}

.card .num {
    font-size: 72rpx;
    font-weight: 500;
    color: #191C27;
}

.card .lr {
    width: 152rpx;
    height: 60rpx;
    border-radius: 30rpx;
    font-size: 28rpx;
    color: #FFFFFF;
    line-height: 60rpx;
}

.card .lr image {
    width: 80rpx;
    height: 80rpx;
}

.footer {
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%, 0);
    font-size: 26rpx;
    color: #666666;
}

.content {
    width: 750rpx;
    min-height: 368rpx;
    padding: 50rpx;
}

.content .tit {
    font-size: 36rpx;
    font-weight: 500;
    color: #191C27;
    text-align: center;
    margin-bottom: 70rpx;
}

.content .state {
    width: 80rpx;
    height: 80rpx;
    display: block;
    margin: auto;
}

.content2 {
    padding: 50rpx 0;

}

.content .tips {
    font-size: 28rpx;
    color: #191C27;
    text-align: center;
}

.content .btnBox {
    margin: 70rpx auto;
    padding: 0 57rpx;
}

.content .btn {
    height: 76rpx;
    line-height: 76rpx;
    border-radius: 38rpx;
    font-size: 28rpx;
    padding: 0rpx 32rpx;
    margin-right: auto;
}

.content2 .line {
    width: 750rpx;
    height: 16rpx;
    background: #F6F6F6;
}

.content2 .rule {
    padding: 32rpx 48rpx;
}

.content2 .rule .title {
    font-size: 28rpx;
    font-weight: 500;
    color: #191C27;
    text-align: center;
}

.content2 .rule .items {
    font-size: 28rpx;
    color: #666666;
}