| 
							- page{
 -   height: auto;
 -   overflow: auto; 
 -   background: #F4F5F9;
 -   /* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/bargindetailbg.jpg'); */
 -   background-size: cover;
 -   background-repeat: no-repeat;
 - }
 - .bargainDetail {
 -     padding: 0 33rpx 0;
 - }
 - 
 - .listitem .fl {
 -     width: 180rpx;
 -     height: 180rpx;
 -     border-radius:10rpx;
 - }
 - 
 - .listitem .icon {
 -     width: 140rpx;
 -     height: 116rpx;
 -     position: absolute;
 -     top: 12rpx;
 -     right: 0;
 - }
 - .title{
 -   display: block;
 -   font-size: 30rpx;
 -   color: #3C3C3C;
 -   height: 40rpx;
 -   line-height: 40rpx;
 -   padding-top: 20rpx;
 - }
 - .help{
 -   display: block;
 -   text-align: center;
 -   font-size: 28rpx;
 -   height: 40rpx;
 -   line-height: 40rpx;
 -   margin-top: 47rpx;
 -   color:#3C3C3C;
 - }
 - .help text{
 -   color: #FD782D;
 - }
 - .listitem .ri {
 -     margin-left: 26rpx;
 -     width: 305rpx;
 - }
 - 
 - .ri text {
 -     display: block;
 -     text-align: left;
 - }
 - 
 - .ri .txt01 {
 -     width: 100%;
 -     color: rgba(51, 51, 51, 1);
 -     line-height: 44rpx;
 -     white-space: nowrap;
 -     text-overflow: ellipsis;
 -     overflow: hidden;
 - }
 - 
 - .ri .txt02 {
 -     width: 100%;
 -     white-space: nowrap;
 -     text-overflow: ellipsis;
 -     overflow: hidden;
 -     font-size: 24rpx;
 -     color: rgba(140, 140, 140, 1);
 - }
 - 
 - .ri .txt03 {
 -     width: 100%;
 -     font-size: 24rpx;
 -     text-decoration: line-through;
 -     color: rgba(140, 140, 140, 1);
 - }
 - 
 - .ri .txt04 {
 -     width: 100%;
 -     font-size: 24rpx;
 -     color: #FD782D;
 -     line-height: 44rpx;
 - }
 - 
 - .money {
 -     display: inline-block !important;
 -     font-size: 50rpx;
 -     font-weight: 500;
 -     color: #FD782D;
 - }
 - 
 - .listitem {
 -     position: relative;
 -     padding: 31rpx 20rpx;
 -     border-radius: 15rpx;
 -     background: #fff;
 -     margin-bottom: 30rpx;
 -     margin-top:20rpx;
 - }
 - 
 - .progress {
 -     width: 519rpx;
 -     padding: 30rpx 84rpx;
 -     /* height: 136rpx; */
 -     background: #fff;
 -     border-radius: 15rpx;
 -     margin: 0 auto;
 - }
 - 
 - .progesstext {
 -     margin-bottom: 13rpx;
 - }
 - 
 - .progesstext>text {
 -     font-size: 24rpx;
 -     color: #3C3C3C;
 - }
 - 
 - .progesstext text text {
 -     color: #FD782D;
 - }
 - 
 - .time {
 -     margin-top: 20rpx;
 -     font-size: 24rpx;
 -     color: #333;
 -     text-align:center;
 - }
 - 
 - .time text {
 -     font-size: 30rpx;
 -     color: #fff;
 -     display: inline-block;
 -     width: 40rpx;
 -     text-align: center;
 -     height: 40rpx;
 -     line-height: 40rpx;
 -     background: #FD782D;
 -     border-radius: 14rpx;
 -     margin: 0 4px;
 - }
 - .head{
 -     width:10%;
 -     height: 90rpx;
 -     position: relative;
 - }
 - .head image{
 -     width: 70rpx;
 -     border-radius:50rpx; 
 - }
 - .head text{
 -     width: 70rpx;
 -     position: absolute;
 -     /* bottom: 0; */
 -     top: -15rpx;
 -     left: 60rpx;
 -     right: 0;
 -     font-size: 20rpx;
 -     background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -     color: #fff;
 -     text-align: center;
 -     border-radius:9px 9px 9px 0px;
 - }
 - .text{
 -     width: 87%;
 -     padding-left: 3%;
 -     display: inline-block;
 -     height: 90rpx;
 -     line-height: 90rpx;
 -     font-size: 26rpx;
 -     color: #3C3C3C;
 - }
 - .text01{
 -     width: 100rpx;
 -     margin-right: 6rpx;
 -     height: 76rpx;
 -     line-height: 76rpx;
 - }
 - .text01 text{
 -     width: 100rpx;
 -     float: left;
 -     height: 90rpx;
 -     line-height: 90rpx;
 -     white-space: nowrap;
 -     text-overflow: ellipsis;
 -     overflow: hidden;
 - }
 - .text02{
 -     display: inline-block;
 - }
 - .text03{
 -     width: 240rpx;
 -     text-align: right;
 -     font-size:24rpx; 
 -     height: 76rpx;
 -     line-height: 76rpx;
 -     white-space: nowrap;
 -     text-overflow: ellipsis;
 -     overflow: hidden;
 - }
 - .person{
 -     /* border-bottom: 1px solid #F0CDB3; */
 -     padding-bottom: 31rpx;
 -     padding-top: 31rpx;
 - }
 - .text02 text:nth-of-type(2){
 -     color: #FD782D;
 -     text-align: left;
 - }
 - .people{
 -   border-radius:16rpx; 
 -   background: #FFF;
 -   margin-top: 30rpx;
 -   padding:0 20rpx;
 -   margin-bottom: 165rpx;
 - }
 - .btns{
 -     padding:33rpx;
 -     position: fixed;
 -     left: 0;
 -     right: 0;
 -     bottom: 0;
 -     z-index: 100;
 -     /* background: #fff; */
 - }
 - .btns  button{
 -     width: 500rpx!important;
 -     height: 95rpx;
 -     border-radius:48rpx;
 -     text-align: center;
 -     margin: 0 auto;
 -     font-size: 30rpx;
 -     color: #fff;
 -     line-height: 95rpx;
 -     background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -     /* box-shadow:0px 8px 8px 1px rgba(204,26,13,0.32); */
 - }
 - .goback{
 -   position: fixed;
 -   right: 50rpx;
 -   top: 60rpx;
 -   width:100rpx!important;
 -   height:100rpx;
 -   z-index: 100;
 -   background:rgba(255,255,255,1);
 -   line-height: 95rpx;
 -   border:1rpx solid rgba(227,227,227,1);
 -   border-radius:50%;
 - }
 - .goback image{
 -   position: absolute;
 -   width: 60rpx;
 -   left: 0;
 -   right: 0;
 -   top: 0;
 -   bottom: 0;
 -   margin: auto;
 - }
 - .helpDiscount{
 -   display: block;
 -   width: 200rpx;
 -   height: 200rpx;
 -   border-radius:50%;
 -   font-size: 26rpx;
 -   text-align: center;
 -   line-height: 200rpx; 
 -   margin: 30rpx auto 0;
 -   color: #fff!important;
 - }
 - .helpDiscount image{
 -   display: block;
 -   width: 200rpx;
 -   height: 200rpx;
 - }
 - .helpDiscount::after{ border: none; } 
 - .success{
 -     margin-top: 50rpx;
 - }
 - .success image{
 -     display: block;
 -     width: 74rpx;
 -     height: 74rpx;
 -     margin: 0 auto;
 - }
 - .success text{
 -     display: block;
 -     text-align: center;
 -     font-size:30rpx;
 -     line-height: 30rpx;
 -     color:rgba(51,51,51,1);
 - }
 - .btns01{
 -     position: fixed;
 -     left: 0;
 -     right: 0;
 -     bottom: 0;
 -     padding: 30rpx 0;
 - }
 - .btns01 button{
 -     color:rgba(254,254,254,1);
 -     width:650rpx;
 -     height:85rpx;
 -     line-height: 85rpx;
 -     background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -     /* box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32); */
 -     border-radius:43rpx;
 - }
 - .fail{
 -     height:166rpx;
 -     background:rgba(226,226,226,1);
 -     border-radius:10rpx;
 -     font-size:30rpx;
 -     text-align: center;
 -     line-height: 166rpx;
 -     color:rgba(51,51,51,1);
 -     margin: 20rpx auto 0;
 - }
 - .status{
 -     display: flex;
 -     justify-content: space-around;
 -     width: 520rpx;
 -     margin-top: 40rpx;
 - }
 - .status button{ 
 -     display: block;
 -     width: 240rpx;
 -     height: 75rpx;
 -     line-height: 75rpx;
 -     text-align: center;
 -     border: none;
 -     font-size: 32rpx;
 -     margin: 0 auto;
 - }
 - button::after{ border: none; }
 - .status button:nth-of-type(1){
 -     background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -     /* border:1px solid rgba(236,59,45,1); */
 -     border-radius:48rpx;
 -     margin-bottom: 20rpx;
 -     color: #fff;
 - }
 - .status button:nth-of-type(2){
 -     background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
 -     /* border:1px solid rgba(190,190,190,1); */
 -     border-radius:48rpx;
 -     color: #fff;
 - }
 
 
  |