page {
    background-color: #fff;
}

.container {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding-bottom: 100rpx;
}

.login-in {
    width: 100%;
    box-sizing: border-box;
}

.order-item {
    display: flex;
    justify-content: space-around;
    height: 200rpx;
    padding: 10rpx 0;
    border-bottom: 1px solid #ddd;
}

.goods-ico {
    display: flex;
    align-items: center;
}

.goods-img {
    width: 180rpx;
    height: 180rpx;
    font-size: 0;
    margin-top: 10rpx;
}

.goods-cont {
    position: relative;
    width: 430rpx;
    height: 200rpx;
    font-size: 28rpx;
}

.goods-name {
    width: 370rpx;
    height: 64rpx;
    margin: 8rpx 0;
    line-height: 32rpx;
    color: #333;
}

.goods-attribute {
    max-height: 52rpx;
    line-height: 26rpx;
    font-size: 24rpx;
    color: #999;
}

.goods-price {
    height: 40rpx;
    line-height: 40rpx;
    margin-top: 10rpx;
}

.btn-del {
    position: absolute;
    right: 0;
    top: 8rpx;
    width: 34rpx;
    height: 34rpx;
}

.count {
    position: absolute;
    right: 0;
    bottom: 5rpx;
    width: 156rpx;
    height: 50rpx;
    border: 1px solid #ddd;
}

.count>view,.count>input {
    float: left;
    width: 50rpx;
    height: 50rpx;
    line-height: 50rpx;
    text-align: center;
}

.sub {
    border-right: 1px solid #ddd;
}

.add {
    border-left: 1px solid #ddd;
}

.pay-for {
    width: 100%;
    height: 100rpx;
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: 28rpx;
    color: #666;
    background-color: #f0f2f5;
}

.pay-for .pay-btn {
    float: right;
    width: 200rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    background-color: #f23030;
    color: #fff;
    border-radius: 0;
}

.pay-for .consumer {
    float: right;
    margin-right: 20rpx;
    line-height: 50rpx;
}

.pay-for .checkbox {
    float: left;
    padding-left: 40rpx;
    line-height: 100rpx;
    display: flex;
    align-items: center;
}

.pay-for .ico-check {
    display: flex;
    align-items: center;
    margin-right: 20rpx;
}

.getuse_info {
    width: 60%;
    background-color: #ff354d;
    color: #fff;
    border: none;
    border-radius: 8rpx;
}

.similer {
    margin: 0 auto;
    margin-top: 20px;
    width: 60%;
    height: 64rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    border-radius: 8rpx;
    border: 1px solid #999;
}