.project {
  width: 100%;
  height: 450rpx;
  box-sizing: border-box;
  padding-top: 20rpx;
}
.project swiper {
  width: 100%;
  height: 380rpx;
}
.project swiper swiper-item {
  box-sizing: border-box;
  padding: 0 40rpx;
  width:100%;
  height: 380rpx;
}
.project .content { 
  width: 100%;
  height: 380rpx;
  background: #fff;
  border-radius: 0 16rpx 16rpx 16rpx;
  overflow: hidden;
}
.project .content .top {
  width:100%;
  height: 260rpx;
  position: relative; 
}
.project .content .top .top-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.project .content .top .top-content {
  width: 100%;
  height: 260rpx;
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.project .content .top .top-content .project-status {
  width: 110rpx;
  height: 42rpx;
}
.project .content .top .top-content  .progress {
  height: 36rpx;
  width: 36%;
  margin-left: 20rpx;
  background: rgba(0,0,0, 0.4);
  border-radius: 17rpx;
  margin-bottom: 10rpx;
  display: flex;
  align-items: center;
}
.project .content .top .top-content .progress .image-logo {
  width: 36rpx;
  height:36rpx;
}
.project .content .top .top-content .progress .progress-logo {
  width: 36rpx;
  height: 36rpx;
  position: relative;
  top: -2rpx;
}
.project .content .top .top-content  .progress .progress-content {
  color: #fff;
  font-size: 22rpx;
  line-height: 36rpx;
  margin-left: 5rpx;
}
.project .content .bottom {
  width: 100%;
  height: 120rpx;
  box-sizing: border-box;
  padding: 0 20rpx;
}
.project .content .bottom .title {
  color: #333;
  font-size: 30rpx;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 62rpx;
}
.project .content .bottom .info {
  width:100%;
  height: 30rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project .content .bottom .info .left {
  display: flex;
  align-items: center;
}
.project .content .bottom .info .left .avatar {
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  margin-right: 10rpx;
  position: relative;
  top: 2rpx;
}
.project .content .bottom .info .left .name {
  font-size: 22rpx;
  color:#aaa;
}
.project .content .bottom .info .right {
  color: #aaa;
  font-size: 20rpx;
}

/* 自定义轮播指示点样式 */
.indication {
  height: 45rpx;
  width: 100%;
  display:flex;
  flex-direction: row;
  align-items:center;
  justify-content:center;
}
/* 未选中指示点样式 */
.spot{
  width: 22rpx;
  height: 8rpx;
  border-radius: 3rpx;
  margin-right: 10rpx;
  background-color: #dcdbe0;
}
/*选中指示样式 */
.spot.active{
  width: 22rpx;
  height: 8rpx;
  border-radius: 53rpx;
  background-color: #cb090b;
}