|
- @import "../../app.wxss";
- @import "../../wxParse/wxParse.wxss";
-
- page {
- background: #f4f5f9;
- }
-
- .coupons {
- width: 100%;
- position: relative;
- }
-
- .coupons-body {
- flex: 1;
- }
-
- .apply {
- position: fixed;
- bottom: 152rpx;
- left: 100rpx;
- margin: auto;
- width: 556rpx;
- font-size: 30rpx;
- text-align: center;
- background-color: #f6f6f6;
- color: #888;
- }
-
- .banner {
- position: relative;
- width: 750rpx;
- /* height: 280rpx; */
- overflow: hidden;
- }
-
- .banner image {
- width: 750rpx;
- }
-
- .txt001 {
- display: block;
- font-size: 36rpx !important;
- color: #363636;
- letter-spacing: 0;
- text-align: left;
- line-height: 48rpx;
- padding-top: 3.2%;
- }
-
- .txt002 {
- font-size: 30rpx !important;
- color: #999;
- letter-spacing: 0;
- text-align: left;
- line-height: 33rpx;
- }
-
- .proct {
- position: relative;
- margin-top: 20rpx;
- }
-
- .proct text:nth-of-type(1) {
- display: block;
- font-size: 32rpx !important;
- color: #ff4949;
- letter-spacing: 0;
- line-height: 32rpx;
- margin-bottom: 20rpx;
- }
-
- .proct text:nth-of-type(2) {
- display: block;
- font-size: 30rpx;
- color: #6f6f6f;
- letter-spacing: 0;
- margin: 0 auto;
- }
-
- .banner text {
- position: absolute;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 122rpx;
- height: 48rpx;
- line-height: 48rpx;
- opacity: 0.8;
- background: #000;
- font-size: 24rpx;
- color: #fff;
- letter-spacing: 0;
- text-indent: 0.5em;
- border-top-left-radius: 50rpx;
- border-bottom-left-radius: 50rpx;
- }
-
- .coupons_info {
- width: 92%;
- height: 120rpx;
- display: flex;
- justify-content: space-between;
- padding: 0 4% 4%;
- background: #fff;
- }
-
- .coupons_info view {
- display: flex;
- flex-direction: column;
- }
-
- .coupons_info view:nth-child(1) text {
- font-size: 30rpx;
- line-height: 32rpx;
- margin-top: 10%;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(1) text {
- color: #ff3434;
- font-size: 24rpx;
- border: 1px solid #ff3434;
- border-radius: 6rpx;
- margin-left: 2%;
- padding: 0 5rpx;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(2),
- .coupons_info view:nth-child(1) text:nth-child(3) {
- color: #b8b8b8;
- font-size: 24rpx;
- margin-top: 4%;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(2) text,
- .coupons_info view:nth-child(1) text:nth-child(3) text {
- color: #ff3434;
- font-size: 24rpx;
- }
-
- .coupons_info view:nth-child(2) text:nth-child(1) {
- font-size: 36rpx;
- color: #ff3434;
- margin-top: 40rpx;
- font-weight: bold;
- }
-
- .coupons_info view:nth-child(2) text:nth-child(2) {
- font-size: 24rpx;
- color: #b4b4b4;
- text-decoration: line-through;
- padding-left: 10rpx;
- padding-top: 4rpx;
- }
-
- navigator {
- display: block;
- margin-bottom: 24rpx;
- width: 344rpx;
- }
-
- .navigator-hover {
- opacity: 1 !important;
- background: #fff !important;
- border-radius: 16rpx;
- }
-
- .active {
- opacity: 0.6;
- }
-
- navigator:nth-of-type(2n) {
- float: right;
- }
-
- navigator:nth-of-type(2n+1) {
- float: left;
- }
-
- .contain {
- padding: 24rpx 25rpx 0;
- }
-
- .posi {
- width: 92%;
- display: flex;
- flex-direction: column;
- padding: 0 4%;
- background: #fff;
- margin-top: 2%;
- }
-
- .posi>view:nth-child(2) {
- width: 100%;
- height: 87rpx;
- display: flex;
- justify-content: space-between;
- border-top: 1px solid #f6f6f6;
- line-height: 87rpx;
- }
-
- .posi>view:nth-child(2) text:nth-child(1) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi>view:nth-child(2) text:nth-child(2) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi_logo {
- width: 100%;
- height: 156rpx;
- display: flex;
- margin-top: 30rpx;
- }
-
- .posi_logo view:nth-child(1) {
- width: 126rpx;
- height: 126rpx;
- border-radius: 50%;
- overflow: hidden;
- flex: 2;
- }
-
- .posi_logo view:nth-child(1) image {
- width: 100%;
- height: 100%;
- }
-
- .posi_logo view:nth-child(2) {
- display: flex;
- flex-direction: column;
- flex: 8;
- padding-top: 20rpx;
- padding-left: 30rpx;
- }
-
- .posi_logo view:nth-child(2) text:nth-child(1) {
- font-size: 30rpx;
- }
-
- .posi_logo view:nth-child(2) text:nth-child(2) {
- font-size: 24rpx;
- color: #b8b8b8;
- padding-top: 10rpx;
- }
-
- .notes view:nth-child(1) {
- width: 92%;
- height: 87rpx;
- padding: 0 4%;
- line-height: 87rpx;
- background: #fff;
- /* border-top: 1rpx solid #f5f5f5; */
- }
-
- .notes view:nth-child(1) text {
- font-size: 30rpx;
- font-weight: bold;
- }
-
- .notes view:nth-child(2) {
- width: 92%;
- height: auto;
- padding: 0 4% 4%;
- background: #fff;
- /* border-bottom: 1rpx solid #f5f5f5; */
- display: flex;
- flex-direction: column;
- }
-
- .notes view:nth-child(2)>text {
- font-size: 28rpx;
- color: #a9a9a9;
- line-height: 45rpx;
- }
-
- .spot {
- width: 12rpx;
- height: 12rpx;
- display: inline-block;
- background: #a9a9a9;
- margin-right: 16rpx;
- position: relative;
- bottom: 4rpx;
- border-radius: 50%;
- }
-
- .buy-view {
- background: #fff;
- position: fixed;
- padding-top: 10rpx;
- height: 98rpx;
- bottom: 0rpx;
- left: 0;
- right: 0;
- }
-
- .buy {
- display: block;
- background: #ff4949;
- border-radius: 30rpx;
- height: 48rpx;
- width: 112rpx;
- margin: 0 auto;
- color: #fff;
- font-size: 26rpx;
- line-height: 48rpx;
- text-align: center;
- }
-
- .coupons1-btn-gm {
- background: #00c0ff !important;
- border-radius: 10rpx !important;
- margin: 0 !important;
- padding: 0 !important;
- font-family: PingFangSC-Semibold;
- font-size: 28rpx;
- color: #fff !important;
- letter-spacing: 0;
- height: 50rpx !important;
- width: 138rpx !important;
- line-height: 50rpx !important;
- }
-
- .coupons1 {
- position: relative;
- background: #fff;
- border-radius: 16rpx;
- padding-bottom: 21rpx;
- overflow: hidden;
- height: 486rpx;
- }
-
- .coupons1-img {
- width: 344rpx;
- height: 258rpx;
- overflow: hidden;
- }
-
- .coupons1-img image {
- display: block;
- width: 100%;
- height: 100%;
- }
-
- .coupons1-info {
- padding-left: 20rpx;
- }
-
- .coupons1-info-name {
- font-size: 28rpx;
- color: #000;
- letter-spacing: 0;
- }
-
- .i {
- font-size: 20rpx;
- font-style: normal;
- }
-
- .coupons1-info-price-p {
- display: inline-block;
- font-size: 36rpx;
- color: #f96563;
- line-height: 50rpx;
- margin-top: 21rpx;
- }
-
- .tit {
- font-size: 30rpx;
- color: #000;
- letter-spacing: 0;
- line-height: 42rpx;
- width: 270rpx;
- height: 42rpx;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- padding-top: 16rpx;
- }
-
- .coupons1-info-price-o {
- display: block;
- text-align: center;
- font-size: 26rpx;
- color: #b4b4b4;
- letter-spacing: 0.96rpx;
- text-decoration: line-through;
- line-height: 24rpx;
- }
-
- .coupons1-info-distance {
- font-size: 22rpx;
- color: #c0c0c0;
- letter-spacing: 0;
- padding-bottom: 10rpx;
- line-height: 30rpx;
- }
-
- .coupons1-info-address {
- font-size: 22rpx;
- color: #585858;
- letter-spacing: 0;
- line-height: 30rpx;
- }
-
- .coupons1-btn {
- position: absolute;
- width: 120rpx;
- bottom: 25rpx;
- right: 13rpx;
- }
-
- .coupons1-btn-gm {
- background: #00c0ff !important;
- border-radius: 10rpx !important;
- margin: 0 !important;
- padding: 0 !important;
- font-family: PingFangSC-Semibold;
- font-size: 28rpx;
- color: #fff !important;
- letter-spacing: 0;
- height: 50rpx !important;
- width: 138rpx !important;
- line-height: 50rpx !important;
- }
-
- .subtitle {
- font-size: 24rpx;
- font-weight: 100;
- text-align: left;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- width: 300rpx;
- color: #999;
- letter-spacing: 0;
- height: 30rpx;
- }
-
- .coupons1-info-manjian {
- color: #fa7c7a;
- font-size: 20rpx;
- line-height: 34rpx;
- display: inline-block;
- }
-
- .jian {
- width: 44rpx;
- position: absolute;
- bottom: 1.7%;
- right: 3.5%;
- }
-
- /**上拉加载更多**/
-
- .userinfo {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- .userinfo-avatar {
- width: 128rpx;
- height: 128rpx;
- margin: 20rpx;
- border-radius: 50%;
- }
-
- .userinfo-nickname {
- color: #aaa;
- }
-
- .sy {
- display: block;
- text-align: center;
- width: 120rpx !important;
- margin-top: 6rpx;
- }
-
- .usermotto {
- margin-top: 200px;
- }
-
- /**/
-
- scroll-view {
- width: 100%;
- }
-
- .item {
- width: 90%;
- height: 300rpx;
- margin: 20rpx auto;
- background: brown;
- overflow: hidden;
- }
-
- .item .img {
- width: 430rpx;
- margin-right: 20rpx;
- float: left;
- }
-
- .title {
- font-size: 30rpx;
- display: block;
- margin: 30rpx auto;
- }
-
- .description {
- font-size: 26rpx;
- line-height: 15rpx;
- }
-
- button::after {
- border: none;
- }
-
- .goback {
- position: fixed;
- /* right: 50rpx; */
- left: 22rpx;
- bottom: 22rpx;
- width: 132rpx !important;
- height: 96rpx;
- z-index: 100;
- background: rgba(255, 255, 255, 1);
- line-height: 95rpx;
- border: 1rpx solid rgba(227, 227, 227, 1);
- border-radius: 32rpx;
- }
-
- .goback image {
- position: absolute;
- width: 52rpx;
- height: 50rpx;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: 10rpx auto;
- }
-
- .btnTxt {
- width: 50rpx;
- height: 30rpx;
- line-height: 50rpx;
- color: #fd782d;
- font-size: 20rpx;
- position: absolute;
- right: 42rpx;
- bottom: 15rpx;
- }
-
- .coupons {
- width: 100%;
- position: relative;
- /* height: 100%; */
- }
-
- .coupons-body {
- flex: 1;
- }
-
- .banner {
- position: relative;
- width: 750rpx;
- overflow: hidden;
- box-shadow: 0px 14px 26px 0px rgba(199, 203, 211, 1);
- }
-
- .banner image {
- width: 750rpx;
- border-radius: 16rpx;
- }
-
- .box {
- width: 100%;
- }
-
- .act {
- position: relative;
- background: #fff;
- border-radius: 12rpx;
- width: 94%;
- padding-bottom: 20rpx;
- padding: 0 3%;
- }
-
- .act text {
- display: block;
- }
-
- .txt001 {
- display: block;
- font-size: 32rpx;
- color: #3c3c3c;
- letter-spacing: 0;
- text-align: left;
- line-height: 48rpx;
- padding-top: 3.2%;
- font-weight: bold;
- margin-bottom: 20rpx;
- }
-
- .content {
- font-size: 30rpx;
- color: #a6a6a6;
- margin-top: 40rpx;
- }
-
- .num {
- line-height: 50rpx;
- }
-
- .member {
- font-size: 30rpx;
- color: #a6a6a6;
- padding-left: 2%;
- float: left;
- }
-
- .integral {
- display: block;
- font-size: 24rpx;
- color: #a6a6a6;
- float: left;
- margin-left: 20rpx;
- }
-
- .integral text {
- float: left;
- }
-
- .integralNum {
- color: #fd782d;
- margin: 0 5rpx 0 10rpx;
- }
-
- .txt002 {
- font-size: 24rpx;
- color: #999;
- letter-spacing: 0;
- text-align: left;
- line-height: 33rpx;
- }
-
- .proct {
- position: relative;
- margin-top: 20rpx;
- }
-
- .proct text:nth-of-type(1) {
- display: block;
- font-size: 30rpx;
- color: #fd782d;
- letter-spacing: 0;
- line-height: 32rpx;
- margin-bottom: 20rpx;
- }
-
- .proct text:nth-of-type(2) {
- display: block;
- word-wrap: break-word;
- font-size: 26rpx;
- color: #6f6f6f;
- letter-spacing: 0;
- margin: 0 auto;
- }
-
- .banner text {
- position: absolute;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 122rpx;
- height: 48rpx;
- line-height: 48rpx;
- opacity: 0.8;
- background: #000;
- font-size: 24rpx;
- color: #fff;
- letter-spacing: 0;
- text-indent: 0.5em;
- border-top-left-radius: 50rpx;
- border-bottom-left-radius: 50rpx;
- }
-
- .coupons_info {
- width: 92%;
- height: 120rpx;
- display: flex;
- justify-content: space-between;
- padding: 0 4% 4%;
- background: #fff;
- }
-
- .coupons_info view {
- display: flex;
- flex-direction: column;
- }
-
- .coupons_info view:nth-child(1) text {
- font-size: 30rpx;
- line-height: 32rpx;
- margin-top: 10%;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(1) text {
- color: #ff3434;
- font-size: 24rpx;
- border: 1px solid #ff3434;
- border-radius: 6rpx;
- margin-left: 2%;
- padding: 0 5rpx;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(2),
- .coupons_info view:nth-child(1) text:nth-child(3) {
- color: #b8b8b8;
- font-size: 24rpx;
- margin-top: 4%;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(2) text,
- .coupons_info view:nth-child(1) text:nth-child(3) text {
- color: #ff3434;
- font-size: 24rpx;
- }
-
- .coupons_info view:nth-child(2) text:nth-child(1) {
- font-size: 36rpx;
- color: #ff3434;
- margin-top: 40rpx;
- font-weight: bold;
- }
-
- .coupons_info view:nth-child(2) text:nth-child(2) {
- font-size: 24rpx;
- color: #b4b4b4;
- text-decoration: line-through;
- padding-left: 10rpx;
- padding-top: 4rpx;
- }
-
- navigator {
- display: block;
- margin-bottom: 24rpx;
- width: 344rpx;
- }
-
- .navigator-hover {
- opacity: 1 !important;
- background: #fff !important;
- border-radius: 16rpx;
- }
-
- .active {
- opacity: 0.6;
- }
-
- navigator:nth-of-type(2n) {
- float: right;
- }
-
- navigator:nth-of-type(2n+1) {
- float: left;
- }
-
- .contain {
- padding: 24rpx 25rpx 0;
- }
-
- .posi {
- width: 92%;
- display: flex;
- flex-direction: column;
- padding: 0 4%;
- background: #fff;
- margin-top: 2%;
- }
-
- .posi>view:nth-child(2) {
- width: 100%;
- height: 87rpx;
- display: flex;
- justify-content: space-between;
- border-top: 1px solid #f6f6f6;
- line-height: 87rpx;
- }
-
- .content {
- padding: 0 40rpx 160rpx;
- }
-
- .posi>view:nth-child(2) text:nth-child(1) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi>view:nth-child(2) text:nth-child(2) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi_logo {
- width: 100%;
- height: 156rpx;
- display: flex;
- margin-top: 30rpx;
- }
-
- .posi_logo view:nth-child(1) {
- width: 126rpx;
- height: 126rpx;
- border-radius: 50%;
- overflow: hidden;
- flex: 2;
- }
-
- .posi_logo view:nth-child(1) image {
- width: 100%;
- height: 100%;
- }
-
- .posi_logo view:nth-child(2) {
- display: flex;
- flex-direction: column;
- flex: 8;
- padding-top: 20rpx;
- padding-left: 30rpx;
- }
-
- .posi_logo view:nth-child(2) text:nth-child(1) {
- font-size: 30rpx;
- }
-
- .posi_logo view:nth-child(2) text:nth-child(2) {
- font-size: 24rpx;
- color: #b8b8b8;
- padding-top: 10rpx;
- }
-
- .notes view:nth-child(1) {
- width: 92%;
- height: 87rpx;
- padding: 0 4%;
- line-height: 87rpx;
- background: #fff;
- /* border-top: 1rpx solid #f5f5f5; */
- }
-
- .notes view:nth-child(1) text {
- font-size: 30rpx;
- font-weight: bold;
- }
-
- .notes view:nth-child(2) {
- width: 92%;
- height: auto;
- padding: 0 4% 4%;
- background: #fff;
- /* border-bottom: 1rpx solid #f5f5f5; */
- display: flex;
- flex-direction: column;
- }
-
- .notes view:nth-child(2)>text {
- font-size: 28rpx;
- color: #a9a9a9;
- line-height: 45rpx;
- }
-
- .spot {
- width: 12rpx;
- height: 12rpx;
- display: inline-block;
- background: #a9a9a9;
- margin-right: 16rpx;
- position: relative;
- bottom: 4rpx;
- border-radius: 50%;
- }
-
- .buy-view {
- background: #fff;
- position: fixed;
- padding-top: 10rpx;
- height: 98rpx;
- bottom: 0rpx;
- left: 0;
- right: 0;
- }
-
- .buy {
- display: block;
- background: #ff4949;
- border-radius: 30rpx;
- height: 48rpx;
- width: 112rpx;
- margin: 0 auto;
- color: #fff;
- font-size: 26rpx;
- line-height: 48rpx;
- text-align: center;
- }
-
- .coupons1-btn-gm {
- background: #00c0ff !important;
- border-radius: 10rpx !important;
- margin: 0 !important;
- padding: 0 !important;
- font-family: PingFangSC-Semibold;
- font-size: 28rpx;
- color: #fff !important;
- letter-spacing: 0;
- height: 50rpx !important;
- width: 138rpx !important;
- line-height: 50rpx !important;
- }
-
- .coupons1 {
- position: relative;
- background: #fff;
- border-radius: 16rpx;
- padding-bottom: 21rpx;
- overflow: hidden;
- height: 486rpx;
- }
-
- .coupons1-img {
- width: 344rpx;
- height: 258rpx;
- overflow: hidden;
- }
-
- .coupons1-img image {
- display: block;
- width: 100%;
- height: 100%;
- }
-
- .coupons1-info {
- padding-left: 20rpx;
- }
-
- .coupons1-info-name {
- font-size: 28rpx;
- color: #000;
- letter-spacing: 0;
- }
-
- .i {
- font-size: 20rpx;
- font-style: normal;
- }
-
- .coupons1-info-price-p {
- display: inline-block;
- font-size: 36rpx;
- color: #f96563;
- line-height: 50rpx;
- margin-top: 21rpx;
- }
-
- .tit {
- font-size: 30rpx;
- color: #000;
- letter-spacing: 0;
- line-height: 42rpx;
- width: 270rpx;
- height: 42rpx;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- padding-top: 16rpx;
- }
-
- .coupons1-info-price-o {
- display: block;
- text-align: center;
- font-size: 26rpx;
- color: #b4b4b4;
- letter-spacing: 0.96rpx;
- text-decoration: line-through;
- line-height: 24rpx;
- }
-
- .coupons1-info-distance {
- font-size: 22rpx;
- color: #c0c0c0;
- letter-spacing: 0;
- padding-bottom: 10rpx;
- line-height: 30rpx;
- }
-
- .coupons1-info-address {
- font-size: 22rpx;
- color: #585858;
- letter-spacing: 0;
- line-height: 30rpx;
- }
-
- .coupons1-btn {
- position: absolute;
- width: 120rpx;
- bottom: 25rpx;
- right: 13rpx;
- }
-
- .coupons1-btn-gm {
- background: #00c0ff !important;
- border-radius: 10rpx !important;
- margin: 0 !important;
- padding: 0 !important;
- font-family: PingFangSC-Semibold;
- font-size: 28rpx;
- color: #fff !important;
- letter-spacing: 0;
- height: 50rpx !important;
- width: 138rpx !important;
- line-height: 50rpx !important;
- }
-
- .subtitle {
- font-size: 24rpx;
- font-weight: 100;
- text-align: left;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- width: 300rpx;
- color: #999;
- letter-spacing: 0;
- height: 30rpx;
- }
-
- .coupons1-info-manjian {
- color: #fa7c7a;
- font-size: 20rpx;
- line-height: 34rpx;
- display: inline-block;
- }
-
- .jian {
- width: 44rpx;
- position: absolute;
- bottom: 1.7%;
- right: 3.5%;
- }
-
- /**上拉加载更多**/
-
- .userinfo {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- .userinfo-avatar {
- width: 128rpx;
- height: 128rpx;
- margin: 20rpx;
- border-radius: 50%;
- }
-
- .userinfo-nickname {
- color: #aaa;
- }
-
- .sy {
- display: block;
- text-align: center;
- width: 120rpx !important;
- margin-top: 6rpx;
- }
-
- .usermotto {
- margin-top: 200px;
- }
-
- /**/
-
- scroll-view {
- width: 100%;
- }
-
- .item {
- width: 90%;
- height: 300rpx;
- margin: 20rpx auto;
- background: brown;
- overflow: hidden;
- }
-
- .item .img {
- width: 430rpx;
- margin-right: 20rpx;
- float: left;
- }
-
- .title {
- font-size: 30rpx;
- display: block;
- margin: 30rpx auto;
- }
-
- .description {
- font-size: 26rpx;
- line-height: 15rpx;
- }
-
- .signUp {
- position: fixed;
- bottom: 22rpx;
- left: 110rpx;
- margin: auto;
- width: 556rpx;
- height: 92rpx;
- line-height: 92rpx;
- border-radius: 32rpx;
- background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
- color: #fff;
- font-size: 30rpx;
- text-align: center;
- border: 1rpx solid rgba(227, 227, 227, 1);
- }
-
- .signUpHr {
- position: fixed;
- bottom: 22rpx;
- left: 100rpx;
- margin: auto;
- width: 556rpx;
- height: 92rpx;
- line-height: 92rpx;
- border-radius: 32rpx;
- background: #cecece;
- color: #fff;
- font-size: 30rpx;
- text-align: center;
- border: 1rpx solid rgba(227, 227, 227, 1);
- }
-
- .opacity {
- opacity: 0.8;
- }
-
- .time {
- font-size: 30rpx;
- line-height: 50rpx;
- color: #a6a6a6;
- padding-left: 2%;
- }
-
- .ques {
- display: block;
- text-align: center;
- }
-
- .questionTitle {
- width: 180rpx;
- font-size: 40rpx;
- border-top: 6rpx solid orange;
- margin: 20rpx auto 0;
- }
-
- .detail {
- font-size: 30rpx !important;
- line-height: 40rpx;
- margin-bottom: 20rpx;
- color: #666;
- }
-
- .fenxiang {
- position: absolute;
- top: 3.2%;
- right: 27rpx;
- display: flex;
- flex-direction: column;
- }
-
- .fenxiang image {
- width: 48rpx;
- height: 48rpx;
- margin: 0 auto;
- }
-
- .gift {
- color: #3c3c3c;
- font-size: 20rpx;
- margin: 0 auto;
- }
-
- .modal {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- background: rgba(0, 0, 0, 0.5);
- overflow: hidden;
- z-index: 10000;
- color: #fff;
- }
-
- .modal-content {
- width: 540rpx;
- height: 233rpx;
- line-height: 60rpx;
- overflow: hidden;
- position: fixed;
- top: 50%;
- left: 0;
- z-index: 11;
- background: #f9f9f9;
- margin: -130rpx 105rpx;
- border-radius: 36rpx;
- display: flex;
- }
-
- .modal-content view {
- display: inline-block;
- flex: 1;
- text-align: center;
- }
-
- .modal-content view>text {
- color: #000;
- display: block;
- font-size: 30rpx;
- }
-
- .modal-content view>image {
- margin-top: 40rpx;
- width: 90rpx;
- height: 90rpx;
- }
|