.box-right {
  width: 66vw;
  float: right;
  position: relative;
}
.box-right-left {
  width: 33vw;
}
.room-bg1 {
  width: 33vw;
  height: 7.605vw;
  background: url(../images/room-bg1.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: none;
  float: left;
}
.bg-en .r1 {
  background: url(../images/r1-en.png) no-repeat !important;
  background-size: 100% 100% !important;
}
.room-bg2 {
  width: 33vw;
  height: 7.605vw;
  background: url(../images/room-bg2.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: none;
  float: left;
}
.room-bg2 .room-bg-top {
  text-shadow: 0.2vw 0.2vw 0.2vw #803df3, 0.2vw 0 0.2vw #803df3, 0 0.2vw 0.2vw #803df3;
}
.room-bg2 .room-targe {
  -webkit-text-stroke: none;
  text-shadow: 0.2vw 0.2vw 0.2vw #803df3, 0.2vw 0 0.2vw #803df3, 0 0.2vw 0.2vw #803df3;
}
.room-bg2 .room-num {
  -webkit-text-stroke: 0;
  text-shadow: 0.2vw 0.2vw 0.2vw #803df3, 0.2vw 0 0.2vw #803df3, 0 0.2vw 0.2vw #803df3;
}
.room-bg2 .room-bar > div {
  background: #A775FA;
}
.room-bg2 .room-bar > span {
  font-size: 2.5vw;
  text-shadow: 0.2vw 0.2vw 0.2vw #803df3, 0.2vw 0 0.2vw #803df3, 0 0.2vw 0.2vw #803df3;
  color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -2.2vw;
  top: -0.95vw;
}
.room-bg3 {
  width: 33vw;
  height: 7.605vw;
  background: url(../images/room-bg3.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: none;
  float: left;
}
.room-bg3 .room-bg-top {
  text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8, 0.2vw 0 0.2vw #00f4f8, 0 0.2vw 0.2vw #00f4f8;
}
.room-bg3 .room-targe {
  text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8, 0.2vw 0 0.2vw #00f4f8, 0 0.2vw 0.2vw #00f4f8;
}
.room-bg3 .room-num {
  text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8, 0.2vw 0 0.2vw #00f4f8, 0 0.2vw 0.2vw #00f4f8;
}
.room-bg3 .room-bar > div {
  background: #00d6c4;
}
.room-bg3 .room-bar > span {
  font-size: 2.5vw;
  text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8, 0.2vw 0 0.2vw #00f4f8, 0 0.2vw 0.2vw #00f4f8;
  color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -2.2vw;
  top: -0.95vw;
}
.room-bg-top {
  font-size: 2.64vw;
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: 1.98vw;
  left: 2.64vw;
  text-shadow: 0.2vw 0.2vw 0.2vw #f7237f, 0.2vw 0 0.2vw #f7237f, 0 0.2vw 0.2vw #f7237f;
}
.room-targe {
  font-size: 4vw;
  color: #fff;
  font-weight: 700;
  text-shadow: 0.2vw 0.2vw 0.2vw #f7237f, 0.2vw 0 0.2vw #f7237f, 0 0.2vw 0.2vw #f7237f;
  position: absolute;
  top: 12vw;
  right: 6vw;
}
.room-num {
  font-size: 2.31vw;
  color: #fff;
  font-weight: 700;
  text-shadow: 0.2vw 0.2vw 0.2vw #f7237f, 0.2vw 0 0.2vw #f7237f, 0 0.2vw 0.2vw #f7237f;
  position: absolute;
  top: 2.178vw;
  right: 1.65vw;
}
.room-bar-box {
  position: absolute;
  width: 14.52vw;
  height: 1.65vw;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 10vw;
  left: 9.9vw;
  top: 2.904vw;
}
.room-bar {
  width: 14.52vw;
  height: 1.65vw;
  position: absolute;
  left: 0.198vw;
  top: 0.198vw;
  border-radius: 10vw;
}
.room-bar > div {
  height: 1.254vw;
  width: 0%;
  background: #FC3F91;
  border-radius: 10vw;
}
.room-bar > span {
  font-size: 2.5vw;
  text-shadow: 0.2vw 0.2vw 0.2vw #f7237f, 0.2vw 0 0.2vw #f7237f, 0 0.2vw 0.2vw #f7237f;
  color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -2.2vw;
  top: -0.95vw;
}
.act-room-bg {
  position: relative;
  width: 8rem;
  height: 3.402rem;
  background: url(../images/act-room-bg.png) no-repeat;
  background-size: 100% 100%;
  float: right;
  transform: scale(0.33);
  top: -2.55rem;
  left: 2.3rem;
}
.act-room-p1 {
  color: #fff;
  font-size: 0.65rem;
  text-indent: 0.7rem;
  padding-top: 0.6rem;
}
.act-room-p2 {
  color: #fff;
  font-size: 0.65rem;
  text-indent: 0.7rem;
  padding-top: 0.2rem;
}
.act-room-bg2 {
  position: relative;
  width: 5.04rem;
  height: 3.402rem;
  background: url(../images/act-room-bg2.png) no-repeat;
  background-size: 100% 100%;
}
.act-room-bg2 p {
  display: none;
}