/* packageH/circleCommunity/circlePayment/circlePayment.wxss */ .inputBox { background: #fff; margin: 18rpx 30rpx 20rpx; height: 352rpx; border-radius: 14rpx; } .inputBox .li { display: flex; flex-flow: nowrap; align-items: center; font-size: 28rpx; height: 93rpx; overflow: hidden; justify-content: space-between; border-bottom: 1rpx solid rgba(244, 244, 244, 1); } .inputBox .li .ll { flex: 1; } .inputBox .li .t1 { margin-left: 21rpx; color: rgba(153, 153, 153, 1); } .inputBox .li .t2 { color: rgba(51, 51, 51, 1); font-size: 36rpx; } .inputBox .li .t3 { margin-right: 21rpx; font-size: 20rpx; color: rgba(51, 51, 51, 1); } .t4 { font-size: 24rpx; color: rgba(153, 153, 153, 1); text-align: center; margin-top: 41rpx; } .ccjf { text-align: center; margin-top: 15rpx; padding-right: 30rpx; box-sizing: border-box; } .ccjf .t5 { font-size: 36rpx; color: rgba(247, 109, 109, 1); } .ccjf .t6 { font-size: 48rpx; color: rgba(247, 109, 109, 1); } .zfbh { text-align: center; } .zfbh .t7 { font-size: 20rpx; color: rgba(153, 153, 153, 1); } .inputBox .li .rr { text-align: right; flex: 2; } .inputBox .icon { height: 30rpx; display: block; width: 30rpx; } .pay-psw-info { overflow-y: scroll; width: 100vw; height: auto; background: #fff; max-height: 80vh; padding-top: 20rpx; } .pay_content_title { text-align: center; width: 100vw; height: 60rpx; line-height: 60rpx; margin-bottom: 20rpx; font-size: 36rpx; } .pay_content { width: 100vw; height: 100rpx; margin-bottom: 20rpx; } .pay_content_view { width: 100vw; height: 100rpx; border-bottom: 2rpx solid #ddd; border-top: 2rpx solid #ddd; border-right: 2rpx solid #ddd; display: flex; flex-wrap: wrap; box-sizing: border-box; overflow: hidden; } .ipt_pay { width: 16.27%; height: 100rpx; text-align: center; border-left: 2rpx solid #ddd; display: flex; align-items: center; justify-content: center; } .ipt_pay_p { line-height: 50rpx; height: 50rpx; font-size: 40rpx; } .footer { width: 100vw; font-weight: 600; } .pay_btn { border-top: 2rpx solid #ddd; width: 100vw; height: auto; display: flex; flex-wrap: wrap; } .pay_btn .li { width: 33%; height: 96rpx; line-height: 96rpx; text-align: center; background: #fff; font-size: 28rpx; border-right: 2rpx solid #ddd; border-bottom: 2rpx solid #ddd; } .pay_btn .li.b9:active { background: #fff; } .pay_btn .li.b9 { background: #c2c2c2; } .btna { margin: 0 30rpx; background: #fff; border-radius: 14rpx; overflow: hidden; } .sureBtn { background: #ff5d5c; color: white; width: 85%; margin: 20rpx auto; padding: 14rpx; border-radius: 20rpx; text-align: center; font-size: 32rpx; } .btnaTitle { height: 90rpx; display: flex; justify-content: flex-start; align-items: center; font-size: 28rpx; color: rgba(248, 110, 110, 1); font-weight: normal; font-stretch: normal; } .btnaTitle text { width: 6rpx; height: 28rpx; background-color: rgba(248, 112, 112, 1); margin-right: 26rpx; } .btn-area { height: 90rpx; margin-right: 12rpx; margin-left: 8rpx; border-bottom: 1rpx solid rgba(241, 241, 241, 1); display: flex; justify-content: space-between; align-items: center; } .dBtn { position: relative; } /* button{ font-size: 24rpx; color: rgba(51, 51, 51, 1); height: 90rpx; display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; } button view{ float: left; left: 0; } button van-icon{ float: right; right: 0; } */ icon { font-size: 32rpx; color: #c9c9c9; margin-top: -3rpx; margin-left: 5rpx; margin-right: 28rpx; } .conText { font-size: 24rpx; color: rgba(51, 51, 51, 1); } van-icon { color: rgba(153, 153, 153, 1); margin-right: 13rpx; } .wrapper { display: flex; align-items: center; justify-content: center; width: 448rpx; height: 576rpx; background-color: #ff504c; } .wrapper .block { width: 448rpx; height: 576rpx; background-color: #ff504c; } .block image { width: 448rpx; height: 576rpx; }