/* pages/couponRecord/index.wxss */ page { background: #f6f6f6; } .head { height: 227rpx; width: 681rpx; margin: 40rpx auto 0; position: relative; } picker { width: 180rpx; text-align:center; height: 45rpx; font-size: 30rpx; overflow: hidden; color: rgba(85, 85, 85, 1); margin: 0 auto; } .head image { position: absolute; width: 100%; height: 100% !important; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .time { position: relative; display: flex; flex: 2.5; text-align: center; z-index: 10; align-items: center; } .time >view:nth-of-type(1), .time >view:nth-of-type(3) { flex: 1; } .time >view:nth-of-type(2) { flex: 0.5; } .time >view text { display: block; } .time >view text:nth-of-type(2n+1) { margin-top: 69rpx; } .time >view text:nth-of-type(2n+1) { color: #999; font-size: 26rpx; margin-bottom: 24rpx; } .time >view text:nth-of-type(2n) { color: rgba(153, 153, 153, 1); font-size: 32rpx; margin-top: 34rpx; } .btn { background: #51a0fc; height: 76rpx; line-height: 76rpx; display: block; width: 681rpx; margin: 0 auto; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 16rpx; border-bottom-right-radius: 16rpx; color: #fff; font-size: 30rpx; box-shadow: 0 9rpx 16rpx 0 rgba(81, 160, 252, 0.57); } button::after { border: none; } .active { opacity: 0.6; } .acount { width: 630rpx; display: flex; margin: 30rpx auto 0; padding: 35rpx 0; flex: 2; text-align: center; border-top: 1px solid #e3f0ff; } .acount>view { flex: 1; } .acount>view text { display: block; color: #999; font-size: 26rpx; } .acount>view text:nth-of-type(2n) { color: #333; font-size: 40rpx; margin-top: 20rpx; } .content { position: relative; padding: 15rpx 35rpx 20rpx; background: #fff; border-bottom: 1px solid #eaeaea; } .contentL { position: relative; padding: 25rpx; background: #fff; width: 85%; border-radius: 16rpx; margin: 30rpx auto; /* box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); */ } .contentL>view { height: 60rpx; line-height: 60rpx; font-size: 30rpx; } .contentL>view:nth-child(2){ color: rgba(153,153,153,1); } .contentL>view>text { font-size: 28rpx; } .contentL>view>text:nth-child(1) { width: 460rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .contentL>view>text:nth-child(2) { width:160rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: right; } .content>view:nth-child(1){ font-size: 28rpx; } .contentL>view:nth-child(2),.content>view:nth-child(2),.content>view:nth-child(3) { display: flex; justify-content: space-between; } .content>view:nth-child(2)>text,.content>view:nth-child(3)>text { font-size: 26rpx; font-family: PingFang-SC-Bold; color: rgba(153, 153, 153, 1); } .nocontent { text-align: center; font-size: 30rpx; padding: 30rpx 0; } .contents { margin-top: 30rpx; } .contentL>view:nth-child(1){ display: flex; justify-content: space-between; } .content .fr text:nth-of-type(1) { margin-top: 36rpx; } .content .fr text:nth-of-type(1), .content .fr text:nth-of-type(3) { color:rgba(51,51,51,1); display: block; font-size: 34rpx; } .content .fr text:nth-of-type(2) { display: block; } .img { display: block; width: 100%; } .title { display: block; text-align: center; color: rgba(153, 153, 153, 1); font-size: 26rpx; } .total { display: block; text-align: center; font-size: 70rpx; margin: 36rpx 0; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(51, 51, 51, 1); } .acounts { width: 680rpx; margin: 48rpx auto 48rpx; border: 1px solid #51a0fc; border-radius: 16rpx; padding: 40rpx 0 0; background: #fff; } .daishou{ width: 133rpx; height: 79rpx; position: absolute; top: 0; bottom: 0; right:264rpx; margin: auto; } .date-t{ font-size:26rpx; font-family:PingFang-SC-Regular; font-weight:400; color:rgba(153,153,153,1); line-height:44rpx; padding:0 35rpx; margin: 10rpx 0; } .loading{ color:rgba(51,51,51,1); font-size:28rpx; line-height: 40rpx; margin:30rpx 0; text-align: center; } .tab{ height: 80rpx; padding:0 25rpx; display: flex; align-items: center; justify-content: center } .tab > view{ width: 35%; line-height: 80rpx; text-align: center; font-size: 28rpx; /* border: 1rpx #333 solid; */ border-radius: 10rpx; } .couponsL{ background: #51a0fc; color: #fff; } .couponsR{ background: #FFF; color: #000; } .hide { width: 100%; height: 55rpx; line-height: 55rpx; } .hide text { color: #999; display: block; text-align: center; font-size: 28rpx; } .jiaoyi { width: 160rpx; display: block; margin: 200rpx auto 0; } .mark{ background-color:rgba(0,0,0,0.08); z-index: 10; } .guoqi{ color: red; z-index: 1000; }