body {
  position: relative;
  background: #F7F9FA;
}

.module-title {
  position: relative;
  padding: .3rem .2rem .3rem .6rem;
}

.module-title::before {
  position: absolute;
  left: 0rem;
  top: 0.4rem;
  width: .50rem;
  height: .06rem;
  content: '';
  background: #616161;
}

.module-title .title {
  font-size: .36rem;
  font-weight: 600;
}

.index-banner {
  padding-top: .9rem;
}

.index-banner .banner-swiper {
  width: 100%;
  height: 10rem;
}

.index-banner .banner-swiper .banner-slide {
  height: 100%;
}

.index-banner .banner-swiper .banner-slide a {
  display: block;
}

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

.index-data {
  overflow: hidden;
  height: 8.3rem;
  padding: 0 .2rem;
  background: url(../image/data-bg.png) no-repeat;
  background-size: 100% 100%;
}

.index-data .index-content .cate-box {
  width: 100%;
  margin-bottom: .2rem;
  text-align: center;
}

.index-data .index-content .cate-box .data-cate {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}

.index-data .index-content .cate-box .index-box {
  padding: .08rem .16rem .06rem;
  border-radius: .28rem;
  border: 1px solid #999999;
  font-size: .28rem;
  font-weight: 600;
  color: #999999;
}

.index-data .index-content .cate-box .index-box.active {
  border: 1px solid #B6A675;
  color: #B6A675;
}

.index-data .index-content .index-table {
  text-align: center;
  margin-bottom: .2rem;
}

.index-data .index-content .index-table .index-box {
  display: inline-block;
  position: relative;
  width: 1.54rem;
  height: 1.16rem;
  margin: 0 .04rem;
  padding: .06rem;
  text-align: center;
}

.index-data .index-content .index-table .index-box img {
  display: inline-block;
  width: 1.4rem;
  height: .5rem;
  margin-top: -0.2rem;
}

.index-data .index-content .index-table .index-box .box-content {
  position: relative;
}

.index-data .index-content .index-table .index-box .box-content .value {
  display: inline-block;
  position: relative;
  font-size: .28rem;
  font-weight: 400;
  color: #6F6F6F;
  line-height: .4rem;
}

.index-data .index-content .index-table .index-box .box-content .value.up::after {
  position: absolute;
  right: -0.32rem;
  top: .08rem;
  content: '';
  width: .30rem;
  height: .24rem;
  background: url("../image/up.svg") no-repeat;
}

.index-data .index-content .index-table .index-box .box-content .value.down::after {
  position: absolute;
  right: -0.32rem;
  top: .08rem;
  content: '';
  width: .16rem;
  height: .18rem;
  background: url("../image/down.svg") no-repeat;
}

.index-data .index-content .index-table .index-box .box-content .style-color {
  color: #FF0E06;
}

.index-data .index-content .index-table .index-box .box-content .name {
  clear: both;
  padding-top: 0.06rem;
  font-size: .28rem;
  font-weight: 400;
  color: #6F6F6F;
  line-height: .48rem;
}

.index-data .index-content .chart-container {
  margin-top: .24rem;
  height: 5rem;
}

.index-damei {
  padding: 0 0.2rem;
}

.index-damei .damei-container .select {
  position: relative;
  margin-bottom: .2rem;
  font-size: .32rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: .6rem;
  z-index: 20;
}

.index-damei .damei-container .select .select-menu {
  position: relative;
  height: .6rem;
  padding: 0 .2rem;
  background: #B6A675;
  border-radius: .08rem;
}

.index-damei .damei-container .select .select-menu i {
  position: absolute;
  right: .2rem;
  top: .2rem;
  border-top: .2rem solid #FFFFFF;
  border-left: .16rem solid transparent;
  border-right: .16rem solid transparent;
}

.index-damei .damei-container .select ul {
  display: none;
  position: absolute;
  top: .68rem;
  left: 0;
  right: 0;
  padding: .12rem 0;
  background: rgba(182, 166, 117, 0.8);
  border-radius: .16rem;
  text-align: center;
  font-size: .28rem;
  line-height: .5rem;
}

.index-damei .damei-container .select ul li.active {
  background: #B6A675;
}

.index-damei .damei-container .video {
  width: 100%;
  height: 4rem;
  margin-bottom: .1rem;
}

.index-damei .damei-container .video video {
  width: 100%;
  object-fit: fill;
}

.index-info {
  padding: 0 0.2rem;
}

.index-info .info-container {
  padding-bottom: .2rem;
}

.index-info .info-container .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: .4rem;
}

.index-info .info-container .item .info-img {
  height: 2rem;
  width: 42.2%;
}

.index-info .info-container .item .info-text {
  width: 54.6%;
}

.index-info .info-container .item .info-text .title {
  position: relative;
  height: .96rem;
  padding-top: .16rem;
  margin-bottom: .14rem;
  font-size: .28rem;
  font-weight: 600;
  line-height: .4rem;
  color: #3C3C3C;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.index-info .info-container .item .info-text .title::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 1rem;
  height: .04rem;
  background: #B6A675;
}

.index-info .info-container .item .info-text .time {
  margin-bottom: .16rem;
  text-align: right;
  font-size: .24rem;
  color: rgba(60, 60, 60, 0.8);
}

.index-info .info-container .item .info-text .more {
  display: inline-block;
  position: relative;
  font-size: .28rem;
  color: #B6A675;
}

.index-info .info-container .item .info-text .more::after {
  position: absolute;
  top: .18rem;
  right: -0.4rem;
  content: '';
  width: .34rem;
  height: .04rem;
  background: url(../../image/icon-1.png) no-repeat;
  background-size: 100%;
}

.index-info .info-container .info-swiper-pagination {
  position: relative;
  margin-bottom: 50px;
}

.index-info .info-container .swiper-pagination {
  bottom: 0;
}

.index-info .info-container .swiper-pagination .swiper-pagination-bullet {
  height: .16rem;
  margin: 0 .06rem;
  border-radius: .08rem;
  opacity: 0.5;
  transition: all 0.5s ease;
  outline: none;
  background: #B6A675;
}

.index-info .info-container .swiper-pagination .swiper-pagination-bullet-active {
  width: .72rem;
  opacity: 1;
}