mili_mini/pages/equipment/leasing/leasing.wxss

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