page{ height: auto!important; background: #F4F5F9; } .header image{ width: 100%; } .market { width: 100%; /* height: 100%; */ /* background: #f5f5f5; */ } .tabs { width: 100% !important; height: 88rpx; text-align: center; margin-bottom: 30rpx; } .i-tab { width: 25% !important; display: inline-block; } .section { position: relative; width: 48%; } .cards >view:nth-of-type(2n){ float: right; } .cards>view:nth-of-type(2n+1){ float: left; } .cards>view{ margin-bottom: 30rpx; } .nocoupon{ margin: 0 auto; float: none!important; } .mms { background: #fff; padding: 20rpx; border-radius: 16rpx; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); } .expiretime { display: block; width: 100%; text-align: left; text-indent: 1em; font-size: 22rpx; color: #333; letter-spacing: 0; } .liness { display: block; width: 100%; } .detail_msg { width: 100%; display: block; } .detail_msg image { display: block; width: 100%; /* height: 176rpx!important; */ border-radius: 16rpx; } .detail_msg text{ display: block; font-size:30rpx; height: 40rpx; line-height: 40rpx; color: #3C3C3C; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 320rpx; margin-top: 24rpx; } .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: 57rpx; top: 38rpx; width: 120rpx; height: 48rpx; line-height: 48rpx; text-align: center; border: 2rpx solid #02c0ff; border-radius: 60rpx; color: #02c0ff; font-size: 28rpx; } .buycardbtn{ display: flex; justify-content: space-between; margin: 10rpx 0 0 0; } .buycardbtn .rmb{ font-size: 24rpx; } .buycardbtn .price{ font-size: 40rpx; } .buycardbtn view:nth-child(1){ color: #FD782D; } .buycardbtn view:nth-child(2){ width: 88rpx; height: 52rpx; line-height: 52rpx; font-size: 28rpx; color:#FFF!important; background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); border-radius: 20rpx!important; text-align: center; } button::after{ border: none; } .buycardbtn button text{ margin-left: 10rpx; } .active { color: #fff; background: #02c0ff; } .txt1 { font-size: 34rpx; color: #666; letter-spacing: 0; } .nocoupon image { width: 261rpx; height: 272rpx; display: block; margin: 0 auto; } .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: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); font-size: 32px; color: #fff; text-align: center; line-height: 32px; } .cards{ margin-top: 30rpx; padding: 0 20rpx; } .cantransferred{ position: absolute; right: 0; top: 0; width: 60rpx; height: 60rpx; } .tabss{ padding: 0 30rpx; } 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; }