.head { background: #51a0fc; color: #fff; text-align: center; } .head text { display: block; } .title1 { font-size: 28rpx; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(255, 255, 255, 1); line-height: 44rpx; } .tab { display: flex; justify-content: space-around; margin-bottom: 45rpx; z-index: 999; height: 60rpx; } .tab .tabItem { width: 120rpx; text-align: center; padding-bottom: 15rpx; transition: all .3s; } .tabItem.active { font-size: 35rpx; color: #fff; border-bottom: 5rpx solid #fff; } .title2 { height: 64rpx; font-size: 70rpx; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(255, 255, 255, 1); line-height: 44rpx; margin-top: 66rpx; } .title3 { font-size: 28rpx; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(255, 255, 255, 1); line-height: 44rpx; margin-top: 20rpx; } .time { padding: 0 35rpx; height: 87rpx; line-height: 87rpx; background: #f6f6f6; } .time .fl { font-size: 26rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(153, 153, 153, 1); } .time .fr { position: relative; font-size: 26rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(81, 160, 252, 1); } .content { position: relative; padding: 0 35rpx; height: 210rpx; border-bottom: 1px solid #eaeaea; } .content>view:nth-of-type(2n+1) text { display: block; } .content>view:nth-of-type(2n+1) text:nth-of-type(1) { font-size: 28rpx; margin-top: 24rpx; } .content>view:nth-of-type(2n+1) text:nth-of-type(2) { margin-top: 10rpx; font-size: 26rpx; font-family: PingFang-SC-Bold; color: rgba(153, 153, 153, 1); } .content>view:nth-of-type(2n+1) { float: left; width: 65%; overflow: hidden; } .content>view:nth-of-type(2n) { width: 30%; float: right; overflow: hidden; text-align: right; font-size: 28rpx; color: #666; } .nocontent { text-align: center; font-size: 30rpx; height: 90rpx; line-height: 90rpx; } .content .fr text:nth-of-type(1) { margin-top: 36rpx; } .content #refundMark { display: inline-block; position: absolute; width: 55rpx; height: 55rpx; line-height: 55rpx; text-align: center; top: 20rpx; right: 150rpx; border: 5rpx solid #ff0000b7; color: #ff0000b7; border-radius: 50% 50%; } .content .fr .card { position: absolute; top: 40rpx; right: 230rpx; border: 3px solid #b6e48c; color: #b6e48c; font-size: 35rpx; padding: 0 15rpx; border-radius: 15rpx; transform: rotate(-15deg); } .content .fr .Ecard { position: absolute; top: 40rpx; right: 230rpx; border: 3px solid #ec9ea0; color: #ec9ea0; font-size: 35rpx; padding: 0 15rpx; border-radius: 15rpx; transform: rotate(-15deg); } .content .fr text:nth-of-type(1), .content .fr text:nth-of-type(3) { color: #333; display: block; font-size: 28rpx; } .content .fr text:nth-of-type(2) { display: block; color: rgba(153, 153, 153, 1); font-size: 26rpx; } .acount { display: flex; margin: 30rpx auto 0; padding: 35rpx 0; flex: 2; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.23); } .acount>view { flex: 1; } .acount>view text { display: block; color: #fff; font-size: 26rpx; } .acount>view text:nth-of-type(2n) { color: #fff; font-size: 28rpx; margin-top: 20rpx; } .daishou { width: 133rpx; height: 79rpx; position: absolute; top: 0; bottom: 0; right: 264rpx; margin: auto; }