|
- .market {
- width: 100%;
- height: 100%;
- background: #F4F5F9;
- }
-
- .tabs {
- width: 100% !important;
- height: 96rpx;
- text-align: center;
- position: fixed;
- 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;
- /* background-color: rgba(0,0,0,0.3); */
- }
-
- .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%;
- background-color: rgba(0, 0, 0, 0.3);
- z-index: 0;
- border-radius: 12px;
- border-radius: 20px solid red;
- /* object-fit:contain */
- }
-
- .gray-bg {
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 10;
- background-color: rgba(0, 0, 0, .7);
- /* background: rgba(0,0,0,.7); */
- border-radius: 12px;
- border-radius: 20px solid red;
- background-size: cover;
- }
-
- .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 {
- 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;
- 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: 999;
- }
-
- 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;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.7);
- border-radius: 12rpx;
- }
|