html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
input,
a,
span,
figure,
figcaption {
  margin: 0px;
  padding: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
fieldset,
img {
  border: none;
}
img {
  display: block;
  width: 100%;
  font-size: 0px;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ul,
ol,
li {
  list-style: none;
}
input::-moz-focus-inner {
  border: none;
  padding: 0px;
}
select,
input {
  vertical-align: middle;
  display: block;
}
select,
input,
textarea {
  font-size: 13px;
  margin: 0px;
}
input[type="text"],
input[type="password"],
textarea {
  outline-style: none;
  -webkit-appearance: none;
  outline: none;
}
button {
  outline: none;
}
textarea {
  resize: none;
  overflow: hidden;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
}
table {
  border-collapse: collapse;
}
.clearit {
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  width: 100%;
}
header,
div,
nav,
li,
input,
section,
figure,
table,
select,
figcaption,
footer,
td,
p,
a,
img {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  display: block;
  color: #000;
}
body {
  margin: 0 auto;
  position: relative;
}
body,
html {
  margin: 0 auto;
  max-width: 640px;
  overflow: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fl {
  float: left;
}
.rl {
  float: right;
}
.content {
  width: 94%;
  margin-left: 3%;
}
.content_p {
  width: 100%;
  padding: 0 3%;
}
.contents {
  width: 97%;
  margin-left: 1.5%;
}
/* 公共样式结束 */
.bar {
  background-color: #f0f0f0;
  padding-bottom: 0.546875rem;
}
.bar > div {
  border-radius: 60px;
  background-color: #fff;
  -webkit-box-shadow: 0 0.0555rem 0.37037rem #ddd;
  -moz-box-shadow: 0 0.0555rem 0.37037rem #ddd;
  -ms-box-shadow: 0 0.0555rem 0.37037rem #ddd;
  box-shadow: 0 0.0555rem 0.37037rem #ddd;
  display: flex;
  height: 2.407407rem;
  margin-top: .555556rem;
  padding: .37037rem .740741rem;
  position: relative;
}
.bar > div > p {
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #8e8e8e;
  font-size: .333333rem;
  left: .740741rem;
  line-height: .444444rem;
  padding-right: 3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.bar > div > p span {
  color: #ee7800;
  display: block;
  font-size: .555556rem;
  font-weight: 700;
  line-height: .740741rem;
  padding-bottom: .092593rem;
}
.bar > div > a {
  -webkit-animation: scale 1s infinite;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  align-items: center;
  animation: scale 1s infinite;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9c00), to(#f60));
  background: -webkit-linear-gradient(top, #ff9c00, #f60);
  background: -o-linear-gradient(top, #ff9c00, #f60);
  background: linear-gradient(180deg, #ff9c00, #f60);
  border-radius: 50%;
  color: #fff;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .592593rem;
  font-weight: 700;
  height: 2.407407rem;
  justify-content: center;
  line-height: .666667rem;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale3d(0.9, 0.9, 1);
  width: 2.407407rem;
}
.bar > div > a span {
  font-size: .592593rem;
  font-weight: 700;
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
    opacity: 1;
    transform: scale3d(0.9, 0.9, 1);
  }
  50% {
    -webkit-transform: scale3d(0.7, 0.7, 1);
    opacity: .8;
    transform: scale3d(0.7, 0.7, 1);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
    opacity: 1;
    transform: scale3d(0.9, 0.9, 1);
  }
  50% {
    -webkit-transform: scale3d(0.7, 0.7, 1);
    opacity: .8;
    transform: scale3d(0.7, 0.7, 1);
  }
}
.page {
  padding-bottom: 0 !important;
}
.page .title {
  font-size: 0.3rem;
  color: #ccc;
  padding-top: 0.546875rem;
  padding-bottom: 0.3125rem;
}
.page .title h2 {
  position: relative;
  float: left;
  font-size: 0.6rem;
  color: #ee7800;
  padding-left: 0.3125rem;
}
.page .title h2::after {
  position: absolute;
  content: "";
  height: 0.078125rem;
  width: 0.078125rem;
  left: 0;
  top: 50%;
  margin-top: -0.0390625rem;
  border-radius: 50%;
  background-color: #ee7800;
}
.page .title span {
  float: left;
  font-size: 0.3rem;
  text-transform: uppercase;
  color: #ccc;
  -webkit-transform: translateY(0.35rem);
  -moz-transform: translateY(0.35rem);
  -ms-transform: translateY(0.35rem);
  transform: translateY(0.35rem);
  margin-left: 0.15625rem;
}
.page .dj {
  text-align: center;
  border-radius: 10px;
  border: 2px solid #ee7800;
  border-width: 0.046875rem;
  height: 0.90625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.46875rem;
}
.page .dj a {
  display: block;
  margin: 0 auto;
  font-size: 0.5rem;
  color: #ee7800;
}
.slides {
  position: relative;
}
.slides .swiper-pagination {
  width: 94%;
  top: 0;
  border-bottom: 1px solid #ccc;
}
.slides .swiper-pagination span {
  float: left;
  width: 33.33%;
  height: 1.484375rem;
  line-height: 1.5625rem;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0;
  font-size: 0.5rem;
  opacity: 1;
  background-color: #fff;
}
.slides .swiper-pagination span.swiper-pagination-bullet-active {
  position: relative;
  color: #ee7800;
}
.slides .swiper-pagination span.swiper-pagination-bullet-active::after {
  position: absolute;
  content: '';
  width: 2.109375rem;
  height: 0.078125rem;
  bottom: -1px;
  left: 50%;
  margin-left: -1.0546875rem;
  border-radius: 50px 50px 0 0;
  background-color: #ee7800;
}
.slides .swiper-pagination.on {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 3%;
  box-shadow: 1px 1px 5px #aaa;
}
.slides .swiper-container {
  padding-top: 1.484375rem;
}
.slides .swiper-container .swiper-slide {
  height: 0.078125rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.slides .swiper-container .swiper-slide.swiper-slide-active {
  height: auto;
}
.slides .swiper-container .swiper-slide > div {
  padding-bottom: 0.625rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l1 {
  display: flex;
  justify-content: space-between;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l1 li {
  border-radius: 50%;
  width: 2.96875rem;
  height: 2.96875rem;
  text-align: center;
  color: #fff;
  padding: 0 .2rem;
  padding-top: 0.625rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l1 li:nth-child(1) {
  background-color: #31b1a9;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l1 li:nth-child(2) {
  background-color: #f9c04e;
  color: #363636;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l1 li:nth-child(3) {
  background-color: #4bb5e6;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l1 li b {
  display: block;
  font-size: 0.5rem;
  width: 100%;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l1 li p {
  display: block;
  font-size: 0.4rem;
  width: 100%;
  padding-top: 0.078125rem;
  line-height: 0.53125rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 {
  border-radius: 10px;
  background-color: #f3f3f3;
  padding-left: 0.390625rem;
  padding-right: 0.390625rem;
  padding-top: 0.703125rem;
  padding-bottom: 0.703125rem;
  margin-top: 0.46875rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li {
  float: left;
  width: 30%;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li b {
  font-size: 0.5rem;
  color: #ee7800;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li p {
  font-size: 0.35rem;
  color: #666;
  margin-top: 0.15625rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(1),
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(2),
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(3) {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 0.3125rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(4),
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(5),
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(6) {
  padding-top: 0.3125rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(2),
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(5) {
  width: 40%;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  padding-left: 0.390625rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(3),
.slides .swiper-container .swiper-slide.page1 .page1_p1 .l2 li:nth-child(6) {
  padding-left: 0.390625rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p2 ul li {
  float: left;
  width: 48.5%;
  text-align: center;
  background-color: #f3f3f3;
}
.slides .swiper-container .swiper-slide.page1 .page1_p2 ul li h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.78125rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #fff;
  background-color: #ee7800;
}
.slides .swiper-container .swiper-slide.page1 .page1_p2 ul li p {
  font-size: 0.35rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.546875rem;
  padding-right: 0.546875rem;
  color: #666;
}
.slides .swiper-container .swiper-slide.page1 .page1_p2 ul li:nth-child(2n) {
  margin-left: 3%;
}
.slides .swiper-container .swiper-slide.page1 .page1_p2 ul li:nth-child(1),
.slides .swiper-container .swiper-slide.page1 .page1_p2 ul li:nth-child(2) {
  margin-bottom: 3%;
}
.slides .swiper-container .swiper-slide.page1 .page1_p2 ul li:nth-child(3) h3,
.slides .swiper-container .swiper-slide.page1 .page1_p2 ul li:nth-child(2) h3 {
  color: #363636;
  background-color: #ffde00;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ul {
  position: relative;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ul li {
  float: left;
  width: 50%;
  padding-top: 0.546875rem;
  padding-bottom: 0.546875rem;
  padding-left: 0.46875rem;
  background-color: #ee7800;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ul li b {
  font-size: 0.5rem;
  color: #fff;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ul li p {
  font-size: 0.35rem;
  color: #fff;
  margin-top: 0.46875rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ul li:nth-child(2) {
  padding-left: 0.78125rem;
  background-color: #f3f3f3;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ul li:nth-child(2) b,
.slides .swiper-container .swiper-slide.page1 .page1_p3 ul li:nth-child(2) p {
  color: #363636;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ul > span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 1.1875rem;
  height: 1.1875rem;
  top: 50%;
  left: 50%;
  margin-top: -0.59375rem;
  margin-left: -0.59375rem;
  font-size: 0.5rem;
  font-weight: bold;
  border-radius: 50%;
  background-color: #ffde00;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ol {
  margin-top: 0.5rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ol li {
  position: relative;
  float: left;
  width: 48.5%;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ol li:nth-child(2n) {
  margin-left: 3%;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ol li:nth-child(1),
.slides .swiper-container .swiper-slide.page1 .page1_p3 ol li:nth-child(2) {
  margin-bottom: 3%;
}
.slides .swiper-container .swiper-slide.page1 .page1_p3 ol li p {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 0.75rem;
  width: 100%;
  bottom: 0;
  font-size: 0.35rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list {
  border-radius: 15px;
  padding-top: 0.4375rem;
  padding-bottom: 0.59375rem;
  background-color: #f3f3f3;
}
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.703125rem;
  padding-right: 0.703125rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list ul li {
  float: left;
  width: 2.140625rem;
  text-align: center;
  margin-bottom: 0.46875rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list ul li:nth-child(1) p {
  width: 85%;
}
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list ul li:nth-child(4),
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list ul li:nth-child(5),
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list ul li:nth-child(6) {
  margin-bottom: 0;
}
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list ul li p {
  position: relative;
  float: right;
  width: 80%;
  font-size: 0.35rem;
}
.slides .swiper-container .swiper-slide.page1 .page1_p4 .list ul li p span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 0.4375rem;
  height: 0.4375rem;
  left: -0.546875rem;
  top: 0.078125rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  background-color: #ee7800;
}
.slides .swiper-container .swiper-slide.page2 > img {
  margin-top: 0.46875rem;
}
.slides .swiper-container .swiper-slide.page2 > div h2 {
  font-size: 0.5rem;
  font-weight: bold;
  color: #363636;
  margin-top: 0.859375rem;
}
.slides .swiper-container .swiper-slide.page2 > div ul li {
  margin-top: 0.625rem;
}
.slides .swiper-container .swiper-slide.page2 > div ul li b {
  font-size: 0.4rem;
  color: #363636;
}
.slides .swiper-container .swiper-slide.page2 > div ul li p {
  font-size: 0.4rem;
  color: #666;
  margin-top: 0.078125rem;
}