.hide {
  display: none;
}
.full {
  width: 100%;
  height: 100%;
}
.abs {
  position: absolute;
}
.l0 {
  left: 0;
}
.t0 {
  top: 0;
}
.lhalf {
  left: 50%;
}
.thalf {
  top: 50%;
}
.absf {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.abcter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lcter {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.tcter {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.fcter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fdc {
  flex-direction: column;
}
.sizcont {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.sizcover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ol {
  border: 0.01rem solid #fff;
  -o-border-image: linear-gradient(to top, #f80, #2ed);
     border-image: linear-gradient(to top, #f80, #2ed);
  border-image-slice: 10;
  box-sizing: border-box;
}
.active-center {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
}
.active-center:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.active-center:active {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.active {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
}
.active:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.active:active {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.m-icon-loading {
  position: fixed;
  z-index: 999;
}
.m-icon-loading .inner {
  width: 1.2rem;
  height: 1.2rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.1rem;
}
.m-icon-loading .inner svg path,
.m-icon-loading .inner svg rect {
  fill: #fff;
}
.m-msg {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 10000;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.m-msg .container {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.m-msg .item {
  position: relative;
  max-width: 5.3rem;
  min-width: 2.3rem;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.5rem;
  font-size: 0.23rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  opacity: 0.4;
  -webkit-animation: msgIn 0.2s ease-in both;
          animation: msgIn 0.2s ease-in both;
}
.m-msg .item .content {
  padding: 0.2rem 0.33rem;
}
.m-msg .item i {
  color: #ffc039;
}
.m-msg .item::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 0.16rem;
  content: "点击任意位置继续";
  bottom: -0.15rem;
}
.m-msg .item.notips::after {
  display: none;
}
@-webkit-keyframes msgIn {
  0% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
}
@keyframes msgIn {
  0% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
}
.pop_common {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 200;
  -webkit-perspective: 10rem;
          perspective: 10rem;
  position: fixed;
}
.pop_common .container {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation: cardFlipIn 0.6s 0.3s cubic-bezier(0.25, 1.47, 0.6, 0.99) both;
          animation: cardFlipIn 0.6s 0.3s cubic-bezier(0.25, 1.47, 0.6, 0.99) both;
}
.btn {
  cursor: pointer;
}
input {
  outline: none;
  border: none;
  background-color: transparent;
  color: #fff;
  font-size: 0.2rem;
  line-height: 0.25rem;
}
@-webkit-keyframes cardFlipIn {
  from {
    opacity: 0.1;
    -webkit-transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
            transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
  }
}
@keyframes cardFlipIn {
  from {
    opacity: 0.1;
    -webkit-transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
            transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
  }
}
@-webkit-keyframes opacityChange {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityChange {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes widthChange {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthChange {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes opacityChange2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 2;
  }
}
@keyframes opacityChange2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 2;
  }
}
@-webkit-keyframes floatUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
}
@keyframes floatUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
}
@-webkit-keyframes floatUp5 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-0.05rem);
            transform: translateY(-0.05rem);
  }
}
@keyframes floatUp5 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-0.05rem);
            transform: translateY(-0.05rem);
  }
}
@-webkit-keyframes downIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes downIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes upIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes upIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes upIn1 {
  0% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes upIn1 {
  0% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes upIn5 {
  0% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes upIn5 {
  0% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes upIn2 {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes upIn2 {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes upIn20 {
  0% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes upIn20 {
  0% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes abcUpIn1 {
  0% {
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes abcUpIn1 {
  0% {
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@-webkit-keyframes lcUpIn {
  0% {
    -webkit-transform: translate(-50%, 10%);
            transform: translate(-50%, 10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    opacity: 1;
  }
}
@keyframes lcUpIn {
  0% {
    -webkit-transform: translate(-50%, 10%);
            transform: translate(-50%, 10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    opacity: 1;
  }
}
@-webkit-keyframes leftIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes leftIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes leftIn2 {
  0% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes leftIn2 {
  0% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes rightIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes rightIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes rightIn50 {
  0% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes rightIn50 {
  0% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes downIn2 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes downIn2 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
:root {
  /* 兜底默认值，防止JS没执行 */
  --pc-nav-height: 0.36rem;
}
.part4 {
  width: 19.2rem;
  height: 10.8rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part7/part7_bg.jpg') center / contain no-repeat;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  background-color: #231918;
  background-size: cover;
}
.part4::-webkit-scrollbar {
  display: none;
}
.part4 .btn {
  text-indent: -99.99rem;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.part4 .btn:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.part4 .left-nav .act {
  width: 2.08rem;
  height: 0.6rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/left_nav_act_bg.png') center / contain no-repeat;
}
.part4 .left-nav .nav-item:hover {
  width: 2.08rem;
  height: 0.6rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/left_nav_act_bg.png') center / contain no-repeat;
}
.part4 .part4-ctn {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 12.44rem;
  background-position: top;
  background-size: cover;
}
.part4 .title {
  width: 2.85rem;
  height: 0.74rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/title.png') center / contain no-repeat;
  position: absolute;
  left: 2.8rem;
  top: 1.5rem;
  text-indent: -99.99rem;
}
.part4 .select-ctn {
  display: flex;
  align-items: center;
  position: absolute;
  left: 2.8rem;
  top: 2.35rem;
  width: 13.6rem;
  height: 0.4rem;
  border: 0.01rem solid #c43f24;
  background-color: rgba(0, 0, 0, 0.2);
}
.part4 .select-icon {
  width: 0.2rem;
  height: 0.2rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part7/select_i.png') center / contain no-repeat;
  margin-left: 0.1rem;
}
.part4 input {
  margin-left: 0.1rem;
  width: 100%;
  height: 0.4rem;
}
.part4 .line {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 13.6rem;
  height: 0.06rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part7/line.png') center / contain no-repeat;
  top: 3.12rem;
  width: 0;
}
.part4 .tags {
  position: absolute;
  display: flex;
  left: 2.8rem;
  top: 3.58rem;
}
.part4 .tags.hide {
  display: none;
}
.part4 .tags.show {
  display: flex;
}
.part4 .tag-item {
  width: 1.44rem;
  height: 0.44rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/part4_tab_bg.png') center / contain no-repeat;
  margin-left: 0.15rem;
  text-align: center;
  line-height: 0.42rem;
  font-size: 0.18rem;
  color: #f4f1ec;
  font-family: 'text';
  cursor: pointer;
  transition: all 0.2s ease;
}
.part4 .tag-item.act {
  width: 1.44rem;
  height: 0.44rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/part4_tab_bg_act.png') center / contain no-repeat;
  font-family: 'text_bold';
}
.part4 .tag-item:hover {
  width: 1.44rem;
  height: 0.44rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/part4_tab_bg_act.png') center / contain no-repeat;
  font-family: 'text_bold';
}
.part4 .tag-item:first-child {
  margin-left: 0;
}
.part4 .region-ctn {
  position: absolute;
  left: 2.8rem;
  top: 4.26rem;
  width: 13.63rem;
  height: 6.85rem;
}
.part4 .region-ctn .region-img-ctn {
  width: 11.08rem;
  height: 5.63rem;
}
.part4 .region-ctn .region-img-ctn .region-img {
  width: 11.08rem;
  height: 5.62rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.part4 .region-ctn .region-img-bg:after {
  content: "";
  width: 11.06rem;
  height: 5.62rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/mask.png') center / contain no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
.part4 .region-ctn .left-suorce-list-m {
  display: none;
}
.part4 .region-ctn .left-suorce-list-ctn {
  position: absolute;
  left: 0.38rem;
  top: 0.25rem;
  width: 2rem;
  z-index: 1;
}
.part4 .region-ctn .region-level-title {
  position: absolute;
  padding: 0.06rem 0.12rem;
  font-size: 0.16rem;
  color: #f4f1ec;
  background-color: #c43f24;
  text-align: center;
  font-family: 'text';
}
.part4 .region-ctn .region-name {
  position: absolute;
  top: 0.4rem;
  font-size: 0.47rem;
  color: #f4f1ec;
  font-family: 'text_s';
  white-space: nowrap;
}
.part4 .region-ctn .suorce-title {
  position: absolute;
  margin-left: 0.1rem;
  top: 1.18rem;
  font-size: 0.18rem;
  color: #f4f1ec;
  font-family: 'text_bold';
}
.part4 .region-ctn .suorce-title::before {
  content: "";
  position: absolute;
  left: -0.1rem;
  top: 50%;
  margin-top: 0.01rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.04rem;
  height: 0.2rem;
  background-color: #c43f24;
  margin-right: 0.1rem;
}
.part4 .region-ctn .left-suorce-list {
  position: absolute;
  top: 1.5rem;
}
.part4 .region-ctn .left-suorce-list .region-resource-item {
  display: flex;
  align-items: center;
  margin-top: 0.05rem;
  height: 0.43rem;
  font-size: 0.14rem;
  color: #f4f1ec;
  font-family: 'text';
}
.part4 .region-ctn .left-suorce-list .region-resource-item:first-child {
  margin-top: 0;
}
.part4 .region-ctn .left-suorce-list .region-resource-icon {
  width: 0.56rem;
  height: 0.43rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/icon_left_bg.png') center / contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.part4 .region-ctn .left-suorce-list .region-resource-icon:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.part4 .region-ctn .left-suorce-list .region-resource-icon img {
  height: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.2s ease;
  cursor: pointer;
}
.part4 .region-ctn .left-suorce-list .region-resource-name {
  margin-left: 0.15rem;
}
.part4 .region-ctn .danger-level-ctn {
  position: absolute;
  left: 0.38rem;
  top: 4.7rem;
  opacity: 0;
}
.part4 .region-ctn .danger-level-ctn .danger-level-title {
  font-size: 0.18rem;
  color: #f4f1ec;
  font-family: 'text_bold';
}
.part4 .region-ctn .danger-level-ctn .danger-level-title::before {
  content: "";
  position: absolute;
  left: -0.1rem;
  top: 50%;
  margin-top: 0.01rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.04rem;
  height: 0.2rem;
  background-color: #c43f24;
  margin-right: 0.1rem;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list {
  position: absolute;
  display: flex;
  margin-left: -0.1rem;
  margin-top: 0.15rem;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv1 .level-item:first-child {
  width: 0.46rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_left_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv2 .level-item:first-child {
  width: 0.46rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_left_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv2 .level-item:nth-child(2) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv3 .level-item:first-child {
  width: 0.46rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_left_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv3 .level-item:nth-child(2) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv3 .level-item:nth-child(3) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv4 .level-item:first-child {
  width: 0.46rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_left_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv4 .level-item:nth-child(2) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv4 .level-item:nth-child(3) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv4 .level-item:nth-child(4) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv5 .level-item:first-child {
  width: 0.46rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_left_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv5 .level-item:nth-child(2) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv5 .level-item:nth-child(3) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv5 .level-item:nth-child(4) {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list.lv5 .level-item:last-child {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_right_bg_act.png') center / contain no-repeat;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list .level-item {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_center_bg.png') center / contain no-repeat;
  margin-left: -0.04rem;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list .level-item:first-child {
  width: 0.46rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_left_bg.png') center / contain no-repeat;
  margin-left: 0;
}
.part4 .region-ctn .danger-level-ctn .danger-level-list .level-item:last-child {
  width: 0.51rem;
  height: 0.09rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/lv_right_bg.png') center / contain no-repeat;
}
.part4 .region-text-ctn {
  width: 2.43rem;
  height: 1.54rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/region_text_bg.png') center / contain no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.part4 .region-text-ctn .region-title {
  position: absolute;
  left: 0.3rem;
  top: 0.1rem;
  font-size: 0.16rem;
  color: #f4f1ec;
  font-family: 'text_bold';
}
.part4 .region-text-ctn .region-desc {
  position: absolute;
  left: 0.15rem;
  top: 0.55rem;
  width: 2.1rem;
  font-size: 0.147rem;
  line-height: 120%;
  color: #f4f1ec;
  font-family: 'text';
}
.part4 .reigon-resource-ctn {
  width: 2.43rem;
  height: 3.98rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/region_source_bg.png') center / contain no-repeat;
  position: absolute;
  right: 0;
  top: 1.63rem;
}
.part4 .reigon-resource-ctn .region-resource-title {
  position: absolute;
  left: 0.3rem;
  top: 0.1rem;
  font-size: 0.16rem;
  color: #f4f1ec;
  font-family: 'text_bold';
}
.part4 .reigon-resource-ctn .right-resource-list {
  position: absolute;
  left: 0.12rem;
  top: 0.5rem;
  padding-right: 0.2rem;
  height: 3.4rem;
  overflow-y: auto;
}
.part4 .reigon-resource-ctn .right-resource-list::-webkit-scrollbar {
  width: 0.04rem;
  -webkit-transform: translateX(-0.5rem);
          transform: translateX(-0.5rem);
}
.part4 .reigon-resource-ctn .right-resource-list::-webkit-scrollbar-thumb {
  background-color: rgba(196, 63, 36, 0.8);
  border-radius: 0.02rem;
}
.part4 .reigon-resource-ctn .right-resource-list::-webkit-scrollbar-track {
  background-color: #747474;
}
.part4 .reigon-resource-ctn .region-resource-item {
  display: flex;
  align-items: center;
  margin-top: 0.05rem;
  height: 0.48rem;
  font-size: 0.14rem;
  color: #f4f1ec;
  font-family: 'text';
  white-space: nowrap;
}
.part4 .reigon-resource-ctn .region-resource-icon {
  width: 0.59rem;
  height: 0.48rem;
  background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/part4/icon_right_bg.png') center / contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.part4 .reigon-resource-ctn .region-resource-icon:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.part4 .reigon-resource-ctn .region-resource-icon img {
  width: 0.4rem;
  height: 0.4rem;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.2s ease;
}
.part4 .reigon-resource-ctn .region-resource-name {
  margin-left: 0.15rem;
}
.part4 .btn-prev {
  position: absolute;
  left: 0rem;
  margin-top: 0.2rem;
  cursor: pointer;
}
.part4 .btn-next {
  position: absolute;
  right: 0rem;
  margin-top: 0.2rem;
  cursor: pointer;
}
.part4 .bom-suorce-list {
  display: flex;
  position: absolute;
  margin-left: 0.4rem;
  margin-top: 0.1rem;
  width: 13.63rem;
  width: 12.8rem;
  height: 1.4rem;
  overflow-x: auto;
  white-space: nowrap;
}
.part4 .bom-suorce-list::-webkit-scrollbar {
  height: 0.04rem;
  -webkit-transform: translateX(-0.5rem);
          transform: translateX(-0.5rem);
}
.part4 .bom-suorce-list::-webkit-scrollbar-thumb {
  background-color: rgba(196, 63, 36, 0.8);
  border-radius: 0.02rem;
}
.part4 .bom-suorce-list::-webkit-scrollbar-track {
  background-color: #747474;
}
.part4 .bom-suorce-list .bom-suorce-item {
  position: relative;
  flex-shrink: 0;
  margin-left: 0.14rem;
  width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}
.part4 .bom-suorce-list .bom-suorce-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.part4 .bom-suorce-list .bom-suorce-item:hover .act {
  opacity: 1;
}
.part4 .bom-suorce-list .bom-suorce-item .act {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s ease;
}
.part4 .bom-suorce-list .bom-suorce-item.act .act {
  opacity: 1;
}
.part4 .bom-suorce-list .bom-suorce-item:first-child {
  margin-left: 0;
}
@media screen and (max-device-width: 1024px) {
  .part4 {
    width: 7.5rem;
    height: 16.25rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/bg.jpg') center / contain no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 3.5rem;
  }
  .part4 .title {
    left: 0.25rem;
    top: 2.15rem;
  }
  .part4 .line {
    display: none;
  }
  .part4 .select-ctn {
    left: 0.25rem;
    top: 3.15rem;
    width: 7rem;
    height: 0.57rem;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .part4 .tags {
    left: 0.25rem;
    top: 5.35rem;
    width: 7.3rem;
    overflow-x: auto;
  }
  .part4 .tags::-webkit-scrollbar {
    display: none;
  }
  .part4 .tags div {
    flex-shrink: 0;
  }
  .part4 .left-nav {
    left: 0.25rem;
    top: 4.15rem;
  }
  .part4 .left-nav .left-nav-bg {
    left: 0rem;
    width: 9.5rem;
    background-size: 13.08rem auto;
    background-position: center left;
    background-repeat: no-repeat;
  }
  .part4 .left-nav .left-nav-list {
    margin-left: 0rem;
  }
  .part4 .left-nav .nav-item {
    width: 1.41rem;
    height: 0.39rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/left_nav_item_bg.png') center / contain no-repeat;
    flex-shrink: 0;
    margin-left: 0.15rem;
  }
  .part4 .left-nav .nav-item:first-child {
    margin-left: 0;
  }
  .part4 .left-nav .nav-item.act {
    width: 1.41rem;
    height: 0.39rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/left_nav_item_bg_act.png') center / contain no-repeat;
  }
  .part4 .region-ctn {
    left: 0.25rem;
    top: 5.9rem;
    width: 7rem;
  }
  .part4 .region-ctn .region-img-bg {
    width: 7rem;
    height: 3.56rem;
  }
  .part4 .region-ctn .region-img-bg:after {
    width: 6.97rem;
    height: 1.43rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/part4/mask.png') center / contain no-repeat;
    top: 2.15rem;
    width: 7rem;
  }
  .part4 .region-ctn .region-img-bg .region-img {
    width: 7rem;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .part4 .region-ctn .left-suorce-list {
    right: 0;
    top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    width: 3.3rem;
  }
  .part4 .region-ctn .left-suorce-list .region-resource-item {
    margin-left: 0.1rem;
    width: 1.5rem;
  }
  .part4 .region-ctn .left-suorce-list .region-resource-item:first-child {
    margin-left: 0;
  }
  .part4 .region-ctn .left-suorce-list .region-resource-item:nth-child(2n+1) {
    margin-left: 0;
  }
  .part4 .region-ctn .left-suorce-list-ctn {
    left: 0.25rem;
  }
  .part4 .region-ctn .left-suorce-list-ctn .suorce-title {
    display: none !important;
  }
  .part4 .region-ctn .left-suorce-list-ctn .left-suorce-list {
    display: none;
    top: 0;
  }
  .part4 .region-ctn .left-suorce-list-ctn .left-suorce-list-m {
    display: block;
  }
  .part4 .region-ctn .left-suorce-list-ctn .region-level-title {
    top: 2.35rem;
  }
  .part4 .region-ctn .left-suorce-list-ctn .region-name {
    top: 2.7rem;
    font-size: 0.42rem;
  }
  .part4 .region-ctn .danger-level-ctn {
    left: auto;
    right: 1.9rem;
    top: 2.95rem;
    opacity: 0;
  }
  .part4 .region-ctn .region-source-ctn {
    width: 6.99rem;
    height: 2.12rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/part4/region_suorce_bg.png') center / contain no-repeat;
    position: absolute;
    top: 3.69rem;
  }
  .part4 .region-ctn .region-text-ctn {
    right: auto;
    left: 0rem;
    background: none;
    width: 3.4rem;
    height: 2rem;
  }
  .part4 .region-ctn .region-text-ctn .region-title {
    display: none;
  }
  .part4 .region-ctn .region-text-ctn .region-desc {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 2.7rem;
  }
  .part4 .region-ctn .reigon-resource-ctn {
    width: 6.99rem;
    height: 2.16rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/part4/region_source_bg.png') center / contain no-repeat;
    top: 5.95rem;
  }
  .part4 .region-ctn .reigon-resource-ctn .region-resource-title {
    display: none;
  }
  .part4 .region-ctn .reigon-resource-ctn .right-resource-list {
    display: flex;
    flex-wrap: wrap;
    left: 0.2rem;
    width: 6.8rem;
    height: 1.5rem;
    overflow-y: auto;
  }
  .part4 .region-ctn .reigon-resource-ctn .right-resource-list .region-resource-item {
    width: 2.07rem;
    height: 0.66rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/part4/regin_source_item_bg.png') center / contain no-repeat;
    margin-left: 0.17rem;
  }
  .part4 .region-ctn .reigon-resource-ctn .right-resource-list .region-resource-item:nth-child(3n+1) {
    margin-left: 0;
  }
  .part4 .region-ctn .reigon-resource-ctn .right-resource-list .region-resource-item .region-resource-icon {
    background: none;
  }
  .part4 .region-ctn .reigon-resource-ctn .right-resource-list .region-resource-item .region-resource-icon img {
    margin-left: 0.12rem;
    width: 0.5rem;
    height: 0.5rem;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .part4 .region-ctn .bom-suorce-list {
    padding-bottom: 0.05rem;
    margin-left: 0;
    top: 8.33rem;
    width: 7.2rem;
    overflow-y: hidden;
  }
  .part4 .region-ctn .bom-suorce-list::-webkit-scrollbar {
    height: 0.04rem;
  }
  .part4 .region-ctn .bom-suorce-list::-webkit-scrollbar-thumb {
    background-color: rgba(196, 63, 36, 0.8);
    border-radius: 0.02rem;
  }
  .part4 .region-ctn .bom-suorce-list::-webkit-scrollbar-track {
    background-color: #747474;
  }
  .part4 .region-ctn .bom-suorce-list .bom-suorce-item {
    width: 1.23rem;
    height: 1.05rem;
  }
  .part4 .tag-item {
    width: 1.32rem;
    height: 0.41rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/part4/part4_tab_bg.png') center / contain no-repeat;
    margin-left: 0.1rem;
  }
  .part4 .tag-item.act {
    width: 1.32rem;
    height: 0.41rem;
    background: url('https://game.gtimg.cn/images/rm/cp/a20260527xsz/m/part4/part4_tab_bg_act.png') center / contain no-repeat;
  }
}