.glyz-box {
  padding: 3rem;
  background-image: url(../img/y/yzbj.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: url("../img/sbsvg.svg") 0 41, auto !important;
}

.glyz-box .img-content {
  width: calc(100% - 6rem);
  margin: 0 auto;
  /* overflow: hidden; */
  margin-top: 1rem;
  height: 75vh;
  position: relative;
  cursor: url("../img/sbsvg.svg") 0 41, auto !important;
}

.glyz-box .t1 {
  font-weight: 700;
  color: #76161b;
  line-height: 1;
  position: relative;
  z-index: 33;
}

.glyz-box .tips-list {
  position: absolute;
  top: 3rem;
  right: 3rem;
  z-index: 33;
}

.glyz-box .tips-list .tip {
  display: flex;
  align-items: center;
  margin-bottom: 0.375rem;
}

.glyz-box .tips-list .tip .tit-15 {
  color: #000;
  font-weight: 700;
  line-height: 1;
}

.glyz-box .tips-list .tip .icon {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 1px solid #76161b;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  transition: all 0.5s;
}

.glyz-box .tips-list .tip .icon svg {
  width: 0.55rem;
  height: 0.55rem;
  fill: #76161b;
  transition: all 0.5s;
}

.glyz-box .tips-list .tip:hover .icon {
  background-color: #76161b;
}

.glyz-box .tips-list .tip:hover .icon svg {
  fill: #fff;
}

.zoomableContainer {
  overflow: initial !important;
}

.glyz-box .img-box {
  position: relative;
  cursor: url("../img/sbsvg.svg") 0 41, auto !important;
}

.bigaltr,
.bigaltr .close,
.bigaltr .glyz-box {
  cursor: url("../img/sbsvg.svg") 0 41, auto !important;
}

.glyz-box .img-box .red-box {
  position: absolute;
  width: 3.2rem;
  /* cursor: pointer; */
  transform: scale(0.8);
  transition: all 0.5s;
}

.glyz-box .img-box .red-box:hover {
  transform: scale(0.92);
}

.glyz-box .img-box .yellow-box {
  position: absolute;
  width: 2.525rem;
  /* cursor: pointer; */
  transform: scale(0.8);
  transition: all 0.5s;
}

.glyz-box .img-box .yellow-box:hover {
  transform: scale(0.92);
}

.heroajax {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 999;
}

.hor-box {
  position: relative;
  width: 17.075rem;
  border-radius: 10px;
  z-index: 333;
  background: #fff;
  box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.1);
  border-top: 6px solid #76161b;
  padding: 0.75rem;
  display: flex;
  padding-bottom: 1.075rem;
}

.hor-box .img-box {
  width: 3.575rem;
  height: 3.575rem;
  border-radius: 50%;
  overflow: hidden;
}

.hor-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hor-box .txt {
  width: calc(100% - 3.575rem);
  padding-left: 1rem;
}

.hor-box .txt .name {
  color: #76161b;
  font-size: 0.55rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.3rem;
}

.hor-box .txt .t2 .li {
  margin-top: 0.25rem;
  color: #222;
  font-size: 0.425rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}

.hor-box .txt .t3 {
  color: #222;
  font-size: 0.425rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0.4rem;
}

.hor-box .txt .herabox {
  /* display: flex; */
  display: inline-block;
  width: auto;
  padding: 0 0.5rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  background: #76161b;
  align-items: center;
  justify-content: center;
  margin-top: 0.575rem;
  transition: all 0.5s;
  font-size: 0;
  vertical-align: middle;
  position: relative;
}

.hor-box .txt .herabox .t {
  color: #bb9e6d;
  display: inline-block;
  font-size: 0.425rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3rem;
  transition: all 0.5s;
}

.hor-box .txt .herabox .icon {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  margin-left: 0.3rem;
  position: relative;
  /* right: 0.5rem; */
  /* top: 50%; */
  transform: translateY(15%);
}

.hor-box .txt .herabox .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hor-box .txt .herabox:hover {
  background-color: #bb9e6d;
}

.hor-box .txt .herabox:hover .t {
  color: #76161b;
}

.hor-box .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.hor-box .close svg {
  width: 0.75rem;
  transition: all 0.5s;
}

.hor-box .close:hover svg {
  transform: rotate(180deg);
}

/* 俞佩玉 */
.ypy {
  top: 25.5%;
  left: 16.5%;
}

/* 楚留香 */
.clx {
  top: 30.4%;
  left: 66%;
}

/* 薛衣人 */
.xyr {
  top: 18.8%;
  left: 62.66%;
}

/* 原随云 */
.ysy {
  top: 47.8%;
  left: 51.6%;
}

/* 原随云 */
.hth {
  top: 36.5%;
  left: 76%;
}

.fdbox {
  position: absolute;
  width: 4rem;
  height: 3.25rem;
  top: 63%;
  right: 6%;
}

.fdbox .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.fdbox img {
  transition: all 0.5s;
  width: 100%;
}

.fdbox .txt .t11 {
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 2px #000;
  text-align: center;
  font-size: 0.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}

.fdbox .txt .t22 {
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 2px #000;
  font-size: 0.55rem;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin-top: 0.2rem;
  margin-bottom: 0.225rem;
}

.fdbox:hover img {
  transform: scale(1.05);
}

.glyz-box .img-content.lxfmap {
  width: calc(100% - 28rem);
  margin: 0 auto;
  /* overflow: hidden; */
  margin-top: 1rem;
  position: relative;
}

.glyz-box .lxfmap .img-box .red-box {
  transform: scale(0.55);
}

.glyz-box .lxfmap .img-box .red-box:hover {
  transform: scale(0.65);
}

.glyz-box .lxfmap .img-box .yellow-box {
  transform: scale(0.55);
}

.glyz-box .lxfmap .img-box .yellow-box:hover {
  transform: scale(0.65);
}

/* 陆小凤 */
.lxf {
  top: 62.6%;
  left: 29.5%;
}

/* 赵无忌 */
.zwj {
  top: 29%;
  left: 31.5%;
}

/* 花满楼 */
.hml {
  top: 58.7%;
  left: 2.4%;
}

/* 叶孤城 */
.ygc {
  top: 56%;
  left: 16.4%;
}

/* 西门吹雪 */
.xmcx {
  top: 54.2%;
  left: 35.6%;
}

/* 司空摘星 */
.skzx {
  top: 60.6%;
  left: 61.1%;
}

.glyz-box .lxfmap .fdbox {
  position: absolute;
  width: 4rem;
  height: 3.25rem;
  top: 28.5%;
  right: -23%;
  transform: scale(0.6);
}

.glyz-box .qzwq .img-box .yellow-box {
  transform: scale(0.9);
}

.glyz-box .qzwq .img-box .yellow-box:hover {
  transform: scale(0.95);
}

/* 青龙会 */
.qlh {
  top: 38%;
  left: 47.75%;
}

/* 秋凤梧 */
.qfw {
  top: 38%;
  left: 29.5%;
}

/* 王盛兰 */
.wsn {
  top: 69.2%;
  left: 29.5%;
}

/* 萧泪血 */
.xlx {
  top: 65.7%;
  left: 64.4%;
}

/* 杨铮 */
.yz {
  top: 55.9%;
  left: 68.15%;
}

/* 萧少英 */
.xsy {
  top: 33.3%;
  left: 75.55%;
}

/* 段玉 */
.dy {
  top: 18.3%;
  left: 79.8%;
}

/* 白玉京 */
.byj {
  top: 15.3%;
  left: 52.8%;
}

.glyz-box .qzwq .fdbox {
  position: absolute;
  top: 17.5%;
  right: 81.6%;
}

.glyz-box .jhryz .img-box .red-box {
  transform: scale(0.88);
}

.glyz-box .jhryz .img-box .red-box:hover {
  transform: scale(0.98);
}

/* 谢晓峰 */
.xxf {
  top: 33.6%;
  left: 45.5%;
}

/* 丁鹏 */
.dp {
  top: 53.5%;
  left: 40.6%;
}

/* 慕容秋荻 */
.mrqd {
  top: 28.9%;
  left: 58%;
}

/* 燕十三 */
.yss {
  top: 47.9%;
  left: 57.8%;
}

.glyz-box .jhryz .fdbox {
  top: 17.5%;
  right: 80.5%;
  transform: scale(0.8);
}

.glyz-box .img-content.hlyxyz {
  width: calc(100% - 10rem);
}

/* 郭大路 */
.gdl {
  top: 38.2%;
  /* left: 35.2%; */
  left: 40.2%;
}

.glyz-box .hlyxyz .img-box .red-box {
  transform: scale(0.9);
}

.glyz-box .hlyxyz .img-box .red-box:hover {
  transform: scale(1);
}

/* 燕七 */
.yq {
  top: 61.8%;
  /* left: 27.7%; */
  left: 33%;
}

/* 林太平 */
.ltp {
  top: 69.3%;
  /* left: 52.7%; */
  left: 56%;
}

/* 王动 */
.wd {
  top: 45.1%;
  /* left: 61.2%; */
  left: 64.2%;
}

.glyz-box .img-content.ssyz {
  width: calc(100% - 20rem);
}

.glyz-box .ssyz .img-box .red-box {
  transform: scale(0.72);
}

.glyz-box .ssyz .img-box .red-box:hover {
  transform: scale(0.82);
}

/* 王动 */
.mxh {
  top: 29%;
  left: 57%;
}

/* 孙蝶 */
.sd {
  top: 43%;
  left: 42%;
}

/* 孙蝶 */
.sd {
  top: 43%;
  left: 42%;
}

/* 孙玉伯 */
.syb {
  top: 32%;
  left: 30.4%;
}

/* 萧十一郎 */
.xsyl {
  top: 37%;
  left: 41.4%;
}

.glyz-box .img-content.xsylyz {
  width: calc(100% - 22rem);
}

/* 逍遥侯 */
.xyh {
  top: 36.5%;
  left: 21.4%;
}

/* 连城璧 */
.lcb {
  top: 57%;
  left: 37%;
}

/* 沈璧君 */
.sbj {
  top: 50%;
  left: 56.7%;
}

/* 风四娘 */
.fsn {
  top: 43%;
  left: 73.5%;
}

.glyz-box .img-content.jdsjyz {
  width: calc(100% - 14rem);
}

/* 花无缺 */
.hwq {
  top: 41.2%;
  left: 56.3%;
}

/* 江小鱼 */
.jxy {
  top: 40.4%;
  left: 29.6%;
}

/* 苏樱 */
.sy {
  top: 48.7%;
  left: 17%;
}

/* 十大恶人 */
.sder {
  top: 52.7%;
  left: 44.9%;
}

/* 铁心兰 */
.txl {
  top: 61.7%;
  left: 58.7%;
}

/* 怜星 */
.lx {
  top: 71.7%;
  left: 75.7%;
}

/* 邀月 */
.yy {
  top: 58.7%;
  left: 78.2%;
}

/* 江别鹤 */
.jbh {
  top: 15.9%;
  left: 50.5%;
  width: 2.8rem !important;
}

/* 江玉郎 */
.jyl {
  top: 22.2%;
  left: 32.5%;
}

.glyz-box .img-content.othermap {
  width: calc(100% - 14rem);
}

/* 丁宁 */
.yzdn {
  top: 23.2%;
  left: 13.8%;
}

.glyz-box .othermap .img-box .red-box {
  transform: scale(0.65);
}

.glyz-box .othermap .img-box .red-box img {
  transition: all 0.3s;
}

.glyz-box .othermap .img-box .red-box:hover img {
  transform: scale(1.1);
}

/* 要命的小方 */
.ymdxf {
  top: 57.9%;
  left: 16%;
}

/* 田思思 */
.tss {
  top: 3.5%;
  left: 34%;
}

/* 卜鹰 */
.py {
  top: 79.5%;
  left: 53%;
}

/* 赵波波 */
.zbb {
  top: 49.5%;
  left: 47%;
}

/* 小雷 */
.xl {
  top: 27.5%;
  left: 53%;
}

/* 王风 */
.wf {
  top: 10.5%;
  left: 69.1%;
}

/* 柳长街 */
.lcj {
  top: 51%;
  left: 70.4%;
}

.hero-container .swiper-box .hero-swiper .swiper-wrapper .swiper-slide {
  transition: all 0s !important;
  overflow: hidden;
}

.hero-container .swiper-box .hero-swiper .swiper-wrapper .swiper-slide:hover a {
  background: #76161b !important;
  color: #bb9e6d !important;
}

/* 飞刀宇宙 */
.glyz-box .img-content.fdmap {
  width: auto;
  height: auto;
}

.glyz-box .fdmap .img-box .red-box {
  transform: scale(0.6);
}

.glyz-box .fdmap .img-box .red-box:hover {
  transform: scale(0.75);
}

.glyz-box .fdmap .img-box .yellow-box {
  transform: scale(0.6);
}

.glyz-box .fdmap .img-box .yellow-box:hover {
  transform: scale(0.75);
}

/* 沈浪 */
.sl {
  top: 65.35%;
  left: 65%;
}

/* 沈浪 */
.wlh {
  top: 62.75%;
  left: 70.65%;
}

/* 朱七七 */
.zqq {
  top: 53%;
  left: 66.65%;
}

/* 白飞飞 */
.bff {
  top: 77%;
  left: 67.5%;
}

/* 李寻欢 */
.lxh {
  top: 64%;
  left: 38.35%;
}

/* 天机老人 */
.tjlr {
  top: 68.5%;
  left: 29.275%;
}

/* 孙小红 */
.sxh {
  top: 64.25%;
  left: 33.425%;
}

/* 阿飞 */
.af {
  top: 59.8%;
  left: 41.5%;
}

/* 上官金虹 */
.sgjh {
  top: 57.5%;
  left: 47.235%;
}

/* 荆无命 */
.jwm {
  top: 54.1%;
  left: 51.7%;
}

/* 李坏 */
.lh {
  top: 20.45%;
  left: 54.25%;
}

/* 马如龙 */
.mrl {
  top: 24.5%;
  left: 69.25%;
}

/* 叶开 */
.yk {
  top: 40%;
  left: 38%;
}

/* 飞刀宇宙 */
/* 傅红雪 */
.fhx {
  top: 27.5%;
  left: 39%;
}

/* 公子羽 */
.gzy {
  top: 29%;
  left: 34%;
}

/* 丁灵琳 */
.dll {
  top: 41%;
  left: 45.85%;
}

/* 上官小仙 */
.sgxx {
  top: 49%;
  left: 43%;
}

.fdmap .fdbox {
  transform: scale(0.5);
}

.fdmap .hyywd {
  top: 83%;
  right: 50.9%;
}

.fdmap .bylh {
  top: 67%;
  right: 76.5%;
}

.fdmap .qclxz {
  top: 50%;
  right: 72.6%;
}

.fdmap .derzwqkql {
  top: 10%;
  right: 76.5%;
}

.hero-container .swiper-box .hero-swiper .swiper-wrapper .swiper-slide-active {
  background: transparent;
  color: #76161b;
}

.hero-container .swiper-box .hero-swiper .swiper-wrapper .swiper-slide a.on {
  background: #76161b !important;
  color: #bb9e6d !important;
}

.bigaltr {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background-image: url(../img/y/yzbj.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
}

.bigaltr .glyz-box {
  /* margin-top: -3rem; */
  background-image: none;
}

.bigaltr .glyz-box .img-content {}

.bigaltr .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 3;
}

.bigaltr .close svg {
  width: 0.75rem;
  transition: all 0.5s;
}

.bigaltr .close:hover svg {
  transform: rotate(180deg);
}

.bigaltr .glyz-box .img-content.qzwq {
  width: calc(100% - 11rem);
}

.bigaltr .glyz-box .img-content.qzwq .qlh {
  top: 37%;
  left: 47.1%;
}

.bigaltr .glyz-box .img-content.fdmap {
  width: calc(100% - 11rem);
}

.bigaltr .glyz-box .img-content.jhryz {
  width: calc(100% - 16rem);
}

.bigaltr .glyz-box.ssyzbox {
  margin-top: 0rem;
}

.hero-container .swiper-box .hero-swiper .button-next {
  right: 3rem;
}

.hero-container .swiper-box .hero-swiper .button-prev {
  left: 3rem;
}

.hero-container .swiper-box .hero-swiper .button-next svg {
  transition: all 0.5s;
}

.hero-container .swiper-box .hero-swiper .button-prev svg {
  transition: all 0.5s;
}

.hero-container .swiper-box .hero-swiper .button-next:hover svg {
  fill: #76161b;
}

.hero-container .swiper-box .hero-swiper .jump:hover rect:nth-child(1) {
  opacity: 1;
  stroke: none;
}

.hero-container .swiper-box .hero-swiper .jump rect:nth-child(1) {
  transition: all 0s;
}

.hero-container .swiper-box .hero-swiper .button-prev:hover svg {
  fill: #76161b;
}

.hero-container .swiper-box .hero-swiper .jump:hover rect:nth-child(1) {
  opacity: 1;
  stroke: none;
}

.hero-container .swiper-box .hero-swiper .jump rect:nth-child(1) {
  transition: all 0s;
}

.hero-container .swiper-box .hero-swiper rect,
.hero-container .swiper-box .hero-swiper path {
  transition: all 0s;
}

.wr {
  width: 100%;
  position: relative;
}

.mapall .mapyz {
  position: absolute;
  z-index: 3;
  display: block;
  transition: all 0.5s;
}

.mapall .mapyz img {
  width: 100%;
}

.mapall .mapyz1 {
  width: 20.83%;
  top: 9.7%;
  left: 11.3%;
}

.mapall .mapyz2 {
  width: 20.83%;
  top: 7.9%;
  left: 30.8%;
}

.mapall .mapyz3 {
  width: 18.22%;
  top: 16.5%;
  left: 46.2%;
}

.mapall .mapyz4 {
  width: 18.22%;
  top: 3.6%;
  left: 60.5%;
}

.mapall .mapyz5 {
  width: 21.35%;
  top: 26.5%;
  left: 72.7%;
}

.mapall .mapyz6 {
  width: 45.31%;
  top: 14.1%;
  left: 0%;
  z-index: 2;
}

.mapall .mapyz7 {
  width: 23.43%;
  top: 45.5%;
  left: 27.8%;
}

.mapall .mapyz8 {
  width: 20.83%;
  top: 62.6%;
  left: 44.5%;
  z-index: 4;
}

.mapall .mapyz9 {
  width: 12.29%;
  top: 31.2%;
  left: 59.7%;
  z-index: 4;
}

.mapall .mapyz10 {
  width: 20.83%;
  top: 53.9%;
  left: 69.8%;
}

.mapall.on .mapyz {
  opacity: 0.2;
}

.mapall.on .mapyz.on {
  opacity: 1;
}

.wr {
  width: 100%;
  position: relative;
}

.mapall .mapyz {
  position: absolute;
  z-index: 3;
  display: block;
  transition: all 0.5s;
}

.mapall .mapyz img {
  width: 100%;
}

.mapall .mapyz1 {
  width: 20.83%;
  top: 9.7%;
  left: 11.3%;
}

.mapall .mapyz2 {
  width: 20.83%;
  top: 7.9%;
  left: 30.8%;
}

.mapall .mapyz3 {
  width: 18.22%;
  top: 16.5%;
  left: 46.2%;
}

.mapall .mapyz4 {
  width: 18.22%;
  top: 3.6%;
  left: 60.5%;
}

.mapall .mapyz5 {
  width: 21.35%;
  top: 26.5%;
  left: 72.7%;
}

.mapall .mapyz6 {
  width: 45.31%;
  top: 14.1%;
  left: 0%;
  z-index: 2;
}

.mapall .mapyz7 {
  width: 23.43%;
  top: 45.5%;
  left: 27.8%;
}

.mapall .mapyz8 {
  width: 20.83%;
  top: 62.6%;
  left: 44.5%;
  z-index: 4;
}

.mapall .mapyz9 {
  width: 12.29%;
  top: 31.2%;
  left: 59.7%;
  z-index: 4;
}

.mapall .mapyz10 {
  width: 20.83%;
  top: 53.9%;
  left: 69.8%;
}

.mapall.on .mapyz {
  opacity: 0.2;
}

.mapall.on .mapyz.on {
  opacity: 1;
}

.hero-container .swiper-box .hero-swiper .button-next.yp {
  border-radius: 50%;
  border: 1px solid rgba(34, 34, 34, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}

.hero-container .swiper-box .hero-swiper .button-prev.yp {
  border-radius: 50%;
  border: 1px solid rgba(34, 34, 34, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}

.hero-container .swiper-box .hero-swiper .yp svg {
  fill: #76161b;
}

.hero-container .swiper-box .hero-swiper .yp:hover {
  background-color: #76161b;
  border: 1px solid #76161b !important;
}

.hero-container .swiper-box .hero-swiper .yp:hover svg {
  fill: #fff;
}

.hero-container .swiper-box .hero-swiper .yp.swiper-button-disabled {
  background-color: transparent !important;
  border: 1px solid rgba(34, 34, 34, 0.1) !important;
  opacity: .5;
}

.hero-container .swiper-box .hero-swiper .yp.swiper-button-disabled:hover {
  border: 1px solid rgba(34, 34, 34, 0.1) !important;
}

.hero-container .swiper-box .hero-swiper .yp.swiper-button-disabled svg {
  fill: rgba(34, 34, 34, 0.3);
}

.bigaltr .glyz-box .img-content {
  width: calc(100% - 10rem);
}

.bigaltr .glyz-box .img-content.lxfmap {
  width: calc(100% - 28rem);
}

.bigaltr .glyz-box .img-content.ssyz {
  width: calc(100% - 20rem);
}

.bigaltr .glyz-box .img-content.jdsjyz {
  width: calc(100% - 14rem);
}

.bigaltr .glyz-box .img-content.xsylyz {
  width: calc(100% - 22rem);
}

.bigaltr .glyz-box .img-content.othermap {
  width: calc(100% - 14rem);
}

.glyz-box .tips-list.fixed {
  position: fixed !important;
}

.glyz-box .othermap .img-box .red-box img {}

.glyz-box,
.glyz-box .img-content,
.glyz-box .img-box,
.glyz-box .img-box div {
  cursor: url("../img/y/sbsvg.svg") 0 41, auto !important;
}

@media (max-width: 996px) {
  .hero-container .swiper-box .hero-swiper {
    margin: 0 1rem;
    width: 100%;
  }

  .hero-container .swiper-box {
    width: 100%;
  }

  .hero-container .swiper-box .hero-swiper .button-prev {
    left: 0.1rem;
  }

  .hero-container .swiper-box .hero-swiper .button-next {
    right: 0.1rem;
  }

  .glyz-box {
    padding: 1.5rem 4%;
  }

  .glyz-box .tips-list {
    right: 0.5rem;
    top: 1.2rem;
  }

  .glyz-box .tips-list .tip .tit-15 {
    /* display: none; */
  }

  .glyz-box .img-content {
    width: 100% !important;
    max-height: 500px;
  }

  /* .glyz-box .img-content::after{
    position: absolute;
    content: '建议全屏查看';
    left: 50%;
    top: 100%;
    transform: translate(-50%,0);
    font-size: .4rem;
    white-space: nowrap;
    color: #000;
    font-weight: 700;

  } */
  .glyz-box .img-box .red-box {
    /* width: 1.5rem; */
  }

  .fdbox {
    position: absolute;
    width: 3rem;
    height: 3.25rem;
    top: 53%;
    right: -3%;
    transform: scale(0.5);
  }

  .glyz-box .img-box {
    /* touch-action: none; */
  }

  .heroajax {
    width: 80%;
    position: fixed;
  }

  .hor-box {
    width: 100%;
    display: block;
  }

  .hor-box .txt {
    width: 100%;
    margin-top: 0.5rem;
    padding-left: 0;
  }

  .glyz-box .img-box .scimg {
    /* width: 100%; */
  }

  #zommint {
    display: none;
  }

  #quanping {
    /* display: none; */
  }

  #zoomInButton {
    display: none;
  }

  #zoomOutButton {
    display: none;
  }

  .glyz-box .t1 {
    font-size: .6rem;
  }

  .glyz-box .tips-list .tip .icon svg {
    animation: scaleIn 3s linear infinite;
  }

  @keyframes scaleIn {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.2);
    }

    100% {
      transform: scale(1);
    }
  }

  .glyz-box .jhryz .img-box .red-box:hover {
    transform: scale(.5);
  }

  /* .bigaltr .glyz-box .img-content {
    overflow-x: auto;
    max-height:none;
    height: auto;
  }
  .bigaltr .glyz-box .img-content #imageFullScreen2{
    width: 1920px;
  } */

  .hero-container .swiper-box .hero-swiper .button-next{
    width: .75rem;
    height: .75rem;
    right: 4%;
  }
  .hero-container .swiper-box .hero-swiper .button-prev{
    width: .75rem;
    height: .75rem;
    left: 4%;
  }
}

@media (min-width: 751px) and (max-width: 996px) {
  .clx {
    top: 29%;
    left: 64.25%;
  }

  .hth {
    top: 34.75%;
    left: 74.75%;
  }

  .ypy {
    top: 23.75%;
    left: 15.5%;
  }

  .xyr {
    top: 17.8%;
    left: 61.66%;
  }

  .ysy {
    top: 46.8%;
    left: 51%;
  }

  .fdbox {
    position: absolute;
    width: 3rem;
    height: 3.25rem;
    top: 60%;
    right: 9%;
    transform: scale(0.5);
  }

  .glyz-box .lxfmap .img-box .yellow-box {
    width: 3.2rem;
    transform: scale(.8);
  }

  .glyz-box .lxfmap .img-box .yellow-box:hover {
    transform: scale(.95);
  }

  .glyz-box .lxfmap .img-box .red-box {
    width: 4.5rem;
    transform: scale(.8);
  }

  .glyz-box .lxfmap .img-box .red-box:hover {
    transform: scale(.95);
  }

  .glyz-box .lxfmap .fdbox {
    position: absolute;
    width: 4rem;
    height: 3.25rem;
    top: 31.5%;
    right: -12%;
    transform: scale(0.6);
  }

  .zwj {
    top: 31%;
    left: 34.5%;
  }

  .lxf {
    top: 64.6%;
    left: 32.55%;
  }

  .skzx {
    top: 61.6%;
    left: 63.1%;
  }

  .xmcx {
    top: 55.2%;
    left: 37.6%;
  }

  .ygc {
    top: 58%;
    left: 19.4%;
  }

  .hml {
    top: 60.7%;
    left: 5.4%;
  }

  .glyz-box .qzwq .img-box .red-box {
    width: 3.2rem;
  }

  .qlh {
    top: 37.25%;
    left: 47.15%;
  }

  .glyz-box .qzwq .img-box .yellow-box {
    width: 2rem;
  }

  .glyz-box .qzwq .img-box .red-box {
    width: 2.5rem;
  }

  .glyz-box .qzwq .fdbox {
    position: absolute;
    top: 16.5%;
    right: 78.6%;
  }

  .dy {
    top: 18.3%;
    left: 78.8%;
  }

  .qfw {
    top: 37%;
    left: 28.5%;
  }

  .xsy {
    top: 33.3%;
    left: 74.55%;
  }

  .yz {
    top: 55.9%;
    left: 67.15%;
  }

  .xlx {
    top: 64.7%;
    left: 63.4%;
  }

  .glyz-box .fdmap .img-box .yellow-box {
    width: 1.5rem;
  }

  .glyz-box .fdmap .img-box .red-box {
    width: 2rem;
    transform: scale(.8);
  }

  .glyz-box .fdmap .img-box .red-box:hover {
    transform: scale(.95);
  }

  .xxf {
    top: 32.6%;
    left: 43.5%;
  }

  .dp {
    top: 51.5%;
    left: 38.6%;
  }

  .glyz-box .hlyxyz .img-box .red-box {
    transform: scale(.8);
  }

  .glyz-box .hlyxyz .img-box .red-box:hover {
    transform: scale(.95);
  }

  .wd {
    top: 43.1%;
    /* left: 61.2%; */
    left: 62.2%;
  }

  .ltp {
    top: 65.3%;
    /* left: 52.7%; */
    left: 54%;
  }

  .gdl {
    top: 35.2%;
    /* left: 35.2%; */
    left: 38.2%;
  }

  .yq {
    top: 58.8%;
    /* left: 27.7%; */
    left: 31.5%;
  }

  .glyz-box .ssyz .img-box .red-box {
    transform: scale(0.8);
  }

  .glyz-box .ssyz .img-box .red-box:hover {
    transform: scale(.95);
  }

  .mxh {
    top: 30%;
    left: 57.5%;
  }

  .sd {
    top: 43%;
    left: 43%;
  }

  .syb {
    top: 32.5%;
    left: 31%;
  }

  .yy {
    top: 58%;
    left: 77.5%;
  }

  .lx {
    top: 71.7%;
    left: 74.7%;
  }

  .jbh {
    top: 15.9%;
    left: 49.5%;
    width: 2.8rem !important;
  }

  .glyz-box .xsylyz .img-box .red-box {
    width: 4rem;
  }

  .glyz-box .xsylyz .img-box .yellow-box {
    width: 3.2rem;
  }

  .yss {
    top: 46.9%;
    left: 55.8%;
  }

  .mrqd {
    top: 28.9%;
    left: 56%;
  }
}

@media (min-width: 501px) and (max-width: 750px) {
  .glyz-box .img-box .yellow-box {
    width: 0.84rem;
  }

  .glyz-box .img-box .red-box {
    width: 2rem;
  }

  .glyz-box .img-box .yellow-box {
    width: 1.5rem;
  }

  .glyz-box .lxfmap .img-box .red-box {
    width: 3rem;
    transform: scale(1);
  }

  .glyz-box .ssyz .img-box .red-box {
    width: 2.5rem;
  }

  .glyz-box .ssyz .img-box .yellow-box {
    width: 2.5rem;
  }

  .glyz-box .lxfmap .img-box .red-box:hover {
    transform: scale(1.05);
  }

  .glyz-box .jdsjyz .img-box .red-box {
    width: 2.5rem;
  }

  .glyz-box .jdsjyz .img-box .yellow-box {
    width: 2rem;
  }

  .glyz-box .xsylyz .img-box .red-box {
    width: 3.2rem;
  }

  .glyz-box .xsylyz .img-box .yellow-box {
    width: 2.525rem;
  }

  .glyz-box .othermap .img-box .red-box {
    width: 2.5rem;
  }

  .glyz-box .fdmap .img-box .red-box {
    transform: scale(.8);
  }

  .glyz-box .fdmap .img-box .yellow-box {
    width: 1.5rem;
    transform: scale(.8);
  }

  .fdbox {
    top: 58%;
    right: 6%;
  }

  .glyz-box .qzwq .fdbox {
    top: 15.5%;
    right: 78.6%;
  }

  .clx {
    top: 30%;
    left: 65.5%;
  }

  .ypy {
    top: 25%;
    left: 16%;
  }

  .zwj {
    top: 31.5%;
    left: 35.5%;
  }

  .lxf {
    top: 65%;
    left: 33.5%;
  }

  .qlh {
    top: 37.5%;
    left: 47.25%;
  }

  .jbh {
    top: 15.9%;
    left: 50.5%;
    width: 2rem !important;
  }

  .glyz-box .qzwq .fdbox {
    top: 12.5%;
    right: 74.6%;
  }
}

@media (max-width: 500px) {
  .glyz-box .qzwq .fdbox {
    top: 12.5%;
    right: 74.6%;
  }
  .glyz-box .lxfmap .fdbox{
    width: 3rem;
    top: 32.5%;
    right: -13%;
  }
  .glyz-box .qzwq .img-box .yellow-box {
    width: .84rem;
  }

  .glyz-box .qzwq .img-box .red-box,
  .glyz-box .qzwq .img-box .red-box {
    width: 1.8rem;
  }

  /* 移动端 点位 */
  .zwj {
    top: 28.75%;
    left: 31.5%
  }

  .lxf {
    top: 62.5%;
    left: 29.25%;
  }

  .clx {
    top: 24.4%;
    left: 61%;
  }

  .ypy {
    top: 19.5%;
    left: 11.5%;
  }

  .qlh {
    top: 33%;
    left: 43.5%;
  }

  .lxh {
    top: 60.6%;
    left: 35%;
}

  .yk {
    top: 35.5%;
    left: 35.4%;
  }

  .fhx {
    top: 24.75%;
    left: 35.75%;
  }

  .lh {
    top: 15.6%;
    left: 50.7%;
  }

  .mrl {
    top: 20.6%;
    left: 66.7%;
  }

  .dp {
    top: 49%;
    left: 36.5%;
  }

  .xxf {
    top: 28.6%;
    left: 41.5%;
}

  .gdl {
    top: 31.2%;
    left: 36.2%;
  }

  .yq {
    top: 54.8%;
    left: 29.5%;
  }

  .ltp {
    top: 61.7%;
    left: 52.5%;
  }

  .wd {
    top: 38%;
        /* left: 61.2%; */
        left: 60.5%;
  }

  .mxh {
    top: 24.75%;
    left: 53.5%;
  }

  .jbh {
    top: 14.9%;
    left: 51%;
    width: 1rem !important;
  }

  .jxy {
    top: 35.5%;
    left: 25.6%;
  }

  .hwq {
    top: 36.5%;
    left: 52.5%
  }
  .sl {
    top: 60.75%;
    left: 61%;
}
  .xsyl {
    top: 31%;
    left: 35%;
  }
  .syb {
    top: 31%;
    left: 30.4%;
}

.tss {
  top: 4.75%;
  left: 34.5%;
}
.yzdn {
  top: 25.2%;
  left: 14.8%;
}
.ymdxf {
  top: 58.9%;
  left: 17%;
}
.xl {
  top: 29.25%;
  left: 53%;
}
.wf {
  top: 12.5%;
  left: 69.5%;
}
.lcj {
  top: 53%;
  left: 71.4%;
}
.py {
  top: 80.5%;
  left: 53.5%;
}
.zbb {
  top: 50.85%;
  left: 47%;
}
  .glyz-box .img-box .red-box {
    z-index: 2;
  }

  .glyz-box .img-box .yellow-box {
    width: .84rem;
  }

  .glyz-box .img-box .yellow-box.gsmall {
    width: 1.25rem;
  }

  .glyz-box .img-box .yellow-box.gsmall2 {
    width: 1rem;
  }

  .glyz-box .lxfmap .img-box .yellow-box {
    width: 2rem;
  }

  .glyz-box .ssyz .img-box .red-box,
  .glyz-box .hlyxyz .img-box .red-box,
  .glyz-box .jhryz .img-box .red-box,
  .glyz-box .img-box .red-box {
    transform: scale(0.475);
  }



  .glyz-box .othermap .img-box .red-box {
    width: 1rem;
  }

  .glyz-box .img-box .red-box:hover {
    transform: scale(0.5);
  }

  /*  */
  .fdmap .derzwqkql {
    top: 5%;
    right: 73.5%;
  }

  .fdmap .qclxz {
    top: 41%;
    right: 69.6%;
  }

  .fdmap .bylh {
    top: 60%;
    right: 72.5%;
  }

  .fdmap .hyywd {
    top: 78%;
    right: 46.9%;
  }

  .glyz-box .zoomableContainer {
    width: 100%;
    overflow-x: auto;
  }

  .glyz-box .ssyz .img-box .red-box{
    width: 2.25rem;
  }
  .glyz-box .hlyxyz .img-box .red-box{
    width:1.8rem;
  }
  .glyz-box .jhryz .img-box .red-box {
    width: 1.8rem;
  }
  .glyz-box .img-box .red-box{
    width: 2rem;
  }
  



  .glyz-box .xsylyz .img-box .red-box {
    width: 3rem;
  }
  .glyz-box .lxfmap .img-box .red-box{
    width:2.5rem;

  }

  .glyz-box .fdmap .img-box .red-box{
    width: 1.5rem;
    transform: scale(0.45);

  }
  .glyz-box .fdmap .img-box .red-box:hover{
    transform: scale(0.5);
  }

  .glyz-box .jhryz .fdbox{
    
    right: 77.5%;    top: 19.5%;
  }

  .bigaltr .glyz-box .img-content.qzwq .qlh{
    top: 33%;
    left: 4.5%;
  }


  .glyz-box .ssyz .img-box .red-box:hover,
  .glyz-box .hlyxyz .img-box .red-box:hover{
    transform: scale(.5);
  }
}