/* pages/czdetail/czdetail.wxss */ .head { height: 232rpx; padding-top: 20rpx; background: #fc5b24; position: relative; } .rule { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 124rpx; height: 48rpx; line-height: 48rpx; text-align: center; background: #fff; font-size: 28rpx; font-weight: 400; color: rgba(2, 192, 255, 1); border-bottom-left-radius: 50rpx; border-top-left-radius: 50rpx; } .head text { display: block; text-align: center; color: #fff; } .head text:nth-of-type(1) { font-size: 28rpx; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(255, 255, 255, 1); } .head text:nth-of-type(2) { font-size: 70rpx; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(255, 255, 255, 1); } .bg { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 55rpx; z-index: 100; } .content { position: relative; padding: 0 35rpx; height: 155rpx; 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) { margin-top: 24rpx; font-size: 30rpx; } .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: 60%; height: 150rpx; overflow: hidden; } .content>view:nth-of-type(2n) { width: 38%; float: right; text-align: right; height: 145rpx; line-height: 145rpx; overflow: hidden; } .title { display: block; text-align: center; font-size: 30rpx; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(51, 51, 51, 1); } .fr text{ color: #FF3535; font-size: 30rpx; } .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; } .nonecontent{ text-align: center; font-size: 30rpx; color: #999; margin-top: 30rpx; }