.item {
  position:relative;
  overflow:hidden
}
.item .source {
  object-fit:cover;
  overflow:hidden;
  transition:transform .3s ease
}
.item .emphasize {
  transition:transform .3s ease;
  transform:scale(1.05)
}
.item[data-v-8ffde033] {
  position:relative;
  padding:10px 7px 10px 0
}
.item .inner[data-v-8ffde033] {
  width:30px;
  height:3px;
  background:#ffffff4d
}
.item .progress[data-v-8ffde033] {
  position:absolute;
  height:3px;
  width:30px;
  top:10px;
  background:#fff
}
.item:hover .inner[data-v-8ffde033],
.item-selected .inner[data-v-8ffde033] {
  background:#ffffff80
}
.selector .title[data-v-931d7d19] {
  font-weight:300;
  font-size:14px;
  color:#fff;
  margin-bottom:16px
}
.selector .tab[data-v-931d7d19] {
  position:relative
}
.scroll[data-v-9158767b] {
  overflow-x:hidden;
  position:relative
}
.scroll .item[data-v-9158767b] {
  min-width:100%
}
.scroll .slider[data-v-9158767b] {
  position:absolute;
  z-index:1;
  height:50%;
  width:110px;
  padding:0 30px
}
.scroll .slider .inner[data-v-9158767b] {
  border-radius:50%;
  background:#0009;
  padding:15px
}
.scroll .slider .inner .arrow[data-v-9158767b] {
  width:20px;
  height:20px
}
.scroll .left-slider[data-v-9158767b] {
  left:0;
  transform:scaleX(-1)
}
.scroll .right-slider[data-v-9158767b] {
  right:0
}
.scroll .selector[data-v-9158767b] {
  position:absolute;
  bottom:40px;
  left:50px
}
.bannar[data-v-7c3dc59d] {
  max-width:100vw!important;
  height:100vh;
  max-height:1440px;
  overflow:hidden;
  position:relative
}
.bannar .logo[data-v-7c3dc59d] {
  position:absolute;
  left:calc(50% - 90px);
  top:calc(50% - 18px);
  width:180px;
  height:37px;
  z-index:4
}
.bannar .scroll[data-v-7c3dc59d] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.bannar .mask[data-v-7c3dc59d] {
  position:absolute;
  top:0;
  left:0;
  background-color:#00000094
}