.item[data-v-b1ab97bf] {
  height:396px;
  display:flex;
  flex-direction:column;
  align-items:center;
  transition:padding-top .5s ease
}
.item .avatar[data-v-b1ab97bf] {
  width:88px;
  height:66px
}
.item .name[data-v-b1ab97bf] {
  font-weight:300;
  font-size:16px;
  color:#24252c;
  transition:margin-top .5s ease
}
.item .slogan[data-v-b1ab97bf] {
  margin-top:5px;
  font-weight:300;
  font-size:13px;
  color:#646464
}
.item .social-media[data-v-b1ab97bf] {
  margin-top:16px;
  animation:fadeIn;
  animation-duration:.5s
}
.item .social-media .group[data-v-b1ab97bf] {
  margin-bottom:10px
}
.item .social-media .group .icon[data-v-b1ab97bf] {
  width:40px;
  height:40px;
  margin:0 5px;
  background:#f4f6f7;
  border-radius:50px
}
.item .social-media .group .icon .inner[data-v-b1ab97bf] {
  width:40px;
  height:40px
}
.item .social-media .group .icon[data-v-b1ab97bf]:hover {
  transition:transform .3s ease;
  transform:scale(1.2)
}
.item[data-v-df74ea3e] {
  flex:1
}
.head[data-v-aab3545c] {
  padding:0 60px
}
.head .subtitle[data-v-aab3545c] {
  font-weight:700;
  font-size:20px;
  color:#646464
}
.head .title .text[data-v-aab3545c] {
  font-weight:600;
  font-size:28px;
  color:#24252c
}
.head .title .link[data-v-aab3545c] {
  font-weight:400;
  font-size:16px;
  color:#24252c
}
.head .title .link .icon[data-v-aab3545c] {
  margin-left:7px;
  width:12px;
  height:12px;
  transition:transform .3s ease-in-out
}
.head .title .link:hover .icon[data-v-aab3545c] {
  transform:rotate(90deg)
}
.card[data-v-8922797d] {
  margin-bottom:47px
}
.card .img[data-v-8922797d] {
  overflow:hidden
}
.card .img .inner[data-v-8922797d] {
  transition:transform .3s ease
}
.card .img .emphasize[data-v-8922797d] {
  transform:scale(1.05);
  transition:transform .3s ease
}
.card .info[data-v-8922797d] {
  margin-top:16px
}
.card .info .icon[data-v-8922797d] {
  height:16px
}
.card .info .name[data-v-8922797d] {
  margin-left:6px;
  font-weight:600;
  font-size:16px;
  color:#24252c
}
.card .info .tags[data-v-8922797d] {
  margin-left:6px
}
.card .info .tags .tag[data-v-8922797d] {
  margin-right:3px;
  border-radius:4px;
  border:1px solid #24252c;
  padding:0 6px;
  font-weight:600;
  font-size:10px;
  color:#24252c;
  line-height:14px
}
.card .descriptions[data-v-8922797d] {
  margin-top:10px
}
.card .descriptions .description[data-v-8922797d] {
  margin-right:13px;
  font-weight:300;
  font-size:12px;
  color:#646464
}
.material .materials[data-v-865acff2] {
  align-items:flex-start;
  padding:0 60px;
  margin-top:50px
}
.material .materials .main .info[data-v-865acff2] {
  position:absolute;
  left:50px;
  bottom:100px
}
.material .materials .main .info .name[data-v-865acff2] {
  font-weight:600;
  font-size:40px;
  color:#fff
}
.material .materials .main .info .description[data-v-865acff2] {
  margin-top:10px;
  font-weight:600;
  font-size:20px;
  color:#fff
}
.material .materials .main .info .tags[data-v-865acff2] {
  margin-top:15px
}
.material .materials .main .info .tags .tag[data-v-865acff2] {
  margin-right:10px;
  padding:4px 7px;
  background:#000000e6;
  border-radius:4px;
  font-weight:600;
  font-size:14px;
  color:#fff
}
.material .materials .default[data-v-865acff2] {
  flex-wrap:wrap;
  flex:1
}
.material .materials .default .card[data-v-865acff2] {
  flex:1;
  margin-left:20px
}
.item[data-v-b1887c66] {
  position:relative;
  padding:0 30px;
  box-sizing:content-box
}
.item .cover[data-v-b1887c66] {
  aspect-ratio:16 / 9
}
.item .cover .source[data-v-b1887c66] {
  object-fit:cover;
  overflow:hidden
}
.item .info[data-v-b1887c66] {
  margin-top:32px
}
.item .info .icon[data-v-b1887c66] {
  width:24px;
  height:24px
}
.item .info .title[data-v-b1887c66] {
  margin-left:5px;
  font-weight:400;
  font-size:16px;
  color:#646464
}
.item .play[data-v-b1887c66] {
  width:60px;
  height:60px;
  background:#ffffffb3;
  position:absolute;
  z-index:1;
  top:calc(50% - 40px);
  left:calc(50% - 30px);
  border-radius:50%;
}
.item .play .icon[data-v-b1887c66] {
  width:20px;
  height:20px
}
.scroll[data-v-9096f22d] {
  overflow-x:hidden;
  position:relative
}
.scroll .item[data-v-9096f22d] {
  flex:1
}
.scroll .slider[data-v-9096f22d] {
  position:absolute;
  z-index:1;
  border-radius:50%;
  background:#24252c;
  padding:15px;
  top:calc(50% - 56px)
}
.scroll .slider .arrow[data-v-9096f22d] {
  width:20px;
  height:20px
}
.scroll .left-slider[data-v-9096f22d] {
  transform:scaleX(-1)
}
.scroll .b-player-mask[data-v-9096f22d] {
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background:#0009;
  z-index:999
}
.scroll .b-player[data-v-9096f22d] {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:60vw;
  aspect-ratio:16 / 9;
  z-index:999;
  overscroll-behavior:contain
}
.recommend[data-v-bf1cf4c8] {
  align-items:flex-start
}
.recommend .carousel[data-v-bf1cf4c8] {
  margin-top:30px
}
.card[data-v-5c823afc] {
  height:384px;
  position:relative
}
.card .label[data-v-5c823afc] {
  z-index:1;
  position:absolute;
  left:30px;
  bottom:40px
}
.card .label .name[data-v-5c823afc] {
  font-weight:800;
  font-size:24px;
  color:#24252c
}
.card .label .specs[data-v-5c823afc] {
  font-weight:400;
  font-size:14px;
  color:#24252c
}
.card .label .price[data-v-5c823afc] {
  font-weight:600;
  font-size:14px;
  color:#24252c
}
.card .label .price .major[data-v-5c823afc] {
  font-size:24px
}
.card .img[data-v-5c823afc] {
  position:absolute;
  height:384px;
  bottom:0;
  right:0;
  transition:transform .3s ease
}
.card .emphasize-main[data-v-5c823afc] {
  transition:transform .3s ease;
  transform:scale(1.02) translateY(-9px)
}
.card .emphasize[data-v-5c823afc] {
  transform:scale(1.05) translateY(-4px)
}
.main[data-v-5c823afc] {
  width:696px;
  min-width:696px;
  height:768px;
  min-height:768px;
  background:#f4f6f7
}
.main .img[data-v-5c823afc] {
  position:absolute;
  width:768px;
  height:852px;
  bottom:0
}
.default[data-v-5c823afc] {
  overflow:hidden
}
.strok-outside-white[data-v-5c823afc] {
  text-shadow:0 1px #ffffff,1px 0 #ffffff,-1px 0 #ffffff,0 -1px #ffffff
}
.strok-outside-grey[data-v-5c823afc] {
  text-shadow:0 1px #f9fafa,1px 0 #f9fafa,-1px 0 #f9fafa,0 -1px #f9fafa
}
.strok-outside-main[data-v-5c823afc] {
  text-shadow:0 1px #f4f6f7,1px 0 #f4f6f7,-1px 0 #f4f6f7,0 -1px #f4f6f7
}
.shop .products[data-v-b9d57811] {
  margin-top:50px;
  height:768px
}
.shop .products .default[data-v-b9d57811] {
  flex-wrap:wrap;
  flex:1 1 372px
}
.shop .footer[data-v-b9d57811] {
  display:flex;
  flex-direction:column;
  align-items:center
}
.shop .footer .spliter[data-v-b9d57811] {
  width:288px;
  height:6px;
  margin-top:60px
}
.shop .footer .logo[data-v-b9d57811] {
  margin-top:20px;
  width:74px;
  height:29px
}
.page[data-v-68df9f41] {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start
}
.page .navigation[data-v-68df9f41] {
  position:sticky;
  top:0;
  z-index:999
}
.page .banner[data-v-68df9f41] {
  margin-top:-70px
}
.page .split[data-v-68df9f41] {
  margin-top:30px;
  padding:0 22px
}
.page .split .dot[data-v-68df9f41] {
  height:4px;
  width:4px;
  background:#adadad;
  margin:0 8px
}
.page .split .text[data-v-68df9f41] {
  width:200px;
  font-weight:700;
  font-size:12px;
  color:#adadad;
  line-height:14px
}
.page .recommend[data-v-68df9f41] {
  margin-top:366px
}
.page .recommend-placeholder[data-v-68df9f41] {
  margin-top:366px;
  height:300px
}
.page .shop[data-v-68df9f41] {
  max-width:2560px!important;
  margin-top:287px
}
.page .shop-placeholder[data-v-68df9f41] {
  margin-top:287px;
  height:890px
}
.page .material[data-v-68df9f41] {
  max-width:2560px!important;
  margin-top:218px
}
.page .material-placeholder[data-v-68df9f41] {
  margin-top:218px;
  height:768px
}
.page .channel[data-v-68df9f41] {
  max-width:2560px!important;
  /*margin-top:60px;*/
  height:300px
}
.page .channel-placeholder[data-v-68df9f41] {
  margin-top:290px;
  height:768px
}
.page .slogan[data-v-68df9f41] {
  margin:400px 0 500px;
  height:98px;
  width:750px
}
.page .slogan-placeholder[data-v-68df9f41] {
  margin:500px 0;
  height:98px;
  width:750px
}