@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { background-color: #f7f7f7; padding-bottom: 30rpx; } .notice-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .time { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 80rpx; padding-top: 10rpx; font-size: 26rpx; color: #7d7d7d; } .content { width: 710rpx; padding: 0 24rpx; background-color: #fff; -webkit-border-radius: 4rpx; border-radius: 4rpx; } .title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 90rpx; font-size: 32rpx; color: #303133; } .img-wrapper { width: 100%; height: 260rpx; position: relative; } .pic { display: block; width: 100%; height: 100%; -webkit-border-radius: 6rpx; border-radius: 6rpx; } .cover { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); font-size: 36rpx; color: #fff; } .introduce { display: inline-block; padding: 16rpx 0; font-size: 28rpx; color: #606266; line-height: 38rpx; } .bot { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 80rpx; font-size: 24rpx; color: #707070; position: relative; } .more-icon { font-size: 32rpx; }