@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page,
.container {
  min-height: 100%;
  height: auto;
  background: #ffffff;
}
image {
  width: 100%;
  height: 100%;
}
.banner {
  width: 750rpx;
  height: 375rpx;
  position: relative;
}
.banner .carousel {
  width: 750rpx;
  height: 375rpx;
}
.banner .carousel .carousel-item {
  width: 100%;
  height: 100%;
}
.banner .swiper-dots {
  position: absolute;
  bottom: 16rpx;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.banner .swiper-dots .swiper-dots-item {
  margin: 0 5rpx;
  width: 10rpx;
  height: 10rpx;
  background: #ffffff;
  border-radius: 50%;
}
.banner .swiper-dots .current {
  opacity: 0.71;
}
.swiper-btm {
  height: 60rpx;
  width: 750rpx;
  background-color: #ebf7f5;
  margin-bottom: 20rpx;
  font-size: 21rpx;
  font-weight: 500;
  color: #7c8584;
}
.swiper-btm .btm-item {
  flex-grow: 1;
  justify-content: center;
}
.swiper-btm .btm-item .image1 {
  width: 28rpx;
  height: 24rpx;
  margin-right: 14rpx;
}
.swiper-btm .btm-item .image2 {
  width: 24rpx;
  height: 24rpx;
  margin-right: 14rpx;
}
.swiper-btm .btm-item .image3 {
  width: 28rpx;
  height: 24rpx;
  margin-right: 14rpx;
}
.main {
  margin: 30rpx auto 0;
  width: 702rpx;
  background: #ffffff;
  box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
  border-radius: 10rpx;
  padding: 30rpx 0 33rpx;
}
.main .main-item {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main .main-item .main-image {
  width: 82rpx;
  height: 82rpx;
}
.main .main-item .main-font {
  margin-top: 8rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #262626;
}
.title {
  margin: 40rpx 0 0 24rpx;
  display: flex;
  align-items: center;
}
.title .xian {
  width: 9rpx;
  height: 30rpx;
  background: #45bc9a;
  border-radius: 5rpx;
}
.title .title-font {
  margin-left: 20rpx;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #262626;
}
.dbfw {
  margin-top: 34rpx;
  flex-wrap: wrap;
  justify-content: space-around;
}
.dbfw .dbfw-item {
  margin-top: 28rpx;
  width: 340rpx;
  height: 116rpx;
  background: #ffffff;
  box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
  border-radius: 15rpx;
  padding: 20rpx 18rpx;
  display: flex;
  align-items: center;
}
.dbfw .dbfw-item .dbfw-left {
  width: 76rpx;
  height: 76rpx;
}
.dbfw .dbfw-item .dbfw-right {
  margin-left: 18rpx;
  line-height: 1;
}
.dbfw .dbfw-item .dbfw-right .dbfw-title {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #000000;
}
.dbfw .dbfw-item .dbfw-right .dbfw-tip {
  margin-top: 10rpx;
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
}
.card {
  margin: 18rpx auto 0;
  width: 750rpx;
  height: 210rpx;
}
.listBox {
  margin-top: 28rpx;
}
.list {
  margin-top: 20rpx;
  margin-bottom: 50rpx;
  padding-left: 34rpx;
  padding-right: 40rpx;
  display: flex;
}
.list .img {
  background-color: #ffffff;
  width: 200rpx;
  height: 160rpx;
  flex-shrink: 0;
}
.list .img image {
  width: 100%;
  height: 100%;
}
.list .right {
  text-align: left;
  width: 476rpx;
  padding-left: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list .right .r-title {
  font-size: 32rpx;
  font-weight: 400;
  color: #333333;
}
.list .right .time {
  font-size: 26rpx;
  font-weight: 400;
  color: #999999;
}

