new_era/public/static/js/lib/lunpan/hyglobal.min.css

html,
body {
  width: 100%;
  height: 100%;
}

.hymenu {
  height: 32vh;
}

.hyroul-body {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}



* {
  padding: 0;
  margin: 0;
}

a,
img {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  text-decoration: none;
  color: #fff
}

.noselect,
a,
img {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

a,
button,
input,
textarea {
  -webkit-tap-highlight-color: transparent
}

.tstion {
  transition: all .3s ease-in-out
}

.allcenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999
}

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

em {
  font-style: normal
}

em:active {
  opacity: .5
}

i {
  font-style: inherit
}

.ibtn {
  opacity: .8;
  cursor: pointer
}

.ibtn:hover {
  opacity: 1
}

.ibtn:active {
  opacity: .5
}

.iconfont {
  color: #fff
}

.searchbarT.weui-search-bar {
  background-color: #fff
}

.searchbarT.weui-search-bar:after,
.searchbarT.weui-search-bar:before {
  display: none
}

.searchbarT .weui-search-bar__form {
  background-color: #fff
}

.searchbarT .weui-search-bar__box .weui-search-bar__input {
  background: #f0f0f0
}

.searchbarT .weui-search-bar__label {
  background: #f0f0f0;
  border-radius: 100px
}

.searchbarT .weui-search-bar__form:after {
  background: #f0f0f0;
  border-radius: 100px
}

.searchbarT .weui-search-bar__cancel-btn {
  color: #8e8e93
}

.searchbarT .weui-search-bar__label span {
  color: #9a9a9a
}

video {
  pointer-events: auto !important
}

#vVideo {
  position: fixed;
  top: 10000px;
  left: -10000px;
  width: 0;
  height: 0;
  z-index: 0;
  opacity: 0;
  padding: 0;
  background-color: inherit;
  -webkit-transition-duration: inherit;
  transition-duration: inherit
}

#vVideo.on {
  width: 100%;
  max-width: inherit;
  height: auto;
  min-height: 100%;
  top: 50%;
  left: 50%;
  z-index: 99999;
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, -50%);
  background-color: #000
}

#vVideo.on.shipGD {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%
}

#vVideo.on.nofull {
  max-width: calc(100% - 120px);
  max-height: calc(100% - 100px);
  min-height: auto;
  background-color: inherit
}

.othervideo {
  width: 1000px;
  max-width: 100%;
  max-height: 100%;
  min-height: 600px
}

.othervideo iframe {
  height: 800px;
  margin-left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  max-height: 100%;
  width: 1200px
}

@media screen and (max-width: 767px) {
  #vVideo.on.nofull {
    max-width: calc(100% - 60px);
    max-height: calc(100% - 50px)
  }

  .othervideo iframe {
    height: auto
  }
}

.allclose,
.closeIframe {
  position: fixed;
  width: 80px;
  height: 80px;
  top: -40px;
  right: -40px;
  z-index: 10001;
  border-radius: 50px;
  background: #4e85fa url(../img/close.png) no-repeat scroll 25% 75%;
  background-size: 14px;
  cursor: pointer
}

.allclose {
  background: #4e85fa url(../img/close.png) no-repeat scroll 25% 75%;
  background-size: 14px;
  z-index: 1000;
  cursor: pointer
}

.app .allclose,
.app .closeIframe {
  background-color: initial;
  top: -12px;
  right: -36px
}

.app .closeaddvideoo {
  top: 20px !important
}

@-webkit-keyframes on {
  from {
    margin-left: 100%
  }

  to {
    margin-left: 0
  }
}

@keyframes on {
  from {
    margin-left: 100%
  }

  to {
    margin-left: 0
  }
}

@-webkit-keyframes off {
  from {
    margin-left: 0
  }

  to {
    margin-left: 100%
  }
}

@keyframes off {
  from {
    margin-left: 0
  }

  to {
    margin-left: 100%
  }
}

#navmenuiframediv.off,
.golinkTelbg.off,
.gosubmit.off,
.gosubmit_jubou.off,
.sidelayer.off {
  -webkit-animation: off .2s 0s forwards;
  animation: off .2s 0s forwards
}

.wbtn_body {
  text-align: center
}

.wBtn {
  min-width: 64px;
  height: 30px;
  font-size: 14px;
  background-color: #4e85fa;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  padding: 3px 20px;
  display: inline-block;
  margin: 0 auto
}

.wBtn.roll {
  border-radius: 30px;
  min-width: 76px
}

.wBtn.enabled,
.wBtn.enabled:active,
.wBtn.enabled:hover {
  background-color: #bbb;
  cursor: not-allowed;
  opacity: 1
}

.wBtn:hover {
  background-color: #0057ff
}

.wBtn:active {
  opacity: .5
}

.wBtn2 {
  background-color: rgba(0, 0, 0, 0);
  padding: 0 20px;
  height: 30px;
  font-size: 14px;
  color: #4e85fa !important;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  display: inherit;
  margin: 0 auto
}

.wBtn2:hover {
  background-color: #0057ff;
  color: #fff !important
}

.wBtn.off {
  border: 1px solid #999;
  background-color: inherit;
  color: #999
}

.wBtn.off:hover {
  opacity: .7
}

.scrollbarw {
  -webkit-overflow-scrolling: touch
}

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

.scrollbarw::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px transparent;
  -moz-box-shadow: inset 0 0 5px transparent;
  background: rgba(0, 0, 0, .4)
}

.scrollbarw::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px transparent;
  -moz-box-shadow: inset 0 0 5px transparent;
  border-radius: 0;
  background: #fff
}

#thinkPano {
  z-index: 0
}

.loadingwasee {
  position: absolute;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #000
}

.loadingwasee .loadimg,
.loadingwasee .loadimg-s {
  width: 60px
}

.base_global {
  background: url(../img/global.png) 0 0/auto no-repeat;
  display: block
}

.icon_base_btn {
  display: block;
  position: relative;
  cursor: pointer
}

.icon_base_btn i {
  background-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(.34);
  -ms-transform: translate(-50%, -50%) scale(.34);
  transform: translate(-50%, -50%) scale(.34)
}

.icon_base_ibtn {
  display: block;
  position: relative;
  cursor: pointer
}

.icon_base_ibtn i {
  background-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#toast {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 99999;
  max-width: 90%
}

#toast .txt {
  background-color: rgba(0, 0, 0, .8);
  padding: 10px 15px;
  overflow-wrap: break-word;
  word-break: normal
}

._animatitle {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: block;
  transform: translateX(-100%);
  padding-left: 100%;
  transform: translateX(0);
  animation: animatitle 2.5s linear 0s infinite normal;
  -webkit-animation: animatitle 2.5s linear 0s infinite normal
}

@keyframes animatitle {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

@-webkit-keyframes animatitle {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

.wsyindao {
  position: fixed;
  z-index: 9999999
}

.wsyindao .systips {
  display: none
}

.wsyindao .systips:first-child {
  display: inline-block
}

.wsyindao .rotesb_img {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 5px;
  width: 50%;
  max-width: 400px
}

.openinobj {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 999999;
  cursor: pointer
}

.openinobj .djs {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 14px;
  width: 64px;
  height: 24px;
  background-color: rgba(0, 0, 0, .5);
  text-align: center;
  line-height: 24px;
  border-radius: 20px
}

@media screen and (max-width: 500px) {
  .openinobj .djs {
    top: 15px;
    right: 15px;
    font-size: 12px;
    width: 54px
  }
}

.openinobj img {
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%
}

.inimgtips {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 5px;
  width: 50%;
  max-width: 400px
}

.in_img {
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  z-index: 9999999
}

.inimgtips .in_img {
  transform: initial;
  position: initial
}

.panoContent {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0
}

#subinformain.on {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, .7);
  z-index: 4002
}

.navlefttop {
  width: 1px
}

.cintyfwliBody {
  position: fixed;
  top: 16px;
  left: -300px;
  z-index: 4002
}

.cintyfwliBody.on {
  left: 15px
}

.navlefttop .OITEM {
  position: relative;
  margin-bottom: 10px
}

.cintyfwliBody .fwligna {
  color: #fff;
  text-shadow: 0 0 #3098fe, 0 0 6px rgba(0, 0, 0, .4), 0 0 #3098fe, 0 0 #3098fe;
  margin-bottom: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.cintyfwliBody .fwligna .ge {
  width: 20px;
  display: inline-block
}

.cintyfwliBody .logtip {
  margin-bottom: 10px
}

.mobile .cintyfwliBody .logtip {
  margin-bottom: 6px
}

.cintyfwliBody .logtip img {
  max-width: 150px;
  max-height: 80px;
  width: auto
}

.mobile .cintyfwliBody .logtip img {
  max-width: 105px;
  max-height: 56px
}

.pano_bottom_item {
  position: fixed;
  left: 0;
  width: 100%;
  transition: bottom .1s linear 50ms;
  z-index: 4002;
  bottom: -100px;
}

.pano_bottom_item.on {
  bottom: 0;
  width: 100%
}

.speguidetail {
  position: fixed;
  bottom: -120px;
  width: 100%;
  text-align: center;
  transition: bottom .1s linear 0s
}

.speguidetail.on {
  bottom: 55px
}

.pano_bottom_item.on+.speguidetail.only.on {
  bottom: 80px
}

.pano_bottom_item.on+.speguidetail {
  bottom: -120px
}

.pano_bottom_item.on.onhide+.speguidetail {
  bottom: 80px
}

.speguidetail.hide {
  bottom: -120px !important
}

.speguidetail p.flex_center_y {
  height: 40px;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 40px;
  padding: 0 16px 0 16px;
  margin: 0 10px;
  cursor: pointer
}

.speguidetail p:active {
  opacity: .5
}

.speguidetail p i {
  font-size: 24px
}

.speguidetail p span {
  color: #fff;
  font-style: initial;
  margin-left: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px
}

.speguidetail .guides_btn {
  width: 16px;
  height: 20px
}

.speguidetail .guides_btn i {
  background-position: -422px -322px;
  width: 43px;
  height: 50px
}

.speguidetail .detailPoint_btn {
  width: 20px;
  height: 20px
}

.speguidetail .detailPoint_btn i {
  background-position: -362px -322px;
  width: 50px;
  height: 50px
}

.speguidetail .speciBtn .playerBtn {
  width: 0;
  height: 23px;
  background: #5085fb;
  border-radius: 14px;
  line-height: 23px;
  transition: width .2s linear 0s;
  overflow: hidden;
  opacity: .85
}

.speguidetail .speciBtn.on .playerBtn {
  width: 49px;
  margin-left: 18px
}

.speguidetail .speciBtn .playerBtn:hover {
  opacity: 1
}

.pano_bottom_item .item_top {
  pointer-events: painted
}

.pano_bottom_item.skinItem0 .item_top {
  margin: auto 15px 12px;
  transform: translateY(0);
  transition: transform .15s linear 50ms
}

.pano_bottom_item.skinItem0 .item_top.transhide {
  transform: translateY(260px)
}

.pano_bottom_item .emleft {
  position: absolute;
  left: 15px;
  bottom: 12px;
  transition: margin-left .2s linear 0s
}

.pano_bottom_item .emleft .tdetail {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: -100px;
  transition: margin-left .2s linear 0s
}

.pano_bottom_item .emleft p {
  height: 30px;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 40px;
  padding: 0 10px;
  margin-bottom: 12px;
  cursor: pointer
}

.pano_bottom_item .emleft p:active {
  opacity: .5
}

.pano_bottom_item .emleft p span {
  color: #fff;
  font-style: initial;
  margin-left: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.pano_bottom_item .emleft .guides_btn {
  width: 16px;
  height: 20px
}

.pano_bottom_item .emleft .guides_btn i {
  background-position: -422px -322px;
  width: 43px;
  height: 50px
}

.pano_bottom_item .emleft .detailPoint_btn {
  width: 20px;
  height: 20px
}

.pano_bottom_item .emleft .detailPoint_btn i {
  background-position: -362px -322px;
  width: 50px;
  height: 50px
}

.panogroupBody {
  width: 100%;
  transition: bottom .2s linear 0s;
  max-height: 200px;
  bottom: 0
}

.panogroupBody.on {
  max-height: 200px
}

.panogroupBody .swiper-wrapper.c {
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center
}

.panogroupBody .panolist {
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 6px;
  height: 90px;
  transition: height .1s linear 50ms;
  position: relative
}

.panogroupBody .panolist.on {
  height: 90px
}

.panogroupBody .panolist .panolistjirong {
  width: 100%;
  height: 500px;
  position: fixed;
  z-index: 9;
  bottom: 0;
  overflow: hidden;
  pointer-events: none
}

.panogroupBody .panolist .panotb {
  height: 0;
  overflow: hidden;
  transition: height .1s linear 50ms;
  position: absolute;
  width: 100%;
  pointer-events: visible;
  bottom: 0
}

.panogroupBody .panolist .panotb.overini {
  overflow: initial
}

.panogroupBody .swiper-container {
  overflow: initial
}

.panogroupBody .panolist.on .panotb {
  height: auto
}

.panogroupBody .panolist .swiper-container {
  padding: 10px 0
}

.panogroupBody .panolist .swiper-wrapper {
  transition: all .2s linear 0s
}

.panogroupBody .panolist .swiper-button-next,
.panogroupBody .panolist .swiper-button-prev {
  background-size: 27px 27px
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.panogroupBody .panolist .panowrap {
  width: 70px;
  margin: 0 5px;
  cursor: pointer;
  transition: height .1s linear 50ms
}

.panogroupBody .panolist .panowrap .panoimg {
  position: relative;
  background-size: 100%;
  width: 70px;
  height: 70px;
  border: 2px solid #fff;
  border-radius: 6px;
  overflow: hidden
}

.panogroupBody .panolist .panowrap.on .panoimg {
  border-color: #5085fb
}

.panogroupBody .panolist .panowrap .panoimg .panoname {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #fff;
  width: 100%;
  left: 0;
  overflow: hidden
}

.panogroupBody .panolist .panowrap .panoimg .panoname span {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.panogroupBody .panolist .panowrap ._animatitle {
  animation: none;
  padding-left: 0
}

.panogroupBody .panolist .panowrap.on ._animatitle {
  animation: animatitle 2.5s linear 0s infinite normal;
  padding-left: 100%
}

.panogroupBody .panolist .panowrap .panoimg .bigthtip {
  position: absolute;
  left: 2px;
  top: 2px;
  background-color: #ee7702;
  color: #fff;
  font-size: 8px;
  height: 18px;
  line-height: 17px;
  padding: 0 3px
}

.panogroupBody .panolist .panowrap .panoimg .ycee {
  position: absolute;
  right: 6px;
  top: 6px;
  background-color: #5085fb;
  width: 0;
  height: 16px;
  border-radius: 100%
}

.panogroupBody .panolist .panowrap.on_hist .panoimg .ycee {
  width: 16px
}

.panogroupBody .panolist .panowrap .panoimg .icon_suo {
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 12px);
  z-index: 2;
  font-size: 16px
}

.panogroupBody .panolist .panowrap .panoimg .relat_icon {
  width: 22px;
  height: 22px;
  background: rgba(0, 0, 0, .5);
  border-radius: 6px;
  top: 6px;
  left: 6px;
  position: absolute
}

.panogroupBody .panolist .panowrap .panoimg .relat_icon .iconfont {
  font-size: 14px
}

.panogroupBody .panolist .panowrap.showrelate .panoimg .relat_icon {
  background: linear-gradient(143deg, #61a7fc 7%, #3f61f8 95%)
}

.panogroupBody .panogrouplist {
  margin-bottom: 8px;
  overflow: hidden
}

.panogroupBody .panolist .panowrap .relatedbody {
  position: absolute;
  bottom: 90px;
  background-color: rgba(0, 0, 0, .6);
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  overflow: hidden;
  height: 0;
  transition: height .1s linear 0s;
  border-radius: 6px
}

.pano_bottom_item.on .panogroupBody .panolist .panowrap.showrelate .relatedbody {
  height: 80px
}

.pano_bottom_item.onhide .panogroupBody .panolist .panowrap.showrelate .relatedbody {
  height: 0
}

.panogroupBody .panolist .panowrap .relatedbody .swiper-container {
  margin: 0 5px
}

.panogroupBody .panolist .panowrap .relatedbody .relatpanowrap {
  width: 60px;
  margin: 0 5px;
  cursor: pointer
}

.panogroupBody .panolist .panowrap .relatedbody .panoimg {
  position: relative;
  background-size: 100%;
  width: 60px;
  height: 60px;
  border: 3px solid #fff
}

.panogroupBody .panolist .panowrap .relatedbody .relatpanowrap.on .panoimg {
  border-color: #5085fb
}

.panogroupBody .panolist .panowrap .relatedbody .panoimg .ycee {
  width: 0
}

.panogroupBody .panolist .panowrap .relatedbody .relatpanowrap.on_hist .panoimg .ycee {
  width: 16px
}

.panogroupBody .panolist .panowrap .relatedbody ._animatitle {
  animation: none;
  padding-left: 0
}

.panogroupBody .panolist .panowrap .relatedbody .relatpanowrap.on ._animatitle {
  animation: animatitle 2.5s linear 0s infinite normal;
  padding-left: 100%
}

.panogroupBody .panogrouplist .swiper-button-next,
.panogroupBody .panogrouplist .swiper-button-prev {
  background-size: 11px 20px;
  height: 26px;
  margin-top: -13px
}

.panogroupBody .panogrouplist span {
  width: 22%;
  max-width: 80px;
  height: 28px;
  line-height: 28px;
  border-radius: 40px;
  color: #fff;
  margin-left: 14px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .5);
  text-align: center;
  cursor: pointer
}

.panogroupBody .panogrouplist span:first-child {
  margin-left: 0
}

.panogroupBody .childgrouplist span .ctab,
.panogroupBody .panogrouplist span .ctab {
  margin: 0 5px;
  position: relative;
  width: calc(100% - 10px);
  overflow: hidden;
  display: inline-block;
  cursor: pointer
}

.panogroupBody .childgrouplist span .ctab>a,
.panogroupBody .panogrouplist span .ctab>a {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #fff
}

.panogroupBody .panogrouplist span .ctab .iconfont {
  margin-right: 5px
}

.panogroupBody .panogrouplist span.on {
  color: #000;
  background-color: #5085fb
}

.panogroupBody .panogrouplist span.on .ctab>a {
  color: #fff
}

.panogroupBody .panogrouplist span.on .ctab .iconfont {
  color: #666
}

.panogroupBody .childgrouplist span ._animatitle,
.panogroupBody .panogrouplist span ._animatitle {
  animation: none;
  padding-left: 0
}

.panogroupBody .childgrouplist span.on ._animatitle,
.panogroupBody .panogrouplist span.on ._animatitle {
  animation: animatitle 2.5s linear 0s infinite normal;
  padding-left: 100%
}

.panogroupBody .childgrouplist {
  background-color: rgba(0, 0, 0, .6);
  border-radius: 6px 6px 0 0;
  height: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  opacity: 0;
  position: relative
}

.panogroupBody .childgrouplist.on {
  opacity: 1;
  height: 44px
}

.panogroupBody .childgrouplist.on+.panolist {
  border-radius: 0 0 6px 6px
}

.panogroupBody .childgrouplist span {
  width: 22%;
  height: 43px;
  max-width: 66px;
  overflow: hidden;
  cursor: pointer;
  line-height: 44px;
  text-align: center;
  border-bottom: 2px solid transparent;
  padding: 0 4px;
  margin: 0 4px;
  border-bottom: 2px solid transparent
}

.panogroupBody .childgrouplist span.on {
  border-bottom-color: #5085fb
}

.panogroupBody .childgrouplist span:active {
  opacity: .5
}

.panogroupBody .childgrouplist .childgrtab {
  height: 0;
  overflow: hidden;
  transition: height .1s linear 50ms;
  position: absolute;
  width: 100%
}

.panogroupBody .childgrouplist.on2 .childgrtab {
  height: 100%
}

.specigroupBody {
  max-width: calc(100% - 30px);
  transition: bottom .2s linear 0s;
  max-height: 200px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .4);
  bottom: -120px;
  z-index: 4002;
  margin-left: 50%;
  transform: translateX(-50%);
  border-radius: 6px
}

.specigroupBody.on {
  max-height: 200px;
  bottom: 135px
}

.specigroupBody .onoff {
  background: url(../img/player.png) no-repeat scroll center 6px;
  width: 60px;
  height: 60px;
  background-size: 24px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer
}

.specigroupBody .onoff:active {
  opacity: .5
}

.specigroupBody .onoff span {
  display: none;
  font-size: 14px;
  color: #fff;
  transform: translateY(34px)
}

.specigroupBody .onoff.pause {
  background-image: url(../img/pause.png)
}

.specigroupBody .onoff.pause .pau {
  display: block
}

.specigroupBody .onoff.player .play {
  display: block
}

.pano_bottom_item.onhide .specigroupBody {
  bottom: -200px
}

.specigroupBody .swiper-wrapper.c {
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center
}

.specigroupBody .specilist {
  border-radius: 3px;
  overflow: hidden;
  transition: height .1s linear 50ms
}

.specigroupBody .specilist .swiper-container {
  padding: 10px 0;
  margin: 0 10px
}

.specigroupBody .specilist .swiper-wrapper {
  transition: height .1s linear 50ms
}

.specigroupBody .specilist .speciwrap {
  width: 70px;
  margin: 0 6px;
  cursor: pointer;
  text-align: center
}

.specigroupBody .specilist .speciwrap:active {
  opacity: .5
}

.specigroupBody .specilist .speciwrap .speciimg {
  width: 70px;
  height: 70px;
  position: relative;
  background-size: 100%;
  border-radius: 6px;
  border: 2px solid #fff;
  background-color: #d8d8d8
}

.specigroupBody .specilist .speciwrap.on .speciimg {
  border-color: #4e85fa
}

.specigroupBody .specilist .speciwrap .speciimg img {
  width: 100%;
  height: 100%;
  border-radius: 4px
}

.specigroupBody .specilist .speciwrap .title {
  text-align: center;
  width: 100%;
  height: 18px;
  line-height: 18px;
  color: #fff;
  width: calc(100% - 4px);
  left: 2px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  bottom: 2px;
  background-color: rgba(0, 0, 0, .4)
}

.specigroupBody .specilist .speciwrap.on .title {
  color: #4e85fa
}

.bigpixeltipst {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  padding: 12px;
  border-radius: 10px;
  width: 510px;
  max-height: calc(100% - 280px);
  overflow: hidden;
  bottom: 245px;
  z-index: 5002;
  max-width: calc(100% - 80px)
}

.bigpixeltipst .body {
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative
}

.bigpixeltipst .body .timgdiv {
  max-width: 480px;
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100%;
  overflow: hidden;
  text-align: center
}

.bigpixeltipst .body .timg {
  width: 100%
}

.bigpixeltipst .content {
  margin-top: 12px
}

.bigpixeltipst .content pre {
  color: #fff;
  line-height: 24px
}

.bigpixeltipst .tclose {
  display: block;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: -50px;
  transform: translateX(-50%);
  cursor: pointer
}

.bigpixeltipst .tclose:before {
  display: inline-block;
  content: "";
  background: url(../img/close.png) no-repeat scroll 25% 25%/12px;
  z-index: 1000;
  width: 12px;
  height: 12px;
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (max-width: 500px) {
  .speguidetail p.flex_center_y {
    height: 30px;
    margin: 0 6px;
    padding: 0 10px 0 10px
  }

  .speguidetail p i {
    font-size: 20px
  }

  .speguidetail p span {
    font-size: 10px
  }

  .bigpixeltipst {
    width: 80%;
    bottom: 232px
  }

  .bigpixeltipst .tclose {
    top: calc(100% + 10px);
    left: 50%;
    right: auto
  }

  .specigroupBody.on {
    bottom: 98px
  }

  .specigroupBody .specilist .speciwrap {
    width: 50px;
    margin: 0 3px
  }

  .specigroupBody .specilist .speciwrap .speciimg {
    width: 50px;
    height: 50px
  }

  .specigroupBody .onoff {
    background-size: 20px;
    background-position: center 12px;
    width: 50px
  }

  .specigroupBody .onoff span {
    font-size: 12px
  }
}

.item_bottom {
  height: 66px;
  z-index: 9
}

.item_bottom .menu_left {
  float: left;
  margin-left: 16px;
  pointer-events: painted
}

.item_bottom .menu_right {
  float: right;
  margin-right: 16px;
  pointer-events: painted
}

.item_bottom em {
  flex-direction: column;
  cursor: pointer
}

.item_bottom .menu_left em {
  margin-right: 20px
}

.item_bottom .menu_right em {
  margin-left: 20px
}

.item_bottom em .icon {
  width: 36px;
  height: 36px;
  margin-bottom: 4px
}

.menustyle1 .item_bottom .menu_right em,
.menustyle2 .item_bottom .menu_right em,
.menustyle3 .item_bottom .menu_right em,
.menustyle4 .item_bottom .menu_right em,
.menustyle5 .item_bottom .menu_right em {
  margin-left: 12px
}

.menustyle1 .item_bottom em .icon,
.menustyle2 .item_bottom em .icon,
.menustyle3 .item_bottom em .icon,
.menustyle4 .item_bottom em .icon,
.menustyle5 .item_bottom em .icon {
  width: 30px;
  height: 30px
}

.menustyle1 .item_bottom em .iconimg,
.menustyle2 .item_bottom em .iconimg,
.menustyle3 .item_bottom em .iconimg,
.menustyle4 .item_bottom em .iconimg,
.menustyle5 .item_bottom em .iconimg {
  width: 30px;
  height: 30px
}

.menustyle0 .item_bottom em .icon,
.skinItem3 .item_bottom em .icon {
  border-radius: 30px;
  background-color: rgba(0, 0, 0, .6);
  border: 2px solid rgba(0, 0, 0, .4);
  background-clip: padding-box
}

.item_bottom em .icon .iconfont {
  font-size: 22px
}

.item_bottom em .iconimg {
  width: 36px;
  height: 36px;
  margin-bottom: 4px;
  z-index: 1
}

.item_bottom em .title {
  min-width: 48px;
  max-width: 54px;
  text-align: center;
  overflow: hidden;
  height: 18px;
  z-index: 1
}

.item_bottom em .MenuMOTS_LIST_BODY {
  position: absolute;
  width: 80px;
  background: #323232;
  border-radius: 8px;
  bottom: 2px;
  padding-bottom: 66px;
  transform: translateY(110%);
  transition: transform .2s linear;
  overflow: hidden
}

.item_bottom em.on .MenuMOTS_LIST_BODY {
  transform: translateY(0)
}

.item_bottom em .MenuMOTS_LIST span {
  line-height: 32px;
  display: block;
  width: 80px;
  height: 32px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
  text-align: center;
  transition: transform .3s ease-in-out, translateY .3s ease-in-out, box-shadow .3s ease-in-out
}

.item_bottom em .MenuMOTS_LIST span:hover {
  transform: translateY(-1px);
  border-top-style: solid !important;
  box-shadow: 0 0 36px rgba(3, 3, 3, .4);
  z-index: 9
}

.item_bottom em.praise.on .icon .icon_aixin::before {
  content: "\e7ba";
  color: #fff
}

.pano_group_list_btn.list .icon_yuanxia_x:before {
  content: "\e72e"
}

.item_bottom .menu_left .pano_group_list_btn .close {
  display: none
}

.item_bottom .menu_left .pano_group_list_btn.list .close {
  display: inline-block
}

.item_bottom .menu_left .pano_group_list_btn.list .on {
  display: none
}

.navrighttop {
  position: fixed;
  right: -35px;
  top: 16px;
  z-index: 1;
  width: 34px
}

.skinItem3 .navrighttop .EM_MENU_LIST {
  display: none
}

.navrighttop.on {
  right: 15px
}

.navrighttop .OITEM {
  width: 34px;
  height: 34px;
  position: relative;
  margin-bottom: 7px
}

.navrighttop .menu_icon_btn {
  width: 34px;
  height: 34px;
  display: block;
  text-align: center;
  line-height: 30px;
  margin-bottom: 7px;
  cursor: pointer
}

.menustyle1 .navrighttop,
.menustyle2 .navrighttop,
.menustyle3 .navrighttop,
.menustyle4 .navrighttop,
.menustyle5 .navrighttop {
  width: 30px
}

.menustyle1 .navrighttop .OITEM,
.menustyle2 .navrighttop .OITEM,
.menustyle3 .navrighttop .OITEM,
.menustyle4 .navrighttop .OITEM {
  width: 30px;
  height: 30px;
  margin-bottom: 12px
}

.menustyle1 .navrighttop .menu_icon_btn,
.menustyle2 .navrighttop .menu_icon_btn,
.menustyle3 .navrighttop .menu_icon_btn,
.menustyle4 .navrighttop .menu_icon_btn,
.menustyle5 .navrighttop .menu_icon_btn {
  width: 30px;
  height: 30px;
  margin-bottom: 12px
}

.menustyle0 .navrighttop .menu_icon_btn {
  border-radius: 30px;
  background-color: rgba(0, 0, 0, .6);
  border: 2px solid rgba(0, 0, 0, .4);
  background-clip: padding-box
}

.navrighttop .menu_icon_btn .iconfont {
  font-size: 20px
}

.autorotate.close .iconfont:before {
  content: "\e76d"
}

.gyro.close .iconfont:before {
  content: "\e770"
}

.music.close .iconfont:before {
  content: "\e7b6"
}

.voice.close .iconfont:before {
  content: "\e771"
}

.winecellar_p {
  text-align: center;
  cursor: pointer;
  width: 100%;
  flex-direction: column;
  height: auto
}

.winecellar_p:active {
  opacity: .5
}

.winecellar_p .icon_shapan {
  font-size: 20px
}

.winecellar_p span.title {
  color: #fff;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-rl;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 6px;
  font-size: 14px;
  margin-top: 6px;
  display: none
}

.navrighttop.mobile .winecellar_p.click,
.winecellar_p.click {
  height: auto
}

.menustyle0 .winecellar_p span.title {
  display: inline-block
}

.menustyle0 .winecellar_p {
  border-radius: 40px;
  background-color: rgba(0, 0, 0, .6);
  border: 2px solid rgba(0, 0, 0, .4);
  background-clip: padding-box;
  padding: 8px 0 5px
}

.menustyle0 .winecellar_p.click {
  background-color: #5085fb;
  border-color: #5085fb
}

.navrighttop.mobile {
  width: 26px
}

.navrighttop.mobile .menu_icon_btn {
  width: 26px;
  height: 26px;
  line-height: 22px;
  margin-bottom: 5px
}

.navrighttop.mobile .menu_icon_btn .iconfont {
  font-size: 15px
}

.navrighttop.mobile .winecellar_p {
  width: 26px;
  margin-top: 4px;
  padding: 4px 0 4px
}

.navrighttop.mobile .winecellar {
  width: 25px;
  height: 24px;
  margin: 0 0 0
}

.navrighttop.mobile .winecellar_p span.title {
  font-size: 10px;
  letter-spacing: 2px;
  margin-top: 3px;
  margin-right: 1px
}

.navrighttop.mobile .winecellar_p .icon_shapan {
  font-size: 15px
}

.navrightbottom {
  position: fixed;
  right: -35px;
  bottom: 180px
}

.navrightbottom.mobile.on {
  right: 6px
}

.navrightbottom .list .icon_base_btn,
.navrightbottom .list .icon_base_ibtn {
  width: 34px;
  height: 40px;
  text-shadow: 0 0 #3098fe, 0 0 6px rgba(0, 0, 0, .4), 0 0 #3098fe, 0 0 #3098fe
}

.navrightbottom .list .icon_base_btn i {
  -webkit-transform: translate(-50%, -50%) scale(.3);
  -ms-transform: translate(-50%, -50%) scale(.3);
  transform: translate(-50%, -50%) scale(.3)
}

.navrightbottom .list .icon_base_ibtn i {
  font-size: 26px
}

.navrightbottom .list .praise_p span {
  color: #fff;
  position: absolute;
  bottom: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: 50%;
  transform: translateX(-50%)
}

.navrightbottom .praise {
  height: 26px
}

.navrightbottom .praise.on i {
  color: #fe416e
}

.navrightbottom .msgs i {
  top: calc(50% + 2px)
}

.navrightbottom .share {
  height: 21px
}

@media screen and (max-width: 500px) {
  .icon_base_btn i {
    -webkit-transform: translate(-50%, -50%) scale(.25);
    -ms-transform: translate(-50%, -50%) scale(.25);
    transform: translate(-50%, -50%) scale(.25)
  }

  .cintyfwliBody.on {
    left: 10px;
    top: 10px
  }

  .cintyfwliBody .fwligna {
    margin-bottom: 5px;
    font-size: 10px
  }

  .cintyfwliBody .fwligna .ge {
    width: 10px
  }

  .cintyfwliBody a img {
    max-width: 80px;
    max-height: 80px
  }

  .navrighttop.on {
    right: 10px;
    top: 10px
  }

  .navrightbottom {
    bottom: 170px
  }

  .navrightbottom.on {
    right: 4px
  }

  .navrightbottom .list .icon_base_btn {
    width: 28px;
    height: 28px
  }

  .navrightbottom .list .icon_base_btn i {
    -webkit-transform: translate(-50%, -50%) scale(.2);
    -ms-transform: translate(-50%, -50%) scale(.2);
    transform: translate(-50%, -50%) scale(.2)
  }

  .navrightbottom .list .icon_base_ibtn {
    width: 36px;
    height: 28px;
    text-align: center;
    margin-bottom: 16px
  }

  .navrightbottom .list .icon_base_ibtn span {
    position: absolute;
    width: 100%;
    font-size: 10px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px
  }

  .navrightbottom .list .icon_base_ibtn i {
    font-size: 22px
  }

  .panogroupBody .panogrouplist span {
    width: 17%;
    height: 22px;
    line-height: 22px;
    margin-left: 10px;
    font-size: 9px
  }

  .panogroupBody .panolist {
    margin-bottom: 0;
    height: 72px
  }

  .panogroupBody .panolist.on {
    height: 72px
  }

  .panogroupBody .panolist .swiper-container {
    padding: 8px 5px
  }

  .panogroupBody .panolist .panowrap {
    max-width: 56px;
    width: 56px
  }

  .panogroupBody .panolist .panowrap .panoimg {
    width: 56px;
    height: 56px;
    border-width: 2px
  }

  .panogroupBody .panolist .panowrap .panoimg .panoname {
    height: 18px;
    line-height: 18px;
    border-radius: 0 0 3px 3px;
    font-size: 9px
  }

  .panogroupBody .panolist .panowrap .panoimg .bigthtip {
    height: 14px;
    line-height: 14px;
    padding: 0 2px
  }

  .panogroupBody .panolist .panowrap .panoimg em {
    height: 14px;
    right: 4px;
    top: 4px
  }

  .panogroupBody .panolist .panowrap.on_hist .panoimg em {
    width: 14px
  }

  .pano_bottom_item .emleft p {
    padding: 0 8px;
    margin-bottom: 10px;
    height: 26px
  }

  .pano_bottom_item .emleft p span {
    margin-left: 5px;
    font-size: 10px
  }

  .pano_bottom_item .item_top {
    margin-bottom: 10px
  }

  .panogroupBody .childgrouplist.on {
    height: 29px
  }

  .panogroupBody .childgrouplist span {
    height: 28px;
    line-height: 28px;
    font-size: 9px;
    padding: 0 2px;
    margin: 0 2px
  }

  .panogroupBody .panolist .panowrap .relatedbody {
    bottom: 65px
  }

  .pano_bottom_item.on .panogroupBody .panolist .panowrap.showrelate .relatedbody {
    height: 62px
  }

  .panogroupBody .panolist .panowrap .relatedbody .relatpanowrap {
    width: 50px
  }

  .panogroupBody .panolist .panowrap .relatedbody .swiper-container {
    padding: 6px 0;
    margin: 0
  }

  .panogroupBody .panolist .panowrap .relatedbody .panoimg {
    width: 50px;
    height: 50px;
    border-width: 2px
  }

  .panogroupBody .panolist .panowrap .panoimg em.relat_icon {
    width: 18px;
    height: 18px;
    left: 4px;
    top: 4px
  }

  .panogroupBody .panolist .panowrap .panoimg .relat_icon .iconfont {
    font-size: 12px
  }

  .item_bottom {
    height: 50px
  }

  .item_bottom .menu_left {
    margin-left: 8px
  }

  .item_bottom .menu_left em {
    margin-right: 4px
  }

  .item_bottom .menu_right {
    margin-right: 8px
  }

  .item_bottom .menu_right em {
    margin-left: 4px
  }

  .item_bottom em .icon {
    width: 25px;
    height: 25px;
    line-height: 25px
  }

  .item_bottom em .icon .iconfont {
    font-size: 15px
  }

  .item_bottom em .iconimg {
    width: 25px;
    height: 25px
  }

  .item_bottom em .title {
    font-size: 9px;
    min-width: 40px;
    max-width: 46px;
    height: 14px
  }

  .item_bottom em .MenuMOTS_LIST_BODY {
    width: 60px;
    padding-bottom: 52px
  }

  .item_bottom em .MenuMOTS_LIST span {
    line-height: 24px;
    width: 60px;
    height: 24px
  }
}

@media screen and (max-width: 375px) {
  .navrighttop.mobile {
    top: 15px
  }

  .navrightbottom .command,
  .navrightbottom .music,
  .navrightbottom .voice {
    height: 20px
  }

  .navrightbottom .share {
    height: 15px
  }
}

.sidelayerB {
  position: fixed;
  bottom: 20px;
  z-index: 300;
  width: 90%;
  max-width: 400px;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 2.4%
}

.addmessage {
  border-radius: 0;
  height: 0;
  transition: height .2s linear 0s;
  background-color: #1c192c;
  overflow: hidden;
  bottom: 0;
  width: 100%;
  max-width: 500px;
  border-radius: 10px 10px 0 0
}

.addmessage.pc {
  bottom: 10px;
  border-radius: 10px
}

.addmessage.on {
  height: 124px;
  overflow: inherit
}

.addmessage .close {
  position: absolute;
  background: url(../img/x2.png) no-repeat center center;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 8px;
  border-radius: 30px;
  background-size: 16px;
  background-color: #22162c
}

.addmessage .body {
  position: relative
}

.addmessage .body input {
  height: 70px;
  width: calc(100% - 78px);
  transition: height .2s linear 0s;
  background-color: inherit;
  color: #fff;
  font-size: 15px
}

.addmessage .body .submit {
  position: absolute;
  right: 0;
  top: 20px;
  height: 30px;
  background-color: #4e85fa;
  color: #fff;
  padding: 10px 20px;
  line-height: 11px;
  border-radius: 30px;
  cursor: pointer
}

.addmessage .body .submit.off {
  opacity: .3
}

.addmessage .bottom {
  margin-bottom: 10px;
  margin-top: 18px;
  height: 24px;
  line-height: 24px
}

.addmessage .bottom .ycang {
  position: relative;
  padding-left: 26px;
  margin-right: 30px;
  color: #5c596c;
  height: 24px;
  display: inline-block;
  cursor: pointer;
  line-height: 24px
}

.addmessage .bottom .ycang:before {
  content: '';
  position: absolute;
  background: url(../img/eyeclose.png) no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.addmessage .bottom .ycang.open:before {
  position: absolute;
  background-image: url(../img/eye.png)
}

.addmessage .bottom .changey {
  position: relative;
  padding-left: 26px;
  margin-right: 30px;
  color: #5c596c;
  height: 24px;
  display: inline-block;
  cursor: pointer;
  line-height: 24px
}

.addmessage .bottom .changey:before {
  content: '';
  position: absolute;
  background: url(../img/changey.png) no-repeat;
  background-size: 15px;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.addmessage .bottom .close {
  float: right;
  width: 30px;
  height: 30px
}

.radarimgbodyBox {
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #000;
  background: rgba(0, 0, 0, .7);
  z-index: 5100
}

.radarimgbodyBox.on {
  position: fixed
}

.radarimgbody {
  position: absolute;
  right: -270px;
  transition: right .3s linear 0s;
  width: 250px;
  top: 220px;
  max-height: 250px
}

.radarimgbody.on {
  right: 58px
}

#pano_body .radarimgbody.big {
  top: 50% !important;
  right: 50%;
  transform: translate(50%, -50%);
  width: 90%;
  height: 80% !important;
  max-height: inherit
}

.radarimgbody.big2 {
  transition: inherit
}

.radarimgbody.big::before {
  content: attr(tips);
  left: -34px;
  height: 40px;
  line-height: 36px;
  top: -76px;
  background: 0 0;
  border: none;
  position: absolute;
  font-size: 18px
}

.radarimgbody .radarimgparent {
  position: relative;
  width: 100%;
  overflow: hidden
}

.radarimgbody.big .radarimgparent {
  height: 100%
}

.radarimgbody .radarimg {
  transform: translate3d(0, 0, 0);
  cursor: grab;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center
}

.radarimgbody .radarimg .moveimg {
  pointer-events: none
}

.radarimgbody .radarimg .hot {
  background: url(../img/radarhot.png) no-repeat center center;
  background-size: 16px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  transform: scale(1);
  margin-left: -11px;
  margin-top: -11px;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 2px #fff solid;
  background: #544f6e
}

.radarimgbody .radarimg .hot img {
  display: none
}

.radarimgbody .radarimg .hot .panoname {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: #555;
  border-radius: 3px;
  padding: 4px 0;
  display: none
}

.radarimgbody .radarimg .hot .panoname .title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 6px
}

.big.showname.radarimgbody .radarimg .hot .panoname,
.radarimgbody .radarimg .hot:hover .panoname {
  display: inline-block
}

.radarimgbody .radarimg .hot .panoname:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 8px 9px 0 9px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%)
}

.radarimgbody .radarimg .hot .viewimg {
  display: none;
  opacity: 0;
  position: absolute;
  width: 50px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.radarimgbody .radarimg .hot.on {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  background: url(../img/radarview.png?20210408) no-repeat center center;
  background-size: 50px;
  border: none;
  background: 0 0
}

.radarimgbody .radarimg .hot.on img {
  width: 50px;
  height: 50px;
  display: inline-block
}

.radarimgbody .radarimg .hot.on:after {
  display: none
}

.radarimgbody .radarimg .hot.on:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 2px #fff solid;
  background: #4f85fb;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.8);
  visibility: visible;
  z-index: 9
}

.radarimgbody .radarimg .hot.on .hotpoint {
  position: absolute;
  width: 32px;
  height: 30px;
  border-radius: 10px;
  background-color: #0057ff;
  left: 50%;
  transform: translateX(-50%);
  cursor: e-resize;
  visibility: visible
}

.radarimgbody .radarimg .hot.on .viewimg {
  display: inline-block
}

.radarimgbody .scbtn {
  position: absolute;
  width: 100%;
  bottom: -32px
}

.radarimgbody .scbtn>span {
  margin: 0 4px
}

.radarimgbody.big .scbtn {
  position: initial;
  display: none
}

.radarimgbody .scalebsg {
  width: 66px;
  background: rgba(0, 0, 0, .6);
  border: 2px solid rgba(0, 0, 0, .4);
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
  visibility: hidden;
  background-clip: padding-box;
  padding: 2px 6px
}

.radarimgbody.on .scalebsg {
  visibility: visible
}

.radarimgbody.big .scalebsg {
  visibility: hidden;
  display: inline-block
}

.radarimgbody .closeradar:hover,
.radarimgbody .scalebsg:hover,
.radarimgbody .shouqi:hover {
  background-color: #5085fb;
  border-color: #5085fb
}

.radarimgbody .scalebsg .title {
  font-size: 14px;
  margin-left: 4px
}

.radarimgbody .scalebsg .title:after {
  content: '\653e\5927';
  display: block
}

.radarimgbody .scalebsg.big .icon_addscale.icon_addscale:before {
  content: "\e744"
}

.radarimgbody .scalebsg.big .title:after {
  content: '\7f29\5c0f'
}

.radarimgbody .scalebsg:active {
  opacity: .5
}

.radarimgbody .shouqi {
  width: 66px;
  background: rgba(0, 0, 0, .6);
  border: 2px solid rgba(0, 0, 0, .4);
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
  background-clip: padding-box;
  padding: 2px 6px
}

.menustyle0 .shouqi {
  visibility: hidden;
  display: none
}

.radarimgbody.big .shouqi {
  visibility: hidden;
  display: none
}

.radarimgbody .shouqi .title {
  font-size: 14px;
  margin-left: 4px
}

.radarimgbody .shouqi .title:after {
  content: '\5173\95ed';
  display: block
}

.radarimgbody .shouqi.big .icon_addscale.icon_addscale:before {
  content: "\e744"
}

.radarimgbody .shouqi.big .title:after {
  content: '\7f29\5c0f'
}

.radarimgbody .shouqi:active {
  opacity: .5
}

.radarimgbody .closeradar {
  width: 32px;
  height: 32px;
  cursor: pointer;
  line-height: 30px;
  background: rgba(0, 0, 0, .6);
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, .4);
  display: block;
  position: absolute;
  left: -40px;
  top: 0;
  visibility: hidden;
  text-align: center;
  background-clip: padding-box;
  display: none
}

.radarimgbody.on .closeradar {
  visibility: visible
}

.radarimgbody .closeradar .iconfont {
  font-size: 20px
}

.radarimgbody.big .closeradar {
  right: -34px;
  left: inherit;
  width: 40px;
  height: 40px;
  line-height: 36px;
  top: -76px;
  background: 0 0;
  border: none;
  display: inline-block
}

.radarimgbody.big .closeradar .iconfont {
  font-size: 34px
}

.radarimgbody .scale {
  position: absolute;
  right: 10px;
  visibility: hidden;
  bottom: 10px;
  background-color: #333;
  height: 40px;
  border-radius: 50px;
  width: 140px;
  left: 50%;
  transform: translateX(-50%)
}

.radarimgbody.big .scale {
  visibility: visible
}

.radarimgbody .scale span {
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 9px 0;
  cursor: pointer
}

.radarimgbody .scale .scaleYSChAnGE {
  padding: 7px 15px
}

.radarimgbody .scale .scaleYSChAnGE:active {
  opacity: .5
}

.radarimgbody .scale .scaleYSChAnGE .iconfont {
  font-size: 18px
}

#navmenuiframediv {
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  width: 100%;
  z-index: 8002;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  margin-left: 100%;
  -webkit-animation: on .2s 0s forwards;
  animation: on .2s 0s forwards
}

#navmenuiframe {
  width: calc(100% - 120px);
  height: calc(100% - 100px);
  transform: translate(60px, 50px)
}

#navmenuiframe.full {
  width: 100%;
  height: 100%;
  transform: initial
}

@media screen and (max-width: 500px) {
  .radarimgbody {
    width: 160px
  }

  .radarimgbody.on {
    right: 44px
  }

  .radarimgbody.big::before {
    left: 0;
    top: -56px
  }

  .radarimgbody .radarimg .hot {
    width: 16px;
    height: 16px;
    background-size: 13px
  }

  .radarimgbody .radarimg .hot.on {
    background-size: 42px
  }

  .radarimgbody .closeradar {
    width: 26px;
    left: -32px;
    height: 26px;
    line-height: 24px
  }

  .radarimgbody .closeradar .iconfont {
    font-size: 16px
  }

  .radarimgbody.big .closeradar {
    right: 0;
    top: -60px
  }

  .radarimgbody .scalebsg,
  .radarimgbody .shouqi {
    width: 60px;
    padding: 2px 4px;
    bottom: -30px
  }

  .radarimgbody.big .scalebsg,
  .radarimgbody.big .shouqi {
    bottom: 10px
  }

  .radarimgbody .scalebsg .iconfont,
  .radarimgbody .shouqi .iconfont {
    font-size: 15px
  }

  .radarimgbody .scalebsg .title,
  .radarimgbody .shouqi .title {
    font-size: 10px
  }

  .radarimgbody .scalebsg .title:after,
  .radarimgbody .shouqi .title:after {
    letter-spacing: 2px
  }

  .radarimgbody.big {
    right: 50%;
    width: 100%
  }

  #navmenuiframe {
    width: calc(100% - 60px);
    height: calc(100% - 50px);
    transform: translate(30px, 25px)
  }
}

#navmenuiframe.fullsscreen {
  width: 100%;
  height: 100%;
  transform: inherit
}

.bg_full {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .72)
}

.moveimgbody {
  z-index: 5002
}

.moveimgbody .moveimg {
  transform: translate3d(0, 0, 0);
  cursor: grab;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  transform-origin: center center;
  transition: initial;
  position: absolute;
  box-sizing: border-box
}

.setautotour {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.setautotour>div {
  height: 40px;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 40px;
  padding: 0 24px 0 16px;
  margin: 0 10px;
  cursor: pointer;
  opacity: .85
}

.setautotour>div:hover {
  opacity: 1
}

.setautotour>div:active {
  opacity: .5
}

.setautotour>div .iconfont {
  font-size: 24px
}

.setautotour>div span {
  color: #fff;
  font-style: initial;
  margin-left: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px
}

.setautotour>div::after {
  content: "";
  display: block;
  color: #fff;
  font-style: initial;
  margin-left: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px
}

.setautotour .dl_start::after {
  content: "\64ad\653e"
}

.setautotour .dl_zt::after {
  content: "\6682\505c"
}

.setautotour .dl_stop::after {
  content: "\505c\6b62"
}

.setautotour .dl_start .iconfont:before {
  content: "\e756"
}

.setautotour .dl_zt .iconfont:before {
  content: "\e754"
}

.setautotour .dl_stop .iconfont:before {
  content: "\e750"
}

.setspecir {
  position: fixed;
  bottom: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  transition: bottom .1s linear 0s
}

.setspecir.on {
  bottom: 80px
}

.setspecir>div {
  height: 40px;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 40px;
  padding: 0 24px 0 16px;
  margin: 0 10px;
  cursor: pointer;
  opacity: .85
}

.setspecir>div:hover {
  opacity: 1
}

.setspecir>div:active {
  opacity: .5
}

.setspecir>div .iconfont {
  font-size: 24px
}

.setspecir>div span {
  color: #fff;
  font-style: initial;
  margin-left: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px
}

.setspecir>div::after {
  content: "";
  display: block;
  color: #fff;
  font-style: initial;
  margin-left: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px
}

.setspecir .dl_start::after {
  content: "\5de1\6e38"
}

.setspecir .dl_zt::after {
  content: "\6682\505c"
}

.setspecir .dl_stop::after {
  content: "\5173\95ed"
}

.setspecir .dl_start .iconfont:before {
  content: "\e756"
}

.setspecir .dl_zt .iconfont:before {
  content: "\e754"
}

.setspecir .dl_stop .iconfont:before {
  content: "\e752"
}

.guideTbody {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px;
  text-align: center;
  background-color: rgba(0, 0, 0, .5);
  z-index: 9
}

.guideTbody pre {
  color: #fff;
  font-size: 14px;
  line-height: 24px
}

.guideTbody.bottom {
  bottom: 80px;
  top: auto
}

.guideTbody.heidi {
  background-color: rgba(255, 255, 255, .8)
}

.guideTbody.heidi pre {
  color: #333
}

.guideTbody.noback {
  background-color: inherit
}

.sharediv {
  max-width: 500px;
  width: 70%;
  font-size: 14px;
  padding: 15px;
  background-color: rgba(0, 0, 0, .6)
}

.sharediv .title {
  font-size: 18px;
  margin-bottom: 20px
}

.sharediv .tab .item {
  font-size: 16px;
  margin: 0 12px;
  border-radius: 40px;
  padding: 8px 12px;
  cursor: pointer
}

.sharediv i {
  font-size: 24px
}

.sharediv .tab .item:active {
  opacity: .5
}

.sharediv .tab .item.on,
.sharediv .tab .item:hover {
  background-color: rgba(0, 0, 0, .5);
  color: #4e85fa
}

.sharediv .copysharebtn:hover i,
.sharediv .tab .item.on i,
.sharediv .tab .item:hover i {
  color: #4e85fa
}

.sharediv .tab .item.on i:before,
.sharediv .tab .item:hover i:before {
  content: "\e74b"
}

.sharediv .qrcode {
  background-color: rgba(0, 0, 0, .5);
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  margin: 15px 0;
  width: 150px;
  height: 150px
}

.sharediv #sceneHtml {
  width: 82%;
  height: 98px;
  line-height: 24px;
  padding: 6px 8px;
  background-color: rgba(0, 0, 0, .5);
  vertical-align: middle;
  font-family: a;
  display: inline-block;
  margin-bottom: 16px;
  resize: none;
  overflow: hidden;
  font-size: 13px;
  border-radius: 5px
}

.sharediv .copysharebtn {
  width: 36px;
  display: inline-block;
  cursor: pointer
}

.sharediv .copysharebtn:hover {
  color: #4e85fa
}

.sharediv .copysharebtn:active {
  opacity: .5
}

.sharediv .closeshare {
  background-color: initial;
  width: 40px;
  height: 40px;
  background-position: center;
  top: 0;
  right: 0
}

@media screen and (max-width: 500px) {
  .setautotour>div {
    height: 30px;
    margin: 0 6px;
    padding: 0 18px 0 10px
  }

  .setautotour>div i {
    font-size: 20px
  }

  .setautotour>div::after {
    font-size: 10px
  }

  .pano_bottom_item.on.onhide+.speguidetail,
  .setspecir.on {
    bottom: 55px
  }

  .setspecir>div {
    height: 30px;
    padding: 0 18px 0 10px
  }

  .setspecir>div .iconfont {
    font-size: 20px
  }

  .setspecir .dl_stop::after,
  .setspecir .playerBtn::after {
    font-size: 10px
  }

  .sharediv {
    padding: 15px 10px
  }

  .sharediv i {
    font-size: 18px
  }

  .sharediv .title {
    font-size: 14px;
    margin-bottom: 10px
  }

  .sharediv .tab .item {
    margin: 0 2px;
    padding: 6px 10px
  }

  .sharediv #sceneHtml {
    width: calc(100% - 66px);
    line-height: 18px
  }

  .sharediv .copysharebtn {
    font-size: 12px;
    padding: 0 5px
  }
}

.sharediv.m {
  width: 90%;
  padding: 15px 0
}

.sharediv.m .title {
  font-size: 14px;
  margin-bottom: 10px
}

.sharediv.m .qrcode {
  padding: 20px 5%;
  margin: 15px 12px;
  width: 42%;
  height: auto
}

.sharediv.m .qrcode.q1 {
  margin-left: 0
}

.sharediv.m .qrcode.q2 {
  margin-right: 0
}

.sharediv.m .qrcode span {
  margin-top: 12px;
  display: inline-block;
  font-size: 12px
}

.sharediv.m2 {
  background-color: #fff;
  width: 90%;
  padding-top: 36px;
  max-width: 468px;
  border-radius: 8px
}

.sharediv.m2 .closeshare .icon_close {
  color: #666;
  font-size: 25px
}

.sharediv.m2 .title {
  display: none
}

.sharediv.m2 .tab .item {
  border: 2px solid #32caff;
  border-radius: 24px;
  color: #32caff;
  background-color: initial;
  height: 38px;
  padding: 3px;
  width: 40%;
  max-width: 150px;
  margin: 0 8px;
  font-size: 14px
}

.sharediv.m2 .tab .item span {
  width: 100%
}

.sharediv.m2 .tab .item i {
  font-size: 16px;
  color: #32caff;
  margin-right: 6px
}

.sharediv.m2 .tab .item.on span {
  color: #fff;
  background: #32caff;
  height: 100%;
  border-radius: 19px
}

.sharediv.m2 .tab .item.on i {
  color: #fff
}

.sharediv.m2 .qrcode {
  background-color: initial;
  padding: 0;
  width: 70%;
  height: auto;
  margin-bottom: 4px
}

.sharediv.m2 .tips {
  color: #666;
  line-height: 24px
}

.sharediv.m2 .tips span {
  color: #fe6f72
}

.sharediv.m2 .shareBtn {
  width: 80%;
  height: 46px;
  background: #32caff;
  border-radius: 36px;
  font-size: 20px;
  line-height: 46px;
  margin: 20px auto
}

.panotipsContent {
  position: fixed;
  bottom: -200px;
  background-color: rgba(0, 0, 0, .7);
  padding: 15px 30px;
  z-index: 4002;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px
}

.panotipsContent.on {
  bottom: 74px
}

.panotipsContent .close_panotipsContent {
  position: absolute;
  cursor: pointer;
  visibility: hidden
}

.panotipsContent.on .close_panotipsContent {
  top: -40px;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50px;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
  visibility: visible
}

.panotipsContent .close_panotipsContent .iconfont {
  font-size: 20px
}

.panotipsContent .title {
  text-align: center;
  font-size: 16px;
  margin-bottom: 16px
}

.panotipsContent .top {
  position: absolute;
  top: 15px;
  width: calc(100% - 72px)
}

.panotipsContent .top span {
  position: absolute;
  padding: 5px 0;
  cursor: pointer
}

.panotipsContent .top span:active {
  opacity: .5
}

.panotipsContent .top .morepbtn,
.panotipsContent .top .userbtn {
  right: 0
}

.panotipsContent .top .arrows.left {
  padding-left: 10px
}

.panotipsContent .top .arrows.left:after {
  left: 2px
}

.panotipsContent .top .arrows.right:after {
  right: -10px
}

.panotipsContent .content {
  height: 120px;
  position: relative;
  overflow: hidden
}

.panotipsContent .content pre {
  line-height: 24px;
  height: 120px;
  overflow-y: auto;
  position: absolute;
  bottom: -120px;
  -webkit-overflow-scrolling: touch
}

.panotipsContent .content pre.on {
  bottom: 0
}

.panotipsContent .jectlist {
  position: absolute;
  bottom: -120px;
  width: 100%
}

.panotipsContent .jectlist.on {
  bottom: 10px
}

.panotipsContent .jectlist .swiper-slide {
  width: 100px;
  height: 100px;
  margin-right: 15px;
  position: relative;
  border: 1px #fff solid;
  border-radius: 3px;
  overflow: hidden
}

.panotipsContent .jectlist .swiper-slide:active {
  opacity: .5
}

.panotipsContent .jectlist .swiper-slide img {
  height: 100%
}

.panotipsContent .jectlist .swiper-slide .titles {
  position: absolute;
  text-align: center;
  background-color: rgba(0, 0, 0, .5);
  bottom: 0;
  width: 100%;
  overflow: hidden;
  padding: 3px;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0 0 3px 3px
}

.panotipsContent.m {
  width: 100%;
  bottom: -260px;
  padding: 15px 0
}

.panotipsContent.m.on {
  bottom: 0
}

.panotipsContent.m.on .close_panotipsContent {
  top: 6px;
  right: calc(3% - 6px);
  border-radius: 50px;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
  padding: 0;
  background-color: initial
}

.panotipsContent.m.on .close_panotipsContent .iconfont {
  font-size: 22px
}

.panotipsContent.m .usrtitle {
  padding: 0 3% 10px;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  margin-bottom: 10px
}

.panotipsContent.m .usrtitle a {
  display: inline-block
}

.panotipsContent.m .usrtitle a:active {
  opacity: .5
}

.panotipsContent.m .usrimg {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 30px;
  margin-right: 13px
}

.panotipsContent.m .usrimg img {
  height: 100%;
  width: 100%;
  border-radius: 50%
}

.panotipsContent.m .usrname {
  font-size: 16px
}

.panotipsContent.m .tabinfo {
  text-align: center;
  margin-bottom: 12px
}

.panotipsContent.m .tabinfo span {
  font-size: 14px;
  padding: 0 6px 5px;
  margin: 0 10px;
  display: inline-block;
  border-bottom: 2px solid transparent
}

.panotipsContent.m .tabinfo span:active {
  opacity: .5
}

.panotipsContent.m .tabinfo span.on {
  border-bottom-color: #4e85fa
}

.panotipsContent.m .content {
  margin: 0 3%
}

.syNoticeUlbody {
  position: fixed;
  top: -50px;
  left: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 4002;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 32px;
  overflow: hidden
}

#syNoticeUlNew {
  margin: 0;
  left: 0;
  top: 0;
  margin-bottom: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute
}

#syNoticeUlNew li {
  display: inline-block;
  padding-right: 15px;
  cursor: pointer;
  color: #fff
}

.imgbody {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .72);
  z-index: 5001
}

.imgbody .bodylist {
  width: 80%;
  height: 80%;
  max-width: 1500px;
  position: relative
}

.imgbody .bodycontainer {
  height: 100%;
  overflow: hidden
}

.imgbody .bodycontainer .list .left {
  border-right: 1px solid #999;
  padding-right: 30px;
  width: 35%;
  position: relative;
  flex: none
}

.imgbody .bodycontainer .list .left pre {
  line-height: 24px;
  color: #fff;
  max-height: calc(100% - 80px);
  overflow: auto
}

.imgbody .bodycontainer .musicbody {
  width: calc(100% - 30px);
  height: 48px;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  border-radius: 26px;
  padding: 0 16px
}

.imgbody .bodycontainer .musicbody .emmusic {
  font-size: 30px;
  margin-right: 10px;
  cursor: pointer
}

.imgbody .bodycontainer .time {
  font-size: 16px;
  color: #fff
}

.imgbody .bodycontainer .zjdu_body {
  width: calc(100% - 12px);
  height: 30px;
  padding: 0 6px
}

.imgbody .bodycontainer .zjdu {
  width: 100%;
  height: 6px;
  background: #d8d8d8;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  display: block
}

.imgbody .bodycontainer .jdu {
  position: absolute;
  width: 0%;
  background: #5085fb;
  height: 100%;
  border-radius: 4px
}

.imgbody .bodycontainer .list .right {
  width: 65%;
  position: relative;
  padding-left: 30px
}

.imgbody .bodycontainer .list .right .imgcon {
  height: calc(100% - 80px);
  position: relative
}

.imgbody .bodycontainer .list .right .imgcon .top {
  position: absolute;
  height: 100%;
  width: 100%
}

.imgbody.desktop.lists .bodycontainer .list .right .imgcon .top .imgcontrool {
  visibility: hidden
}

.imgbody.desktop .bodycontainer .list .right:hover .imgcon .top .imgcontrool {
  visibility: visible
}

.imgbody .bodycontainer .list .right .imgcon .imglist {
  overflow: hidden
}

.imgbody .bodycontainer .list .right .imgcon .imglist div:first-child {
  transform: translate3d(0, 0, 0);
  cursor: grab;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center
}

.imgbody .bodylist .swiperpaginationbody {
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 25px;
  position: absolute;
  top: -32px
}

.imgbody .bodylist .swiper-pagination {
  display: initial;
  width: auto;
  position: initial
}

.imgbody .bodycontainer .list .right .imgcon .top .swiper-pagination-img {
  z-index: 2;
  position: absolute;
  padding: 0 24px;
  bottom: 16px;
  width: auto;
  left: 50%;
  transform: translateX(-50%)
}

.imgbody .bodycontainer .list .right .imgcon .top .swiper-pagination-img .swiper-pagination-bullet {
  background-color: #999;
  opacity: 1;
  border-radius: 12px;
  margin: 0 4px
}

.imgbody .bodycontainer .list .right .imgcon .top .swiper-pagination-img .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #4e85fa
}

.imgbody.mobile .bodylist {
  width: 90%;
  height: 90%;
  padding: 0;
  position: absolute;
  bottom: 3%
}

.imgbody.mobile .bodycontainer .list .right {
  padding-left: 0
}

.imgbody.mobile .bodycontainer .list .right .imgcon {
  margin-bottom: 12px
}

.imgbody.mobile .bodycontainer .list .right .righttbody {
  margin-bottom: 12px;
  max-height: 30%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  line-height: 24px
}

.imgbody.mobile .bodycontainer .list .right .imgcontrol .mobile_tbody_catary {
  width: 100%;
  margin-top: 12px
}

.imgbody.mobile .bodycontainer .list .right .imgcontrol .mobile_tbody_catary .nexticon2.swiper-button-disabled {
  background: rgba(51, 51, 51, .99)
}

.imgbody.mobile .bodycontainer .list .right .imgcontrol .mobile_tbody_catary .nexticon2 {
  position: inherit;
  width: 59px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #5085fb;
  border-radius: 5px;
  transform: inherit;
  visibility: hidden;
  opacity: 0
}

.imgbody .bodycontainer .list .right .imgcontrol {
  position: absolute;
  bottom: 0;
  width: 100%
}

.imgbody .bodycontainer .list .right .imgcontrol .scaleimg {
  height: 48px;
  background: rgba(0, 0, 0, .5);
  border-radius: 26px;
  padding: 0 12px
}

.imgbody .bodycontainer .list .right .imgcontrol .ibtn {
  padding: 0 12px;
  color: #fff;
  cursor: pointer;
  font-size: 14px
}

.imgbody .bodycontainer .list .right .imgcontrol .musicbody {
  width: 30%;
  position: initial;
  margin-right: 12px;
  min-width: 200px;
  max-width: 360px
}

.imgbody .bodycontainer .list .right .imgcontrol .emmusic {
  font-size: 30px
}

.imgbody .bodycontainer .list .right .imgcontrol .ibtn .iconfont {
  font-size: 22px;
  margin-right: 6px
}

.imgbody .bodycontainer .list .right .imgcontrol .chongzhi {
  height: 48px;
  padding: 0 12px;
  background: rgba(0, 0, 0, .5);
  border-radius: 26px;
  margin-left: 12px
}

.imgbody.mobile .bodycontainer .list .right .imgcontrol {
  flex-direction: column
}

.imgbody.mobile .bodycontainer .list .right .imgcontrol .musicbody {
  width: calc(100% - 1px);
  margin: 0;
  max-width: inherit;
  border-radius: 86px;
  padding: 0 16px 0 14px;
  height: 42px
}

.imgbody.mobile .bodycontainer .list .right .imgcontrol .chongzhi,
.imgbody.mobile .bodycontainer .list .right .imgcontrol .scaleimg {
  display: none
}

.imgbody.mobile .bodycontainer .list .right .imgcontrol .emmusic {
  font-size: 24px
}

.swiper_next,
.swiper_prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  cursor: pointer
}

.swiper_prev {
  left: 10px
}

.swiper_next {
  right: 10px
}

.previcon {
  background: url(../img/prev.png) no-repeat center center;
  background-size: 48px;
  width: 48px;
  height: 48px;
  opacity: .9
}

.nexticon {
  background: url(../img/next.png) no-repeat center center;
  background-size: 48px;
  width: 48px;
  height: 48px;
  opacity: .9
}

.nexticon:hover,
.previcon:hover {
  opacity: 1
}

.nexticon:active,
.previcon:active {
  opacity: .5
}

.nexticon.swiper-button-disabled,
.previcon.swiper-button-disabled {
  opacity: .35;
  cursor: no-drop !important
}

.bodycontainer .swiper_next,
.bodycontainer .swiper_prev {
  visibility: hidden
}

.imgbody .bodylist .tipsafter::before {
  border-color: #5085fb transparent transparent transparent
}

.imgbody .bodylist .tipsafter::after {
  background-color: #5085fb;
  color: #fff
}

.imgbody.mobile .bodylist .tipsafter::after,
.imgbody.mobile .bodylist .tipsafter::before {
  visibility: hidden
}

.imgbody .bodylist>.swiper_prev {
  left: -68px;
  background: url(../img/next2.png) no-repeat center center;
  background-size: 45px;
  height: 80px;
  transform: translateY(-50%) rotate(180deg)
}

.imgbody .bodylist>.swiper_prev::before {
  transform: translateX(-50%) rotate(-180deg);
  top: 80px
}

.imgbody .bodylist>.swiper_prev::after {
  transform: translateX(-50%) rotate(-180deg);
  top: 87px
}

.imgbody .bodylist>.swiper_next {
  right: -68px;
  background: url(../img/next2.png) no-repeat center center;
  background-size: 45px;
  height: 80px
}

.bodycontainer .swiper_next2,
.bodycontainer .swiper_prev2 {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  cursor: pointer;
  background-size: 36px
}

.bodycontainer .swiper_prev2 {
  left: 10px
}

.bodycontainer .swiper_next2 {
  right: 10px
}

.imgbody.mobile .bodycontainer .swiper_prev2 {
  left: -2px
}

.imgbody.mobile .bodycontainer .swiper_next2 {
  right: -2px
}

.imgbody.mobile .bodylist .tidai {
  top: auto;
  bottom: 0;
  transform: inherit;
  width: 59px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #5085fb;
  border-radius: 5px;
  opacity: 1
}

.imgbody.mobile .bodylist>.swiper_prev {
  left: 0
}

.imgbody.mobile .bodylist>.swiper_next {
  right: 0
}

.imgbody.mobile .bodylist .tidai::after {
  color: #fff;
  visibility: visible;
  background: inherit;
  padding: 0;
  position: initial;
  transform: inherit
}

.imgbody.mobile .bodylist>.swiper_prev::after {
  content: attr(tips)
}

.imgbody.mobile .bodylist .tidai.swiper-button-disabled {
  background: rgba(51, 51, 51, .99)
}

.imgbody.mobile .bodylist .tidai.swiper-button-disabled::after {
  color: #999
}

.HOTCSTESGORY {
  margin-bottom: 10px
}

.HOTCSTESGORY span {
  width: 90px;
  height: 32px;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, .4);
  display: block;
  text-align: center;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
  margin-bottom: 6px;
  background-clip: padding-box;
  cursor: pointer
}

.HOTCSTESGORY span.on,
.HOTCSTESGORY span:hover {
  background: #5085fb;
  border: 2px solid rgba(255, 255, 255, .4)
}

#toast.scenenametips {
  top: 20%
}

#toast.scenenametips .txt {
  font-size: 15px;
  background: 0 0;
  text-shadow: 0 0 #3098fe, 0 0 6px rgba(0, 0, 0, .4), 0 0 #3098fe, 0 0 #3098fe;
  margin-bottom: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

@media screen and (max-width: 500px) {

  .imgbody .bodycontainer .list .left pre,
  .imgbody .bodycontainer .list .right .imgcon {
    max-height: calc(100% - 40px)
  }

  .imgbody .bodylist {
    width: 100%;
    padding: 0 10px
  }

  .imgbody .bodycontainer .list .left {
    padding-right: 6px;
    margin-right: 6px
  }

  .imgbody .bodycontainer .musicbody {
    width: calc(100% - 6px);
    border-radius: 4px;
    padding: 0 5px;
    height: 30px
  }

  .imgbody .bodycontainer .musicbody .emmusic {
    font-size: 16px;
    margin-right: 3px
  }

  .imgbody .bodycontainer .time {
    font-size: 11px
  }

  .imgbody .bodycontainer .list .right .imgcontrol .scaleimg {
    height: 30px;
    padding: 0 4px;
    border-radius: 4px
  }

  .imgbody .bodycontainer .list .right .imgcontrol .ibtn {
    padding: 0 4px;
    font-size: 11px
  }

  .imgbody .bodycontainer .list .right .imgcontrol .ibtn .iconfont {
    font-size: 16px;
    margin-right: 3px
  }

  .imgbody .bodycontainer .list .right .imgcontrol .chongzhi {
    height: 30px;
    padding: 0 4px;
    border-radius: 4px;
    margin-left: 6px
  }

  .imgbody .bodycontainer .list .right .imgcontrol .musicbody {
    min-width: 140px
  }

  .imgbody .bodycontainer .list .right .imgcontrol .emmusic {
    font-size: 16px
  }

  .imgbody .bodylist>.swiper_prev {
    left: 0;
    background-size: 36px
  }

  .imgbody .bodylist>.swiper_next {
    right: 0;
    background-size: 36px
  }

  .bodycontainer .swiper_next2,
  .bodycontainer .swiper_prev2 {
    background-size: 40px
  }
}

.link_html.on {
  width: 80%;
  overflow: auto;
  max-width: inherit;
  height: 80%;
  background: 0 0;
  padding: 0
}

.link_html .title {
  height: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 25px;
  margin-bottom: 10px
}

.lock.windowBody {
  max-width: 500px;
  width: 80%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
  text-align: center;
  padding: 40px 0
}

.lock .title {
  font-size: 24px;
  font-weight: 500;
  color: #333
}

.lock .title .icon_suo {
  color: #333;
  font-size: 24px
}

.lock .tinput {
  position: relative
}

.lock .tinput .tips {
  position: absolute;
  color: red;
  bottom: -24px;
  left: 40px
}

.lock .tinput input {
  display: block;
  width: calc(100% - 104px);
  height: 40px;
  line-height: 40px;
  border: 1px solid #979797;
  border-radius: 6px;
  margin: 24px 40px 32px;
  color: #000;
  padding: 0 12px;
  text-align: center;
  font-size: 14px
}

@media screen and (max-width: 500px) {
  .lock.windowBody {
    padding: 27px 0
  }

  .lock .title,
  .lock .title .icon_suo {
    font-size: 18px
  }

  .lock .tinput input {
    height: 36px;
    line-height: 36px;
    margin: 14px 40px 22px
  }

  .link_html.on {
    width: 94%;
    height: 90%
  }

  .link_html .title {
    font-size: 16px;
    margin-bottom: 6px
  }
}

.mouseGS {
  position: fixed;
  background-color: rgba(0, 0, 0, .5);
  top: 0;
  left: -10000px;
  z-index: 4003;
  padding: 5px 6px;
  width: max-content;
  border-radius: 5px;
  z-index: 5100
}

.backdrop {
  backdrop-filter: saturate(150%) contrast(80%) blur(3px);
  -webkit-backdrop-filter: saturate(150%) contrast(80%) blur(8px);
  background-color: rgba(0, 0, 0, .3)
}

.android .backdrop {
  background-color: rgba(0, 0, 0, .7)
}

.closesound {
  width: 160px;
  height: 48px;
  background: rgba(0, 0, 0, .6);
  border-radius: 24px;
  border: 2px solid rgba(0, 0, 0, .4);
  z-index: 100;
  transform: scale(1) translate(-50%, -50%);
  -webkit-transform: scale(1) translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: fixed;
  cursor: pointer
}

.closesound .icon_close {
  font-size: 26px
}

.closesound span {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  margin-left: 12px
}

.mobile .closesound {
  width: 110px;
  height: 36px
}

.mobile .closesound .icon_close {
  font-size: 20px
}

.mobile .closesound span {
  font-size: 14px;
  margin-left: 6px
}

.radarimgbody.on .shouqi {
  visibility: visible;
  display: inherit
}

.radarimgbody.on.big .shouqi {
  visibility: hidden;
  display: none
}

.menustyle0 .radarimgbody.on .shouqi {
  display: none;
  visibility: hidden
}

.score {
  width: 72px;
  height: 32px;
  font-size: 14px;
  background: linear-gradient(131deg, #fcad62 0, #ff591f 100%);
  border-radius: 18px;
  position: absolute;
  top: calc(20% - 60px);
  left: calc(50% - 36px);
  text-align: center;
  line-height: 32px
}

.pano_bottom_item.skinItem3 {
  max-height: 250px;
  bottom: -300px;
  transition: bottom .1s linear 50ms
}

.pano_bottom_item.on.skinItem3 {
  bottom: 0
}

.pano_bottom_item.skinItem3 .item_top {
  transform: initial
}

.skinItem3.other .navlefttop .fwligna {
  position: fixed;
  bottom: 10px
}

.skinItem3.other .navlefttop .logtip {
  position: fixed;
  bottom: 28px
}

.skinItem3 .navlefttop .compass {
  width: 40px;
  height: 40px
}

.skinItem3.mobile .navlefttop .compass {
  width: 40px;
  height: 40px
}

.skinItem3 .pano_bottom_item .item_bottom {
  position: absolute !important;
  bottom: 0;
  right: 0
}

.skinItem3 .item_bottom .menu_left em:last-child {
  margin-right: 0
}

.skinItem3 .navrightbottom .iconfont:before {
  background: url(../img/skin/3/praise.png) no-repeat scroll center center;
  background-size: 100%;
  width: 28px;
  height: 28px;
  content: '';
  display: inline-block
}

.skinItem3 .navrightbottom .praise.on .iconfont:before {
  background-image: url(../img/skin/3/praise2.png)
}

.skinItem3 .navrightbottom .icon_shuoyishuo:before {
  background-image: url(../img/skin/3/say.png)
}

.skinItem3 .navrightbottom .icon_commend:before {
  background-image: url(../img/skin/3/mesage.png)
}

.skinItem3 .navrightbottom .icon_share:before {
  background-image: url(../img/skin/3/share.png)
}

.skinItem3.mobile .navrightbottom .list>.icon_base_ibtn:last-child {
  margin-bottom: 0
}

.skinItem3 .radarimgbody.on {
  right: 20px
}

.skinItem3.mobile .radarimgbody.on {
  right: 10px
}

.skinItem3 .setautotour>div,
.skinItem3 .setspecir>div,
.skinItem3 .speguidetail p.flex_center_y {
  background-color: rgba(0, 0, 0, .3);
  backdrop-filter: saturate(150%) contrast(80%) blur(3px);
  -webkit-backdrop-filter: saturate(150%) contrast(80%) blur(8px);
  background-color: rgba(0, 0, 0, .3)
}

.skinItem3 .speguidetail p .iconfont:before {
  background: url(../img/skin/3/play.png) no-repeat scroll center center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  content: '';
  display: block
}

.skinItem3 .speguidetail p .icon_search:before {
  background-image: url(../img/skin/3/search.png)
}

.skinItem3 .setautotour>div .iconfont:before {
  background: url(../img/skin/3/pause.png) no-repeat scroll center center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  content: '';
  display: block
}

.skinItem3 .setautotour>div.dl_start .iconfont:before {
  background-image: url(../img/skin/3/play.png)
}

.skinItem3 .setautotour>div.dl_stop .iconfont:before {
  background-image: url(../img/skin/3/over.png)
}

.skinItem3 .setspecir>div .iconfont:before {
  background: url(../img/skin/3/play.png) no-repeat scroll center center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  content: '';
  display: block
}

.skinItem3 .setspecir>div.dl_zt .iconfont:before {
  background-image: url(../img/skin/3/pause.png)
}

.skinItem3 .setspecir>div.dl_stop .iconfont:before {
  background-image: url(../img/skin/3/close.png)
}

.skinItem3 .radarimgbody.on .shouqi {
  visibility: visible;
  display: inherit
}

.skinItem3 .radarimgbody.on.big .shouqi {
  visibility: hidden;
  display: none
}

.skinItem3 .radarimgbody.on .scbtn {
  bottom: -40px
}

.skinItem3 .radarimgbody.on .scbtn>span.flex__center {
  background: rgba(0, 0, 0, .6);
  height: 32px;
  border: none
}

.skinItem3 .radarimgbody.on .scbtn>span.flex__center:hover {
  background-color: #5085fb
}

.skinItem3 .radarimgbody.on .scbtn>.flex__center .iconfont:before {
  background: url(../img/skin/3/big.png) no-repeat scroll center center;
  background-size: 100%;
  width: 18px;
  height: 18px;
  content: '';
  display: block
}

.skinItem3 .radarimgbody.on .scbtn .shouqi .iconfont:before {
  background-image: url(../img/skin/3/close.png)
}

@media screen and (max-width: 500px) {
  .skinItem3 .radarimgbody.on .scbtn {
    bottom: -32px
  }

  .skinItem3 .radarimgbody.on .scbtn>span.flex__center {
    height: 24px
  }
}

.moresystem.skinItem3 {
  padding: 0;
  max-width: 304px;
  border-radius: 8px;
  width: auto;
  background-color: rgba(0, 0, 0, .5);
  min-width: 180px;
  z-index: 4009
}

.moresystem.skinItem3.android {
  background-color: rgba(0, 0, 0, .7)
}

.moresystem.skinItem3 .title {
  height: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  padding: 0 15px;
  font-size: 16px
}

.moresystem.skinItem3 .title::before {
  content: "";
  background: url(../img/skin/3/moreset.png) no-repeat scroll center center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  margin-right: 6px
}

.moresystem.skinItem3 .title .close {
  position: absolute;
  right: 10px;
  padding: 5px;
  cursor: pointer
}

.moresystem.skinItem3 .mslist {
  padding: 10px 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%
}

.moresystem.skinItem3 .mslist em {
  width: 48px;
  margin: 10px 12px;
  position: relative;
  height: 48px;
  cursor: pointer
}

.moresystem.skinItem3 .mslist em i {
  font-size: 24px
}

.moresystem.skinItem3 .mslist .menu_icon_btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%
}

.moresystem.skinItem3 .mslist .fullscreen::after {
  content: "全屏"
}

.moresystem.skinItem3 .mslist .autorotate::after {
  content: "自动巡游"
}

.moresystem.skinItem3 .mslist .vrr::after {
  content: "VR模式"
}

.moresystem.skinItem3 .mslist .music::after {
  content: "音乐"
}

.moresystem.skinItem3 .mslist .voice::after {
  content: "解说"
}

.moresystem.skinItem3 .mslist .fullflag::after {
  content: "旗点"
}

.moresystem.skinItem3 .mslist .winecellar_p::after {
  content: "沙盘"
}

.moresystem.skinItem3 .mslist .gyro::after {
  content: "陀螺仪"
}

.moresystem.skinItem3 .mslist .winecellar_p {
  width: 48px;
  margin: 10px 12px;
  position: relative;
  height: 48px;
  padding: 0;
  border: none;
  background: 0 0;
  cursor: pointer
}

.moresystem.skinItem3 .mslist .winecellar_p i {
  font-size: 24px
}

.moresystem.skinItem3 .mslist .winecellar_p .title {
  display: none
}

.moresystem.skinItem3 .mslist.flex_center_x {
  width: auto
}

@media screen and (max-width: 700px) {
  .moresystem.skinItem3 .title {
    font-size: 12px
  }
}

#hycontrolBtn {
  transition: all .5s ease-in-out
}

#hycontrolBtn .menuWrap {
  position: relative
}

.hymenu,
.hymenu_industry,
.hymenu_sub,
.hymenu1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 14vh;
  border-radius: 50% 50% 0 0;
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  text-align: center;
}

.hymenu>span,
.hymenu_industry>span,
.hymenu_sub>span,
.hymenu1>span {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: #333;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition: all .5s ease-in-out
}

.hymenu>span a,
.hymenu_industry>span a,
.hymenu_sub>span a {
  color: rgba(255, 255, 255, .8);
  z-index: 9999;
  font-size: 1.6vh;
  padding: 1.4vh .4vh;
  position: relative;
  font-weight: 400;
  display: inline-block;
  pointer-events: visible;
  transform: translateY(0);
  transition: all .5s ease-in-out;
  cursor: pointer;
  border-radius: 40px;
  -webkit-transition: all 1s ease-in-out
}

.hymenu1>span div{
  width: 46px;
  margin: 0px auto -2px;
  height: 46px;
  overflow: hidden;
  background-position: 0 0;
  background-size: auto 100%;
}

.hymenu1 .on div{
  animation: boom-mclose-data 0.5s steps(25) forwards;
}

@keyframes boom-mopen-data {
  0% {
      background-position: 0 0
  }

  to {
      background-position: -1150px 0
  }
}


@keyframes boom-mclose-data {
  0% {
      background-position: -1150px 0
  }

  to {
      background-position: 0 0
  }
}

.hymenu1>span div,
.hymenu1>span a {
  pointer-events: visible;
}

.ronundHide .hymenu1>span div,
.ronundHide .hymenu1>span a{
  pointer-events: none!important;

}

.hymenu>span.on a,
.hymenu_industry>span.on a,
.hymenu_sub>span.on a,
.hymenu1>span.on a {
  color: #fff;
  font-weight: 700;
  transform: translateY(-3px)
}

.hymenu>span.on a::after,
.hymenu_industry>span.on a::after,
.hymenu_sub>span.on a::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  background: rgba(255, 255, 255, .8);
  border-radius: 110px 0 110px 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3px
}

.char1,
.char2,
.char3,
.char4,
.char5,
.char6 {
  color: rgba(255, 255, 255, .8)
}

span.on a .char1,
span.on a .char2,
span.on a .char3,
span.on a .char4,
span.on a .char5,
span.on a .char6 {
  color: #fff
}

.hymenu {
  -webkit-transform-origin: 50% 100%
}

.hyrlbg2 {
  backdrop-filter: none;
  -webkit-backdrop-filter: none
}

.hyrlbg2.small {
  height: 20vh;
  width: 20vh;
  bottom: -12.8vh
}

#hycontrolBtn .menuWrap>div {
  transition: all .5s ease-in-out
}

.hyroul-body .cbottom {
  position: absolute;
  bottom: 1vh;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all .8s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  text-align: center;
  background-size: 45px;
  transform: translateX(0);
  pointer-events: visible;
  cursor: pointer
}

.hyroul-body .cbottom.show {
  bottom: 18vh;
  opacity: 1;
  visibility: visible
}

.hyroul-body .cbottom.citymap {
  background: url(../img/skin/3/moreset.png) no-repeat scroll center center;
  background-size: 100%
}

.hyroul-body .cbottom.hylogo {
  background: url(../img/skin/3/center.png?20210123) no-repeat scroll center center;
  background-size: 100%;
  width: 64px;
  height: 84px;
  transform: translateY(18px)
}

.hyroul-body .cbottom.mycenter {
  background: url(../img/skin/3/panotips.png?20210122) no-repeat scroll center center;
  background-size: 100%
}

.hyroul-body .cbottom.hylogo {
  z-index: 98
}

.hyroul-body .cbottom.citymap.show {
  transform: translateX(-80px)
}

.hyroul-body .cbottom.mycenter.show {
  transform: translateX(80px)
}

.hyroul-body .cbottom.hylogo.small {
  bottom: -9px
}

.hyroul-body .cbottom.citymap:after {
  content: attr(tips);
  position: absolute;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 2px);
  text-align: center;
  font-size: 1.4vh;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.hyroul-body .cbottom.mycenter:after {
  content: attr(tips);
  position: absolute;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 2px);
  text-align: center;
  font-size: 1.4vh;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.pano_bottom_item.mobile.ios .hymenu>span.on a::after,
.pano_bottom_item.mobile.ios .hymenu_industry>span.on a::after,
.pano_bottom_item.mobile.ios .hymenu_sub>span.on a::after {
  bottom: 6px
}

.pano_bottom_item.android .hyrlbg,
.pano_bottom_item.android .hyrlbg2,
.pano_bottom_item.android .hyrlbg_ind,
.pano_bottom_item.android .hyrlbg_sub {
  background-color: rgba(0, 0, 0, .4)
}

.hideed .hymenu,
.hideed .hymenu_industry,
.hideed .hymenu_sub,
.hideed .hyrlbg,
.hideed .hyrlbg_ind,
.hideed .hyrlbg_sub {
  height: .1vh !important;
}


.hideed .hymenu1 {
  height: 35.5vh !important;
}

.hideed.hyroul-body .cbottom {
  opacity: 0;
  visibility: hidden;
  transform: translateX(0)
}

.hideed.sf.hyroul-body .cbottom.hylogo {
  opacity: 1;
  visibility: visible
}

.hideed.sf.hyroul-body .hyrlbg2 {
  backdrop-filter: saturate(150%) contrast(80%) blur(3px);
  -webkit-backdrop-filter: saturate(150%) contrast(80%) blur(8px);
  transform: translate(-50%, -46%);
}

@media screen and (max-width: 700px) {

  .hideed.sf.hyroul-body .hyrlbg2 {
    backdrop-filter: saturate(150%) contrast(80%) blur(3px);
    -webkit-backdrop-filter: saturate(150%) contrast(80%) blur(8px);
    transform: translate(-50%, -50%);
  }
}



.hyroul-body .height0 {
  height: .1vh !important
}