496_dongfengqichen_wxsmall/496_dongfengqichen/pages/mountings/mountings.wxss

/* pages/mountings/mountings.wxss */
page{
  background-color: #EDEDED;
}
image{
  display: block;
}
view{
  -webkit-overflow-scrolling: touch;
}
.main{
  height: calc(100vh - 120rpx);
  overflow: auto;
}
.newImages9-1{
  width: 750rpx;
  height: 556rpx;
}
.newImages9-2{
  position: absolute;
  top: 165rpx;
  right: 3rpx;
  width: 87rpx;
  height: 88rpx;
}
.newImages9-3{
  width: 308rpx;
  height: 24rpx;
  margin: 34rpx auto 13rpx;
}
.newImages9-4{
  width: 540rpx;
  height: 57rpx;
  margin: 0 auto;
}
.activity-phases{
  width: 750rpx;
  height: 84rpx;
  background-color: white;
  margin-top: 52rpx;
  padding-left: 27rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow-y: hidden;
  white-space: nowrap;
}
.activity-phases::-webkit-scrollbar{
  display: none;
}
.newImages9-5{
  width: 65rpx;
  height: 55rpx;
}
.phases-group{
  margin-right: 80rpx;
}
.phases-group:last-of-type{
  margin-right: 0;
  padding-right: 27rpx;
}
.date-text{
  font-size:24rpx;
  font-family:NissanBrand;
  font-weight:400;
  color:rgba(89,87,87,1);
}
.date-choose{
  font-weight:bold;
  color:rgba(236,39,13,1);
}
.newImages9-11{
  width:74rpx;
  height:27rpx;
  margin: 0 auto;
}
.phases-state{
  text-align: center;
  font-size:18rpx;
  font-family:MHeiPRC;
  font-weight:500;
  color:rgba(89,87,87,1);
}
.phases-state-bg{
  padding: 5rpx 11rpx;
  background-image: linear-gradient(to right,#ff134e,#ff4006);
  color: #FFFFFF;
  border-radius: 20rpx;
}
.goods-frame{
  padding: 59rpx 21rpx 38rpx;
}
.goods-group{
  margin-bottom: 31rpx;
  width: 100%;
  height: 261rpx;
  background-color: white;
  border-radius: 20rpx;
  display: flex;
  padding-top: 19rpx;
  padding-left: 19rpx;
  box-sizing: border-box;
}
.goods-img{
  width: 220rpx;
  height: 220rpx;
  border: 1rpx solid #D3D3D3;
  border-radius: 20rpx;
  overflow: hidden;
}
.goods-detail{
  padding-top: 14rpx;
  margin-left: 20rpx;
}
.goods-title{
  width: 400rpx;
  font-size: 28rpx;
  font-weight: bold;
  color: black;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.goods-detail-data{
  margin-top: 48rpx;
  display: flex;
}
.goods-price{
  font-size:22rpx;
  font-family:MHeiPRC;
  font-weight:bold;
  color:rgba(125,125,125,1);
}
.bar-group{
  position: relative;
  width:190rpx;
  height:23rpx;
  background-color: #EDEDED;
  margin-top: 7rpx;
  margin-bottom: 22rpx;
  border-radius: 20rpx;
  overflow: hidden;
}
.bar-num{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #EE3212;
}
.away-text{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 10rpx;
  font-size:14rpx;
  font-family:MHeiPRC;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.goods-surplus{
  font-size:22rpx;
  font-family:MHeiPRC;
  font-weight:bold;
  color:rgba(125,125,125,1);
}
.surplus-num{
  color: #EE3212;
}
.after-discount{
  font-size:22rpx;
  font-family:MHeiPRC;
  font-weight:500;
  color:#355483;
  text-align: right;
}
.newImages9-6{
  width: 161rpx;
  height: 58rpx;
  margin-top: 5rpx;
}
.newImages9-10{
  width: 710rpx;
  height: 70rpx;
  margin: 0 auto;
  margin-top: 70rpx;
}
.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;
}
.btns{
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}