body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
mid-cer,
header,
hgroup,
menu,
nav,
section {
  margin: 0px;
  padding: 0px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul,
li {
  list-style-type: none;
}

img {
  border-style: none;
  vertical-align: middle;
}

a {
  color: #333;
}

a:link,
a:active,
a:visited,
a:hover {
  text-decoration: none;
}

button:focus {
  outline: none;
  border: 1px solid white;
}

input,
textarea {
  outline: none;
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ---- */
.footer{
  padding: 25px 0 20px;
}
.qrcode_footer,
.func-list {
  float: left;
}

.func-list>ul>li {
  position: relative;
  padding-left: 12px;
  text-align: left;
  margin: 7px 0;
  font-size: 14px;
  color: #666;
}
.func-list>ul>li a{
  color: #666
}

.func-list>ul>li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #666666;
  border-radius: 50%;
  top: 7px;
  left: 0;
}

.qrcode_footer>img {
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .1);
  margin-bottom: 6px;
  width: 75px;
}

.qrcode_footer>p {
  text-align: center;
}

.qrcode_footer>p>span {
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
}

.gzh {
  margin-right: 10px;
}

.gzh>p>span {
  border: 1px solid #8297a8;
  background: #6c9acc;
}

.zhyy>p>span {
  background: #43c89b;
  border: 1px solid #75b9a2;
}

.footer_logo_item {
  float: right;
  margin-left: 20px;
}

.footer_logo_item p {
  text-align: center;
  color: #666;
  margin-top: 8px;
}

.footer_logo_item img {
  box-sizing: content-box;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);
}

.health_system_logo img {
  width: 251px;
  padding: 29px 14px;
}

.school_logo img {
  width: 63px;
  padding: 14px 18px;
}

.wjw_logo img {
  width: 70px;
  padding: 14px;
}
.footer_bottom{
  margin-top: 28px;
  text-align: center;
}
.footer_bottom_right>a,
.footer_bottom_right>span,
.footer_bottom_left>p,
.footer_bottom_left>p>a{
  color: #666;
}
.footer_bottom_left>p{
  margin-top: 12px;
}

@media (max-width:1023px) {
  .footer_right {
    display: none;
  }

  .wechat {
    text-align: center;
  }

  .wechat>dl {
    display: inline-block;
  }
  .footer_bottom{
    padding: 0 15px;
  }
}

@media (min-width:320px) {
  .qrcode_footer>p>span {
    width: 70px;
  }

  .func-list {
    margin-left: 10px;
  }

  .func-list>ul>li {
    margin: 2px 0;
    font-size: 12px;
  }
}

@media (min-width:375px) {
  .qrcode_footer>img {
    width: 85px;
  }


  .func-list>ul>li {
    margin: 2px 0;
    font-size: 13px;
  }
}

@media (min-width:768px) {
  .qrcode_footer>img {
    width: 141px;
  }

  .qrcode_footer>p>span {
    width: 90px;
  }

  .func-list {
    margin-left: 28px;
  }

  .func-list>ul>li {
    margin: 7px 0;
    font-size: 14px;
  }
}

@media (min-width:1024px) {
  .footer_left {
    float: left;
  }

  .footer_right {
    float: right;
  }

  .qrcode_footer>img {
    width: 105px;
  }


  .func-list {
    margin-left: 35px;
  }

  .func-list>ul>li {
    margin: 4px 0;
  }

  .footer_logo_item {
    margin-left: 15px;
  }

  .health_system_logo img {
    width: 210px;
    padding: 29px 14px;
  }

  .school_logo img {
    width: 58px;
    padding: 14px 18px;
  }

  .wjw_logo img {
    width: 66px;
    padding: 14px;
  }
  .footer_bottom_right{
    float: right;
    text-align: right;
  }
  .footer_bottom_left,.footer_bottom_left>p{
    float: left;
  }
  .footer_bottom_left>p{
    margin-top: 0;
  }
  .footer_bottom_left>p:first-child{
    margin-right: 14px;
  }
  .footer_bottom{
    font-size: 12px;
  }
}

@media (min-width:1350px) {
  .qrcode_footer>img {
    width: 125px;
  }

  .func-list {
    margin-left: 49px;
  }

  .footer_logo_item {
    margin-left: 20px;
  }

  .func-list>ul>li {
    margin: 8px 0;
  }

  .health_system_logo img {
    width: 251px;
    padding: 29px 14px;
  }

  .school_logo img {
    width: 63px;
    padding: 14px 18px;
  }

  .wjw_logo img {
    width: 70px;
    padding: 14px;
  }
  .footer_bottom{
    font-size: 14px;
  }
}