xzy/pages/money/pay.wxss

@charset "UTF-8";

.app {
    width: 100%;
}

.price-box {
    background-color: #fff;
    height: 265rpx;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 28rpx;
    color: #909399;
}

.price-box .price {
    font-size: 50rpx;
    color: #303133;
    margin-top: 12rpx;
}

.price-box .price:before {
    content: "￥";
    font-size: 40rpx;
}

.pay-type-list {
    margin-top: 20rpx;
    background-color: #fff;
    padding-left: 60rpx;
}

.pay-type-list .type-item {
    height: 120rpx;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 20rpx 60rpx 20rpx 0;
    font-size: 30rpx;
    position: relative;
}

.pay-type-list .icon {
    width: 100rpx;
    font-size: 52rpx;
}

.pay-type-list .iconyue {
    color: #fe8e2e;
}

.pay-type-list .iconweixin {
    color: #36cb59;
}

.pay-type-list .iconzhifubao {
    color: #01aaef;
}

.pay-type-list .tit {
    font-size: 32rpx;
    color: #303133;
    margin-bottom: 4rpx;
}

.pay-type-list .con {
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 24rpx;
    color: #909399;
}

.mix-btn,.pay-type-list .con {
    display: flex;
}

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

.clickbg {
    background-color: #999!important;
}