/* banner样式开始 */
html,
body {
  background: #ededed;
}

.index>.banner {
  width: 100%;
  height: 4.02rem;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  overflow-x: hidden;
}

.index>.banner>.index-banner_top {
  height: 0.7rem;
  display: flex;
  align-items: center;
  position: absolute;
  margin: 0.12rem 0.3rem 0;
  z-index: 11;
}

.index>.banner>.index-banner_top>img {
  width: 1.7rem;
  height: 0.57rem;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.index>.banner>.index-banner_top>.index-search {
  width: 4.8rem;
  height: 0.7rem;
  background-color: #ffffff;
  opacity: 0.64;
  border-radius: 0.5rem;
  font-size: 0.24rem;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #999999;
  line-height: 0.7rem;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.index>.banner>.index-banner_top>.index-search>input{
  width: 3.3rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  line-height: 0.5rem;
}
.index>.banner>.index-banner_top>.index-search>i {
  margin: 0 0.2rem 0 0.35rem;
}

.index>.banner>.swiper-container-banner {
  /* height: 4.02rem; */
  width: 100%;
}

.index>.banner .swiper-pagination .swiper-pagination-bullet {
  width: 0.19rem;
  height: 0.18rem;
  border: solid 0.01rem #ffffff;
  background: transparent;
  opacity: 1;
}

.index>.banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.index>.banner>.swiper-container-banner .swiper-slide>img {
  width: 100%;
}

/* banner样式结束 */


/* 菜单样式开始 */
.index>.nav {
  height: 3.55rem;
  background: #fff;
  overflow-x: hidden;
}

.index>.nav .swiper-wrapper {
  height: auto;
}

.index>.nav .swiper-slide {
  width: 6.93rem;
  height: 2.79rem;
  margin: 0.42rem 0 0.53rem;
}

.index>.nav .swiper-pagination {
  bottom: 0.28rem;
}

.index>.nav .swiper-pagination .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  background-color: #cccccc;
}

.index>.nav .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e00b0b;
}

.nav .swiper-slide>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.nav .swiper-slide>ul>li {
  margin-right: 0.7rem;
  margin-bottom: 0.25rem;
}

.nav .swiper-slide>ul>li:nth-of-type(5) {
  margin-right: 0;
}

.nav .swiper-slide>ul>li:nth-of-type(10) {
  margin-right: 0;
}

.nav .swiper-slide>ul>li>a {
  display: block;
  text-align: center;
  font-size: 0.28rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
}

.nav .swiper-slide>ul>li>a>p {
  width: 0.82rem;
  height: 0.83rem;
  border-radius: 50%;
  background-image: linear-gradient(176deg, #ffc750 0%, #ff9623 100%);
  text-align: center;
  line-height: 0.83rem;
}

.nav .swiper-slide>.slide-two>li:nth-of-type(4)>a>p>i {
  display: inline-block;
  margin-left: 0.08rem;
}

.nav .swiper-slide>ul>li>a>p>i {
  font-size: 0.42rem;
  color: #ffffff;
}

.nav .swiper-slide>ul>li>a>span {
  font-size: 0.28rem;
  display:block;
  margin-top: 0.12rem;
}

.nav .swiper-slide>ul>li>a .red {
  background-image: linear-gradient(0deg, #ff4c28 0%, #ff765a 100%);
}

.nav .swiper-slide>ul>li>a .blue {
  background-image: linear-gradient(0deg, #14b4dd 0%, #41d8fe 100%);
}

.nav .swiper-slide>ul>li>a .redTwo {
  background-image: linear-gradient(0deg, #ff2342 0%, #ff7286 100%);
}

.nav .swiper-slide>ul>li>a .zise {
  background-image: linear-gradient(0deg,
    #a75bf0 0%,
    #ce9bff 100%);
}

.nav .swiper-slide>ul>li>a .blueTwo {
  background-image: linear-gradient(176deg,
    #8cc2ff 0%,
    #50a2ff 100%);
}

.nav .swiper-slide>ul>li>a .green {
  background-image: linear-gradient(0deg,
    #26c29a 0%,
    #54e7c1 100%);
}

.nav .swiper-slide>ul>li>a .glod {
  background-image: linear-gradient(0deg,
    #ff9825 0%,
    #ffc74f 100%);
}

.nav .swiper-slide>ul>li>a .pink {
  background-image: linear-gradient(0deg,
    #ff3b80 0%,
    #fe7d9e 100%);
  font-size: 0.41rem;
}

.nav .swiper-slide>ul>li>a .blueThree {
  background-image: linear-gradient(0deg,
    #14b3dc 0%,
    #42d8fe 100%);
}

/* 菜单样式结束 */

/*轮播广告样式开始*/
.swiperAdv {
  height: 1.25rem;
  border-top: 0.02rem #cccccc solid;
  box-sizing: border-box;
  padding: 0 0.31rem 0 0.28rem;
  display: flex;
  overflow: hidden;
  background: #fff;
}

.swiperAdv>p {
  font-size: 0.35rem;
  font-style: italic;
  font-stretch: normal;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #e00b0b;
  font-weight: 600;
  margin: 0.17rem 0.63rem 0 0;

}

.index>.swiperAdv .swiper-wrapper {
  /* height: 1.25rem;
   */
  /* height: 0.89rem; */
  /* box-sizing: border-box; */
  /* padding: 0.2rem 0; */
}

.index>.swiperAdv>.swiper-container-two>.swiper-wrapper>.swiper-slide {
  width: 5.5rem;
  /* height: 0.89rem !important; */
  display: flex;
}

.index>.swiperAdv .swiper-slide>a {
  width: 100%;
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  justify-content: space-between;
}

.index>.swiperAdv .swiper-slide>a>img {
  width: 0.87rem;
  height: 0.87rem;
  border-radius: 50%;
  margin-right: 0.19rem;
  border: 0.02rem solid #ccc;
}

.index>.swiperAdv .swiper-slide div>p:first-of-type {
  width: 3.78rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.26rem;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
}

.index>.swiperAdv .swiper-slide div>p:last-of-type {
  font-size: 0.22rem;
  color: #666666;
  margin-top: 0.1rem;
  line-height: 0.3rem;
}

.index>.swiperAdv .swiper-slide div>p:last-of-type>span>i {
  /* font-size: 0.19rem; */
  vertical-align: middle;
  float:left;
  margin-right:0.01rem;
}

.index>.swiperAdv .swiper-slide>a>div:last-of-type {
  margin-left: 0.3rem;
}

/*轮播广告样式结束*/


/* 广告位样式开始 */
.adgPosition {
  width: 100%;
  height: 2.22rem;
  box-sizing: border-box;
  padding: 0.19rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adgPosition>a {
  width: 3.62rem;
  height: 1.85rem;
  background-color: #ffffff;
  border-radius: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 0.24rem;
  box-sizing: border-box;
}

.adgPosition>a>div>p {
  width: 1.51rem;
  height: 0.4rem;
  background-color: #e00b0b;
  border-radius: 0.2rem;
  font-size: 0.3rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #ffffff;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.19rem;
}

.adgPosition>a>div>span {
  font-size: 0.24rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #666666;
}

.adgPosition>a>img {
  width: 1.36rem;
}

/* 广告位样式结束 */


/* 品牌头条样式开始 */
.brand {
  width: 100%;
  height: 2.54rem;
  background-color: #ffffff;
  margin: 0 0 0.18rem 0;
  box-sizing: border-box;
  padding: 0.26rem 0.31rem;
  position: relative;
}

.brand>h3 {
  font-size: 0.34rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
}

.brand>h3>a {
  font-size: 0.24rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #666666;
  line-height: 0.24rem;
}

.brand>h3>a>i {
  vertical-align: middle;
}

.brand>a:first-of-type {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
}

.brand>a:first-of-type>img {
  width: 2.55rem;
  height: 1.35rem;
  border-radius: 0.04rem;
  margin-right: 0.18rem;
}

.brand>a:first-of-type>div>p {
  width: 4.18rem;
  font-size: 0.28rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  margin-bottom: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand>a:first-of-type>div>span {
  font-size: 0.24rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #666666;
}

.brand>a:last-of-type {
  display: block;
  width: 1.21rem;
  height: 0.4rem;
  background-color: #ff602e;
  border-radius: 0.04rem;
  font-size: 0.24rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #ffffff;
  line-height: 0.4rem;
  text-align: center;
  position: absolute;
  right: 0.31rem;
  top: 1.8rem;
}

/* 品牌头条样式结束 */


/* 广告图展示样式开始 */
.advPic {
  width: 100%;
  height: 4.44rem;
  background-color: #ffffff;
  margin-bottom: 0.19rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 0.19rem;
  box-sizing: border-box;
}

.advPic>.advPic-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.advPic>.advPic-left>a {
  display: block;
  width: 3.37rem;
  height: 1.83rem;
  background-color: #cccccc;
  border-radius: 0.04rem;
}

.advPic>.advPic-left>a:first-of-type {
  margin-bottom: 0.19rem;
}

.advPic>.advPic-left>a>img {
  display: block;
  width: 3.37rem;
  height: 1.83rem;
}

.advPic>a {
  width: 3.33rem;
  height: 3.85rem;
  background-color: red;
  border-radius: 0.04rem;
}

.advPic>a>img {
  display: block;
  width: 3.33rem;
  height: 3.85rem;
}

/* 广告图展示样式结束 */

/* 招商加盟样式开始 */
.join {
  width: 100%;
  /* height: 3.98rem; */
  background-color: #ffffff;
  margin-bottom: 0.19rem;
  box-sizing: border-box;
  padding: 0.25rem 0.3rem 0.32rem;
  overflow-x: hidden;
}

.join>h3 {
  font-size: 0.34rem;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  margin-bottom: 0.28rem;
}

.join>h3>a {
  font-size: 0.24rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #666666;
  line-height: 0.24rem;
}

.join>h3>a>i {
  vertical-align: middle;
}
.join>.swiper-container-join>.swiper-wrapper{
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.join>.swiper-container-join .swiper-slide {
  width: 3.02rem !important;
  /* height: 3.79rem; */
  border-radius: 0.04rem;
  margin-right: 0.2rem !important;
}

.join>.swiper-container-join .swiper-slide>a {
  display: block;
  width: 3.02rem;
  /* height: 3.79rem; */
}

.join>.swiper-container-join .swiper-slide>a>img {
  display: block;
  width: 3.02rem;
  height: 1.85rem;
  border-radius: 0.04rem;
}

.join>.swiper-container-join .swiper-slide>a>h5 {
  font-size: 0.3rem;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  margin: 0.16rem 0 0.22rem;
  text-align: center;
}

.join>.swiper-container-join .swiper-slide>a>span {
  font-size: 0.24rem;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #666666;
  margin-bottom: 0.2rem;
  display: block;
}

.join>.swiper-container-join .swiper-slide>a>p {
  font-size: 0.3rem;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #e00b0b;
  text-align: center;
}

/* 招商加盟样式结束 */


/* 品牌推荐样式开始 */
.recommend {
  width: 100%;
  margin-top: 0.19rem;
  background: #fff;
  padding: 0.28rem 0.32rem;
  box-sizing: border-box;
}

.recommend>h3 {
  font-size: 0.34rem;

  font-stretch: normal;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #333333;
  margin-bottom: 0.31rem;
}

.recommend>ul>li {
  display: flex;
  border-bottom: 0.01rem solid #f0f0f0;
  padding: 0.2rem 0 0.23rem;
  box-sizing: border-box;
  position: relative;
}

.recommend>ul>li>a {
  display: block;
}

.recommend>ul>li>a:first-of-type {
  width: 2.48rem;
  height: 1.7rem;
  border-radius: 0.04rem;
  margin-right: 0.22rem;
}

.recommend>ul>li>a:first-of-type>img {
  display: block;
  width: 2.48rem;
  height: 1.7rem;
}

.recommend>ul>li>a:last-of-type {
  width: 1.21rem;
  height: 0.4rem;
  background-color: #e00b0b;
  border-radius: 0.04rem;
  font-size: 0.24rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.4rem;
  position: absolute;
  bottom: 0.27rem;
  right: 0;
}

.recommend>ul>li>div>a {
  display: block;
}

.recommend>ul>li>div>a>h5 {
  font-size: 0.3rem;
  line-height: 0.36rem;
  color: #333333;
  display: flex;
  align-items: center;
}

.recommend>ul>li>div>a>h5>img {
  width: 0.2rem;
  margin: 0 0.05rem;
}

.recommend>ul>li>div>a>p:first-of-type {
  font-size: 0.24rem;

  font-stretch: normal;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #999999;
  margin-top: 0.1rem;
  /* width: 2.87rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}

.recommend>ul>li>div>a>p:nth-of-type(2) {
  font-size: 0.24rem;

  font-stretch: normal;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #666666;
  margin: 0.1rem 0;
}

.recommend>ul>li>div>a>p:nth-of-type(2)>span {
  font-size: 0.28rem;

  letter-spacing: 0rem;
  color: #e00b0b;
}

.recommend>ul>li>div>a>p:nth-of-type(3) {
  font-size: 0.24rem;

  font-stretch: normal;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #666666;
}

.recommend>div>a {
  display: block;
  width: 6.61rem;
  height: 0.53rem;
  background-color: #ededed;
  border-radius: 0.27rem;
  margin: 0.12rem auto 0;
  text-align: center;
  line-height: 0.53rem;
  font-size: 0.24rem;

  font-stretch: normal;
  color: #333333;
}

.recommend>div>a>i {
  vertical-align: middle;
}

/* 品牌推荐样式结束 */

/* 单条广告位样式开始 */
.oneAdv {
  width: 100%;
  height: 1.19rem;
  margin: 0.17rem auto;
}
.oneAdv>a,
.oneAdv>a>img
{
  display: block;
  width: 100%;
  height: 1.19rem;
}
/* .oneAdv>img {
  width: 100%;
} */

/* 单条广告位样式结束 */

/* 热门区域样式开始 */
.hot {
  width: 100%;
  /* height: 4.82rem; */
  background-color: #ffffff;
  margin-bottom: 0.2rem;
  box-sizing: border-box;
  padding: 0.21rem 0.30rem;
}

.hot>ul {
  display: flex;
}

.hot>ul>li {
  width: 50%;
  height: 0.31rem;
  text-align: center;
  font-size: 0.32rem;

  font-stretch: normal;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #666666;
}

.hot>.hot-content {
  margin-top: 0.32rem;
}

.hot>.hot-content>div .hot-content_detail {
  margin-bottom: 0.4rem;
}

.hot>.hot-content>div .hot-content_detail>a {
  display: flex;
  justify-content: space-between;
}

.hot>.hot-content>div .hot-content_detail>a:last-of-type {
  margin-bottom: 0;
}

.hot>.hot-content>div .hot-content_detail>a>div>h6 {
  width: 4.18rem;
  font-size: 0.3rem;
  color: #333333;
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.hot>.hot-content>div .hot-content_detail>a>div>p {
  width: 4.06rem;
  font-size: 0.24rem;

  font-stretch: normal;
  letter-spacing: 0rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot>.hot-content>div .hot-content_detail>a>div>p>span {
  font-size: 0.24rem;
}

.hot>.hot-content>div .hot-content_detail>a>div>p:first-of-type {
  margin: 0.19rem 0;
}

.hot>.hot-content>div .hot-content_detail>a>div>p:last-of-type {
  color: #999;
}

.hot>.hot-content>div .hot-content_detail>a>div>p:last-of-type i {
  color: #ff602e;
  vertical-align: middle;
}

.hot>.hot-content>div>ul>li img {
  width: 2.4rem;
  height: 1.43rem;
  border-radius: 0.04rem;
}

.hot>.hot-content>.hot-content_article {
  display: none;
}

.hot>ul>.chooce {
  color: red;
}

.hot>ul>.chooce::after {
  display: block;
  content: "";
  width: 1.17rem;
  height: 0.02rem;
  background-color: #e00b0b;
  margin: 0.13rem auto 0;
}

/* 热门区域样式结束 */