496_dongfengqichen_wxsmall/496_dongfengqichen/pages/mountingsDetail/mountingsDetail.wxss

/* pages/mountingsDetail/mountingsDetail.wxss */
page{
  background-color: #F1F1F1;
}
image{
  display: block;
}
view{
  -webkit-overflow-scrolling: touch;
}
.main{
  height: calc(100vh - 120rpx);
  overflow: auto;
}
.banner-group{
  position: relative;
  width: 750rpx;
  height: 556rpx;
}
.newImages9-test2{
  width: 100%;
  height: 100%;
}
.newImages9-2{
  position: absolute;
  top: 165rpx;
  right: 3rpx;
  width: 87rpx;
  height: 88rpx;
}
.goods-price{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 750rpx;
  height: 111rpx;
}
.newImages9-14{
  width: 100%;
  height: 100%;
}
.price-detail{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding:0 30rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.goods-name{
  font-size:30rpx;
  font-family:MHeiPRC;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:32rpx;
  margin-bottom: 18rpx;
}
.after-discount{
  font-size:20rpx;
  font-family:MHeiPRC;
  font-weight:bold;
  color:rgba(255,65,5,1);
  line-height:27rpx;
  height:27rpx;
  padding:0 10rpx;
  background-color: white;
  border-radius: 5rpx;
}
.original-price{
  line-height:27rpx;
  font-size:18rpx;
  font-family:MHeiPRC;
  font-weight:500;
  color:rgba(255,255,255,1);
  margin-left: 10rpx;
  text-decoration: line-through;
}
.surplus-time{
  font-size:37rpx;
  font-family:MHeiPRC;
  font-weight:bold;
  color:rgba(35,24,21,1);
  line-height:37rpx;
  margin-top: 50rpx;
  margin-bottom: 35rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.time-group{
  padding-left: 22rpx;
  padding-right: 15rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:26rpx;
}
.time-block{
  width:39rpx;
  height:39rpx;
  background-color: black;
  border-radius: 8rpx;
  font-family:MHeiPRC;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:39rpx;
  text-align: center;
}
.bargain-group{
  width:694rpx;
  height:330rpx;
  border-radius: 20rpx;
  margin: 0 auto;
  background-color: white;
  box-sizing: border-box;
}
.bargain-num{
  font-size:28rpx;
  font-family:MHeiPRC;
  font-weight:bold;
  color:rgba(89,87,87,1);
  text-align: center;
  padding-top: 51rpx;
}
.bargain-bar{
  position: relative;
  width:576rpx;
  height:36rpx;
  border: 2rpx solid #4296CB;
  border-radius: 20rpx;
  margin: 0 auto;
  margin-top: 36rpx;
  margin-bottom: 28rpx;
  overflow: hidden;
}
.bar-num{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3rpx;
  background-image:  linear-gradient(to right,#209BDB,#2278CC);
  max-width: 570rpx;
  width:0%;
  height:30rpx;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.bar-text{
  line-height: 30rpx;
  font-size:18rpx;
  font-family:NissanBrand;
  font-weight:400;
  color:rgba(255,255,255,1);
}
.newImages9-15{
  width: 15rpx;
  height: 15rpx;
  margin-right: 20rpx;
  margin-left: 5rpx;
}
.bar-surplus{
  position: absolute;
  top: 0;
  right: 15rpx;
  line-height: 36rpx;
  font-size:18rpx;
  font-family:NissanBrand;
  font-weight:400;
  color:rgba(35,24,21,1);
}
.newImages9-16{
  position: relative;
  width: 589rpx;
  height: 84rpx;
  margin: 0 auto;
}
.bargain-record{
  width:694rpx;
  background-image:  linear-gradient(to right,#209BDB,#2278CC);
  margin: 0 auto;
  border-radius: 20rpx;
  overflow: hidden;
}
.record-title{
  position: relative;
  width: 100%;
  height: 94rpx;
  display: flex;
  align-items: center;
  font-size:30rpx;
  font-family:MHeiPRC;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height: 94rpx;
}
.title-text{
  position: relative;
  width: 50%;
  text-align: center;
}
.title-line{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2rpx;
  height: 45rpx;
  transform: translate(-50%,-50%);
  background-color: white;
}
.white-triangle{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 0;
  border: 20rpx solid transparent;
  border-bottom-color: white;
}
.help-group{
  background-color: white;
  width:694rpx;
  height:183rpx;
  display: flex;
  align-items: center;
  justify-content:space-between;
  padding:0 30rpx;
  box-sizing: border-box;
}
.head-group{
  border-radius: 50%;
  border: 2rpx solid #355483;
  width: 79rpx;
  height: 79rpx;
  overflow: hidden;
  margin-right: 15rpx;
}
.head-img{
  width: 100%;
  height: 100%;
}
.friend-name{
  line-height: 30rpx;
  font-size:30rpx;
  font-family:NissanBrand;
  font-weight:bold;
  color:rgba(89,87,87,1);
}
.reason{
  margin-top: 13rpx;
  line-height: 24rpx;
  font-size:24rpx;
  font-family:MHeiPRC;
  font-weight:500;
  color:rgba(89,87,87,1);
}
.newImages9-17{
  width: 52rpx;
  height: 43rpx;
}
.minus-num{
  line-height: 30rpx;
  font-size:30rpx;
  font-family:MHeiPRC;
  font-weight:500;
  color:rgba(53,84,131,1);
}
.ruleFrame{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100vh - 120rpx);
  background-color: white;
  overflow: auto;
  padding-bottom: 130rpx;
  box-sizing: border-box;
}
.titleText{
  width: 682rpx;
  margin: 0 auto;
  margin-top: 78rpx;
  margin-bottom: 28rpx;
  line-height: 39rpx;
  font-size:39rpx;
  font-family:PingFangSC;
  font-weight:bold;
  color:rgba(0,77,149,1);
}
.lineSty{
  width: 682rpx;
  height:2rpx;
  background-color: #B6B6B6;
  margin: 0 auto;
  margin-bottom: 45rpx;
}
.closeXieyi{
  position: absolute;
  right: 48rpx;
  top: 38rpx;
  width: 42rpx;
  height: 42rpx;
}
.newImages9-12{
  width: 641rpx;
  height: 1037rpx;
  margin: 0 auto;
  margin-top: 40rpx;
}
.newImages9-test3{
  width:247rpx;
  height: 75rpx;
}
.btns{
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.maskFrame{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100vh - 120rpx);
  background-color: rgba(000, 000, 000, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.maskGroup{
  position: relative;
  width: 603rpx;
  height: 500rpx;
}
.newImages9-19{
  width: 100%;
  height: 100%;
}
.help-confirm{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 372rpx;
  width: 347rpx;
  height: 62rpx;
}
.newImages9-20{
  position: absolute;
  top: -18rpx;
  right: -19rpx;
  width: 38rpx;
  height: 36rpx;
}
.dicker-money{
  position: absolute;
  left: 0;
  top: 260rpx;
  width: 100%;
  text-align: center;
  font-size:36rpx;
  font-family:PingFangSC;
  font-weight:400;
  color:rgba(52,84,128,1);
  line-height:36rpx;
}


.wx-swiper-dots{
  margin-bottom: 110rpx;
}