/* 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; }