* {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
p {
  pointer-events: none;
}
body,
html {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
input,
textarea,
select {
  user-select: auto;
  -webkit-user-select: auto;
  background-color: transparent;
  border: none;
}
.none {
  display: none;
}
.noneopacity {
  opacity: 0;
}
img {
  display: block;
  position: absolute;
  width: 100%;
  pointer-events: none;
  image-rendering: -webkit-optimize-contrast;
  box-sizing: border-box;
  background-clip: padding-box;
  -webkit-touch-callout: default !important;
  /* 关键：解除 iOS 长按限制 */
  touch-callout: default !important;
  /* 避免图片被设置为不可选中（如果有） */
  user-select: auto !important;
  -webkit-user-select: auto !important;
}
img[src=""],
img:not([src]) {
  display: none;
}
.custom-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.custom-box .custom-toast {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 1.6vw 2.13333333vw;
  border-radius: 1.06666667vw;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 2.66666667vw;
  font-family: 'PFBold';
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 80%;
  box-sizing: border-box;
  transition: opacity 0.2s, transform 0.2s;
}
@font-face {
  font-family: 'PFBold';
  src: url('https://yin-oss.yscase.com/2025/jiuh/font/PFBold.ttf');
}
@font-face {
  font-family: 'PFRegular';
  src: url('https://yin-oss.yscase.com/2025/jiuh/font/PFRegular.ttf');
}
.page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  overflow: hidden;
}
.content .loading {
  z-index: 99;
}
.content .loading .load_bj_img {
  top: 0;
}
.content .loading .load_logo_img {
  left: 24.4vw;
  bottom: 25.2vw;
  width: 51.33333333vw;
}
.content .loading .loadbox {
  position: absolute;
  left: 24.4vw;
  bottom: 11.86666667vw;
  width: 51.33333333vw;
  height: 7.33333333vw;
}
.content .loading .loadbox .load_bottom_img {
  top: 0;
}
.content .loading .loadbox .load_progress {
  position: absolute;
  top: 3.73333333vw;
  left: 0.4vw;
  width: 50.53333333vw;
  height: 3.33333333vw;
}
.content .loading .loadbox .load_progress .load_progressbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 3.33333333vw;
  overflow: hidden;
}
.content .loading .loadbox .load_progress .load_progressbox .load_progress_img {
  position: relative;
  top: 0;
  left: 0;
  width: 50.53333333vw;
  height: 3.33333333vw;
}
.content .home .homewrap {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .home .box {
  flex: 1;
  position: relative;
}
.content .home .box .movieReservation .movieReservation_mr .home_bj_img {
  top: -20.66666667vw;
}
.content .home .box .movieReservation .movieReservation_mr .movieReservation_but {
  position: absolute;
  left: 26vw;
  bottom: 5.6vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
  font-family: 'PFBold';
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .movieReservation_rc_wrap {
  flex: 1;
  position: relative;
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_tips_img {
  top: 5.06666667vw;
  left: 38vw;
  width: 24vw;
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr {
  position: absolute;
  top: 17.73333333vw;
  left: 12.93333333vw;
  width: 74.13333333vw;
  height: 143.73333333vw;
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr .name {
  position: absolute;
  top: 61.73333333vw;
  left: 5.06666667vw;
  width: 64.13333333vw;
  color: #fff;
  font-size: 3.73333333vw;
  font-family: 'PFRegular';
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr .session {
  position: absolute;
  top: 72.4vw;
  left: 5.06666667vw;
  width: 64.13333333vw;
  color: #fff;
  font-size: 3.73333333vw;
  font-family: 'PFRegular';
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr .ewm_img {
  top: 82.8vw;
  left: 20.93333333vw;
  width: 32.26666667vw;
}
.content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr .but {
  position: absolute;
  left: 15.2vw;
  bottom: 0;
  width: 43.86666667vw;
  height: 11.6vw;
}
.content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
  font-family: 'PFBold';
}
.content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .movieReservation_stub_wrap {
  flex: 1;
  position: relative;
}
.content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .movieReservation_stub_wrap .movieReservation_stub_nr {
  position: absolute;
  top: 11.73333333vw;
  left: 13.73333333vw;
  width: 72.53333333vw;
  height: 146.26666667vw;
}
.content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .movieReservation_stub_wrap .movieReservation_stub_nr p {
  position: absolute;
  top: 10.4vw;
  left: 0;
  width: 72.53333333vw;
  color: #fff;
  font-size: 4.8vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .home .box .peripheralReservation .peripheralReservation_mr .home_bj_img {
  top: -20.66666667vw;
}
.content .home .box .peripheralReservation .peripheralReservation_mr .peripheralReservation_but {
  position: absolute;
  left: 26vw;
  bottom: 5.6vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_banner_img {
  top: 0;
  width: 100%;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_box {
  position: absolute;
  top: 50.8vw;
  left: 7.33333333vw;
  width: 85.46666667vw;
  height: 17.86666667vw;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_box .personalCenter_tx {
  position: absolute;
  top: 2.66666667vw;
  left: 6.53333333vw;
  width: 12.53333333vw;
  height: 12.53333333vw;
  border-radius: 50%;
  overflow: hidden;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_box .name {
  position: absolute;
  top: 6.4vw;
  left: 21.86666667vw;
  color: #fff;
  font-size: 3.2vw;
  font-family: 'PFBold';
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_box .id {
  position: absolute;
  top: 10.53333333vw;
  left: 21.86666667vw;
  color: #9e9e9e;
  font-size: 2.4vw;
  font-family: 'PFRegular';
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_box .personalCenter_set {
  position: absolute;
  top: 6.93333333vw;
  left: 66.13333333vw;
  width: 12.8vw;
  height: 4.66666667vw;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_appointment_but {
  position: absolute;
  top: 74.8vw;
  left: 7.33333333vw;
  width: 85.46666667vw;
  height: 16.53333333vw;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_stub_but {
  position: absolute;
  top: 94.8vw;
  left: 7.33333333vw;
  width: 85.46666667vw;
  height: 16.53333333vw;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_filmreview_but {
  position: absolute;
  top: 114.8vw;
  left: 7.33333333vw;
  width: 85.46666667vw;
  height: 16.53333333vw;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_story_but {
  position: absolute;
  top: 134.8vw;
  left: 7.33333333vw;
  width: 85.46666667vw;
  height: 16.53333333vw;
}
.content .home .box .personalCenter .personalCenter_mr .personalCenter_privacyPolicy_but {
  position: absolute;
  left: 50%;
  bottom: 4vw;
  width: 20.66666667vw;
  height: 3.6vw;
  transform: translateX(-50%);
}
.content .home .box .memento .memento_mr .home_bj_img {
  top: -20.66666667vw;
}
.content .home .box .memento .memento_mr .memento_fragment {
  position: absolute;
  left: 3.86666667vw;
  bottom: 22.26666667vw;
  width: 21.6vw;
  height: 9.06666667vw;
}
.content .home .box .memento .memento_mr .memento_fragment .fragment_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4.53333333vw;
  left: 7.6vw;
  width: 11.2vw;
  height: 3.46666667vw;
  text-align: center;
}
.content .home .box .memento .memento_mr .memento_fragment .fragment_box p {
  position: absolute;
  color: #530e00;
  font-size: 3.04266667vw;
  font-family: 'PFBold';
}
.content .home .box .memento .memento_mr .memento_story {
  position: absolute;
  left: 4.93333333vw;
  bottom: 7.06666667vw;
  width: 23.06666667vw;
  height: 7.6vw;
}
.content .home .box .memento .memento_mr .memento_immediately {
  position: absolute;
  left: 31.33333333vw;
  bottom: 5.6vw;
  width: 37.6vw;
  height: 11.73333333vw;
}
.content .home .box .memento .memento_mr .memento_filmreview {
  position: absolute;
  left: 72.13333333vw;
  bottom: 7.06666667vw;
  width: 23.06666667vw;
  height: 7.6vw;
}
.content .home .box .memoryStore .memoryStore_title_img {
  top: 7.73333333vw;
  left: 7.6vw;
  width: 32.4vw;
}
.content .home .box .memoryStore .memoryStorebox {
  position: absolute;
  top: 21.86666667vw;
  left: 0;
  width: 100%;
  height: 123.33333333vw;
  overflow: hidden;
}
.content .home .box .memoryStore .memoryStorebox .memoryStore_swiper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.content .home .box .memoryStore .memoryStorebox .memoryStore_swiper .swiper-wrapper {
  height: 117.2vw;
}
.content .home .box .memoryStore .memoryStorebox .memoryStore_swiper .swiper-wrapper .swiper-slide {
  position: relative;
  top: 0;
  left: 0;
  width: 72vw;
  height: 100%;
}
.content .home .box .memoryStore .memoryStorebox .memoryStore_swiper .swiper-wrapper .swiper-slide .swiper-slide-box {
  position: absolute;
  top: 0;
  left: -7.2vw;
  width: 72vw;
  height: 117.2vw;
  border-radius: 3.33333333vw;
  overflow: hidden;
}
.content .home .box .memoryStore .memoryStorebox .memoryStore_swiper .swiper-pagination {
  bottom: 0;
}
.content .home .box .memoryStore .memoryStorebox .memoryStore_swiper .swiper-pagination .swiper-pagination-bullet {
  width: 2vw;
  height: 2vw;
  background-color: #6e6a69;
  opacity: 1;
}
.content .home .box .memoryStore .memoryStorebox .memoryStore_swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
.content .home .box .memoryStore .memoryStore_but {
  position: absolute;
  left: 29.33333333vw;
  bottom: 5.6vw;
  width: 41.6vw;
  height: 11.6vw;
}
.content .home .navbar {
  flex: 0 25.2vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 25.2vw;
}
.content .home .navbar .navbarbox {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .home .navbar .navbarbox .navbaritem {
  position: relative;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
}
.content .home .navbar .navbarbox .navbaritem .navbar_icon1_img {
  top: 6.4vw;
  left: 5.2vw;
  width: 10.26666667vw;
}
.content .home .navbar .navbarbox .navbaritem .navbar_icon2_img {
  top: 6.4vw;
  left: 3.86666667vw;
  width: 10.13333333vw;
}
.content .home .navbar .navbarbox .navbaritem .navbar_icon3_img {
  top: 1.6vw;
  left: 4.26666667vw;
  width: 11.46666667vw;
}
.content .home .navbar .navbarbox .navbaritem .navbar_icon4_img {
  top: 6.93333333vw;
  left: 4.8vw;
  width: 10.26666667vw;
}
.content .home .navbar .navbarbox .navbaritem .navbar_icon5_img {
  top: 6.93333333vw;
  left: 3.33333333vw;
  width: 10.26666667vw;
}
.content .mr-notice {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .mr-notice .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 81.33333333vw;
  height: 155.73333333vw;
  transform: translate(-50%, -50%);
}
.content .mr-notice .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 11.86666667vw;
  height: 10.93333333vw;
}
.content .mr-notice .box .but {
  position: absolute;
  top: 123.46666667vw;
  left: 16.66666667vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .mr-cinemaselection {
  background-color: #000;
  font-family: 'PFBold';
}
.content .mr-cinemaselection .box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .mr-cinemaselection .box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .mr-cinemaselection .box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
}
.content .mr-cinemaselection .box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .mr-cinemaselection .box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .mr-cinemaselection .box .contentbox {
  flex: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .mr-cinemaselection .box .contentbox .cinemaselectionbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .mr-cinemaselection .box .contentbox .top {
  position: relative;
  top: 0;
  left: 0;
  height: 36.66666667vw;
}
.content .mr-cinemaselection .box .contentbox .top .mr_cinemaselection_title_img {
  top: 5.33333333vw;
  left: 8.26666667vw;
  width: 83.6vw;
}
.content .mr-cinemaselection .box .contentbox .top .time {
  position: absolute;
  top: 15.2vw;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 4vw;
  text-align: center;
}
.content .mr-cinemaselection .box .contentbox .top .time .icon_line_img {
  left: 50%;
  bottom: -1.33333333vw;
  width: 10.26666667vw;
  transform: translateX(-50%);
}
.content .mr-cinemaselection .box .contentbox .top .address {
  position: absolute;
  top: 24.8vw;
  left: 50%;
  width: 22.4vw;
  height: 7.2vw;
  transform: translateX(-50%);
}
.content .mr-cinemaselection .box .contentbox .top .address .city {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 4vw;
  height: 100%;
  color: #fff;
  font-size: 4vw;
}
.content .mr-cinemaselection .box .contentbox .top .address .icon_arrow_img {
  top: 3.2vw;
  left: 16.53333333vw;
  width: 2.26666667vw;
}
.content .mr-cinemaselection .box .contentbox .bottom {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item.filter {
  filter: brightness(0.9);
  opacity: 0.9;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item {
  position: relative;
  top: 0;
  left: 50%;
  padding-bottom: 3.2vw;
  width: 85.46666667vw;
  height: 50.66666667vw;
  transform: translateX(-50%);
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .name {
  display: flex;
  position: absolute;
  top: 5.06666667vw;
  left: 4.8vw;
  color: #fff;
  font-size: 4vw;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .name p {
  position: relative;
  margin: 0;
  max-width: 53.33333333vw;
  white-space: nowrap;
  /* 强制文本不换行 */
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .name .fullybooked_img {
  position: relative;
  margin-top: 0.93333333vw;
  margin-left: 2.13333333vw;
  width: 10.26666667vw;
  height: 3.73333333vw;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .quota {
  position: absolute;
  top: 11.33333333vw;
  left: 4.8vw;
  color: #fff;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .itembox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 23.06666667vw;
  left: 0;
  width: 100%;
  height: 22vw;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .address {
  display: flex;
  align-items: center;
  position: relative;
  left: 5.33333333vw;
  width: 75.73333333vw;
  color: #fff;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .address .icon_position_img {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 2.93333333vw;
  width: 2.93333333vw;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .address p {
  margin: 0;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .phone {
  display: flex;
  align-items: center;
  position: relative;
  left: 5.33333333vw;
  color: #fff;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .phone .icon_phone_img {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 2.93333333vw;
  width: 2.93333333vw;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .phone a {
  margin: 0;
  color: #fff;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .session {
  display: flex;
  align-items: center;
  position: relative;
  left: 5.06666667vw;
  color: #fff;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .session .icon_time_img {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 2.93333333vw;
  width: 2.93333333vw;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .session p {
  margin: 0;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .dottedline_img {
  top: 18.8vw;
  left: 4.8vw;
  width: 75.73333333vw;
}
.content .mr-cinemaselection .box .contentbox .bottom .cinemaselection_item .choice_img {
  top: 4.93333333vw;
  left: 75.6vw;
  width: 5.2vw;
}
.content .mr-cinemaselection .mr-cinemaselection-confirm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36.8vw;
  animation: fadeInUp 1s ease both;
}
.content .mr-cinemaselection .mr-cinemaselection-confirm .but {
  position: absolute;
  top: 9.2vw;
  left: 28.13333333vw;
  width: 43.86666667vw;
  height: 11.6vw;
}
.content .mr-reservationconfirmed {
  background-color: #000;
}
.content .mr-reservationconfirmed .movieReservation_rc_box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .mr-reservationconfirmed .movieReservation_rc_box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .mr-reservationconfirmed .movieReservation_rc_box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
  font-family: 'PFBold';
}
.content .mr-reservationconfirmed .movieReservation_rc_box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .mr-reservationconfirmed .movieReservation_rc_box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .mr-reservationconfirmed .movieReservation_rc_box .movieReservation_rc_wrap {
  flex: 1;
  position: relative;
}
.content .mr-reservationconfirmed .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_tips_img {
  top: 5.06666667vw;
  left: 38vw;
  width: 24vw;
}
.content .mr-reservationconfirmed .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr {
  position: absolute;
  top: 17.73333333vw;
  left: 12.93333333vw;
  width: 74.13333333vw;
  height: 143.73333333vw;
}
.content .mr-reservationconfirmed .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr .name {
  position: absolute;
  top: 61.73333333vw;
  left: 5.06666667vw;
  width: 64.13333333vw;
  color: #fff;
  font-size: 3.73333333vw;
  font-family: 'PFRegular';
}
.content .mr-reservationconfirmed .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr .session {
  position: absolute;
  top: 72.4vw;
  left: 5.06666667vw;
  width: 64.13333333vw;
  color: #fff;
  font-size: 3.73333333vw;
  font-family: 'PFRegular';
}
.content .mr-reservationconfirmed .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr .ewm_img {
  top: 82.8vw;
  left: 20.93333333vw;
  width: 32.26666667vw;
}
.content .mr-reservationconfirmed .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr .but {
  position: absolute;
  left: 15.2vw;
  bottom: 0;
  width: 43.86666667vw;
  height: 11.6vw;
}
.content .mr-fail {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .mr-fail .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.86666667vw;
  height: 54.26666667vw;
  transform: translate(-50%, -50%);
}
.content .mr-fail .box .but {
  position: absolute;
  top: 31.06666667vw;
  left: 15.06666667vw;
  width: 43.86666667vw;
  height: 11.6vw;
}
.content .pr-sharePopup {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .pr-sharePopup .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.86666667vw;
  height: 85.2vw;
  transform: translate(-50%, -50%);
}
.content .pr-sharePopup .box .pr_sharePopup_img {
  position: absolute;
  top: 0;
}
.content .pr-sharePopup .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 12.13333333vw;
  height: 12.53333333vw;
}
.content .pr-sharePopup .box .sharenowbut {
  position: absolute;
  top: 36.53333333vw;
  left: 4.53333333vw;
  width: 65.06666667vw;
  height: 11.6vw;
}
.content .pr-sharePopup .box .sharedbut {
  position: absolute;
  top: 54.26666667vw;
  left: 4.53333333vw;
  width: 65.06666667vw;
  height: 11.6vw;
}
.content .pr-notice {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .pr-notice .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 81.33333333vw;
  height: 122.13333333vw;
  transform: translate(-50%, -50%);
}
.content .pr-notice .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 11.86666667vw;
  height: 10.93333333vw;
}
.content .pr-notice .box .privacyPolicy_but {
  position: absolute;
  top: 83.06666667vw;
  left: 30.4vw;
  width: 20.66666667vw;
  height: 10.26666667vw;
}
.content .pr-notice .box .but {
  position: absolute;
  top: 93.33333333vw;
  left: 6.13333333vw;
  width: 68.93333333vw;
  height: 11.6vw;
}
.content .pr-cinemaselection {
  background-color: #000;
  font-family: 'PFBold';
}
.content .pr-cinemaselection .box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .pr-cinemaselection .box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .pr-cinemaselection .box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
}
.content .pr-cinemaselection .box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .pr-cinemaselection .box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .pr-cinemaselection .box .contentbox {
  flex: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .pr-cinemaselection .box .contentbox .cinemaselectionbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .pr-cinemaselection .box .contentbox .top {
  position: relative;
  top: 0;
  left: 0;
  height: 33.6vw;
}
.content .pr-cinemaselection .box .contentbox .top .pr_cinemaselection_title_img {
  top: 5.33333333vw;
  left: 8.4vw;
  width: 83.2vw;
}
.content .pr-cinemaselection .box .contentbox .top .provinces_and_cities {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  top: 16.93333333vw;
  left: 6.93333333vw;
  width: 85.86666667vw;
  height: 12.93333333vw;
}
.content .pr-cinemaselection .box .contentbox .top .provinces_and_cities .address {
  position: relative;
  top: 0;
  left: 0;
  width: 41.73333333vw;
  height: 12.93333333vw;
}
.content .pr-cinemaselection .box .contentbox .top .provinces_and_cities .address .city,
.content .pr-cinemaselection .box .contentbox .top .provinces_and_cities .address .provinces {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 6vw;
  height: 100%;
  color: #fff;
  font-size: 4vw;
}
.content .pr-cinemaselection .box .contentbox .top .provinces_and_cities .address .icon_arrow_img {
  top: 5.73333333vw;
  left: 32.26666667vw;
  width: 2.53333333vw;
}
.content .pr-cinemaselection .box .contentbox .bottom {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item.filter {
  filter: brightness(0.9);
  opacity: 0.9;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item {
  position: relative;
  top: 0;
  left: 50%;
  padding-bottom: 3.2vw;
  width: 85.46666667vw;
  height: 50.66666667vw;
  transform: translateX(-50%);
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .name {
  display: flex;
  position: absolute;
  top: 12.93333333vw;
  left: 4.8vw;
  color: #fff;
  font-size: 4vw;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .name p {
  position: relative;
  margin: 0;
  max-width: 53.33333333vw;
  white-space: nowrap;
  /* 强制文本不换行 */
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .name .afterexchange_img {
  position: relative;
  margin-top: 0.93333333vw;
  margin-left: 2.13333333vw;
  width: 10.26666667vw;
  height: 3.73333333vw;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .quota {
  position: absolute;
  top: 19.2vw;
  left: 4.8vw;
  color: #fff;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .itembox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 30.66666667vw;
  left: 0;
  width: 100%;
  height: 14.66666667vw;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .address {
  display: flex;
  align-items: center;
  position: relative;
  left: 5.33333333vw;
  width: 75.73333333vw;
  color: #fff;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .address .icon_position_img {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 2.93333333vw;
  width: 2.93333333vw;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .address p {
  margin: 0;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .phone {
  display: flex;
  align-items: center;
  position: relative;
  left: 5.33333333vw;
  color: #fff;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .phone .icon_phone_img {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 2.93333333vw;
  width: 2.93333333vw;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .phone a {
  margin: 0;
  color: #fff;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .dottedline_img {
  top: 26.53333333vw;
  left: 4.8vw;
  width: 75.73333333vw;
}
.content .pr-cinemaselection .box .contentbox .bottom .cinemaselection_item .choice_img {
  top: 12.66666667vw;
  left: 75.6vw;
  width: 5.2vw;
}
.content .pr-cinemaselection .pr-cinemaselection-confirm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36.8vw;
  animation: fadeInUp 1s ease both;
}
.content .pr-cinemaselection .pr-cinemaselection-confirm .but {
  position: absolute;
  top: 9.2vw;
  left: 28.13333333vw;
  width: 43.86666667vw;
  height: 11.6vw;
}
.content .pr-reservationconfirmed {
  background-color: #000000;
}
.content .pr-reservationconfirmed .public_bj_img {
  top: 0;
  width: 100%;
}
.content .pr-reservationconfirmed .reservationconfirmed_box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
  font-family: 'PFBold';
}
.content .pr-reservationconfirmed .reservationconfirmed_box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap {
  flex: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box .reservationconfirmed_tips_img {
  position: absolute;
  top: 6.66666667vw;
  left: 9.33333333vw;
  width: 20.93333333vw;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box .reservationconfirmed_nr {
  position: absolute;
  top: 15.46666667vw;
  left: 0;
  width: 100%;
  height: 131.33333333vw;
  font-family: 'PFRegular';
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box .reservationconfirmed_nr .name {
  position: absolute;
  top: 77.2vw;
  left: 9.33333333vw;
  color: #fff;
  font-size: 3.73333333vw;
  font-family: 'PFRegular';
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box .reservationconfirmed_nr .address {
  position: absolute;
  top: 82.53333333vw;
  left: 9.33333333vw;
  color: #fff;
  font-size: 2.66666667vw;
  font-family: 'PFRegular';
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box .reservationconfirmed_nr .phone {
  position: absolute;
  top: 86.66666667vw;
  left: 9.33333333vw;
  color: #fff;
  font-size: 2.66666667vw;
  font-family: 'PFRegular';
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box .reservationconfirmed_nr .phone a {
  color: #fff;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box .reservationconfirmed_nr .ewm_img {
  position: absolute;
  top: 100.53333333vw;
  left: 9.33333333vw;
  width: 30.93333333vw;
  height: 30.93333333vw;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_butbox {
  flex: 0 36.8vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 36.8vw;
}
.content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_butbox .reservationconfirmed_but {
  position: absolute;
  top: 6.53333333vw;
  left: 28.13333333vw;
  width: 43.86666667vw;
  height: 11.6vw;
}
.content .pr-fail {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .pr-fail .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.86666667vw;
  height: 54.26666667vw;
  transform: translate(-50%, -50%);
}
.content .pr-fail .box .but {
  position: absolute;
  top: 31.06666667vw;
  left: 15.06666667vw;
  width: 43.86666667vw;
  height: 11.6vw;
}
.content .settings {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .settings .box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 33.33333333vw;
  animation: fadeInUp 1s ease both;
}
.content .settings .box .settings_box {
  position: absolute;
  width: 100%;
  height: 21.33333333vw;
  background-color: #fff;
  border-radius: 1.33333333vw;
  font-size: 3.87866667vw;
  font-family: 'PFBold';
}
.content .settings .box .settings_box .line {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 0.26666667vw;
  transform: translateY(-50%);
  background-color: #cccccc;
}
.content .settings .box .settings_box .settings_exit_but,
.content .settings .box .settings_box .settings_switch_but {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 50%;
}
.content .settings .box .settings_cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10.66666667vw;
  background-color: #fff;
  border-radius: 1.33333333vw 1.33333333vw 0 0;
  font-size: 3.87866667vw;
  font-family: 'PFBold';
}
.content .settings_exit {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .settings_exit .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.86666667vw;
  height: 52.93333333vw;
  transform: translate(-50%, -50%);
}
.content .settings_exit .box .qr_but {
  position: absolute;
  top: 30.93333333vw;
  left: 8.53333333vw;
  width: 26vw;
  height: 10.53333333vw;
}
.content .settings_exit .box .qx_but {
  position: absolute;
  top: 30.93333333vw;
  left: 39.33333333vw;
  width: 26vw;
  height: 10.53333333vw;
}
.content .settings_switch {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .settings_switch .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.86666667vw;
  height: 52.93333333vw;
  transform: translate(-50%, -50%);
}
.content .settings_switch .box .qr_but {
  position: absolute;
  top: 30.93333333vw;
  left: 8.53333333vw;
  width: 26vw;
  height: 10.53333333vw;
}
.content .settings_switch .box .qx_but {
  position: absolute;
  top: 30.93333333vw;
  left: 39.33333333vw;
  width: 26vw;
  height: 10.53333333vw;
}
.content .cancel_appointment {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .cancel_appointment .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.86666667vw;
  height: 52.93333333vw;
  transform: translate(-50%, -50%);
}
.content .cancel_appointment .box .qr_but {
  position: absolute;
  top: 30.93333333vw;
  left: 8.53333333vw;
  width: 26vw;
  height: 10.53333333vw;
}
.content .cancel_appointment .box .qx_but {
  position: absolute;
  top: 30.93333333vw;
  left: 39.33333333vw;
  width: 26vw;
  height: 10.53333333vw;
}
.content .personalCenter_appointment {
  background-color: #000;
}
.content .personalCenter_appointment .public_bj_img {
  top: 0;
  width: 100%;
}
.content .personalCenter_appointment .appointment_box .appointment_template {
  position: absolute;
  top: 6.13333333vw;
  left: 7.33333333vw;
  width: 85.46666667vw;
  height: 45.06666667vw;
}
.content .personalCenter_appointment .appointment_box .appointment_template .time {
  position: relative;
  margin-top: 13.46666667vw;
  left: 48.13333333vw;
  width: 34.66666667vw;
  color: #9e9e9e;
  font-size: 3.2vw;
}
.content .personalCenter_appointment .appointment_box .appointment_template .name {
  position: relative;
  left: 48.13333333vw;
  width: 36vw;
  color: #9e9e9e;
  font-size: 3.2vw;
}
.content .personalCenter_appointment .appointment_box .appointment_template .cancel {
  position: absolute;
  top: 32.4vw;
  left: 24.13333333vw;
  width: 21.86666667vw;
  height: 8.26666667vw;
}
.content .personalCenter_appointment .appointment_box .appointment_template .view {
  position: absolute;
  top: 32.4vw;
  left: 47.73333333vw;
  width: 34.93333333vw;
  height: 8.26666667vw;
}
.content .personalCenter_appointment .appointment_box .appointment_template1 .name {
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  display: -webkit-box;
  /* 将元素作为弹性伸缩盒子模型 */
  -webkit-box-orient: vertical;
  /* 设置子元素垂直排列 */
  -webkit-line-clamp: 2;
  /* 限制显示的行数为2行 */
  line-clamp: 2;
}
.content .personalCenter_appointment .appointment_box .appointment_template2 {
  top: 54.93333333vw;
}
.content .personalCenter_appointment .appointment_box .appointment_template2 .name {
  white-space: nowrap;
  /* 强制文本不换行 */
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.content .personalCenter_appointment .appointment_box .appointment_template2.top {
  top: 6.13333333vw;
}
.content .personalCenter_appointment .appointment_box .appointment_return {
  position: absolute;
  left: 32.93333333vw;
  bottom: 7.2vw;
  width: 34.13333333vw;
  height: 9.33333333vw;
}
.content .personalCenter_stub {
  background-color: #000;
}
.content .personalCenter_stub .public_bj_img {
  top: 0;
  width: 100%;
}
.content .personalCenter_stub .stub_box .stub_template1 {
  position: absolute;
  top: 6vw;
  left: 10.4vw;
  width: 35.33333333vw;
  height: 71.33333333vw;
}
.content .personalCenter_stub .stub_box .stub_template1 p {
  position: absolute;
  top: 5.06666667vw;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 2.34133333vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .personalCenter_stub .stub_box .stub_template2 {
  position: absolute;
  top: 6vw;
  left: 54.26666667vw;
  width: 35.33333333vw;
  height: 71.33333333vw;
}
.content .personalCenter_stub .stub_box .stub_template2 p {
  position: absolute;
  top: 5.06666667vw;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 2.34133333vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .personalCenter_stub .stub_box .stub_template2.left {
  left: 10.4vw;
}
.content .personalCenter_stub .stub_box .stub_return {
  position: absolute;
  left: 32.93333333vw;
  bottom: 7.2vw;
  width: 34.13333333vw;
  height: 9.33333333vw;
}
.content .personalCenter_filmreview {
  background-color: #000;
}
.content .personalCenter_filmreview .public_bj_img {
  top: 0;
  width: 100%;
}
.content .personalCenter_filmreview .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox {
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 16.53333333vw;
  width: 100%;
  height: auto;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item {
  position: relative;
  top: 0;
  left: 3.33333333vw;
  width: 93.46666667vw;
  max-width: 93.46666667vw;
  margin-bottom: 4vw;
  background-color: #242424;
  border-radius: 4vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .user_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 15.46666667vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .user_box .filmreview_tx_img {
  top: 4.53333333vw;
  left: 2.66666667vw;
  width: 8.66666667vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .user_box .filmreview_name {
  position: absolute;
  top: 4.4vw;
  left: 12.8vw;
  color: #fff;
  font-size: 4.26666667vw;
  font-family: 'PFBold';
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .user_box .filmreview_time {
  position: absolute;
  top: 9.6vw;
  left: 12.8vw;
  color: #969696;
  font-size: 2.93333333vw;
  font-family: 'PFRegular';
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .user_box .filmreview_status0,
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .user_box .filmreview_status2 {
  position: absolute;
  padding: 0.93333333vw 2.66666667vw;
  top: 4.53333333vw;
  right: 2.66666667vw;
  color: #969696;
  font-size: 4vw;
  font-family: 'PFBold';
  background-color: #4c4c4c;
  border-radius: 1.33333333vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .user_box .filmreview_status1 {
  position: absolute;
  padding: 0.93333333vw 2.66666667vw;
  top: 4.53333333vw;
  right: 2.66666667vw;
  color: #fff;
  font-size: 4vw;
  font-family: 'PFBold';
  background-color: #b2391b;
  border-radius: 1.33333333vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box {
  position: relative;
  top: 0;
  left: 0;
  left: 12.8vw;
  width: 77.73333333vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .text {
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 4.26666667vw;
  font-family: 'PFRegular';
  text-align: justify;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 2.66666667vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 0.66666667vw;
  width: 25.46666667vw;
  height: 34vw;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox img {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox .itemimgD,
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox .itemimgW {
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox .itemimgH {
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_video {
  position: relative;
  width: 100%;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_video .filmreview_video_wrap {
  margin-top: 3.33333333vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_video video {
  display: block;
  position: relative;
  width: 100%;
  object-fit: cover;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_video .playbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .nr_box .filmreview_video .playbox .icon_play_img {
  top: 50%;
  left: 50%;
  width: 13.33333333vw;
  height: 13.33333333vw;
  transform: translate(-50%, -50%);
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .but_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.33333333vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .but_box .filmreview_like {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0;
  left: 12.8vw;
  height: 100%;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .but_box .filmreview_like .filmreview_like_img {
  position: relative;
  padding-right: 1.33333333vw;
  width: 4.13333333vw;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .but_box .filmreview_like .num {
  color: #969696;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .but_box .filmreview_like .num.like {
  color: #b2391b;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .but_box .filmreview_share {
  position: absolute;
  top: 0;
  left: 40.4vw;
  width: 12vw;
  height: 100%;
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item .but_box .filmreview_share .filmreview_share_img {
  top: 50%;
  transform: translateY(-50%);
}
.content .personalCenter_filmreview .box .scroll .filmreview_itembox .filmreview_item:nth-child(1) {
  margin-top: 6.13333333vw;
}
.content .personalCenter_filmreview .personalCenter_filmreview_return {
  position: absolute;
  left: 32.93333333vw;
  bottom: 7.2vw;
  width: 34.13333333vw;
  height: 9.33333333vw;
}
.content .personalCenter_story {
  background-color: #000;
}
.content .personalCenter_story .public_bj_img {
  top: 0;
  width: 100%;
}
.content .personalCenter_story .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .personalCenter_story .box .scroll .story_itembox {
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 16.53333333vw;
  width: 100%;
  height: auto;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item {
  position: relative;
  top: 0;
  left: 3.33333333vw;
  width: 93.46666667vw;
  max-width: 93.46666667vw;
  margin-bottom: 4vw;
  background-color: #242424;
  border-radius: 4vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .user_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 15.46666667vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .user_box .story_tx_img {
  top: 4.53333333vw;
  left: 2.66666667vw;
  width: 8.66666667vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .user_box .story_name {
  position: absolute;
  top: 4.4vw;
  left: 12.8vw;
  color: #fff;
  font-size: 4.26666667vw;
  font-family: 'PFBold';
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .user_box .story_time {
  position: absolute;
  top: 9.6vw;
  left: 12.8vw;
  color: #969696;
  font-size: 2.93333333vw;
  font-family: 'PFRegular';
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .user_box .story_status0,
.content .personalCenter_story .box .scroll .story_itembox .story_item .user_box .story_status2 {
  position: absolute;
  padding: 0.93333333vw 2.66666667vw;
  top: 4.53333333vw;
  right: 2.66666667vw;
  color: #969696;
  font-size: 4vw;
  font-family: 'PFBold';
  background-color: #4c4c4c;
  border-radius: 1.33333333vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .user_box .story_status1 {
  position: absolute;
  padding: 0.93333333vw 2.66666667vw;
  top: 4.53333333vw;
  right: 2.66666667vw;
  color: #fff;
  font-size: 4vw;
  font-family: 'PFBold';
  background-color: #b2391b;
  border-radius: 1.33333333vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box {
  position: relative;
  top: 0;
  left: 0;
  left: 12.8vw;
  width: 77.73333333vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .text {
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 4.26666667vw;
  font-family: 'PFRegular';
  text-align: justify;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_imgbox .story_imgwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 2.66666667vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 0.66666667vw;
  width: 25.46666667vw;
  height: 34vw;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox img {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox .itemimgD,
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox .itemimgW {
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox .itemimgH {
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_video {
  position: relative;
  padding-top: 3.33333333vw;
  width: 100%;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_video .filmreview_video_wrap {
  margin-top: 3.33333333vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_video video {
  display: block;
  position: relative;
  width: 100%;
  object-fit: cover;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_video .playbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .nr_box .story_video .playbox .icon_play_img {
  top: 50%;
  left: 50%;
  width: 13.33333333vw;
  height: 13.33333333vw;
  transform: translate(-50%, -50%);
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .but_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.33333333vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .but_box .story_like {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0;
  left: 12.8vw;
  height: 100%;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .but_box .story_like .story_like_img {
  position: relative;
  padding-right: 1.33333333vw;
  width: 4.13333333vw;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .but_box .story_like .num {
  color: #969696;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .but_box .story_like .num.like {
  color: #b2391b;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .but_box .story_share {
  position: absolute;
  top: 0;
  left: 40.4vw;
  width: 12vw;
  height: 100%;
}
.content .personalCenter_story .box .scroll .story_itembox .story_item .but_box .story_share .story_share_img {
  top: 50%;
  transform: translateY(-50%);
}
.content .personalCenter_story .box .scroll .story_itembox .story_item:nth-child(1) {
  margin-top: 6.13333333vw;
}
.content .personalCenter_story .personalCenter_story_return {
  position: absolute;
  left: 32.93333333vw;
  bottom: 7.2vw;
  width: 34.13333333vw;
  height: 9.33333333vw;
}
.content .memento-collect {
  background-color: #000;
}
.content .memento-collect .public_bj_img {
  top: 0;
  left: 0;
  width: 100%;
}
.content .memento-collect .box {
  display: flex;
  flex-direction: column;
}
.content .memento-collect .box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .memento-collect .box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
  font-family: 'PFBold';
}
.content .memento-collect .box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .memento-collect .box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .memento-collect .box .contentbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-collect .box .contentbox .top {
  flex: 0 50.66666667vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 50.66666667vw;
}
.content .memento-collect .box .contentbox .top .collect_title_img {
  top: 4.4vw;
  left: 6.66666667vw;
  width: 86.66666667vw;
}
.content .memento-collect .box .contentbox .top .collect_but {
  position: absolute;
  top: 26.8vw;
  left: 27.73333333vw;
  width: 44.53333333vw;
  height: 7.06666667vw;
}
.content .memento-collect .box .contentbox .top .collect_fragment {
  position: absolute;
  top: 37.6vw;
  left: 5.06666667vw;
  width: 26.13333333vw;
  height: 10.26666667vw;
  color: #530e00;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-collect .box .contentbox .top .collect_fragment p {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5.06666667vw;
  left: 9.06666667vw;
  width: 13.06666667vw;
  height: 4.13333333vw;
}
.content .memento-collect .box .contentbox .top .collect_record {
  position: absolute;
  top: 39.46666667vw;
  left: 73.73333333vw;
  width: 20.13333333vw;
  height: 7.06666667vw;
}
.content .memento-collect .box .contentbox .top .collect_record .collect_record_img {
  top: 2.13333333vw;
}
.content .memento-collect .box .contentbox .bottom {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.content .memento-collect .box .contentbox .bottom .list {
  flex: 1;
  position: relative;
}
.content .memento-collect .box .contentbox .bottom .list .listbox {
  position: absolute;
  top: 0;
  left: 3.2vw;
  width: 93.6vw;
  height: 100%;
  max-height: 156.26666667vw;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .collect_listbox_img {
  width: 100%;
  height: 100%;
  max-height: 156.26666667vw;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap .list_item_box {
  position: relative;
  padding-top: 2.8vw;
  padding-bottom: 2.8vw;
  width: 100%;
  height: auto;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap .list_item_box .list_item {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 15.06666667vw;
  font-family: 'PFBold';
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap .list_item_box .list_item .collect_icon_img {
  top: 2.66666667vw;
  left: 2.66666667vw;
  width: 9.6vw;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap .list_item_box .list_item .task {
  position: absolute;
  top: 3.33333333vw;
  left: 14.93333333vw;
  color: #ffffff;
  font-size: 3.73333333vw;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap .list_item_box .list_item .tips {
  position: absolute;
  top: 8.4vw;
  left: 14.93333333vw;
  color: #b2391b;
  font-size: 3.06666667vw;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap .list_item_box .list_item .but {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4.53333333vw;
  left: 72vw;
  width: 18.66666667vw;
  height: 5.73333333vw;
  color: #fff;
  font-size: 3.06666667vw;
  background-color: #b2391b;
  border-radius: 3.33333333vw;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap .list_item_box .list_item .but.complete {
  color: #969696;
  background-color: #4c4c4c;
}
.content .memento-collect .box .contentbox .bottom .list .listbox .listwrap .list_item_box .list_item .line {
  position: absolute;
  left: 5.06666667vw;
  bottom: 0;
  width: 83.2vw;
  height: 0.13333333vw;
  background-color: #4d4d4d;
}
.content .memento-collect .box .contentbox .bottom .listbottom {
  flex: 0 12.93333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 12.93333333vw;
}
.content .memento-record {
  background-color: #000;
}
.content .memento-record .public_bj_img {
  top: 0;
  width: 100%;
}
.content .memento-record .box {
  display: flex;
  flex-direction: column;
}
.content .memento-record .box .top {
  flex: 0 58.26666667vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 58.26666667vw;
}
.content .memento-record .box .top .record_title_img {
  top: 4.4vw;
  left: 6.66666667vw;
  width: 86.66666667vw;
}
.content .memento-record .box .top .record_fragment {
  position: absolute;
  top: 37.6vw;
  left: 5.06666667vw;
  width: 26.13333333vw;
  height: 10.26666667vw;
  color: #530e00;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-record .box .top .record_fragment p {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5.06666667vw;
  left: 9.06666667vw;
  width: 13.06666667vw;
  height: 4.13333333vw;
}
.content .memento-record .box .top .record_navbar_img {
  top: 50.26666667vw;
  left: 38.93333333vw;
  width: 22.26666667vw;
}
.content .memento-record .box .middle {
  flex: 1;
  position: relative;
}
.content .memento-record .box .middle .middle_box {
  position: absolute;
  top: 0;
  left: 3.2vw;
  width: 93.46666667vw;
  height: 100%;
}
.content .memento-record .box .middle .middle_box .record_listbox_img {
  width: 100%;
  height: 100%;
}
.content .memento-record .box .middle .middle_box .middle_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .memento-record .box .middle .middle_box .middle_wrap .middle_item_box {
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 4vw;
  width: 100%;
  height: auto;
}
.content .memento-record .box .middle .middle_box .middle_wrap .middle_item_box .middle_item {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 14vw;
}
.content .memento-record .box .middle .middle_box .middle_wrap .middle_item_box .middle_item .time {
  position: absolute;
  left: 4.93333333vw;
  bottom: 5.46666667vw;
  color: #9e9e9e;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .memento-record .box .middle .middle_box .middle_wrap .middle_item_box .middle_item .name {
  position: absolute;
  left: 4.93333333vw;
  bottom: 0;
  color: #ffffff;
  font-size: 4vw;
  font-family: 'PFRegular';
}
.content .memento-record .box .middle .middle_box .middle_wrap .middle_item_box .middle_item .num {
  position: absolute;
  right: 5.46666667vw;
  bottom: 2.53333333vw;
  color: #b2391b;
  font-size: 4vw;
  font-family: 'PFBold';
}
.content .memento-record .box .bottom {
  flex: 0 20.4vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 20.4vw;
}
.content .memento-record .box .bottom .record_return {
  position: absolute;
  top: 3.86666667vw;
  left: 32.93333333vw;
  width: 34.13333333vw;
  height: 9.33333333vw;
}
.content .memento-extract {
  background-color: #000;
}
.content .memento-extract .memento_extract_bj_img {
  top: 0;
  width: 100%;
}
.content .memento-extract .extract_title_img {
  top: 4.4vw;
  left: 6.66666667vw;
  width: 86.66666667vw;
}
.content .memento-extract .extract_fragment {
  position: absolute;
  top: 29.73333333vw;
  left: 5.06666667vw;
  width: 26.13333333vw;
  height: 10.26666667vw;
  color: #530e00;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-extract .extract_fragment p {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5.06666667vw;
  left: 9.06666667vw;
  width: 13.06666667vw;
  height: 4.13333333vw;
}
.content .memento-extract .extract_rule {
  position: absolute;
  top: 38vw;
  right: 0;
  width: 8vw;
  height: 17.06666667vw;
}
.content .memento-extract .extract_prize {
  position: absolute;
  top: 58.93333333vw;
  right: 0;
  width: 8vw;
  height: 17.06666667vw;
}
.content .memento-extract .extract_box {
  position: absolute;
  top: 43.46666667vw;
  left: 11.2vw;
  width: 77.6vw;
  height: 98vw;
}
.content .memento-extract .extract_box .extract_cube_img {
  top: 29.06666667vw;
  left: 14.53333333vw;
  width: 48vw;
}
.content .memento-extract .extract_box .extract_prize_box {
  position: absolute;
  top: 72.13333333vw;
  left: 4.53333333vw;
  width: 68.53333333vw;
  height: 21.33333333vw;
  overflow: hidden;
}
.content .memento-extract .extract_box .extract_prize_box canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-extract .extract_but {
  position: absolute;
  top: 146.4vw;
  left: 26.53333333vw;
  width: 47.06666667vw;
  height: 16.53333333vw;
}
.content .memento-extract .extract_but.filter {
  filter: grayscale(100%);
}
.content .memento-extract .extract_exchange {
  position: absolute;
  top: 164.53333333vw;
  left: 26.53333333vw;
  width: 47.06666667vw;
  height: 16.53333333vw;
}
.content .memento-extract .extract_exchange.filter {
  filter: grayscale(100%);
}
.content .memento-extract .extract_return {
  position: absolute;
  top: 182.26666667vw;
  left: 44.93333333vw;
  width: 10.13333333vw;
  height: 4vw;
}
.content .memento-extract-rule {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-extract-rule .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 81.33333333vw;
  height: 122.13333333vw;
  transform: translate(-50%, -50%);
}
.content .memento-extract-rule .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 11.86666667vw;
  height: 11.2vw;
}
.content .memento-extract-rule .box .but {
  position: absolute;
  top: 90.8vw;
  left: 16.66666667vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .memento-extract-myprize {
  background-color: #000;
}
.content .memento-extract-myprize .public_bj_img {
  top: 0;
  width: 100%;
}
.content .memento-extract-myprize .box {
  display: flex;
  flex-direction: column;
}
.content .memento-extract-myprize .box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .memento-extract-myprize .box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
  font-family: 'PFBold';
}
.content .memento-extract-myprize .box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .memento-extract-myprize .box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .memento-extract-myprize .box .contentbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-extract-myprize .box .contentbox .myprizebox {
  position: absolute;
  top: 8.26666667vw;
  left: 0;
  width: 100%;
  height: calc(100% - 16.533vw);
  overflow: hidden;
}
.content .memento-extract-myprize .box .contentbox .myprizebox .myprize_item {
  position: relative;
  top: 0;
  padding-bottom: 3.33333333vw;
  left: 7.33333333vw;
  width: 85.46666667vw;
  height: 19.2vw;
}
.content .memento-extract-myprize .box .contentbox .myprizebox .myprize_item .name {
  position: absolute;
  top: 5.6vw;
  left: 4.66666667vw;
  color: #ffffff;
  font-size: 4vw;
  font-family: 'PFBold';
}
.content .memento-extract-myprize .box .contentbox .myprizebox .myprize_item .time {
  position: absolute;
  top: 10.8vw;
  left: 4.66666667vw;
  color: #9e9e9e;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .memento-extract-myprize .box .contentbox .myprizebox .myprize_item .status {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5.46666667vw;
  left: 62.13333333vw;
  width: 18.8vw;
  height: 8.4vw;
  color: #fff;
  font-size: 4.22933333vw;
  font-family: 'PFRegular';
  border: 0.26666667vw solid #fff;
  border-radius: 4vw;
}
.content .memento-extract-myprize-modifyAddress {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-extract-myprize-modifyAddress .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.86666667vw;
  height: 54.26666667vw;
  transform: translate(-50%, -50%);
}
.content .memento-extract-myprize-modifyAddress .box .but {
  position: absolute;
  top: 31.06666667vw;
  left: 15.06666667vw;
  width: 43.86666667vw;
  height: 11.6vw;
}
.content .memento-extract-prize-popup {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-extract-prize-popup .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84.66666667vw;
  transform: translate(-50%, -50%);
}
.content .memento-extract-prize-popup .box .but {
  position: absolute;
  left: 19.46666667vw;
  width: 46vw;
  height: 11.6vw;
}
.content .memento-extract-prize-popup .box1 {
  height: 151.73333333vw;
}
.content .memento-extract-prize-popup .box1 .but {
  top: 132.93333333vw;
}
.content .memento-extract-prize-popup .box2 {
  height: 146vw;
}
.content .memento-extract-prize-popup .box2 .but {
  top: 126.13333333vw;
}
.content .memento-extract-electronic {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-extract-electronic .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85.46666667vw;
  height: 151.6vw;
  transform: translate(-50%, -50%);
}
.content .memento-extract-electronic .box .prize_tips_img {
  top: -12.13333333vw;
  left: 50%;
  width: 24vw;
  transform: translateX(-50%);
}
.content .memento-extract-electronic .box .prize_name {
  position: absolute;
  top: 6.13333333vw;
  left: 0;
  width: 100%;
  color: #000000;
  font-size: 4.53333333vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .memento-extract-electronic .box .wallpaperbox {
  position: absolute;
  top: 16.53333333vw;
  left: 10.93333333vw;
  width: 63.46666667vw;
  height: 112.93333333vw;
  pointer-events: auto !important;
  overflow: hidden;
}
.content .memento-extract-electronic .box .wallpaperbox .wallpaper_img {
  pointer-events: auto !important;
}
.content .memento-extract-electronic .box .electronic_but {
  position: absolute;
  top: 135.46666667vw;
  left: 21.2vw;
  width: 43.06666667vw;
  height: 10vw;
  pointer-events: auto !important;
  overflow: hidden;
}
.content .memento-extract-electronic .box .electronic_but .wallpaper_img {
  bottom: 0;
  pointer-events: auto !important;
  opacity: 0;
}
.content .memento-extract-electronic .box .electronic_return {
  position: absolute;
  left: 37.6vw;
  bottom: -9.46666667vw;
  width: 10.13333333vw;
  height: 4vw;
}
.content .memento-extract-entity {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-extract-entity .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85.46666667vw;
  height: 151.6vw;
  transform: translate(-50%, -50%);
}
.content .memento-extract-entity .box .prize_tips_img {
  top: -12.13333333vw;
  left: 50%;
  width: 24vw;
  transform: translateX(-50%);
}
.content .memento-extract-entity .box .prize_box {
  position: absolute;
  top: 6.4vw;
  left: 30.93333333vw;
  width: 23.33333333vw;
  height: 30.13333333vw;
  overflow: hidden;
}
.content .memento-extract-entity .box .prize_type1 {
  top: 5.73333333vw;
  left: 33.6vw;
  width: 18.13333333vw;
  height: 32.13333333vw;
}
.content .memento-extract-entity .box .prize_type2 {
  top: 9.33333333vw;
  left: 19.46666667vw;
  width: 46.4vw;
  height: 26.13333333vw;
}
.content .memento-extract-entity .box .prize_type3 {
  top: 7.2vw;
  left: 30.26666667vw;
  width: 24.8vw;
  height: 29.86666667vw;
}
.content .memento-extract-entity .box .prize_name {
  position: absolute;
  top: 38.93333333vw;
  left: 0;
  width: 100%;
  color: #000000;
  font-size: 4.53333333vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .memento-extract-entity .box .entity_name {
  position: absolute;
  top: 67.2vw;
  left: 5.6vw;
  width: 74.26666667vw;
  height: 13.86666667vw;
  color: #848484;
  font-size: 4vw;
  font-family: 'PFBold';
}
.content .memento-extract-entity .box .entity_phone {
  position: absolute;
  top: 83.86666667vw;
  left: 5.6vw;
  width: 74.26666667vw;
  height: 13.86666667vw;
  color: #848484;
  font-size: 4vw;
  font-family: 'PFBold';
}
.content .memento-extract-entity .box .entity_address {
  position: absolute;
  top: 100.53333333vw;
  left: 5.6vw;
  width: 74.26666667vw;
  height: 13.86666667vw;
  color: #848484;
  font-size: 4vw;
  font-family: 'PFBold';
}
.content .memento-extract-entity .box .entity_name::placeholder,
.content .memento-extract-entity .box .entity_phone::placeholder,
.content .memento-extract-entity .box .entity_address::placeholder {
  color: #848484;
  font-size: 4vw;
  font-family: 'PFBold';
}
.content .memento-extract-entity .box .entity_privacyPolicy_but {
  position: absolute;
  top: 115.46666667vw;
  left: 32.4vw;
  width: 20.66666667vw;
  height: 9.06666667vw;
}
.content .memento-extract-entity .box .entity_but {
  position: absolute;
  top: 124.53333333vw;
  left: 21.2vw;
  width: 43.06666667vw;
  height: 10vw;
  overflow: hidden;
}
.content .memento-extract-entity .box .entity_return {
  position: absolute;
  left: 37.6vw;
  bottom: -9.46666667vw;
  width: 10.13333333vw;
  height: 4vw;
}
.content .memento-extract-noprize {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-extract-noprize .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84.66666667vw;
  height: 113.06666667vw;
  transform: translate(-50%, -50%);
}
.content .memento-extract-noprize .box .noprize_but {
  position: absolute;
  top: 88vw;
  left: 19.46666667vw;
  width: 46vw;
  height: 11.6vw;
}
.content .memento-extract-stub {
  background-color: #000;
}
.content .memento-extract-stub .public_bj_img {
  top: 0;
  left: 0;
  width: 100%;
}
.content .memento-extract-stub .stubbox {
  position: absolute;
  top: 11.73333333vw;
  left: 13.73333333vw;
  width: 72.53333333vw;
  height: 146.26666667vw;
}
.content .memento-extract-stub .stubbox p {
  position: absolute;
  top: 10.53333333vw;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 4.8vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .memento-extract-stub .memento_extract_stub_return {
  position: absolute;
  left: 32.93333333vw;
  bottom: 7.2vw;
  width: 34.13333333vw;
  height: 9.33333333vw;
}
.content .memento-story {
  background-color: #000;
}
.content .memento-story .public_bj_img {
  top: 0;
  width: 100%;
}
.content .memento-story .box {
  display: flex;
  flex-direction: column;
}
.content .memento-story .box .top {
  flex: 0 40.4vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 40.4vw;
}
.content .memento-story .box .top .memento_story_title_img {
  top: 4.4vw;
  left: 6.66666667vw;
  width: 86.66666667vw;
}
.content .memento-story .box .top .memento_story_but {
  position: absolute;
  top: 26.53333333vw;
  left: 11.86666667vw;
  width: 32.53333333vw;
  height: 7.06666667vw;
}
.content .memento-story .box .bottom {
  flex: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-story .box .bottom .bottombox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-story .box .bottom .bottombox .story_item_box {
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 16.53333333vw;
  width: 100%;
  height: auto;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item {
  position: relative;
  top: 0;
  left: 3.33333333vw;
  width: 93.46666667vw;
  max-width: 93.46666667vw;
  margin-bottom: 4vw;
  background-color: #242424;
  border-radius: 4vw;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .user_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 15.46666667vw;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .user_box .memento_story_tx_img {
  top: 4.53333333vw;
  left: 2.66666667vw;
  width: 8.66666667vw;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .user_box .story_name {
  position: absolute;
  top: 4.4vw;
  left: 12.8vw;
  color: #fff;
  font-size: 4.26666667vw;
  font-family: 'PFBold';
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .user_box .story_time {
  position: absolute;
  top: 9.6vw;
  left: 12.8vw;
  color: #969696;
  font-size: 2.93333333vw;
  font-family: 'PFRegular';
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box {
  position: relative;
  top: 0;
  left: 0;
  left: 12.8vw;
  width: 77.73333333vw;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .text {
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 4.26666667vw;
  font-family: 'PFRegular';
  text-align: justify;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_imgbox .story_imgwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 2.66666667vw;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 0.66666667vw;
  width: 25.46666667vw;
  height: 34vw;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox img {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox .itemimgD,
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox .itemimgW {
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_imgbox .story_imgwrap .itemimgbox .itemimgH {
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_video {
  position: relative;
  padding-top: 3.33333333vw;
  width: 100%;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_video .filmreview_video_wrap {
  margin-top: 3.33333333vw;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_video video {
  display: block;
  position: relative;
  width: 100%;
  object-fit: cover;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_video .playbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .nr_box .story_video .playbox .icon_play_img {
  top: 50%;
  left: 50%;
  width: 13.33333333vw;
  height: 13.33333333vw;
  transform: translate(-50%, -50%);
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .but_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.33333333vw;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .but_box .memento_story_like {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0;
  left: 12.8vw;
  height: 100%;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .but_box .memento_story_like .memento_story_like_img {
  position: relative;
  padding-right: 1.33333333vw;
  width: 4.13333333vw;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .but_box .memento_story_like .num {
  color: #969696;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .but_box .memento_story_like .num.like {
  color: #b2391b;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .but_box .memento_story_share {
  position: absolute;
  top: 0;
  left: 40.4vw;
  width: 12vw;
  height: 100%;
}
.content .memento-story .box .bottom .bottombox .story_item_box .story_item .but_box .memento_story_share .memento_story_share_img {
  top: 50%;
  transform: translateY(-50%);
}
.content .memento-story .memento_story_fragment {
  position: absolute;
  left: 3.33333333vw;
  bottom: 45.2vw;
  width: 21.6vw;
  height: 9.06666667vw;
  pointer-events: none;
}
.content .memento-story .memento_story_fragment .fragment_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4.53333333vw;
  left: 7.6vw;
  width: 11.2vw;
  height: 3.46666667vw;
  text-align: center;
}
.content .memento-story .memento_story_fragment .fragment_box p {
  position: absolute;
  color: #530e00;
  font-size: 3.04266667vw;
  font-family: 'PFBold';
}
.content .memento-story .memento_story_return {
  position: absolute;
  left: 32.93333333vw;
  bottom: 7.2vw;
  width: 34.13333333vw;
  height: 9.33333333vw;
}
.content .memento-story-notice {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-story-notice .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84.66666667vw;
  height: 158.93333333vw;
  transform: translate(-50%, -50%);
}
.content .memento-story-notice .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 15.06666667vw;
  height: 12.26666667vw;
}
.content .memento-story-notice .box .but {
  position: absolute;
  top: 140.13333333vw;
  left: 18.4vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .memento-story-edit {
  background-color: #fff;
  overflow: hidden;
}
.content .memento-story-edit .box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.content .memento-story-edit .box .wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.content .memento-story-edit .box .edit_image_title {
  position: relative;
  padding: 5.6vw 3.86666667vw 1.33333333vw 3.86666667vw;
  color: #cacaca;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-story-edit .box .edit_imagebox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.93333333vw;
  position: relative;
  padding: 0 3.86666667vw 0 3.86666667vw;
}
.content .memento-story-edit .box .edit_imagebox .story_image_preview {
  position: relative;
  width: 20.13333333vw;
  height: 20.13333333vw;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.content .memento-story-edit .box .edit_imagebox .story_image_preview .story_preview_img {
  width: 100%;
}
.content .memento-story-edit .box .edit_imagebox .story_image_preview .story_remove_btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  border-radius: 50%;
  width: 4vw;
  height: 4vw;
}
.content .memento-story-edit .box .edit_imagebox .story_image_preview .story_remove_btn img {
  top: 50%;
  left: 50%;
  width: 2vw;
  transform: translate(-50%, -50%);
}
.content .memento-story-edit .box .edit_imagebox .edit_image_item {
  position: relative;
  width: 20.13333333vw;
  height: 20.13333333vw;
  overflow: hidden;
}
.content .memento-story-edit .box .edit_video_title {
  position: relative;
  padding: 4.53333333vw 3.86666667vw 1.33333333vw 3.86666667vw;
  color: #cacaca;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-story-edit .box .edit_videobox {
  position: relative;
  padding: 0 3.86666667vw 0 3.86666667vw;
}
.content .memento-story-edit .box .edit_videobox .edit_image_item {
  position: relative;
  width: 20.13333333vw;
  height: 20.13333333vw;
  overflow: hidden;
}
.content .memento-story-edit .box .edit_videobox .story_video_preview_container {
  position: relative;
  width: 20.13333333vw;
  height: 20.13333333vw;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.content .memento-story-edit .box .edit_videobox .story_video_preview_container .story_video_thumbnail {
  width: 100%;
}
.content .memento-story-edit .box .edit_videobox .story_video_preview_container .story_videoLoading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-story-edit .box .edit_videobox .story_video_preview_container .story_videoLoading .spinner {
  position: absolute;
  top: 40%;
  left: 50%;
  margin-top: -1.46666667vw;
  margin-left: -1.46666667vw;
  width: 2.4vw;
  height: 2.4vw;
  border: 0.26666667vw solid #eee;
  border-top: 0.26666667vw solid #1677ff;
  border-radius: 50%;
  animation: spin1 1s linear infinite;
}
@keyframes spin1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.content .memento-story-edit .box .edit_videobox .story_video_preview_container .story_videoLoading span {
  display: block;
  position: absolute;
  top: 12vw;
  width: 100%;
  font-size: 2.66666667vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .memento-story-edit .box .edit_videobox .story_video_preview_container .story_remove_video {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  border-radius: 50%;
  width: 4vw;
  height: 4vw;
}
.content .memento-story-edit .box .edit_videobox .story_video_preview_container .story_remove_video img {
  top: 50%;
  left: 50%;
  width: 2vw;
  transform: translate(-50%, -50%);
}
.content .memento-story-edit .box .permissionboxbut {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-story-edit .box .edit_text_title {
  position: relative;
  padding: 5.6vw 3.86666667vw 1.33333333vw 3.86666667vw;
  color: #cacaca;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-story-edit .box .edit_text_box {
  position: relative;
  left: 3.86666667vw;
  width: 92.26666667vw;
  height: 48vw;
  background-color: #f7f7f7;
  border-radius: 1.33333333vw;
}
.content .memento-story-edit .box .edit_text_box .story_edit_text {
  position: absolute;
  top: 2.66666667vw;
  left: 2.66666667vw;
  width: 86.93333333vw;
  height: 42.66666667vw;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-story-edit .memento_story_edit_fragment {
  position: absolute;
  top: 137.86666667vw;
  left: 3.2vw;
  width: 21.6vw;
  height: 9.06666667vw;
}
.content .memento-story-edit .memento_story_edit_fragment .fragment_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4.53333333vw;
  left: 7.6vw;
  width: 11.2vw;
  height: 3.46666667vw;
  text-align: center;
}
.content .memento-story-edit .memento_story_edit_fragment .fragment_box p {
  position: absolute;
  color: #530e00;
  font-size: 3.04266667vw;
  font-family: 'PFBold';
}
.content .memento-story-edit .memento_story_edit_but_return {
  position: absolute;
  top: 150.66666667vw;
  left: 8vw;
  width: 34.13333333vw;
  height: 11.6vw;
}
.content .memento-story-edit .memento_story_edit_but {
  position: absolute;
  top: 150.66666667vw;
  right: 8vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .memento-story-upperlimit {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-story-upperlimit .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84.66666667vw;
  height: 47.6vw;
  transform: translate(-50%, -50%);
}
.content .memento-story-upperlimit .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 13.2vw;
  height: 13.06666667vw;
}
.content .memento-filmreview {
  background-color: #000;
}
.content .memento-filmreview .public_bj_img {
  top: 0;
  width: 100%;
}
.content .memento-filmreview .box {
  display: flex;
  flex-direction: column;
}
.content .memento-filmreview .box .top {
  flex: 0 37.6vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 37.6vw;
}
.content .memento-filmreview .box .top .memento_filmreview_title_img {
  top: 4.4vw;
  left: 6.66666667vw;
  width: 86.66666667vw;
}
.content .memento-filmreview .box .top .memento_filmreview_but {
  position: absolute;
  top: 23.46666667vw;
  left: 11.86666667vw;
  width: 24.4vw;
  height: 7.06666667vw;
}
.content .memento-filmreview .box .bottom {
  flex: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-filmreview .box .bottom .bottombox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box {
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 16.53333333vw;
  width: 100%;
  height: auto;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item {
  position: relative;
  top: 0;
  left: 3.33333333vw;
  width: 93.46666667vw;
  max-width: 93.46666667vw;
  margin-bottom: 4vw;
  background-color: #242424;
  border-radius: 4vw;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .user_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 15.46666667vw;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .user_box .memento_filmreview_tx_img {
  top: 4.53333333vw;
  left: 2.66666667vw;
  width: 8.66666667vw;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .user_box .filmreview_name {
  position: absolute;
  top: 4.4vw;
  left: 12.8vw;
  color: #fff;
  font-size: 4.26666667vw;
  font-family: 'PFBold';
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .user_box .filmreview_time {
  position: absolute;
  top: 9.6vw;
  left: 12.8vw;
  color: #969696;
  font-size: 2.93333333vw;
  font-family: 'PFRegular';
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box {
  position: relative;
  top: 0;
  left: 0;
  left: 12.8vw;
  width: 77.73333333vw;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .text {
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 4.26666667vw;
  font-family: 'PFRegular';
  text-align: justify;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 2.66666667vw;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 0.66666667vw;
  width: 25.46666667vw;
  height: 34vw;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox img {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox .itemimgD,
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox .itemimgW {
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_imgbox .filmreview_imgwrap .itemimgbox .itemimgH {
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_video {
  position: relative;
  width: 100%;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_video .filmreview_video_wrap {
  margin-top: 3.33333333vw;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_video video {
  display: block;
  position: relative;
  width: 100%;
  object-fit: cover;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_video .playbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .nr_box .filmreview_video .playbox .icon_play_img {
  top: 50%;
  left: 50%;
  width: 13.33333333vw;
  height: 13.33333333vw;
  transform: translate(-50%, -50%);
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .but_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.33333333vw;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .but_box .memento_filmreview_like {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0;
  left: 12.8vw;
  height: 100%;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .but_box .memento_filmreview_like .memento_filmreview_like_img {
  position: relative;
  padding-right: 1.33333333vw;
  width: 4.13333333vw;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .but_box .memento_filmreview_like .num {
  color: #969696;
  font-size: 3.46666667vw;
  font-family: 'PFRegular';
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .but_box .memento_filmreview_like .num.like {
  color: #b2391b;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .but_box .memento_filmreview_share {
  position: absolute;
  top: 0;
  left: 40.4vw;
  width: 12vw;
  height: 100%;
}
.content .memento-filmreview .box .bottom .bottombox .filmreview_item_box .filmreview_item .but_box .memento_filmreview_share .memento_filmreview_share_img {
  top: 50%;
  transform: translateY(-50%);
}
.content .memento-filmreview .memento_filmreview_fragment {
  position: absolute;
  left: 3.33333333vw;
  bottom: 45.2vw;
  width: 21.6vw;
  height: 9.06666667vw;
  pointer-events: none;
}
.content .memento-filmreview .memento_filmreview_fragment .fragment_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4.53333333vw;
  left: 7.6vw;
  width: 11.2vw;
  height: 3.46666667vw;
  text-align: center;
}
.content .memento-filmreview .memento_filmreview_fragment .fragment_box p {
  position: absolute;
  color: #530e00;
  font-size: 3.04266667vw;
  font-family: 'PFBold';
}
.content .memento-filmreview .memento_filmreview_return {
  position: absolute;
  left: 32.93333333vw;
  bottom: 7.2vw;
  width: 34.13333333vw;
  height: 9.33333333vw;
}
.content .memento-filmreview-notice {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-filmreview-notice .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84.66666667vw;
  height: 158.93333333vw;
  transform: translate(-50%, -50%);
}
.content .memento-filmreview-notice .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 15.06666667vw;
  height: 12.26666667vw;
}
.content .memento-filmreview-notice .box .but {
  position: absolute;
  top: 140.13333333vw;
  left: 18.4vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .memento-filmreview-edit {
  background-color: #fff;
  overflow: hidden;
}
.content .memento-filmreview-edit .box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.content .memento-filmreview-edit .box .wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.content .memento-filmreview-edit .box .edit_image_title {
  position: relative;
  padding: 5.6vw 3.86666667vw 1.33333333vw 3.86666667vw;
  color: #cacaca;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-filmreview-edit .box .edit_imagebox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.93333333vw;
  position: relative;
  padding: 0 3.86666667vw 0 3.86666667vw;
}
.content .memento-filmreview-edit .box .edit_imagebox .filmreview_image_preview {
  position: relative;
  width: 20.13333333vw;
  height: 20.13333333vw;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.content .memento-filmreview-edit .box .edit_imagebox .filmreview_image_preview .filmreview_preview_img {
  width: 100%;
}
.content .memento-filmreview-edit .box .edit_imagebox .filmreview_image_preview .filmreview_remove_btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  border-radius: 50%;
  width: 4vw;
  height: 4vw;
}
.content .memento-filmreview-edit .box .edit_imagebox .filmreview_image_preview .filmreview_remove_btn img {
  top: 50%;
  left: 50%;
  width: 2vw;
  transform: translate(-50%, -50%);
}
.content .memento-filmreview-edit .box .edit_imagebox .edit_image_item {
  position: relative;
  width: 20.13333333vw;
  height: 20.13333333vw;
  overflow: hidden;
}
.content .memento-filmreview-edit .box .edit_video_title {
  position: relative;
  padding: 4.53333333vw 3.86666667vw 1.33333333vw 3.86666667vw;
  color: #cacaca;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-filmreview-edit .box .edit_videobox {
  position: relative;
  padding: 0 3.86666667vw 0 3.86666667vw;
}
.content .memento-filmreview-edit .box .edit_videobox .edit_image_item {
  position: relative;
  width: 20.13333333vw;
  height: 20.13333333vw;
  overflow: hidden;
}
.content .memento-filmreview-edit .box .edit_videobox .filmreview_video_preview_container {
  position: relative;
  width: 20.13333333vw;
  height: 20.13333333vw;
  border-radius: 1.33333333vw;
  overflow: hidden;
}
.content .memento-filmreview-edit .box .edit_videobox .filmreview_video_preview_container .filmreview_video_thumbnail {
  width: 100%;
}
.content .memento-filmreview-edit .box .edit_videobox .filmreview_video_preview_container .filmreview_videoLoading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-filmreview-edit .box .edit_videobox .filmreview_video_preview_container .filmreview_videoLoading .spinner {
  position: absolute;
  top: 40%;
  left: 50%;
  margin-top: -1.46666667vw;
  margin-left: -1.46666667vw;
  width: 2.4vw;
  height: 2.4vw;
  border: 0.26666667vw solid #eee;
  border-top: 0.26666667vw solid #1677ff;
  border-radius: 50%;
  animation: spin2 1s linear infinite;
}
@keyframes spin2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.content .memento-filmreview-edit .box .edit_videobox .filmreview_video_preview_container .filmreview_videoLoading span {
  display: block;
  position: absolute;
  top: 12vw;
  width: 100%;
  font-size: 2.66666667vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .memento-filmreview-edit .box .edit_videobox .filmreview_video_preview_container .filmreview_remove_video {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  border-radius: 50%;
  width: 4vw;
  height: 4vw;
}
.content .memento-filmreview-edit .box .edit_videobox .filmreview_video_preview_container .filmreview_remove_video img {
  top: 50%;
  left: 50%;
  width: 2vw;
  transform: translate(-50%, -50%);
}
.content .memento-filmreview-edit .box .permissionboxbut {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .memento-filmreview-edit .box .edit_text_title {
  position: relative;
  padding: 5.6vw 3.86666667vw 1.33333333vw 3.86666667vw;
  color: #cacaca;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-filmreview-edit .box .edit_text_box {
  position: relative;
  left: 3.86666667vw;
  width: 92.26666667vw;
  height: 48vw;
  background-color: #f7f7f7;
  border-radius: 1.33333333vw;
}
.content .memento-filmreview-edit .box .edit_text_box .filmreview_edit_text {
  position: absolute;
  top: 2.66666667vw;
  left: 2.66666667vw;
  width: 86.93333333vw;
  height: 42.66666667vw;
  font-size: 3.46666667vw;
  font-family: 'PFBold';
}
.content .memento-filmreview-edit .memento_filmreview_edit_fragment {
  position: absolute;
  top: 137.86666667vw;
  left: 3.2vw;
  width: 21.6vw;
  height: 9.06666667vw;
}
.content .memento-filmreview-edit .memento_filmreview_edit_fragment .fragment_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4.53333333vw;
  left: 7.6vw;
  width: 11.2vw;
  height: 3.46666667vw;
  text-align: center;
}
.content .memento-filmreview-edit .memento_filmreview_edit_fragment .fragment_box p {
  position: absolute;
  color: #530e00;
  font-size: 3.04266667vw;
  font-family: 'PFBold';
}
.content .memento-filmreview-edit .memento_filmreview_edit_but_return {
  position: absolute;
  top: 150.66666667vw;
  left: 8vw;
  width: 34.13333333vw;
  height: 11.6vw;
}
.content .memento-filmreview-edit .memento_filmreview_edit_but {
  position: absolute;
  top: 150.66666667vw;
  right: 8vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .memento-filmreview-upperlimit {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-filmreview-upperlimit .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84.66666667vw;
  height: 47.6vw;
  transform: translate(-50%, -50%);
}
.content .memento-filmreview-upperlimit .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 13.2vw;
  height: 13.06666667vw;
}
.content .memento-share-tips {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .memento-share-tips .memento_share_tips_img {
  top: 5.06666667vw;
  left: 60.53333333vw;
  width: 33.6vw;
}
.content .fragment_popup {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.content .fragment_popup .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84.66666667vw;
  height: 66.26666667vw;
  transform: translate(-50%, -50%);
}
.content .fragment_popup .box .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 15.06666667vw;
  height: 13.33333333vw;
}
.content .fragment_popup .box .but {
  position: absolute;
  top: 40vw;
  left: 18.4vw;
  width: 48.13333333vw;
  height: 11.6vw;
}
.content .send .send_img {
  top: 50%;
  left: 50%;
  width: 33.73333333vw;
  height: 32.93333333vw;
  transform: translate(-50%, -50%);
}
.content .cityselection {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .cityselection .cityselectionbox {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 144.93333333vw;
  background: #1a1a1a;
  border-radius: 2vw 2vw 0 0;
  animation: fadeInUp 1s ease both;
}
.content .cityselection .cityselectionbox .city_header {
  flex: 0 16vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 15.86666667vw;
  border-bottom: 0.26666667vw solid #333;
}
.content .cityselection .cityselectionbox .city_header .title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  color: #fff;
  font-size: 4.912vw;
}
.content .cityselection .cityselectionbox .city_header .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 17.6vw;
  height: 100%;
}
.content .cityselection .cityselectionbox .city_header .close .icon_close_img {
  top: 50%;
  left: 50%;
  width: 4vw;
  transform: translate(-50%, -50%);
}
.content .cityselection .cityselectionbox .city_content {
  flex: 1;
  position: relative;
}
.content .cityselection .cityselectionbox .city_content .city_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .cityselection .cityselectionbox .city_content .city_list .city_scrollview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content .cityselection .cityselectionbox .city_content .city_list .city_scrollview .city_scroll .letter_group {
  position: relative;
  left: 4.26666667vw;
  margin-bottom: 2.93333333vw;
  width: 91.46666667vw;
  font-size: 3.74666667vw;
  font-family: 'PFBold';
}
.content .cityselection .cityselectionbox .city_content .city_list .city_scrollview .city_scroll .letter_group .letter_title {
  display: block;
  padding: 3.6vw 0 2.66666667vw;
  color: #fff;
  border-bottom: 0.26666667vw solid #333;
}
.content .cityselection .cityselectionbox .city_content .city_list .city_scrollview .city_scroll .letter_group .cities_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.66666667vw;
  padding: 2.66666667vw 0;
}
.content .cityselection .cityselectionbox .city_content .city_list .city_scrollview .city_scroll .letter_group .cities_grid .city_item {
  padding: 3.6vw 3.6vw;
  background: #2a2a2a;
  border-radius: 1.33333333vw;
  text-align: center;
  color: #fff;
}
.content .cityselection .cityselectionbox .city_content .city_list .city_scrollview .city_scroll .letter_current .cities_grid .city_item {
  color: #000;
  background-color: #fff;
}
.content .login {
  background-color: rgba(0, 0, 0, 0.6);
  font-family: 'PFBold';
}
.content .login .modal_container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 2.66666667vw 2.66666667vw 0 0;
  box-shadow: 0 -2.66666667vw 4vw rgba(0, 0, 0, 0.2);
  animation: fadeInUp 1s ease both;
}
.content .login .modal_container .modal_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 9.06666667vw 6.13333333vw 13.06666667vw 6.13333333vw;
}
.content .login .modal_container .modal_content .modal_title {
  margin-bottom: 6.66666667vw;
  color: #010101;
  font-size: 4.924vw;
}
.content .login .modal_container .modal_content .form_container {
  margin-bottom: 8.93333333vw;
  width: 100%;
}
.content .login .modal_container .modal_content .form_container .error_message {
  margin-bottom: 3.33333333vw;
  padding: 1.33333333vw 3.2vw;
  color: #e53e3e;
  background-color: #fff2f2;
  border: 0.26666667vw solid #FFB3B3;
  border-radius: 1.06666667vw;
  font-size: 3.33333333vw;
  text-align: center;
}
.content .login .modal_container .modal_content .form_container .input_group {
  margin-bottom: 3.33333333vw;
}
.content .login .modal_container .modal_content .form_container .input_group .input_field {
  width: 100%;
  height: 10.66666667vw;
  padding: 0 2vw;
  border: 0.26666667vw solid #cccccc;
  border-radius: 1.06666667vw;
  color: #797979;
  background-color: #f6f6f6;
  box-sizing: border-box;
}
.content .login .modal_container .modal_content .form_container .input_group .input_field .modal_name,
.content .login .modal_container .modal_content .form_container .input_group .input_field .modal_password,
.content .login .modal_container .modal_content .form_container .input_group .input_field .modal_confirmpassword {
  width: 100%;
  height: 100%;
  color: #797979;
  font-size: 3.87866667vw;
  font-family: 'PFBold';
}
.content .login .modal_container .modal_content .form_container .input_group .input_field .modal_name::placeholder,
.content .login .modal_container .modal_content .form_container .input_group .input_field .modal_password::placeholder,
.content .login .modal_container .modal_content .form_container .input_group .input_field .modal_confirmpassword::placeholder {
  color: #797979;
  font-size: 3.87866667vw;
  font-family: 'PFBold';
}
.content .login .modal_container .modal_content .form_container .input_group:last-child {
  margin-bottom: 0;
}
.content .login .modal_container .modal_content .agreement_section {
  margin-bottom: 5.46666667vw;
  width: 100%;
}
.content .login .modal_container .modal_content .agreement_section .checkbox_container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.73333333vw;
}
.content .login .modal_container .modal_content .agreement_section .checkbox_container .checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.26666667vw;
  height: 4.26666667vw;
  border: 0.53333333vw solid #a8a8a8;
  border-radius: 1.06666667vw;
  color: #fff;
  font-size: 4vw;
}
.content .login .modal_container .modal_content .agreement_section .checkbox_container .checkbox.checked {
  background-color: #007aff;
  border-color: #007aff;
}
.content .login .modal_container .modal_content .agreement_section .checkbox_container .agreement_links {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.33333333vw;
  gap: 0.66666667vw;
}
.content .login .modal_container .modal_content .agreement_section .checkbox_container .agreement_links .link-text {
  color: #158cd8;
  font-size: 3.348vw;
  text-decoration: underline;
}
.content .login .modal_container .modal_content .agreement_section .checkbox_container .agreement_links .agreement_separator {
  color: #797979;
  font-size: 3.348vw;
}
.content .login .modal_container .modal_content .agreement_section .agreement_error {
  margin-top: 1.06666667vw;
  color: #e53e3e;
  font-size: 2.8vw;
  text-align: center;
}
.content .login .modal_container .modal_content .button_container {
  display: flex;
  margin-bottom: 6vw;
  width: 100%;
  gap: 3.46666667vw;
}
.content .login .modal_container .modal_content .button_container .button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10.8vw;
  border-radius: 5.33333333vw;
  font-size: 4vw;
}
.content .login .modal_container .modal_content .button_container .deny_button {
  color: #797979;
  background-color: #f6f6f6;
}
.content .login .modal_container .modal_content .button_container .confirm_button {
  color: #fff;
  background-color: #000;
}
.content .login .modal_container .modal_content .switch_mode {
  display: flex;
  width: 100%;
  font-size: 3.348vw;
  text-align: center;
}
.content .login .modal_container .modal_content .switch_mode .switch_mode1 {
  position: relative;
  color: #158cd8;
  width: 50%;
  text-decoration: underline;
}
.content .login .modal_container .modal_content .switch_mode .switch_mode2 {
  position: relative;
  color: #797979;
  width: 50%;
  text-decoration: underline;
}
.content .setPasswordProtection {
  background-color: #f6f6f6;
}
.content .setPasswordProtection .title {
  position: absolute;
  top: 8vw;
  width: 100%;
  font-size: 4.924vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .setPasswordProtection .box1,
.content .setPasswordProtection .box2 {
  position: absolute;
  top: 20vw;
  left: 6.26666667vw;
  width: 87.46666667vw;
  height: 27.06666667vw;
  border-radius: 2vw;
  background-color: #ffffff;
}
.content .setPasswordProtection .box1 .problembox,
.content .setPasswordProtection .box2 .problembox {
  position: relative;
  top: 0;
  left: 3.73333333vw;
  width: 80.53333333vw;
  height: 13.46666667vw;
}
.content .setPasswordProtection .box1 .problembox .mr,
.content .setPasswordProtection .box2 .problembox .mr {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 15.6vw;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPasswordProtection .box1 .problembox .problem,
.content .setPasswordProtection .box2 .problembox .problem {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 15.6vw;
  width: 64.93333333vw;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPasswordProtection .box1 .problembox .problem .problem1,
.content .setPasswordProtection .box2 .problembox .problem .problem1,
.content .setPasswordProtection .box1 .problembox .problem .problem2,
.content .setPasswordProtection .box2 .problembox .problem .problem2 {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPasswordProtection .box1 .problembox .problem .problem1ul,
.content .setPasswordProtection .box2 .problembox .problem .problem1ul,
.content .setPasswordProtection .box1 .problembox .problem .problem2ul,
.content .setPasswordProtection .box2 .problembox .problem .problem2ul {
  position: absolute;
  top: 13.73333333vw;
  left: 0;
  width: 100%;
  box-shadow: 0 0.26666667vw 0.26666667vw 0.26666667vw rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: 1;
}
.content .setPasswordProtection .box1 .problembox .problem .problem1ul li,
.content .setPasswordProtection .box2 .problembox .problem .problem1ul li,
.content .setPasswordProtection .box1 .problembox .problem .problem2ul li,
.content .setPasswordProtection .box2 .problembox .problem .problem2ul li {
  padding: 1.33333333vw;
  font-size: 3.33333333vw;
  font-family: 'PFBold';
}
.content .setPasswordProtection .box1 .problembox .problem .icon_triangle_img,
.content .setPasswordProtection .box2 .problembox .problem .icon_triangle_img {
  position: absolute;
  top: 50%;
  right: 0;
  width: 3.06666667vw;
  transform: translateY(-50%);
}
.content .setPasswordProtection .box1 .line,
.content .setPasswordProtection .box2 .line {
  position: relative;
  top: 0;
  left: 3.73333333vw;
  width: 80.53333333vw;
  height: 0.26666667vw;
  background-color: #c3c3c3;
}
.content .setPasswordProtection .box1 .answerbox,
.content .setPasswordProtection .box2 .answerbox {
  position: relative;
  left: 3.73333333vw;
  bottom: 0;
  width: 80.53333333vw;
  height: 13.46666667vw;
}
.content .setPasswordProtection .box1 .answerbox .mr,
.content .setPasswordProtection .box2 .answerbox .mr {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 15.6vw;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPasswordProtection .box1 .answerbox .answer,
.content .setPasswordProtection .box2 .answerbox .answer {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 15.6vw;
  width: 64.93333333vw;
  height: 100%;
}
.content .setPasswordProtection .box1 .answerbox .answer .answer1,
.content .setPasswordProtection .box2 .answerbox .answer .answer1,
.content .setPasswordProtection .box1 .answerbox .answer .answer2,
.content .setPasswordProtection .box2 .answerbox .answer .answer2 {
  width: 100%;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPasswordProtection .box1 .answerbox .answer .answer1::placeholder,
.content .setPasswordProtection .box2 .answerbox .answer .answer1::placeholder,
.content .setPasswordProtection .box1 .answerbox .answer .answer2::placeholder,
.content .setPasswordProtection .box2 .answerbox .answer .answer2::placeholder {
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPasswordProtection .box2 {
  top: 52.4vw;
}
.content .setPasswordProtection .setPasswordProtectionbut {
  position: absolute;
  top: 156.4vw;
  left: 29.06666667vw;
  width: 42vw;
  height: 10.8vw;
}
.content .forgotpassword {
  background-color: #f6f6f6;
}
.content .forgotpassword .title {
  position: absolute;
  top: 8vw;
  width: 100%;
  color: #797979;
  font-size: 4vw;
  font-family: 'PFBold';
  text-align: center;
}
.content .forgotpassword .user {
  position: absolute;
  top: 20vw;
  left: 6.26666667vw;
  width: 87.46666667vw;
  height: 13.46666667vw;
  border-radius: 2vw;
  background-color: #ffffff;
}
.content .forgotpassword .user .userbox {
  position: relative;
  top: 0;
  left: 3.73333333vw;
  width: 80.53333333vw;
  height: 13.46666667vw;
}
.content .forgotpassword .user .userbox .mr {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 15.6vw;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .user .userbox .usernamebox {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 15.6vw;
  width: 64.93333333vw;
  height: 100%;
}
.content .forgotpassword .user .userbox .usernamebox .username {
  width: 100%;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .user .userbox .usernamebox .username::placeholder {
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .box {
  position: absolute;
  top: 37.73333333vw;
  left: 6.26666667vw;
  width: 87.46666667vw;
  height: 27.06666667vw;
  border-radius: 2vw;
  background-color: #ffffff;
}
.content .forgotpassword .box .problembox {
  position: relative;
  top: 0;
  left: 3.73333333vw;
  width: 80.53333333vw;
  height: 13.46666667vw;
}
.content .forgotpassword .box .problembox .mr {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 15.6vw;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .box .problembox .problem {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 15.6vw;
  width: 64.93333333vw;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .box .problembox .problem .problem3 {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .box .problembox .problem .problem3ul {
  position: absolute;
  top: 13.73333333vw;
  left: 0;
  width: 100%;
  box-shadow: 0 0.26666667vw 0.26666667vw 0.26666667vw rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: 1;
}
.content .forgotpassword .box .problembox .problem .problem3ul li {
  padding: 1.33333333vw;
  font-size: 3.33333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .box .problembox .problem .icon_triangle_img {
  position: absolute;
  top: 50%;
  right: 0;
  width: 3.06666667vw;
  transform: translateY(-50%);
}
.content .forgotpassword .box .line {
  position: relative;
  top: 0;
  left: 3.73333333vw;
  width: 80.53333333vw;
  height: 0.26666667vw;
  background-color: #c3c3c3;
}
.content .forgotpassword .box .answerbox {
  position: relative;
  left: 3.73333333vw;
  bottom: 0;
  width: 80.53333333vw;
  height: 13.46666667vw;
}
.content .forgotpassword .box .answerbox .mr {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 15.6vw;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .box .answerbox .answer {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 15.6vw;
  width: 64.93333333vw;
  height: 100%;
}
.content .forgotpassword .box .answerbox .answer .answer3 {
  width: 100%;
  height: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .box .answerbox .answer .answer3::placeholder {
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .forgotpassword .forgotpasswordbut {
  position: absolute;
  top: 156.4vw;
  left: 29.06666667vw;
  width: 42vw;
  height: 10.8vw;
}
.content .setPassword {
  background-color: #f6f6f6;
}
.content .setPassword .pw1tips {
  position: absolute;
  top: 16.8vw;
  left: 6.26666667vw;
  width: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPassword .setpw1 {
  position: absolute;
  top: 23.33333333vw;
  left: 6.26666667vw;
  padding: 0 1.06666667vw 0 1.06666667vw;
  width: 85.33333333vw;
  height: 10.66666667vw;
  background-color: #ffffff;
  border-radius: 15px;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPassword .setpw1::placeholder {
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPassword .pw2tips {
  position: absolute;
  top: 40.13333333vw;
  left: 6.26666667vw;
  width: 100%;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPassword .setpw2 {
  position: absolute;
  top: 46.53333333vw;
  left: 6.26666667vw;
  padding: 0 1.06666667vw 0 1.06666667vw;
  width: 85.33333333vw;
  height: 10.66666667vw;
  background-color: #ffffff;
  border-radius: 15px;
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPassword .setpw2::placeholder {
  font-size: 3.73333333vw;
  font-family: 'PFBold';
}
.content .setPassword .setPasswordbut {
  position: absolute;
  top: 156.4vw;
  left: 29.06666667vw;
  width: 42vw;
  height: 10.8vw;
}
.content .permission {
  background-color: rgba(0, 0, 0, 0.6);
}
.content .permission .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.86666667vw;
  height: 52.93333333vw;
  transform: translate(-50%, -50%);
}
.content .permission .box .jj_but {
  position: absolute;
  top: 34.66666667vw;
  left: 8.53333333vw;
  width: 26vw;
  height: 10.53333333vw;
}
.content .permission .box .yx_but {
  position: absolute;
  top: 34.66666667vw;
  left: 39.33333333vw;
  width: 26vw;
  height: 10.53333333vw;
}
.content .privacyPolicy,
.content .userAgreement {
  font-family: 'PFBold';
  overflow: hidden;
}
.content .privacyPolicy .box,
.content .userAgreement .box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .privacyPolicy .box .navbar,
.content .userAgreement .box .navbar {
  flex: 0 11.33333333vw;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.33333333vw;
  background-color: #000;
}
.content .privacyPolicy .box .navbar p,
.content .userAgreement .box .navbar p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4.57333333vw;
}
.content .privacyPolicy .box .navbar .return,
.content .userAgreement .box .navbar .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.33333333vw;
  height: 11.33333333vw;
}
.content .privacyPolicy .box .navbar .return .icon_return_img,
.content .userAgreement .box .navbar .return .icon_return_img {
  top: 50%;
  left: 50%;
  width: 2.66666667vw;
  transform: translate(-50%, -50%);
}
.content .privacyPolicy .box .contentbox,
.content .userAgreement .box .contentbox {
  flex: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}
.content .privacyPolicy .box .contentbox .scrollH,
.content .userAgreement .box .contentbox .scrollH {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.content .privacyPolicy .box .contentbox .privacyPolicy_content_img,
.content .userAgreement .box .contentbox .privacyPolicy_content_img,
.content .privacyPolicy .box .contentbox .userAgreement_content_img,
.content .userAgreement .box .contentbox .userAgreement_content_img {
  top: 0;
}
.content .privacyPolicy .contentbox .scrollH {
  height: 705.46666667vw;
}
.content .userAgreement .contentbox .scrollH {
  height: 742.26666667vw;
}
.content .staytuned .staytuned_bj_img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateX(0) translateY(-50%);
}
@media screen and (max-height: 200vw) {
  .content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .movieReservation_stub_wrap .movieReservation_stub_nr {
    top: 4.42vw;
    transform: scale(0.9);
  }
}
@media screen and (max-height: 190vw) {
  .content .home .box .movieReservation .movieReservation_rc .movieReservation_rc_box .movieReservation_rc_wrap .movieReservation_rc_nr {
    top: 10.54666667vw;
    transform: scale(0.9);
  }
  .content .home .box .personalCenter .personalCenter_mr .personalCenter_box {
    top: 44.13333333vw;
  }
  .content .home .box .personalCenter .personalCenter_mr .personalCenter_appointment_but {
    top: 68.13333333vw;
  }
  .content .home .box .personalCenter .personalCenter_mr .personalCenter_stub_but {
    top: 88.13333333vw;
  }
  .content .home .box .personalCenter .personalCenter_mr .personalCenter_filmreview_but {
    top: 108.13333333vw;
  }
  .content .home .box .personalCenter .personalCenter_mr .personalCenter_story_but {
    top: 128.13333333vw;
  }
  .content .home .box .memoryStore .memoryStorebox {
    height: 110vw;
  }
  .content .home .box .memoryStore .memoryStorebox .swiper-wrapper {
    height: 103.86666667vw !important;
  }
  .content .home .box .memoryStore .memoryStorebox .swiper-wrapper .swiper-slide {
    width: 63.86666667vw !important;
  }
  .content .home .box .memoryStore .memoryStorebox .swiper-wrapper .swiper-slide .swiper-slide-box {
    position: absolute;
    top: 0;
    left: -10.93333333vw !important;
    width: 63.86666667vw !important;
    height: 103.86666667vw !important;
    border-radius: 3.33333333vw !important;
    overflow: hidden;
  }
  .content .home .box .memoryStore .memoryStorebox .swiper-wrapper .swiper-slide .swiper-slide-box img {
    width: 100%;
  }
  .content .memento-extract .extract_box {
    position: absolute;
    top: 40.8vw;
    transform: scale(0.9);
  }
  .content .memento-extract .extract_but {
    top: 138.4vw;
  }
  .content .memento-extract .extract_exchange {
    top: 157.86666667vw;
  }
  .content .memento-extract .extract_return {
    top: 175.6vw;
  }
}
@media screen and (max-height: 186.66666667vw) {
  .content .home .box .movieReservation .movieReservation_stub .movieReservation_stub_box .movieReservation_stub_wrap .movieReservation_stub_nr {
    top: -2.89333333vw;
    transform: scale(0.8);
  }
  .content .pr-reservationconfirmed .reservationconfirmed_box .reservationconfirmed_wrap .box {
    top: -7.81333333vw;
    left: -5%;
    transform: scale(0.9);
  }
}
@media screen and (max-height: 182.66666667vw) {
  .content .memento-extract .extract_box {
    position: absolute;
    top: 34.13333333vw;
    transform: scale(0.8);
  }
  .content .memento-extract .extract_but {
    top: 125.06666667vw;
  }
  .content .memento-extract .extract_exchange {
    top: 144.53333333vw;
  }
  .content .memento-extract .extract_return {
    top: 162.26666667vw;
  }
}
@media screen and (min-height: 204.13333333vw) {
  .content .loading .load_bj_img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(0);
  }
}
@media screen and (min-height: 208.93333333vw) {
  .content .staytuned .staytuned_bj_img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(0);
  }
}
@media screen and (min-height: 193.06666667vw) {
  .content .home .public_bj_img,
  .content .mr-reservationconfirmed .public_bj_img,
  .content .memento-collect .public_bj_img,
  .content .memento-record .public_bj_img,
  .content .memento-extract-myprize .public_bj_img,
  .content .memento-extract-stub .public_bj_img,
  .content .memento-story .public_bj_img,
  .content .personalCenter_appointment .public_bj_img,
  .content .personalCenter_stub .public_bj_img,
  .content .personalCenter_filmreview .public_bj_img,
  .content .personalCenter_story .public_bj_img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(0);
  }
  .content .memento-extract .memento_extract_bj_img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(0);
  }
}