page {
    background-color: #f5f9fa;
}

.addbox {
    background-color: #fff;
    color: #000;
    margin-bottom: 16rpx;
}

.addbox image {
    width: 100%;
}

.pbox {
    display: flex;
    padding: 24rpx 32rpx;
    font-size: 30rpx;
    align-items: center;
}

.pbox .iconfont {
    margin-right: 16rpx;
}

.payname {
    display: flex;
    align-items: center;
    font-size: 32rpx;
    justify-content: space-between;
    padding: 35rpx 95rpx;
}

.payadd {
    display: flex;
    align-items: center;
    padding: 0 82rpx 33rpx 0;
}

.payadd .iconfont {
    padding: 13rpx 32rpx;
}

.payadd text {
    font-size: 26rpx;
    color: #333;
}

.addbox image {
    height: 14rpx;
}

.goodsbox {
    display: flex;
    justify-content: space-between;
    padding: 32rpx 32rpx 42rpx 32rpx;
    background-color: #fff;
}

.goodsbox image {
    height: 170rpx;
    width: 170rpx;
    margin-right: 20rpx;
}

.goods {
    display: flex;
    flex: 2;
    flex-direction: column;
    justify-content: space-between;
}

.goodsname {
    display: flex;
    justify-content: space-between;
    font-size: 36rpx;
    font-weight: 600;
    align-items: center;
}

.goodsname .comment {
    color: #ff000e;
    font-size: 24rpx;
}

.goodstype {
    font-size: 28rpx;
    color: #999;
}

.pricebox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 36rpx;
    color: #000;
}

.goodsprice {
    color: #FF87B1;
    font-size: 30rpx;
}

.orderbox {
    background-color: #fff;
    margin: 16rpx 0 200rpx 0;
    padding-bottom: 150rpx;
}

.orderitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 41rpx 0;
    margin: 0 32rpx;
    border-bottom: 1px #e6e7eb solid;
    font-size: 30rpx;
    color: #000;
    background-color: #fff;
}

.orderitem:last-child {
    border: 0;
    
}

.orderitem .usermsg {
    flex: 1;
}

.orderitem input {
    flex: 3;
}

.totalprice {
    color: #FF87B1;
}

.del {
    font-size: 32rpx;
    border: 1px solid #f00;
    border-radius: 35rpx;
    padding: 20rpx 0;
    text-align: center;
    width: 200rpx;
    color: #f00;
}

.buy {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-end;
    padding: 0 0 0 32rpx;
}

.delbox {
    background-color: #fff;
}

.del:active {
    opacity: 0.7;
}

.dels {
    color: #000;
    border: 1rpx solid #000;
}

.orderok {
    background: linear-gradient(to right,#fe7501,#ff4b00);
    padding: 35rpx 45rpx;
    color: #fff;
}

.orderok:active {
    opacity: 0.7;
}

.money {
    color: #FF87B1;
    margin-right: 40rpx;
}

.payadd .none {
    color: #999;
    font-size: 24rpx;
}