/* pages/indexs/index/index.wxss */

.wrap {
  height: auto;
  position: relative;
}

swiper {
  display: block;
  height: 376rpx;
}

/*用来包裹所有的小圆点  */

.dots {
  width: 156rpx;
  height: 36rpx;
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 320rpx;
  bottom: 20rpx;
  z-index: 10;
}

/*未选中时的小圆点样式 */

.dot {
  width: 16rpx;
  height: 16rpx;
  border-radius: 50%;
  margin-right: 26rpx;
  background-color: white;
}

/*选中以后的小圆点样式  */

.active {
  width: 30rpx;
  height: 16rpx;
  border-radius: 8rpx;
}

page {
  background-color: #f5f6fa;
}

.index_top {
  width: 100%;
  /* height: 376rpx; */
  overflow: hidden;
}

.index_top image {
  width: 100%;
}

.titlebox {
  color: #1a1a1a;
  background-color: #fff;
  margin: 16rpx 0 0 0;
  padding: 24rpx 0 37rpx 0;
  text-align: center;
}

.title {
  font-size: 46rpx;
  font-weight: bold;
}

.sub_title {
  padding: 24rpx 0 0 0;
  font-size: 24rpx;
}

.cell_box {
  margin: 36rpx 16rpx 20rpx 16rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.cell {
  width: 350rpx;
  height: 200rpx;
  margin: 0 0 20rpx 0;
  /* padding:20rpx 30rpx 30rpx 30rpx; */
  border-radius: 5rpx;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  /* background-image: url(../../images/banenr.png); */
}

.cell_title {
  color: #fff;
  font-size: 36rpx;
  font-weight: bold;
  margin: 30rpx 0 0 30rpx;
}

.cell_subtitle {
  color: #fff;
  opacity: 0.4;
  font-size: 24rpx;
  margin: 10rpx 0 0 30rpx;
}
.null_box{
  width: 100%;
  height: 100rpx;
}
.bottom_btn {
  position: fixed;
  bottom: 30rpx;
  left: 30rpx;
  width: 92%;
  height: 80rpx;
  border-radius: 60rpx;
  background: #248dff;
  font-size: 32rpx;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}