.overlayer {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-perspective: 0;
  -webkit-transform: translate3d(0, 0, 0);
  visibility: visible;
}
.nieplayer {
  width: 100%;
  position: relative;
  height: 100%;
}
.nieplayer video {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.nieplayer canvas {
  width: 100%;
  background: #ddd;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-perspective: 0;
  -webkit-transform: translate3d(0, 0, 0);
  visibility: visible;
  z-index: 1;
  position: relative;
  object-fit: cover;
  height: 100%;
}
.nieplayer img {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transition: 0.3s ease-in-out opacity;
  pointer-events: none;
  transform: translateZ(0);
}
.nieplayer img.hide {
  opacity: 0;
}


/* CSS Document */
blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
abbr,
body,
fieldset,
html,
iframe,
img {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
a,
button {
  cursor: pointer;
}
b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: bold;
}
a,
a:hover {
  text-decoration: none;
}
a {
  text-decoration: none;
}
* {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
body,
button,
input,
textarea {
  color: #62a1c9;
}
body,
html {
  width: 100%;
  height: auto;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
}
#share_content,
#forhorview {
  display: none;
}
body {
  background: #000;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
}
canvas {
  display: table;
}
.controls {
  width: 100%;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
}
#gamepad {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 10px);
  background: #000;
}
#container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
body,
html {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
  overflow: hidden;
}
body.overhide,
html.overhide {
  overflow-x: hidden;
}
.type-mb {
  display: none;
}
.top-bar {
  height: 55px;
}
#NIE-share {
  text-align: center;
  color: #dcd1ac;
  height: 30px;
  font-size: 0;
}
#NIE-share .NIE-share-txt {
  margin-left: 4px;
  margin-right: 12px;
  height: 34px;
  line-height: 34px;
  font-family: 'Microsoft YaHei';
  font-size: 14px;
}
#NIE-share .NIE-share-iconBtn a {
  width: auto;
  margin-right: 7px;
  line-height: 34px;
  font-size: 26px;
  color: #dcd1ac;
}
#NIE-share .NIE-share-iconBtn a:hover {
  color: #fce7a4;
}
#NIE-share .NIE-share-iconBtn a span {
  margin-right: 5px;
}
.footer {
  width: 100%;
  padding: 16px 0 16px 0;
  z-index: 10;
  text-align: center;
  color: #fff;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/footer_bg_f138035.jpg");
  background-size: 100% auto;
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(0, 100%, 100px);
  -moz-transform: translate3d(0, 100%, 100px);
  -ms-transform: translate3d(0, 100%, 100px);
  -o-transform: translate3d(0, 100%, 100px);
  transform: translate3d(0, 100%, 100px);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.footer.f-show {
  -webkit-transform: translate3d(0, 0, 100px);
  -moz-transform: translate3d(0, 0, 100px);
  -ms-transform: translate3d(0, 0, 100px);
  -o-transform: translate3d(0, 0, 100px);
  transform: translate3d(0, 0, 100px);
}
.footer.f-show #copyright-btn i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.footer #copyright-btn {
  display: block;
  width: 4.14rem;
  height: .3rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/copyright-btn_8da02dd.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.28rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #d7c8ad;
}
.footer #copyright-btn p {
  text-align: center;
  line-height: .3rem;
  font-size: .17rem;
}
.footer #copyright-btn i {
  display: block;
  width: 0.22rem;
  height: 0.15rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/copyright-btn-icon_c3ce7a9.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: .08rem;
  right: .4rem;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.footer #NIE-copyRight span a {
  color: #dcd1ac;
}
.footer #NIE-copyRight .nie-copyright-new-inner {
  color: #dcd1ac;
}
.footer #NIE-copyRight .nie-copyright-new-inner a {
  color: #dcd1ac;
}
.footer #NIE-copyRight #NIE-copyRight-corp {
  padding: 0px 0 0 0 !important;
}
.footer #NIE-copyRight #NIE-copyRight-corp #ncp-l3 {
  display: none !important;
}

.mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: none;
  z-index: 99;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translate3d(0, 0, 100px);
  -moz-transform: translate3d(0, 0, 100px);
  -ms-transform: translate3d(0, 0, 100px);
  -o-transform: translate3d(0, 0, 100px);
  transform: translate3d(0, 0, 100px);
  background: none;
}
.mask.block {
  background: rgba(32, 32, 32, 0.85);
}
.mask.focus {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/newClue_bg_52d477f.png") center center no-repeat;
  background-size: cover;
}
.mask.show {
  opacity: 1;
}
.pop_box {
  width: 100%;
  height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pop_box .pop_close {
  display: block;
  width: 0.46rem;
  height: 0.46rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/pop_close_dd405ba.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 1rem;
  right: .2rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.pop_box .pop_close:hover {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#pop_clueList .pop_box {
  overflow: hidden;
}
#pop_clueList .mask_close {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#pop_clueList.show .pop_con {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #ffffff 75%, #ffffff 100%, transparent 100%);
  -moz-animation: widthMax 2.8s ease-out forwards;
  -webkit-animation: widthMax 2.8s ease-out forwards;
  -o-animation: widthMax 2.8s ease-out forwards;
  -ms-animation: widthMax 2.8s ease-out forwards;
  animation: widthMax 2.8s ease-out forwards;
}
@-webkit-keyframes widthMax {
  0% {
    width: 0;
  }
  100% {
    width: 400%;
  }
}
@-moz-keyframes widthMax {
  0% {
    width: 0;
  }
  100% {
    width: 400%;
  }
}
@-ms-keyframes widthMax {
  0% {
    width: 0;
  }
  100% {
    width: 400%;
  }
}
@-o-keyframes widthMax {
  0% {
    width: 0;
  }
  100% {
    width: 400%;
  }
}
@keyframes widthMax {
  0% {
    width: 0;
  }
  100% {
    width: 400%;
  }
}
#pop_clueList .pop_con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
#pop_clueList .pop_close {
  top: -0.55rem;
  right: .3rem;
}
#pop_clueList .clueList_wrap {
  width: 25%;
  height: 6.6rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/pop_clue_wrap_bg_c1f7c58.png") center center no-repeat;
  background-size: 100% auto;
  background-size: 100% 100%;
  padding: .4rem 0 0 0;
  position: absolute;
  top: 45%;
  right: 0;
  -webkit-transform: translate(0, -45%);
  -moz-transform: translate(0, -45%);
  -ms-transform: translate(0, -45%);
  -o-transform: translate(0, -45%);
  transform: translate(0, -45%);
}
#pop_clueList .clueList_wrap:before {
  display: block;
  content: "";
  width: 0.8rem;
  height: 5.22rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clueList_before_b6958ca.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: .39rem;
  left: -0.8rem;
}
#pop_clueList .clueList_wrap.show_synthesis .clue_synthesis_entry .text {
  opacity: 1;
}
#pop_clueList .clueList_wrap.show_synthesis .clue_synthesis_entry .btn p:nth-child(1) {
  display: none;
}
#pop_clueList .clueList_wrap.show_synthesis .clue_synthesis_entry .btn p:nth-child(2) {
  display: block;
}
#pop_clueList .clueList_wrap.show_synthesis #clue_synthesis {
  opacity: 1;
  pointer-events: auto;
}
#pop_clueList .clueList_wrap.show_synthesis #clue-swiper .item.human,
#pop_clueList .clueList_wrap.show_synthesis #clue-swiper .item.curr_forbid {
  opacity: 0.6;
}
#pop_clueList .clueList_wrap.show_synthesis #clue-swiper .item.human .checkbox,
#pop_clueList .clueList_wrap.show_synthesis #clue-swiper .item.curr_forbid .checkbox {
  display: none;
}
#pop_clueList .clueList_wrap.show_synthesis #clue-swiper .item:hover .icon img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
#pop_clueList .clueList_wrap.show_synthesis #clue-swiper .item .icon::before,
#pop_clueList .clueList_wrap.show_synthesis #clue-swiper .item .icon::after {
  display: none;
}
#pop_clueList .clueList_wrap.show_synthesis #clue-swiper .item .checkbox {
  display: block;
}
#pop_clueList .clueList_content {
  width: 95%;
  height: 6.2rem;
  margin: 0 0 0 2.5%;
  position: relative;
}
#pop_clueList #clue-swiper {
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -0.2rem;
  padding: 0 .1rem;
  mask-image: linear-gradient(to right, transparent 0%, #ffffff 8%, #ffffff 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #ffffff 8%, #ffffff 92%, transparent 100%);
}
#pop_clueList #clue-swiper .swiper-slide {
  width: 1.57rem;
}
#pop_clueList #clue-swiper .swiper-slide::after {
  display: block;
  content: "";
  width: 1px;
  height: 7rem;
  position: absolute;
  right: 0;
  top: 0;
}
#pop_clueList #clue-swiper .swiper-slide:nth-child(odd)::after {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_list_line1_540f894.jpg") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList #clue-swiper .swiper-slide:nth-child(even)::after {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_list_line2_8da6165.jpg") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList #clue-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #bca376;
}
#pop_clueList #clue-swiper .item {
  width: 1.37rem;
  height: 80%;
  position: relative;
  margin: 0 auto;
}
#pop_clueList #clue-swiper .item .icon {
  width: 1.14rem;
  height: 1.17rem;
  margin: .35rem auto 0 auto;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_iconBg1_fbfc214.png") center center no-repeat;
  background-size: 100% auto;
  position: relative;
}
#pop_clueList #clue-swiper .item .icon img {
  display: block;
  max-width: 85%;
  max-height: 85%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#pop_clueList #clue-swiper .item .icon::before,
#pop_clueList #clue-swiper .item .icon::after {
  display: block;
  content: "";
  position: absolute;
}
#pop_clueList #clue-swiper .item .icon::after {
  width: 1.48rem;
  height: 1.46rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_icon_curr_7b96ff1.png") center center no-repeat;
  background-size: 100% auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
}
#pop_clueList #clue-swiper .item .icon::before {
  width: 0.32rem;
  height: .38rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_icon_new_8013d28.png") center center no-repeat;
  background-size: 100% auto;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}
#pop_clueList #clue-swiper .item .icon .checkbox {
  width: 0.48rem;
  height: 0.5rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/checkbox_bg_85f2f22.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
  display: none;
}
#pop_clueList #clue-swiper .item .icon .checkbox .pick {
  width: 0.6rem;
  height: 0.4rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/checkbox_pick_54d8fa1.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.05rem;
  right: -0.1rem;
  display: none;
}
#pop_clueList #clue-swiper .item .text {
  display: block;
  width: 0.3rem;
  font-size: .24rem;
  color: #58442a;
  margin: .5rem 0 0 0;
  padding: 0 0.6rem .2rem 0.6rem;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: relative;
  height: 1.8rem\0;
  text-align: center;
}
#pop_clueList #clue-swiper .item .text i {
  opacity: 0;
  font-size: 0;
}
#pop_clueList #clue-swiper .item .text:before,
#pop_clueList #clue-swiper .item .text:after {
  display: block;
  content: "";
  width: 0.25rem;
  height: 0.1rem;
  position: absolute;
  left: 0.62rem;
}
#pop_clueList #clue-swiper .item .text:before {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/text_icon_top_3b86c1b.png") center center no-repeat;
  background-size: 100% auto;
  top: -0.2rem;
}
#pop_clueList #clue-swiper .item .text:after {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/text_icon_bottom_9dd7981.png") center center no-repeat;
  background-size: 100% auto;
  bottom: 0;
}
#pop_clueList #clue-swiper .item:hover .icon img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
#pop_clueList #clue-swiper .item.curr_new .icon::before {
  display: block;
}
#pop_clueList #clue-swiper .item.curr_select .icon::after {
  opacity: 1;
}
#pop_clueList #clue-swiper .item.curr_pick .checkbox .pick {
  display: block;
}
#pop_clueList #clue-swiper .item.human .icon {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_iconBg2_9f8fe3e.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList #clue-swiper .item.human .text {
  color: #576261;
}
#pop_clueList #clue-swiper .item.human .text::before {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/text_icon_top_blue_9b8749f.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList #clue-swiper .item.human .text::after {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/text_icon_bottom_blue_665ce98.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList .clue-details {
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
#pop_clueList .clue-details .swiper-container {
  width: 100%;
  height: 100%;
}
#pop_clueList .clue-details .swiper-slide {
  width: 100%;
  height: 100%;
  opacity: 0!important;
}
#pop_clueList .clue-details .swiper-slide-active {
  opacity: 1!important;
}
#pop_clueList .clue-details .swiper-slide.obj .role img {
  top: 60%;
  left: 50%;
}
#pop_clueList .clue-details .swiper-slide.map .role img {
  max-width: 155%;
}
#pop_clueList .clue-details .swiper-slide.mail .role img,
#pop_clueList .clue-details .swiper-slide.plectrum .role img {
  top: 50%;
}
#pop_clueList .clue-details .title {
  width: .46rem;
  position: absolute;
  top: .3rem;
  right: 0;
}
#pop_clueList .clue-details .text {
  height: 5rem;
  position: absolute;
  top: .3rem;
  right: 0.7rem;
}
#pop_clueList .clue-details .text img {
  max-height: 100%;
}
#pop_clueList .clue-details .text::before {
  display: block;
  content: "";
  width: 0.47rem;
  height: 1.89rem;
  position: absolute;
  top: 0;
  left: -0.6rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue/d-text-icon_6050a03.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList .clue-details .role {
  max-width: 80%;
  width: 50%;
  height: 94%;
  position: absolute;
  top: 0.2rem;
  left: 40%;
  -webkit-transform: translate(-45%, 0);
  -moz-transform: translate(-45%, 0);
  -ms-transform: translate(-45%, 0);
  -o-transform: translate(-45%, 0);
  transform: translate(-45%, 0);
}
#pop_clueList .clue-details .role img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#pop_clueList .clue-details img {
  max-width: 100%;
  max-height: 90%;
  display: block;
}
#pop_clueList .clue-list-control {
  height: 0.3rem;
  position: absolute;
  left: 50%;
  bottom: -1rem;
  padding: 0 .2rem;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: none;
}
#pop_clueList .clue-list-control .btn-next,
#pop_clueList .clue-list-control .btn-prev {
  width: 0.16rem;
  height: 0.3rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}
#pop_clueList .clue-list-control .btn-next:hover,
#pop_clueList .clue-list-control .btn-prev:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#pop_clueList .clue-list-control .btn-prev {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_button_prev_44eba78.png") center center no-repeat;
  background-size: 100% auto;
  left: 0;
}
#pop_clueList .clue-list-control .btn-next {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_button_next_68d05b1.png") center center no-repeat;
  background-size: 100% auto;
  right: 0;
}
#pop_clueList .clue-list-control .pagination {
  text-align: center;
  font-size: 0;
  margin: .03rem 0 0 0;
}
#pop_clueList .clue-list-control .pagination .swiper-pagination-bullet {
  width: 0.21rem;
  height: 0.22rem;
  display: inline-block;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_pagination_btn_e2c6245.png") center center no-repeat;
  background-size: 100% auto;
  margin: 0 .075rem;
  opacity: 1;
}
#pop_clueList .clue-list-control .pagination .swiper-pagination-bullet-active,
#pop_clueList .clue-list-control .pagination .swiper-pagination-bullet:hover {
  cursor: pointer;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_pagination_btn_active_0ce0469.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList .clue_synthesis_entry {
  width: 1.5rem;
  height: 0.3rem;
  position: absolute;
  bottom: .05rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: none;
}
#pop_clueList .clue_synthesis_entry.show {
  display: block;
}
#pop_clueList .clue_synthesis_entry .text {
  font-size: .2rem;
  color: #58442a;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  top: .01rem;
  left: -2.3rem;
  display: none;
}
#pop_clueList .clue_synthesis_entry .btn {
  display: block;
  width: 1.5rem;
  height: 0.3rem;
  background: #b37551;
  font-size: .2rem;
  text-align: center;
  color: #fff9e6;
  line-height: .3rem;
  border-radius: .05rem;
}
#pop_clueList .clue_synthesis_entry .btn p:nth-child(2) {
  display: none;
}
#pop_clueList .clue_synthesis_entry .btn:hover {
  background: #bc8769;
}
#pop_clueList #clue_synthesis {
  height: 1.4rem;
  position: absolute;
  bottom: -1.4rem;
  left: .2rem;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  box-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  pointer-events: none;
}
#pop_clueList #clue_synthesis .list {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  box-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
#pop_clueList #clue_synthesis .list .item {
  width: 1.14rem;
  height: 1.17rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_iconBg3_5c14f25.png") center center no-repeat;
  background-size: 100% auto;
  position: relative;
  margin: 0 .1rem;
}
#pop_clueList #clue_synthesis .list .item img {
  display: block;
  max-width: 85%;
  max-height: 85%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#pop_clueList #clue_synthesis .list .item .checkbox {
  width: 0.48rem;
  height: 0.5rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/checkbox_bg_85f2f22.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  right: -0.1rem;
}
#pop_clueList #clue_synthesis .list .item .checkbox .remove {
  width: 0.5rem;
  height: 0.5rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/checkbox_remove_69493bb.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.05rem;
  right: 0;
}
#pop_clueList #clue_synthesis .list .item.remove {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_iconBg1_fbfc214.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList #clue_synthesis .list .item.remove .checkbox {
  display: block;
}
#pop_clueList #clue_synthesis #synthesis_btn {
  width: 1.17rem;
  height: 1.17rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_synthesis_btn_6c6ee39.png") center center no-repeat;
  background-size: 100% auto;
  margin: 0 0 0 .1rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#pop_clueList #clue_synthesis #synthesis_btn.allow {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_synthesis_btn_hover_a7c80e3.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_clueList .mb_synthesis_entry_btn,
#pop_clueList .mb_synthesis_list {
  display: none;
}
#pop_newClue .pop_con,
#pop_easterEgg .pop_con,
#pop_eikon .pop_con {
  width: 11rem;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#pop_newClue .tit,
#pop_easterEgg .tit,
#pop_eikon .tit {
  width: 10.85rem;
  height: 1.22rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/new_clue_title_a5a21a4.png") center center no-repeat;
  background-size: 100% auto;
  margin: 0 auto .3rem auto;
}
#pop_newClue .img-box,
#pop_easterEgg .img-box,
#pop_eikon .img-box {
  width: 4.97rem;
  height: 4.76rem;
  margin: 0 auto;
  position: relative;
}
#pop_newClue .img-box::before,
#pop_easterEgg .img-box::before,
#pop_eikon .img-box::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/new_clue_box_7a8525d.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
}
#pop_newClue .img-box img,
#pop_easterEgg .img-box img,
#pop_eikon .img-box img {
  display: block;
  position: absolute;
}
#pop_newClue .img-box .bigTit,
#pop_easterEgg .img-box .bigTit,
#pop_eikon .img-box .bigTit {
  width: 0.62rem;
  height: 2.61rem;
  top: .3rem;
  right: -0.4rem;
}
#pop_newClue .text,
#pop_easterEgg .text,
#pop_eikon .text {
  width: 7.7rem;
  font-size: .36rem;
  color: #f7efdd;
  margin: .2rem auto 0 auto;
  font-weight: 100;
  text-align: justify;
}
#pop_newClue .bigImg,
#pop_easterEgg .bigImg,
#pop_eikon .bigImg {
  display: block;
  width: 4.97rem;
  height: 4.76rem;
  margin: 0 auto;
  position: fixed;
  right: 50%;
  bottom: 50%;
  -webkit-transform: translate(50%, 50%);
  -moz-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  -o-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
#pop_newClue .bigImg img,
#pop_easterEgg .bigImg img,
#pop_eikon .bigImg img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#pop_newClue.ani-put .bigTit,
#pop_easterEgg.ani-put .bigTit,
#pop_eikon.ani-put .bigTit,
#pop_newClue.ani-put .text,
#pop_easterEgg.ani-put .text,
#pop_eikon.ani-put .text,
#pop_newClue.ani-put .img-box::before,
#pop_easterEgg.ani-put .img-box::before,
#pop_eikon.ani-put .img-box::before,
#pop_newClue.ani-put .tit,
#pop_easterEgg.ani-put .tit,
#pop_eikon.ani-put .tit {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
#pop_newClue.ani-put .bigImg,
#pop_easterEgg.ani-put .bigImg,
#pop_eikon.ani-put .bigImg {
  -webkit-transition: all 1s 0.3s;
  -moz-transition: all 1s 0.3s;
  -ms-transition: all 1s 0.3s;
  -o-transition: all 1s 0.3s;
  transition: all 1s 0.3s;
  -webkit-transform: translate(0, 0) scale(0.1);
  -moz-transform: translate(0, 0) scale(0.1);
  -ms-transform: translate(0, 0) scale(0.1);
  -o-transform: translate(0, 0) scale(0.1);
  transform: translate(0, 0) scale(0.1);
  right: -1.3rem;
  bottom: -1rem;
}
#pop_easterEgg .tit {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/new_easter_egg_title_9d79314.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_easterEgg .review-text {
  top: -0.1rem;
  font-size: .3rem;
  text-align: center;
  color: #9c884e;
}
#pop_easterEgg .review-text strong {
  color: #ffb746;
}
#pop_eikon .tit {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/new_eikon_title_dae9ea3.png") center center no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
}
#pop_eikon .img-box {
  width: 9rem;
}
#pop_eikon .img-box .bigTit {
  top: .1rem;
}
#pop_eikon .img-box::before {
  display: none;
}
#pop_eikon .bigImg {
  width: 9.8rem;
  bottom: 55%;
}
#pop_eikon .bigImg img {
  height: 100%;
}
#pop_eikon .review-text {
  top: -0.1rem;
  font-size: .3rem;
  text-align: center;
  color: #9c884e;
}
#pop_eikon .review-text strong {
  color: #ffb746;
}
#pop_imgShare .pop_close {
  width: 1.24rem;
  height: .47rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/end_return_btn_1b83131.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: .7rem;
  left: .3rem;
}
#pop_imgShare .pop_close:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
#pop_imgShare .mask_close {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#pop_imgShare .pop_box {
  background: rgba(0, 0, 0, 0.8);
}
#pop_imgShare.four .pop_con {
  width: auto;
  height: 100%;
}
#pop_imgShare.four .pop_con .img_box {
  height: 100%;
  font-family: fz;
}
#pop_imgShare.four .pop_con img {
  height: 100%;
  max-width: none;
}
#pop_imgShare.four .pop_con .i-tips {
  position: absolute;
  bottom: .1rem;
  left: 0;
  width: 100%;
  color: #ffff;
  font-size: .2rem;
}
#pop_imgShare .pop_con {
  width: 12.8rem;
  height: 7.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#pop_imgShare .pop_con .img_box {
  width: 100%;
  height: auto;
}
#pop_imgShare .pop_con img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  touch-callout: default;
  -webkit-touch-callout: default;
}
#pop_imgShare .pop_con .i-tips {
  font-size: .23rem;
  text-align: center;
  color: #936e38;
  margin: .1rem 0 0 0;
  display: none;
}
#pop_imgShare .share_list {
  margin: .1rem 0 0 0;
  font-size: 0;
  position: absolute;
  right: .3rem;
  bottom: .3rem;
}
#pop_imgShare .share_list .NIE-share-iconBtn a {
  color: #936e38;
}
#pop_imgShare .share_list .NIE-share-iconBtn a:hover {
  color: #d5b866;
}
#pop_imgShare .share_list .NIE-share {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#pop_imgShare .share_list .NIE-share .NIE-share-txt {
  color: #936e38;
}
#pop_imgShare .share_list .NIE-share {
  margin: 0 auto;
}
#pop_guide {
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/cursor_9395021.png"), auto;
}
#pop_guide .mask_close {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#pop_guide #guide_wrap {
  width: 6rem;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 16px 0 0;
  overflow: hidden;
  overflow-y: scroll;
}
#pop_guide #guide_wrap img {
  display: block;
  width: 100%;
  border: 2px solid #d7bd69;
}
#pop_userName.state_load .p_tit,
#pop_next.state_load .p_tit,
#pop_userName.state_load input,
#pop_next.state_load input,
#pop_userName.state_load a,
#pop_next.state_load a {
  display: none;
}
#pop_userName.state_load .img_loading,
#pop_next.state_load .img_loading {
  display: block;
}
#pop_userName .img_loading,
#pop_next .img_loading {
  font-size: .3rem;
  text-align: center;
  color: #58442a;
  margin: .5rem auto;
  display: none;
}
#pop_userName .pop_con,
#pop_next .pop_con {
  width: 9.47rem;
  height: 1.82rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/pop_userName_bg_0eea544.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#pop_userName .p_tit,
#pop_next .p_tit {
  font-size: .28rem;
  text-align: center;
  color: #58442a;
  margin: .07rem auto;
}
#pop_userName input,
#pop_next input {
  display: block;
  width: 5rem;
  height: 0.45rem;
  margin: 0 auto;
  border: 1px solid #c2b49a;
  color: #58442a;
  font-size: .26rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
}
#pop_userName .create_shareImg_btn,
#pop_next .create_shareImg_btn {
  display: block;
  width: 1.98rem;
  height: 0.7rem;
  margin: .05rem auto;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/create_shareImg_btn_e0c8052.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_userName .create_shareImg_btn:hover,
#pop_next .create_shareImg_btn:hover {
  opacity: 0.8;
}
#pop_next p {
  font-family: "fz";
  font-weight: bold;
}
#pop_next .big_title {
  color: #58442a;
  font-size: .36rem;
  text-align: center;
  margin: .2rem auto .1rem auto;
}
#pop_next .jump_wb_btn {
  display: block;
  width: 1.98rem;
  height: 0.7rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/jump_wb_btn_c13567b.png") center center no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
}
#pop_next .jump_wb_btn:hover {
  opacity: 0.9;
}
#pop_next .i_tips {
  color: #58442a;
  font-size: .2rem;
  text-align: center;
}
#pop_alert .pop_con {
  width: 9.47rem;
  height: 1.82rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/pop_alert_bg_4b84c0d.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#pop_alert .pop_con .text {
  width: 80%;
  font-size: .28rem;
  color: #58442a;
  text-align: center;
  height: 0.9rem;
  margin: 0 auto;
  padding: .2rem 0 0 0;
}
#pop_alert .pop_con .confirm_btn {
  display: block;
  width: 1.64rem;
  height: 0.56rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/pop_alert_confirm_btn_b95f9bb.png") center center no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
  opacity: 0.8;
}
#pop_alert .pop_con .confirm_btn:hover {
  opacity: 1;
}
@font-face {
  font-family: 'fs';
  src: url('https://yysworld.res.netease.com/pc/gw/20210517213458/css/font/fs_98094f1.ttf');
  font-weight: 700;
}
#pop_reviewList img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#pop_reviewList .pop_con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#pop_reviewList .reviewList_wrap {
  display: flex;
  width: 100%;
  height: 100%;
  font-family: fs;
}
#pop_reviewList .reviewList_wrap .review_back {
  display: block;
  width: 1.61rem;
  height: 0.96rem;
  margin: 0 auto;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/review_back_204ba2f.png') left top no-repeat;
  background-size: cover;
  z-index: 5;
}
#pop_reviewList .reviewList_wrap .reviewList_leftbar {
  width: 1.9rem;
  height: 100%;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/pop_review_left_bg_23c4d51.jpg') left top no-repeat;
  background-size: cover;
  /* 左边导航 */
}
#pop_reviewList .reviewList_wrap .reviewList_leftbar .reviewList_leftbar_list {
  width: 1.9rem;
  height: calc(100% - 0.96rem);
  /*             display: flex;
                flex-direction: column;
                justify-content: space-around;
                align-items: center; */
}
#pop_reviewList .reviewList_wrap .reviewList_leftbar .reviewList_leftbar_item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.9rem;
  height: 1.94rem;
  font-size: 0.3rem;
  writing-mode: tb-rl;
  writing-mode: vertical-lr;
  color: #2a100b;
  text-align: center;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/review_right_tab_active_ae7843e.png') left top no-repeat;
  background-size: cover;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #ffffff 75%, #ffffff 100%, transparent 100%);
  background-position-x: -1.9rem;
  transition: background 0.15s;
}
#pop_reviewList .reviewList_wrap .reviewList_leftbar .reviewList_leftbar_item.active,
#pop_reviewList .reviewList_wrap .reviewList_leftbar .reviewList_leftbar_item:hover {
  background-size: cover;
  background-position-x: 0;
  color: #cd5700;
}
#pop_reviewList .reviewList_wrap .reviewList_main {
  flex: 1;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/pop_review_right_bg_b44a7db.jpg') left top no-repeat;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  /* 顶部条 */
  /* 结局回收 */
  /* 剧情回顾 */
  /* 线索收集 */
  /* 彩蛋收集 */
  /* 人物总览 */
  /* 场景回顾 */
  /* 音画收集 */
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_topbar {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.1rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_topbar .reviewList-progress {
  flex: 1;
  font-size: 0.26rem;
  margin-left: 0.3rem;
  color: #957146;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_topbar .reviewList_topbar_list {
  flex: 1;
  height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 0.3rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_topbar .reviewList_topbar_item {
  width: 2.09rem;
  height: 0.53rem;
  line-height: 0.53rem;
  text-align: center;
  color: #2a100b;
  font-size: 0.3rem;
  margin-right: 0.15rem;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/review_top_tab_bg_98afddd.png') left top no-repeat;
  background-size: cover;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_topbar .reviewList_topbar_item.active,
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_topbar .reviewList_topbar_item:hover {
  background-image: url(https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/review_top_tab_active_314bc06.png);
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content {
  height: calc(100% - 1.1rem);
  display: flex;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_content_detail {
  position: relative;
  flex: 1;
  height: 100%;
  background-size: 7rem auto;
  background-position: center center;
  background-repeat: no-repeat;
  animation: reviewListfadeIn 0.5s;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content #jqhg-talk,
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .text,
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .poster,
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .title {
  animation: reviewListfadeIn 0.5s;
}
@keyframes reviewListfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .swiper-container {
  width: 9.2rem;
  height: 100%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list {
  height: 100%;
  display: flex;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list > li {
  position: relative;
  width: 1.84rem;
  height: 100%;
  transition: background 0.15s;
  cursor: url(https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png), auto;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list > li .review_story_tab_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list > li .reviewList_item_clue {
  display: block;
  bottom: auto;
  left: auto;
  height: 0.9rem;
  object-fit: contain;
  margin: 0.4rem auto 0;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list > li .name {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 0.2rem;
  color: #2a100b;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: translate(-50%, -50%);
  display: block;
  width: 0.2rem;
  height: 100%;
  text-align: center;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list > li .desc {
  position: absolute;
  top: 0.3rem;
  left: 50%;
  height: 4.7rem;
  font-size: 0.24rem;
  color: #2a100b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: translateX(-50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list > li::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #d2b075;
  -webkit-mask-image: linear-gradient(to top, transparent 0%, #ffffff 95%, transparent 100%);
  mask-image: linear-gradient(to top, transparent 0%, #ffffff 95%, transparent 100%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list > li.active,
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list > li:hover {
  background-color: rgba(175, 155, 114, 0.2);
  -webkit-mask-image: linear-gradient(to top, transparent 0%, #ffffff 95%, transparent 100%);
  mask-image: linear-gradient(to top, transparent 0%, #ffffff 95%, transparent 100%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list .reviewList_item_name {
  position: absolute;
  top: 5rem;
  left: 0.6rem;
  width: 0.5rem;
  height: 2.03rem;
  display: block;
  pointer-events: none;
}
#pop_reviewList .reviewList_wrap .reviewList_main .reviewList_content .reviewList_list .reviewList_item_name::after {
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a0704;
  font-size: 0.4rem;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jjhs .swiper-container {
  width: 60%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jjhs .reviewList_list {
  /*  >li:nth-child(even) .review_story_tab_bg{
                        top: 0.6rem;
                    }
                    >li:nth-child(odd) .review_story_tab_bg{
                        top: 1.4rem;
                    } */
}
#pop_reviewList .reviewList_wrap .reviewList_main .jjhs .reviewList_list > li {
  background-size: 1.4rem 8.14rem;
  background-position: center;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jjhs .reviewList_list .reviewList_item_name {
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/jjhs/content_title_bg_05f3eea.png') left top no-repeat;
  background-size: cover;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jjhs .reviewList_content_detail {
  width: 40%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jjhs .reviewList_content_detail .poster {
  display: block;
  width: 95%;
  margin: 0 auto 0;
  max-height: 8rem;
  object-fit: contain;
  position: absolute;
  top: 30%;
  left: 0;
  -webkit-transform: translate(0, -30%);
  -moz-transform: translate(0, -30%);
  -ms-transform: translate(0, -30%);
  -o-transform: translate(0, -30%);
  transform: translate(0, -30%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .jjhs .reviewList_content_detail .cg_video_container {
  width: 100%;
  height: 100%;
  position: relative;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jjhs .reviewList_content_detail .cg_video {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin: -1.9rem 0 0 -0.6rem;
  width: 0.84rem;
  height: 0.84rem;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/yhsj/review_play_7114691.png') left top no-repeat;
  background-size: cover;
  z-index: 1;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg .swiper-container {
  width: 9rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg .reviewList_list > li {
  width: 100%;
  height: 90%;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/jqhg/review_story_tab_bg_41d031c.png") left top no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgba(175, 155, 114, 0.2);
  -webkit-mask-image: linear-gradient(to top, transparent 0%, #ffffff 95%, transparent 100%);
  mask-image: linear-gradient(to top, transparent 0%, #ffffff 95%, transparent 100%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg .reviewList_list .reviewList_item_name {
  display: block;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/jqhg/content_title_bg_b475fb5.png') left top no-repeat;
  background-size: cover;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg #jqhg-talk {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg .reviewList_content_detail {
  height: 94%;
  padding: 0 2%;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg .reviewList_content_detail .swiper-container {
  width: 100%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg .reviewList_content_detail p {
  width: 100%;
  font-size: 0.2rem;
  color: #2a100b;
  margin-top: 0.1rem;
  display: flex;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg .reviewList_content_detail p .talker {
  min-width: 2rem;
  text-align: right;
}
#pop_reviewList .reviewList_wrap .reviewList_main .jqhg .reviewList_content_detail p .talk-content {
  flex: 1;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .swiper-container {
  width: 60%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list > li::before {
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 50%;
  height: 4.7rem;
  font-size: 0.24rem;
  color: #2a100b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: translateX(-50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list > li .reviewList_item_name {
  top: 2rem;
  height: 5rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list > li .reviewList_item_name .name {
  text-align: left;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list > li .reviewList_item_name .kh-l,
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list > li .reviewList_item_name .kh-r {
  font-size: 0.18rem;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list > li .review_story_tab_bg {
  width: 1.14rem;
  height: 1.17rem;
  left: 50%;
  top: 0.3rem;
  transform: translateX(-50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list > li .name {
  font-size: 0.24rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list .reviewList_item_clue {
  display: block;
  bottom: auto;
  left: auto;
  width: 1.2rem;
  height: 1.31rem;
  margin: 0.3rem auto 0;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list .reviewList_item_name {
  position: relative;
  display: block;
  bottom: auto;
  left: auto;
  width: 1.2rem;
  height: 1.31rem;
  margin: 0.3rem auto 0;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_list .reviewList_item_name::after {
  top: 1.3rem;
  color: #58442a;
  justify-content: flex-start;
  font-size: 0.32rem;
  height: 5rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_content_detail {
  width: 40%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_content_detail .poster {
  max-width: 40%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_content_detail .text {
  position: absolute;
  max-height: 5rem;
  right: 20%;
  top: 1rem;
  object-fit: contain;
}
#pop_reviewList .reviewList_wrap .reviewList_main .xssj .reviewList_content_detail .title {
  position: absolute;
  width: 0.47rem;
  right: 8%;
  top: 1rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cdsj .reviewList_list > li::before {
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 50%;
  height: 4.7rem;
  font-size: 0.24rem;
  color: #2a100b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: translateX(-50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .cdsj .reviewList_list > li .review_story_tab_bg {
  width: 1.14rem;
  height: 1.17rem;
  left: 50%;
  top: 0.3rem;
  transform: translateX(-50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .cdsj .reviewList_list .reviewList_item_name {
  position: relative;
  display: block;
  bottom: auto;
  left: auto;
  width: 1.2rem;
  height: 1.31rem;
  margin: 0.3rem auto 0;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cdsj .reviewList_list .reviewList_item_name::after {
  top: 1.3rem;
  color: #58442a;
  justify-content: flex-start;
  font-size: 0.32rem;
  height: 5rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .swiper-container {
  width: 60%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_list > li {
  background-position: center;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_list > li .review_story_tab_bg {
  width: 1.14rem;
  height: 1.17rem;
  left: 50%;
  top: 0.3rem;
  transform: translateX(-50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_list > li::before {
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 50%;
  height: 4.7rem;
  font-size: 0.24rem;
  color: #2a100b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: translateX(-50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_list > li .reviewList_item_name {
  top: 2rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_list > li .reviewList_item_name .kh-l,
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_list > li .reviewList_item_name .kh-r {
  font-size: 0.18rem;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_list > li .reviewList_item_clue {
  width: auto;
  margin: 0.4rem auto 0;
  height: 1rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_list .reviewList_item_name {
  display: block;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/rwzl/content_title_bg_b475fb5.png') left top no-repeat;
  background-size: cover;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_content_detail {
  width: 40%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_content_detail .poster {
  max-height: 57%;
  max-width: 43%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-80%, -50%);
  -moz-transform: translate(-80%, -50%);
  -ms-transform: translate(-80%, -50%);
  -o-transform: translate(-80%, -50%);
  transform: translate(-80%, -50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_content_detail .text {
  position: absolute;
  max-height: 5rem;
  right: 20%;
  top: 1rem;
  object-fit: contain;
}
#pop_reviewList .reviewList_wrap .reviewList_main .rwzl .reviewList_content_detail .title {
  position: absolute;
  width: 0.47rem;
  right: 8%;
  top: 1rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cjhg .swiper-container {
  width: 60%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cjhg .reviewList_list > li {
  background-position: center;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cjhg .reviewList_list > li::before {
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 50%;
  height: 4.7rem;
  font-size: 0.24rem;
  color: #2a100b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: translateX(-50%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .cjhg .reviewList_list .active .done {
  display: block;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cjhg .reviewList_list .continued {
  display: none;
  top: 3rem;
  width: 0.39rem;
  height: 1.14rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cjhg .reviewList_list .done {
  display: none;
  top: 3rem;
  width: 0.67rem;
  height: 1.37rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cjhg .reviewList_content_detail {
  width: 40%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .cjhg .reviewList_content_detail .poster {
  display: block;
  width: 90%;
  margin: 0 auto;
  object-fit: contain;
  position: absolute;
  top: 20%;
  left: 0;
  -webkit-transform: translate(0, -20%);
  -moz-transform: translate(0, -20%);
  -ms-transform: translate(0, -20%);
  -o-transform: translate(0, -20%);
  transform: translate(0, -20%);
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj {
  position: relative;
  width: 100%;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .swiper-container {
  width: 100%;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .reviewList_list > li {
  background-position: center;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .reviewList_list > li .review_story_tab_bg {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .reviewList_list .reviewList_item_name {
  left: 0.6rem;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/yhsj/content_title_bg_05f3eea.png') left top no-repeat;
  background-size: cover;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .reviewList_list > .reviewList_item.video::before {
  position: absolute;
  content: '';
  top: 3rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0.84rem;
  height: 0.84rem;
  background: url('https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/yhsj/review_play_7114691.png') left top no-repeat;
  background-size: cover;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control {
  height: 0.3rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 0.2rem;
  z-index: 1;
  padding: 0 .2rem;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .btn-next,
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .btn-prev {
  width: 0.16rem;
  height: 0.3rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .btn-next:hover,
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .btn-prev:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .btn-prev {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_button_prev_44eba78.png") center center no-repeat;
  background-size: 100% auto;
  left: 0;
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png"), auto;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .btn-next {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_button_next_68d05b1.png") center center no-repeat;
  background-size: 100% auto;
  right: 0;
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png"), auto;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .pagination {
  text-align: center;
  font-size: 0;
  margin: .03rem 0 0 0;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .pagination .swiper-pagination-bullet {
  width: 0.21rem;
  height: 0.22rem;
  display: inline-block;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_pagination_btn_e2c6245.png") center center no-repeat;
  background-size: 100% auto;
  margin: 0 .075rem;
  opacity: 1;
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png"), auto;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .pagination .swiper-pagination-bullet-active,
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .review-list-control .pagination .swiper-pagination-bullet:hover {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_pagination_btn_active_0ce0469.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_reviewList .reviewList_wrap .reviewList_main .yhsj .reviewList_content_detail {
  display: none;
}
#pop_media .pop_con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
}
#pop_media .pop_con .media_wrap {
  position: relative;
  width: 85%;
  height: 85%;
}
#pop_media .pop_con .media_wrap img,
#pop_media .pop_con .media_wrap video {
  width: 100%;
  height: 100%;
}
#pop_media .pop_con .media_wrap img {
  object-fit: contain;
}
#pop_media .pop_con .media_wrap video {
  height: 105%;
  object-fit: cover;
}
#pop_media .pop_con #review_share {
  position: fixed;
  right: 1.5rem;
  bottom: 0.3rem;
  font-size: 0;
}
#pop_media .pop_con #review_share .NIE-share-iconBtn a {
  color: #ffffff;
}
#pop_media .pop_con #review_share .NIE-share-iconBtn a:hover {
  color: #d5b866;
}
#pop_media .pop_con #review_share .NIE-share {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#pop_media .pop_con #review_share .NIE-share .NIE-share-txt {
  color: #ffffff;
}
#pop_media .pop_con #review_share .NIE-share {
  margin: 0 auto;
}
#pop_media .pop_con .media_close {
  position: absolute;
  top: -0.415rem;
  right: -0.43rem;
  width: 0.83rem;
  height: 0.86rem;
  background: url(https://yysworld.res.netease.com/pc/gw/20210517213458/img/review/pop_media_close_c972dc4.png) top left / 100% auto no-repeat;
}

body {
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/cursor_9395021.png"), auto;
}
body.pointer {
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png"), auto;
}
body.pointerHUD {
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png"), auto !important;
}
@font-face {
  font-family: "fz";
  src: url('https://yysworld.res.netease.com/pc/gw/20210517213458/css/font/fz_a0be3a1.eot');
  src: url('https://yysworld.res.netease.com/pc/gw/20210517213458/css/font/fz_a0be3a1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://yysworld.res.netease.com/pc/gw/20210517213458/css/font/fz_86233d1.woff') format('woff'), /* chrome, firefox */ url('https://yysworld.res.netease.com/pc/gw/20210517213458/css/font/fz_26da866.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url("/css/font/fz.svg#uifont_cn") format("svg");
  font-weight: normal;
  
  /* IE9*/
  /* iOS 4.1- */
}
a:hover {
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png"), auto;
}
#js_qa_test {
  font-size: .3rem;
  top: 0;
  left: 0;
}
.main {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.logo {
  display: block;
  width: 2.74rem;
  height: 1.25rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/logo_00632be.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: .2rem;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  font-family: "fz";
  font-size: 0;
}
.logo.show {
  opacity: 1;
}
#panels {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
}
#panels.show {
  opacity: 1;
}
#panels .panel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.scene_panel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.scene_panel.show {
  opacity: 1;
}
.scene_panel.show .stopEvent {
  pointer-events: auto;
}
.scene_panel.full {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0, 0, 100px);
  -moz-transform: translate3d(0, 0, 100px);
  -ms-transform: translate3d(0, 0, 100px);
  -o-transform: translate3d(0, 0, 100px);
  transform: translate3d(0, 0, 100px);
}
.common_panel {
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  pointer-events: none;
  opacity: 0;
}
.common_panel.show {
  opacity: 1;
  pointer-events: auto;
}
.scene_panel .btn,
.common_panel .btn {
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
}
.scene_panel .btn.invalid,
.common_panel .btn.invalid {
  opacity: 0;
  display: none;
}
.scene_panel .btn.show,
.common_panel .btn.show {
  opacity: 1;
  display: block;
}
#btn_music {
  display: block;
  position: absolute;
  top: .3rem;
  right: .3rem;
  width: 0.46rem;
  height: 0.46rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/f_btn_music_d0e7bbc.png") no-repeat;
  background-size: auto 100%;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  z-index: 12;
}
#btn_music.pause {
  background-position: -0.46rem 0;
}
.entry_btn_list {
  position: absolute;
  bottom: .3rem;
  right: .3rem;
  z-index: 5;
}
.entry_btn_list .btn {
  display: block;
  width: 1.56rem;
  height: 1.4rem;
  float: left;
  margin: 0 0 0 .2rem;
}
.entry_btn_list .btn#entry_btn_chapterReview {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/entry_btn_chapterReview_271cb21.png") center center no-repeat;
  background-size: 100% auto;
}
.entry_btn_list .btn#entry_btn_clue {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/entry_btn_clue_5be4557.png") center center no-repeat;
  background-size: 100% auto;
}
.entry_btn_list .btn#entry_btn_clue::before {
  display: block;
  content: "";
  width: 0.92rem;
  height: 0.4rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/synthesis_tips_2e6d35d.png") center center no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
  opacity: 0;
}
.entry_btn_list .btn#entry_btn_clue.synthesis_tips::before {
  opacity: 1;
  -moz-animation: sparkle 0.5s ease-out infinite alternate;
  -webkit-animation: sparkle 0.5s ease-out infinite alternate;
  -o-animation: sparkle 0.5s ease-out infinite alternate;
  -ms-animation: sparkle 0.5s ease-out infinite alternate;
  animation: sparkle 0.5s ease-out infinite alternate;
}
@-webkit-keyframes sparkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes sparkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes sparkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes sparkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sparkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.entry_btn_list .btn.share_img_open_btn {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/entry_btn_share_703e5ef.png") center center no-repeat;
  background-size: 100% auto;
}
.entry_btn_list .btn.share_img_open_btn #ending_share {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
.entry_btn_list .btn.share_img_open_btn:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.entry_btn_list .btn.share_img_open_btn:hover #ending_share {
  opacity: 1;
}
.entry_btn_list .btn#entry_btn_again {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/entry_btn_again_ee495b5.png") center center no-repeat;
  background-size: 100% auto;
  width: 1.3rem;
}
.entry_btn_list .btn#entry_btn_foucs {
  display: none;
}
.entry_btn_list .btn::after {
  display: block;
  content: "";
  width: 0.32rem;
  height: 0.38rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/clue_icon_new_8013d28.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: .1rem;
  left: .1rem;
  display: none;
}
.entry_btn_list .btn.new::after {
  display: block;
}
.entry_btn_list .btn:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#panel_yzc #btn_qrcode {
  position: absolute;
  top: .3rem;
  right: .9rem;
  width: 0.46rem;
  height: 0.46rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/f_btn_qrcode_5834c2d.png") center center no-repeat;
  background-size: 100% auto;
}
#panel_yzc #qrcode_wrap {
  width: 1.62rem;
  height: auto;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/qrcode_wrap_83d3d3e.jpg") center center no-repeat;
  background-size: 100% auto;
  background-size: 100% 100%;
  position: absolute;
  top: .8rem;
  right: 0.3rem;
  padding: .1rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  pointer-events: none;
}
#panel_yzc #qrcode_wrap.show {
  opacity: 1;
  pointer-events: auto;
}
#panel_yzc #qrcode_wrap .tab {
  height: 0.3rem;
}
#panel_yzc #qrcode_wrap .tab a {
  display: block;
  color: #473726;
  font-size: .2rem;
  text-align: center;
  width: 32%;
  float: left;
}
#panel_yzc #qrcode_wrap .tab a:nth-child(1),
#panel_yzc #qrcode_wrap .tab a:nth-child(2) {
  border-right: 1px solid #ded1b2;
}
#panel_yzc #qrcode_wrap .tab a.curr {
  color: #cd5700;
}
#panel_yzc #qrcode_wrap .tab i {
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
#panel_yzc #qrcode_wrap .img_wrap {
  width: 90%;
  margin: .1rem auto 0 auto;
}
#panel_yzc #qrcode_wrap .img_wrap img {
  display: none;
  width: 100%;
}
#panel_yzc #qrcode_wrap .img_wrap img.show {
  display: block;
}
#panel_yzc #qrcode_wrap .text_wrap a {
  color: #473726;
  font-size: .18rem;
  text-align: center;
  margin: .05rem 0;
  display: none;
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/cursor_9395021.png"), auto;
}
#panel_yzc #qrcode_wrap .text_wrap a.jump {
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png"), auto;
}
#panel_yzc #qrcode_wrap .text_wrap a.jump:hover {
  text-decoration: underline;
}
#panel_yzc #qrcode_wrap .text_wrap a.show {
  display: block;
}
#panel_yzc #btn_guide {
  position: absolute;
  top: .3rem;
  right: 1rem;
  width: 0.46rem;
  height: 0.46rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/f_btn_guide_862f611.png") center center no-repeat;
  background-size: 100% auto;
}
#panel_yzc #btn_guide::after {
  display: block;
  content: "";
  width: 190%;
  height: 150%;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/enter_light_4282d8a.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-animation: btn_guide 0.5s ease-out infinite alternate;
  -webkit-animation: btn_guide 0.5s ease-out infinite alternate;
  -o-animation: btn_guide 0.5s ease-out infinite alternate;
  -ms-animation: btn_guide 0.5s ease-out infinite alternate;
  animation: btn_guide 0.5s ease-out infinite alternate;
}
@-webkit-keyframes btn_guide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes btn_guide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes btn_guide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes btn_guide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes btn_guide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#panel_yzc #btn_guide.show_light::after {
  display: block;
}
.horologe_wrap {
  width: 1.38rem;
  height: 1.38rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.horologe_wrap .horologe_small {
  width: 1.38rem;
  height: 1.38rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.69rem 0 0 -0.69rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.horologe_wrap .horologe_text {
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.horologe_wrap .horologe_text img {
  width: 100%;
  display: none;
}
.horologe_wrap .horologe_text.horologe_text_1 img:nth-child(1) {
  display: block;
}
.horologe_wrap .horologe_text.horologe_text_2 img:nth-child(2) {
  display: block;
}
.horologe_wrap .horologe_text.horologe_text_3 img:nth-child(3) {
  display: block;
}
.horologe_wrap .horologe_text.horologe_text_4 img:nth-child(4) {
  display: block;
}
.horologe_wrap .horologe_big {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.4rem 0 0 -2.4rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  opacity: 0;
}
.horologe_wrap .horologe_big .bg {
  width: 100%;
  height: 100%;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_big_bg_a5333d9.png") center center no-repeat;
  background-size: 100% auto;
}
.horologe_wrap .horologe_big .horologe_text {
  width: 0.8rem;
  height: 0.8rem;
}
.horologe_wrap .horologe_center {
  width: 4.8rem;
  height: 4.8rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_center_b8e3e4b.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.4rem 0 0 -2.4rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.horologe_wrap .horologe_center .hover {
  width: 100%;
  height: 100%;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_center_hover_cd6e9a2.png") center center no-repeat;
  background-size: 100% auto;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  opacity: 0;
}
.horologe_wrap .horologe_center.rotate .hover {
  opacity: 1;
}
.horologe_wrap .horologe_nav {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.4rem 0 0 -2.4rem;
}
.horologe_wrap .horologe_nav .n_btn {
  display: block;
  width: 0.46rem;
  height: 0.46rem;
  position: absolute;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_d034fe9.png") center center no-repeat;
  background-size: 100% auto;
}
.horologe_wrap .horologe_nav .n_btn:hover:hover,
.horologe_wrap .horologe_nav .n_btn.curr.curr {
  opacity: 1;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
}
@-webkit-keyframes horologe_nav {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes horologe_nav {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes horologe_nav {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes horologe_nav {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes horologe_nav {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.horologe_wrap .horologe_nav .n_btn .js_btn {
  width: 100%;
  height: 100%;
}
.horologe_wrap .horologe_nav .n_btn:nth-child(1) {
  top: 1.12rem;
  right: 1.16rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_1_ebf6aab.png") center center no-repeat;
  background-size: 100% auto;
  -moz-animation: horologe_nav 1s ease-out infinite alternate;
  -webkit-animation: horologe_nav 1s ease-out infinite alternate;
  -o-animation: horologe_nav 1s ease-out infinite alternate;
  -ms-animation: horologe_nav 1s ease-out infinite alternate;
  animation: horologe_nav 1s ease-out infinite alternate;
}
.horologe_wrap .horologe_nav .n_btn:nth-child(2) {
  top: 2.14rem;
  right: 0.77rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_2_4e98ca3.png") center center no-repeat;
  background-size: 100% auto;
  -moz-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -webkit-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -o-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -ms-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  animation: horologe_nav 1s 0.5s ease-out infinite alternate;
}
.horologe_wrap .horologe_nav .n_btn:nth-child(3) {
  top: 3.18rem;
  right: 1.14rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_3_d30eeac.png") center center no-repeat;
  background-size: 100% auto;
  -moz-animation: horologe_nav 1s ease-out infinite alternate;
  -webkit-animation: horologe_nav 1s ease-out infinite alternate;
  -o-animation: horologe_nav 1s ease-out infinite alternate;
  -ms-animation: horologe_nav 1s ease-out infinite alternate;
  animation: horologe_nav 1s ease-out infinite alternate;
}
.horologe_wrap .horologe_nav .n_btn:nth-child(4) {
  top: 3.58rem;
  left: 2.18rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_4_b9909ca.png") center center no-repeat;
  background-size: 100% auto;
  -moz-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -webkit-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -o-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -ms-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  animation: horologe_nav 1s 0.5s ease-out infinite alternate;
}
.horologe_wrap .horologe_nav .n_btn:nth-child(5) {
  top: 3.21rem;
  left: 1.14rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_1_r_82c3c2a.png") center center no-repeat;
  background-size: 100% auto;
  -moz-animation: horologe_nav 1s ease-out infinite alternate;
  -webkit-animation: horologe_nav 1s ease-out infinite alternate;
  -o-animation: horologe_nav 1s ease-out infinite alternate;
  -ms-animation: horologe_nav 1s ease-out infinite alternate;
  animation: horologe_nav 1s ease-out infinite alternate;
}
.horologe_wrap .horologe_nav .n_btn:nth-child(6) {
  top: 2.17rem;
  left: 0.74rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_2_r_6dcc535.png") center center no-repeat;
  background-size: 100% auto;
  -moz-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -webkit-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -o-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -ms-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  animation: horologe_nav 1s 0.5s ease-out infinite alternate;
}
.horologe_wrap .horologe_nav .n_btn:nth-child(7) {
  top: 1.12rem;
  left: 1.13rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_3_r_aa02358.png") center center no-repeat;
  background-size: 100% auto;
  -moz-animation: horologe_nav 1s ease-out infinite alternate;
  -webkit-animation: horologe_nav 1s ease-out infinite alternate;
  -o-animation: horologe_nav 1s ease-out infinite alternate;
  -ms-animation: horologe_nav 1s ease-out infinite alternate;
  animation: horologe_nav 1s ease-out infinite alternate;
}
.horologe_wrap .horologe_nav .n_btn:nth-child(8) {
  top: 0.75rem;
  left: 2.2rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_4_r_e0c63bf.png") center center no-repeat;
  background-size: 100% auto;
  -moz-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -webkit-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -o-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  -ms-animation: horologe_nav 1s 0.5s ease-out infinite alternate;
  animation: horologe_nav 1s 0.5s ease-out infinite alternate;
}
.horologe_wrap .horologe_nav .prev_btn,
.horologe_wrap .horologe_nav .next_btn {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_nav_d034fe9.png") center center no-repeat;
  background-size: 100% auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.horologe_wrap .horologe_nav .prev_btn:hover,
.horologe_wrap .horologe_nav .next_btn:hover {
  opacity: 1;
}
.horologe_wrap .horologe_nav .prev_btn {
  top: 3.7rem;
  left: 2.25rem;
}
.horologe_wrap .horologe_nav .next_btn {
  top: 2.22rem;
  right: 0.8rem;
}
.horologe_wrap .horologe_clock {
  width: 4.8rem;
  height: 4.8rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/horologe_clock_right_dc47d54.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.horologe_wrap.show_big .horologe_small,
.horologe_wrap.fix_show_big .horologe_small {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}
.horologe_wrap.show_big .horologe_big,
.horologe_wrap.fix_show_big .horologe_big {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#btn_note {
  position: absolute;
  top: .3rem;
  right: 1rem;
  width: 0.46rem;
  height: 0.46rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/f_btn_note_5cb733c.png") center center no-repeat;
  background-size: 100% auto;
  z-index: 12;
}
#btn_note.open {
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/f_btn_note_hover_13143dc.png") center center no-repeat;
  background-size: 100% auto;
}
#note_wrap {
  width: 5.5rem;
  height: 74%;
  border-radius: .2rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/note_wrap_b92aa0b.png");
  background-size: 100% 100%;
  padding: 3% .3rem;
  position: absolute;
  top: 50%;
  right: .3rem;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  pointer-events: none;
  z-index: 15;
}
#note_wrap.show {
  opacity: 1;
  pointer-events: auto;
}
#dialogue_wrap {
  width: 5.5rem;
  height: 7.8rem;
  overflow: hidden;
  overflow-y: scroll;
  position: absolute;
  top: .4rem;
  left: 0.3rem;
}
#dialogue_wrap .item {
  width: 95%;
  overflow: hidden;
  margin: 0 0 .2rem 0;
}
#dialogue_wrap .item p {
  color: #f1e6cf;
  font-size: .2rem;
  text-align: left;
}
#dialogue_wrap .item .name {
  width: 25%;
  float: left;
  text-align: right;
  margin: 0 3% 0 0;
}
#dialogue_wrap .item .dialogue {
  width: 72%;
  float: right;
}
#dialogue_wrap .item .dialogue p {
  margin: 0 0 .1rem 0;
}
#panel_end.show .btn {
  pointer-events: auto;
}
#panel_end.four .kv_wrap {
  height: 86%;
}
#panel_end.four .kv_wrap .img_box {
  height: 100%;
}
#panel_end .panel_close {
  display: block;
  width: 1.24rem;
  height: .47rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/end_return_btn_1b83131.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: .7rem;
  left: .3rem;
}
#panel_end .kv_wrap {
  width: 10.98rem;
  height: 6.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#panel_end .img_box {
  width: 100%;
}
#panel_end img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  touch-callout: default;
  -webkit-touch-callout: default;
}
#panel_end .progress_text {
  width: 100%;
  height: 0.4rem;
  margin: .2rem 0 0 0;
  text-align: left;
  font-size: .22rem;
  color: #947951;
}
#panel_end .progress_text i {
  margin: 0 .15rem;
}
#panel_end .progress_text strong {
  color: #ffb746;
}
#panel_end .end_qrCode {
  width: 1.3rem;
  height: auto;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/qrcode_wrap_83d3d3e.jpg") center center no-repeat;
  background-size: 100% auto;
  background-size: 100% 100%;
  position: absolute;
  bottom: .2rem;
  left: 1%;
  padding: .05rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#panel_end .end_qrCode a {
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/cursor_9395021.png"), auto;
}
#panel_end .end_qrCode a.jump {
  cursor: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/mouse_move_6211250.png"), auto;
}
#panel_end .end_qrCode a.jump:hover {
  text-decoration: underline;
}
#panel_end .end_qrCode .img_wrap {
  width: 90%;
  margin: .05rem auto 0 auto;
}
#panel_end .end_qrCode .img_wrap img {
  display: block;
  width: 100%;
}
#panel_end .end_qrCode .text_wrap a {
  color: #473726;
  font-size: .16rem;
  text-align: center;
  margin: .05rem 0;
  display: block;
}
#panel_end .end_qrCode .text_wrap a:hover {
  text-decoration: underline;
}
#panel_end #ending_share {
  position: absolute;
  top: -0.4rem;
  font-size: 0;
  right: 0;
  background: #f3e6c4;
  padding: .03rem .05rem;
  border-radius: .2rem;
  width: 3rem;
}
#panel_end #ending_share .NIE-share-txt {
  font-size: 24px;
  color: #a67b42;
}
#panel_end #ending_share .NIE-share-iconBtn a {
  width: auto;
  margin-right: 7px;
  line-height: 34px;
  font-size: 34px;
  color: #a67b42;
}
#panel_end #ending_share .NIE-share-iconBtn a:hover {
  color: #d3b261;
}
#panel_end #ending_share .NIE-share-iconBtn a span {
  margin-right: 5px;
}
.game_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.game_pop {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
}
.game_pop.show {
  -webkit-transition: 1s ease all;
  -moz-transition: 1s ease all;
  -ms-transition: 1s ease all;
  -o-transition: 1s ease all;
  transition: 1s ease all;
  pointer-events: auto;
  opacity: 1;
}
#pop_video {
  background: #fff;
}
#pop_video.block {
  background: #000;
}
#pop_video.show .nieVideo {
  opacity: 1;
}
#pop_video .nieVideo {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 1s ease all;
  -moz-transition: 1s ease all;
  -ms-transition: 1s ease all;
  -o-transition: 1s ease all;
  transition: 1s ease all;
}
#pop_video .nieVideo.show {
  opacity: 1;
}
#pop_video .nieplayer {
  position: relative;
}
#pop_video .entry_btn_list {
  bottom: auto;
  top: 1.5rem;
}
#pop_video .entry_btn_list .share_img_open_btn {
  display: block;
  width: .46rem;
  height: .46rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/m/share_open_btn_8937739.png") center center no-repeat;
  background-size: 100% auto;
}
#pop_video #lishang_share {
  position: absolute;
  bottom: .5rem;
  font-size: 0;
  right: .2rem;
  background: #f3e6c4;
  padding: .03rem .05rem;
  border-radius: .2rem;
}
#pop_video #lishang_share .NIE-share-txt {
  font-size: 24px;
  color: #a67b42;
}
#pop_video #lishang_share .NIE-share-iconBtn a {
  width: auto;
  margin-right: 7px;
  line-height: 34px;
  font-size: 34px;
  color: #a67b42;
}
#pop_video #lishang_share .NIE-share-iconBtn a:hover {
  color: #d3b261;
}
#pop_video #lishang_share .NIE-share-iconBtn a span {
  margin-right: 5px;
}
#pop_video .video_full_btn {
  display: none;
}
#pop_video_close {
  position: absolute;
  right: 1.6rem;
  width: 1.6rem;
  height: .5rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/btn_skip_2d55c83.png") center center no-repeat;
  background-size: 100% auto;
  z-index: 11;
  top: 0.28rem;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#btn_skip {
  position: absolute;
  right: 1.6rem;
  width: 1.6rem;
  height: .5rem;
  background: url("https://yysworld.res.netease.com/pc/gw/20210517213458/img/btn_skip_2d55c83.png") center center no-repeat;
  background-size: 100% auto;
  z-index: 11;
  top: 0.28rem;
}
#btn_skip.forbid {
  top: -5rem;
  z-index: -11;
}
.chapter_enter {
  width: 2rem;
  height: 2rem;
  background: url(https://yysworld.res.netease.com/pc/gw/20210517213458/img/enter_bg_4c7e94d.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s ease opacity;
  -moz-transition: 0.5s ease opacity;
  -ms-transition: 0.5s ease opacity;
  -o-transition: 0.5s ease opacity;
  transition: 0.5s ease opacity;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.chapter_enter .chapter_name {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.5s ease opacity;
  -moz-transition: 0.5s ease opacity;
  -ms-transition: 0.5s ease opacity;
  -o-transition: 0.5s ease opacity;
  transition: 0.5s ease opacity;
  opacity: 0;
}
.chapter_enter .chapter_name span {
  font-size: 0;
  width: 0.6rem;
  height: 0.6rem;
  background: url(https://yysworld.res.netease.com/pc/gw/20210517213458/img/chaptername_17d668e.png) 0 0 no-repeat;
  background-size: auto 100%;
  display: block;
  margin: 0.7rem;
}
.chapter_enter .chapter_name i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://yysworld.res.netease.com/pc/gw/20210517213458/img/enter_light_4282d8a.png) 0 0 no-repeat;
  background-size: 100% 100%;
  -moz-animation: Rotate360 2s linear 0s infinite;
  -webkit-animation: Rotate360 2s linear 0s infinite;
  -o-animation: Rotate360 2s linear 0s infinite;
  -ms-animation: Rotate360 2s linear 0s infinite;
  animation: Rotate360 2s linear 0s infinite;
}
@-webkit-keyframes Rotate360 {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes Rotate360 {
  0% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes Rotate360 {
  0% {
    -o-transform: rotate(0);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes Rotate360 {
  0% {
    -ms-transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@keyframes Rotate360 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.chapter_enter .chapter_name em {
  display: none;
  width: 0.33rem;
  height: 1.41rem;
  background: url(https://yysworld.res.netease.com/pc/gw/20210517213458/img/noopentips_fc90170.png) 0 0 no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0.35rem;
  right: -0.1rem;
}
.chapter_enter .chapter_name.two span {
  background-position: -0.6rem 0;
}
.chapter_enter .chapter_name.three span {
  background-position: -1.2rem 0;
}
.chapter_enter .chapter_name.four span {
  background-position: -1.8rem 0;
}
.chapter_enter .chapter_name.disabled i {
  display: none;
}
.chapter_enter .chapter_name.disabled em {
  display: block;
}
.chapter_enter .chapter_name.active {
  opacity: 1;
}
.chapter_enter.show {
  opacity: 1;
  pointer-events: auto;
}
#bulletScreen {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#bulletScreen.show {
  opacity: 1;
}
#bulletScreen.show .stopEvent {
  pointer-events: auto;
}
#bulletScreen .bs-bar {
  width: 10rem;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#bulletScreen .bs-bar .bs-ctrl-btn .disabled {
  right: 0rem;
  width: 0.5rem;
  top: .02rem;
}
#bulletScreen .bs-ani-container {
  position: fixed;
  top: 5%;
  left: 0;
  width: 100%;
  height: 80%;
}
.login-pop {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}