* {
  margin: 0;
  padding: 0;
}

#app {
  width: 100%;
  height: 100%;
  font-family: "Microsoft Yahei";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin: 0;
  z-index: 0;
  overflow: hidden;
}

#rotate90 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 2002;

}
#rotate90 div {
  pointer-events: auto;
}

#jfg-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}

#container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;

}

html,
body {
  margin: 0;
  padding: 0;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

img {
  -moz-user-drag: none;
  -webkit-user-drag: none;
}


#left-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

/* Pano TreeBox */
.PanoName {
  width: 543px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAAtCAYAAACH13aqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBQjYwRTk2OUVEOTExRTdBNTE4Rjc1MTkwMTMyREE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBQjYwRTk3OUVEOTExRTdBNTE4Rjc1MTkwMTMyREE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFCNjBFOTQ5RUQ5MTFFN0E1MThGNzUxOTAxMzJEQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFCNjBFOTU5RUQ5MTFFN0E1MThGNzUxOTAxMzJEQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6BS7B1AAAEWUlEQVR42uydWUhUURjHz11m0moqpqQEhaTAiiQojaAMogWSiqKw3QwkQvMlpIcgCIqgTBRFhNzKTNt32heKHqKgJ196qN7CKCuKFpdx+o7OzdPhlo6znbn9f/Ax585Z7/Kbc+fOnRktMzOzhQEAnMwFE9sAAEdznuIiRAfAuZyjuMQTEB0AZ3KG4oq1ANEBcB6nKa6KT0B0AJxFK8U1+UmIDoBz4J+gXbfLgOgAOINmiht/y9SxfQBwtuSY0QGIb/wByW8OVhCiAxC/kp+kuDWUwhAdgPiU/ATFnaFWgOgAxJ/kxynuBlMJogMQX5I3UtwLtiJEByB+JK+neDCcyhD9P0bTNPsjyu//nc/Tfysnl/9nu1ZjNuVDHr/Wx8BYwtyPCpLrhlFf1Nr8iDtblbuxB6KDoR89g4hg5QcrjG35CFj3u0m/g5S2n8nrSPInAV87h9MIbpgBQG3Ja4vPtj6nR/dwJYfoAKhLL52uc8lfUtpF8S2UxiA6AApKbrhc/HS9ndL8/finUBuE6AAoJrkrIaG28FTTT0p/pngfjkYhOgAKSZ7o8dTubGrkF93eULSHq2GIDoAiko8e760tqD/moXQbxbtwNg7RAVBA8rGTJtVtr6lOovTTcEsO0QFQQHJvakpDXmV5MqUfUnyIRCcQHYDY4Zs4dUrD5rLSyZS+TdERqY4gOgAxkjw1Y2ZT7qGD6ZS+SPExkp3hFlgAok/PlLlZLTklu6ex/u+Vf4l0hxAdgChLPm1h9umluwqnU7qO4ms0OoXoAERR8lk5y88vzM+bQekaFuJtrRAdAAUlz1q75vK89bn8dL2K4kc0O4foAERB8vlbNt2cvWolv/BWRtEV7QGYwu8BAAAiIPmiHQX3Zy5ZPDlWkmNGByCydC8rLnqSnr2A3wxTyvq/iRYTTE3XNb/PhykdgDBLvmJPyfO0zDleSh+h6I3lYMzBfg8MABA0Xav37W1LzchwBySP+UTaN6OrMBAAHELnugP7Xyenp/P34lWquIUZHYAwSr7h8KG3SWlp/IspNSoNzGQwHYCQIY06N5Ud6fCmpLyixQbVxsdP3bGXAAhFcl3v2lJ+9Pu45OQXtNii4hhNwzS56T7sLgCCRzeMrrzKih5P0gT+DyoXVB2ndTEOABAkhsvVnVdVoY32ei/T4nWlX5DoFQmiAxAk7sTE7vzqygSSvFl1yftmdB0zOgBBMWLUyJ6tFeWexLFjKmjxcTyM2dxWXVnI+j/rM1j/L85Yn6trQlpnA79GowXK9kpl/EL+H2cNUr6F3AcT6ott6dKyX3ie2fQrjtdK9wrrJo5JXBbbFvPERzGY0LZhsx3EPnxSH+IVUFPI90vbRm7HkNpj0nbQpfpGIFhgnD5p/PK+Zjbj0KVty6Tx69IxwWz2vxmoa9qsn7VOpnAcGkLfhrA/DZt2rbpWHZfQhlVGF/rhabdNGSPw6BLWyS31Y7CBv0YqongWLy9OvwQYAB/lGr0odLOJAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  pointer-events: auto;

}

.PanoName .icon {
  left: 8px;
  top: 13px;
  position: absolute;
  transition: transform 0.5s ease-in-out;
}

.icon:hover>* {
  fill: #ffd334;
}

.iconRotate {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.PanoName .titles {
  display: inline-block;
  color: #ffd334;
  width: 88px;
  height: 49px;
  line-height: 49px;
  position: absolute;
  left: 25px;
  text-align: right;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
}

.PanoName .conts {
  position: absolute;
  /* width: 100%; */
  height: 49px;
  left: 119px;
  font-size: 20px;
  line-height: 49px;
  color: #e7e7e7;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;

}

.PanoName .close-menu {
  position: absolute;
  /* width: 100%; */
  height: 49px;
  right: 96px;
  font-size: 16px;
  line-height: 49px;
  color: #e7e7e7;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.TreeBox {
  position: absolute;
  top: 49px;
  left: 0;
  text-indent: 1em;
  width: 436px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcoAAAHLCAYAAABIwNh5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjk4NTQ1RUJCN0QxMTFFNzgyQUZGMDE5OTRGOEM3QjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk4NTQ1RUNCN0QxMTFFNzgyQUZGMDE5OTRGOEM3QjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTg1NDVFOUI3RDExMUU3ODJBRkYwMTk5NEY4QzdCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTg1NDVFQUI3RDExMUU3ODJBRkYwMTk5NEY4QzdCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnjlqCQAAAWUSURBVHja7NVBAQAwCMSwMU2nGZ0YwAGJhH5aSfoBAKsvAQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQBglABglABglABglABglABglABglABglABglABglACAUQKAUQKAUQKAUQKAUQKAUQKAUQKAUQKAUQIARgkARgkARgkARgkARgkARgkARgkARgkARgkARgkAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAgFECgFECgFECgFECgFECgFECgFECgFECgFECAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJABglABglABglABglABglABglABglABglABglABilBABglABglABglABglABglABglABglABglABglACAUQKAUQKAUQKAUQKAUQKAUQKAUQKAUQKAUQKAUQIARgkARgkARgkARgkARgkARgkARgkARgkARgkAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAgFECgFECgFECgFECgFECgFECgFECgFECgFECgFECAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJABglABglABglABglABglABglABglABglABglABglAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUEgCAUQKAUQKAUQKAUQKAUQKAUQKAUQKAUQKAUQIARgkARgkARgkARgkARgkARgkARgkARgkARgkARgkAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAgFECgFECgFECgFECgFECgFECgFECgFECgFECAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJABglABglABglABglABglABglABglABglABglAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAIBRAoBRAoBRAoBRAoBRAoBRAoBRAoBRAoBRAoBRSgAARgkARgkARgkARgkARgkARgkARgkARgkARgkAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAgFECgFECgFECgFECgFECgFECgFECgFECgFECgFECAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJABglABglABglABglABglABglABglABglABglABglAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAIBRAoBRAoBRAoBRAoBRAoBRAoBRAoBRAoBRAoBRAgBGCQBGCQBGCQBGCQBGCQBGCQBGCQBGCQBGCQBGKQEAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAgFECgFECgFECgFECgFECgFECgFECgFECgFECAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJABglABglABglABglABglABglABglABglABglAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAGCUAIBRAoBRAoBRAoBRAoBRAoBRAoBRAoBRAoBRAgBGCQBGCQBGCQBGCQBGCQBGCQBGCQBGCQBGCQBGCQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYpQQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAYJQAgFECgFECgFECgFECgFECgFECgFECgFECgFECgFECAEYJAEYJAEYJAEYJAEYJAEYJAEYJAEYJAMeMAAMAjLEE2DknYlkAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0px 5px;
  z-index: 9;
  padding-bottom: 3px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  pointer-events: auto;
}

.hidden {
  top: -520px;
  opacity: 0;
}

.TreeBox ul li {
  position: relative;
  width: 100%;
  line-height: 35px;
  color: #e8e8e8;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid rgba(140, 180, 179, .5);
  cursor: pointer;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}

.TreeBox li:hover {
  color: #ffd334;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  display: list-item;
  text-align: left;
}

li .icon {
  position: absolute;
  left: 8px;
  top: 7px;
  transition: transform 0.5s ease-in-out;
}

/* mainmenu */
.mainmenu {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 100%;
  height: 64px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 20;
}

.mainmenu ul li {
  position: relative;
  display: inline-block;
  margin: 0 15px;
  cursor: pointer;
  z-index: 10;
}

.mainmenu-item {
  width: 40px;
  height: 40px;
  background-color: #00000070;
  border-radius: 20px;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}

.mainmenu-item:hover {
  box-shadow: 0 0 24px #ffd334;
}

.mainmenu-item:hover svg path {
  fill: #ffd334;
}

.mainmenu ul li p {
  font-size: 16px;
  color: #f3f1e9;
  margin-top: 7px;
  text-align: center;
}


#imageBox {
  position: absolute;
  width: 100%;
  height: 160px;
  background-color: rgba(0, 0, 0, .5);
  bottom: 100px;
  z-index: 13;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: auto;
}

.imageBox-scroll {

  left: 50%;
  padding-bottom: -50px;
  transform: translateX(-50%);
  width: fit-content;
}


.scrollbar-flex-content {
  display: flex;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
}

.imageBox-item {
  position: relative;

  margin: 10px;
  width: 175px;
  height: 120px;
  box-sizing: border-box;
  border: 2px solid white;
  transition: border 0.25s ease-in-out;
  color: rgb(255, 255, 255);
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem;
}

.imageBox-item:hover {
  border: 2px solid #ffd334;
  color: #ffd334
}

.imageBox-item:hover>img {
  transform: scale(1.5);
}

.imageBox-item>div {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.5em;
  line-height: 1.5em;
  background-color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;

}

.imageBox-item>img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease-in-out;
}

/* mapbox */
#mapBox {
  margin: auto auto auto auto;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 3px solid #e7dbac;
  pointer-events: auto;
  cursor: pointer;
}

.map-show2 {
  width: 37.5%;
  height: 60%;
  right: 0;
  bottom: 0;
}

.map-show3 {
  width: 50%;
  height: 80%;
  right: 0;
  bottom: 0;
}

.map-show1 {
  width: 25%;
  height: 40%;
  right: 0;
  bottom: 0;
}

.map-show-mobile {
  width: calc(100% - 6px);
  right: 0;
  bottom: 0;
  padding: calc(100% - 6px) 0 0;
}

.map-hide {
  width: 25%;
  height: 40%;
  bottom: -800px;
  right: -1000px;
  opacity: 0;
}

#mapBox>:last-child {
  position: absolute;
  width: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 10;
}

#mapBox>:first-child {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#mapBox>:last-child svg {
  margin-top: 6px;
  margin-left: 6px;
}

#gif {
  position: absolute;
  width: 800px;
  height: 670px;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  display: none;
}

#move {
  position: absolute;
  bottom: 20px;
  width: 120px;
  height: 120px;
  left: 20px;
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
  transform: scale(2);
  transform-origin: 0 100%;
}

.qianjin-p {
  position: absolute;
  top: 0;
  left: 0;
  width: 115px;
  height: 40px;

  overflow: hidden;
  border-bottom: aliceblue 1px solid;
}

.qianjin {
  position: relative;
  left: -3.5px;
  width: 120px;
  height: 60px;
  background-color: #00000070;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  border: aliceblue 1px solid;
  -webkit-tap-highlight-color: transparent;
  color: aliceblue;
  font-size: 16px;
  padding-top: 10px;
}

.houtui {
  text-align: center;
  transform: rotate(180deg);
}

.qianjin:hover {
  color: #ffd334;
}

#showVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  pointer-events: auto;
}

.autoplay {
  position: absolute;
  top: 48px;
  left: 0px;
  width: 110px;
  height: 24px;
  background-color: #00000070;
  font-size: 14px;
  color: aliceblue;
  border-radius: 12px;
  border: aliceblue 1px solid;
  line-height: 24px;

}

.autoplay:hover {
  color: #ffd334;
}

.autoplay-active {
  color: #ffd334;
}


.rotate180 {
  position: absolute;
  top: 80px;
  transform: rotate(180deg);
}

#mapContainer {
  position: absolute;
  transform-origin: center;
  height: 100%;
  width: 100%;
  z-index: 0;
  display: flex;
  /* transition: left 0.2s, top 0.2s; */
}

#mapContainer>img {
  align-self: center;
  /* width: 480px; */
  display: inline;
  transition: width 0.4s ease-in-out;
}

#marks {
  position: absolute;
  /* margin-left: 50%;
    margin-top: 50%; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;

}

.mark {
  z-index: 3;
  position: absolute;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NDc0Q0Y3NzY5MDExRTc5MTQ4RjNDRjZCNzJGREVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2NDc0Q0Y4NzY5MDExRTc5MTQ4RjNDRjZCNzJGREVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzY0NzRDRjU3NjkwMTFFNzkxNDhGM0NGNkI3MkZERUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzY0NzRDRjY3NjkwMTFFNzkxNDhGM0NGNkI3MkZERUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7IHCoOAAAEQUlEQVR42qxXW2hURxj+55yzu9kktvV+jytFa9q+tEJRKgqKFwyEljxJEH0rheqb0kd9ECotCC20b17Aoj40Gi+oeHuIqFEUIpaUKo0XjNYY12STvZyzZ8Z/wj/6O57sbtwMfJmZ/8zMf/v+mY1QSkFUS6/7Ciaeuf6OfKC1aRnEExtVdniFGnzZAErFUPwYcRnRhmhHhPa+qLN086DChgZNduemDsSWrWwCIUBlBiHoOA/K9/XneYRWxN/Ud1VyrlOh8vluQ6or0dLahEaA8Dwo3uo0yu32GeIKYuW4GIDKY87U6aeSm76f7UyeAuHdbsgfOwIy3V9qWy2l45PxiMCWxLcbGsVHE1H5P1A4exygGORQvgexFrEcsR3Ra+37EPFrucPLcsCd3bDFW/gpAHLVv3R2hIeIVUiqm2xZB0ZqL/bnEF8w+RrEAsTd94oAHppyZsxKqUJhJOTho/ta/KOl3LR+Ip+05F9Xk4I5+o/KDoF82GNkh0qs70bYxs2rxoCsLjc1kIbwqS51GELvB8rseWrNh6ox4I7s78vK9AtQ/c/1vB7TMqvMHpv5ne9tAHrrY+7bZd//IDOvHf+hxJbViIVs/gxxtboylHKffPAfQD5vJNsxCpsiVn6JOGjJ/oy6lsd6FV8Iex/dF3X1KVOZiP1oxHfYn9Y8QSxBfGOdp6vh96rvAUyDRGW7VT7/h/VpKWG0dgJxb1zeAmwHIPCfwNjarnF7jDAK+ur9ZQzKTyFuVLJQlPo9YLUaxL+IueVoS4TsquT3gDMGr3QZ7Kxg3eFKfwuMRKC5uTnyw/7Cm5RvTswUut/hP/dSKriFw89LGIkvF/TYH/CMUatAEEaufTPHDfajInbEpxTRsK04vjiKAT9HKS9XhoJS4bAxWIaZsUTDru0tPPkLF7VYZz1E/GR5zc8wDirbAKPYJehxnOQxtsYY5rR5E35rKWbW48KkOahPuDu3xafp9XVExCJ7mgUjqIqKgFHuUZ8gIxIEh+b6W+ykW+8tDvNt81Wg33/ICOc2KtcV0ojQJVsgA7LECz0PoiIxWgoSVHa11CfIMxOR+J7YpI7d/rM1NaAmHfQ+OIqyRaTEKNWGDNNznKY+Z0fFY8QD9sFhEdEG6FDXs6gkB4XjHvcmtDfKwsedTlJ7OI08NR4P0z6uQ7HUCP4WhCwVwPIkmNykp4YMiZ9263rOubW9FB3DnRiLLFBUjGExci40Rjk0kCQMaeyTpUXLYsnyp8deUf+X8oagrlXa3AFhVdZbr6Fi77ZgIfOs6qgjmU/eJJlXxsAcQ5a8N7zIk0NvcSBkOZeMwSYiJho5GudNCkjmsjz7TKkhYYZI+JLmkjn5eqNkbwPPUcgYXUNMjjNyeYw3AYHvyZLSYZJJi2PvpCC0Qm7SMkiHORbRDIe4cjP3CYF9+ZT7RWQbYkIWkMIcCyEnroq66cq1VwIMALBulhkSrLOgAAAAAElFTkSuQmCC) no-repeat;
}

.mark-now {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEgUlEQVRYhaWWT2gcdRTHP7N/stlNWjWGLGi0SUBDVQgKQUXJwogK5hBBb0WEHOLFiqci8ZDE4EEUBA09eFCLip4KRYoH8QeJQRGJ0KAIVahIbLPJNtoks5ud2Z3xsO9th+m4uzYPfsz83rz3vt/fe2/ejDU/P0+cGGOwbfsG/erq6uPJZPKFWq1W8DzvbiAN/AWsAmeBc0A96hcXCyAVq43I3NwchULh9lwud2ZkZGTSdV3K5TJbW1v4vg9wTNYJ4Be5XugkdqITo0KhMJzL5S5MTExMzs7OMjk5yc7OjoJH5X7gOyD+yP+XgDEmnclkzo+Njd05NTXFxsYGS0tLuK7byi1HoxyjhyYAnBweHj4+PT2N53ksLi4SBEEFeBd4GpgATgGXI363AO+1C962B7LZ7Mnx8XHy+TwzMzNUKpVrwBO2ba+FzL41xnwIfA08GNI/BdwD/PZf8VtmwBgzlM1mhwYHB1lfX2dzcxPgteXl5bUY86s0mi/aGI+1wmiXgUGAlZUVdnd3Vfd5C/tfgTVgPKQ7dhgCZc/z2N7eVgL7tm1fW1hYaOWzGdnvtzJu14Q/u65bdl1Xu77XGHNHG59o5/9w0wRs23Zd1z1XrVbxPE/VL7dweRK4N7TfAr6/aQIAQRB85DgO9Xpzup4yxrwYY/oQ8GlE9xkxYzksnYzib8rl8h+pVGpI9kngY2PMS8BXQBl4BHg2Es8HTrcL3jYDtm37tVrtrWq1Gn30KPAG8A7wPDce5kvg90MTEDkTBMGVDm1V3uzEqCMCtm1XaJy0UzkP/NiJYcseMMaEt6eBV4G72sT0gdc7AYfOSwBwALScQCJf0OG/AIA1Ohr/xczn8837YrFoAfT19aXS6fRPwAMtSN4HXIo+KBaLsQ4pwJIFEOi+WCxGPyrWzs5OLZ/PvwIY4uXtOPBWYo2OjiZolCIh4FqWMDG99wF/YGDgE8uynovE+hM4TmMuAM3MWSGbQFZTUiHgpCwL6BJ9OmSjxBKO47zf09PzjGVZWQ1Ur9cXSqVSGugRojWuf5qVhB9HIAyekmtGSGRkJWSfBNKO46QymczZdDp9AsD3/fVSqXRRMlABqkKgTKMvqoAXwm1mItnf36+gSQFK0viny8ppeoAjwG00frOOArdWq9Ur2Wz2YaB7b2/vg1qt1iU2R8WuV+J0h0DrkaxYyf7+/kQkzUlx6pJrTtYRufYCR4MgyFiWdRXY29/fvyh6zVh3qHzhU9clE76WRQ3qoVKocZNlpDxKrstxnEuWZV2WLGnvKLDW3ZMSHMizhOAFgJWQG1+UmiKXRg11KWNtIvVJBUEQfnOUqBVZyci+KZoBTY+eWudBuD8sOWlKCKZp9ImeSglWQqssp9dmPJADKQ4pAdba+1zvYM2IZqMi9wdaAtHpqQN5rqAVwAH2gL+Bf2Sv2QwIOWpnaiNqjeoCWKFR+30BzoqvZggatfYiPmUBdUSnOM1ZEC1BPZJyLcuuBNN5EB5QQQRc964sj8jwCUvc5zhKRFPmCWAllMJw4wbETLp28i8VT6D6RLVqsAAAAABJRU5ErkJggg==) no-repeat;
}

#info {
  position: absolute;
  width: 120px;
  height: 80px;
  border: solid 1px #e3e17b;
  z-index: 10;
  pointer-events: none;
  display: none;
}

#info>img {
  width: 120px;
}

#info>div {
  color: white;
  position: absolute;
  bottom: 0;
  background-color: #222222;
  width: 100%;
  height: 20px;
  font-size: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
}

#angle {
  position: absolute;
  left: -92px;
  top: -43px;
  z-index: 2;
  width: 64px;
  height: 36px;
  transform-origin: 55% bottom;
  transform: rotate(-90deg);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAkCAYAAAA5DDySAAAD4UlEQVRogeWZiU8TQRjFf1vaivVCVLwP1AAKNsYj0XgmJpr4Z2uIkXjigWgUg4CKBx6AWtuu+cwbszYt7XZ3K8WXTFpgd5jvzZtv3nzj+aU5CtN58AuARwLoANLAemAz0KXvOSCrZigCNojvwBdgTu0j8BMoAX48w/PBy5LdOfp7YEkGvR3Yo8/V+ptX8emQ0TNGTk8gWAv+HfAKmAEW9btYEDcBFsRa4KCazXI5EHRwBuvNpntnFbAT2C0VTANjIuVH1AHHRYD1swEYBPbr55KCJ6J03buOSFPUXmAWGAXeaNk0PfCoMMkOAQOSflHBJwVH6hbgihRxR4oIvTSiEGDS7AWOA+skx2KCgVeirKRp+eUqMC5FfA7TSbMEdAMngANiPfJajABH+hHlihFgstHJCEtAh2b9lKT/rVVRNoBFJeDLwH21xXqvhSHAJH9UrazOEzEOTcILJN5jwEbgJvBhqe4aJWANcFqJblGZeTkFH4SNbQHYp9w0DEzVejjVQIe23i8p+IX43Fii8DRR5jovatlWRT0FbAXOAduA+WU869XgKTmbGbsgyz1e+dxSBNj2ch7Y1IbBO3japcyhnpXix4IP1FoC28Ra9zJMds3AbYmWx/qC71cjoEcz36Vtrt2Ddygr3tOy0r9RSUCX1ny3/PVKCd6hpFxwRkfzvwjIKfgeJY+VFrxDUYbJSMg4AjKSxq4oJ6s2QlnLIJ2SvT0pL134D4LPKubHtkOkZWzeA4/knlZJBe1geMLAgu4EXmsrfG7LIS05PAVeAi9UyekNGIl2J8JT4Laj3Vasf84HQSNUECszIqJP68Rv07zgS+4ZxfNIx+S/UM0JGlPPJBU7X/cH6nH/8tzfKHzJfY3KZg9EQNWj+1JWeF7eeUZEHNIuUVjmyTKn8Zncn8RxHP6qjpwiBmWVv7e4BLYU/MAdw4RmfSpQP6yJMAWRz2pOEUMqTLa6FlgJT8bGLlCua50vNPpyMzXBT2qOiHzAOidZDa6GTv3PO9raPobtIEpV2F1dTatWnw9Uh+tKLwJ8jTur2yIL/m2zKozjXsARMSkjlVcGTspM5XR3OBxW7tUQ59XYnJbGhMzUoCQa146RkbKs2vswbP2/FuK+G/RFwl2Zqn7VErMRLjRTGueMtramboBqIanb4ZIUcUvWc0DOMh0yUaYl8XtSVuz3EEkR4FBUZh4REYd1edpRJ1GmRNRjXXfNJ3UmSZoAh6JOnDdkqoa0c6QqAnNFmFnJfTZpj9EqAhx+KqhrMlGWKHdIEZ4kPqqzSEvsdqsJcLBZNWttCc3K73bOsG3TMrxtca05ggO/AIhzAQWwkWQ7AAAAAElFTkSuQmCC) no-repeat;
}


#video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: aliceblue;
}

#video video {
  width: 100%;
  height: 100%;
}

#viewtime {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 60px;
  transform: translate(-50%);
  font-size: 16px;
  color: aliceblue;
  pointer-events: none;
}


#jrqj {
  position: absolute;
  left: 50%;
  top: 80%;
  transform: translate(-50%, -80%);
  width: 150px;
  height: 46px;
  border-radius: 4px;
  display: none;
  background: url(data:image/png;base64,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) no-repeat;
}

#jrqj:hover {
  background: url(data:image/png;base64,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) no-repeat;
}

#show-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00000060;
  z-index: 10;
}

#show-video video {
  position: relative;
  width: 75%;
  top: 50%;
  transform: translate(0, -50%);
}

.icon-close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 44px;
  height: 44px;
  opacity: 0.8;
  background-color: #606266;
  cursor: pointer;
  border-radius: 22px;
  pointer-events: auto;
}

.icon-close svg {
  position: absolute;
  top: 10px;
  left: 10px;
}

iframe {
  width: 100%;
  height: 100%;
}

#show-iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  background-color: aliceblue;
  pointer-events: auto;
}




::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgb(90, 90, 90);
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: #d1d1d1;
}

#comment {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.glass {
  width: 40%;
  height: 80%;
  background-color: rgba(214, 214, 214, 0.301);
  background-position: center;
  filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(5px);
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  min-width: max-content;
}

.comment {
  position: relative;
  left: 5%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgb(252, 240, 226);
  font-size: 1rem;
  height: 2rem;
  width: auto;
  line-height: 2rem;
  text-align: left;
  border-radius: 0.5rem;
  display: inline-block;
  overflow: hidden;
}

.comment:hover {
  background-color: bisque;
  transform: scale(1.05);
}

.like {
  position: relative;
  top: 10%;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: 2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAZBJREFUWEftl9FRwzAQRDedkEqASgKVAJUAlRAqCZ3APOaOkeWTLREp/ol+Eo1l7d7e3UreaeOx2xhfPQjcSDpI4vdF0ldLUD0IvBo4BBj7LQiASfQnSfeSjrUkeigAKOBvkj4MnHnVOJfAnYEiO7m/OAEAAX60cJm/mxrDFfDo05yn6RhKgIoH7Nny72Df1gXVrfifGvDIqXSi9/EgiZZs2jNaDMBtph95JSoHzyNnOeA8pxtKw/f5ex4RQEbAXEbk5j/RPhlIGnmqQE48JYJC7DMxqogAuaWq3Ux4EatdI7BWdGGKSgTcWNi0JwEUXFUgN5NeBKgRhnvG7yRSYBQBUkuBTmz6kgQobqKfdElEIJeqRwq8AP3MWGzDvNV6EpgFHCkwgkBYgKUiHEEgzH+JAJKn/XpuCor5LxHAz5HMDaMHgZkBeRWWDqMlAhBquXjml5aJZZcI8JIfOBwwqMLc5eQ0/FwzfztVWTtrvyUFOP0g4Nds1mIemIh/A7Bp7ZiZT/pi0+WhFrFl3ZXAVYEft8pwIRAKETcAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
}

.liked {
  position: relative;
  top: 10%;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: 2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAATtJREFUWEftl9ENwjAMRK+bwCTAJMAkwCTAJLAJbAI6KUaluZSkddMf8tMflHs+27FpMPNpZtaHB8ACwBYAvycAz5KgPADOAHZBlOLLOQGovQFwz4XwcOAR7DfNY0hFFsNYgDWAW0epKgDFCdE+ewCXrPCBUV2goqduFQC2HHOvDrsguxWH1EAqcoMpulP9mAKrTmjXENUvcUbel3+753O9AngJX9nX7O8DAFb50BM9VAqg29cU8wLgXV+atQGyHFC97eUA64Nt2lsDUwJEr6RKwZQA0SOlANrj1azySkH0SCkA1WpeAJFeTYCoAKOeDH5P5YAcUsoBrlesg/bxSIEcUqlZ0F0yxgIkd8VaADL/qRpQE88cUOnJGUzJHUE5wGWDKeDXjkVg/wFKJmLvhlS0POSEWvqbP8DfgTeIpVEhrEC5rwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
}


.infinite-list {
  height: 100%;
  padding: 0;
  margin: 20px;
  overflow: auto;
}

.infinite-list-item {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 50px;
}

.head {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 10px 0 0 0;
}

.but {
  margin: 5px -3px;
}

#skip {
  font-size: 16px;
  line-height: 34px;
  position: absolute;
  top: 42px;
  right: 51px;
  width: 72px;
  height: 36px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background-color: rgba(60, 60, 60, .6);
  border-radius: 5px;
  border: #b3b0b0 1px solid;
}

.scale-6 {
  transform-origin: 0 0;
  transform: scale(0.6);
}