/* packageE/community_buying/addinfo/addinfo.wxss */ view, text, input { box-sizing: border-box; } page { background-color: #fff; } .h2 { height: 2.2rem; line-height: 2.2rem; padding-left: 1rem; font-size: 1rem; color: #333; background-color: #f2f2f2; } .wrapper { padding: 0 1rem; } .wrapper .inputWrapper { display: flex; align-items: center; padding: 1.2rem 0; border-bottom: 0.03rem solid #f2f2f2; } .inputWrapper:last-of-type { border-bottom: none; } .wrapper .inputWrapper .required { color: #ee2e2b; font-weight: bold; padding-right: 0.3rem; } .wrapper .inputWrapper .desc { font-size: 0.938rem; color: #333; padding-right: 1rem; } .wrapper .inputWrapper .input { font-size: 0.938rem; color: #999; flex: 1; } .wrapper .inputWrapper .input.right { text-align: right; padding-right: 1rem; } .wrapper .fileWrapper { flex-direction: column; align-items: flex-start; } .wrapper .staImg { width: 641rpx; height: 341rpx; margin-left: 23rpx; margin-top: 22rpx; } .wrapper .staImg image { width: 96%; height: 97%; } .wrapper .qitaimgbox { margin-left: 15rpx; margin-right: 25rpx; padding-top: 20rpx; padding-bottom: 20rpx; box-sizing: border-box; background: #fff; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .wrapper .qitaimgbox .qitaimage { width: 4.688rem; height: 4.688rem; border-radius: 8rpx; border: solid 1rpx rgba(153, 153, 153, 1); display: flex; justify-content: center; align-items: center; margin: 5rpx 7rpx; position: relative; } .wrapper .qitaimgbox .qitaimage .qitaMin { width: 76rpx; height: 76rpx; } .wrapper .qitaimgbox .qitaimage .qitaMax { width: 98%; height: 98%; border-radius: 8rpx; } .icon-cel { position: absolute; top: -4rpx; right: 0; color: red; } .send { width: 20rem; height: 2.75rem; background-color: #f14e4e; border-radius: 1.375rem; font-size: 1.063rem; color: #fff; display: flex; align-items: center; justify-content: center; margin: 5rem auto; } /* 地址选择器 */ /* -------------------------------- */ .btn-area { padding: 0rpx 20rpx; } .dateBe { position: fixed; bottom: 0rpx; left: -5rpx; width: 760rpx; padding: 0rpx 5rpx; box-sizing: border-box; z-index: 200; font-size: 28rpx; border-top: 1rpx solid #d9d9d9; opacity: 0; transform: translate(-750rpx, 0rpx); } .dateBe.true { opacity: 1; transform: translate(0rpx, 0rpx); } .dateBe .head { display: flex; flex-flow: nowrap; padding: 0rpx 30rpx; line-height: 80rpx; border-bottom: 1rpx solid #d9d9d9; background: #f8f8f8; } .dateBe .head .ll { flex: 1; } .dateBe .head .rr { text-align: right; flex: 1; } .dateBe .main { background: #f8f8f8; } .dateBe .main view { text-align: center; } /* -------------------------------- */