page{ position: relative; height: auto!important; background:#F4F5F9; /* background-image:url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/barginlistbg.jpg'); */ background-size: cover; background-repeat: no-repeat; } .list{ padding: 0 32rpx; } .listitem .fl { width: 142rpx; height: 142rpx!important; border-radius: 10rpx; /* overflow: hidden; */ margin-top:10rpx; /* word-wrap: break-word; word-break: break-all; */ display: block; } .listitem .icon{ width: 140rpx; height: 116rpx; position: absolute; top: 0; right: 30rpx; } .listitem .ri { margin-left: 26rpx; width: 305rpx; } .ri text{ display: block; text-align: left; } .ri .txt01 { width: 100%; font-size:32rpx; color: rgba(51, 51, 51, 1); line-height: 44rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; /* margin-top: 10rpx; */ } .ri .txt02 { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 24rpx; color: rgba(140, 140, 140, 1); } .ri .txt03 { /* margin-left: 10rpx; */ display: inline-block!important; font-size:24rpx; text-decoration:line-through; color:rgba(140,140,140,1); } .ri .txt04 { width: 100%; font-size:26rpx; color:rgba(253,131,45,1); line-height:44rpx; height: 48rpx; } .frImg{ height: 78rpx; width: 78rpx; position: absolute; right: 0; top: 0; } .frImg text{ height:78rpx; width:78rpx; transform:rotate(45deg); color:#FFFFFF; font-size:16rpx; position:absolute; text-align:center; line-height:53rpx; top:0; left:0; } .money{ display: inline-block!important; font-size:40rpx; font-weight:500; color:rgba(253,131,45,1); width:150rpx; margin-top: 10rpx; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } .listitem{ position: relative; padding: 21rpx; background: #fff; border-radius: 20rpx; margin-bottom: 30rpx; margin-top: 30rpx; } .line{ padding:0,16rpx; border: .5px dashed #E1E1E1; } .pt_progress{ padding:0,16rpx; line-height: 56rpx; height: 56rpx; color: #FD782D; } .msg{ float: right; font-size: 28rpx; margin-top: 8rpx; } progress{ display:inline-block; border-radius:60rpx; overflow:hidden; width: 380rpx; } .botton{ position: absolute; right: 18rpx; text-align: center; bottom: 40rpx; width:140rpx; height:52rpx; line-height:52rpx; background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); border-radius:24rpx; font-size:26rpx; color:rgba(255,255,255,1); } .botton1{ position: absolute; right: 34rpx; text-align: center; top: 96rpx; width:140rpx; height:52rpx; line-height:52rpx; background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(255,111,3,1) 100%); /* background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(255,111,3,1) 100%); */ border-radius:24rpx; font-size:26rpx; color:rgba(255,255,255,1); } .botton02{ background: #ccc!important; } .botton2{ position: absolute; right: 36rpx; text-align: center; top: 96rpx; border-radius:24rpx; font-size:26rpx; line-height:48rpx; color:rgba(255,255,255,1); width:140rpx; height:48rpx; background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); } .botton3{ position: absolute; right: 36rpx; text-align: center; top: 96rpx; line-height:48rpx; border-radius:24rpx; font-size:26rpx; color:rgba(255,255,255,1); width:140rpx; height:48rpx; background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); } /* .buttonfix{ position: fixed; height: 95rpx; line-height: 95rpx; bottom: 0; left: 0; right: 0; display: flex; flex: 2; background: #fff; border-top:1rpx solid #C6C6C6; justify-content: space-around; text-align: center; } */ .buttonfix > view{ text-align: center; font-size: 32rpx; flex: 1; } .active1{ color: #02C0FF!important; } .line{ border-left:1rpx solid #C6C6C6; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .page{ padding-bottom: 100rpx; position: relative; } .mr{ height: 40rpx; line-height: 40rpx; } .market { width: 100%; height: 100%; /* background: #f5f5f5; */ } .tabs { width: 100% !important; height: 88rpx; text-align: center; position: fixed; top: 0; left: 0; right: 0; z-index: 100000; } .i-tab { width: 25% !important; display: inline-block; } .section { position: relative; } .mms { position: relative; width: 690rpx; height: 197rpx !important; background: #fff; padding: 30rpx 0 0; margin: 0 auto 40rpx; border-radius: 16rpx; border-top: 8rpx solid #02b7ff; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); } .detail_msg { display: flex; padding-bottom: 26rpx; } .expiretime { display: block; width: 100%; text-align: left; text-indent: 1em; height:54rpx; line-height:54rpx; font-size: 26rpx; color: #333; letter-spacing: 0; } .liness { display: block; width: 100%; } .logo { width: 60rpx; height: 60rpx; border: 1px solid #f8f8f8; border-radius: 50rpx; display: block; margin-left: 20rpx; } .logo image { width: 60rpx; height: 60rpx; border-radius: 50%; } .info view:nth-child(1) { display: flex; justify-content: space-between; padding: 0 2%; } .info { width: 100%; } .info view:nth-child(1) text { font-size: 32rpx; line-height: 32rpx; height: 32rpx; color: #333; letter-spacing: 0; width: 400rpx; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .info view:nth-child(2) { padding-left: 2%; font-size: 22rpx; color: #333; letter-spacing: 0; margin-top: 6rpx; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 400rpx; } .info view:nth-child(3) { margin-left: 20rpx; } .btns { position: absolute; right: 30rpx; top: 38rpx; width: 120rpx; height: 48rpx; line-height: 48rpx; text-align: center; border: 2rpx solid #02c0ff; border-radius: 60rpx; color: #02c0ff; font-size: 28rpx; } .active { color: #fff; background: #02c0ff; } .txt1 { font-size: 26rpx; color: #333; letter-spacing: 0; } .nocoupon image { width: 300rpx; display: block; margin: 3% auto 0; } .txt001 { display: block; line-height: 48rpx; font-size: 34rpx; color: #333; letter-spacing: 0; text-align: center; } .txt002 { display: block; margin-top: 1%; font-size: 28rpx; color: #999; letter-spacing: 0; line-height: 40rpx; text-align: center; } .top{ width: 710rpx; height: 260rpx; background: #fff; border-radius: 16rpx; overflow: hidden; margin: 30rpx auto 0; } .nocoupon button { background: #00c0ff; color: #fff; font-style: 30rpx; width: 100%; border-radius: 60rpx; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #fff; } .loading image { width: 60rpx; height: 60rpx; vertical-align: middle; margin-right: 10rpx; } .active { opacity: 0.6; } .nav { position: absolute; bottom: 3.3%; left: 0; right: 0; margin: auto; width: 670rpx; border-radius: 60rpx; background: #02c0ff; font-size: 32px; color: #fff; text-align: center; line-height: 32px; } .sendImg{ position: absolute; width: 100rpx; top:109rpx; right:72rpx; } .no-data01{ width: 690rpx; padding-top: 174rpx; height: calc(100vh - 460rpx); background: #fff; margin: 0 auto; border-radius:15rpx; box-sizing: border-box; margin-top: 20rpx; } .no-data{ width: 690rpx; padding-top: 174rpx; height: calc(100vh - 300rpx); background: #fff; margin: 0 auto; border-radius:15rpx; box-sizing: border-box; margin-top:20rpx; } .no-data01 image{ width: 261rpx; height: 272rpx; display: block; margin: 0 auto; } .no-data image{ width: 261rpx; height: 272rpx; display: block; margin: 0 auto; } .no-data-text{ text-align: center; font-size:34rpx; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(0,0,0,1); } .dingdan { margin-top: 33rpx; } .dingdan text:nth-of-type(1) { display: block; font-size: 34rpx; color: #333; letter-spacing: 0; text-align: center; } .dingdan text:nth-of-type(2) { display: block; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: center; } .dingdan image { display: block; width: 300rpx; height: 300rpx; margin: 0 auto 16rpx; } .again{ position: relative; width: 686rpx; height: 168rpx; } .banner{ margin-bottom:20rpx; background:none!important; border-radius:16rpx; } .banner .bannerbg image{ display: none!important; height: 0!important; overflow: hidden; } .bottom{ width: 100%; height: 100rpx; position: fixed; bottom: 0; /* background:rgba(243,69,58,1); */ color: #fff; overflow: hidden; } .bottom-left{ width: 50%; float: left; margin-left: -1rpx; text-align: center; line-height: 100rpx; font-size:30rpx; font-family:PingFang-SC-Medium; font-weight:500; opacity: 1; background:linear-gradient(130deg,#32B1FC,#2F6CFF); color: #FFFEFE; } .bottom-leftQ{ width: 50%; float: left; margin-left: -1rpx; text-align: center; line-height: 100rpx; font-size:30rpx; font-family:PingFang-SC-Medium; font-weight:500; opacity: 1; background:#FFFFFF; color: #3C3C3C; } .bottom-right{ width: 50%; float: left; text-align: center; line-height: 100rpx; font-size:30rpx; font-family:PingFang-SC-Medium; font-weight:500; opacity: 1; background:linear-gradient(130deg,#32B1FC,#2F6CFF); color: #FFFEFE; } .bottom-rightQ{ width: 50%; float: left; text-align: center; line-height: 100rpx; font-size:30rpx; font-family:PingFang-SC-Medium; font-weight:500; opacity: 1; background:#FFFFFF; color: #3C3C3C; } button::after{ border: none; } .goback{ position: fixed; right: 50rpx; bottom: 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; }