.banner {
  width: 100%;
  height: 8rem;
}

.banner .swiper-container {
  width: 100%;
  height: 100%;
}

.banner .swiper-container .swiper-slide {
  background-image: url("../images/groupBuy/banner.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.banner .swiper-container .swiper-slide .bannerBox {
  color: #fff;
  padding-top: 1.733333rem;
  text-align: center;
}

.banner .swiper-container .swiper-slide .bannerBox h3 {
  font-size: .946rem;
  line-height: 100%;
}

.banner .swiper-container .swiper-slide .bannerBox p {
  margin-top: .48rem;
  margin-bottom: .36rem;
  font-size: .41rem;
  line-height: 100%;
}

.banner .swiper-container .swiper-slide .bannerBox span {
  display: block;
  margin-bottom: .906667rem;
  font-size: .373333rem;
  color: #fff600;
  line-height: 100%;
}
.banner .swiper-container .swiper-slide .bannerBox .goInfo {
  margin-left: 1.96rem;
}
.banner .swiper-container .swiper-slide .bannerBox .goInfo a {
  display: inline-block;
  line-height: 1.08rem;
  text-align: center;
  width: 2.933333rem;
  height: 1.08rem;
  margin-right: .266667rem;
  color: #ff421c;
  font-size: .4rem;
  border-radius: .106667rem;
  background:#fff;
  /* 标准的语法 */
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .3);
  box-sizing: border-box;
}
.banner .swiper-container .swiper-slide .bannerBox .goInfo .consult {
  background: none;
  border:1px solid #fff;
  color: #fff;
}

.banner .swiper-container .swiper-pagination-bullet-active {
  background-color: #fff;
}

.yunzuo {
  padding-top: 1.186667rem;
  padding-bottom: 1.226667rem;
  background-color: #fff;
}

.yunzuo h3 {
  text-align: center;
  font-size: .613333rem;
  line-height: 100%;
  color: #333;
}

.yunzuo p {
  width: 9.333333rem;
  margin: .4rem auto 0;
  font-size: .373333rem;
  line-height: .6rem;
  color: #666;
  text-align: center;
  margin-bottom: .533333rem;
}

.yunzuo div {
  width: 9.066667rem;
  margin: 0 auto;
}

.yunzuo div img {
  display: block;
  margin: 0 auto;
}

.youshi {
  background-color: #f6f6f6;
}

.youshi h3 {
  font-size: .6rem;
  text-align: center;
  font-weight: normal;
  margin: 1.226667rem auto;
  line-height: 100%;
}

.youshi .content {
  justify-content: space-around;
  position: relative;
  margin-bottom: .6rem;
}
.youshi .content .allList {
  position: absolute;
  width: 9.533333rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  text-align: center;
  border-top: 1px solid #f5f5f5;
  bottom:0;
}
.youshi .content .allList b{
  color: #666;
  display: block;
  font-weight: normal;
  line-height: 1.2rem;
}
.youshi ul {
  margin: 0 .24rem;
  background-color: #fff;
  border-radius: .133333rem;
  padding: .906667rem;
}
.youshi ul li {
  margin-bottom: .48rem;
}
.youshi ul li.need{
  display: none;
}
.youshi ul li div.number a{
  display: block;
  width: .506667rem;
  height: .506667rem;
  border-radius: .253333rem;
  background-color: #ff7a24;
  font-size: .312267rem;
  line-height: .506667rem;
  text-align: center;
  color: #fff;
}
.youshi ul li div.content {
  margin-left: .32rem;
  width: 6.88rem;
}
.youshi ul li div.content h4{
  font-size: .4rem;
  color: #333;
  font-weight: bold;
  line-height: 100%;
  margin-top: .053333rem;
}
.youshi ul li div.content p{
  font-size: .346667rem;
  color: #666;
  line-height: .48rem;
  margin-top: .213333rem;
}
.reason {
  padding-top: 1.213333rem;
  background-color: #fff;
}

.reason h3 {
  font-size: .533333rem;
  line-height: 100%;
  text-align: center;
  font-weight: normal;
}

.reason div.content {
  width: 8.533333rem;
  margin: 1.066667rem auto 0 ;
  position: relative;
}

.reason div.content>.weishenme {
  width: 8.533333rem;
  display: block;
  margin: 0 auto;
}

.system {
  background-color: #f6f6f6;
  padding-top: 1.066667rem;
  padding-bottom: 1.333333rem;
}

.system h3 {
  text-align: center;
  font-size: .533333rem;
  font-weight: normal;
  line-height: 100%;
  color: #333;
}


.system img {
  width: 9.066667rem;
  margin: 0 auto;
  display: block;
  margin-top: .933333rem;
}


.scrence {
  padding: 1.386667rem 0;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  background-color: #fff;
}

.scrence h3 {
  font-size: .533333rem;
  color: #333;
  line-height: 100%;
  font-weight: normal;
  text-align: center;
}

.scrence p {
  width: 8.72rem;
  margin: .49rem auto .92rem;
  text-align: center;
  color: #666;
  font-size: .373333rem;
}

.scrence .swiperCon {
  width: 8.8rem;
  height: 4.56rem;
  margin: 0 auto;
  overflow: hidden;
}
.scrence .swiperCon .swiper-button-prev {
  width: .266667rem!important;
  height: .48rem!important;
  left: .24rem;
  margin-top: .8rem;
}

.scrence .swiperCon .swiper-button-next {
  width: .266667rem!important;
  height: .48rem!important;
  right: .24rem;
  margin-top: .8rem;
}
@media screen and (max-width: 360px) {
  .scrence .swiperCon .swiper-button-prev,
  .scrence .swiperCon .swiper-button-next {
    margin-top: 1.2rem;
  }
}
.swiper-button-prev {
    background-image: url("../images/groupBuy/arr_r.png")!important;;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 100% 100%!important;;
}

.swiper-button-next {
    background-image: url("../images/groupBuy/arr_r.png")!important;;
    background-repeat: no-repeat;
    background-size: 100% 100%!important;;
}

.swiper-button-prev:hover {
    background-image: url("../images/groupBuy/arr_l_h.png")!important;;
    transform: rotate(0)!important;;
    background-repeat: no-repeat;
}

.swiper-button-next:hover {
    background-image: url("../images/groupBuy/arr_l_h.png")!important;;
    transform: rotate(180deg)!important;;
    background-repeat: no-repeat;
}