*,
::after,
::before {
  box-sizing: border-box;
}
/* 初始化CSS  重置浏览器样式*/
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
div {
  margin: 0;
  padding: 0;
}
fieldset,
img {
  border: none;
  width: 100%;
  height: 100%;
}
ul,
ol {
  list-style: none;
}
select,
input,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0 none;
  vertical-align: middle;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
body {
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 0.4rem;
  background-color: #f5f5f5;
}
a {
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  transition: 0.5s all;
  font-size: 0.42666667rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #333333;
}
html {
  font-size: 10vw;
}
.topBox {
  width: 100%;
  height: 4.4rem;
  background: url(../images/banner_m.png) center center no-repeat;
  background-size: 100% 100%;
}
.topBox .wrap {
  width: 9.46666667rem;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.topBox .wrap .uName {
  margin-top: 0.82666667rem;
  color: #bd1a2d;
  font-size: 0.72rem;
  font-weight: bold;
  text-align: center;
}
.topBox .wrap .searchBox {
  width: 9.04rem;
  height: .92rem;
  margin: 0.53333333rem auto;
  display: flex;
  border: 0.01333333rem solid #e1e1e1;
  border-radius: 0.13333333rem 0 0 0.13333333rem;
}
.topBox .wrap .searchBox .layui-form-item {
  width: 1.84666667rem;
  height: .92rem;
}
.topBox .wrap .searchBox .layui-form-item .layui-form-select {
  height: 100%;
  font-size: 0.26666667rem;
}
.topBox .wrap .searchBox .layui-form-item .layui-form-select .layui-select-title {
  height: 100%;
}
.topBox .wrap .searchBox .layui-form-item .layui-form-select .layui-input {
  border-radius: 0.13333333rem 0 0 0.13333333rem;
  padding-left: 0.13333333rem;
  padding-right: 0;
  height: 100%;
}
.topBox .wrap .searchBox .layui-form-item .layui-form-select dl {
  top: 0.8rem;
  border-radius: 0 0 0.13333333rem 0.13333333rem;
}
.topBox .wrap .searchBox .layui-form-item .layui-form-select dl dd {
  line-height: 0.48rem;
}
.topBox .wrap .searchBox .layui-form-item .layui-form-select dl .layui-this {
  background-color: #bd1a2d;
}
.topBox .wrap .searchBox .searchTxt {
  font-size: 0.26666667rem;
  padding-left: 0.2rem;
  width: 5.73333333rem;
  height: 100%;
}
.topBox .wrap .searchBox .searchBtn {
  width: 1.78666667rem;
  height: .9rem;
  background: url(http://www.bjsjs.gov.cn/gongkai/images/search_btn_bg.png) no-repeat center center;
  background-size: 100% 100%;
}
.content {
  width: 9.46666667rem;
  height: auto;
  background-color: #fff;
  border-radius: 0.2rem;
  margin: 0.53333333rem auto;
  overflow: hidden;
}
.content .title {
  width: 9rem;
  height: 0.56rem;
  background: url(../images/xzzfgs_title_m.png) center center no-repeat;
  background-size: 100% 100%;
  margin: 0.6rem auto;
}
.content .swiper-btn {
  display: flex;
  justify-content: space-around;
  padding-bottom: 0.2rem;
  border-bottom: 0.01333333rem solid #ededed;
}
.content .swiper-btn .swiper-pagination-bullet {
  position: relative;
  font-size: 0.34666667rem;
}
.content .swiper-btn .swiper-pagination-bullet-active {
  font-weight: bold;
  color: #bf1628;
}
.content .swiper-btn .swiper-pagination-bullet-active::after {
  display: block !important;
}
.content .swiper-btn .swiper-pagination-bullet::after {
  display: block;
  content: '';
  width: 1.33333333rem;
  height: 0.05333333rem;
  background-color: #bf1628;
  position: absolute;
  bottom: -0.2rem;
  left: 30%;
  display: none;
}
.content .swiper-btn .swiper-pagination-bullet:nth-child(2)::after {
  left: 35%;
}
.content .swiper .swiper-slide {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.content .swiper .swiper-slide a {
  display: block;
  width: 2.53333333rem;
  background-color: #c0c0c0;
  height: 0.66666667rem;
  margin-top: 0.26666667rem;
  border-radius: 0.10666667rem;
  line-height: 0.66666667rem;
  text-align: center;
  color: #fff;
  font-size: 0.32rem;
}
.content .swiper .swiper-slide .active {
  background-color: #bf1628;
}
.content .list {
  margin-top: 0.8rem;
}
.content .list .list_title {
  padding-left: 0.26666667rem;
  display: flex;
  height: 0.46666667rem;
}
.content .list .list_title .icon {
  width: 0.16rem;
  height: 0.46666667rem;
  background: url(../images/icon6.png) center center no-repeat;
  background-size: 100% 100%;
  margin-right: 0.13333333rem;
}
.content .list .list_title p {
  line-height: 0.49333333rem;
  font-size: 0.4rem;
  color: #bf1628;
  font-weight: bold;
}
.content .list ul {
  margin-top: 0.53333333rem;
}
.content .list ul li {
  margin-bottom: 0.56rem;
  display: flex;
  padding-left: 0.26666667rem;
  align-items: center;
}
.content .list ul li i {
  display: block;
  width: 0.13333333rem;
  height: 0.13333333rem;
  border-radius: 50%;
  background-color: #cccccc;
  margin-right: 0.2rem;
}
.content .list ul li a {
  display: block;
  width: 90%;
  font-size: 0.34666667rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .list ul .line {
  width: 9.02666667rem;
  margin: 0 auto 0.4rem;
  height: 0.01333333rem;
  border-bottom: 0.01333333rem solid #ededed;
}
.page {
  height: 0.53333333rem;
  line-height: 0.53333333rem;
  text-align: center;
  color: #404040;
  padding-bottom: 0.53333333rem;
}
.page span {
  padding: 0 0.26666667rem;
  border: 0.01333333rem solid #ededed;
  margin-right: 0.08rem;
  border-radius: 0.06666667rem;
  line-height: 0.53333333rem;
  height: 0.53333333rem;
  display: inline-block;
  font-size: 0.26666667rem;
}
.page span.on {
  border: 0.01333333rem solid #685f8e;
  background: #685f8e;
  color: #fff;
}
.page a {
  padding: 0px 0.26666667rem;
  border: 0.01333333rem solid #ededed;
  margin-right: 0.08rem;
  color: #404040;
  line-height: 0.53333333rem;
  height: 0.53333333rem;
  display: inline-block;
}
.page a:hover {
  border: 0.01333333rem solid #af1c2a;
  background: #af1c2a;
  color: #fff;
}
.page a.back:hover {
  border: 0.01333333rem solid #ededed;
  color: #404040;
  background: #fff;
}
.ContentBox {
  width: 9.46666667rem;
  height: auto;
  background-color: #fff;
  border-radius: .2rem;
  margin: 0.53333333rem auto;
  overflow: hidden;
  padding: 0.13333333rem;
}
.ContentBox .list_title {
  display: flex;
  height: 0.46666667rem;
}
.ContentBox .list_title .icon {
  width: 0.16rem;
  height: 0.46666667rem;
  background: url(../images/icon6.png) center center no-repeat;
  background-size: 100% 100%;
  margin-right: 0.13333333rem;
}
.ContentBox .list_title p {
  line-height: 0.49333333rem;
  font-size: 0.4rem;
  color: #bf1628;
  font-weight: bold;
}
.ContentBox .title {
  font-size: 0.4rem;
  color: #000;
  text-align: center;
  line-height: 1.4;
  margin-top: 0.26666667rem;
}
.ContentBox .sourcesBox {
  border-bottom: 0.02666667rem solid #d7d6d6;
  padding-bottom: 0.26666667rem;
  display: flex;
  justify-content: space-between;
}
.ContentBox .sourcesBox p {
  font-size: 0.34666667rem;
  color: #777;
  margin-top: 0.13333333rem;
}
.ContentBox .thirdContent {
  font-size: .4rem;
  line-height: 2;
  margin-top: 0.26666667rem;
}