.socialbox {
  width: 272px;
  margin: 0 auto;
  text-align: center;
}
#special #footer {
  background: none;
  padding-top: 0;
}
.story_female {
  display: none;
}
.bt_change {
  position: relative;
  height: 18px;
  padding: 0 0 8px;
  width: 320px;
  margin: 0 auto;
}
.bt_change .bt_male {
  width: 91px;
  height: 18px;
  display: block;
  position: absolute;
  left: 42px;
  top: 0;
  overflow: hidden;
}
.bt_change .bt_female {
  width: 98px;
  height: 18px;
  display: block;
  position: absolute;
  right: 39px;
  top: 0;
  overflow: hidden;
}
.bt_change a {
  -webkit-tap-highlight-color: transparent;
}
.bt_change a img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.bt_change a img.on,
.bt_change a img.selected {
  opacity: 0;
  pointer-events: none;
}
.bt_change a.active img.selected {
  opacity: 1;
}
.bt_change a.press img.on {
  opacity: 1;
}
.dawn {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/zmiA2t-RRsmpO6EMGJ71u0cXgc.png) repeat-y center top
    #142933;
  background-size: 500px 160px;
  padding-bottom: 16px;
}
.dawn a {
  -webkit-tap-highlight-color: transparent;
}
.dawn-header {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/O6U3axLeDxKB12lPuyf3U60qQc.jpg) no-repeat center top,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/ffaQqcSZtTKgt2hNXlN3hOEr2U.png) repeat-x center top #051c33;
  background-size: 1192px 270px, 64px 270px;
  width: 100%;
  height: 270px;
  padding: 64px 0 71px;
  box-sizing: border-box;
  text-align: center;
}
.dawn-index {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/-ChU9QuFkqT33Sv8fbzOxFs3sI.png) repeat-y center top,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/6NTowq_hu8ljOzEXT7AKQ_v1EQ.png) repeat center top #b8b8b6;
  background-size: 500px 128px, 128px 128px;
  margin-bottom: -16px;
  padding: 18px 0;
  position: relative;
}
.dawn-index::before {
  content: '';
  display: block;
  background: #ffffff;
  width: 100%;
  height: 2px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
.dawn-index::after {
  content: '';
  display: block;
  background: #000000;
  width: 100%;
  height: 2px;
  opacity: 0.25;
  position: absolute;
  bottom: 0;
  left: 0;
}
.dawn-nav {
  width: 320px;
  margin: 0 auto 32px;
}
.dawn-nav a {
  display: block;
  position: relative;
  width: 320px;
  height: 64px;
}
.dawn-nav a img {
  display: block;
}
.dawn-nav a .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.dawn-nav a .ic_story {
  position: absolute;
  top: 2px;
  left: 28px;
  pointer-events: none;
}
.dawn-nav a .ic_new {
  position: absolute;
  bottom: 2px;
  right: 28px;
  pointer-events: none;
}
.dawn-nav a.press .on {
  opacity: 1;
}
.dawn-banner {
  width: 272px;
  margin: 0 auto 32px;
}
.dawn-content * {
  font-family: "微软雅黑";
}
.dawn-content.jp * {
  font-family: "微软雅黑";
}
.dawn-content .indent {
  text-indent: 1em;
}
.dawn-content__header {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/_M0LrM4ExvHuecPkoZ1oeQ94xI.png) no-repeat center top,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/jlezsAQFzTGlBGjGFRUM1gjUak.png) repeat-x center top;
  background-size: 500px 74px, 75px 74px;
  height: 74px;
  margin-top: 4px;
  padding-top: 42px;
  box-sizing: border-box;
  position: relative;
}
.dawn-content__header h2 {
  font-size: 14px;
  font-weight: bold;
  color: #005d80;
  text-align: center;
}
.dawn-content__header.story_05 {
  position: relative;
  height: 102px;
}
.dawn-content__footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/3Wx6BoiTg8pQQTztBluj4y0DQw.png) no-repeat center bottom,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/4MGL3V-eFfruwcZy4kJthJl6t4.png) repeat-x center bottom;
  background-size: 500px 74px, 75px 74px;
  height: 74px;
  margin-bottom: 8px;
  padding: 12px 24px 0;
  box-sizing: border-box;
}
.dawn-content__footer a {
  height: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  color: #005d80;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  font-family: "微软雅黑";
}
.dawn-content__footer a.jp {
  font-family: "微软雅黑";
}
.dawn-content__footer a::after {
  content: '';
  display: block;
  position: absolute;
  opacity: 0;
  width: 16px;
  height: 16px;
  pointer-events: none;
  -moz-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.dawn-content__footer a:hover {
  text-decoration: none;
}
.dawn-content__footer a:hover::after {
  opacity: 1;
}
.dawn-content__footer .link_prev {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/BR8lZgV_Q7XjvbVBkhmfjvCASI.png) left center no-repeat;
  background-size: 16px 16px;
  padding-left: 16px;
  margin-right: auto;
}
.dawn-content__footer .link_prev::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/W8tZNH6WmtiqLizpKYR-wcV6jY.png) left center no-repeat;
  background-size: 16px 16px;
  top: 0;
  left: 0;
}
.dawn-content__footer .link_next {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/sJ_oeov78DcGYjRScf7MCZAR-k.png) right center no-repeat;
  background-size: 16px 16px;
  padding-right: 16px;
  margin-left: auto;
}
.dawn-content__footer .link_next::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/WGHtNbBCHMmSErcJaFT6YuGpP4.png) left center no-repeat;
  background-size: 16px 16px;
  top: 0;
  right: 0;
}
.dawn-content__body {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/e_BrG__bqtQfBajD52p27ofqcg.png) repeat center top;
  background-size: 150px 150px;
  padding: 16px 0;
  border-top: 2px solid #b3a78f;
  border-bottom: 2px solid #b3a78f;
}
.dawn-content__body .inr {
  color: #202840;
  font-size: 14px;
  line-height: 1.6;
}
.dawn-content__body .inr i,
.dawn-content__body .inr b,
.dawn-content__body .inr span,
.dawn-content__body .inr strong {
  font-size: inherit;
}
.dawn-content__body .inr p {
  padding: 0 24px 16px;
}
.dawn-content.na .dawn-content__body .inr p,
.dawn-content.eu .dawn-content__body .inr p {
  padding-left: 0;
  padding-right: 0;
}
.dawn-content__body .inr div {
  padding: 0 24px 16px;
}
.dawn-content__body .inr div img {
  width: 100%;
  height: auto;
  display: block;
}
.dawn-content__body .inr div.last {
  padding-bottom: 0;
}
.dawn-content__body .inr .serif {
  padding-bottom: 16px;
  color: #806540;
  font-weight: bold;
}
.dawn-content__body .inr .image {
  padding-bottom: 16px;
}
.dawn-content__body .inr .indent {
  text-indent: 1em;
}
.dawn-content__body .inr.jp {
  line-height: 2.2;
}
.dawn-line__content {
  display: block;
  margin: 0 0 16px;
  padding: 0;
  width: 100%;
  height: 2px;
  border-bottom: 2px dotted #b3a78f;
  box-sizing: border-box;
}
.fancybox-overlay-fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fancybox-skin {
  padding: 48px 0 !important;
  box-shadow: none !important;
}
.fancybox-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.media__close {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -28px;
  right: 4px;
  z-index: 10;
}
.media__close i {
  background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>')
    no-repeat 50% 50% !important;
  background-size: contain !important;
  display: block;
  width: 100%;
  height: 100%;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.media__close:hover i {
  background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23FFFFFF"/></svg>')
    no-repeat 50% 50% !important;
  background-size: contain !important;
  display: block;
}
.media__prev,
.media__next {
  display: block;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: transparent;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.media__prev i,
.media__next i {
  display: block;
  position: relative;
  z-index: 1;
}
.media__prev i:before,
.media__prev i:after,
.media__next i:before,
.media__next i:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.media__prev i:before,
.media__next i:before {
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
}
.media__prev i:after,
.media__next i:after {
  opacity: 0;
}
.media__prev:before,
.media__next:before {
  background: linear-gradient(180deg, #fcfdff 0%, #f7f8fa 100%);
  content: '';
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #fcfdff;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px 8px 16px -4px rgba(0, 0, 0, 0.05), 0px 4px 8px -2px rgba(0, 0, 0, 0.05),
    0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.media__prev:after,
.media__next:after {
  background: linear-gradient(180deg, #f7f8fa 0%, #fcfdff 100%);
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: inset 0px 0px 4px rgba(50, 51, 51, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.media__prev:hover i,
.media__next:hover i {
  filter: none;
}
.media__prev:hover i:before,
.media__next:hover i:before {
  opacity: 0;
}
.media__prev:hover i:after,
.media__next:hover i:after {
  opacity: 1;
}
.media__prev:hover:before,
.media__next:hover:before {
  opacity: 1;
}
.media__prev:active i,
.media__next:active i {
  filter: none;
}
.media__prev:active i:before,
.media__next:active i:before {
  opacity: 0;
}
.media__prev:active i:after,
.media__next:active i:after {
  opacity: 1;
}
.media__prev:active:before,
.media__next:active:before {
  opacity: 0;
}
.media__prev:active:after,
.media__next:active:after {
  opacity: 1;
}
.media__prev i,
.media__next i {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.media__prev {
  left: 0;
}
.media__prev i {
  left: 0;
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%23ffffff"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
  transform: rotateY(180deg);
}
.media__next {
  right: 0;
}
.media__next i {
  right: 0;
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%23ffffff"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  display: block;
}
.popup__header,
.popup__footer {
  display: block;
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  z-index: 1;
}
.popup__header {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(100%, #000000)
  );
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%
  );
  top: -48px;
}
.popup__footer {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(100%, #000000)
  );
  background-image: -moz-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%
  );
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  bottom: -48px;
}
.viewer {
  position: relative;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}
.viewer .image {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.viewer .image li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.viewer .image li::after {
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M404.167 403.766C395.429 412.493 381.229 411.402 374.363 404.545C367.498 397.688 300.401 330.677 291.351 321.639C280.117 310.418 288.231 299.131 288.231 299.131L276.62 286.54C252.971 306.868 223.382 319.316 189.823 319.316C119.005 319.316 60 261.266 60 189.658C60 118.597 119.005 60 189.823 60C261.522 60 319.646 118.597 319.646 189.658C319.646 222.931 306.989 253.179 286.359 276.135L298.217 287.977C298.217 287.977 310.076 280.497 320.686 291.094C329.425 299.821 397.768 368.078 404.322 374.624C410.875 381.169 412.905 395.039 404.167 403.766ZM189.927 99.9855C140.289 99.9855 100.049 140.174 100.049 189.749C100.049 239.324 140.289 279.512 189.927 279.512C239.565 279.512 279.804 239.324 279.804 189.749C279.804 140.174 239.565 99.9855 189.927 99.9855ZM199.913 239.667H179.94V199.773H139.996V179.826H179.94V139.931H199.913V179.826H239.86V199.773H199.913V239.667Z" fill="%23FFFFFF"/></svg>')
    no-repeat 50% 50% !important;
  background-size: contain !important;
  display: block;
  background-size: 24px 24px;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
}
.viewer .image li.active {
  opacity: 1;
  position: relative;
  z-index: 1;
  pointer-events: all;
}
.viewer .image li.animate {
  z-index: 2;
  pointer-events: all;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.viewer .image li.video a {
  display: block;
  position: relative;
}
.viewer .image li.video a video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.viewer .image li.video.active a {
  pointer-events: auto;
}
.viewer .image li.video img.thumb_trailer {
  opacity: 1;
}
.viewer .thumbnail {
  display: flex;
  justify-content: flex-start;
  width: calc(100% - 32px);
  margin: 0 auto;
  flex-wrap: wrap;
}
.viewer .thumbnail li {
  width: calc(100% / 3);
  margin: 0;
  position: relative;
  cursor: pointer;
}
.viewer .thumbnail li::after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 166, 76, 0.2);
  box-shadow: 0px 0px 0px 2px #ffec80 inset;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 2;
}
.viewer .thumbnail li:hover::after {
  opacity: 0;
}
.viewer .thumbnail li.press::after {
  opacity: 1;
}
.viewer .thumbnail li i {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.viewer .thumbnail li i::before {
  bottom: 2px;
}
.viewer .thumbnail li::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  opacity: 0;
  box-shadow: 0px 0px 0px 2px #ffffff inset;
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.viewer .thumbnail li i::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ffffff transparent;
  margin: 0 auto;
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.viewer .thumbnail li.active::before {
  opacity: 1;
}
.viewer .thumbnail li.active i::before {
  opacity: 1;
}
#fixed_header {
  background: linear-gradient(to right, #0a3866 0%, #2972a6 100%);
  height: 40px;
  position: relative;
  width: 100%;
  z-index: 10002;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35);
}
#fixed_header.pos_fixed {
  position: fixed;
  top: 0;
  left: 0;
}
#fixed_header__wrapper {
  height: 40px;
  overflow: hidden;
}
#fixed_header .logo {
  position: absolute;
  top: 0;
  right: 0;
}
#fixed_header:after {
  content: '.';
  color: transparent;
}
.bt_menu,
.bt_menu__close {
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
}
.bt_menu img,
.bt_menu__close img {
  display: block;
  margin: 0 auto;
}
.bt_menu img.on,
.bt_menu__close img.on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.bt_menu.press img.on,
.bt_menu__close.press img.on {
  opacity: 1;
}
.bt_menu.close,
.bt_menu__close.close {
  display: none;
}
.bt_menu__close {
  display: none;
}
.global_menu {
  position: fixed;
  width: 280px;
  height: 100%;
  min-height: 100%;
  top: 0;
  left: -280px;
  z-index: 10002;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.global_menu__overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: none;
}
.global_menu__scroll_area {
  width: 280px;
  min-height: 100%;
  background: #262626;
}
.global_menu__inner {
  overflow: hidden;
  width: 280px;
  min-height: 100%;
  position: relative;
  top: 0;
  right: 0;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.global_menu__close {
  width: 100%;
  position: fixed;
  min-height: 100%;
  top: 0;
  left: 280px;
  display: none;
}
.global_menu__header {
  padding: 6px 6px 7px 4px;
}
.global_menu__bt_home {
  margin-right: 20px;
}
.global_menu__body {
  padding-bottom: 64px;
}
.global_menu__body.menu_show {
  box-shadow: none;
}
.global_menu__list {
  margin-bottom: 32px;
}
.global_menu__list a,
.global_menu__list span {
  display: block;
  height: 40px;
  padding: 0 24px 0 8px;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
}
.global_menu__list__category {
  box-shadow: inset 0 1px 0 #565a5c;
}
.global_menu__list__category a {
  font-weight: bold;
}
.global_menu__list__category a:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -8px;
  opacity: 0.3;
}
.global_menu__list__category a:active,
.global_menu__list__category a.active {
  background: #5b5f61;
}
.global_menu__list__item {
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.global_menu__list__item a:active,
.global_menu__list__item a.active {
  background: #3f4345;
}
.global_menu__list--last {
  margin-bottom: 0;
}
.global_menu__title {
  padding: 0 24px 6px 8px;
  border-bottom: 1px solid;
  font-size: 14px;
  font-weight: bold;
}
.menu__wrapper {
  border-bottom: 1px solid #b39d47;
}
.menu__wrapper--last {
  border-bottom: none;
}
.menu__wrapper.menu__wrapper--last.jp,
.menu__wrapper.menu__wrapper--last.fr,
.menu__wrapper.menu__wrapper--last.de {
  display: table;
  width: 100%;
}
.menu__wrapper.menu__wrapper--last.jp a,
.menu__wrapper.menu__wrapper--last.jp p,
.menu__wrapper.menu__wrapper--last.fr a,
.menu__wrapper.menu__wrapper--last.fr p,
.menu__wrapper.menu__wrapper--last.de a,
.menu__wrapper.menu__wrapper--last.de p {
  display: table-row;
}
.menu__wrapper.menu__wrapper--last.jp a .story,
.menu__wrapper.menu__wrapper--last.jp a .title,
.menu__wrapper.menu__wrapper--last.jp p .story,
.menu__wrapper.menu__wrapper--last.jp p .title,
.menu__wrapper.menu__wrapper--last.fr a .story,
.menu__wrapper.menu__wrapper--last.fr a .title,
.menu__wrapper.menu__wrapper--last.fr p .story,
.menu__wrapper.menu__wrapper--last.fr p .title,
.menu__wrapper.menu__wrapper--last.de a .story,
.menu__wrapper.menu__wrapper--last.de a .title,
.menu__wrapper.menu__wrapper--last.de p .story,
.menu__wrapper.menu__wrapper--last.de p .title {
  display: table-cell;
  vertical-align: middle;
  border-bottom: solid 1px #333333;
}
.menu__wrapper.menu__wrapper--last.jp a .title,
.menu__wrapper.menu__wrapper--last.jp p .title,
.menu__wrapper.menu__wrapper--last.fr a .title,
.menu__wrapper.menu__wrapper--last.fr p .title,
.menu__wrapper.menu__wrapper--last.de a .title,
.menu__wrapper.menu__wrapper--last.de p .title {
  position: relative;
}
.menu__wrapper.menu__wrapper--last.jp a .story,
.menu__wrapper.menu__wrapper--last.jp p .story,
.menu__wrapper.menu__wrapper--last.fr a .story,
.menu__wrapper.menu__wrapper--last.fr p .story,
.menu__wrapper.menu__wrapper--last.de a .story,
.menu__wrapper.menu__wrapper--last.de p .story {
  width: 0;
  padding: 0 8px;
}
.menu__wrapper.menu__wrapper--last.jp a strong,
.menu__wrapper.menu__wrapper--last.jp p strong,
.menu__wrapper.menu__wrapper--last.fr a strong,
.menu__wrapper.menu__wrapper--last.fr p strong,
.menu__wrapper.menu__wrapper--last.de a strong,
.menu__wrapper.menu__wrapper--last.de p strong {
  padding-right: 8px;
}
.menu__wrapper * {
  font-family: "微软雅黑";
}
.menu__wrapper.jp * {
  font-family: "微软雅黑";
}
.menu__wrapper .encore .story {
  font-family: "微软雅黑";
}
.menu__wrapper.jp .encore .story {
  font-family: "微软雅黑";
}
.menu__wrapper a,
.menu__wrapper p {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 8px;
  color: #f5f5f5;
  font-size: 14px;
  background: #262626;
  line-height: 1.4;
  padding-bottom: 1px;
  border-bottom: solid 1px #333333;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.menu__wrapper a.press,
.menu__wrapper p.press {
  background: #333333;
}
.menu__wrapper a.selected,
.menu__wrapper p.selected {
  color: #ffdb4c;
}
.menu__wrapper a .story,
.menu__wrapper p .story {
  font-size: 10px;
  padding-right: 8px;
  white-space: nowrap;
}
.menu__wrapper a .story:empty,
.menu__wrapper p .story:empty {
  display: none;
}
.menu__wrapper a strong,
.menu__wrapper a span,
.menu__wrapper p strong,
.menu__wrapper p span {
  font-weight: normal;
  display: block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  line-height: 1.2;
}
.menu__wrapper a.encore .story,
.menu__wrapper p.encore .story {
  color: #ffeb99;
}
.menu__wrapper a.encore.selected .story,
.menu__wrapper p.encore.selected .story {
  color: #ffdb4c;
}
.menu__wrapper a img.ic_update,
.menu__wrapper a span.ic_update,
.menu__wrapper p img.ic_update,
.menu__wrapper p span.ic_update {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 10px;
  line-height: 1;
}
.menu__wrapper a.disabled,
.menu__wrapper p.disabled {
  color: #666666;
}
.menu__wrapper a.disabled .update,
.menu__wrapper p.disabled .update {
  display: block;
  position: absolute;
  bottom: 1px;
  right: 0;
  font-size: 10px;
  line-height: 1;
  padding-right: 4px;
}
.site-top a {
  width: 240px;
  margin: 0 auto 16px;
  display: block;
  position: relative;
  z-index: 2;
}
.story_female {
  display: none;
}
.bt_change {
  display: flex;
  justify-content: space-between;
  width: 320px;
  height: 26px;
  margin: 0 auto;
  padding: 0 39px 8px 42px;
  box-sizing: border-box;
}
.bt_change__wrapper {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20250807xymihua/images/e_BrG__bqtQfBajD52p27ofqcg.png) repeat center top;
  background-size: 150px 150px;
  display: none;
}
.bt_change .bt_male {
  width: 91px;
  height: 18px;
}
.bt_change .bt_female {
  width: 98px;
  height: 18px;
}
.bt_change a {
  -webkit-tap-highlight-color: transparent;
}
.bt_change a img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.bt_change a img.on,
.bt_change a img.selected {
  opacity: 0;
  pointer-events: none;
}
.bt_change a.active img.selected {
  opacity: 1;
}
.bt_change a.press img.on {
  opacity: 1;
}