/* 顶部 */
.top {
  background-color: #c1292e;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.top header {
  width: 100%;
  height: 57px;
}
.top header img {
  width: 103.5px;
  height: 33px;
  margin: 24px 0 0 10px;
}
.top header .header_seek {
  width: calc(100% - 150.5px);
  height: 30.5px;
  border-radius: 4px;
  background: #f6f6f6;
  position: relative;
  margin: 24px 10px 0 0;
}
.top header .header_seek .icon-find {
  font-size: 14px;
  color: #999;
  position: absolute;
  right: 5px;
  top: 8px;
}
.top header .header_seek input {
  width: 80%;
  height: 30.5px;
  font-size: 14px;
  color: #000;
  outline: none;
  margin-left: 14px;
  background: #f6f6f6;
  border: 0;
}
.top header .header_seek input::placeholder {
  color: #999;
}
/* 顶部导航 */
.top nav {
  width: 100%;
  height: 50px;
  line-height: 46px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  background-color: #c1292e;
}
.top nav a {
  display: inline-block;
  width: 25%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  position: relative;
}
.top nav a.active::before {
  position: absolute;
  left: calc(50% - 7px);
  bottom: 12px;
  display: block;
  width: 14px;
  height: 2px;
  background-color: #fff;
  content: "";
}
/* 中间部分 */
.wrap {
  margin-top: 107px;
  background-color: #f9f9f9;
  padding: 10px;
}
/* 轮播 */
.swiper1 {
  position: relative;
  z-index: 1;
  border-radius: 3px;
  width: 100%;
  height: 155px;
  overflow: hidden;
}
.swiper1 .swiper-slide img {
  width: 100%;
  height: 155px;
  border-radius: 3px;
}
.swiper1 .swiper-pagination-bullets {
  bottom: 15px;
  text-align: right;
}
.swiper1 .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #ccc !important;
  opacity: 1 !important;
}
.swiper1 .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 3px;
  background-color: #fff !important;
  opacity: 1 !important;
}
/* 图标导航 */
.icon_nav {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 12px 10px 0 10px;
  border-radius: 10px;
}
.icon_nav a {
  display: block;
  width: 20%;
  height: 71px;
  margin-bottom: 12px;
}
.icon_nav a span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 5px;
  color: #fff;
}
.icon_nav a em {
  display: block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #2d2b2b;
}
.icon_nav a:nth-child(1) span {
  background: #fedbdc;
}
.icon_nav a:nth-child(2) span {
  background: #ffe8d1;
}
.icon_nav a:nth-child(3) span {
  background: #e6f6ea;
}
.icon_nav a:nth-child(4) span {
  background: #ffeedd;
}
.icon_nav a:nth-child(5) span {
  background: #feeeee;
}
.icon_nav a:nth-child(6) span {
  background: #e6f6ea;
}
.icon_nav a:nth-child(7) span {
  background: #fee2e3;
}
.icon_nav a:nth-child(8) span {
  background: #fff1e4;
}
.icon_nav a:nth-child(9) span {
  background: #feeeee;
}
.icon_nav a:nth-child(10) span {
  background: #fff5eb;
}
.icon_nav a:nth-child(11) span {
  background: #fedbdc;
}
.icon_nav a:nth-child(12) span {
  background: #ffe8d1;
}
.icon_nav a:nth-child(13) span {
  background: #e6f6ea;
}
.icon_nav a:nth-child(14) span {
  background: #ffeedd;
}
.icon_nav a:nth-child(15) span {
  background: #feeeee;
}
.icon_nav a:nth-child(16) span {
  background: #e6f6ea;
}
.icon_nav a:nth-child(17) span {
  background: #fee2e3;
}
.icon_nav a:nth-child(18) span {
  background: #fff1e4;
}
.icon_nav a:nth-child(19) span {
  background: #feeeee;
}
.icon_nav a:nth-child(20) span {
  background: #fff5eb;
}
.icon_nav a:nth-child(21) span {
  background: #fedbdc;
}
.icon_nav a:nth-child(22) span {
  background: #ffe8d1;
}
.icon_nav a:nth-child(23) span {
  background: #e6f6ea;
}
.icon_nav a:nth-child(24) span {
  background: #ffeedd;
}
.icon_nav a:nth-child(25) span {
  background: #feeeee;
}
.icon_nav a:nth-child(26) span {
  background: #e6f6ea;
}
.icon_nav a:nth-child(27) span {
  background: #fee2e3;
}
.icon_nav a:nth-child(28) span {
  background: #fff1e4;
}
.icon_nav a:nth-child(29) span {
  background: #feeeee;
}
.icon_nav a:nth-child(30) span {
  background: #fff5eb;
}
.icon_nav a:nth-child(31) span {
  background: #fedbdc;
}
.icon_nav a:nth-child(32) span {
  background: #ffe8d1;
}
.icon_nav a:nth-child(33) span {
  background: #e6f6ea;
}
.icon_nav a:nth-child(34) span {
  background: #ffeedd;
}
.icon_nav a:nth-child(35) span {
  background: #feeeee;
}
.icon_nav a:nth-child(36) span {
  background: #e6f6ea;
}
.icon_nav a:nth-child(37) span {
  background: #fee2e3;
}
.icon_nav a:nth-child(38) span {
  background: #fff1e4;
}
.icon_nav a:nth-child(39) span {
  background: #feeeee;
}
.icon_nav a:nth-child(40) span {
  background: #fff5eb;
}
.mt75 {
  margin-top: 7.5px;
}
/* ad广告位 */
.ad {
  padding: 12.5px 7.5px;
  border-radius: 10px;
  background-color: #fff;
}
.adOne {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.adOne li {
  display: inline-block;
  width: calc(50% - 5px);
  height: 93.5px;
  margin-bottom: 11px;
}
.adOne li a img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #eaeaea;
}
.ad_Two {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 0;
}
.ad_Two li {
  display: inline-block;
  width: calc(50% - 10px);
  padding-left: 5px;
  font-size: 15px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ad_Two li span {
  color: #c1292e;
  margin-right: 5px;
}
.ad_Two li a {
  font-size: 15px;
  color: #666;
}
/* 十大品牌排行榜 */
section {
  margin-top: 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 0 7.5px;
}
.h3 {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}
.h3 i {
  position: absolute;
  display: block;
}
.h3 span {
  font-size: 17px;
  color: #333;
  font-weight: 600;
  margin-left: 5px;
}
.h3 a {
  color: #999;
  font-size: 13px;
}
.secOne h3 i {
  width: 17px;
  height: 19px;
  background: url("../images/icon_medal.png") no-repeat;
  position: absolute;
  left: 0;
  top: 18px;
}
.secOne_ad {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.secOne_ad li {
  display: inline-block;
  width: calc(33% - 5px);
  height: 77px;
  margin-bottom: 32px;
  text-align: center;
}
.secOne_ad li a img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #eaeaea;
}
.secOne ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 6px;
}
.secOne ul li {
  display: inline-block;
  width: calc(50% - 5px);
  height: 38px;
  line-height: 38px;
  margin-bottom: 15px;
  border-radius: 19px;
  border: 1px solid #d1d8db;
  text-align: center;
}
.secOne ul li a {
  font-size: 16px;
  color: #333;
  display: block;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 热门加盟 */
.secTwo h3 i {
  width: 15px;
  height: 17px;
  background: url("../images/icon_hot.png") no-repeat;
  position: absolute;
  left: 0;
  top: 19px;
}
.secTwo ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.secTwo ul li {
  display: inline-block;
  width: calc(50% - 5px);
  margin-bottom: 15px;
  position: relative;
}
.secTwo ul li dt {
  height: 113px;
  margin-bottom: 8px;
}
.secTwo ul li dt a img {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #eaeaea;
}
.secTwo ul li dd a {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.secTwo ul li p {
  font-size: 15px;
  color: #c1292e;
  line-height: 24px;
}
.secTwo ul li .join_btn {
  position: absolute;
  right: 0;
  bottom: 0px;
  display: block;
  width: 50px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  background: linear-gradient(to right, #ea1d24, #c1292e);
}
/* 新闻中心 */
.secThree h3 i {
  width: 17px;
  height: 17px;
  background: url("../images/icon_center.png") no-repeat;
  position: absolute;
  left: 0;
  top: 19px;
}
.secThree ul {
  padding-bottom: 1px;
}
.secThree li {
  height: 84.5px;
  margin-bottom: 17.5px;
  position: relative;
}
.secThree li dt {
  width: 115px;
  height: 84.5px;
}
.secThree li dt a img {
  width: 115px;
  height: 84.5px;
  border-radius: 6px;
  border: 1px solid #eaeaea;
}
.secThree li dd {
  width: calc(100% - 132px);
}
.secThree li dd a {
  display: block;
  font-size: 16px;
  color: #333;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
}
.secThree li dd p {
  position: absolute;
  bottom: 0;
  color: #999;
  font-size: 15px;
}
.secThree li dd p i {
  font-size: 12px;
}
/* 最新入驻 */
.secFour h3 i {
  width: 17px;
  height: 17px;
  background: url("../images/icon_new.png") no-repeat;
  position: absolute;
  left: 0;
  top: 19px;
}
.secFour .ul1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.secFour .ul1 li {
  display: inline-block;
  width: 32%;
  height: 75px;
  margin-bottom: 7.5px;
}
.secFour .ul1 li a img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #eaeaea;
}
.secFour .ul2 {
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.secFour .ul2 li {
  display: inline-block;
  width: calc(50% - 10px);
  position: relative;
  line-height: 30px;
  padding-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.secFour .ul2 li::before {
  position: absolute;
  left: 5px;
  top: 13px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  content: "";
  background-color: #c1292e;
}
.secFour .ul2 li a {
  font-size: 16px;
  color: #333;
}
/* 商机资讯 */
.secFive h3 i {
  width: 17px;
  height: 17px;
  background: url("../images/icon_info.png") no-repeat;
  position: absolute;
  left: 0;
  top: 19px;
}
.secFive ul {
  padding-bottom: 10px;
}
.secFive ul li {
  position: relative;
  line-height: 33px;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.secFive ul li::before {
  position: absolute;
  left: 5px;
  top: 12px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  content: "";
  background-color: #c1292e;
}
.secFive ul li a {
  font-size: 15px;
  color: #333;
}
/* 底部 */
footer {
  width: 100%;
  height: 157.5px;
  margin-top: 10px;
  background-color: #c1292e;
  color: #fff;
  padding-bottom: 15px;
  margin-bottom: 58px;
}
footer .foot_nav {
  height: 37.5px;
  line-height: 37.5px;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  background-color: #9f0a0f;
}
footer .foot_nav a {
  display: inline-block;
  width: 25%;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
footer .foot_box {
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 5px;
}
footer p {
  line-height: 20px;
  text-align: center;
}