nazw/nnzwminiapp/pages/index/index.wxss

/**index.wxss**/
/* pages/publics/publics.wxss */

scroll-view ::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	color: transparent;
}

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

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

/* 第一个内容，浮动上移 */
.content-search-tab {
	margin-left: 20rpx;
	top: -85rpx;
	position: absolute;
	border-radius: 20rpx;
	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;
	font-size: 48rpx;
}

/* 服务的内容单个 */
.content-service-item {
	font-size: 22rpx;
	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: 48rpx;
	font-family: DOUYU;
	font-weight: normal;
	color: #333333;
	padding-right: 18rpx;
	margin-bottom: -24rpx;
}

/* 每日更新字体 */
.people-font2 {
	height: 59rpx;
	font-size: 9px;
	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;
	margin-top: 30rpx;
}

/* 百姓聚焦内容单个 */
.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;
	background-color: #ffffff;
	padding-left: 30rpx;
	padding-top: 25rpx;
	border-radius: 20rpx;
	width: 681rpx;
}

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

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

.tab-item.active {
	font-size: 27rpx;
	font-family: DOUYU;
	border-bottom: 7rpx solid #508FF4;
	position: relative;
	margin-left: 20rpx;
}

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

.tab-item-last.active {
	font-size: 27rpx;
	width: 220rpx;
	font-family: DOUYU;
	border-bottom: 7rpx solid #508FF4;
	position: relative;
	margin-left: 20rpx;
}

/* 南岸咨询内容 */
.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: 60rpx;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 550;
	color: #333333;
	line-height: 60rpx;
}

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

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

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

.data-center-title-font {
	font-family: DOUYU;
	margin-left: 5rpx;
	height: 100%;
	font-size: 38rpx;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

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

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

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

.center-analysis-enter-button-item {
	font-size: 18rpx;
	width: 96rpx;
	height: 34rpx;
	line-height: 34rpx;
	color: #FFFFFF;
	border-radius: 14rpx;
	text-align: center;
}

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

/* 政民互动title */
.zmhd-title-font {
	font-weight: 600;
	height: 50rpx;
	padding-left: 30rpx;
	font-size: 34rpx;
	background: linear-gradient(to bottom, #FFFFFF 30%, #94D1FD 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	letter-spacing: 4rpx;
	text-shadow: 0px 10rpx 7rpx rgba(13,73,117,0.14);
}

/* 办件数字体 */
.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: 300rpx;
	max-width: 300rpx;
}

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

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

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

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

.message {
	margin-top: 20rpx;
	background: #F2F9FF;
	padding: 18rpx 23rpx;
	box-sizing: border-box;
	position: relative;
}

.message .releaseList {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 150rpx;
	font-size: 30rpx;
	color: #333333;
	border-bottom: 1rpx solid #D3D3D3;
}

.message .releaseList:last-child {
	border-bottom: none;
}

.news-item {
	border-bottom: 1rpx solid #E1E1E1;
	margin-top: 20rpx;
	display: flex;
	flex-direction: column;
	font-size: 30rpx;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #333333;
}

.news-item .jigou {
	font-size: 30rpx;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #2E77C6;
}

.news-item .jigou span {
	padding: 3rpx 8rpx;
	background: #B9D9FD;
	line-height: 20rpx;
}

.news-item p {
	margin-top: 13rpx;
	margin-bottom: 24rpx;
}

.news-item .time {
	font-size: 28rpx;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #999999;
	margin-bottom: 20rpx;
}

/* 弹窗 */
.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	z-index: 9000;
	opacity: 0.7;
}

.ewm-dialog {
	top: 600rpx;
	width: 580rpx;
	height: 580rpx;
	background-color: #fff;
	position: fixed;
	z-index: 9999;
	margin: -50rpx 85rpx;
	border-radius: 10rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* border-radius: 0 20rpx 0 20rpx; */
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 1s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}

@-webkit-keyframes fadeIn {
	0% {
	opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
	opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
	opacity: 1; /*结尾状态 透明度为1*/
	}
	}

	@keyframes box-ani {
    from {transform: rotate(0)}
    to {transform: rotate(360deg)}
  }
.init-rate{
    /* border-radius:50%; */
    position: relative;
    /* margin-left: -30rpx; */
    animation: box-ani 1s  infinite linear;
}