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: 28rpx; 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; }