@charset "utf-8";

.noSize {
  font-size: 0;
  text-indent: -9999em;
}

.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
}

body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", STHeiTi, sans-serif;
}

/* CSS Document */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
select {
  margin: 0;
  padding: 0;
}

html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

li {
  list-style: none;
}

input,
textarea {
  outline: none;
}

button,
a,
div,
select {
  border: none;
  outline: none;
}

input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}

textarea {
  overflow: auto;
  resize: none;
}

input {
  outline: none;
}

a,
button {
  cursor: pointer;
}

a,
a:hover {
  text-decoration: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}

#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

#NIE-topBar {
  z-index: 999 !important;
}

#NIE-topBar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}

@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 351.5%;
  }
}

@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 375%;
  }
}

@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 390.625%;
  }
}

@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 404.3%;
  }
}

@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 421.875%;
  }
}

@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 468.75%;
  }
}

@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 625%;
  }
}

@font-face {
  font-family: 'fzcjljt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSansSC';
  src: url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0 auto;
  width: 100%;
  font-size: 0.26rem;
}

#forhorview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  z-index: 9999;
}

#forhorview p {
  text-align: center;
  color: #fff;
  position: relative;
  top: 35%;
  font-size: 0.3rem;
}

.el-message-box {
  max-width: 80%;
}

.container-hero {
  width: 100%;
  height: 100%;
  min-height: 16.24rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/bg_39fb43ba.jpg) no-repeat center top;
  background-size: cover;
}

.container-outlook-index {
  width: 100%;
  height: 100%;
  min-height: 16.24rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/bg_39fb43ba.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail {
  width: 100%;
  height: 100%;
  min-height: 16.24rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/bg_39fb43ba.jpg) no-repeat center top;
  background-size: cover;
}

.container-scence {
  width: 100%;
  height: 100%;
  min-height: 16.24rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/bg_39fb43ba.jpg) no-repeat center top;
  background-size: cover;
}

.container-index {
  width: 100%;
  height: 100%;
  min-height: 16.24rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/main-bg_72f221ff.jpg) no-repeat center top;
  background-size: cover;
}

.sjg {
  width: 100%;
}

.rule {
  width: 100%;
  height: 100%;
  position: relative;
  font-family: 'NotoSansSC';
}

.rule div {
  line-height: 0.4rem;
  color: #c5c5c5;
  width: 4.15rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.rule div::after {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: 0;
  width: 0.4rem;
  height: 0.08rem;
  background-color: #8a0a0a;
}

.rule div p {
  font-size: 0.24rem;
  margin-bottom: 0.4rem;
}

.rule > div:nth-child(1) {
  margin-left: -1.2rem;
  top: 3.6rem;
  color: #1c1b1b;
}

.rule > div:nth-child(2) {
  margin-left: 1.5rem;
  width: 3.6rem;
  top: 11.5rem;
}

.rule > div:nth-child(3) {
  top: 25.4rem;
  line-height: 0.37rem;
  width: 6.6rem;
  margin: 0 auto;
}

.rule > div:nth-child(3) p {
  margin-bottom: 0;
}

.rule > div:nth-child(4) {
  letter-spacing: 0.05rem;
  margin-left: -1.5rem;
  top: 33.2rem;
  line-height: 0.3rem;
  width: 3.4rem;
}

.rule > div:nth-child(4) p {
  margin-bottom: 0;
}

.rule > div:nth-child(5) {
  width: 6.6rem;
  top: 43.2rem;
  line-height: 0.38rem;
}

.rule > div:nth-child(5)::after {
  top: -0.3rem;
}

.rule > div:nth-child(5) p {
  margin-bottom: 0.1rem;
}

.rule > div:nth-child(6) {
  letter-spacing: 0.01rem;
  margin-left: 2.1rem;
  top: 51.2rem;
  width: 2.96rem;
  line-height: 0.4rem;
}

.rule > div:nth-child(6) p {
  margin-bottom: 0;
}

.rule > div:nth-child(7) {
  width: 6.6rem;
  letter-spacing: 0.01rem;
  top: 64rem;
  line-height: 0.38rem;
}

.rule > div:nth-child(7)::after {
  top: -0.4rem;
}

.gallery-thumbs {
  height: 0;
}

.gallery-m-list {
  width: 6.54rem;
  margin: 0 auto;
  margin-top: 1.52rem;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  /* 09版 */
  -webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gallery-m-list .gallery-m-item {
  position: relative;
  width: 3.02rem;
  height: 3.02rem;
  margin-bottom: .45rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat center bottom;
  background-size: 6.59rem 6.06rem;
  background-position: -0 -0;
  width: 3.02rem;
  height: 3.02rem;
}

.gallery-m-list .gallery-m-item .thumb-name {
  position: absolute;
  bottom: 0.5rem;
  right: 0.25rem;
  font-size: .5rem;
  font-family: "fzcjljt";
  color: #e6e0e0;
}

.gallery-m-list .gallery-m-item .thumb-name::before {
  content: "";
  width: 0.5em;
  height: 0;
  display: block;
  border-top: .05rem solid #ac1212;
  position: absolute;
  bottom: -0.12rem;
  right: -0.03rem;
}

.gallery-m-list .gallery-m-item .thumb-title {
  position: absolute;
  bottom: 0.1rem;
  right: 0.13rem;
  font-family: "fzcjljt";
  color: #9d7575;
  font-size: 0.2rem;
}

.gallery-m-list .gallery-m-item .thumb-item {
  position: absolute;
  width: 2rem;
  height: 1rem;
  bottom: 0;
  right: 0;
}

.gallery-m-list .gallery-m-item-huwei {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png);
  background-size: 6.59rem 6.06rem;
  background-position: -3.04rem -0;
  width: 3.02rem;
  height: 3.02rem;
}

.gallery-m-list .gallery-m-item-sm {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png);
  background-size: 6.59rem 6.06rem;
  background-position: -0 -3.04rem;
  width: 3.02rem;
  height: 3.02rem;
}

.gallery-m-list .gallery-m-item .gallery-m-item-wz {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-wz_f6fd9ad9.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-wj {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-wj_035beaea.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-nhy {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-nhy_dc1eeb09.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-yueshan {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-yueshan_5eb7e762.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-csn {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-csn_0e393999.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-tianhai {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-tianhai_33a7edca.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-jch {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-jch_de554f58.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-jianan {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-jianan_12aec1fb.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-wuchen {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-wuchen_ff726a64.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-tme {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-tme_d4703b09.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-wtxz {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-wtxz_cd184772.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-hutao {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-hutao_17b77e72.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-gqh {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-gqh_81d50981.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-jyy {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-jyy_1b95b639.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-yll {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-yll_4ac6ad32.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-hadi {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-hadi_cff2cc9b.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-weiqing {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-weiqing_6fddd101.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-liulian {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-liulian_5b3d41c0.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-xl {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-xl_ebacea76.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-lm {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-lm_926d3312.jpg) no-repeat;
  background-size: 100% auto;
}

.gallery-m-list .gallery-m-item .gallery-m-item-gx {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.02rem;
  height: 3.02rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-gx_ed2db3eb.jpg) no-repeat;
  background-size: 100% auto;
}

.hero-video-wrap {
  display: none;
}

.scence-wrap {
  position: relative;
  width: 7.5rem;
  height: 12.5rem;
  top: 1.5rem;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.scence-wrap .scence-top {
  height: .75rem;
  font-family: fzssksjt;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  /* 09版 */
  -webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.scence-wrap .scence-top .scence-name {
  font-size: .6rem;
  color: #d4cdcd;
  font-family: 'fzcjljt';
}

.scence-wrap .scence-top .scence-pre-button {
  width: 1.54rem;
  height: .63rem;
  text-align: center;
  line-height: .63rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat center;
  background-size: 6.59rem 6.06rem;
  background-position: -3.04rem -3.04rem;
  width: 1.52rem;
  height: 0.63rem;
  font-size: .26rem;
  color: #ad262c;
}

.scence-wrap .scence-top .scence-next-button {
  color: #fff;
  width: 1.52rem;
  height: .63rem;
  text-align: center;
  line-height: .63rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat center;
  background-size: 6.59rem 6.06rem;
  background-position: -3.04rem -3.69rem;
  width: 1.52rem;
  height: 0.63rem;
  font-size: .26rem;
  color: #ad262c;
}

.scence-wrap .scence-img {
  color: white;
  text-align: center;
  margin-top: .5rem;
  height: 10.25rem;
  background-position: auto;
  background-size: cover;
}

.scence-wrap .scence-img .more-wrap {
  position: absolute;
  bottom: .4rem;
  width: 6.78rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.scence-wrap .scence-img .more-wrap .swiper-wrapper {
  height: 1.13rem;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}

.scence-wrap .scence-img .more-wrap .swiper-wrapper .swiper-slide {
  width: 1.9rem;
  height: 1.13rem;
  margin-right: .5rem;
}

.scence-wrap .scence-img .more-wrap .swiper-wrapper .swiper-slide:active {
  border: 0.03rem solid red;
}

.scence-wrap .scence-img .more-wrap .swiper-wrapper .scence-item-active {
  border: 0.03rem solid red;
}

.container-outlook-index {
  position: relative;
}

.container-outlook-index .card-container {
  position: absolute;
  top: 2rem;
  height: 10.3rem;
  width: 6.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.container-outlook-index .card-container .swiper-slide {
  color: #e7e7e7;
  font-size: .80rem;
  text-align: center;
  background-image: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/otherBg_9e3cd04e.jpg);
  background-size: 100% 100%;
  font-family: 'fzcjljt';
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  letter-spacing: 0.1rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.container-outlook-index .card-container .swiper-slide .subName {
  display: inline-block;
  font-size: .47rem;
  margin-top: -0.1rem;
  width: 2.9rem;
  letter-spacing: 0.03rem;
}

.container-outlook-index .card-container .swiper-slide.swiper-slide-active {
  background-color: transparent;
  position: relative;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: cover;
  font-size: .66rem;
  width: 6.5rem;
  height: 5.49rem!important;
  margin-bottom: -1rem;
  margin-top: -1rem;
  background-image: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/centerBg_9038ab53.png);
  background-size: 100% 100%;
}

.container-outlook-index .card-container .swiper-slide.swiper-slide-active .subName {
  display: inline-block;
  font-size: .4rem;
  margin-top: -0.1rem;
  width: 2.9rem;
  letter-spacing: 0.03rem;
}

.container-outlook-index .card-container .swiper-slide > img {
  display: none;
}

.container-outlook-index .card-container .swiper-pagination {
  display: none;
}

.container-outlook-index .card-container .go-detail {
  position: absolute;
  width: 4.9rem;
  height: 3.1rem;
  bottom: 3.7rem;
  left: 0.8rem;
  z-index: 100;
}

.container-outlook-index .pre-swiper {
  position: absolute;
  left: 50%;
  width: .44rem;
  top: 1.6rem;
  margin-left: -0.22rem;
  height: .59rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat center;
  background-size: 6.59rem 6.06rem;
  background-position: -6.08rem -3.11rem;
  width: 0.44rem;
  height: 0.59rem;
}

.container-outlook-index .next-swiper {
  position: absolute;
  bottom: -0.02rem;
  left: 50%;
  margin-left: -0.22rem;
  top: 12.2rem;
  width: .44rem;
  height: .59rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat center;
  background-size: 6.59rem 6.06rem;
  background-position: -6.08rem -3.72rem;
  width: 0.44rem;
  height: 0.59rem;
}

.container-hero-detail {
  overflow: hidden;
}

.container-hero-detail .bg {
  width: 100%;
  max-width: 7.5rem;
  height: 41rem;
  margin: 0 auto;
  position: relative;
}

.container-hero-detail .back {
  position: absolute;
  width: .97rem;
  height: .49rem;
  top: .27rem;
  left: .24rem;
  background-image: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png);
  background-size: 6.59rem 6.06rem;
  background-position: -3.04rem -4.34rem;
  width: 0.97rem;
  height: 0.49rem;
  z-index: 100;
}

.container-hero-detail .bottom-back {
  position: absolute;
  width: .97rem;
  height: .49rem;
  bottom: .7rem;
  left: .24rem;
  background-image: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png);
  background-size: 6.59rem 6.06rem;
  background-position: -3.04rem -4.34rem;
  width: 0.97rem;
  height: 0.49rem;
  z-index: 100;
}

.container-hero-detail .bg-wz {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-wz-bg_51d91dc1.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-wj {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-wj-bg_37f2e7dc.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-nhy {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-nhy-bg_3bd4865f.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-tianhai {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-tianhai-bg_1dd2a8ca.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-csn {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-csn-bg_f6eeb672.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-wtxz {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-wtxz-bg_c2595e07.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-gqh {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-gqh-bg_e237cf4f.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-hutao {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-hutao-bg_c9293d44.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-jch {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-jch-bg_351f6c33.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-jianan {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-jianan-bg_1620e8c6.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-tme {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-tme-bg_4169c45a.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-wuchen {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-wuchen-bg_5ad37fc8.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-yueshan {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-yueshan-bg_ca02db83.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-huwei {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-huwei-bg_b17641b7.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-sm {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-sm-bg_0b2f6360.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-jyy {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-jyy-bg_8133bee9.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-yll {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-yll-bg_39e4b1f8.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-hadi {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-hadi-bg_64a51f27.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-weiqing {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-weiqing-bg_8aa685e8.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-liulian {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-liulian-bg_494ad485.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-xl {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-xl-bg_abc3e2e2.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-lm {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-lm-bg_0915261e.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .bg-gx {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/m-gx-bg_2bd98446.jpg) no-repeat center;
  background-size: 100% 100%;
}

.container-hero-detail .thumb-wz {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-wz_82da2edb.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-wz {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/wz_4141e212.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-wj {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-wj_bd26444a.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-wj {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/wj_c04f9704.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-nhy {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-nhy_e1e887a9.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-nhy {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/nhy_bea0ef8d.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-tianhai {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-tianhai_848cafe6.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-tianhai {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/tianhai_e5711141.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-csn {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-csn_27c85e22.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-csn {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/csn_494c8722.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-wtxz {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-wtxz_0bd3e6fd.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-wtxz {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/wtxz_56591c59.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-gqh {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-gqh_89b508f7.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-gqh {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/gqh_fe694eb8.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-hutao {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-hutao_b1050609.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-hutao {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hutao_43786dfa.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-jch {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-jch_2e18f312.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-jch {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/jch_74b31e71.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-jianan {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-jianan_e0356772.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-jianan {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/jianan_91d977e3.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-tme {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-tme_d9d417e5.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-tme {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/tme_c7e9afa2.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-wuchen {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-wuchen_e8cdff85.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-wuchen {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/wuchen_6ecf1f28.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-yueshan {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-yueshan_94979d1a.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-yueshan {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/yueshan_1af8dbcc.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-huwei {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-huwei_919dc3ab.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-huwei {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/huwei_3abdc9ec.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-sm {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-sm_6e0fb02f.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-sm {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sm_c22bbda2.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-jyy {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-jyy_5805c6d9.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-jyy {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/jyy_534af8c9.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-yll {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-yll_f568eeb5.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-yll {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/yll_6069aaf4.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-hadi {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-hadi_912e481a.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-hadi {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hadi_0cf02d2d.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-weiqing {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-weiqing_17217642.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-weiqing {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/weiqing_d726f2b7.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-liulian {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-liulian_de7c48ec.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-liulian {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/liulian_a8c88d70.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-xl {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-xl_57bb9f5e.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-xl {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/xl_c6eef395.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-lm {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-lm_ba63b534.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-lm {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/lm_50c2fc6b.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .thumb-gx {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/thumb-gx_df822b25.png) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .hero-current-gx {
  z-index: 2;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/gx_bc4f937e.jpg) no-repeat center top;
  background-size: cover;
}

.container-hero-detail .content {
  position: relative;
  width: 7.5rem;
  margin: 0 auto;
  padding-top: 9.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container-hero-detail .role-life {
  position: absolute;
  top: 5.4rem;
  left: .2rem;
  margin-right: 2.8rem;
  font-size: 0.2rem;
}

.container-hero-detail .role-life p {
  color: #afa6a7;
  font-size: 0.14rem;
  text-align: left;
  margin-bottom: .18rem;
}

.container-hero-detail .voice {
  width: 5.56rem;
  height: 1.79rem;
  padding: 0.12rem 0.53rem 0.12rem 2.88rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/music-bg_be3e4b9e.jpg) no-repeat center;
  background-size: cover;
}

.container-hero-detail .voice .voice-list {
  overflow-y: scroll;
  height: 100%;
  padding-right: .2rem;
  margin-left: -0.98rem;
}

.container-hero-detail .voice .voice-list::-webkit-scrollbar {
  width: 0.08rem;
}

.container-hero-detail .voice .voice-list::-webkit-scrollbar-track {
  display: none;
}

.container-hero-detail .voice .voice-list::-webkit-scrollbar-thumb {
  width: 0.08rem;
  background-color: #ffffff;
}

.container-hero-detail .voice .voice-list p {
  font-size: .16rem;
  color: #afa6a7;
  height: .52rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 0.01rem solid #aaa;
}

.container-hero-detail .voice .voice-list p span {
  display: inline-block;
  margin-right: .1rem;
}

.container-hero-detail .voice .voice-list p span:nth-child(1) {
  width: 0.35rem;
}

.container-hero-detail .voice .voice-list p span:nth-child(2) {
  width: 3.88rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.05rem;
}

.container-hero-detail .voice .voice-list p .icon-audio {
  position: relative;
  padding-right: 0.16rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat;
  background-size: 6.59rem 6.06rem;
  background-position: -6.4rem -4.33rem;
  width: 0.13rem;
  height: 0.18rem;
}

.container-hero-detail .voice .voice-list p .icon-audio i {
  position: absolute;
  right: -0.05rem;
  top: 50%;
  display: block;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat;
  background-size: 6.59rem 6.06rem;
  background-position: -6.54rem -3.11rem;
  width: 0.05rem;
  height: 0.11rem;
  margin-top: -0.05rem;
}

.container-hero-detail .voice .voice-list p .icon-audio i:nth-child(2) {
  right: -0.1rem;
  margin-top: -0.08rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat;
  background-size: 6.59rem 6.06rem;
  background-position: -6.4rem -4.53rem;
  width: 0.06rem;
  height: 0.17rem;
}

.container-hero-detail .voice .voice-list p .icon-audio.playing i {
  -webkit-animation: speaker 1s infinite;
  animation: speaker 1s infinite;
}

.container-hero-detail .voice .voice-list p .icon-audio.playing i:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.container-hero-detail .picture-wrap {
  position: relative;
  height: 9.5rem;
  margin: .6rem 0 .88rem 0;
}

.container-hero-detail .picture-wrap .title {
  margin-left: 2.06rem;
  width: 1.69rem;
  height: 1.78rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/icon-painting_80606de1.jpg) no-repeat;
  background-size: cover;
}

.container-hero-detail .picture-wrap .img-box {
  position: absolute;
  overflow: hidden;
}

.container-hero-detail .picture-wrap .img-box img {
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
}

.container-hero-detail .picture-wrap .img1 {
  top: 0;
  right: 0;
}

.container-hero-detail .picture-wrap .img1 img {
  width: 3.75rem;
  height: 7.43rem;
}

.container-hero-detail .picture-wrap .img2 {
  top: 7.44rem;
  right: 0;
  width: 3.75rem;
  height: 3rem;
}

.container-hero-detail .picture-wrap .img2 img {
  width: 3.75rem;
  height: 2.06rem;
}

.container-hero-detail .picture-wrap .img3 {
  left: 0;
  width: 3.75rem;
  height: 7.09rem;
}

.container-hero-detail .picture-wrap .img3 img {
  width: 3.75rem;
  height: 7.09rem;
}

.container-hero-detail .picture-wrap .more {
  position: absolute;
  left: 50%;
  bottom: 0rem;
  margin-left: -0.62rem;
  display: block;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/more-paint_d3071929.jpg) no-repeat;
  background-size: cover;
  height: 0.62rem;
  width: 0.62rem;
}

.container-hero-detail .story-wrap {
  position: relative;
  height: 10.8rem;
  top: .2rem;
}

.container-hero-detail .story-wrap .title {
  margin-left: 2.05rem;
  width: 1.69rem;
  height: 1.78rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/icon-story_bd32bc6a.png) no-repeat;
  background-size: cover;
}

.container-hero-detail .story-wrap .story-content {
  position: absolute;
  top: 0.26rem;
  left: 50%;
  width: 3.55rem;
  margin-left: 0.1rem;
  font-size: 0.2rem;
  height: 11.6rem;
  overflow-y: auto;
}

.container-hero-detail .story-wrap .story-content::-webkit-scrollbar {
  width: 0.05rem;
}

.container-hero-detail .story-wrap .story-content::-webkit-scrollbar-track {
  display: none;
}

.container-hero-detail .story-wrap .story-content::-webkit-scrollbar-thumb {
  width: 0.05rem;
  background-color: #ffffff;
}

.container-hero-detail .story-wrap .story-content p {
  text-indent: 2em;
  color: #d0cece;
  font-size: 0.2rem;
  line-height: .36rem;
}

.container-hero-detail .more-wrap {
  position: relative;
  bottom: 0.75rem;
}

.container-hero-detail .more-wrap .title {
  position: absolute;
  left: 50%;
  margin-left: -1.14rem;
  margin-top: 2.05rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/icon-more_2f97582e.jpg) no-repeat center;
  background-size: cover;
  width: 1.69rem;
  height: 1.70rem;
}

.container-hero-detail .more-wrap .hero-current {
  position: absolute;
  left: 50%;
  top: .09rem;
  margin-left: 0.55rem;
  margin-top: 1.96rem;
  width: 1.88125rem;
  height: 6.4625rem;
}

.container-hero-detail .more-wrap .more-hero {
  width: 100%;
  height: 8rem;
}

.container-hero-detail .more-wrap .more-hero .swiper-slide {
  width: 1.5rem;
  height: 3.7rem;
  margin-top: 4.36rem;
}

.container-hero-detail .more-wrap .more-hero .swiper-slide a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

.bg-hadi .role-life {
  top: 5.6rem;
}

.bg-weiqing .role-life {
  top: 6rem;
}

.bg-lm .role-life {
  top: 6rem;
}

.bg-gx .role-life {
  top: 6rem;
}

.container-outlook-detail {
  width: 7.5rem;
  height: 27.42rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/bg_03ff9e7e.jpg) no-repeat center;
  background-size: cover;
}

.container-outlook-detail-sjg-1 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/world-bg_11862d80.jpg) no-repeat center right;
  background-size: cover;
  height: 80.98rem;
}

.container-outlook-detail-hlg-6 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hlg6_86ed3baa.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-6 {
  height: 27.42rem;
}

.container-outlook-detail-hlg-5 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hlg5_7baa9e87.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-5 {
  height: 27.42rem;
}

.container-outlook-detail-hlg-4 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hlg4_ecccbfa7.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-4 {
  height: 27.42rem;
}

.container-outlook-detail-hlg-3 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hlg3_2f0dc68e.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-3 {
  height: 27.42rem;
}

.container-outlook-detail-hlg-2 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hlg2_76005269.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-2 {
  height: 27.42rem;
}

.container-outlook-detail-hlg-1 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hlg1_23641ad1.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-1 {
  height: 27.42rem;
}

.container-outlook-detail-hdsy-6 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hdsy6_b433a301.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-6 {
  height: 27.42rem;
}

.container-outlook-detail-hdsy-5 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hdsy5_25ac3dd7.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-5 {
  height: 27.42rem;
}

.container-outlook-detail-hdsy-4 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hdsy4_abe98030.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-4 {
  height: 27.42rem;
}

.container-outlook-detail-hdsy-3 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hdsy3_b835ebe6.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-3 {
  height: 27.42rem;
}

.container-outlook-detail-hdsy-2 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hdsy2_f218fbc3.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-2 {
  height: 27.42rem;
}

.container-outlook-detail-hdsy-1 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/hdsy1_37919269.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-1 {
  height: 27.42rem;
}

.container-outlook-detail-lydt-6 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/lydt6_16fb1d15.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-6 {
  height: 27.42rem;
}

.container-outlook-detail-lydt-5 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/lydt5_eebffd5d.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-5 {
  height: 27.42rem;
}

.container-outlook-detail-lydt-4 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/lydt4_e3448ea9.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-4 {
  height: 27.42rem;
}

.container-outlook-detail-lydt-3 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/lydt3_353a138a.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-3 {
  height: 27.42rem;
}

.container-outlook-detail-lydt-2 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/lydt2_a44984ee.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-2 {
  height: 27.42rem;
}

.container-outlook-detail-lydt-1 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/lydt1_b4021cda.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-1 {
  height: 27.42rem;
}

.container-outlook-detail-jkz-5 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/jkz5_e85ffb06.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-5 {
  height: 27.42rem;
}

.container-outlook-detail-jkz-4 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/jkz4_148f0647.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-4 {
  height: 27.42rem;
}

.container-outlook-detail-jkz-3 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/jkz3_c57d5b7c.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-3 {
  height: 27.42rem;
}

.container-outlook-detail-jkz-2 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/jkz2_a419b12b.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-2 {
  height: 27.42rem;
}

.container-outlook-detail-jkz-1 {
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/jkz1_470ba179.jpg) no-repeat center;
  background-size: cover;
  height: 31.7rem;
}

.container-outlook-detail-hdsy-1 {
  height: 27.42rem;
}

.container-outlook-detail .back {
  position: absolute;
  width: .97rem;
  height: .49rem;
  top: .27rem;
  left: .24rem;
  background-image: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png);
  background-size: 6.59rem 6.06rem;
  background-position: -3.04rem -4.34rem;
  width: 0.97rem;
  height: 0.49rem;
  z-index: 100;
}

.container-outlook-detail .bg {
  position: relative;
  width: 7.5rem;
  height: 100%;
}

.container-outlook-detail .bg .btn_prev,
.container-outlook-detail .bg .btn_next {
  position: absolute;
  top: 3.8rem;
}

.container-outlook-detail .bg .btn_prev {
  left: 0.24rem;
  background-image: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png);
  background-size: 6.59rem 6.06rem;
  background-position: -6.08rem -4.33rem;
  width: 0.3rem;
  height: 0.58rem;
}

.container-outlook-detail .bg .btn_next {
  right: 0.24rem;
  background-image: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png);
  background-size: 6.59rem 6.06rem;
  background-position: -6.08rem -4.93rem;
  width: 0.3rem;
  height: 0.58rem;
}

.container-outlook-detail .outlook-show {
  width: 6.2rem;
  height: 3.1rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  top: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-family: 'fzcjljt';
  color: #fffefe;
}

.container-outlook-detail .outlook-show .outlook-item {
  height: 3.1rem;
  width: .51rem;
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/sprite-95ef63_95ef63b2.png) no-repeat center;
  background-size: 6.59rem 6.06rem;
  background-position: -6.08rem -0;
  width: 0.51rem;
  height: 3.09rem;
  font-size: .3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #d8d8d8;
}

.container-outlook-detail .outlook-show .outlook-item4 {
  display: none;
}

.container-outlook-detail .outlook-show .outlook-item0 {
  margin-right: 0.7rem;
}

.container-outlook-detail .outlook-show .outlook-item3 {
  margin-left: 0.7rem;
}

.container-outlook-detail .outlook-show .outlook-item1 {
  margin-right: 1.04rem;
}

.container-outlook-detail .outlook-show .outlook-item2 {
  margin-left: 1.04rem;
}

.container-outlook-detail .outlook-show .outlook-name {
  position: absolute;
  height: 3.1rem;
  width: .7rem;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  font-size: .69rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-outlook-detail .outlook-show .outlook-subname {
  position: absolute;
  height: 3.1rem;
  width: .5rem;
  left: 54%;
  top: 1.5rem;
  font-size: .33rem;
  color: #b8b8b8;
}

.nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 7.5rem;
  height: .93rem;
  background-color: rgba(16, 13, 13, 0.4);
  background: url(https://yjwujian.res.netease.com/pc/zt/20220802191715/img/nav-bg_3352f823.jpg) no-repeat center top;
  background-size: cover;
}

.nav-bar .nav-list {
  width: 7.5rem;
  padding: 0 0.3rem;
  color: white;
  text-align: center;
  line-height: .93rem;
  font-size: 0.22rem;
  color: #868080;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  /* 09版 */
  -webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-bar .nav-list .nav-item {
  width: 1.5rem;
  height: 1rem;
}

.nav-bar .nav-list .nav-item.active,
.nav-bar .nav-list .nav-item:hover {
  color: #fff;
}

.nav-bar .nav-list .nav-outlook {
  margin-right: .16rem;
}

.nav-bar .nav-list .nav-hero {
  margin-right: .18rem;
}

.container-outlook-detail-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10rem;
  left: 0;
}

.container-outlook-detail-item .container-outlook-detail-rlg,
.container-outlook-detail-item .container-outlook-detail-cybl,
.container-outlook-detail-item .container-outlook-detail-wjdg,
.container-outlook-detail-item .container-outlook-detail-yz,
.container-outlook-detail-item .container-outlook-detail-hlg,
.container-outlook-detail-item .container-outlook-detail-hdsy,
.container-outlook-detail-item .container-outlook-detail-lydt {
  position: relative;
  top: 2.4rem;
  width: 6.2rem;
  font-family: 思源黑体 CN;
  font-size: 0.24rem;
  letter-spacing: 0.026rem;
  color: #eeeeee;
  line-height: 0.3rem;
  margin: 0 auto;
  line-height: 0.42rem;
  color: #cecece;
}

.container-outlook-detail-item .container-outlook-detail-rlg::after,
.container-outlook-detail-item .container-outlook-detail-cybl::after,
.container-outlook-detail-item .container-outlook-detail-wjdg::after,
.container-outlook-detail-item .container-outlook-detail-yz::after,
.container-outlook-detail-item .container-outlook-detail-hlg::after,
.container-outlook-detail-item .container-outlook-detail-hdsy::after,
.container-outlook-detail-item .container-outlook-detail-lydt::after {
  content: "";
  width: 0.3rem;
  height: 0.05rem;
  background: #7c0e0e;
  position: absolute;
  top: -0.25rem;
  left: 0;
}

.container-outlook-detail-item .container-outlook-detail-rlg::before,
.container-outlook-detail-item .container-outlook-detail-cybl::before,
.container-outlook-detail-item .container-outlook-detail-wjdg::before,
.container-outlook-detail-item .container-outlook-detail-yz::before,
.container-outlook-detail-item .container-outlook-detail-hlg::before,
.container-outlook-detail-item .container-outlook-detail-hdsy::before,
.container-outlook-detail-item .container-outlook-detail-lydt::before {
  content: "";
  width: 3.3rem;
  left: -0.3rem;
  height: 0.01rem;
  background: #cecece;
  opacity: .43;
  position: absolute;
  top: -2.2rem;
}

.container-outlook-detail-item .container-outlook-detail-cybl {
  top: .5rem;
}

.container-outlook-detail-item .container-outlook-detail-cybl::before {
  top: -0.4rem;
}

.container-outlook-detail-item .container-outlook-detail-cybl .outlook-detail-list {
  margin: .3rem 0 0 0rem;
}

.container-outlook-detail-item .container-outlook-detail-wjdg {
  top: .5rem;
  letter-spacing: 0.011rem;
}

.container-outlook-detail-item .container-outlook-detail-wjdg::before {
  top: -0.4rem;
}

.container-outlook-detail-item .container-outlook-detail-rlg {
  top: .5rem;
  letter-spacing: 0.011rem;
}

.container-outlook-detail-item .container-outlook-detail-rlg::before {
  top: -0.4rem;
}

.container-outlook-detail-item .container-outlook-detail-yz {
  top: .5rem;
  letter-spacing: 0.011rem;
}

.container-outlook-detail-item .container-outlook-detail-yz::before {
  top: -0.4rem;
}

.container-outlook-detail-item .container-outlook-detail-hlg,
.container-outlook-detail-item .container-outlook-detail-lydt,
.container-outlook-detail-item .container-outlook-detail-hdsy {
  top: .7rem;
  letter-spacing: 0.04rem;
}

.container-outlook-detail-item .container-outlook-detail-hlg .container-outlook-detail-list,
.container-outlook-detail-item .container-outlook-detail-lydt .container-outlook-detail-list,
.container-outlook-detail-item .container-outlook-detail-hdsy .container-outlook-detail-list {
  position: absolute;
  top: -1rem;
}

.container-outlook-detail-item .container-outlook-detail-hlg .container-outlook-detail-list ul,
.container-outlook-detail-item .container-outlook-detail-lydt .container-outlook-detail-list ul,
.container-outlook-detail-item .container-outlook-detail-hdsy .container-outlook-detail-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 6.42rem;
  margin-left: -0.1rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container-outlook-detail-item .container-outlook-detail-hlg .container-outlook-detail-list ul li,
.container-outlook-detail-item .container-outlook-detail-lydt .container-outlook-detail-list ul li,
.container-outlook-detail-item .container-outlook-detail-hdsy .container-outlook-detail-list ul li {
  color: #969595;
  position: relative;
  cursor: pointer;
  font-family: 思源黑体 CN;
  font-size: 0.25rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #f4d3d3), color-stop(60%, #dcd8d7));
  background: linear-gradient(180deg, #f4d3d3 40%, #dcd8d7 60%);
  -webkit-background-clip: text !important;
}

.container-outlook-detail-item .container-outlook-detail-hlg .container-outlook-detail-list ul li:hover::after,
.container-outlook-detail-item .container-outlook-detail-lydt .container-outlook-detail-list ul li:hover::after,
.container-outlook-detail-item .container-outlook-detail-hdsy .container-outlook-detail-list ul li:hover::after {
  content: "";
  width: .3rem;
  height: 0.05rem;
  background: #7c0e0e;
  position: absolute;
  top: .45rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.container-outlook-detail-item .container-outlook-detail-hlg .container-outlook-detail-list ul .active,
.container-outlook-detail-item .container-outlook-detail-lydt .container-outlook-detail-list ul .active,
.container-outlook-detail-item .container-outlook-detail-hdsy .container-outlook-detail-list ul .active {
  color: #ffffff;
}

.container-outlook-detail-item .container-outlook-detail-hlg .container-outlook-detail-list ul .active::after,
.container-outlook-detail-item .container-outlook-detail-lydt .container-outlook-detail-list ul .active::after,
.container-outlook-detail-item .container-outlook-detail-hdsy .container-outlook-detail-list ul .active::after {
  content: "";
  width: 0.3rem;
  height: 0.05rem;
  background: #7c0e0e;
  position: absolute;
  top: .45rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.container-outlook-detail-item .container-outlook-detail-hlg .outlook-detail-p,
.container-outlook-detail-item .container-outlook-detail-lydt .outlook-detail-p,
.container-outlook-detail-item .container-outlook-detail-hdsy .outlook-detail-p {
  margin-bottom: 0.3rem;
}

.container-outlook-detail-item .container-outlook-detail-hlg::before,
.container-outlook-detail-item .container-outlook-detail-lydt::before,
.container-outlook-detail-item .container-outlook-detail-hdsy::before {
  display: none;
  width: 6.56rem;
  top: -0.65rem;
}

.container-outlook-detail-item .container-outlook-detail-hlg::after,
.container-outlook-detail-item .container-outlook-detail-lydt::after,
.container-outlook-detail-item .container-outlook-detail-hdsy::after {
  display: none;
}