.market { width: 100%; height: 100%; background: #F4F5F9; } .tabs { width: 100% !important; height: 88rpx; text-align: center; position: fixed; /* top: 136rpx; */ left: 0; right: 0; z-index: 100000; background: #fff; } .i-tab { width: 25% !important; display: inline-block; } .section { position: relative; width: 710rpx; height: 240rpx; margin: 0 auto 20rpx; padding: 20rpx 0; border-radius: 16rpx; background: #fff; } .mms { position: relative; width: 670rpx; background: #fff; height: 238rpx; margin: 0 auto 30rpx; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); } .cover-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .gray-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: rgba(0,0,0,.7); } .yu { display: inline-block !important; font-size: 30rpx!important; } .expiretime { width: 250rpx; } .expiretime text { display: block; font-size: 30rpx; font-weight: 500; white-space: nowrap; text-align: right; text-overflow: ellipsis; overflow: hidden; margin-top: 35rpx; margin-right: 10rpx; color: rgba(255, 255, 255, 1); } .money { margin-left: 10rpx; font-size: 30rpx; font-weight: bold; } .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 { width: 100%; } .info .title .yue { font-size: 60rpx; line-height: 60rpx; font-weight: bold; color: #fff; letter-spacing: 0; width: 400rpx; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10rpx; margin-top: 23rpx; text-align: left; } .info >view view:nth-child(2) { display: inline-block; width: 220rpx; font-size: 26rpx; color: #fff; letter-spacing: 0; margin-top: 6rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 25rpx; } .btns { position: absolute; right: 25rpx; bottom: -12rpx; text-align: center; font-size: 28rpx; width: 250rpx !important; height: 61rpx; line-height: 61rpx; background: rgba(255, 255, 255, 1); border-radius: 30rpx; z-index: 100; color: #FD832D!important; } .active { color: #fff; opacity: 0.9; } .txt1 { font-size: 24rpx; color: #fff; 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; } .nocoupon button { background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); color: #fff; font-style: 30rpx; width: 100%; border-radius: 60rpx; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #999; } .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; } .title { width: 50%; } .title text { display: block; color: #fff; font-size: 24rpx; margin-left: 25rpx; text-align: left; } .txt2{ /* opacity: .99; */ margin-top: 36rpx; } .imgicon { position: absolute; width: 140rpx; height: 100rpx; z-index: 100; right: 257rpx; top: 0; } .imgicon image { width: 100%; } .buyagain { width: 162rpx; height: 57rpx; background: rgba(255, 255, 255, 1); border-radius: 10rpx; font-size: 24rpx; color: rgba(51, 51, 51, 1); margin-right: 25rpx; margin-top: 11rpx; } .txtstatus { height: 80rpx; font-size: 24rpx; color: rgba(255, 53, 53, 1); margin-left: 30rpx; } .userule { text-align: center; font-size: 28rpx; font-family: PingFang-SC-Regular; font-weight: 400; color: #FD832D; /* opacity: .99; */ line-height: 44rpx; margin-top: 30rpx; background: #fff; position: fixed; bottom: 0; left: 0; width: 100%; height: 80rpx; line-height: 80rpx; z-index: 100; } .yue text:nth-of-type(1){ margin-right: 6rpx; } .yue text:nth-of-type(2){ margin-left: 6rpx; } .cantransferred{ position:absolute; right:0; top:0; width:60rpx; height:60rpx; z-index:100; } 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; } .detail_msg { position: absolute; left: 0; z-index: 100; }