ts_aimz/pages/copyright/publicPay/publicPay.wxss

.container-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--white-color);
    margin-top: 10px;
    border-radius: 5px;
}

.container-box:nth-of-type(n+2) {
    margin-bottom: 140px;
}

.box-title {
    font-size: 16px;
    font-weight: bold;
    color: var(--text-color);
    padding: 10px 20px;
}

.item {
    display: flex;
    flex-direction: row;
    padding: 6px 20px;
    align-items: center;
}


.red {
    color: var(--red-color);
}


.title {
    flex: .3;
    font-size: 14px;
    color: var(--black-color);
}

.content {
    flex: .7;
    font-size: 28rpx;
}

.time-picker-box {
    flex: 1;
    background-color: var(--white-color);
    border: 1px solid var(--divider-color);
    border-radius: 2rpx;
    padding: 3px 8px;
    text-align: left;
    font-size: 12px;
}

.weui-uploader {
    padding: 0rpx;
    margin-left: -40rpx;
}

.weui-uploader__title {
    font-size: 14px;
    color: var(--black-color);
    font-weight: 800;
    padding-right: 10px;
}

.star::after {
    content: "*";
    color: var(--red-color);
    margin-left: 3px;
}


.weui-uploader__bd {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    margin-left: 5px;
}

.weui-uploader__hd {
    display: none;
}

.weui-uploader__input-box {
    width: 65px;
    height: 65px;
    border-radius: 5px;
    margin-left: 30rpx;
}



.weui-uploader__file {
    width: 65px;
    height: 65px;
    border-radius: 5px;
}

.weui-uploader__img {
    border-radius: 5px;
}

.weui-uploader__overview {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 65vw;
}

.weui-uploader__input-box {
    background: white;
    border: 1px solid var(--divider-color);
}

.time-picker {
    font-size: 14px;
    color: var(--black-color);
    font-weight: 400;
}

.time-icon {
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQzNDE0Mzc3MjcwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ2MjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTE5MiA1MTJoMTI4di0xMjhIMTkyeiBtMCAxOTJoMTI4di0xMjhIMTkyeiBtNzY4LTE5Mi4wMzJWMTYwYTk2IDk2IDAgMCAwLTk2LTk2aC05NnYtMzEuMTA0YzAtMTcuMjE2LTEzLjI0OC0zMi4wNjQtMzAuNDY0LTMyLjg2NEw3MzYgMGEzMiAzMiAwIDAgMC0zMiAzMnYzMkgzMjB2LTMxLjEwNEMzMjAgMTUuNjggMzA2Ljc1MiAwLjgzMiAyODkuNTM2IDAuMDMyTDI4OCAwYTMyIDMyIDAgMCAwLTMyIDMydjMySDE2MGE5NiA5NiAwIDAgMC05NiA5NnY2NDBhOTYgOTYgMCAwIDAgOTYgOTZoMjg4YzU4LjkxMiA3OC4wOCAxNTEuNDg4IDEyOCAyNTUuNzQ0IDEyOGgyLjg0OC0wLjE2YzE3NS45NjgtMS4zMTIgMzE4LjgxNi0xNDYuNDMyIDMxNy41MzYtMzIyLjRhMzE3LjEyIDMxNy4xMiAwIDAgMC02NC41NzYtMTkwLjRsMC41NzYgMC44ek0xMjggMTc2QTQ4IDQ4IDAgMCAxIDE3NiAxMjhIMjU2djMxLjEwNGMwIDE3LjIxNiAxMy4yNDggMzIuMDY0IDMwLjQ2NCAzMi44NjRMMjg4IDE5MmEzMiAzMiAwIDAgMCAzMi0zMlYxMjhoMzg0djMxLjEwNGMwIDE3LjIxNiAxMy4yNDggMzIuMDY0IDMwLjQ2NCAzMi44NjRMNzM2IDE5MmEzMiAzMiAwIDAgMCAzMi0zMlYxMjhoODBBNDggNDggMCAwIDEgODk2IDE3NlYyNTZIMTI4ek0zODQgNzA0djAuMzg0YTMxOC4wOCAzMTguMDggMCAwIDAgMjcuNDU2IDEyOS42NjRsLTAuOC0yLjAxNkgxNzZhNDggNDggMCAwIDEtNDgtNDh2LTQ2NGg3Njh2MTI4Yy01Mi44MzItMzkuOTM2LTExOS42MTYtNjQtMTkyLTY0cy0xMzkuMTY4IDI0LjAzMi0xOTIuOCA2NC41NzZsMC44LTAuNTc2di02NGgtMTI4djEyOGg2NGEzMTYuMzg0IDMxNi4zODQgMCAwIDAtNjQgMTkxLjUydjAuNTEyLTAuMDMyeiBtNTc1Ljk2OCAzLjQyNGEyNTYgMjU2IDAgMSAxLTc3LjM0NC0xODYuNzg0bC0wLjA2NC0wLjA2NGEyNTUuNTg0IDI1NS41ODQgMCAwIDEgNzcuNDA4IDE4My41NTJsLTAuMDMyIDMuNDg4di0wLjE5MnpNODAwIDcwNGgtOTZ2LTE2MGEzMiAzMiAwIDAgMC02NCAwdjE5MmEzMiAzMiAwIDAgMCAzMiAzMmgxMjhhMzIgMzIgMCAwIDAgMC02NHoiIHAtaWQ9IjQ2MjkiIGZpbGw9IiMyYzJjMmMiPjwvcGF0aD48L3N2Zz4=');
    background-size: contain;
    background-repeat: no-repeat;
}

.input-box {
    flex: 1;
    background-color: var(--bg-gray-color);
    border: 1px solid var(--divider-color);
    border-radius: 2rpx;
    padding: 6rpx 14rpx;
    text-align: left;
    font-size: 12px;
}

.item-v {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.title-v {
    flex: 1;
    font-size: 14px;
    font-weight: 800;
}

.content-v {
    font-size: 14px;
}


.bottom-btn-box {
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100vw;
    line-height: 100rpx;
    border-radius: 20rpx;
    background-color: var(--white-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 130px;
}

.money {
    color: var(--text-brown-color);
    font-size: 20px;
}

.price {
    color: var(--red-color);
}


.green-bottom-btn {
    height: 42px;
    width: 90vw;
    line-height: 42px;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: var(--btn-green-color);
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    text-align: center;
    font-family: PingFangSC-semiBold;
}


.green-bottom-btn:active {
    background-color: var(--btn-green-color-active);
    color: white;
}