nazw/nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/index.wxss

/**index.wxss**/
/* pages/publics/publics.wxss */
/* 头部 */
.top {
  height: 409rpx;
  overflow: hidden;
  position: relative;
}

/* 浮动图标 */
.top-logo {
  z-index: 99;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 500rpx;
  height: 176rpx;
}

/* 第一个内容，浮动上移 */
.content-search-tab {
  margin-left: 20rpx;
  top: -85rpx;
  position: absolute;
  border-radius: 10rpx;
  background-color: #ffffff;
  padding: 25rpx 30rpx;
  width: 651rpx;
}

/* 搜索整体 */
.search-view {
  height: 60rpx;
  border-radius: 5rpx;
  background-color: #F5F5F5;
  display: flex;
  justify-content: left;
  align-items: center;
}

/* 搜索图标 */
.search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 20rpx;
  padding-right: 20rpx;
  letter-spacing: 3rpx;
}

/* 搜索 */
.search-input {
  height: 30rpx;
  font-size: 25rpx;
  letter-spacing: 3rpx;
}

/* 服务的内容整体 */
.content-service {
  height: 170rpx;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 服务的内容单个 */
.content-service-item {
  font-size: 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 123rpx;
  width: 119rpx;
}

/* 百信聚焦 */
.people-title {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

/* 百姓聚焦字体 */
.people-font1 {
  height: 59rpx;
  /* font-size: 36rpx; */
  font-size: 46rpx;
  font-family: DOUYU;
  font-weight: normal;
  color: #333333;
  padding-right: 18rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* 每日更新字体 */
.people-font2 {
  height: 59rpx;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

/* 百姓聚焦内容整体 */
.people-content {
  height: 140rpx;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* 百姓聚焦内容单个 */
.people-content-item {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #508FF4;
  height: 48rpx;
  background-color: #E5EFFF;
  padding: 0rpx 20rpx;
  display: flex;
  align-items: center;
  border-radius: 28rpx;
}

.people-content-item.top {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  height: 48rpx;
  background-color: #EEEEEE;
  padding: 0rpx 20rpx;
  display: flex;
  align-items: center;
  border-radius: 28rpx;
}

/* 志愿服务，浮动上移 */
.content-na-tab {
  margin-left: 20rpx;
  top: 0rpx;
  position: absolute;
  border-radius: 10rpx;
  background-color: #ffffff;
  padding: 25rpx 30rpx;
  width: 651rpx;
}

/* 志愿服务标题 */
.na-title {
  height: 50rpx;
  display: flex;
}

.tab-item{
  flex: 1;
  font-size: 28rpx;
  text-align: center;
  line-height: 50rpx;
  height: 50rpx;
  width: 200rpx;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.tab-item.active{
  font-size: 32rpx;
  border-bottom: 7rpx solid #508FF4;
}

/* 南岸咨询内容 */
.na-content {
  margin-top: 35rpx;
  height: 332rpx;
}

/* 咨询二级标题 */
.na-title-tab {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.na-title-tab-item {
  font-size: 25rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  height: 48rpx;
  background-color: #FFFFFF;
  padding: 2rpx 17rpx;
  display: flex;
  align-items: center;
  border-radius: 30rpx;
  border: 2rpx solid #DDDDDD;
}

.na-title-tab-item.active {
  font-size: 25rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  height: 48rpx;
  background-color: #508FF4;
  padding: 2rpx 17rpx;
  display: flex;
  align-items: center;
  border-radius: 30rpx;
  border-bottom: 2rpx solid #DDDDDD;
}

/* 咨询内容 */
.na-content-list {
  margin-top: 30rpx;
}

.na-content-list-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 45rpx;
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 30rpx;
}

/* 咨询更多 */
.na-more {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999999;
  font-size: 22rpx;
}

/* 数据中心 */
.data-center-contain {
  margin-left: 20rpx;
  border-radius: 10rpx;
  background-color: #ffffff;
  padding: 25rpx 30rpx;
  width: 651rpx;
  height: 100%;
}

/* 数据中心title */
.data-center-title {
  display: flex;
  justify-content: left;
  align-items: center;
}

.data-center-title-font {
  margin-left: 5rpx;
  height: 50rpx;
  font-size: 40rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 数据中心分析入口整体 */
.center-analysis-enter {
  display: flex;
  align-items: top;
}

/* 数据中心分析入口字体 */
.center-analysis-enter-font {
  height: 50rpx;
  padding-left: 30rpx;
  font-size: 32rpx;
}

/* 数据中心分析进入按钮 */
.center-analysis-enter-button {
  margin-left: 20rpx;
  height: 50rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-analysis-enter-button-item {
  font-size: 22rpx;
  height: 30rpx;
  padding: 5rpx 23rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #2FB785 0%, #2EE698 100%);
  color: #FFFFFF;
  border-radius: 20rpx;
}

.yellow-point {
  width: 14rpx;
  height: 14rpx;
  background: #F7C86A;
  border-radius: 50%;
}

/* 办件数字体 */
.work-title-font {
  font-size: 30rpx;
  padding-left: 10rpx;
}

/* 评价框 */
.evaluate {
  width: 205rpx;
  height: 50rpx;
  background: #F2F7FF;
  border: 1rpx solid #508FF4;
  border-radius: 10rpx;
  font-weight: 500;
  color: #508FF4;
  font-size: 24rpx;
  line-height: 50rpx;
  text-align: center;
  margin-bottom: 20rpx;
}

/* 政府对话进入按钮 */
.communication-enter-button {
  margin-left: 20rpx;
  height: 50rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.communication-enter-button-item {
  font-size: 22rpx;
  height: 30rpx;
  padding: 5rpx 23rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #30A2F3 0%, #69BCFA 100%);
  color: #FFFFFF;
  border-radius: 20rpx;
}

.communicate-tab-item {
  flex: 1;
  font-size: 28rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 28rpx;
  height: 55rpx;
}

.communicate-tab-item.active {
  color: #000000;
  border-bottom: 6rpx solid #508FF4 ;

}

/* 媒体矩阵 */
.media-swiper-tab{
  width: 100%;
  text-align: center;
  line-height: 50rpx;
}

.media-swiper-tab-list{
  font-size: 28rpx;
  display: inline-block;
  min-width: 215rpx;
  max-width: 215rpx;
}

.media-swiper-tab-list.active {
  color: #508FF4;
  font-weight: bold;
  font-size: 33rpx;
  border-bottom: 4rpx solid #508FF4;
}

.media-swiper-box{
  display: block;
  height: 700px;
  width: 100%;
  margin-top: 10px;
}

.media-icon-1 {
  display: flex;
  font-size:28rpx;
  padding-bottom:25rpx;
  width: 60%;
}

.media-icon-2 {
  display: flex;
  font-size:28rpx;
  padding-bottom:25rpx;
  width: 40%;
}