|
- 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;
- }
|