.notice_list {
  width: 100%;
  min-height: 300px;
}
.notice_list > li {
  width: 100%;
  height: 140px;
  display: flex;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  margin-top: 20px;
  cursor: pointer;
}
.notice_list > li .notice_item_intro {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}
.notice_list > li .notice_item_intro .notice_item_title_time {
  width: 100%;
  display: flex;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
}
.notice_list > li .notice_item_intro .notice_item_title_time .notice_item_title {
  font-weight: bold;
  font-size: 18px;
  width: 80%;
}
.notice_list > li .notice_item_intro .notice_item_content {
  margin-top: 15px;
  font-size: 14px;
}
.notice_list > li .notice_item_intro .notice_item_content > div {
  font-size: 14px;
  line-height: 25px;
}
.notice_detail {
  width: 100%;
}
.notice_detail .notice_item_title_time {
  width: 100%;
  display: flex;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
}
.notice_detail .notice_item_title_time .notice_item_title {
  font-weight: bold;
  font-size: 18px;
  width: 80%;
}
.notice_detail .notice_item_content {
  margin-top: 15px;
  font-size: 16px;
}
.notice_detail .notice_item_content > div {
  font-size: 16px;
  line-height: 30px;
}
.water_quality_mouth_newspaper,
.water_quality_online,
.water_mouth {
  width: 100%;
  min-height: 300px;
}
.water_quality_mouth_newspaper li,
.water_quality_online li,
.water_mouth li {
  height: 45px;
  font-size: 18px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px;
  cursor: pointer;
}
.water_quality_mouth_newspaper li:hover,
.water_quality_online li:hover,
.water_mouth li:hover {
  color: #138ee2;
}
.water_quality_mouth_newspaper li span:nth-child(1),
.water_quality_online li span:nth-child(1),
.water_mouth li span:nth-child(1) {
  display: inline-block;
  width: 85%;
  float: left;
}
.water_quality_mouth_newspaper li span:nth-child(2),
.water_quality_online li span:nth-child(2),
.water_mouth li span:nth-child(2) {
  float: right;
}
.water_quality_weekly_newspaper {
  width: 100%;
}
.water_quality_weekly_newspaper .water_quality_weekly_newspaper_title {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
  color: #5d5d5d;
  font-weight: bold;
}
.water_quality_weekly_newspaper .water_quality_weekly_newspaper_time {
  text-align: right;
  font-size: 14px;
  color: #a0a0a0;
  margin: 10px 70px;
}
.water_quality_weekly_newspaper .water_quality_weekly_newspaper_text p {
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
.water_quality_weekly_newspaper .water_quality_weekly_newspaper_text img {
  max-width: 100% !important;
  height: auto!important;
  margin: 20px 0 !important;
  display: inline-block!important;
}
.water_quality_mouth_newspaper {
  width: 100%;
}
.water_quality_mouth_newspaper .water_quality_mouth_newspaper_title {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
  color: #5d5d5d;
  font-weight: bold;
}
.water_quality_mouth_newspaper .water_quality_mouth_newspaper_time {
  text-align: right;
  font-size: 14px;
  color: #a0a0a0;
  margin: 10px 70px;
}
.water_quality_mouth_newspaper .water_quality_mouth_newspaper_text p {
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
.water_quality_mouth_newspaper .water_quality_mouth_newspaper_text img {
  max-width: 100% !important;
  height: auto!important;
  margin: 20px 0 !important;
  display: inline-block!important;
}
@media (max-width: 768px) {
  .notice_list > li {
    height: auto!important;
    margin-top: 10px !important;
  }
  .notice_list > li .notice_item_intro {
    padding-bottom: 10px !important;
  }
  .notice_list > li .notice_item_intro .notice_item_title_time {
    display: block!important;
    font-size: 14px !important;
  }
  .notice_list > li .notice_item_intro .notice_item_title_time .notice_item_title {
    font-size: 14px !important;
    width: 60% !important;
    margin-bottom: 5px !important;
    margin-left: 10px !important;
    position: relative;
  }
  .notice_list > li .notice_item_intro .notice_item_title_time .notice_item_title::before {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    width: 3px;
    height: 20px;
    background-color: #138ee2;
  }
  .notice_list > li .notice_item_intro .notice_item_title_time .notice_item_time {
    margin-left: 25px !important;
    position: relative!important;
  }
  .notice_list > li .notice_item_intro .notice_item_title_time .notice_item_time::before {
    content: '';
    display: block;
    position: absolute;
    left: -15px;
    top: 0;
    width: 15px;
    height: 15px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTE1ZDIzNC1kMmM5LTlhNDQtYWRiZS0wMDg5ZGJiMTI0ZmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZEN0RBQzA2NThCMTFFOUEwMDdBNjMwRkVBOEVBNkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZEN0RBQkY2NThCMTFFOUEwMDdBNjMwRkVBOEVBNkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGYzOWJmMmItYmZjZC05NTRhLWJkNjctYzk0NGFjNDVjZDc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkxMTVkMjM0LWQyYzktOWE0NC1hZGJlLTAwODlkYmIxMjRmYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr3KYFsAAAHaSURBVHja7Jc5S0NBFIUTI8bOVlzAzkJtBJcu4IKCQgpF8BcEcQElRQqxkWBUxA2D6SzFuBeCuNtERVKJP8DgAoJYqhjjGThCCJn3Zp6BQMiFj0ceuXPe5J5758WeSCRs2YgCW5YiL5z7woXpbno8nnS3naAXdIJGUAmKQAxEwAEIg8/UxFAopCacJvrAHKgAd+AEPAAHKAcu0A+mwDDYtbTjpBALL4AhcAbcICr5rvgVAmAHLINRELda40WKjoM2A1ERN6AVTHDXS1Z3bAfdwAemFUsixuBk0vWcddfasUiukogKow2AYkmuHxzRF85MtlM9CPIqe2gfnd+jIyxcWm1iOrMHj7ID3DrCa2AwA3PiCjToCJeB1wwIx7iWsqtFjb4UFp4H70mfj1PM+A1+dIRfOKVkcQ+2QInJemKqPekIX9Ngsnjj3DYLFweLco33QJ1Bu6hEM6gB+zrCmzRGgBNMN+wcIo9gW0dYGMsL2jkIdEPktIAxmUmNZvUGa+TnKTNLt5vt1MucINewdDqNgBW2yCnrZjRGD8EMWGWu5fM4ziPukj0bYStdsE0cnMdNoJY1FS8E6/99EfiLMN0pWqgLdIBSCj+DWxpR9PaHkvvy/yRyXvhXgAEAFElkifv1zjsAAAAASUVORK5CYII=") no-repeat center;
    background-size: 15px 15px;
  }
  .notice_list > li .notice_item_intro .notice_item_content {
    margin-top: 10px !important;
    padding-left: 10px !important;
  }
  .notice_detail .notice_item_title_time .notice_item_title {
    font-size: 16px !important;
    width: 60% !important;
  }
  .notice_detail .notice_item_title_time .notice_item_title {
    line-height: 20px !important;
  }
  .notice_detail .notice_item_content {
    margin-top: 15px;
    font-size: 16px;
  }
  .notice_detail .notice_item_content > div {
    font-size: 16px;
    line-height: 30px;
  }
  .water_quality_mouth_newspaper,
  .water_quality_online,
  .water_mouth {
    margin-top: 20px !important;
  }
  .water_quality_mouth_newspaper li,
  .water_quality_online li,
  .water_mouth li {
    height: 60px !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
  }
  .water_quality_mouth_newspaper li span:nth-child(1),
  .water_quality_online li span:nth-child(1),
  .water_mouth li span:nth-child(1) {
    width: 100% !important;
    padding-left: 10px !important;
    position: relative;
  }
  .water_quality_mouth_newspaper li span:nth-child(1)::before,
  .water_quality_online li span:nth-child(1)::before,
  .water_mouth li span:nth-child(1)::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    width: 3px;
    height: 20px;
    background-color: #138ee2;
  }
  .water_quality_mouth_newspaper li span:nth-child(2),
  .water_quality_online li span:nth-child(2),
  .water_mouth li span:nth-child(2) {
    float: left !important;
    font-size: 14px !important;
    line-height: 30px !important;
    padding-left: 25px !important;
    position: relative!important;
  }
  .water_quality_mouth_newspaper li span:nth-child(2)::before,
  .water_quality_online li span:nth-child(2)::before,
  .water_mouth li span:nth-child(2)::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTE1ZDIzNC1kMmM5LTlhNDQtYWRiZS0wMDg5ZGJiMTI0ZmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZEN0RBQzA2NThCMTFFOUEwMDdBNjMwRkVBOEVBNkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZEN0RBQkY2NThCMTFFOUEwMDdBNjMwRkVBOEVBNkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGYzOWJmMmItYmZjZC05NTRhLWJkNjctYzk0NGFjNDVjZDc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkxMTVkMjM0LWQyYzktOWE0NC1hZGJlLTAwODlkYmIxMjRmYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr3KYFsAAAHaSURBVHja7Jc5S0NBFIUTI8bOVlzAzkJtBJcu4IKCQgpF8BcEcQElRQqxkWBUxA2D6SzFuBeCuNtERVKJP8DgAoJYqhjjGThCCJn3Zp6BQMiFj0ceuXPe5J5758WeSCRs2YgCW5YiL5z7woXpbno8nnS3naAXdIJGUAmKQAxEwAEIg8/UxFAopCacJvrAHKgAd+AEPAAHKAcu0A+mwDDYtbTjpBALL4AhcAbcICr5rvgVAmAHLINRELda40WKjoM2A1ERN6AVTHDXS1Z3bAfdwAemFUsixuBk0vWcddfasUiukogKow2AYkmuHxzRF85MtlM9CPIqe2gfnd+jIyxcWm1iOrMHj7ID3DrCa2AwA3PiCjToCJeB1wwIx7iWsqtFjb4UFp4H70mfj1PM+A1+dIRfOKVkcQ+2QInJemKqPekIX9Ngsnjj3DYLFweLco33QJ1Bu6hEM6gB+zrCmzRGgBNMN+wcIo9gW0dYGMsL2jkIdEPktIAxmUmNZvUGa+TnKTNLt5vt1MucINewdDqNgBW2yCnrZjRGD8EMWGWu5fM4ziPukj0bYStdsE0cnMdNoJY1FS8E6/99EfiLMN0pWqgLdIBSCj+DWxpR9PaHkvvy/yRyXvhXgAEAFElkifv1zjsAAAAASUVORK5CYII=") no-repeat center;
    background-size: 20px 20px;
  }
}