page{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); overflow: hidden; /* z-index: 10000; */ color: #fff; } .cancleH{ width: 60rpx; height: 120rpx; position: absolute; right: 92rpx; top: 60rpx; } .cancleH image{ width: 60rpx; height: 60rpx; /* margin-top: 20rpx; */ } .line{ height: 50rpx; width: 4rpx; background:#ccc; margin: 0 auto; } .bargainDetail { padding: 0 33rpx 0; } .progress .fl { /* width: 150rpx; */ height: 60rpx; border-radius:16rpx; color: #FFF; } .listitem .icon { width: 140rpx; height: 116rpx; position: absolute; top: 12rpx; right: 0; } .title{ display: block; font-size: 30rpx; color: #fff; height: 40rpx; line-height: 40rpx; padding-top: 40rpx; } .help{ display: block; text-align: center; font-size: 28rpx; height: 40rpx; line-height: 40rpx; margin-top: 47rpx; } .help text{ color: red; } .listitem .ri { margin-left: 26rpx; width: 305rpx; } .ri text { display: block; text-align: left; } .ri .txt01 { width: 100%; color: #FFF; line-height: 32rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 12rpx; } .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: #FFF; line-height: 44rpx; margin-top: 16rpx; } .money { display: inline-block !important; font-size: 50rpx; font-weight: 500; color: #FFF; } .listitem { width: 538rpx; /* height: 624rpx; */ position: relative; padding: 60rpx 40rpx; border-radius: 15rpx; background: linear-gradient(160deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); margin: 170rpx auto 30rpx; display: flex; flex-direction:column; } .top{ width:548rpx; height: 140rpx; margin: 0 auto 20rpx; padding: 0 20rpx; } .top image{ width:120rpx; height:120rpx; border-radius:16rpx; float: left; } .top tit{ margin-left:26rpx; width:305rpx; } .progress { width: 519rpx; height: 170rpx; margin: 0 auto; } .progesstext>text { font-size: 24rpx; color: #FFF; } .progesstext text text { color: #FFF; } .time { margin-top: 20rpx; font-size: 24rpx; color: #FFF; text-align:center; } .time text { font-size: 30rpx; color: #FD832D; display: inline-block; width: 40rpx; text-align: center; height: 40rpx; line-height: 40rpx; background: #FFF; border-radius: 10rpx; margin: 0 4px; } .head{ width:52rpx; height: 52rpx; position: relative; float: left } .head image{ width: 52rpx; height: 52rpx; border-radius:26rpx; } .head text{ width: 70rpx; position: absolute; bottom: 0; left: 0; right: 0; font-size: 20rpx; background: #ED3F2E; color: #fff; text-align: center; border-radius: 20rpx; } .text{ width: 85%; padding-left: 3%; display: inline-block; height: 52rpx; line-height: 52rpx; font-size: 26rpx; } .text01{ width: 70rpx; margin-right: 6rpx; } .text01 text{ width: 100rpx; float: left; height: 52rpx; line-height: 52rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .text02{ display: inline-block; } .text02 .fl{ color: #FFF!important; } .text03{ /* width: 180rpx; */ text-align: right; font-size:24rpx; height: 52rpx; line-height: 52rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .person{ /* border-bottom: 1px solid #F0CDB3; */ padding-bottom: 15rpx; padding-top: 15rpx; color: #fff; } .text02 text:nth-of-type(2){ color: #FF3535; text-align: left; } .people{ border-radius:16rpx; padding:0 20rpx; } .kjr{ height: 300rpx; overflow: auto; } .btns{ padding:33rpx; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; /* background: #fff; */ } .btns button{ width: 500rpx!important; height: 92rpx; border-radius:32rpx; text-align: center; margin: 0 auto; font-size: 32rpx; color: #fff; line-height: 92rpx; 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: 15rpx; } .success image{ display: block; width: 74rpx; height: 74rpx; margin: 0 auto; } .success text{ display: block; text-align: center; font-size:24rpx; line-height: 24rpx; color:#FFFFFF; } .btns01{ position: fixed; left: 0; right: 0; bottom: 0; padding: 30rpx 0; } .btns01 button{ color:rgba(254,254,254,1); width:538rpx; 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{ width: 520rpx; margin: 40rpx auto 0; } .status button{ display: block; width: 520rpx; height: 95rpx; line-height: 95rpx; text-align: center; border: none; } button::after{ border: none; } .status button:nth-of-type(1){ background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); border:1px solid rgba(236,59,45,1); border-radius:48rpx; margin-bottom: 38rpx; color: #fff; } .status button:nth-of-type(2){ background:#fff; border:1px solid rgba(190,190,190,1); border-radius:48rpx; color: #333; }