/**index.wxss**/ page { background-color: #ffffff; } .address { margin-top: 26rpx; width: 100%; height: 40rpx; } .address2 { margin-top: 32rpx; height: 147rpx; width: 100%; display: flex; background: #ffffff; box-shadow:0px 14rpx 20rpx 2rpx rgba(161,161,161,0.2); } .address3 { line-height: 246rpx; width: 100%; height: 246rpx; display: flex; background: #ffffff; box-shadow:0px 14rpx 20rpx 2rpx rgba(161,161,161,0.2); } .name { margin-left: 40rpx; width: 40%; float: left; text-align: left; line-height: 40rpx; } .name2 { width: 100%; float: left; text-align: center; } .phone { margin-right: 36rpx; text-align: right; width: 35%; float: right; line-height: 40rpx; } .addr { flex: 311; text-align: left; color: #8C8C8C; font-size: 32rpx; font-weight: Regular; } .eqtxt { color: #000000; font-size: 40rpx; font-weight: Bold; } .eqtxtphone { color: #000000; font-size: 32rpx; font-weight: 500; } .picker { font-weight: 500; } .imgright { flex: 25; height: 40rpx; } .arrow { margin-left: 32%; width: 50rpx; height: 50rpx; } .line { width: 100%; padding-top: 10rpx; background-color: #F8F8F8; } .linedate { margin-top: 44rpx; margin-left: 6.4%; width: 93.6%; height: 2rpx; margin-bottom: 20rpx; background-color: #F8F8F8; } .pay { margin-top: 44rpx; width: 100%; height: 52rpx; display: flex; flex-direction: row; /* align-items:center; */ } .payicon { flex: 33; float: left; } .payname { margin-top: 8rpx; flex: 248; float: left; } .payselect { margin-top: 12rpx; flex: 54; text-align: right; } .payimg { width: 52rpx; height: 52rpx; } .txtpayname { color: #605F5F; font-size: 24rpx; } .goodtitle { width: 100%; height: 70rpx; margin-top: 26rpx; } .txtgoodtitle { margin-left: 5%; color:#605F5F; font-size: 30rpx; font-weight: bold; } .line2 { width: 100%; height: 2rpx; background-color: #F8F8F8; } .goods { margin-top: 40rpx; width: 92%; margin-left: 4%; margin-right: 4%; height: 174rpx; box-shadow:0rpx 14rpx 44rpx 2rpx rgba(161,161,161,0.5); background:#ffffff; border-radius:30rpx; } .goodsimg { margin-left: 20rpx; margin-top: 36rpx; height: 100rpx; float: left; } .goodsdesc { margin-top: 40rpx; margin-left: 24rpx; float: left; } .imggoods { width: 154rpx; height: 100rpx; } .goodname { display: flex; flex-wrap: nowrap; } .goodprice { margin-top: 6rpx; display: flex; flex-wrap: nowrap; color: #FF5B60; font-size: 34rpx; align-items: center; align-content: left; justify-content: flex-start; text-align: left; } .txtgoodname { color: #000000; font-weight: Bold; font-size: 28rpx; } .money1{ font-size: 24rpx; } .money2{ font-size: 28rpx; } .money3{ font-size: 36rpx; } .dateday { margin-top: 84rpx; width: 180rpx; height: 50rpx; margin-right: 28rpx; float: right; background:#ffffff; border-radius:26rpx; border:2rpx solid rgba(151,151,151,1); } /* */ .stepper { width: 240rpx; height: 50rpx; margin:0 auto; } /*加号和减号*/ .stepper text { height: 50rpx; color: #979797; width: 44rpx; line-height: 48rpx; text-align: center; float: left; } /*数值*/ .stepper input { width: 79rpx; height: 100%; margin-left: -2rpx; float: left; text-align: center; font-size: 22rpx; /*给中间的input设置左右边框即可*/ } .txtdays { height: 50rpx; line-height: 50rpx; margin-left: -10.5%; font-size: 22rpx; position: absolute; } .txtlinel { height: 32rpx; width: 1rpx; margin-top: 10rpx; margin-left: -18%; position: absolute; background-color: #D6D6D6; z-index: 1; } .txtliner { height: 32rpx; width: 1rpx; margin-top: 10rpx; margin-left: -5.5%; position: absolute; background-color: #D6D6D6; z-index: 1; } /*普通样式*/ .stepper .normal{ margin-top: 2rpx; font-size: 20rpx; color: #979797; font-weight: 900; } /*禁用样式*/ .stepper .disabled{ margin-top: 2rpx; font-size: 20rpx; color: #979797; font-weight: 900; } .stepper .normal2{ margin-left:14rpx; font-size: 32rpx; color: #979797; } .rental { width: 100%; height: 52rpx; display: flex; line-height:70rpx; } .rentaltop { margin-top: 46rpx; margin-bottom: 0rpx; } .rentaldate { margin-top: 20rpx; width: 100%; height: 40rpx; display: flex; } .rentalnamedate { flex:167; color: #000000; font-size: 28rpx; font-weight: bold; } .rentalname { flex:167; color: #000000; font-size: 28rpx; font-weight: bold; } .mrental { flex:168; text-align: right; color:#FF5B60; font-size: 28rpx; font-weight: 500; } .mrental2 { height: 50rpx; flex:168; text-align: right; color:#000000; font-size: 28rpx; font-weight: 500; } .paybottom { height:82rpx; background:#ffffff; width:100%; position: fixed; bottom:56rpx; display: flex; align-items:center; } .boxleft { flex: 20; } .sum { flex: 60; line-height: 82rpx; color: #000000; font-size: 40rpx; font-weight:bold; } .summ { flex: 160; font-size: 60rpx; color: #FF5B60; font-weight: 500; } .gopay { flex: 115; } .gopaybutton { background: #FF5B60; color: #FFFFFF; width: 230rpx; text-align: center; line-height:82rpx; font-size: 40rpx; font-weight: 500; box-shadow:0px 14rpx 44rpx 2rpx rgba(255,91,96,0.2); border-radius:42rpx; }