ts_aimz/pages/copyright/publicPay/publicPay.wxss

/* pages/copyright/publicPay/publicPay.wxss */
page {
    background: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
    background-size: 100% 100vh;
    background-repeat: no-repeat;
}

.container-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: white;
    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: black;
    padding: 10px 20px;
}

.item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90vw;
    padding: 6px 20px;
}

.red {
    color: red;
}

/* .item:nth-last-of-type(n+1){
} */

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

.content {
    flex: 1;
    font-size: 14px;
}

.time-picker-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 63vw;
    align-items: center;
}

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

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

.weui-uploader {
    width: 65vw;
}

.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;
}



.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 #F0F0F0;
}

.time-picker {
    font-size: 14px;
    color: rgb(68, 68, 68);
    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 {
    width: 60vw;
    background-color: #FAFAFA;
    border-radius: 20px;
    padding: 3px 8px;
    text-align: left;
    font-size: 12px;
    border: 1px solid #F0F0F0;
}

.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: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 130px;
}

.money {
    color: #532A00;
    font-size: 20px;
}

.price {
    color: rgb(250, 0, 0);
}


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


.green-bottom-btn:active {
    background-color: rgba(255, 169, 0, 0.3);
    color: white;
}