.pc.showing .art.geted .gameVideo .animationVideo[data-index="1"] {
  background-image: url(../assets/images/art/6.jpg);
}
.pc.showing .art.geted .gameVideo .animationVideo[data-index="2"] {
  background-image: url(../assets/images/art/7.jpg);
}
.pc.showing .art.geted .gameVideo .animationVideo[data-index="3"] {
  background-image: url(../assets/images/art/8.jpg);
  background-position: center top;
}
.pc.showing .art.geted .gameVideo .topLine {
  background-image: url(../assets/images/art/video_res_01.png);
}
.pc.showing .art.geted .gameVideo .rightIcon {
  background-image: url(../assets/images/art/video_res_02.png);
}
.pc.showing .art.geted .gameVideo .bottomLine {
  background-image: url(../assets/images/art/video_res_03.png);
}
.pc.showing .art.geted .gameMusic .topLine {
  background-image: url(../assets/images/art/music_res_03.png);
}
.pc.showing .art.geted .gameMusic .picBox .yuanneng {
  background-image: url(../assets/images/art/half/yuanneng.jpg);
}
.pc.showing .art.geted .gameMusic .picBox .sun {
  background-image: url(../assets/images/art/half/sun.jpg);
}
.pc.showing .art.geted .gameMusic .picBox .monster {
  background-image: url(../assets/images/art/half/monster.jpg);
}
.pc.showing .art.geted .gameMusic .picBox .Waterfront {
  background-image: url(../assets/images/art/half/Waterfront.jpg);
}
.pc.showing .art.geted .gameMusic .picBox .StillAlight {
  background-image: url(../assets/images/art/half/StillAlight.jpg);
}
.pc.showing .art.geted .gameMusic .wallPaperItem .itemIcon {
  background-image: url(../assets/images/art/music.png);
}
.pc.showing .art.geted .gameMusic .wallPaperItem:nth-child(3) {
  background-image: url(../assets/images/art/bg.png);
}
.pc.showing .art.geted .gameMusic .audio {
  background-image: url(../assets/images/art/music_res_04.png);
}
.pc.showing .art.geted .gameMusic .audio .stopBox .stop {
  background-image: url(../assets/images/art/ico_music_01.png);
}
.pc.showing .art.geted .wallpaper .wallpaperImg[data-id="1"] {
  background-image: url(../assets/images/art/1.jpg);
}
.pc.showing .art.geted .wallpaper .wallpaperImg[data-id="2"] {
  background-image: url(../assets/images/art/2.jpg);
}
.pc.showing .art.geted .wallpaper .wallpaperImg[data-id="3"] {
  background-image: url(../assets/images/art/3.jpg);
}
.pc.showing .art.geted .wallpaper .wallpaperImg[data-id="4"] {
  background-image: url(../assets/images/art/4.jpg);
}
.pc.showing .art.geted .wallpaper .wallpaperImg[data-id="5"] {
  background-image: url(../assets/images/art/5.jpg);
}
.pc.showing .art.geted .wallpaper .wallpaperImg[data-id="9"] {
  background-image: url(../assets/images/art/9.jpg);
}
.pc.showing .art.geted .wallpaper .line1 {
  background-image: url(../assets/images/art/wallpaper_res_01.png);
}
.pc.showing .art.geted .wallpaper .line2 {
  background-image: url(../assets/images/art/wallpaper_res_02.png);
}
.pc.showing .art.geted .wallpaper .moreImgBtn {
  background-image: url(../assets/images/news/btn_more.png);
}
.pc.showing .art {
  width: 100%;
  height: 100vh;
  height: calc(100 * var(--vh));
  position: relative;
  overflow: hidden;
}
.pc.showing .art .rightTab {
  position: absolute;
  height: 177vh;
  width: 92px;
  top: 23vh;
  right: 0;
  opacity: 0;
  border-left-width: 1px;
  border-left-style: solid;
  transform-origin: 70% 27vh;
}
.pc.showing .art .rightTab .activeTab {
  position: absolute;
  left: -33px;
  width: 62px;
  height: 33px;
  transform: translateY(-50%);
}
.pc.showing .art .rightTab .activeTab img {
  width: 100%;
  height: 100%;
  display: block;
}
.pc.showing .art .rightTab .tabBtnBox {
  padding-top: 13vh;
  position: absolute;
  right: 100%;
}
.pc.showing .art .rightTab .tabBtnBox .tabItem {
  width: 240px;
  height: 90px;
  padding-right: 40px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.pc.showing .art .rightTab .tabBtnBox .tabItem .top {
  line-height: 60px;
  font-size: 24px;
  opacity: 0.3;
  color: #ffffff;
}
.pc.showing .art .rightTab .tabBtnBox .tabItem .bottom {
  padding: 0 14px;
  line-height: 20px;
  font-size: 12px;
  background-color: #537ef0;
  color: #ffffff;
  display: none;
}
.pc.showing .art .rightTab .tabBtnBox .tabItemActive .top {
  opacity: 1;
  font-size: 40px;
}
.pc.showing .art .rightTab .tabBtnBox .tabItemActive .bottom {
  display: block;
}
.pc.showing .art .artPageBox {
  width: 1200px;
  height: 900px;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
}
.pc.showing .art .artPageBox .resetSize {
  width: 100%;
  height: 100%;
  position: relative;
}
.pc.showing .art .gameMusic .topLine {
  width: 978px;
  height: 18px;
  background-size: 100% 100%;
  position: absolute;
  left: 212px;
  top: 128px;
}
.pc.showing .art .gameMusic .musicList {
  position: absolute;
  top: 153px;
  left: -30px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem {
  width: 370px;
  height: 55px;
  background-color: #000000;
  margin: 35px 0 0 auto;
  border-radius: 27.5px 0 0 27.5px;
  display: flex;
  align-items: center;
  padding-right: 19px;
  cursor: pointer;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem .itemIcon {
  width: 55px;
  height: 55px;
  margin-right: 15px;
  position: relative;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem .line1,
.pc.showing .art .gameMusic .musicList .wallPaperItem .line2 {
  width: 30px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
}
.pc.showing .art .gameMusic .musicList .wallPaperItem .itemInfoBox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem .itemInfo {
  color: #ffffff;
  opacity: 0.5;
  line-height: 1;
  text-align: right;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem .itemInfo .name {
  padding: 2px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem .itemInfo .author {
  padding: 3px;
  width: 100%;
  text-align: right;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(1),
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(5) {
  width: 270px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(1) .line2,
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(5) .line2 {
  display: none;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(1) .itemInfoBox,
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(5) .itemInfoBox {
  justify-content: flex-end;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(1) .name,
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(5) .name {
  font-size: 16px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(1) .author,
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(5) .author {
  font-size: 12px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(2),
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(4) {
  width: 340px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(2) .name,
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(4) .name {
  font-size: 18px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(2) .author,
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(4) .author {
  font-size: 14px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(3) {
  background-size: 370px 55px;
  background-position: left center;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(3) .itemIcon::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #579ce0;
  border-radius: 50%;
  box-sizing: border-box;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(3) .line1,
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(3) .line2 {
  background-color: #579ce0;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(3) .itemInfo {
  opacity: 1;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(3) .name {
  font-size: 20px;
}
.pc.showing .art .gameMusic .musicList .wallPaperItem:nth-child(3) .author {
  font-size: 16px;
}
.pc.showing .art .gameMusic .picBox {
  width: 816px;
  height: 458px;
  position: absolute;
  left: 340px;
  top: 168px;
}
.pc.showing .art .gameMusic .picBox div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.pc.showing .art .gameMusic .audio {
  position: absolute;
  bottom: 82px;
  right: 43px;
  width: 946px;
  height: 195px;
  background-size: 100% 100%;
}
.pc.showing .art .gameMusic .audio .content {
  position: relative;
  display: flex;
  align-items: center;
  left: 116px;
  top: 170px;
}
.pc.showing .art .gameMusic .audio .content .stopBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 3px;
}
.pc.showing .art .gameMusic .audio .content .stopBox img {
  padding: 13px;
  cursor: pointer;
}
.pc.showing .art .gameMusic .audio .content .stopBox #prevBtn {
  transform: rotate(180deg);
}
.pc.showing .art .gameMusic .audio .content .stopBox #playPauseBtn {
  padding: 13px;
  width: 46px;
  height: 48px;
  position: relative;
  cursor: pointer;
}
.pc.showing .art .gameMusic .audio .content .stopBox #playPauseBtn::after {
  width: 4px;
  height: 22px;
  content: "";
  background-color: #ffffff;
  position: absolute;
  right: 13px;
  top: 13px;
}
.pc.showing .art .gameMusic .audio .content .stopBox #playPauseBtn::before {
  width: 4px;
  height: 22px;
  content: "";
  background-color: #ffffff;
  position: absolute;
  left: 13px;
  top: 13px;
}
.pc.showing .art .gameMusic .audio .content .stopBox #playPauseBtn.stop {
  border: none;
  background-size: 20px 22px;
  background-repeat: no-repeat;
  background-position: center;
}
.pc.showing .art .gameMusic .audio .content .stopBox #playPauseBtn.stop::before,
.pc.showing .art .gameMusic .audio .content .stopBox #playPauseBtn.stop::after {
  display: none;
}
.pc.showing .art .gameMusic .audio .content .progressBox {
  width: 316px;
  height: 20px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  /* 进度条容器样式 */
  /* 进度条样式 */
}
.pc.showing .art .gameMusic .audio .content .progressBox #currentTime,
.pc.showing .art .gameMusic .audio .content .progressBox #totalTime {
  width: 54px;
}
.pc.showing .art .gameMusic .audio .content .progressBox #totalTime {
  text-align: right;
}
.pc.showing .art .gameMusic .audio .content .progressBox .progress-container {
  width: 208px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.5);
}
.pc.showing .art .gameMusic .audio .content .progressBox .progress-bar {
  width: 0%;
  height: 100%;
  background-color: #fff;
}
.pc.showing .art .gameVideo {
  display: none;
}
.pc.showing .art .gameVideo .leftLine {
  width: 11px;
  height: 420px;
  border: 1px solid #696868;
  position: absolute;
  left: 180px;
  top: 240px;
}
.pc.showing .art .gameVideo .leftLine div {
  width: 5px;
  height: 110px;
  background-color: #696868;
  margin: 2px;
  transition: height 0.5s ease;
}
.pc.showing .art .gameVideo .topLine {
  width: 1025px;
  height: 66px;
  position: absolute;
  left: 146px;
  top: 130px;
}
.pc.showing .art .gameVideo .rightIcon {
  width: 23px;
  height: 49px;
  position: absolute;
  right: -25px;
  top: 292px;
}
.pc.showing .art .gameVideo .bottomLine {
  width: 1054px;
  height: 407px;
  position: absolute;
  left: 117px;
  top: 428px;
}
.pc.showing .art .gameVideo .leftTab {
  width: 222px;
  height: 400px;
  position: absolute;
  left: -84px;
  top: 270px;
}
.pc.showing .art .gameVideo .leftTab .tabItem {
  height: 104px;
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  color: rgba(254, 254, 254, 0.5);
  position: relative;
  cursor: pointer;
}
.pc.showing .art .gameVideo .leftTab .tabItem .nameBox {
  display: flex;
  justify-content: flex-end;
}
.pc.showing .art .gameVideo .leftTab .tabItem .nameBox .name1,
.pc.showing .art .gameVideo .leftTab .tabItem .nameBox .name2 {
  margin-top: 64px;
}
.pc.showing .art .gameVideo .leftTab .tabItem .nameBox .name1 {
  margin-right: 18px;
}
.pc.showing .art .gameVideo .leftTab .tabItem:nth-child(1)::after,
.pc.showing .art .gameVideo .leftTab .tabItem:nth-child(2)::after {
  width: 100%;
  height: 1px;
  content: '';
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.pc.showing .art .gameVideo .leftTab .tabItem.active {
  color: #fefefe;
}
.pc.showing .art .gameVideo .leftTab .tabItem.active .nameBox {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 5px;
}
.pc.showing .art .gameVideo .leftTab .tabItem.active .nameBox .name1,
.pc.showing .art .gameVideo .leftTab .tabItem.active .nameBox .name2 {
  margin-top: 0;
}
.pc.showing .art .gameVideo .leftTab .tabItem.active .nameBox .name1 {
  line-height: 38px;
  margin-right: 0;
}
.pc.showing .art .gameVideo .leftTab .tabItem.active .nameBox .name2 {
  font-size: 40px;
  line-height: 28px;
  padding: 0 2px 0 5px;
  border-bottom: 10px solid #579ce0;
}
.pc.showing .art .gameVideo .leftTab .tabItem.active .chooseLine {
  width: 136px;
  height: 10px;
  background-color: #579ce0;
  position: absolute;
  right: 0;
  bottom: 5px;
}
.pc.showing .art .gameVideo .centerBox {
  width: 908px;
  height: 569px;
  position: absolute;
  left: 243px;
  top: 164px;
}
.pc.showing .art .gameVideo .centerBox .animationVideo {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  background-size: cover;
}
.pc.showing .art .gameVideo .centerBox .animationVideo::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
}
.pc.showing .art .gameVideo .centerBox .animationVideo::before {
  content: "";
  width: 350px;
  height: 384px;
  position: absolute;
  left: 110px;
  top: 16px;
  z-index: 1;
  background-image: url(../assets/images/art/logo.png);
}
.pc.showing .art .gameVideo .centerBox .animationVideo.active {
  display: block;
}
.pc.showing .art .gameVideo .centerBox .animationVideo .line1 {
  width: 15px;
  height: 60px;
  opacity: 0.7;
  background-color: #579ce0;
  position: absolute;
  left: 0;
  top: 405px;
  z-index: 1;
}
.pc.showing .art .gameVideo .centerBox .animationVideo .line2 {
  position: absolute;
  z-index: 1;
  height: 15px;
  padding: 0 5px;
  left: 40px;
  top: 450px;
  background: linear-gradient(90deg, rgba(87, 156, 224, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
}
.pc.showing .art .gameVideo .centerBox .animationVideo .line2 .name {
  font-size: 58px;
  line-height: 70px;
  color: #fefefe;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  transform: translateY(-55px);
  font-weight: bold;
}
.pc.showing .art .wallpaper {
  display: none;
}
.pc.showing .art .wallpaper .imgBigBox {
  display: flex;
  position: absolute;
  left: -115px;
  top: 162px;
}
.pc.showing .art .wallpaper .imgBigBox .imgBox {
  width: 340px;
  height: 598px;
  margin-right: 10px;
}
.pc.showing .art .wallpaper .imgBigBox .imgBox .wallpaperImg {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-position: center;
  background-size: cover;
  position: relative;
}
.pc.showing .art .wallpaper .imgBigBox .imgBox .wallpaperImg:nth-child(2) {
  margin-top: 10px;
}
.pc.showing .art .wallpaper .imgBigBox .imgBox .wallpaperImg:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #ffffff;
}
.pc.showing .art .wallpaper .line1 {
  width: 1040px;
  height: 62px;
  position: absolute;
  left: -116px;
  top: 81px;
}
.pc.showing .art .wallpaper .line1 div {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  margin-top: 44px;
  margin-left: 30px;
}
.pc.showing .art .wallpaper .line2 {
  width: 1212px;
  height: 4px;
  position: absolute;
  left: -107px;
  bottom: 102px;
}
.pc.showing .art .wallpaper .line2 .moreImgBtn {
  width: 198px;
  height: 51px;
  position: absolute;
  right: -169px;
  top: 0;
  cursor: pointer;
}
.pc.showing .art .wallpaper .line2 .moreImgBtn div {
  color: #000000;
  font-size: 18px;
  line-height: 1;
  padding: 10px;
  font-weight: bold;
}
::-webkit-scrollbar {
  display: none;
}