.hy_tit {
  text-align: center;
}

.hy_tit .big_tit {
  font-size: 0.4rem;
  font-weight: bold;
  color: #000000;
}

.hy_tit .big_tit:before, .hy_tit .big_tit:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1.33333rem;
  border-top: 1px solid #a9b0b4;
}

.hy_tit .big_tit span {
  display: inline-block;
  letter-spacing: 0.02667rem;
}

.hy_tit .big_tit span:before, .hy_tit .big_tit span:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0.13333rem;
  height: 0.13333rem;
  border-radius: 50%;
  background: #a9b0b4;
}

.hy_tit .big_tit span:before {
  margin-right: 0.26667rem;
}

.hy_tit .big_tit span:after {
  margin-left: 0.26667rem;
}

.hy_tit .big_tit span i {
  font-style: initial;
  color: #fe5469;
}



.wh_tit {
  font-size: 0.42667rem;
  color: #000;
  font-weight: bold;
  text-align:center;
}

.wh_tit:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 0.45333rem;
  border-radius: 0.13333rem;
  margin-right: 0.16rem;
  margin-top: -0.02667rem;
}

.wh_tit span {
  color: #b54c86;
}

.wh_tit i {
  display: inline-block;
  margin-left: 0.26667rem;
  font-size: 0.34667rem;
  color: #999999;
  font-style: initial;
}

.wh_white_tit {
  color: #333;
}

.wh_white_tit span {
  color: #ff6578;
}

.wh_btn {
  text-align: center;
  font-size: 0.42667rem;
  color: #ffffff;
}

.wh_btn span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(#ff6178), to(#fd44a7));
  background: linear-gradient(to right, #ff6178, #fd44a7);
  border-radius: 0.8rem;
  padding: 0.21333rem 0.4rem;
}

.wh_btn a {color: #fff;}
.wh_btn a:hover {color: #fff;}

.banner {
  position: relative;
}

.banner img {
  display: block;
  width: 100%;
}

.banner .banner_text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.66667rem;
  color: #ffffff;
  text-align: center;
}

.banner .banner_text p:first-child {
  font-size: 12px;
  margin-bottom: 0.13333rem;
}

.banner .banner_text p:first-child:before, .banner .banner_text p:first-child:after {
  content: '';
  display: inline-block;
  width: 0.93333rem;
  height: 1px;
  background: #ffffff;
  vertical-align: middle;
  margin: 0 0.13333rem;
}

.banner .banner_text p:last-child {
  font-size: 0.34667rem;
}

.banner .banner_text span {
  color: #ffd200;
}

.wh1 {
  padding: 0.50667rem 0.4rem;
}

.wh1 .wh1_con {
  font-size: 0;
  margin-top: 0.32rem;
}

.wh1 .wh1_con .wh1_item {
  display: inline-block;
  width: 47.1%;
  height: 2rem;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  padding: 0.21333rem;
  padding-right: 0;
}

.wh1 .wh1_con .wh1_item:nth-of-type(2n) {
  border-right: 1px solid #eeeeee;
}

.wh1 .wh1_con .wh1_item:nth-of-type(n+3) {
  border-bottom: 1px solid #eeeeee;
}

.wh1 .wh1_con .wh1_item img {
  display: inline-block;
  width: 0.93333rem;
  vertical-align: top;
  margin-top: 0.26667rem;
}

.wh1 .wh1_con .wh1_item .wh1_item_con {
  display: inline-block;
  vertical-align: top;
  width: 3.17333rem;
  margin-left: 0.13333rem;
}

.wh1 .wh1_con .wh1_item .wh1_item_con .wh1_p1 {
  font-size: 0.34667rem;
  color: #333333;
}

.wh1 .wh1_con .wh1_item .wh1_item_con .wh1_p2 {
  font-size: 0.32rem;
  color: #999999;
  margin-top: 0.18667rem;
  line-height: 0.4rem;
}

.wh1 .wh1_p3 {
  font-size: 0.37333rem;
  color: #ff6578;
  text-align: center;
  margin: 0.26667rem 0;
}

.wh2 {
  padding: 0.53333rem 0.4rem;
  background: url("wh2_bg.jpg") no-repeat center/cover;
}

.wh2 .wh2_con {
  font-size: 0;
  margin-top: 0.4rem;
}

.wh2 .wh2_con .wh2_item {
  position: relative;
  display: inline-block;
  width: 48%;
}

.wh2 .wh2_con .wh2_item:nth-of-type(2n) {
  margin-left: 4%;
}

.wh2 .wh2_con .wh2_item:nth-of-type(n+3) {
  margin-top: 0.4rem;
}

.wh2 .wh2_con .wh2_item img {
  display: block;
  width: 100%;
}

.wh2 .wh2_con .wh2_item .wh2_item_text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1.46667rem;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}

.wh2 .wh2_con .wh2_item .wh2_item_text .wh2_p1 {
  position: relative;
  font-size: 0.34667rem;
  display: inline-block;
  background: #ff6578;
  padding: 0 0.08rem;
  line-height: 0.53333rem;
}

.wh2 .wh2_con .wh2_item .wh2_item_text .wh2_p1:after {
  content: '';
  position: absolute;
  right: -0.26667rem;
  top: 0;
  border: 0.26667rem solid transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right: 0.13333rem solid transparent;
  border-left: 0.13333rem solid #ff6578;
}

.wh2 .wh2_con .wh2_item .wh2_item_text .wh2_p2 {
  font-size: 0.32rem;
  padding: 0.08rem;
}

.wh3 {
  padding: 0.53333rem 0.4rem;
}

.wh3 .wh3_con {
  margin-top: 0.4rem;
  font-size: 0;
  text-align: center;
}

.wh3 .wh3_con .wh3_item {
  display: inline-block;
  vertical-align: middle;
}

.wh3 .wh3_con .wh3_item:nth-of-type(2) {
  margin: 0 0.13333rem;
}

.wh3 .wh3_con .wh3_item:nth-of-type(2) img {
  display: block;
  width: 0.66667rem;
}

.wh3 .wh3_con .wh3_item:nth-of-type(3) .wh3_item_con .wh3_item_text {
  left: 0.4rem;
}

.wh3 .wh3_con .wh3_item .wh3_item_con {
  position: relative;
  width: 4rem;
  margin-bottom: 0.53333rem;
}

.wh3 .wh3_con .wh3_item .wh3_item_con img {
  display: block;
  width: 100%;
}

.wh3 .wh3_con .wh3_item .wh3_item_con .wh3_item_text {
  position: absolute;
  top: 1.06667rem;
  left: 0.66667rem;
  color: #333333;
  width: 2.93333rem;
}

.wh3 .wh3_con .wh3_item .wh3_item_con .wh3_item_text .wh3_p1 {
  font-weight: bold;
  font-size: 0.34667rem;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 0.13333rem;
  margin-bottom: 0.13333rem;
}

.wh3 .wh3_con .wh3_item .wh3_item_con .wh3_item_text .wh3_p2 {
  font-size: 0.2rem;
  text-align: center;
}

.wh3 .wh3_p3 {
  font-size: 0.37333rem;
  color: #ff6578;
  text-align: center;
  margin-bottom: 0.4rem;
}

.wh4 {
  padding: 0.53333rem 0.4rem;
  background: url("wh4_bg.jpg") no-repeat center/cover;
}

.wh4 .wh4_con {
  font-size: 0;
  text-align: center;
  margin-top: 0.4rem;
}

.wh4 .wh4_con .wh4_item {
  display: inline-block;
  vertical-align: top;
  width: 3.65333rem;
}

.wh4 .wh4_con .wh4_item:nth-of-type(2) {
  margin-top: 0.8rem;
  margin-left: 0.4rem;
}

.wh4 .wh4_con .wh4_item .wh4_item_con {
  position: relative;
  height: 4.8rem;
  border-top-left-radius: 0.53333rem;
  border-bottom-right-radius: 0.53333rem;
  background-color: #ffffff;
  background-size: 1.6rem;
  background-position: right bottom;
  background-repeat: no-repeat;
  color: #26232a;
  font-size: 0.32rem;
  text-align: justify;
  padding: 0.26667rem 0.26667rem 0 0.26667rem;
  overflow: hidden;
  border: 1px solid #fe5469;
}

.wh4 .wh4_con .wh4_item .wh4_item_con:before {
  content: '';
  position: absolute;
  width: 4rem;
  height: 4rem;
  left: -2rem;
  top: -2rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #ffdde1;
}

.wh4 .wh4_con .wh4_item .wh4_item_con p {
  position: relative;
}

.wh4 .wh4_con .wh4_item .wh4_item_con .wh4_p1 {
  font-size: 0.4rem;
}

.wh4 .wh4_con .wh4_item .wh4_item_con .wh4_p2 {
  margin: 0.53333rem 0 0.26667rem;
  color: #fe5469;
}

.wh4 .wh4_con .wh4_item .wh4_item_con1 {

}

.wh4 .wh4_con .wh4_item .wh4_item_con2 {

}

.wh4 .wh4_con .wh4_item .wh4_item_con3 {
  margin-top: 0.53333rem;

}

.wh4 .wh4_con .wh4_item .wh4_item_con4 {
  margin-top: 0.53333rem;

}

.wh5 {
  padding: 0.53333rem 0.4rem;
  border-bottom: 0.26667rem solid #f5f5f5;
}

.wh5 .wh5_con {
  font-size: 0;
  margin-top: 0.4rem;
}

.wh5 .wh5_con .wh5_item {
  display: inline-block;
  width: 50%;
  height: 2.13333rem;
  margin-top: 2px;
}

.wh5 .wh5_con .wh5_item .wh5_item_l {
  display: inline-block;
  vertical-align: top;
  width: 28%;
  height: 100%;
  position: relative;
  border: 1px solid #b54c86;
  overflow: hidden;
}

.wh5 .wh5_con .wh5_item .wh5_item_l:before {
  content: '';
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  right: 0;
  top: 0;
  width: 2.66667rem;
  height: 1px;
}

.wh5 .wh5_con .wh5_item .wh5_item_l p {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 0.64rem;
  text-align: center;
}

.wh5 .wh5_con .wh5_item .wh5_item_r {
  display: inline-block;
  vertical-align: top;
  width: 70.28%;
  font-size: 0.32rem;
  height: 100%;
}

.wh5 .wh5_con .wh5_item .wh5_item_r:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.wh5 .wh5_con .wh5_item .wh5_item_r p {
  display: inline-block;
  vertical-align: middle;
  width: 85%;
  padding: 0.26667rem 0.13333rem;
  line-height: 0.45333rem;
}

.wh5 .wh5_con .wh5_item1 .wh5_item_l {
  background: #b54c86;
  color: #ffffff;
  border-color: #b54c86;
}

.wh5 .wh5_con .wh5_item1 .wh5_item_l:before {
  background: #fff;
}

.wh5 .wh5_con .wh5_item1 .wh5_item_r {
  background: #f7edf3;
  border: 1px solid #f7edf3;
  border-left: none;
}

.wh5 .wh5_con .wh5_item2 .wh5_item_l {
  background: #fff;
  color: #b54c86;
}

.wh5 .wh5_con .wh5_item2 .wh5_item_l:before {
  background: #b54c86;
}

.wh5 .wh5_con .wh5_item2 .wh5_item_r {
  background: #fff;
  border: 1px solid #b54c86;
  border-left: none;
}

.wh5 .wh5_con .wh5_item3 .wh5_item_r {
  border-right: none;
}

.wh5 .wh5_p1 {
  font-size: 0.32rem;
  color: #b54c86;
  text-align: center;
  margin: 0.4rem 0;
  line-height: 0.4rem;
}

.wh6 {
  padding: 0.53333rem 0.4rem;
  border-bottom: 0.26667rem solid #f5f5f5;
}

.wh6 .wh6_con {
  font-size: 0;
  margin-top: 0.4rem;
}

.wh6 .wh6_con .wh6_item {
  border: 1px solid #eeeeee;
  margin-bottom: 0.2rem;
}

.wh6 .wh6_con .wh6_item .wh6_l {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
  padding: 0.13333rem 0 0.13333rem 0.26667rem;
}

.wh6 .wh6_con .wh6_item .wh6_l p:first-child {
  font-size: 0.32rem;
  color: #999999;
}

.wh6 .wh6_con .wh6_item .wh6_l p:first-child img {
  display: inline-block;
  vertical-align: middle;
  width: 0.44rem;
  margin-right: 0.05333rem;
}

.wh6 .wh6_con .wh6_item .wh6_l p:last-child {
  font-size: 0.34667rem;
  color: #333333;
  margin-top: 0.13333rem;
}

.wh6 .wh6_con .wh6_item .wh6_r {
  display: inline-block;
  vertical-align: middle;
  color: #b54c86;
  width: 27%;
  text-align: center;
  font-size: 0.34667rem;
}

.wh7 {
  padding: 0.53333rem 0.4rem;background: #fbedee;
}

.wh7 .wh7_con {
  font-size: 0;
  margin-top: 0.53333rem;
}

.wh7 .wh7_con .wh7_item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 47.3%;
  height: 4.2rem;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.wh7 .wh7_con .wh7_item:nth-of-type(1) {
  background: url("wh7_1.jpg") no-repeat center/cover;
}

.wh7 .wh7_con .wh7_item:nth-of-type(2) {
  background: url("wh7_2.jpg") no-repeat center/cover;
}

.wh7 .wh7_con .wh7_item:nth-of-type(3) {
  background: url("wh7_3.jpg") no-repeat center/cover;
}

.wh7 .wh7_con .wh7_item:nth-of-type(4) {
  background: url("wh7_4.jpg") no-repeat center/cover;
}

.wh7 .wh7_con .wh7_item:nth-of-type(2n-1) {
  margin-right: 4%;
}

.wh7 .wh7_con .wh7_item:nth-of-type(n+3) {
  margin-top: 0.4rem;
}

.wh7 .wh7_con .wh7_item .wh7_text {
  position: absolute;
  left: 0;
  top: .6rem;
  font-size: 0.32rem;
  text-align: center;
}

.wh7 .wh7_con .wh7_item .wh7_text .wh7_p1 {
  font-weight: bold;
  font-size: 0.4rem;
  color: #fe5469;
}

.wh7 .wh7_con .wh7_item .wh7_text .wh7_p2 {
  color: #fe5469;
  margin: 0.18667rem 0;
  font-size: .38rem;
}

.wh7 .wh7_con .wh7_item .wh7_text .wh7_p3 {
  text-align: center;
  color: #333333;
  padding: 0 0.26667rem;
  font-size: .34rem;
  line-height: 1.6;
}

.wh8 {
  padding: 0.53333rem 0.4rem;
  background: url("wh8_bg.jpg") no-repeat center/cover;
}

.wh8 .wh8_con {
  margin-top: 0.4rem;
  font-size: 0;
}

.wh8 .wh8_con .wh8_item {
  margin: 0 auto 0.26667rem;
  width: 84%;
  padding: 0.26667rem 0.53333rem;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0.66667rem;
  border-bottom-right-radius: 0;
}

.wh8 .wh8_con .wh8_item .wh8_p1 {
  font-size: 0.34667rem;
  color: #f7c7e1;
}

.wh8 .wh8_con .wh8_item .wh8_p2 {
  font-size: 0.32rem;
  color: #ffffff;
  margin-top: 0.13333rem;
}

.wh9 {
  padding: 0.53333rem 0.4rem;
}

.wh9 .wh9_con {
  position: relative;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.4rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.wh9 .wh9_con:before {
  content: '';
  position: absolute;
  width: 100%;
  border-top: 1px dashed #fe5469;
  top: 0.22667rem;
}

.wh9 .wh9_con .wh9_item {
  display: inline-block;
  font-size: 0.4rem;
  color: #fe5469;
}

.wh9 .wh9_con .wh9_item .wh9_p1 {
  font-size: 0.4rem;
  color: #ffffff;
  width: 0.53333rem;
  line-height: 0.53333rem;
  background: #fe5469;
  border-radius: 50%;
  text-align: center;
  margin: auto;
}

.wh9 .wh9_con .wh9_item .wh9_p2 {
  font-size: 0.34667rem;
  color: #333333;
  margin-top: 0.26667rem;
}

@media screen and (max-width: 320px) {
  .wh1 .wh1_con .wh1_item {
    height: 2.4rem !important;
  }
  .wh1 .wh1_con .wh1_item .wh1_item_con .wh1_p2 {
    line-height: 0.46667rem;
  }
  .wh2 .wh2_con .wh2_item .wh2_item_text {
    height: 2rem;
  }
  .wh3 .wh3_con .wh3_item:nth-of-type(3) {
    margin-top: 1.6rem;
  }
  .wh3 .wh3_con .wh3_item:nth-of-type(3) .wh3_item_con:first-child .wh3_item_text {
    top: 0.4rem;
  }
  .wh3 .wh3_con .wh3_item:nth-of-type(3) .wh3_item_con .wh3_item_text {
    left: 0.4rem;
    top: 0.26667rem;
  }
  .wh3 .wh3_con .wh3_item .wh3_item_con .wh3_item_text {
    top: 0.4rem;
  }
  .wh4 .wh4_con .wh4_item .wh4_item_con {
    height: 5.06667rem;
  }
  .wh5 .wh5_con .wh5_item .wh5_item_r {
    width: 69.28%;
  }
  .wh7 .wh7_con .wh7_item {
    height: 3.33333rem;
  }
}
/*# sourceMappingURL=whxf.css.map */

.lq5 {
  padding: 0.8rem 0.4rem;
  background: #fff;
}

.lq5 .titImg {
  width: 5rem;
  margin: 0 auto;
}

.lq5 .titImg img {
  width: 100%;
}

.lq5 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.4rem;
}

.lq5 .list .item {
  margin-top: 0.53333rem;
  width: 4.45333rem;
  height: 2.05333rem;
  border-radius: 0.13333rem;
  background: -webkit-gradient(linear, left top, right top, from(#fe5469), to(#fe5469));
  background: linear-gradient(to right, #fe5469, #fe5469);
  position: relative;
}

.lq5 .list .item .ball {
  text-align: center;
  position: absolute;
  top: -0.29333rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 100%;
  font-size: 0.32rem;
  color: #fff;
  background: #4f525b;
  width: 0.66667rem;
  line-height: 0.66667rem;
}

.lq5 .list .item .lq5txt {
  color: #fff;
  font-size: 0.32rem;
  margin-top: 0.66667rem;
  margin-left: 0.33333rem;
  width: 3.6rem;
}

@media screen and (max-width: 320px) {
  .lq5 .list .item .lq5txt {
    margin-top: 0.53333rem;
    margin-left: 0.2rem;
    width: 4rem;
  }
}

.lq5 .list .item .lq5txt span {
  border-bottom: #fff dashed 1px;
}

.lq5 .list .item2 {
  background: -webkit-gradient(linear, left top, right top, from(#4f525c), to(#2c303f));
  background: linear-gradient(to right, #4f525c, #2c303f);
}
.lq5 .list .item2 .ball {
  background: #fe5469;
}

.lq5 .lqwh_btn {
  margin-top: 0.26667rem;
}

.lq5 .wh3_p3 {
  font-size: 0.37333rem;
  color: #ff6578;
  text-align: center;
  margin-bottom: 0.4rem;
}