html,
body {
  margin: 0;
  padding: 0;
}
.themea {
  background-color: #000;
  color: #fff;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
.themea.vr-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.themea.vr-container canvas {
  cursor: pointer;
}
.themea.vr-container .canvas-control {
  position: absolute;
  top: 12px;
  right: 12px;
}
.themea.vr-container .fps {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 30px;
  line-height: 30px;
}
.themea.vr-container .control-ui-container {
  height: 0;
  background-color: #333;
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0.8;
  transition: all 1s;
  font-size: 12px;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  display: flex;
  flex-direction: column;
}
.themea.vr-container .control-ui-container .ui-progress {
  height: 6px;
  width: 100%;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.themea.vr-container .control-ui-container .ui-progress .progress-percent {
  position: absolute;
  height: 6px;
  width: 0%;
  border-radius: 10px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -moz-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -o-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -ms-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: linear-gradient(left, #5bd8ff, #ff0000);
  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.4);
}
.themea.vr-container .control-ui-container .ui-control {
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.themea.vr-container .control-ui-container .ui-control .control-left {
  display: flex;
  cursor: pointer;
}
.themea.vr-container .control-ui-container .ui-control .control-left .left-play,
.themea.vr-container .control-ui-container .ui-control .control-left .left-pause,
.themea.vr-container .control-ui-container .ui-control .control-left .left-time {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
}
.themea.vr-container .control-ui-container .ui-control .control-right {
  display: flex;
  cursor: pointer;
}
.themea.vr-container .control-ui-container .ui-control .control-right .right-fullScreen,
.themea.vr-container .control-ui-container .ui-control .control-right .right-enterVR,
.themea.vr-container .control-ui-container .ui-control .control-right .right-initFov,
.themea.vr-container .control-ui-container .ui-control .control-right .right-planet,
.themea.vr-container .control-ui-container .ui-control .control-right .right-volume,
.themea.vr-container .control-ui-container .ui-control .control-right .right-rate,
.themea.vr-container .control-ui-container .ui-control .control-right .right-cut {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
}
.themea.vr-container .control-ui-container .ui-control .control-right .right-rate .rate-control {
  margin: 0 4px;
}
.themea.vr-container .control-ui-container .ui-control .control-right .right-volume {
  position: relative;
}
.themea.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control {
  position: absolute;
  bottom: 30px;
  right: 0;
}
.themea.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .all {
  width: 10px;
  height: 80px;
  display: none;
  position: relative;
  padding: 6px 12px;
  opacity: 0.9;
}
.themea.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .bar {
  width: 10px;
  height: 80px;
  border-radius: 10px;
  background: #aaa;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  border: 1px solid #9e9e9e;
}
.themea.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .box {
  width: 12px;
  height: 12px;
  background: #000;
  position: absolute;
  left: -1px;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: left 0.1s linear 0s;
}
.themea.vr-container .loading-container {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
}
.themeb {
  background-color: blue;
  color: #fff;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
.themeb.vr-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.themeb.vr-container canvas {
  cursor: pointer;
}
.themeb.vr-container .canvas-control {
  position: absolute;
  top: 12px;
  right: 12px;
}
.themeb.vr-container .fps {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 30px;
  line-height: 30px;
}
.themeb.vr-container .control-ui-container {
  height: 0;
  background-color: #333;
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0.8;
  transition: all 1s;
  font-size: 12px;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  display: flex;
  flex-direction: column;
}
.themeb.vr-container .control-ui-container .ui-progress {
  height: 6px;
  width: 100%;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.themeb.vr-container .control-ui-container .ui-progress .progress-percent {
  position: absolute;
  height: 6px;
  width: 0%;
  border-radius: 10px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -moz-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -o-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -ms-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: linear-gradient(left, #5bd8ff, #ff0000);
  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.4);
}
.themeb.vr-container .control-ui-container .ui-control {
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.themeb.vr-container .control-ui-container .ui-control .control-left {
  display: flex;
  cursor: pointer;
}
.themeb.vr-container .control-ui-container .ui-control .control-left .left-play,
.themeb.vr-container .control-ui-container .ui-control .control-left .left-pause,
.themeb.vr-container .control-ui-container .ui-control .control-left .left-time {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
}
.themeb.vr-container .control-ui-container .ui-control .control-right {
  display: flex;
  cursor: pointer;
}
.themeb.vr-container .control-ui-container .ui-control .control-right .right-fullScreen,
.themeb.vr-container .control-ui-container .ui-control .control-right .right-enterVR,
.themeb.vr-container .control-ui-container .ui-control .control-right .right-initFov,
.themeb.vr-container .control-ui-container .ui-control .control-right .right-planet,
.themeb.vr-container .control-ui-container .ui-control .control-right .right-volume,
.themeb.vr-container .control-ui-container .ui-control .control-right .right-rate,
.themeb.vr-container .control-ui-container .ui-control .control-right .right-cut {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
}
.themeb.vr-container .control-ui-container .ui-control .control-right .right-rate .rate-control {
  margin: 0 4px;
}
.themeb.vr-container .control-ui-container .ui-control .control-right .right-volume {
  position: relative;
}
.themeb.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control {
  position: absolute;
  bottom: 30px;
  right: 0;
}
.themeb.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .all {
  width: 10px;
  height: 80px;
  display: none;
  position: relative;
  padding: 6px 12px;
  opacity: 0.9;
}
.themeb.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .bar {
  width: 10px;
  height: 80px;
  border-radius: 10px;
  background: #aaa;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  border: 1px solid #9e9e9e;
}
.themeb.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .box {
  width: 12px;
  height: 12px;
  background: #000;
  position: absolute;
  left: -1px;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: left 0.1s linear 0s;
}
.themeb.vr-container .loading-container {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
}
.themec {
  background-color: #111;
  color: #999;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
.themec.vr-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.themec.vr-container canvas {
  cursor: pointer;
}
.themec.vr-container .canvas-control {
  position: absolute;
  top: 12px;
  right: 12px;
}
.themec.vr-container .fps {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 30px;
  line-height: 30px;
}
.themec.vr-container .control-ui-container {
  height: 0;
  background-color: #333;
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0.8;
  transition: all 1s;
  font-size: 12px;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  display: flex;
  flex-direction: column;
}
.themec.vr-container .control-ui-container .ui-progress {
  height: 6px;
  width: 100%;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.themec.vr-container .control-ui-container .ui-progress .progress-percent {
  position: absolute;
  height: 6px;
  width: 0%;
  border-radius: 10px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -moz-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -o-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: -ms-linear-gradient(left, #5bd8ff, #ff0000);
  background-image: linear-gradient(left, #5bd8ff, #ff0000);
  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.4);
}
.themec.vr-container .control-ui-container .ui-control {
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.themec.vr-container .control-ui-container .ui-control .control-left {
  display: flex;
  cursor: pointer;
}
.themec.vr-container .control-ui-container .ui-control .control-left .left-play,
.themec.vr-container .control-ui-container .ui-control .control-left .left-pause,
.themec.vr-container .control-ui-container .ui-control .control-left .left-time {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
}
.themec.vr-container .control-ui-container .ui-control .control-right {
  display: flex;
  cursor: pointer;
}
.themec.vr-container .control-ui-container .ui-control .control-right .right-fullScreen,
.themec.vr-container .control-ui-container .ui-control .control-right .right-enterVR,
.themec.vr-container .control-ui-container .ui-control .control-right .right-initFov,
.themec.vr-container .control-ui-container .ui-control .control-right .right-planet,
.themec.vr-container .control-ui-container .ui-control .control-right .right-volume,
.themec.vr-container .control-ui-container .ui-control .control-right .right-rate,
.themec.vr-container .control-ui-container .ui-control .control-right .right-cut {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
}
.themec.vr-container .control-ui-container .ui-control .control-right .right-rate .rate-control {
  margin: 0 4px;
}
.themec.vr-container .control-ui-container .ui-control .control-right .right-volume {
  position: relative;
}
.themec.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control {
  position: absolute;
  bottom: 30px;
  right: 0;
}
.themec.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .all {
  width: 10px;
  height: 80px;
  display: none;
  position: relative;
  padding: 6px 12px;
  opacity: 0.9;
}
.themec.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .bar {
  width: 10px;
  height: 80px;
  border-radius: 10px;
  background: #aaa;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  border: 1px solid #9e9e9e;
}
.themec.vr-container .control-ui-container .ui-control .control-right .right-volume .volume-control .box {
  width: 12px;
  height: 12px;
  background: #000;
  position: absolute;
  left: -1px;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: left 0.1s linear 0s;
}
.themec.vr-container .loading-container {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
}
.hidden {
  display: none !important;
}
 
#__vconsole {
  --VC-BG-0: #ededed;
  --VC-BG-1: #f7f7f7;
  --VC-BG-2: #fff;
  --VC-BG-3: #f7f7f7;
  --VC-BG-4: #4c4c4c;
  --VC-BG-5: #fff;
  --VC-FG-0: rgba(0, 0, 0, 0.9);
  --VC-FG-HALF: rgba(0, 0, 0, 0.9);
  --VC-FG-1: rgba(0, 0, 0, 0.5);
  --VC-FG-2: rgba(0, 0, 0, 0.3);
  --VC-FG-3: rgba(0, 0, 0, 0.1);
  --VC-RED: #fa5151;
  --VC-ORANGE: #fa9d3b;
  --VC-YELLOW: #ffc300;
  --VC-GREEN: #91d300;
  --VC-LIGHTGREEN: #95ec69;
  --VC-BRAND: #07c160;
  --VC-BLUE: #10aeff;
  --VC-INDIGO: #1485ee;
  --VC-PURPLE: #6467f0;
  --VC-LINK: #576b95;
  --VC-TEXTGREEN: #06ae56;
  --VC-FG: black;
  --VC-BG: white;
  --VC-BG-COLOR-ACTIVE: #ececec;
  --VC-WARN-BG: #fff3cc;
  --VC-WARN-BORDER: #ffe799;
  --VC-ERROR-BG: #fedcdc;
  --VC-ERROR-BORDER: #fdb9b9;
  --VC-DOM-TAG-NAME-COLOR: #881280;
  --VC-DOM-ATTRIBUTE-NAME-COLOR: #994500;
  --VC-DOM-ATTRIBUTE-VALUE-COLOR: #1a1aa6;
  --VC-CODE-KEY-FG: #881391;
  --VC-CODE-PRIVATE-KEY-FG: #cfa1d3;
  --VC-CODE-FUNC-FG: #0d22aa;
  --VC-CODE-NUMBER-FG: #1c00cf;
  --VC-CODE-STR-FG: #c41a16;
  --VC-CODE-NULL-FG: #808080;
  color: var(--VC-FG-0);
  font-size: 13px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  -webkit-user-select: auto;
  /* global */
  /* compoment */
}
#__vconsole .vc-max-height {
  max-height: 19.23076923em;
}
#__vconsole .vc-max-height-line {
  max-height: 3.38461538em;
}
#__vconsole .vc-min-height {
  min-height: 3.07692308em;
}
#__vconsole dd,
#__vconsole dl,
#__vconsole pre {
  margin: 0;
}
#__vconsole .vc-switch {
  display: block;
  position: fixed;
  right: 0.76923077em;
  bottom: 0.76923077em;
  color: #FFF;
  background-color: var(--VC-BRAND);
  line-height: 1;
  font-size: 1.07692308em;
  padding: 0.61538462em 1.23076923em;
  z-index: 10000;
  border-radius: 0.30769231em;
  box-shadow: 0 0 0.61538462em rgba(0, 0, 0, 0.4);
}
#__vconsole .vc-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 10001;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-tap-highlight-color: transparent;
  overflow-y: scroll;
}
#__vconsole .vc-panel {
  display: none;
  position: fixed;
  min-height: 85%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10002;
  background-color: var(--VC-BG-0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
#__vconsole .vc-tabbar {
  border-bottom: 1px solid var(--VC-FG-3);
  overflow-x: auto;
  height: 3em;
  width: auto;
  white-space: nowrap;
}
#__vconsole .vc-tabbar .vc-tab {
  display: inline-block;
  line-height: 3em;
  padding: 0 1.15384615em;
  border-right: 1px solid var(--VC-FG-3);
  text-decoration: none;
  color: var(--VC-FG-0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
#__vconsole .vc-tabbar .vc-tab:active {
  background-color: rgba(0, 0, 0, 0.15);
}
#__vconsole .vc-tabbar .vc-tab.vc-actived {
  background-color: var(--VC-BG-1);
}
#__vconsole .vc-content {
  background-color: var(--VC-BG-2);
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 3.07692308em;
  left: 0;
  right: 0;
  bottom: 3.07692308em;
  -webkit-overflow-scrolling: touch;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}
#__vconsole .vc-content.vc-has-topbar {
  top: 5.46153846em;
}
#__vconsole .vc-topbar {
  background-color: var(--VC-BG-1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
#__vconsole .vc-topbar .vc-toptab {
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 2.30769231em;
  padding: 0 1.15384615em;
  border-bottom: 1px solid var(--VC-FG-3);
  text-decoration: none;
  text-align: center;
  color: var(--VC-FG-0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
#__vconsole .vc-topbar .vc-toptab.vc-toggle {
  display: block;
}
#__vconsole .vc-topbar .vc-toptab:active {
  background-color: rgba(0, 0, 0, 0.15);
}
#__vconsole .vc-topbar .vc-toptab.vc-actived {
  border-bottom: 1px solid var(--VC-INDIGO);
}
#__vconsole .vc-logbox {
  display: none;
  position: relative;
  min-height: 100%;
}
#__vconsole .vc-logbox i {
  font-style: normal;
}
#__vconsole .vc-logbox .vc-log {
  padding-bottom: 6em;
  -webkit-tap-highlight-color: transparent;
}
#__vconsole .vc-logbox .vc-log:empty:before {
  content: "Empty";
  color: var(--VC-FG-1);
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.15384615em;
  text-align: center;
}
#__vconsole .vc-logbox .vc-item {
  margin: 0;
  padding: 0.46153846em 0.61538462em;
  overflow: hidden;
  line-height: 1.3;
  border-bottom: 1px solid var(--VC-FG-3);
  word-break: break-word;
}
#__vconsole .vc-logbox .vc-item-info {
  color: var(--VC-PURPLE);
}
#__vconsole .vc-logbox .vc-item-debug {
  color: var(--VC-YELLOW);
}
#__vconsole .vc-logbox .vc-item-warn {
  color: var(--VC-ORANGE);
  border-color: var(--VC-WARN-BORDER);
  background-color: var(--VC-WARN-BG);
}
#__vconsole .vc-logbox .vc-item-error {
  color: var(--VC-RED);
  border-color: var(--VC-ERROR-BORDER);
  background-color: var(--VC-ERROR-BG);
}
#__vconsole .vc-logbox .vc-log.vc-log-partly .vc-item {
  display: none;
}
#__vconsole .vc-logbox .vc-log.vc-log-partly-log .vc-item-log,
#__vconsole .vc-logbox .vc-log.vc-log-partly-info .vc-item-info,
#__vconsole .vc-logbox .vc-log.vc-log-partly-warn .vc-item-warn,
#__vconsole .vc-logbox .vc-log.vc-log-partly-error .vc-item-error {
  display: block;
}
#__vconsole .vc-logbox .vc-item.hide {
  display: none;
}
#__vconsole .vc-logbox .vc-item .vc-item-content {
  margin-right: 4.61538462em;
}
#__vconsole .vc-logbox .vc-item .vc-item-repeat {
  float: left;
  margin-right: 0.30769231em;
  padding: 0 6.5px;
  color: #D7E0EF;
  background-color: #42597F;
  border-radius: 8.66666667px;
}
#__vconsole .vc-logbox .vc-item .vc-item-copy {
  float: right;
}
#__vconsole .vc-logbox .vc-item .vc-item-copy .vc-icon-clippy {
  display: block;
  fill: var(--VC-FG-2);
}
#__vconsole .vc-logbox .vc-item .vc-item-copy .vc-icon-check {
  display: none;
  fill: var(--VC-TEXTGREEN);
}
#__vconsole .vc-logbox .vc-item .vc-item-copy-success .vc-icon-clippy {
  display: none;
}
#__vconsole .vc-logbox .vc-item .vc-item-copy-success .vc-icon-check {
  display: block;
}
#__vconsole .vc-logbox .vc-item.vc-item-error .vc-item-repeat {
  color: #901818;
  background-color: var(--VC-RED);
}
#__vconsole .vc-logbox .vc-item.vc-item-warn .vc-item-repeat {
  color: #987D20;
  background-color: #F4BD02;
}
#__vconsole .vc-logbox .vc-item .vc-item-code {
  display: block;
  white-space: pre-wrap;
  overflow: auto;
  position: relative;
}
#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input,
#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output {
  padding-left: 0.92307692em;
}
#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input:before,
#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before {
  content: "›";
  position: absolute;
  top: -0.23076923em;
  left: 0;
  font-size: 1.23076923em;
  color: #6A5ACD;
}
#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before {
  content: "‹";
}
#__vconsole .vc-logbox .vc-item .vc-fold {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer {
  display: block;
  font-style: italic;
  padding-left: 0.76923077em;
  position: relative;
}
#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:active {
  background-color: var(--VC-BG-COLOR-ACTIVE);
}
#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:before {
  content: "";
  position: absolute;
  top: 0.30769231em;
  left: 0.15384615em;
  width: 0;
  height: 0;
  border: transparent solid 0.30769231em;
  border-left-color: var(--VC-FG-1);
}
#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer.vc-toggle:before {
  top: 0.46153846em;
  left: 0;
  border-top-color: var(--VC-FG-1);
  border-left-color: transparent;
}
#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner {
  display: none;
  margin-left: 0.76923077em;
}
#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner.vc-toggle {
  display: block;
}
#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner .vc-code-key {
  margin-left: 0.76923077em;
}
#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer .vc-code-key {
  margin-left: 0;
}
#__vconsole .vc-logbox .vc-code-key {
  color: var(--VC-CODE-KEY-FG);
}
#__vconsole .vc-logbox .vc-code-private-key {
  color: var(--VC-CODE-PRIVATE-KEY-FG);
}
#__vconsole .vc-logbox .vc-code-function {
  color: var(--VC-CODE-FUNC-FG);
  font-style: italic;
}
#__vconsole .vc-logbox .vc-code-number,
#__vconsole .vc-logbox .vc-code-boolean {
  color: var(--VC-CODE-NUMBER-FG);
}
#__vconsole .vc-logbox .vc-code-string {
  color: var(--VC-CODE-STR-FG);
}
#__vconsole .vc-logbox .vc-code-null,
#__vconsole .vc-logbox .vc-code-undefined {
  color: var(--VC-CODE-NULL-FG);
}
#__vconsole .vc-logbox .vc-cmd {
  position: absolute;
  height: 3.07692308em;
  left: 0;
  right: 0;
  bottom: 41px;
  border-top: 1px solid var(--VC-FG-3);
  display: block!important;
}
#__vconsole .vc-logbox .vc-cmd.vc-filter {
  bottom: 0;
}
#__vconsole .vc-logbox .vc-cmd .vc-cmd-input-wrap {
  display: block;
  height: 2.15384615em;
  margin-right: 3.07692308em;
  padding: 0.46153846em 0.61538462em;
}
#__vconsole .vc-logbox .vc-cmd .vc-cmd-input {
  width: 100%;
  border: none;
  resize: none;
  outline: none;
  padding: 0;
  font-size: 0.92307692em;
  background-color: transparent;
  color: var(--VC-FG-0);
}
#__vconsole .vc-logbox .vc-cmd .vc-cmd-input::-webkit-input-placeholder {
  line-height: 2.15384615em;
}
#__vconsole .vc-logbox .vc-cmd .vc-cmd-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3.07692308em;
  border: none;
  background-color: var(--VC-BG-0);
  color: var(--VC-FG-0);
  outline: none;
  -webkit-touch-callout: none;
  font-size: 1em;
}
#__vconsole .vc-logbox .vc-cmd .vc-cmd-btn:active {
  background-color: rgba(0, 0, 0, 0.15);
}
#__vconsole .vc-logbox .vc-cmd .vc-cmd-prompted {
  position: fixed;
  width: 100%;
  background-color: var(--VC-BG-3);
  border: 1px solid var(--VC-FG-3);
  overflow-x: scroll;
  display: none;
}
#__vconsole .vc-logbox .vc-cmd .vc-cmd-prompted li {
  list-style: none;
  line-height: 30px;
  padding: 0 0.46153846em;
  border-bottom: 1px solid var(--VC-FG-3);
}
#__vconsole .vc-logbox .vc-group .vc-group-preview {
  -webkit-touch-callout: none;
}
#__vconsole .vc-logbox .vc-group .vc-group-preview:active {
  background-color: var(--VC-BG-COLOR-ACTIVE);
}
#__vconsole .vc-logbox .vc-group .vc-group-detail {
  display: none;
  padding: 0 0 0.76923077em 1.53846154em;
  border-bottom: 1px solid var(--VC-FG-3);
}
#__vconsole .vc-logbox .vc-group.vc-actived .vc-group-detail {
  display: block;
  background-color: var(--VC-BG-1);
}
#__vconsole .vc-logbox .vc-group.vc-actived .vc-table-row {
  background-color: var(--VC-BG-2);
}
#__vconsole .vc-logbox .vc-group.vc-actived .vc-group-preview {
  background-color: var(--VC-BG-1);
}
#__vconsole .vc-logbox .vc-table .vc-table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  border-bottom: 1px solid var(--VC-FG-3);
}
#__vconsole .vc-logbox .vc-table .vc-table-row.vc-left-border {
  border-left: 1px solid var(--VC-FG-3);
}
#__vconsole .vc-logbox .vc-table .vc-table-col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.23076923em 0.30769231em;
  border-left: 1px solid var(--VC-FG-3);
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  /*white-space: nowrap;
        text-overflow: ellipsis;*/
  -webkit-overflow-scrolling: touch;
}
#__vconsole .vc-logbox .vc-table .vc-table-col:first-child {
  border: none;
}
#__vconsole .vc-logbox .vc-table .vc-small .vc-table-col {
  padding: 0 0.30769231em;
  font-size: 0.92307692em;
}
#__vconsole .vc-logbox .vc-table .vc-table-col-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -moz-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
#__vconsole .vc-logbox .vc-table .vc-table-col-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
#__vconsole .vc-logbox .vc-table .vc-table-col-4 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  -moz-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
#__vconsole .vc-logbox .vc-table .vc-table-col-5 {
  -webkit-box-flex: 5;
  -webkit-flex: 5;
  -moz-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
#__vconsole .vc-logbox .vc-table .vc-table-col-6 {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  -moz-box-flex: 6;
  -ms-flex: 6;
  flex: 6;
}
#__vconsole .vc-logbox .vc-table .vc-table-row-error {
  border-color: var(--VC-ERROR-BORDER);
  background-color: var(--VC-ERROR-BG);
}
#__vconsole .vc-logbox .vc-table .vc-table-row-error .vc-table-col {
  color: var(--VC-RED);
  border-color: var(--VC-ERROR-BORDER);
}
#__vconsole .vc-logbox .vc-table .vc-table-col-title {
  font-weight: bold;
}
#__vconsole .vc-logbox.vc-actived {
  display: block;
}
#__vconsole .vc-toolbar {
  border-top: 1px solid var(--VC-FG-3);
  line-height: 3em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#__vconsole .vc-toolbar .vc-tool {
  display: none;
  text-decoration: none;
  color: var(--VC-FG-0);
  width: 50%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  position: relative;
  -webkit-touch-callout: none;
}
#__vconsole .vc-toolbar .vc-tool.vc-toggle,
#__vconsole .vc-toolbar .vc-tool.vc-global-tool {
  display: block;
}
#__vconsole .vc-toolbar .vc-tool:active {
  background-color: rgba(0, 0, 0, 0.15);
}
#__vconsole .vc-toolbar .vc-tool:after {
  content: " ";
  position: absolute;
  top: 0.53846154em;
  bottom: 0.53846154em;
  right: 0;
  border-left: 1px solid var(--VC-FG-3);
}
#__vconsole .vc-toolbar .vc-tool-last:after {
  border: none;
}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  #__vconsole .vc-toolbar,
  #__vconsole .vc-switch {
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
  }
}
#__vconsole.vc-toggle .vc-switch {
  display: none;
}
#__vconsole.vc-toggle .vc-mask {
  background: rgba(0, 0, 0, 0.6);
  display: block;
}
#__vconsole.vc-toggle .vc-panel {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media (prefers-color-scheme: dark) {
  #__vconsole:not([data-theme="light"]) {
    --VC-BG-0: #191919;
    --VC-BG-1: #1f1f1f;
    --VC-BG-2: #232323;
    --VC-BG-3: #2f2f2f;
    --VC-BG-4: #606060;
    --VC-BG-5: #2c2c2c;
    --VC-FG-0: rgba(255, 255, 255, 0.8);
    --VC-FG-HALF: rgba(255, 255, 255, 0.6);
    --VC-FG-1: rgba(255, 255, 255, 0.5);
    --VC-FG-2: rgba(255, 255, 255, 0.3);
    --VC-FG-3: rgba(255, 255, 255, 0.05);
    --VC-RED: #fa5151;
    --VC-ORANGE: #c87d2f;
    --VC-YELLOW: #cc9c00;
    --VC-GREEN: #74a800;
    --VC-LIGHTGREEN: #28b561;
    --VC-BRAND: #07c160;
    --VC-BLUE: #10aeff;
    --VC-INDIGO: #1196ff;
    --VC-PURPLE: #8183ff;
    --VC-LINK: #7d90a9;
    --VC-TEXTGREEN: #259c5c;
    --VC-FG: white;
    --VC-BG: black;
    --VC-BG-COLOR-ACTIVE: #282828;
    --VC-WARN-BG: #332700;
    --VC-WARN-BORDER: #664e00;
    --VC-ERROR-BG: #321010;
    --VC-ERROR-BORDER: #642020;
    --VC-DOM-TAG-NAME-COLOR: #5DB0D7;
    --VC-DOM-ATTRIBUTE-NAME-COLOR: #9BBBDC;
    --VC-DOM-ATTRIBUTE-VALUE-COLOR: #f29766;
    --VC-CODE-KEY-FG: #e36eec;
    --VC-CODE-PRIVATE-KEY-FG: #f4c5f7;
    --VC-CODE-FUNC-FG: #556af2;
    --VC-CODE-NUMBER-FG: #9980ff;
    --VC-CODE-STR-FG: #e93f3b;
    --VC-CODE-NULL-FG: #808080;
  }
}
#__vconsole[data-theme="dark"] {
  --VC-BG-0: #191919;
  --VC-BG-1: #1f1f1f;
  --VC-BG-2: #232323;
  --VC-BG-3: #2f2f2f;
  --VC-BG-4: #606060;
  --VC-BG-5: #2c2c2c;
  --VC-FG-0: rgba(255, 255, 255, 0.8);
  --VC-FG-HALF: rgba(255, 255, 255, 0.6);
  --VC-FG-1: rgba(255, 255, 255, 0.5);
  --VC-FG-2: rgba(255, 255, 255, 0.3);
  --VC-FG-3: rgba(255, 255, 255, 0.05);
  --VC-RED: #fa5151;
  --VC-ORANGE: #c87d2f;
  --VC-YELLOW: #cc9c00;
  --VC-GREEN: #74a800;
  --VC-LIGHTGREEN: #28b561;
  --VC-BRAND: #07c160;
  --VC-BLUE: #10aeff;
  --VC-INDIGO: #1196ff;
  --VC-PURPLE: #8183ff;
  --VC-LINK: #7d90a9;
  --VC-TEXTGREEN: #259c5c;
  --VC-FG: white;
  --VC-BG: black;
  --VC-BG-COLOR-ACTIVE: #282828;
  --VC-WARN-BG: #332700;
  --VC-WARN-BORDER: #664e00;
  --VC-ERROR-BG: #321010;
  --VC-ERROR-BORDER: #642020;
  --VC-DOM-TAG-NAME-COLOR: #5DB0D7;
  --VC-DOM-ATTRIBUTE-NAME-COLOR: #9BBBDC;
  --VC-DOM-ATTRIBUTE-VALUE-COLOR: #f29766;
  --VC-CODE-KEY-FG: #e36eec;
  --VC-CODE-PRIVATE-KEY-FG: #f4c5f7;
  --VC-CODE-FUNC-FG: #556af2;
  --VC-CODE-NUMBER-FG: #9980ff;
  --VC-CODE-STR-FG: #e93f3b;
  --VC-CODE-NULL-FG: #808080;
}
 
.vcelm-node {
  color: var(--VC-DOM-TAG-NAME-COLOR);
}
.vcelm-k {
  color: var(--VC-DOM-ATTRIBUTE-NAME-COLOR);
}
.vcelm-v {
  color: var(--VC-DOM-ATTRIBUTE-VALUE-COLOR);
}
/* layout */
.vcelm-l {
  padding-left: 8px;
  position: relative;
  word-wrap: break-word;
  line-height: 1;
}
/*.vcelm-l.vcelm-noc {
  padding-left: 0;
}*/
.vcelm-l.vc-toggle > .vcelm-node {
  display: block;
}
.vcelm-l .vcelm-node:active {
  background-color: var(--VC-BG-COLOR-ACTIVE);
}
.vcelm-l.vcelm-noc .vcelm-node:active {
  background-color: transparent;
}
.vcelm-t {
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* level */
.vcelm-l .vcelm-l {
  display: none;
}
.vcelm-l.vc-toggle > .vcelm-l {
  margin-left: 4px;
  display: block;
}
/* arrow */
.vcelm-l:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 0;
  height: 0;
  border: transparent solid 3px;
  border-left-color: var(--VC-FG-1);
}
.vcelm-l.vc-toggle:before {
  display: block;
  top: 6px;
  left: 0;
  border-top-color: var(--VC-FG-1);
  border-left-color: transparent;
}
.vcelm-l.vcelm-noc:before {
  display: none;
}
 .qa-sdk-wrapper {
  position: fixed;
  width: 400px;
  right: -600px;
  max-height: 530px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease-in-out;
  background: #fff;
}

.qa-sdk-close-btn {
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
}

.qa-sdk-close-btn:hover {
  border-radius: 50%;
  background-color: #d5d9df;
}

#qa-sdk-iframe {
  width: 400px;
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .qa-sdk-wrapper{
    width: 356px;
  }
  #qa-sdk-iframe {
    width: 356px;
  }
}
 
      /* 翻译加载器样式 */
      .imt-loading-indicator {
        vertical-align: middle !important;
        width: 10px !important;
        height: 10px !important;
        display: inline-block !important;
        margin: 0 4px !important;
        border: 2px rgba(221, 244, 255, 0.6) solid !important;
        border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
        border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
        border-radius: 50% !important;
        padding: 0 !important;
        -webkit-animation: imt-loading-animation 0.6s infinite linear !important;
        animation: imt-loading-animation 0.6s infinite linear !important;
      }

      @-webkit-keyframes imt-loading-animation {
        from {
          -webkit-transform: rotate(0deg);
        }

        to {
          -webkit-transform: rotate(359deg);
        }
      }

      @keyframes imt-loading-animation {
        from {
          transform: rotate(0deg);
        }

        to {
          transform: rotate(359deg);
        }
      }
      .se_imt_html {
        height: 100%;
      }
      .se_imt_html body {
        position: relative;
        min-height: 100%;
        top: 40px;
      }
      @media print {
        #imt-webext {
          display: none !important;
        }
      }
 
    .ai-assist-highlight {
      background: yellow;
    }
    @media print {
      #ai-assist-root-bangs,
      #ai-assist-root-bilibili,
      #ai-assist-root-new {
        display: none !important;
      }
    }
    
    
        
 
.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}


.top1 img {
  width: 100%;
}
.top1 .address {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  /*margin-top: -0.1875rem;*/
  font-size: 0.625rem;
  padding-top: 5px;
  padding-bottom: 5px;
}
.bottom1 {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0rem;
  /*padding-bottom: 40px;*/
}
.bottom1 .left1 {
  width: 26%;
  /* background-color:#00982E; */
  /* overflow: scroll; */
  margin-top: 0rem;
  background-color: #fff;
  display: block;
  /*    justify-content: center;
  flex-wrap: wrap; */
  margin-left: 0rem;
  /* height: 35rem; */
  /*height: calc(100vh - 210px);*/
  overflow: hidden;
  overflow-y: scroll;
}
.left1 .nav {
  width: 95%;
  /*margin: -0.3125rem auto;*/
  height: var(--new_height);
}
.left1 .cate1 {
  background-color: var(--bg_color);
  color: var(--new_font_color);
  height: 100%;
  width: 95%;
  /* //height: 3.6rem; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.0625rem solid #b0b6bd;
  border-radius: 10px;
  /*margin-bottom: 0.3rem;*/
  /* margin-left: 0.625rem; */
  /* color: #a4def2; */
  /* font-weight: bold; */
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.left1 .leftcolorchange {
  /*background-color: #a4def2 !important;*/
  background-color: var(--check_bg_color);
  color: var(--new_font_color);
 
  border-radius: 10px;
  border: none !important;
  font-weight: 550;
}

/* 通过hover的方式废弃，因为点击别的空白区域取消选中，页面第一次打开默认第一个选中也无法实现 */

/* .cate1:hover {
  background-color: #a4def2 !important;
  border-radius: 10px;
  border: none !important;
} */
.bottom1 .right1 {
  width: 73%;
  overflow: hidden;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-self: flex-start;
  margin: 0 auto;
}
.bottom1 .right1 .right_good_list {
  margin: 0 auto;
  width: 100%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*margin-top: 4px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.right1 .goods {
  width: 49%;
  height: var(--good_box_height);
  margin-top: 0.6875rem;
}
.right1 .goods dt {
  height: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*border: 0.0625rem solid #a4def2;*/
  /*border-radius: 15px;*/
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  margin-top: 1.75rem;
  width: 6.6rem;
  height: 6.6rem;
  margin: 0 auto;
}
.right1 .goods dt img {
  width: 6.5rem;
  height: 6.5rem;
}
.right1 .goods .title {
  width: 100%;
  color: #646464 !important;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 0.75rem;
  margin: 8px auto;
}
.right1 .goods .price {
  color: #646464;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-weight: 500;
  font-size: 20px;
  margin: 0 auto;
}
.right1 .goods .good_price {
  margin: 0 auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.goods1 img {
  width: 100%;
  margin-left: 0;
  margin-top: -0.8rem;
}
.right1 .most {
    text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
  font-size: 14px;
  margin-top: 1.55rem !important;
  display:none;
}
.mylian {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #10a776;
  text-align: center;
  color: #fff;
  position: fixed;
  bottom: 0;
  max-width: 1000px;
  margin: 0px auto;
}

.nav { --bg_color: #a60303; --new_font_color: #ffffff; --new_height: 3.6rem; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; margin: 8px 1px; }