/* kindList.wxss */ page{ background-color: #f4f4f4; } .each_content{ background-color: #fff; margin: 4rpx 0 4rpx 0; position: relative; } .content_title{ font-size: 34rpx; font-weight: bold; padding: 28rpx 0; color:#414547; } .content_img{ display: block; width:100%; } .content_intro{ font-size: 32rpx; color: #414547; padding:30rpx 0; } .content_icon{ display: block; float: left; width: 24rpx; height: 24rpx; } .content_infor{ position: absolute; right: 12rpx; bottom: 16rpx; text-align: right; padding-bottom: 30rpx; } .content_infor_cont{ display: inline-block; } .content_infor text{ display: block; float: left; font-size: 20rpx; line-height: 24rpx; color:#b4a078; padding:0 16rpx 0 9rpx; } .each_cont_wrap{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.66); } .each_cont{ width: 100%; height: 100%; text-align: center; vertical-align: middle; } .each_cont:before { content:''; display:inline-block; height:100%; vertical-align:middle; } /* 分类名 */ .content_kind_name{ font-size: 20rpx; line-height: 1; color: #b4a078; border-left: 1px solid #b4a078; border-right: 1px solid #b4a078; padding: 0 10rpx; position: absolute; top: 35rpx; left: 31rpx; } .content_infor_wrap{ display: inline-block; vertical-align: middle; } .content_title{ font-size: 40rpx; color: #fff; padding-bottom: 14rpx; text-align: center; } .content_intro{ display: inline; font-size: 16rpx; color: #fffefe; padding: 6rpx 28rpx; text-align: center; border: 1px solid #9e9a99; }