.home-page{
  width: 100%;
  height: 700px;
  position: relative;
}
.activity-layer{
  width: 100%;
  height: 30%;
  position: absolute;
  top: 0;
  z-index: 2;
  background-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)) ;
}
.content{
  margin: 45px auto 0 auto;
  width: 1230px;
  
}
.swiper-container{
  width: 100%;
  height: 100%;
}
.home-img{
  width: 100%;
  height: auto;
  min-width: 1920px;
  object-fit: cover;
}
.menue-list{
  width: 100%;
  padding-right: 31px;
  font-size: 24px;
  text-align: right;
  margin-bottom: 43px;
}
.artist-list {
	width: 100%;
	display: flex;
	/* align-items: center; */
	flex-wrap: wrap;
	margin-top: 50px;
}

.artist-item {
	margin-right: 26px;
	margin-bottom: 26px;
  width: 382px;
}

.artist-pic {
	width: 382px;
	height: 242px;
	position: relative;
	cursor: pointer;
  margin-bottom: 17px;
}

.artist-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.artist-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
	top: 0;
	left: 0;
	display: none;
	z-index: 10;
  
}

.artist-pic:hover {
	border: 3px solid #1053FF;
}
.artist-name{
  font-size: 14px;
  line-height: 25px;
}
.activit-time{
   font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  margin-top: 4px;
}
.my-bullet{
  background: rgba(255,255,255,0.5);
     width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    /* background: #000; */
   margin: 0 4px;
}
.my-bullet-active{
    background: #007AFF;
     width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    /* background: #000; */
   margin: 0 4px;
}