page {
  height: 100%;
}
.head {
  width: 100%;
  height: 45px;
  background-color: #2775CC;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.left-logo {
  width: 186px;
  margin-left: 15px;
}

.left-logo a {
  height: 28px;
}

.logo-img {
  width: 100%;
  height: 28px;
}

.right_logo {
  margin: 9px 45px 9px 0;
  width: 61rpx;
}

.right_logo image {
  width: 61px;
  height: 28px;
}
.map-view {
  height: calc(60%);
}
.map {
  width: 100%;
  height: 100%;
}
.current-location {
  position: fixed;
	height: 60rpx;
	line-height: 60rpx;
	width: 100%;
	background-color: rgba(188, 189, 189, 0.8);
  padding: 0 5px;
  margin-top: -50rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.go-back {
  background-color: #fff;
  margin-right: 30rpx;
  height: 40rpx;
  font-size: 12px;
  line-height: 40rpx;
  padding-left: 5px;
  padding-right: 5px;
}
.address-list {
  height: 100%;
}
.address-item {
  display: flex;
  width: 94%;
  margin: 0 auto;
  background-color: #fff;
  margin-top: 30rpx;
  border-radius: 10px;
  padding-bottom: 30rpx;
}
.item-img {
  width: 35%;
  height: 200rpx;
  margin-left: 3%;
  margin-top: 30rpx;
}
.item-content {
  width: 56%;
  margin-left: 3%;
  margin-right: 3%;
  margin-top: 30rpx;
}
.content {
  background-color: #f7f7f7;
  height: calc(40%);
  margin-top: 10rpx;
}
.item-content .item-title {
  font-size: 16px;
	font-family: Source Han Sans SC;
	font-weight: 500;
	color: #333333;
	margin-bottom: 5px;
}
.item-content .item-title::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('https://www.cqna.gov.cn/data/district/img/icon-flow.png');
	background-size: 100% 100%;
	margin-right: 5px;
}
.item-content .item-addr {
	color: #FE9F2F;
	font-size: 14px;
	margin-bottom: 7px;
}
.item-content .item-addr::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 16px;
	background-image: url('https://www.cqna.gov.cn/data/district/img/icon-addr.png');
	background-size: 100% 100%;
	margin-right: 5px;
}
.item-content .item-type {
	color: #3483D7;
	background-color: rgba(35, 159, 255, 0.3);
	padding: 5px;
  border-radius: 5px;
}
.detail {
  width: 94%;
  margin: 0 auto;
  margin-top: 30rpx;
  overflow-y: scroll;
  height: 100%;
}
.detail-img {
  width: 100%;
  height: 300rpx;
}
.detail-header {
   margin-top: 20rpx;
   display: flex;
   font-size: 14px;
   align-items: center;
   justify-content: space-between;
}
.detail-left {
  max-width: 70%;
}
.detail-left>view {
  margin-bottom: 10rpx;
}
.detail-left .detail-left-gap {
  color: #999999;
  font-size: 12px;
}
.detail-left .detail-left-gap::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 16px;
	background-image: url('https://www.cqna.gov.cn/data/district/img/icon-dw.png');
	background-size: 100% 100%;
	margin-right: 5px;
}
.detail-left .detail-left-title {
	font-size: 16px;
	font-family: Source Han Sans SC;
  font-weight: 600;
}
.detail-left .detail-left-title::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('https://www.cqna.gov.cn/data/district/img/icon-flow.png');
	background-size: 100% 100%;
	margin-right: 5px;
}
.detail-left .detail-left-address::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url('https://www.cqna.gov.cn/data/district/img/icon-address.png');
	background-size: 100% 100%;
	margin-right: 5px;
}
.detail-left .detail-left-time::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url('https://www.cqna.gov.cn/data/district/img/icon-time.png');
	background-size: 100% 100%;
	margin-right: 5px;
}
.detail-left .detail-left-phone::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url('https://www.cqna.gov.cn/data/district/img/icon-phone.png');
	background-size: 100% 100%;
	margin-right: 5px;
}
.detail-left-phone>text {
  margin-right: 10rpx;
}
.detail-right {
  width: 150rpx;
	height: 150rpx;
	background: #FFF4E4;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
  flex-direction: column;
  color: #C06117;
}
.detail-right-img {
  width: 60rpx;
  height: 60rpx;
}

.dept-title {
  margin: 20rpx 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 600;
}
.dept-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 30%);
  grid-gap: 20rpx;
  justify-content: center;
  margin-bottom: 30rpx;
}
.dept-item {
  width: 90%;
  text-align: left;
  border: 1rpx #176AB7 solid;
  padding: 15rpx 5rpx;
  color: #176AB7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dept-list .active {
  color: #009688;
  border: 1rpx #009688 solid;
}
.matter-tab {
  margin: 0 auto;
  display: flex;
  width: 95%;
  border-bottom: 1rpx #d9dcdf solid;
}
.matter-tab .matter-tab-li {
  width: 50%;
  height: 60rpx;
  text-align: center;
}
.matter-tab>.active {
  color: #176AB7;
  border-bottom: 1rpx #176AB7 solid;
}
.matter-content {
  width: 94%;
  margin: 0 auto;
}
.matter-content-item {
  padding: 20rpx;
  border-bottom: 0.5rpx #d9dcdf solid;
}

.matter-page {
  display: flex;
  padding: 20rpx 30rpx;
}
.matter-page .matter-page-prev {
  width: 50%;
  text-align: left;
}
.matter-page .matter-page-next {
  width: 50%;
  text-align: right;
}
.matter-page .txt {
  color: #d2d2d2;
}
.matter-content-item::before {
  content: "";
  display: inline-block;
  width: 15rpx;
  height: 15rpx;
  border-radius: 50%;
  background-color: #176AB7;
  margin-right: 15rpx;
}