* {
  margin: 0;
  padding: 0;
}
.container {
  width: 1300px;
  margin: 0 auto;
}
.scroll #header .index-header {
  background-color: #00a0e8;
}
.banner {
  background: url("https://cdn.gdskfz.com/skfz/images/tips/banner.jpg") no-repeat center;
  height: 750px;
  color: #fff;
  box-sizing: border-box;
  padding-top: 16.375rem;
}
.banner h1 {
  margin: 0;
  font: 3.375rem "SourceHanSansCN-Medium";
}
.banner h2 {
  font: lighter 2.25rem "GothamPro-Regular", "SourceHanSansCN-Regular";
}
.active {
  display: block;
}
.body {
  background-color: #f5fbfd;
  background-image: url('https://cdn.gdskfz.com/skfz/images/tips/bluebig.png'), url('https://cdn.gdskfz.com/skfz/images/tips/blue.png');
  background-repeat: no-repeat;
  background-position: 20px 475px, 1500px 1500px;
  padding: 8rem 0;
}
.body .list .q {
  margin-bottom: 30px;
}
.body .list .a {
  display: flex;
}
.body .list .qa:nth-of-type(odd) .q {
  height: 60px;
  background-color: #00a0e8;
  color: #fff;
  font: bold 1.5rem "Gotham Pro Black";
  border-radius: 10px;
  padding-left: 20px;
  padding-top: 15px;
  position: relative;
  z-index: 10;
  box-shadow: 0 10px 10px rgba(153, 153, 153, 0.3);
}
.body .list .qa:nth-of-type(odd) .q span {
  font: bold 1rem "SourceHanSanSC Bold";
  margin-left: 10px;
}
.body .list .qa:nth-of-type(odd) .a {
  background-color: #fff;
  border-radius: 10px;
  padding-left: 20px;
  padding-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  top: -50px;
}
.body .list .qa:nth-of-type(odd) .a span:first-child {
  color: #00a0e8;
  font: bold 1.5rem "Gotham Pro Black";
}
.body .list .qa:nth-of-type(odd) .a span:last-child {
  font: 1rem "SourceHanSanSC Bold";
  margin-left: 10px;
  width: 95%;
  color: #707070;
  display: inline-block;
}
.body .list .qa:nth-of-type(even) .q {
  height: 60px;
  background-color: #fff;
  color: #00a0e8;
  font: bold 1.5rem "Gotham Pro Black";
  border-radius: 10px;
  padding-left: 20px;
  padding-top: 15px;
  position: relative;
  z-index: 10;
  box-shadow: 0 10px 10px rgba(153, 153, 153, 0.3);
}
.body .list .qa:nth-of-type(even) .q span {
  font: bold 1rem "SourceHanSanSC Bold";
  margin-left: 10px;
  color: #707070;
}
.body .list .qa:nth-of-type(even) .a {
  background-color: #fff;
  border-radius: 10px;
  padding-left: 20px;
  padding-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  top: -50px;
}
.body .list .qa:nth-of-type(even) .a span:first-child {
  color: #00a0e8;
  font: bold 1.5rem "Gotham Pro Black";
}
.body .list .qa:nth-of-type(even) .a span:last-child {
  font: 1rem "SourceHanSanSC Bold";
  margin-left: 10px;
  width: 95%;
  color: #707070;
  display: inline-block;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  #warpper #body .banner {
    min-width: 1200px;
    padding-top: 23.375rem;
    padding-left: 8rem;
  }
  #warpper #body .banner .container {
    width: 100%;
  }
  #warpper #body .body {
    background-position: -358px 475px, 1200px 1200px;
    min-width: 1200px;
  }
  #warpper #body .body .container {
    width: 1100px;
  }
  #warpper #body .body .container .list .qa .a span:first-child {
    top: -75px;
  }
  #siderBar {
    z-index: 99999 !important;
  }
}