@charset "utf-8";

* {
  -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;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", 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;
}

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

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

input,
textarea {
  outline: none;
}

textarea {
  overflow: auto;
  resize: 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;
}

@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/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0 auto;
  width: 100%;
  font-size: 0.26rem;
  font-family: 'notosanssc', sans-serif;
}

.no-webp #forhorview {background:#000}

.webp #forhorview {background:#000}

#forhorview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -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%;
}

.no-webp .container-index {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/bg_9307435c.jpg);
  background-size: cover}

.webp .container-index {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/bg_9307435c.webp);
  background-size: cover}

.no-webp .container-index {background-size:cover}

.webp .container-index {background-size:cover}

.container-index {
  position: relative;
  width: 7.5rem;
  height: 16.24rem;
  overflow: hidden;
}

.container-index .nieplayer {
  position: absolute;
  top: 0;
  left: 0;
}

.container-index .nieplayer canvas {
  height: auto;
}

.no-webp .container-index .logo {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -15.72rem -16.95rem}

.webp .container-index .logo {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -15.72rem -16.95rem}

.no-webp .container-index .logo {background-size:25.09rem 24.18rem}

.webp .container-index .logo {background-size:25.09rem 24.18rem}

.no-webp .container-index .logo {background-position:-15.72rem -16.95rem}

.webp .container-index .logo {background-position:-15.72rem -16.95rem}

.container-index .logo {
  z-index: 11;
  position: absolute;
  top: 0.35rem;
  left: 0.41rem;
  width: 1.92rem;
  height: 0.85rem;
}

.no-webp .container-index .slogan {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/slogan_0101bec0.png);
  background-size: cover}

.webp .container-index .slogan {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/slogan_0101bec0.webp);
  background-size: cover}

.no-webp .container-index .slogan {background-size:cover}

.webp .container-index .slogan {background-size:cover}

.container-index .slogan {
  z-index: 10;
  position: absolute;
  top: 0;
  width: 7.5rem;
  height: 8.27rem;
}

.no-webp .container-index .sub-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -11.08rem}

.webp .container-index .sub-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -11.08rem}

.no-webp .container-index .sub-title {background-size:25.09rem 24.18rem}

.webp .container-index .sub-title {background-size:25.09rem 24.18rem}

.no-webp .container-index .sub-title {background-position:-0 -11.08rem}

.webp .container-index .sub-title {background-position:-0 -11.08rem}

.container-index .sub-title {
  z-index: 10;
  position: absolute;
  top: 5.2rem;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 7.04rem;
  height: 1.09rem;
}

.no-webp .container-index .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.431875rem;
  background-position: -8.66rem -17.9rem}

.webp .container-index .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.431875rem;
  background-position: -8.66rem -17.9rem}

.no-webp .container-index .btn {background-size:25.09rem 24.431875rem}

.webp .container-index .btn {background-size:25.09rem 24.431875rem}

.no-webp .container-index .btn {background-position:-8.66rem -17.9rem}

.webp .container-index .btn {background-position:-8.66rem -17.9rem}

.container-index .btn {
  cursor: pointer;
  z-index: 10;
  position: absolute;
  top: 11.24rem;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 4.31rem;
  color: #fff;
  font-size: 0.36rem;
  line-height: 0.97rem;
  text-align: center;
  font-family: fzcjljt, sans-serif;
}

.no-webp .leihuo-share .leihuo-share-modal {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg_1dee2024.png);
  background-size: cover}

.webp .leihuo-share .leihuo-share-modal {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg_1dee2024.webp);
  background-size: cover}

.no-webp .leihuo-share .leihuo-share-modal {background-size:cover}

.webp .leihuo-share .leihuo-share-modal {background-size:cover}

.leihuo-share .leihuo-share-modal {
  width: 6.39rem;
  height: 6.31rem;
}

.no-webp .leihuo-share .leihuo-share-icon-guanbi {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.webp .leihuo-share .leihuo-share-icon-guanbi {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.no-webp .leihuo-share .leihuo-share-icon-guanbi {background-size:25.09rem 24.18rem}

.webp .leihuo-share .leihuo-share-icon-guanbi {background-size:25.09rem 24.18rem}

.no-webp .leihuo-share .leihuo-share-icon-guanbi {background-position:-23.72rem -15.12rem}

.webp .leihuo-share .leihuo-share-icon-guanbi {background-position:-23.72rem -15.12rem}

.leihuo-share .leihuo-share-icon-guanbi {
  right: 0.5rem;
  top: 0.3rem;
  width: 0.44rem;
  height: 0.44rem;
}

.leihuo-share .leihuo-share-icon-guanbi::before {
  content: "";
}

.no-webp .leihuo-share .share-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -14.65rem -19.77rem}

.webp .leihuo-share .share-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -14.65rem -19.77rem}

.no-webp .leihuo-share .share-title {background-size:25.09rem 24.18rem}

.webp .leihuo-share .share-title {background-size:25.09rem 24.18rem}

.no-webp .leihuo-share .share-title {background-position:-14.65rem -19.77rem}

.webp .leihuo-share .share-title {background-position:-14.65rem -19.77rem}

.leihuo-share .share-title {
  margin: 0.7rem auto 0;
  width: 5.32rem;
  height: 0.39rem;
}

.leihuo-share .leihuo-share-block {
  margin-left: 0.2rem;
}

.leihuo-share .leihuo-share-block::marker {
  content: url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/star-icon_df6146b0.png);
  font-size: 0.8em;
}

.no-webp .leihuo-share .leihuo-share-copy-box {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -4.46rem -20.66rem}

.webp .leihuo-share .leihuo-share-copy-box {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -4.46rem -20.66rem}

.no-webp .leihuo-share .leihuo-share-copy-box {background-size:25.09rem 24.18rem}

.webp .leihuo-share .leihuo-share-copy-box {background-size:25.09rem 24.18rem}

.no-webp .leihuo-share .leihuo-share-copy-box {background-position:-4.46rem -20.66rem}

.webp .leihuo-share .leihuo-share-copy-box {background-position:-4.46rem -20.66rem}

.leihuo-share .leihuo-share-copy-box {
  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;
  width: 4.93rem;
  height: 0.52rem;
}

.no-webp .leihuo-share .leihuo-share-input {background:transparent}

.webp .leihuo-share .leihuo-share-input {background:transparent}

.leihuo-share .leihuo-share-input {
}

.no-webp .leihuo-share .leihuo-share-copy-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -13.15rem}

.webp .leihuo-share .leihuo-share-copy-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -13.15rem}

.no-webp .leihuo-share .leihuo-share-copy-btn {background-size:25.09rem 24.18rem}

.webp .leihuo-share .leihuo-share-copy-btn {background-size:25.09rem 24.18rem}

.no-webp .leihuo-share .leihuo-share-copy-btn {background-position:-23.72rem -13.15rem}

.webp .leihuo-share .leihuo-share-copy-btn {background-position:-23.72rem -13.15rem}

.leihuo-share .leihuo-share-copy-btn {
  margin: 0 0.1rem;
  width: 0.85rem;
  height: 0.37rem;
}

.leihuo-share .leihuo-share-img {
  margin-left: -0.2rem;
  padding-right: 0.3rem;
}

.leihuo-share .leihuo-share-qrcode.has-bg {
  width: 7.5rem;
}

.leihuo-share .leihuo-share-qrcode.has-bg #leihuo-share-qrcode {
  position: absolute;
  left: auto;
  top: 1.7rem;
  right: 0.4rem;
  width: 1.4rem;
}

@-webkit-keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.no-webp .container-letter {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/bg_0993b2c4.jpg);
  background-size: cover}

.webp .container-letter {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/bg_0993b2c4.webp);
  background-size: cover}

.no-webp .container-letter {background-size:cover}

.webp .container-letter {background-size:cover}

.container-letter {
  position: relative;
  width: 7.5rem;
  height: 16.24rem;
  overflow: hidden;
}

.container-letter .top-wrapper {
  position: relative;
  height: 1.2rem;
  width: 7.5rem;
  z-index: 10;
  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-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.no-webp .container-letter .top-wrapper:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/topbar_3d7af88b.png);
  background-size: contain}

.webp .container-letter .top-wrapper:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/topbar_3d7af88b.webp);
  background-size: contain}

.no-webp .container-letter .top-wrapper:before {background-size:contain}

.webp .container-letter .top-wrapper:before {background-size:contain}

.container-letter .top-wrapper:before {
  content: '';
  width: 7.5rem;
  height: 1.54rem;
  position: absolute;
  z-index: 1;
}

.no-webp .container-letter .top-wrapper .user-info {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -20.66rem}

.webp .container-letter .top-wrapper .user-info {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -20.66rem}

.no-webp .container-letter .top-wrapper .user-info {background-size:25.09rem 24.18rem}

.webp .container-letter .top-wrapper .user-info {background-size:25.09rem 24.18rem}

.no-webp .container-letter .top-wrapper .user-info {background-position:-0 -20.66rem}

.webp .container-letter .top-wrapper .user-info {background-position:-0 -20.66rem}

.container-letter .top-wrapper .user-info {
  position: relative;
  z-index: 2;
  color: #fff2d4;
  width: 4.44rem;
  height: 0.59rem;
}

.container-letter .top-wrapper .user-info .user-name {
  width: 2.9rem;
  height: 0.59rem;
  line-height: 0.59rem;
  margin-left: 0.2rem;
  text-align: left;
  float: left;
}

.no-webp .container-letter .top-wrapper .user-info .logout-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/logout-btn_fe1e2650.png)}

.webp .container-letter .top-wrapper .user-info .logout-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/logout-btn_fe1e2650.webp)}

.container-letter .top-wrapper .user-info .logout-btn {
  float: left;
  margin-left: 0.2rem;
  color: #fff;
  font-family: fzcjljt, sans-serif;
  line-height: 0.42rem;
  text-align: center;
  width: 0.98rem;
  height: 0.42rem;
  margin-top: 0.08rem;
}

.no-webp .container-letter .top-wrapper .rule-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -13.93rem -22.79rem}

.webp .container-letter .top-wrapper .rule-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -13.93rem -22.79rem}

.no-webp .container-letter .top-wrapper .rule-btn {background-size:25.09rem 24.18rem}

.webp .container-letter .top-wrapper .rule-btn {background-size:25.09rem 24.18rem}

.no-webp .container-letter .top-wrapper .rule-btn {background-position:-13.93rem -22.79rem}

.webp .container-letter .top-wrapper .rule-btn {background-position:-13.93rem -22.79rem}

.container-letter .top-wrapper .rule-btn {
  color: #fff;
  font-family: fzcjljt, sans-serif;
  width: 2.07rem;
  height: 0.58rem;
  position: relative;
  z-index: 2;
}

.no-webp .container-letter .right-box {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -9.37rem -6.85rem}

.webp .container-letter .right-box {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -9.37rem -6.85rem}

.no-webp .container-letter .right-box {background-size:25.09rem 24.18rem}

.webp .container-letter .right-box {background-size:25.09rem 24.18rem}

.no-webp .container-letter .right-box {background-position:-9.37rem -6.85rem}

.webp .container-letter .right-box {background-position:-9.37rem -6.85rem}

.container-letter .right-box {
  width: 1.51rem;
  height: 0.8rem;
  top: 1.52rem;
  right: 0;
  position: absolute;
  z-index: 7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container-letter .right-box .circle-box {
  width: 0.67rem;
  height: 0.67rem;
  position: absolute;
  left: 0.07rem;
  top: 0.06rem;
}

.no-webp .container-letter .right-box .circle-box:after {-moz-background-clip:padding}

.webp .container-letter .right-box .circle-box:after {-moz-background-clip:padding}

.no-webp .container-letter .right-box .circle-box:after {-webkit-background-clip:padding-box}

.webp .container-letter .right-box .circle-box:after {-webkit-background-clip:padding-box}

.no-webp .container-letter .right-box .circle-box:after {background-clip:padding-box}

.webp .container-letter .right-box .circle-box:after {background-clip:padding-box}

.container-letter .right-box .circle-box:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0.08rem solid #fff;
  z-index: 1;
}

.container-letter .right-box .circle-box canvas {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.no-webp .container-letter .right-box .head-box {-moz-background-clip:padding}

.webp .container-letter .right-box .head-box {-moz-background-clip:padding}

.no-webp .container-letter .right-box .head-box {-webkit-background-clip:padding-box}

.webp .container-letter .right-box .head-box {-webkit-background-clip:padding-box}

.no-webp .container-letter .right-box .head-box {background-clip:padding-box}

.webp .container-letter .right-box .head-box {background-clip:padding-box}

.container-letter .right-box .head-box {
  width: 0.67rem;
  height: 0.67rem;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 0.07rem;
  top: 0.06rem;
}

.container-letter .right-box .head-box.play {
  -webkit-animation: rot 5s linear infinite forwards;
  -moz-animation: rot 5s linear infinite forwards;
  -ms-animation: rot 5s linear infinite forwards;
  animation: rot 5s linear infinite forwards;
}

.container-letter .right-box .head-box img {
  display: block;
  width: 100%;
}

.no-webp .container-letter .right-box .icon-list {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.72rem -14.1rem}

.webp .container-letter .right-box .icon-list {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.72rem -14.1rem}

.no-webp .container-letter .right-box .icon-list {background-size:25.09rem 24.18rem}

.webp .container-letter .right-box .icon-list {background-size:25.09rem 24.18rem}

.no-webp .container-letter .right-box .icon-list {background-position:-24.72rem -14.1rem}

.webp .container-letter .right-box .icon-list {background-position:-24.72rem -14.1rem}

.container-letter .right-box .icon-list {
  display: block;
  width: 0.34rem;
  height: 0.3rem;
  position: absolute;
  left: 0.99rem;
  top: 0.25rem;
}

.no-webp .container-letter .zzc {background:rgba(0, 0, 0, 0.8)}

.webp .container-letter .zzc {background:rgba(0, 0, 0, 0.8)}

.container-letter .zzc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: -1;
}

.container-letter .zzc.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 99;
}

.container-letter .pop {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.container-letter .pop.on {
  z-index: 100;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.no-webp .container-letter .pop.list-pop {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg2_6cf62e6a.png);
  background-size: 100% 100%}

.webp .container-letter .pop.list-pop {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg2_6cf62e6a.webp);
  background-size: 100% 100%}

.no-webp .container-letter .pop.list-pop {background-size:100% 100%}

.webp .container-letter .pop.list-pop {background-size:100% 100%}

.container-letter .pop.list-pop {
  width: 6.39rem;
  height: 6.65rem;
  padding-top: 0.6rem;
}

.no-webp .container-letter .pop.list-pop .close {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.webp .container-letter .pop.list-pop .close {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.no-webp .container-letter .pop.list-pop .close {background-size:25.09rem 24.18rem}

.webp .container-letter .pop.list-pop .close {background-size:25.09rem 24.18rem}

.no-webp .container-letter .pop.list-pop .close {background-position:-23.72rem -15.12rem}

.webp .container-letter .pop.list-pop .close {background-position:-23.72rem -15.12rem}

.container-letter .pop.list-pop .close {
  display: block;
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  right: 0.48rem;
  top: 0.32rem;
}

.no-webp .container-letter .pop.list-pop .tit {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -9.41rem -20.66rem}

.webp .container-letter .pop.list-pop .tit {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -9.41rem -20.66rem}

.no-webp .container-letter .pop.list-pop .tit {background-size:25.09rem 24.18rem}

.webp .container-letter .pop.list-pop .tit {background-size:25.09rem 24.18rem}

.no-webp .container-letter .pop.list-pop .tit {background-position:-9.41rem -20.66rem}

.webp .container-letter .pop.list-pop .tit {background-position:-9.41rem -20.66rem}

.container-letter .pop.list-pop .tit {
  width: 5.32rem;
  height: 0.39rem;
  margin: 0 auto;
}

.container-letter .pop.list-pop .cont-box {
  height: 3.93rem;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 0.1rem;
  width: 4.67rem;
  margin: 0.4rem auto 0;
}

.container-letter .pop.list-pop .cont-box .list {
  width: 100%;
}

.no-webp .container-letter .pop.list-pop .cont-box .list .item {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.99rem -17.9rem}

.webp .container-letter .pop.list-pop .cont-box .list .item {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.99rem -17.9rem}

.no-webp .container-letter .pop.list-pop .cont-box .list .item {background-size:25.09rem 24.18rem}

.webp .container-letter .pop.list-pop .cont-box .list .item {background-size:25.09rem 24.18rem}

.no-webp .container-letter .pop.list-pop .cont-box .list .item {background-position:-12.99rem -17.9rem}

.webp .container-letter .pop.list-pop .cont-box .list .item {background-position:-12.99rem -17.9rem}

.container-letter .pop.list-pop .cont-box .list .item {
  display: block;
  margin-bottom: 0.02rem;
  position: relative;
  width: 4.47rem;
  height: 0.87rem;
}

.container-letter .pop.list-pop .cont-box .list .item:last-child {
  margin-bottom: 0;
}

.container-letter .pop.list-pop .cont-box .list .item .head,
.container-letter .pop.list-pop .cont-box .list .item .text,
.container-letter .pop.list-pop .cont-box .list .item i {
  position: absolute;
  display: block;
}

.no-webp .container-letter .pop.list-pop .cont-box .list .item .head {-moz-background-clip:padding}

.webp .container-letter .pop.list-pop .cont-box .list .item .head {-moz-background-clip:padding}

.no-webp .container-letter .pop.list-pop .cont-box .list .item .head {-webkit-background-clip:padding-box}

.webp .container-letter .pop.list-pop .cont-box .list .item .head {-webkit-background-clip:padding-box}

.no-webp .container-letter .pop.list-pop .cont-box .list .item .head {background-clip:padding-box}

.webp .container-letter .pop.list-pop .cont-box .list .item .head {background-clip:padding-box}

.container-letter .pop.list-pop .cont-box .list .item .head {
  width: 0.77rem;
  height: 0.77rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  left: 0.05rem;
  top: 0.05rem;
}

.container-letter .pop.list-pop .cont-box .list .item .head img {
  display: block;
  width: 100%;
}

.container-letter .pop.list-pop .cont-box .list .item .text {
  font-size: 0.24rem;
  color: #ececec;
  left: 0.67rem;
  width: 3.38rem;
  height: 100%;
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'fzcjljt', sans-serif;
}

.no-webp .container-letter .pop.list-pop .cont-box .list .item i {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.8rem -15.58rem}

.webp .container-letter .pop.list-pop .cont-box .list .item i {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.8rem -15.58rem}

.no-webp .container-letter .pop.list-pop .cont-box .list .item i {background-size:25.09rem 24.18rem}

.webp .container-letter .pop.list-pop .cont-box .list .item i {background-size:25.09rem 24.18rem}

.no-webp .container-letter .pop.list-pop .cont-box .list .item i {background-position:-24.8rem -15.58rem}

.webp .container-letter .pop.list-pop .cont-box .list .item i {background-position:-24.8rem -15.58rem}

.container-letter .pop.list-pop .cont-box .list .item i {
  width: 0.28rem;
  height: 0.21rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 3.78rem;
}

.no-webp .container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -17.48rem -17.9rem}

.webp .container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -17.48rem -17.9rem}

.no-webp .container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) {background-size:25.09rem 24.18rem}

.webp .container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) {background-size:25.09rem 24.18rem}

.no-webp .container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) {background-position:-17.48rem -17.9rem}

.webp .container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) {background-position:-17.48rem -17.9rem}

.container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) {
  width: 4.47rem;
  height: 0.87rem;
}

.container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) .head {
  left: 3.65rem;
}

.container-letter .pop.list-pop .cont-box .list .item:nth-of-type(2n) i {
  left: 0.41rem;
}

.container-letter .pop.list-pop .cont-box .list .item.hasPlay {
  opacity: 0.8;
}

.no-webp .container-letter .pop.list-pop .cont-box .list .item.hasPlay i {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.08rem -15.85rem}

.webp .container-letter .pop.list-pop .cont-box .list .item.hasPlay i {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.08rem -15.85rem}

.no-webp .container-letter .pop.list-pop .cont-box .list .item.hasPlay i {background-size:25.09rem 24.18rem}

.webp .container-letter .pop.list-pop .cont-box .list .item.hasPlay i {background-size:25.09rem 24.18rem}

.no-webp .container-letter .pop.list-pop .cont-box .list .item.hasPlay i {background-position:-24.08rem -15.85rem}

.webp .container-letter .pop.list-pop .cont-box .list .item.hasPlay i {background-position:-24.08rem -15.85rem}

.container-letter .pop.list-pop .cont-box .list .item.hasPlay i {
  width: 0.28rem;
  height: 0.21rem;
}

.no-webp .container-letter .pop.list-pop .icon-play, 
.no-webp .container-letter .pop.list-pop .icon-pause {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.45rem -7.36rem}

.webp .container-letter .pop.list-pop .icon-play, 
.webp .container-letter .pop.list-pop .icon-pause {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.45rem -7.36rem}

.no-webp .container-letter .pop.list-pop .icon-play, 
.no-webp .container-letter .pop.list-pop .icon-pause {background-size:25.09rem 24.18rem}

.webp .container-letter .pop.list-pop .icon-play, 
.webp .container-letter .pop.list-pop .icon-pause {background-size:25.09rem 24.18rem}

.no-webp .container-letter .pop.list-pop .icon-play, 
.no-webp .container-letter .pop.list-pop .icon-pause {background-position:-24.45rem -7.36rem}

.webp .container-letter .pop.list-pop .icon-play, 
.webp .container-letter .pop.list-pop .icon-pause {background-position:-24.45rem -7.36rem}

.container-letter .pop.list-pop .icon-play,
.container-letter .pop.list-pop .icon-pause {
  display: block;
  width: 0.57rem;
  height: 0.58rem;
  margin: 0.3rem auto 0;
}

.no-webp .container-letter .pop.list-pop .icon-pause {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -8.09rem}

.webp .container-letter .pop.list-pop .icon-pause {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -8.09rem}

.no-webp .container-letter .pop.list-pop .icon-pause {background-size:25.09rem 24.18rem}

.webp .container-letter .pop.list-pop .icon-pause {background-size:25.09rem 24.18rem}

.no-webp .container-letter .pop.list-pop .icon-pause {background-position:-24.44rem -8.09rem}

.webp .container-letter .pop.list-pop .icon-pause {background-position:-24.44rem -8.09rem}

.container-letter .pop.list-pop .icon-pause {
  width: 0.57rem;
  height: 0.58rem;
}

@-webkit-keyframes opa {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes opa {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes opa {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes opa {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes opa {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.container-paper {
  width: 7.5rem;
  height: 12rem;
  position: absolute;
  top: 1.18rem;
}

.no-webp .container-paper .title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.webp .container-paper .title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.no-webp .container-paper .title {background-size:25.09rem 24.18rem}

.webp .container-paper .title {background-size:25.09rem 24.18rem}

.no-webp .container-paper .title {background-position:-7.23rem -13.1rem}

.webp .container-paper .title {background-position:-7.23rem -13.1rem}

.container-paper .title {
  margin: 0.7rem auto;
  width: 7.21rem;
  height: 0.89rem;
}

.container-paper .paper-wrapper {
  position: relative;
  margin: 0 auto;
}

.no-webp .container-paper .paper-wrapper .paper .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.webp .container-paper .paper-wrapper .paper .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.no-webp .container-paper .paper-wrapper .paper .paper-title {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-title {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-title {background-position:-0 -15.97rem}

.webp .container-paper .paper-wrapper .paper .paper-title {background-position:-0 -15.97rem}

.container-paper .paper-wrapper .paper .paper-title {
  position: absolute;
  left: 50%;
  top: 0.5rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 5.53rem;
  height: 0.96rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.68rem;
  font-size: 0.24rem;
  text-align: center;
  color: #7f0300;
}

.container-paper .paper-wrapper .paper .paper-title.send {
  top: 0.6rem;
}

.container-paper .paper-wrapper .paper .paper-content {
  position: absolute;
  left: 50%;
  top: 1.66rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 6.03rem;
  height: 5.02rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
}

.container-paper .paper-wrapper .paper .paper-content.send {
  height: 5.72rem;
  overflow: hidden;
  top: 1.76rem;
}

.container-paper .paper-wrapper .paper .paper-content .item {
  position: relative;
  width: 5.22rem;
  height: 0.93rem;
  margin: 0 auto 0.12rem;
}

.container-paper .paper-wrapper .paper .paper-content .item:first-child {
  margin-top: 0.4rem;
}

.container-paper .paper-wrapper .paper .paper-content .item:last-child {
  margin-bottom: 0;
}

.container-paper .paper-wrapper .paper .paper-content .item .head {
  position: absolute;
  z-index: 1;
  width: 0.92rem;
  height: 0.92rem;
  border-radius: 50%;
  overflow: hidden;
}

.container-paper .paper-wrapper .paper .paper-content .item .head img {
  display: block;
  width: 100%;
}

.container-paper .paper-wrapper .paper .paper-content .item span {
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.7rem;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  font-size: 0.25rem;
  color: #ececec;
  font-family: 'fzcjljt', sans-serif;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item .btn-audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -15.58rem}

.webp .container-paper .paper-wrapper .paper .paper-content .item .btn-audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -15.58rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item .btn-audio {background-position:-24.44rem -15.58rem}

.webp .container-paper .paper-wrapper .paper .paper-content .item .btn-audio {background-position:-24.44rem -15.58rem}

.container-paper .paper-wrapper .paper .paper-content .item .btn-audio {
  width: 0.34rem;
  height: 0.25rem;
  position: absolute;
  right: 0.44rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.container-paper .paper-wrapper .paper .paper-content .item .btn-audio.play {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0.95rem}

.webp .container-paper .paper-wrapper .paper .paper-content .item:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0.95rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .item:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item:before {background-position:-18.48rem -0.95rem}

.webp .container-paper .paper-wrapper .paper .paper-content .item:before {background-position:-18.48rem -0.95rem}

.container-paper .paper-wrapper .paper .paper-content .item:before {
  content: '';
  width: 5.22rem;
  height: 0.93rem;
  position: absolute;
  left: 0;
  top: 0;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -0}

.webp .container-paper .paper-wrapper .paper .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -0}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .item.active:before {background-position:-12.63rem -0}

.webp .container-paper .paper-wrapper .paper .paper-content .item.active:before {background-position:-12.63rem -0}

.container-paper .paper-wrapper .paper .paper-content .item.active:before {
  width: 5.83rem;
  height: 1.68rem;
  left: -0.43rem;
  top: -0.39rem;
}

.container-paper .paper-wrapper .paper .paper-content .item.active .head {
  width: 0.96rem;
  height: 0.96rem;
  left: -0.06rem;
  top: -0.04rem;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.webp .container-paper .paper-wrapper .paper .paper-content .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .cvhead {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .cvhead {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .cvhead {background-position:-18.48rem -15.63rem}

.webp .container-paper .paper-wrapper .paper .paper-content .cvhead {background-position:-18.48rem -15.63rem}

.container-paper .paper-wrapper .paper .paper-content .cvhead {
  width: 2.13rem;
  height: 2.11rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .cvhead img {-moz-background-clip:padding}

.webp .container-paper .paper-wrapper .paper .paper-content .cvhead img {-moz-background-clip:padding}

.no-webp .container-paper .paper-wrapper .paper .paper-content .cvhead img {-webkit-background-clip:padding-box}

.webp .container-paper .paper-wrapper .paper .paper-content .cvhead img {-webkit-background-clip:padding-box}

.no-webp .container-paper .paper-wrapper .paper .paper-content .cvhead img {background-clip:padding-box}

.webp .container-paper .paper-wrapper .paper .paper-content .cvhead img {background-clip:padding-box}

.container-paper .paper-wrapper .paper .paper-content .cvhead img {
  display: block;
  width: 1.78rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.container-paper .paper-wrapper .paper .paper-content .cvname {
  text-align: center;
  margin: 0.04rem auto 0;
  font-size: 0.3rem;
  color: #7f0300;
  font-family: "fzcjljt", sans-serif;
}

.container-paper .paper-wrapper .paper .paper-content .paper-text {
  text-align: center;
  white-space: pre-line;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #7f0300;
  opacity: 0.8;
  margin: 0.14rem auto 0;
  width: 5.5rem;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -8.1rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -8.1rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio {background-position:-12.63rem -8.1rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio {background-position:-12.63rem -8.1rem}

.container-paper .paper-wrapper .paper .paper-content .audio {
  width: 4.76rem;
  height: 1.15rem;
  margin: 0.5rem auto 0;
  position: relative;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.35rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.35rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio .btn {background-position:-24.31rem -11.35rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio .btn {background-position:-24.31rem -11.35rem}

.container-paper .paper-wrapper .paper .paper-content .audio .btn {
  display: block;
  width: 0.57rem;
  height: 0.58rem;
  position: absolute;
  right: 0.28rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -19.11rem -22.79rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -19.11rem -22.79rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio:before {background-position:-19.11rem -22.79rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio:before {background-position:-19.11rem -22.79rem}

.container-paper .paper-wrapper .paper .paper-content .audio:before {
  content: '';
  width: 3.07rem;
  height: 0.33rem;
  position: absolute;
  left: 0.59rem;
  top: 0.42rem;
  opacity: 1;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.33rem -23.39rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.33rem -23.39rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio:after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio:after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio:after {background-position:-20.33rem -23.39rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio:after {background-position:-20.33rem -23.39rem}

.container-paper .paper-wrapper .paper .paper-content .audio:after {
  content: '';
  width: 2.68rem;
  height: 0.28rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -0.28rem;
}

.container-paper .paper-wrapper .paper .paper-content .audio.hasPlay:before {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.95rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.95rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.95rem}

.webp .container-paper .paper-wrapper .paper .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.95rem}

.container-paper .paper-wrapper .paper .paper-content .audio.hasPlay .btn {
  width: 0.57rem;
  height: 0.58rem;
}

.no-webp .container-paper .paper-wrapper .paper .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.44rem}

.webp .container-paper .paper-wrapper .paper .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.44rem}

.no-webp .container-paper .paper-wrapper .paper .paper-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-btn {background-position:-16.65rem -15.44rem}

.webp .container-paper .paper-wrapper .paper .paper-btn {background-position:-16.65rem -15.44rem}

.container-paper .paper-wrapper .paper .paper-btn {
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff6e6;
  position: absolute;
  top: 4.2rem;
  right: 0;
  font-size: 0.24rem;
  letter-spacing: 0.01rem;
  width: 1.75rem;
  height: 0.43rem;
}

.no-webp .container-paper .paper-wrapper .paper .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.84rem -16.12rem}

.webp .container-paper .paper-wrapper .paper .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.84rem -16.12rem}

.no-webp .container-paper .paper-wrapper .paper .paper-btn::after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper .paper .paper-btn::after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper .paper .paper-btn::after {background-position:-24.84rem -16.12rem}

.webp .container-paper .paper-wrapper .paper .paper-btn::after {background-position:-24.84rem -16.12rem}

.container-paper .paper-wrapper .paper .paper-btn::after {
  content: "";
  margin-left: 0.04rem;
  width: 0.23rem;
  height: 0.2rem;
}

.no-webp .container-paper .paper-wrapper.paper-1 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-1_f8fe2099.png);
  background-size: cover}

.webp .container-paper .paper-wrapper.paper-1 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-1_f8fe2099.webp);
  background-size: cover}

.no-webp .container-paper .paper-wrapper.paper-1 {background-size:cover}

.webp .container-paper .paper-wrapper.paper-1 {background-size:cover}

.container-paper .paper-wrapper.paper-1 {
  width: 6.09rem;
  height: 8.12rem;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-title {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-title {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-title {background-position:-0 -15.97rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-title {background-position:-0 -15.97rem}

.container-paper .paper-wrapper.paper-1 .paper-title {
  position: absolute;
  left: 50%;
  top: 0.5rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 5.53rem;
  height: 0.96rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.68rem;
  font-size: 0.24rem;
  text-align: center;
  color: #7f0300;
}

.container-paper .paper-wrapper.paper-1 .paper-title.send {
  top: 0.6rem;
}

.container-paper .paper-wrapper.paper-1 .paper-content {
  position: absolute;
  left: 50%;
  top: 1.66rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 6.03rem;
  height: 5.02rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
}

.container-paper .paper-wrapper.paper-1 .paper-content.send {
  height: 5.72rem;
  overflow: hidden;
  top: 1.76rem;
}

.container-paper .paper-wrapper.paper-1 .paper-content .item {
  position: relative;
  width: 5.22rem;
  height: 0.93rem;
  margin: 0 auto 0.12rem;
}

.container-paper .paper-wrapper.paper-1 .paper-content .item:first-child {
  margin-top: 0.4rem;
}

.container-paper .paper-wrapper.paper-1 .paper-content .item:last-child {
  margin-bottom: 0;
}

.container-paper .paper-wrapper.paper-1 .paper-content .item .head {
  position: absolute;
  z-index: 1;
  width: 0.92rem;
  height: 0.92rem;
  border-radius: 50%;
  overflow: hidden;
}

.container-paper .paper-wrapper.paper-1 .paper-content .item .head img {
  display: block;
  width: 100%;
}

.container-paper .paper-wrapper.paper-1 .paper-content .item span {
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.7rem;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  font-size: 0.25rem;
  color: #ececec;
  font-family: 'fzcjljt', sans-serif;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item .btn-audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -15.58rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item .btn-audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -15.58rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item .btn-audio {background-position:-24.44rem -15.58rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item .btn-audio {background-position:-24.44rem -15.58rem}

.container-paper .paper-wrapper.paper-1 .paper-content .item .btn-audio {
  width: 0.34rem;
  height: 0.25rem;
  position: absolute;
  right: 0.44rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.container-paper .paper-wrapper.paper-1 .paper-content .item .btn-audio.play {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0.95rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0.95rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item:before {background-position:-18.48rem -0.95rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item:before {background-position:-18.48rem -0.95rem}

.container-paper .paper-wrapper.paper-1 .paper-content .item:before {
  content: '';
  width: 5.22rem;
  height: 0.93rem;
  position: absolute;
  left: 0;
  top: 0;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -0}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -0}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .item.active:before {background-position:-12.63rem -0}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .item.active:before {background-position:-12.63rem -0}

.container-paper .paper-wrapper.paper-1 .paper-content .item.active:before {
  width: 5.83rem;
  height: 1.68rem;
  left: -0.43rem;
  top: -0.39rem;
}

.container-paper .paper-wrapper.paper-1 .paper-content .item.active .head {
  width: 0.96rem;
  height: 0.96rem;
  left: -0.06rem;
  top: -0.04rem;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead {background-position:-18.48rem -15.63rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead {background-position:-18.48rem -15.63rem}

.container-paper .paper-wrapper.paper-1 .paper-content .cvhead {
  width: 2.13rem;
  height: 2.11rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead img {-moz-background-clip:padding}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead img {-moz-background-clip:padding}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead img {-webkit-background-clip:padding-box}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead img {-webkit-background-clip:padding-box}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead img {background-clip:padding-box}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .cvhead img {background-clip:padding-box}

.container-paper .paper-wrapper.paper-1 .paper-content .cvhead img {
  display: block;
  width: 1.78rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.container-paper .paper-wrapper.paper-1 .paper-content .cvname {
  text-align: center;
  margin: 0.04rem auto 0;
  font-size: 0.3rem;
  color: #7f0300;
  font-family: "fzcjljt", sans-serif;
}

.container-paper .paper-wrapper.paper-1 .paper-content .paper-text {
  text-align: center;
  white-space: pre-line;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #7f0300;
  opacity: 0.8;
  margin: 0.14rem auto 0;
  width: 5.5rem;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -8.1rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -8.1rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio {background-position:-12.63rem -8.1rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio {background-position:-12.63rem -8.1rem}

.container-paper .paper-wrapper.paper-1 .paper-content .audio {
  width: 4.76rem;
  height: 1.15rem;
  margin: 0.5rem auto 0;
  position: relative;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.35rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.35rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio .btn {background-position:-24.31rem -11.35rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio .btn {background-position:-24.31rem -11.35rem}

.container-paper .paper-wrapper.paper-1 .paper-content .audio .btn {
  display: block;
  width: 0.57rem;
  height: 0.58rem;
  position: absolute;
  right: 0.28rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -19.11rem -22.79rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -19.11rem -22.79rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:before {background-position:-19.11rem -22.79rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:before {background-position:-19.11rem -22.79rem}

.container-paper .paper-wrapper.paper-1 .paper-content .audio:before {
  content: '';
  width: 3.07rem;
  height: 0.33rem;
  position: absolute;
  left: 0.59rem;
  top: 0.42rem;
  opacity: 1;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.33rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.33rem -23.39rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:after {background-position:-20.33rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio:after {background-position:-20.33rem -23.39rem}

.container-paper .paper-wrapper.paper-1 .paper-content .audio:after {
  content: '';
  width: 2.68rem;
  height: 0.28rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -0.28rem;
}

.container-paper .paper-wrapper.paper-1 .paper-content .audio.hasPlay:before {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.95rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.95rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.95rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.95rem}

.container-paper .paper-wrapper.paper-1 .paper-content .audio.hasPlay .btn {
  width: 0.57rem;
  height: 0.58rem;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.44rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.44rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-btn {background-position:-16.65rem -15.44rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-btn {background-position:-16.65rem -15.44rem}

.container-paper .paper-wrapper.paper-1 .paper-btn {
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff6e6;
  position: absolute;
  top: 4.2rem;
  right: 0;
  font-size: 0.24rem;
  letter-spacing: 0.01rem;
  width: 1.75rem;
  height: 0.43rem;
}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.84rem -16.12rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.84rem -16.12rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-btn::after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-btn::after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-1 .paper-btn::after {background-position:-24.84rem -16.12rem}

.webp .container-paper .paper-wrapper.paper-1 .paper-btn::after {background-position:-24.84rem -16.12rem}

.container-paper .paper-wrapper.paper-1 .paper-btn::after {
  content: "";
  margin-left: 0.04rem;
  width: 0.23rem;
  height: 0.2rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-2_5d787eda.png);
  background-size: cover}

.webp .container-paper .paper-wrapper.paper-2 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-2_5d787eda.webp);
  background-size: cover}

.no-webp .container-paper .paper-wrapper.paper-2 {background-size:cover}

.webp .container-paper .paper-wrapper.paper-2 {background-size:cover}

.container-paper .paper-wrapper.paper-2 {
  width: 7.11rem;
  height: 8.16rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-title {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-title {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-title {background-position:-0 -15.97rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-title {background-position:-0 -15.97rem}

.container-paper .paper-wrapper.paper-2 .paper-title {
  position: absolute;
  left: 50%;
  top: 0.5rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 5.53rem;
  height: 0.96rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.68rem;
  font-size: 0.24rem;
  text-align: center;
  color: #7f0300;
}

.container-paper .paper-wrapper.paper-2 .paper-title.send {
  top: 0.6rem;
}

.container-paper .paper-wrapper.paper-2 .paper-content {
  position: absolute;
  left: 50%;
  top: 1.66rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 6.03rem;
  height: 5.02rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
}

.container-paper .paper-wrapper.paper-2 .paper-content.send {
  height: 5.72rem;
  overflow: hidden;
  top: 1.76rem;
}

.container-paper .paper-wrapper.paper-2 .paper-content .item {
  position: relative;
  width: 5.22rem;
  height: 0.93rem;
  margin: 0 auto 0.12rem;
}

.container-paper .paper-wrapper.paper-2 .paper-content .item:first-child {
  margin-top: 0.4rem;
}

.container-paper .paper-wrapper.paper-2 .paper-content .item:last-child {
  margin-bottom: 0;
}

.container-paper .paper-wrapper.paper-2 .paper-content .item .head {
  position: absolute;
  z-index: 1;
  width: 0.92rem;
  height: 0.92rem;
  border-radius: 50%;
  overflow: hidden;
}

.container-paper .paper-wrapper.paper-2 .paper-content .item .head img {
  display: block;
  width: 100%;
}

.container-paper .paper-wrapper.paper-2 .paper-content .item span {
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.7rem;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  font-size: 0.25rem;
  color: #ececec;
  font-family: 'fzcjljt', sans-serif;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -15.58rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -15.58rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-position:-24.44rem -15.58rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-position:-24.44rem -15.58rem}

.container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {
  width: 0.34rem;
  height: 0.25rem;
  position: absolute;
  right: 0.44rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio.play {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0.95rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0.95rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-position:-18.48rem -0.95rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-position:-18.48rem -0.95rem}

.container-paper .paper-wrapper.paper-2 .paper-content .item:before {
  content: '';
  width: 5.22rem;
  height: 0.93rem;
  position: absolute;
  left: 0;
  top: 0;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -0}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -0}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-position:-12.63rem -0}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-position:-12.63rem -0}

.container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {
  width: 5.83rem;
  height: 1.68rem;
  left: -0.43rem;
  top: -0.39rem;
}

.container-paper .paper-wrapper.paper-2 .paper-content .item.active .head {
  width: 0.96rem;
  height: 0.96rem;
  left: -0.06rem;
  top: -0.04rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-position:-18.48rem -15.63rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-position:-18.48rem -15.63rem}

.container-paper .paper-wrapper.paper-2 .paper-content .cvhead {
  width: 2.13rem;
  height: 2.11rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead img {-moz-background-clip:padding}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead img {-moz-background-clip:padding}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead img {-webkit-background-clip:padding-box}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead img {-webkit-background-clip:padding-box}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead img {background-clip:padding-box}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead img {background-clip:padding-box}

.container-paper .paper-wrapper.paper-2 .paper-content .cvhead img {
  display: block;
  width: 1.78rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.container-paper .paper-wrapper.paper-2 .paper-content .cvname {
  text-align: center;
  margin: 0.04rem auto 0;
  font-size: 0.3rem;
  color: #7f0300;
  font-family: "fzcjljt", sans-serif;
}

.container-paper .paper-wrapper.paper-2 .paper-content .paper-text {
  text-align: center;
  white-space: pre-line;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #7f0300;
  opacity: 0.8;
  margin: 0.14rem auto 0;
  width: 5.5rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -8.1rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -8.1rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-position:-12.63rem -8.1rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-position:-12.63rem -8.1rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio {
  width: 4.76rem;
  height: 1.15rem;
  margin: 0.5rem auto 0;
  position: relative;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.35rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.35rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-position:-24.31rem -11.35rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-position:-24.31rem -11.35rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {
  display: block;
  width: 0.57rem;
  height: 0.58rem;
  position: absolute;
  right: 0.28rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -19.11rem -22.79rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -19.11rem -22.79rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-position:-19.11rem -22.79rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-position:-19.11rem -22.79rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio:before {
  content: '';
  width: 3.07rem;
  height: 0.33rem;
  position: absolute;
  left: 0.59rem;
  top: 0.42rem;
  opacity: 1;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.33rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.33rem -23.39rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-position:-20.33rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-position:-20.33rem -23.39rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio:after {
  content: '';
  width: 2.68rem;
  height: 0.28rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -0.28rem;
}

.container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay:before {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.95rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.95rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.95rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.95rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {
  width: 0.57rem;
  height: 0.58rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.44rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.44rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn {background-position:-16.65rem -15.44rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn {background-position:-16.65rem -15.44rem}

.container-paper .paper-wrapper.paper-2 .paper-btn {
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff6e6;
  position: absolute;
  top: 4.2rem;
  right: 0;
  font-size: 0.24rem;
  letter-spacing: 0.01rem;
  width: 1.75rem;
  height: 0.43rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.84rem -16.12rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.84rem -16.12rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background-position:-24.84rem -16.12rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background-position:-24.84rem -16.12rem}

.container-paper .paper-wrapper.paper-2 .paper-btn::after {
  content: "";
  margin-left: 0.04rem;
  width: 0.23rem;
  height: 0.2rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -11.1rem -14.99rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -11.1rem -14.99rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-title {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-title {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-title {background-position:-11.1rem -14.99rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-title {background-position:-11.1rem -14.99rem}

.container-paper .paper-wrapper.paper-2 .paper-title {
  width: 5.53rem;
  height: 0.96rem;
  color: #59351d;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.08rem -15.58rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.08rem -15.58rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-position:-24.08rem -15.58rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {background-position:-24.08rem -15.58rem}

.container-paper .paper-wrapper.paper-2 .paper-content .item .btn-audio {
  width: 0.34rem;
  height: 0.25rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-position:-18.48rem -0}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item:before {background-position:-18.48rem -0}

.container-paper .paper-wrapper.paper-2 .paper-content .item:before {
  width: 5.22rem;
  height: 0.93rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -5.85rem -9.38rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -5.85rem -9.38rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-position:-5.85rem -9.38rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {background-position:-5.85rem -9.38rem}

.container-paper .paper-wrapper.paper-2 .paper-content .item.active:before {
  width: 5.83rem;
  height: 1.68rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -13.5rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -13.5rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-position:-20.63rem -13.5rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .cvhead {background-position:-20.63rem -13.5rem}

.container-paper .paper-wrapper.paper-2 .paper-content .cvhead {
  width: 2.13rem;
  height: 2.11rem;
}

.container-paper .paper-wrapper.paper-2 .paper-content .cvname,
.container-paper .paper-wrapper.paper-2 .paper-content .paper-text {
  color: #59351d;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -3.4rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -3.4rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-position:-12.63rem -3.4rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio {background-position:-12.63rem -3.4rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio {
  width: 4.78rem;
  height: 1.17rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -10.75rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -10.75rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-position:-24.31rem -10.75rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {background-position:-24.31rem -10.75rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio .btn {
  width: 0.57rem;
  height: 0.58rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.02rem -22.79rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.02rem -22.79rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-position:-16.02rem -22.79rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:before {background-position:-16.02rem -22.79rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio:before {
  width: 3.07rem;
  height: 0.33rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -17.63rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -17.63rem -23.39rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-position:-17.63rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio:after {background-position:-17.63rem -23.39rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio:after {
  width: 2.68rem;
  height: 0.28rem;
}

.container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay:before {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.35rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.35rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.35rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.35rem}

.container-paper .paper-wrapper.paper-2 .paper-content .audio.hasPlay .btn {
  width: 0.57rem;
  height: 0.58rem;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -14.99rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -14.99rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn {background-position:-16.65rem -14.99rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn {background-position:-16.65rem -14.99rem}

.container-paper .paper-wrapper.paper-2 .paper-btn {
  width: 1.75rem;
  height: 0.43rem;
  color: #ffefd4;
}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.63rem -15.85rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.63rem -15.85rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background-position:-24.63rem -15.85rem}

.webp .container-paper .paper-wrapper.paper-2 .paper-btn::after {background-position:-24.63rem -15.85rem}

.container-paper .paper-wrapper.paper-2 .paper-btn::after {
  width: 0.23rem;
  height: 0.2rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-3_df849416.png);
  background-size: cover}

.webp .container-paper .paper-wrapper.paper-3 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-3_df849416.webp);
  background-size: cover}

.no-webp .container-paper .paper-wrapper.paper-3 {background-size:cover}

.webp .container-paper .paper-wrapper.paper-3 {background-size:cover}

.container-paper .paper-wrapper.paper-3 {
  width: 6.09rem;
  height: 8.12rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-title {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-title {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-title {background-position:-0 -15.97rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-title {background-position:-0 -15.97rem}

.container-paper .paper-wrapper.paper-3 .paper-title {
  position: absolute;
  left: 50%;
  top: 0.5rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 5.53rem;
  height: 0.96rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.68rem;
  font-size: 0.24rem;
  text-align: center;
  color: #7f0300;
}

.container-paper .paper-wrapper.paper-3 .paper-title.send {
  top: 0.6rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content {
  position: absolute;
  left: 50%;
  top: 1.66rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 6.03rem;
  height: 5.02rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
}

.container-paper .paper-wrapper.paper-3 .paper-content.send {
  height: 5.72rem;
  overflow: hidden;
  top: 1.76rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item {
  position: relative;
  width: 5.22rem;
  height: 0.93rem;
  margin: 0 auto 0.12rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item:first-child {
  margin-top: 0.4rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item:last-child {
  margin-bottom: 0;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item .head {
  position: absolute;
  z-index: 1;
  width: 0.92rem;
  height: 0.92rem;
  border-radius: 50%;
  overflow: hidden;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item .head img {
  display: block;
  width: 100%;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item span {
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.7rem;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  font-size: 0.25rem;
  color: #ececec;
  font-family: 'fzcjljt', sans-serif;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -15.58rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.44rem -15.58rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-position:-24.44rem -15.58rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-position:-24.44rem -15.58rem}

.container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {
  width: 0.34rem;
  height: 0.25rem;
  position: absolute;
  right: 0.44rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio.play {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0.95rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -0.95rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-position:-18.48rem -0.95rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-position:-18.48rem -0.95rem}

.container-paper .paper-wrapper.paper-3 .paper-content .item:before {
  content: '';
  width: 5.22rem;
  height: 0.93rem;
  position: absolute;
  left: 0;
  top: 0;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -0}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -0}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-position:-12.63rem -0}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-position:-12.63rem -0}

.container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {
  width: 5.83rem;
  height: 1.68rem;
  left: -0.43rem;
  top: -0.39rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item.active .head {
  width: 0.96rem;
  height: 0.96rem;
  left: -0.06rem;
  top: -0.04rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-position:-18.48rem -15.63rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-position:-18.48rem -15.63rem}

.container-paper .paper-wrapper.paper-3 .paper-content .cvhead {
  width: 2.13rem;
  height: 2.11rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead img {-moz-background-clip:padding}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead img {-moz-background-clip:padding}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead img {-webkit-background-clip:padding-box}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead img {-webkit-background-clip:padding-box}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead img {background-clip:padding-box}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead img {background-clip:padding-box}

.container-paper .paper-wrapper.paper-3 .paper-content .cvhead img {
  display: block;
  width: 1.78rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.container-paper .paper-wrapper.paper-3 .paper-content .cvname {
  text-align: center;
  margin: 0.04rem auto 0;
  font-size: 0.3rem;
  color: #7f0300;
  font-family: "fzcjljt", sans-serif;
}

.container-paper .paper-wrapper.paper-3 .paper-content .paper-text {
  text-align: center;
  white-space: pre-line;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #7f0300;
  opacity: 0.8;
  margin: 0.14rem auto 0;
  width: 5.5rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -8.1rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -8.1rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-position:-12.63rem -8.1rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-position:-12.63rem -8.1rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio {
  width: 4.76rem;
  height: 1.15rem;
  margin: 0.5rem auto 0;
  position: relative;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.35rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.35rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-position:-24.31rem -11.35rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-position:-24.31rem -11.35rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {
  display: block;
  width: 0.57rem;
  height: 0.58rem;
  position: absolute;
  right: 0.28rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -19.11rem -22.79rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -19.11rem -22.79rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-position:-19.11rem -22.79rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-position:-19.11rem -22.79rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio:before {
  content: '';
  width: 3.07rem;
  height: 0.33rem;
  position: absolute;
  left: 0.59rem;
  top: 0.42rem;
  opacity: 1;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.33rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.33rem -23.39rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-position:-20.33rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-position:-20.33rem -23.39rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio:after {
  content: '';
  width: 2.68rem;
  height: 0.28rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -0.28rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay:before {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.95rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -11.95rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.95rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -11.95rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {
  width: 0.57rem;
  height: 0.58rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.44rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.44rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn {background-position:-16.65rem -15.44rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn {background-position:-16.65rem -15.44rem}

.container-paper .paper-wrapper.paper-3 .paper-btn {
  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: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff6e6;
  position: absolute;
  top: 4.2rem;
  right: 0;
  font-size: 0.24rem;
  letter-spacing: 0.01rem;
  width: 1.75rem;
  height: 0.43rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.84rem -16.12rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.84rem -16.12rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background-position:-24.84rem -16.12rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background-position:-24.84rem -16.12rem}

.container-paper .paper-wrapper.paper-3 .paper-btn::after {
  content: "";
  margin-left: 0.04rem;
  width: 0.23rem;
  height: 0.2rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -11.1rem -15.97rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -11.1rem -15.97rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-title {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-title {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-title {background-position:-11.1rem -15.97rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-title {background-position:-11.1rem -15.97rem}

.container-paper .paper-wrapper.paper-3 .paper-title {
  width: 5.53rem;
  height: 0.93rem;
  color: #fff;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.85rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.85rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-position:-23.72rem -15.85rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {background-position:-23.72rem -15.85rem}

.container-paper .paper-wrapper.paper-3 .paper-content .item .btn-audio {
  width: 0.34rem;
  height: 0.25rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content .item span {
  color: #781712;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -1.9rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -1.9rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-position:-18.48rem -1.9rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item:before {background-position:-18.48rem -1.9rem}

.container-paper .paper-wrapper.paper-3 .paper-content .item:before {
  width: 5.22rem;
  height: 0.93rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -1.7rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -1.7rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-position:-12.63rem -1.7rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {background-position:-12.63rem -1.7rem}

.container-paper .paper-wrapper.paper-3 .paper-content .item.active:before {
  width: 5.83rem;
  height: 1.68rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -15.63rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -15.63rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-position:-20.63rem -15.63rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .cvhead {background-position:-20.63rem -15.63rem}

.container-paper .paper-wrapper.paper-3 .paper-content .cvhead {
  width: 2.13rem;
  height: 2.11rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content .cvname,
.container-paper .paper-wrapper.paper-3 .paper-content .paper-text {
  color: #fff;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -9.27rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -9.27rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-position:-12.63rem -9.27rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio {background-position:-12.63rem -9.27rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio {
  width: 4.76rem;
  height: 1.15rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.95rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -11.95rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-position:-24.31rem -11.95rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {background-position:-24.31rem -11.95rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio .btn {
  width: 0.57rem;
  height: 0.58rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -11.84rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -11.84rem -23.39rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-position:-11.84rem -23.39rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:before {background-position:-11.84rem -23.39rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio:before {
  width: 3.07rem;
  height: 0.33rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -23.9rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -23.9rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-position:-0 -23.9rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio:after {background-position:-0 -23.9rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio:after {
  width: 2.68rem;
  height: 0.28rem;
}

.container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay:before {
  -webkit-animation: opa 0.5s linear infinite alternate;
  -moz-animation: opa 0.5s linear infinite alternate;
  -ms-animation: opa 0.5s linear infinite alternate;
  animation: opa 0.5s linear infinite alternate;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -12.55rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -12.55rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -12.55rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {background-position:-23.72rem -12.55rem}

.container-paper .paper-wrapper.paper-3 .paper-content .audio.hasPlay .btn {
  width: 0.57rem;
  height: 0.58rem;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.97rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.65rem -15.97rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn {background-position:-16.65rem -15.97rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn {background-position:-16.65rem -15.97rem}

.container-paper .paper-wrapper.paper-3 .paper-btn {
  width: 1.75rem;
  height: 0.43rem;
  color: #fff6e6;
}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.28rem -16.4rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.28rem -16.4rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background-position:-24.28rem -16.4rem}

.webp .container-paper .paper-wrapper.paper-3 .paper-btn::after {background-position:-24.28rem -16.4rem}

.container-paper .paper-wrapper.paper-3 .paper-btn::after {
  width: 0.23rem;
  height: 0.2rem;
}

.container-paper .swiper-pagination {
  position: relative;
  margin-top: 0.2rem;
  width: 100%;
  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;
}

.no-webp .container-paper .swiper-pagination .swiper-pagination-bullet {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -8.09rem}

.webp .container-paper .swiper-pagination .swiper-pagination-bullet {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -8.09rem}

.no-webp .container-paper .swiper-pagination .swiper-pagination-bullet {background-size:25.09rem 24.18rem}

.webp .container-paper .swiper-pagination .swiper-pagination-bullet {background-size:25.09rem 24.18rem}

.no-webp .container-paper .swiper-pagination .swiper-pagination-bullet {background-position:-23.72rem -8.09rem}

.webp .container-paper .swiper-pagination .swiper-pagination-bullet {background-position:-23.72rem -8.09rem}

.container-paper .swiper-pagination .swiper-pagination-bullet {
  width: 0.7rem;
  height: 0.71rem;
}

.no-webp .container-paper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -8.82rem}

.webp .container-paper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -8.82rem}

.no-webp .container-paper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-size:25.09rem 24.18rem}

.webp .container-paper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-size:25.09rem 24.18rem}

.no-webp .container-paper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position:-23.72rem -8.82rem}

.webp .container-paper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position:-23.72rem -8.82rem}

.container-paper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.7rem;
  height: 0.71rem;
}

.no-webp .container-paper .paper-button-prev {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -12.55rem}

.webp .container-paper .paper-button-prev {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.31rem -12.55rem}

.no-webp .container-paper .paper-button-prev {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-button-prev {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-button-prev {background-position:-24.31rem -12.55rem}

.webp .container-paper .paper-button-prev {background-position:-24.31rem -12.55rem}

.container-paper .paper-button-prev {
  z-index: 1;
  margin-top: 0;
  position: absolute;
  top: 6rem;
  left: 0.1rem;
  width: 0.53rem;
  height: 0.54rem;
}

.no-webp .container-paper .paper-button-next {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.27rem -13.54rem}

.webp .container-paper .paper-button-next {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.27rem -13.54rem}

.no-webp .container-paper .paper-button-next {background-size:25.09rem 24.18rem}

.webp .container-paper .paper-button-next {background-size:25.09rem 24.18rem}

.no-webp .container-paper .paper-button-next {background-position:-24.27rem -13.54rem}

.webp .container-paper .paper-button-next {background-position:-24.27rem -13.54rem}

.container-paper .paper-button-next {
  text-indent: -9.99rem;
  z-index: 1;
  margin-top: 0;
  position: absolute;
  top: 6rem;
  right: 0.1rem;
  width: 0.52rem;
  height: 0.54rem;
}

.container-paper .deadline {
  width: 100%;
  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;
  font-size: 0.24rem;
  color: #fff;
  opacity: 0.8;
  margin: 0.46rem auto 0.4rem;
  letter-spacing: 0.02rem;
}

.container-paper .deadline.send {
  margin-top: 0.4rem;
}

.no-webp .container-paper .back-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -6.92rem}

.webp .container-paper .back-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -6.92rem}

.no-webp .container-paper .back-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .back-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .back-btn {background-position:-23.72rem -6.92rem}

.webp .container-paper .back-btn {background-position:-23.72rem -6.92rem}

.container-paper .back-btn {
  position: absolute;
  top: 0.3rem;
  left: 0.36rem;
  width: 1.31rem;
  height: 0.42rem;
}

.no-webp .container-paper .send-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -3.95rem -18.88rem}

.webp .container-paper .send-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -3.95rem -18.88rem}

.no-webp .container-paper .send-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .send-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .send-btn {background-position:-3.95rem -18.88rem}

.webp .container-paper .send-btn {background-position:-3.95rem -18.88rem}

.container-paper .send-btn {
  text-indent: -9.99rem;
  margin: 0.2rem auto 0;
  width: 3.53rem;
  height: 0.87rem;
}

.no-webp .container-paper .confirm-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -7.5rem -18.88rem}

.webp .container-paper .confirm-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -7.5rem -18.88rem}

.no-webp .container-paper .confirm-btn {background-size:25.09rem 24.18rem}

.webp .container-paper .confirm-btn {background-size:25.09rem 24.18rem}

.no-webp .container-paper .confirm-btn {background-position:-7.5rem -18.88rem}

.webp .container-paper .confirm-btn {background-position:-7.5rem -18.88rem}

.container-paper .confirm-btn {
  margin: 0.2rem auto 0;
  width: 3.53rem;
  height: 0.87rem;
}

.no-webp .container-paper .gift {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -11.03rem -3.53rem}

.webp .container-paper .gift {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -11.03rem -3.53rem}

.no-webp .container-paper .gift {background-size:25.09rem 24.18rem}

.webp .container-paper .gift {background-size:25.09rem 24.18rem}

.no-webp .container-paper .gift {background-position:-11.03rem -3.53rem}

.webp .container-paper .gift {background-position:-11.03rem -3.53rem}

.container-paper .gift {
  width: 1.39rem;
  height: 1.53rem;
  position: absolute;
  right: 0.41rem;
  top: 10.56rem;
}

.container-paper .gift.send {
  top: 10.46rem;
}

.container-paper .swiper-wrapper .swiper-slide-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.container-paper .swiper-wrapper .swiper-slide-prev,
.container-paper .swiper-wrapper .swiper-slide-next {
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.slide-fade-enter-active,
.slide-fade-leave-active {
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}

.slide-fade-enter,
.slide-fade-leave-to {
  opacity: 0;
}

.container-mail {
  width: 7.5rem;
  height: 100vh;
}

.dongxiao {
  position: absolute;
  width: 7.5rem;
  height: 100%;
  top: 0;
  left: 0;
}

.dongxiao .dongxiao-wrapper {
  position: absolute;
  top: 2rem;
}

.no-webp .back-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -6.92rem}

.webp .back-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -6.92rem}

.no-webp .back-btn {background-size:25.09rem 24.18rem}

.webp .back-btn {background-size:25.09rem 24.18rem}

.no-webp .back-btn {background-position:-23.72rem -6.92rem}

.webp .back-btn {background-position:-23.72rem -6.92rem}

.back-btn {
  position: absolute;
  z-index: 999;
  top: 0.6rem;
  left: 0.6rem;
  width: 1.31rem;
  height: 0.42rem;
}

.back-btn.sp {
  top: 1.6rem;
}

.container-mail-wrapper {
  width: 7.5rem;
  height: 12rem;
  position: absolute;
  top: 1.18rem;
}

.no-webp .container-mail-wrapper .title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.webp .container-mail-wrapper .title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.no-webp .container-mail-wrapper .title {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .title {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .title {background-position:-7.23rem -13.1rem}

.webp .container-mail-wrapper .title {background-position:-7.23rem -13.1rem}

.container-mail-wrapper .title {
  margin: 1rem auto 0;
  width: 7.21rem;
  height: 0.89rem;
}

.container-mail-wrapper .title.sp {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -0.6rem;
  margin: 0;
}

.container-mail-wrapper .gifttip {
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -0.2rem;
}

.container-mail-wrapper .sub-title {
  margin: 0 auto 0.2rem;
  font-family: fzcjljt, sans-serif;
  font-size: 0.3rem;
  text-align: center;
  -webkit-text-stroke: 0.005rem red;
  color: #fff;
  text-shadow: 0 0 0.27rem rgba(255, 0, 0, 0.5);
}

.container-mail-wrapper .mail-wrapper .mail {
  margin: 0 auto 0.5rem;
}

.container-mail-wrapper .mail-wrapper .mail .mail-title {
  font-family: fzcjljt, sans-serif;
  font-size: 0.28rem;
  width: 4.5rem;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0.14rem;
}

.no-webp .container-mail-wrapper .mail-wrapper.mail-1 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/mail-1_fefe98dd.png);
  background-size: cover}

.webp .container-mail-wrapper .mail-wrapper.mail-1 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/mail-1_fefe98dd.webp);
  background-size: cover}

.no-webp .container-mail-wrapper .mail-wrapper.mail-1 {background-size:cover}

.webp .container-mail-wrapper .mail-wrapper.mail-1 {background-size:cover}

.container-mail-wrapper .mail-wrapper.mail-1 {
  margin: 0 auto 0.5rem;
  width: 4.45rem;
  height: 7.76rem;
}

.container-mail-wrapper .mail-wrapper.mail-1 .mail-title {
  font-family: fzcjljt, sans-serif;
  font-size: 0.28rem;
  width: 4.5rem;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0.14rem;
}

.no-webp .container-mail-wrapper .mail-wrapper.mail-2 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/mail-2_b8331813.png);
  background-size: cover}

.webp .container-mail-wrapper .mail-wrapper.mail-2 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/mail-2_b8331813.webp);
  background-size: cover}

.no-webp .container-mail-wrapper .mail-wrapper.mail-2 {background-size:cover}

.webp .container-mail-wrapper .mail-wrapper.mail-2 {background-size:cover}

.container-mail-wrapper .mail-wrapper.mail-2 {
  margin: 0 auto 0.5rem;
  width: 4.45rem;
  height: 7.76rem;
}

.container-mail-wrapper .mail-wrapper.mail-2 .mail-title {
  font-family: fzcjljt, sans-serif;
  font-size: 0.28rem;
  width: 4.5rem;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0.14rem;
}

.no-webp .container-mail-wrapper .mail-wrapper.mail-3 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/mail-3_4abf27a0.png);
  background-size: cover}

.webp .container-mail-wrapper .mail-wrapper.mail-3 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/mail-3_4abf27a0.webp);
  background-size: cover}

.no-webp .container-mail-wrapper .mail-wrapper.mail-3 {background-size:cover}

.webp .container-mail-wrapper .mail-wrapper.mail-3 {background-size:cover}

.container-mail-wrapper .mail-wrapper.mail-3 {
  margin: 0 auto 0.5rem;
  width: 4.45rem;
  height: 7.76rem;
}

.container-mail-wrapper .mail-wrapper.mail-3 .mail-title {
  font-family: fzcjljt, sans-serif;
  font-size: 0.28rem;
  width: 4.5rem;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0.14rem;
}

.no-webp .container-mail-wrapper .mail-button-prev {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -13.54rem}

.webp .container-mail-wrapper .mail-button-prev {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -13.54rem}

.no-webp .container-mail-wrapper .mail-button-prev {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .mail-button-prev {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .mail-button-prev {background-position:-23.72rem -13.54rem}

.webp .container-mail-wrapper .mail-button-prev {background-position:-23.72rem -13.54rem}

.container-mail-wrapper .mail-button-prev {
  z-index: 1;
  margin-top: 0;
  position: absolute;
  top: 6rem;
  left: 0.4rem;
  width: 0.53rem;
  height: 0.54rem;
}

.container-mail-wrapper .mail-button-prev.swiper-button-disabled {
  opacity: 0.3;
}

.no-webp .container-mail-wrapper .mail-button-next {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -14.1rem}

.webp .container-mail-wrapper .mail-button-next {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -14.1rem}

.no-webp .container-mail-wrapper .mail-button-next {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .mail-button-next {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .mail-button-next {background-position:-23.72rem -14.1rem}

.webp .container-mail-wrapper .mail-button-next {background-position:-23.72rem -14.1rem}

.container-mail-wrapper .mail-button-next {
  z-index: 1;
  margin-top: 0;
  position: absolute;
  top: 6rem;
  right: 0.4rem;
  width: 0.52rem;
  height: 0.54rem;
}

.container-mail-wrapper .mail-button-next.swiper-button-disabled {
  opacity: 0.3;
}

.container-mail-wrapper .swiper-wrapper .swiper-slide-active {
  opacity: 1;
}

.container-mail-wrapper .swiper-wrapper .swiper-slide-prev,
.container-mail-wrapper .swiper-wrapper .swiper-slide-next {
  opacity: 0.3;
}

.no-webp .container-mail-wrapper .open-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -14.29rem -11.08rem}

.webp .container-mail-wrapper .open-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -14.29rem -11.08rem}

.no-webp .container-mail-wrapper .open-btn {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .open-btn {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .open-btn {background-position:-14.29rem -11.08rem}

.webp .container-mail-wrapper .open-btn {background-position:-14.29rem -11.08rem}

.container-mail-wrapper .open-btn {
  margin: 0 auto;
  width: 3.93rem;
  height: 0.87rem;
}

.no-webp .container-mail-wrapper .empty {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -9.37rem -0}

.webp .container-mail-wrapper .empty {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -9.37rem -0}

.no-webp .container-mail-wrapper .empty {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .empty {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .empty {background-position:-9.37rem -0}

.webp .container-mail-wrapper .empty {background-position:-9.37rem -0}

.container-mail-wrapper .empty {
  position: relative;
  margin: 0.5rem auto 0;
  width: 3.24rem;
  height: 3.51rem;
}

.no-webp .container-mail-wrapper .empty .question-icon {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -7.36rem}

.webp .container-mail-wrapper .empty .question-icon {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -7.36rem}

.no-webp .container-mail-wrapper .empty .question-icon {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .empty .question-icon {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .empty .question-icon {background-position:-23.72rem -7.36rem}

.webp .container-mail-wrapper .empty .question-icon {background-position:-23.72rem -7.36rem}

.container-mail-wrapper .empty .question-icon {
  position: absolute;
  bottom: 0.04rem;
  right: -0.4rem;
  width: 0.71rem;
  height: 0.71rem;
}

.no-webp .container-mail-wrapper .buy-game {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -3.61rem -4.11rem}

.webp .container-mail-wrapper .buy-game {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -3.61rem -4.11rem}

.no-webp .container-mail-wrapper .buy-game {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .buy-game {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .buy-game {background-position:-3.61rem -4.11rem}

.webp .container-mail-wrapper .buy-game {background-position:-3.61rem -4.11rem}

.container-mail-wrapper .buy-game {
  margin: 0.5rem auto 0;
  width: 3.59rem;
  height: 3.55rem;
}

.no-webp .container-mail-wrapper .buy-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -18.88rem}

.webp .container-mail-wrapper .buy-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -18.88rem}

.no-webp .container-mail-wrapper .buy-btn {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .buy-btn {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .buy-btn {background-position:-0 -18.88rem}

.webp .container-mail-wrapper .buy-btn {background-position:-0 -18.88rem}

.container-mail-wrapper .buy-btn {
  display: block;
  margin: 0.5rem auto 0;
  width: 3.93rem;
  height: 0.87rem;
}

.no-webp .container-mail-wrapper .no-invited {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -4.56rem -0}

.webp .container-mail-wrapper .no-invited {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -4.56rem -0}

.no-webp .container-mail-wrapper .no-invited {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .no-invited {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .no-invited {background-position:-4.56rem -0}

.webp .container-mail-wrapper .no-invited {background-position:-4.56rem -0}

.container-mail-wrapper .no-invited {
  margin: 0.5rem auto 0;
  width: 4.79rem;
  height: 3.51rem;
}

.no-webp .container-mail-wrapper .my-list-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -14.46rem -13.1rem}

.webp .container-mail-wrapper .my-list-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -14.46rem -13.1rem}

.no-webp .container-mail-wrapper .my-list-btn {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .my-list-btn {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .my-list-btn {background-position:-14.46rem -13.1rem}

.webp .container-mail-wrapper .my-list-btn {background-position:-14.46rem -13.1rem}

.container-mail-wrapper .my-list-btn {
  display: block;
  margin: 0.5rem auto 0;
  width: 3.93rem;
  height: 0.87rem;
}

.no-webp .container-mail-wrapper .reward-icon {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -9.37rem -5.19rem}

.webp .container-mail-wrapper .reward-icon {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -9.37rem -5.19rem}

.no-webp .container-mail-wrapper .reward-icon {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .reward-icon {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .reward-icon {background-position:-9.37rem -5.19rem}

.webp .container-mail-wrapper .reward-icon {background-position:-9.37rem -5.19rem}

.container-mail-wrapper .reward-icon {
  position: absolute;
  right: 0;
  top: 2.2rem;
  width: 1.64rem;
  height: 1.64rem;
}

.no-webp .container-mail-wrapper .yxgl-icon {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -0}

.webp .container-mail-wrapper .yxgl-icon {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -0}

.no-webp .container-mail-wrapper .yxgl-icon {background-size:25.09rem 24.18rem}

.webp .container-mail-wrapper .yxgl-icon {background-size:25.09rem 24.18rem}

.no-webp .container-mail-wrapper .yxgl-icon {background-position:-0 -0}

.webp .container-mail-wrapper .yxgl-icon {background-position:-0 -0}

.container-mail-wrapper .yxgl-icon {
  margin: 0.5rem auto 0;
  width: 4.54rem;
  height: 4.09rem;
}

.no-webp .mail-open {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/bg_9307435c.jpg);
  background-size: cover}

.webp .mail-open {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/bg_9307435c.webp);
  background-size: cover}

.no-webp .mail-open {background-size:cover}

.webp .mail-open {background-size:cover}

.mail-open {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.mail-open .open-wrapper {
  width: 100%;
  height: 100%;
  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;
}

.no-webp .mail-open .title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.webp .mail-open .title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.no-webp .mail-open .title {background-size:25.09rem 24.18rem}

.webp .mail-open .title {background-size:25.09rem 24.18rem}

.no-webp .mail-open .title {background-position:-7.23rem -13.1rem}

.webp .mail-open .title {background-position:-7.23rem -13.1rem}

.mail-open .title {
  margin: 0.7rem auto 0;
  width: 7.21rem;
  height: 0.89rem;
}

.mail-open .title.sp {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -0.6rem;
  margin: 0;
}

.mail-open .gifttip {
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -0.2rem;
}

.no-webp .mail-open .reward-icon {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -9.37rem -5.19rem}

.webp .mail-open .reward-icon {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -9.37rem -5.19rem}

.no-webp .mail-open .reward-icon {background-size:25.09rem 24.18rem}

.webp .mail-open .reward-icon {background-size:25.09rem 24.18rem}

.no-webp .mail-open .reward-icon {background-position:-9.37rem -5.19rem}

.webp .mail-open .reward-icon {background-position:-9.37rem -5.19rem}

.mail-open .reward-icon {
  position: absolute;
  right: -0.4rem;
  top: 0.1rem;
  width: 1.64rem;
  height: 1.64rem;
}

.mail-open .mail-loading {
  font-family: fzcjljt, sans-serif;
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 2rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  font-size: 0.48rem;
  -webkit-text-stroke: 0.005rem red;
  color: #fff;
  text-shadow: 0 0 0.27rem rgba(255, 0, 0, 0.5);
  width: 100%;
  text-align: center;
}

.no-webp .mail-open #wenzi {background:none}

.webp .mail-open #wenzi {background:none}

.mail-open #wenzi {
  padding: 0;
}

.mail-open #wenzi .paper-text {
  margin: 0.14rem auto;
}

.no-webp #zbingmu4 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_bingmu_4_11dac19f.png);
  background-size: 600% 500%}

.webp #zbingmu4 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_bingmu_4_11dac19f.webp);
  background-size: 600% 500%}

.no-webp #zbingmu4 {background-size:600% 500%}

.webp #zbingmu4 {background-size:600% 500%}

#zbingmu4 {
  z-index: 4;
  position: absolute;
  left: 2rem;
  top: 4.43rem;
  height: 3.5rem;
  width: 3.5rem;
  mix-blend-mode: overlay;
  -webkit-animation: sprite_bingmu_4 0.5s steps(1) forwards;
  animation: sprite_bingmu_4 0.5s steps(1) forwards;
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
}

@-webkit-keyframes sprite_bingmu_4 {
  0% {
    background-position: 0 0;
  }

  3.3% {
    background-position: -3.5rem 0;
  }

  6.7% {
    background-position: -7rem 0;
  }

  10% {
    background-position: -10.5rem 0;
  }

  13.3% {
    background-position: -14rem 0;
  }

  16.7% {
    background-position: -17.5rem 0;
  }

  20% {
    background-position: 0 -3.5rem;
  }

  23.3% {
    background-position: -3.5rem -3.5rem;
  }

  26.7% {
    background-position: -7rem -3.5rem;
  }

  30% {
    background-position: -10.5rem -3.5rem;
  }

  33.3% {
    background-position: -14rem -3.5rem;
  }

  36.7% {
    background-position: -17.5rem -3.5rem;
  }

  40% {
    background-position: 0 -7rem;
  }

  43.3% {
    background-position: -3.5rem -7rem;
  }

  46.7% {
    background-position: -7rem -7rem;
  }

  50% {
    background-position: -10.5rem -7rem;
  }

  53.3% {
    background-position: -14rem -7rem;
  }

  56.7% {
    background-position: -17.5rem -7rem;
  }

  60% {
    background-position: 0 -10.5rem;
  }

  63.3% {
    background-position: -3.5rem -10.5rem;
  }

  66.7% {
    background-position: -7rem -10.5rem;
  }

  70% {
    background-position: -10.5rem -10.5rem;
  }

  73.3% {
    background-position: -14rem -10.5rem;
  }

  76.7% {
    background-position: -17.5rem -10.5rem;
  }

  80% {
    background-position: 0 -14rem;
  }

  83.3% {
    background-position: -3.5rem -14rem;
  }

  86.7% {
    background-position: -7rem -14rem;
  }

  90% {
    background-position: -10.5rem -14rem;
  }

  93.3% {
    background-position: -14rem -14rem;
  }

  96.7% {
    background-position: -17.5rem -14rem;
  }

  100% {
    background-position: -17.5rem -14rem;
  }
}

@keyframes sprite_bingmu_4 {
  0% {
    background-position: 0 0;
  }

  3.3% {
    background-position: -3.5rem 0;
  }

  6.7% {
    background-position: -7rem 0;
  }

  10% {
    background-position: -10.5rem 0;
  }

  13.3% {
    background-position: -14rem 0;
  }

  16.7% {
    background-position: -17.5rem 0;
  }

  20% {
    background-position: 0 -3.5rem;
  }

  23.3% {
    background-position: -3.5rem -3.5rem;
  }

  26.7% {
    background-position: -7rem -3.5rem;
  }

  30% {
    background-position: -10.5rem -3.5rem;
  }

  33.3% {
    background-position: -14rem -3.5rem;
  }

  36.7% {
    background-position: -17.5rem -3.5rem;
  }

  40% {
    background-position: 0 -7rem;
  }

  43.3% {
    background-position: -3.5rem -7rem;
  }

  46.7% {
    background-position: -7rem -7rem;
  }

  50% {
    background-position: -10.5rem -7rem;
  }

  53.3% {
    background-position: -14rem -7rem;
  }

  56.7% {
    background-position: -17.5rem -7rem;
  }

  60% {
    background-position: 0 -10.5rem;
  }

  63.3% {
    background-position: -3.5rem -10.5rem;
  }

  66.7% {
    background-position: -7rem -10.5rem;
  }

  70% {
    background-position: -10.5rem -10.5rem;
  }

  73.3% {
    background-position: -14rem -10.5rem;
  }

  76.7% {
    background-position: -17.5rem -10.5rem;
  }

  80% {
    background-position: 0 -14rem;
  }

  83.3% {
    background-position: -3.5rem -14rem;
  }

  86.7% {
    background-position: -7rem -14rem;
  }

  90% {
    background-position: -10.5rem -14rem;
  }

  93.3% {
    background-position: -14rem -14rem;
  }

  96.7% {
    background-position: -17.5rem -14rem;
  }

  100% {
    background-position: -17.5rem -14rem;
  }
}

.no-webp #zdiejia3 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_diejia_3_c3331574.png);
  background-size: 600% 500%}

.webp #zdiejia3 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_diejia_3_c3331574.webp);
  background-size: 600% 500%}

.no-webp #zdiejia3 {background-size:600% 500%}

.webp #zdiejia3 {background-size:600% 500%}

#zdiejia3 {
  z-index: 3;
  position: absolute;
  left: 0;
  top: 0;
  height: 13rem;
  width: 7.5rem;
  mix-blend-mode: overlay;
  -webkit-animation: sprite_diejia_3 0.5s steps(1) forwards;
  animation: sprite_diejia_3 0.5s steps(1) forwards;
}

@-webkit-keyframes sprite_diejia_3 {
  0% {
    background-position: 0 0;
  }

  3.3% {
    background-position: -7.5rem 0;
  }

  6.7% {
    background-position: -15rem 0;
  }

  10% {
    background-position: -22.5rem 0;
  }

  13.3% {
    background-position: -30rem 0;
  }

  16.7% {
    background-position: -37.5rem 0;
  }

  20% {
    background-position: 0 -13rem;
  }

  23.3% {
    background-position: -7.5rem -13rem;
  }

  26.7% {
    background-position: -15rem -13rem;
  }

  30% {
    background-position: -22.5rem -13rem;
  }

  33.3% {
    background-position: -30rem -13rem;
  }

  36.7% {
    background-position: -37.5rem -13rem;
  }

  40% {
    background-position: 0 -26rem;
  }

  43.3% {
    background-position: -7.5rem -26rem;
  }

  46.7% {
    background-position: -15rem -26rem;
  }

  50% {
    background-position: -22.5rem -26rem;
  }

  53.3% {
    background-position: -30rem -26rem;
  }

  56.7% {
    background-position: -37.5rem -26rem;
  }

  60% {
    background-position: 0 -39rem;
  }

  63.3% {
    background-position: -7.5rem -39rem;
  }

  66.7% {
    background-position: -15rem -39rem;
  }

  70% {
    background-position: -22.5rem -39rem;
  }

  73.3% {
    background-position: -30rem -39rem;
  }

  76.7% {
    background-position: -37.5rem -39rem;
  }

  80% {
    background-position: 0 -52rem;
  }

  83.3% {
    background-position: -7.5rem -52rem;
  }

  86.7% {
    background-position: -15rem -52rem;
  }

  90% {
    background-position: -22.5rem -52rem;
  }

  93.3% {
    background-position: -30rem -52rem;
  }

  96.7% {
    background-position: -37.5rem -52rem;
  }

  100% {
    background-position: -37.5rem -52rem;
  }
}

@keyframes sprite_diejia_3 {
  0% {
    background-position: 0 0;
  }

  3.3% {
    background-position: -7.5rem 0;
  }

  6.7% {
    background-position: -15rem 0;
  }

  10% {
    background-position: -22.5rem 0;
  }

  13.3% {
    background-position: -30rem 0;
  }

  16.7% {
    background-position: -37.5rem 0;
  }

  20% {
    background-position: 0 -13rem;
  }

  23.3% {
    background-position: -7.5rem -13rem;
  }

  26.7% {
    background-position: -15rem -13rem;
  }

  30% {
    background-position: -22.5rem -13rem;
  }

  33.3% {
    background-position: -30rem -13rem;
  }

  36.7% {
    background-position: -37.5rem -13rem;
  }

  40% {
    background-position: 0 -26rem;
  }

  43.3% {
    background-position: -7.5rem -26rem;
  }

  46.7% {
    background-position: -15rem -26rem;
  }

  50% {
    background-position: -22.5rem -26rem;
  }

  53.3% {
    background-position: -30rem -26rem;
  }

  56.7% {
    background-position: -37.5rem -26rem;
  }

  60% {
    background-position: 0 -39rem;
  }

  63.3% {
    background-position: -7.5rem -39rem;
  }

  66.7% {
    background-position: -15rem -39rem;
  }

  70% {
    background-position: -22.5rem -39rem;
  }

  73.3% {
    background-position: -30rem -39rem;
  }

  76.7% {
    background-position: -37.5rem -39rem;
  }

  80% {
    background-position: 0 -52rem;
  }

  83.3% {
    background-position: -7.5rem -52rem;
  }

  86.7% {
    background-position: -15rem -52rem;
  }

  90% {
    background-position: -22.5rem -52rem;
  }

  93.3% {
    background-position: -30rem -52rem;
  }

  96.7% {
    background-position: -37.5rem -52rem;
  }

  100% {
    background-position: -37.5rem -52rem;
  }
}

.no-webp #zhehuawenyang2 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/hehuawenyang_2_1bf76152.png);
  background-size: 100% 100%}

.webp #zhehuawenyang2 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/hehuawenyang_2_1bf76152.webp);
  background-size: 100% 100%}

.no-webp #zhehuawenyang2 {background-size:100% 100%}

.webp #zhehuawenyang2 {background-size:100% 100%}

#zhehuawenyang2 {
  z-index: 2;
  position: absolute;
  left: 0.06rem;
  top: 2.56rem;
  height: 7.39rem;
  width: 7.39rem;
  mix-blend-mode: overlay;
}

.no-webp #zgongjuan1 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/gongjuan_1_8d35d537.png);
  background-size: 100% 100%}

.webp #zgongjuan1 {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/gongjuan_1_8d35d537.webp);
  background-size: 100% 100%}

.no-webp #zgongjuan1 {background-size:100% 100%}

.webp #zgongjuan1 {background-size:100% 100%}

#zgongjuan1 {
  z-index: 1;
  position: absolute;
  left: 0;
  top: -0.67rem;
  height: 13.92rem;
  width: 7.5rem;
  mix-blend-mode: overlay;
  -webkit-animation: zgongjuan1_anim 2s linear forwards;
  animation: zgongjuan1_anim 2s linear forwards;
  -webkit-transform-origin: 51% 48%;
  transform-origin: 51% 48%;
  -webkit-transform: scale(0.78, 0.78);
  transform: scale(0.78, 0.78);
  opacity: 0.75;
}

@-webkit-keyframes zgongjuan1_anim {
  0% {
    -webkit-transform: scale(0.78, 0.78);
    transform: scale(0.78, 0.78);
    opacity: 0.75;
  }

  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0.78, 0.78);
    transform: scale(0.78, 0.78);
    opacity: 0.75;
  }
}

@keyframes zgongjuan1_anim {
  0% {
    -webkit-transform: scale(0.78, 0.78);
    transform: scale(0.78, 0.78);
    opacity: 0.75;
  }

  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0.78, 0.78);
    transform: scale(0.78, 0.78);
    opacity: 0.75;
  }
}

.random-box {
  position: absolute;
  width: 100%;
  top: 2rem;
  padding-top: 0.4rem;
}

.random-box .reward-icon {
  top: 0.2rem;
}

.random-box #wenzi .paper-text {
  width: 5.53rem;
  margin: 0 auto;
}

.no-webp .random-box-2 #wenzi {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-2_5d787eda.png)}

.webp .random-box-2 #wenzi {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-2_5d787eda.webp)}

.random-box-2 #wenzi {
  width: 7.11rem;
  height: 8.16rem;
}

.no-webp .random-box-2 #wenzi .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -11.1rem -14.99rem}

.webp .random-box-2 #wenzi .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -11.1rem -14.99rem}

.no-webp .random-box-2 #wenzi .paper-title {background-size:25.09rem 24.18rem}

.webp .random-box-2 #wenzi .paper-title {background-size:25.09rem 24.18rem}

.no-webp .random-box-2 #wenzi .paper-title {background-position:-11.1rem -14.99rem}

.webp .random-box-2 #wenzi .paper-title {background-position:-11.1rem -14.99rem}

.random-box-2 #wenzi .paper-title {
  width: 5.53rem;
  height: 0.96rem;
  color: #59351d;
}

.no-webp .random-box-2 #wenzi .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -13.5rem}

.webp .random-box-2 #wenzi .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -13.5rem}

.no-webp .random-box-2 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.webp .random-box-2 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.no-webp .random-box-2 #wenzi .cvhead {background-position:-20.63rem -13.5rem}

.webp .random-box-2 #wenzi .cvhead {background-position:-20.63rem -13.5rem}

.random-box-2 #wenzi .cvhead {
  width: 2.13rem;
  height: 2.11rem;
}

.random-box-2 #wenzi .cvname,
.random-box-2 #wenzi .paper-text {
  color: #59351d;
}

.no-webp .random-box-2 #wenzi .progress-box .pro i {background:#b29576}

.webp .random-box-2 #wenzi .progress-box .pro i {background:#b29576}

.random-box-2 #wenzi .progress-box .pro i {
}

.no-webp .random-box-2 #wenzi .progress-box .pro i:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.56rem -16.12rem}

.webp .random-box-2 #wenzi .progress-box .pro i:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.56rem -16.12rem}

.no-webp .random-box-2 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.webp .random-box-2 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.no-webp .random-box-2 #wenzi .progress-box .pro i:after {background-position:-24.56rem -16.12rem}

.webp .random-box-2 #wenzi .progress-box .pro i:after {background-position:-24.56rem -16.12rem}

.random-box-2 #wenzi .progress-box .pro i:after {
  width: 0.26rem;
  height: 0.26rem;
}

.random-box-2 #wenzi .progress-box span {
  color: #59351d;
}

.no-webp .random-box-2 #wenzi .btn-box .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -9.73rem -21.27rem}

.webp .random-box-2 #wenzi .btn-box .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -9.73rem -21.27rem}

.no-webp .random-box-2 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.webp .random-box-2 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.no-webp .random-box-2 #wenzi .btn-box .btn {background-position:-9.73rem -21.27rem}

.webp .random-box-2 #wenzi .btn-box .btn {background-position:-9.73rem -21.27rem}

.random-box-2 #wenzi .btn-box .btn {
  width: 1.37rem;
  height: 1.5rem;
}

.no-webp .random-box-2 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -1.51rem}

.webp .random-box-2 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -1.51rem}

.no-webp .random-box-2 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.webp .random-box-2 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.no-webp .random-box-2 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -1.51rem}

.webp .random-box-2 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -1.51rem}

.random-box-2 #wenzi .btn-box .btn.btn-jieting {
  width: 1.37rem;
  height: 1.49rem;
}

.no-webp .random-box-2 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -11.12rem -21.27rem}

.webp .random-box-2 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -11.12rem -21.27rem}

.no-webp .random-box-2 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.webp .random-box-2 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.no-webp .random-box-2 #wenzi .btn-box .btn.btn-zanting {background-position:-11.12rem -21.27rem}

.webp .random-box-2 #wenzi .btn-box .btn.btn-zanting {background-position:-11.12rem -21.27rem}

.random-box-2 #wenzi .btn-box .btn.btn-zanting {
  width: 1.37rem;
  height: 1.5rem;
}

.no-webp .random-box-3 #wenzi {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-3_df849416.png)}

.webp .random-box-3 #wenzi {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-3_df849416.webp)}

.random-box-3 #wenzi {
}

.no-webp .random-box-3 #wenzi .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -11.1rem -15.97rem}

.webp .random-box-3 #wenzi .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -11.1rem -15.97rem}

.no-webp .random-box-3 #wenzi .paper-title {background-size:25.09rem 24.18rem}

.webp .random-box-3 #wenzi .paper-title {background-size:25.09rem 24.18rem}

.no-webp .random-box-3 #wenzi .paper-title {background-position:-11.1rem -15.97rem}

.webp .random-box-3 #wenzi .paper-title {background-position:-11.1rem -15.97rem}

.random-box-3 #wenzi .paper-title {
  width: 5.53rem;
  height: 0.93rem;
  color: #fff;
}

.no-webp .random-box-3 #wenzi .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -15.63rem}

.webp .random-box-3 #wenzi .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -15.63rem}

.no-webp .random-box-3 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.webp .random-box-3 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.no-webp .random-box-3 #wenzi .cvhead {background-position:-20.63rem -15.63rem}

.webp .random-box-3 #wenzi .cvhead {background-position:-20.63rem -15.63rem}

.random-box-3 #wenzi .cvhead {
  width: 2.13rem;
  height: 2.11rem;
}

.random-box-3 #wenzi .cvname,
.random-box-3 #wenzi .paper-text {
  color: #fff;
}

.no-webp .random-box-3 #wenzi .progress-box .pro i {background:#e9d6a2}

.webp .random-box-3 #wenzi .progress-box .pro i {background:#e9d6a2}

.random-box-3 #wenzi .progress-box .pro i {
}

.no-webp .random-box-3 #wenzi .progress-box .pro i:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24rem -16.4rem}

.webp .random-box-3 #wenzi .progress-box .pro i:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24rem -16.4rem}

.no-webp .random-box-3 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.webp .random-box-3 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.no-webp .random-box-3 #wenzi .progress-box .pro i:after {background-position:-24rem -16.4rem}

.webp .random-box-3 #wenzi .progress-box .pro i:after {background-position:-24rem -16.4rem}

.random-box-3 #wenzi .progress-box .pro i:after {
  width: 0.26rem;
  height: 0.26rem;
}

.random-box-3 #wenzi .progress-box span {
  color: #fff;
}

.no-webp .random-box-3 #wenzi .btn-box .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -15.29rem -21.27rem}

.webp .random-box-3 #wenzi .btn-box .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -15.29rem -21.27rem}

.no-webp .random-box-3 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.webp .random-box-3 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.no-webp .random-box-3 #wenzi .btn-box .btn {background-position:-15.29rem -21.27rem}

.webp .random-box-3 #wenzi .btn-box .btn {background-position:-15.29rem -21.27rem}

.random-box-3 #wenzi .btn-box .btn {
  width: 1.37rem;
  height: 1.5rem;
}

.no-webp .random-box-3 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -4.53rem}

.webp .random-box-3 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -4.53rem}

.no-webp .random-box-3 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.webp .random-box-3 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.no-webp .random-box-3 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -4.53rem}

.webp .random-box-3 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -4.53rem}

.random-box-3 #wenzi .btn-box .btn.btn-jieting {
  width: 1.37rem;
  height: 1.49rem;
}

.no-webp .random-box-3 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.68rem -21.27rem}

.webp .random-box-3 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.68rem -21.27rem}

.no-webp .random-box-3 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.webp .random-box-3 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.no-webp .random-box-3 #wenzi .btn-box .btn.btn-zanting {background-position:-16.68rem -21.27rem}

.webp .random-box-3 #wenzi .btn-box .btn.btn-zanting {background-position:-16.68rem -21.27rem}

.random-box-3 #wenzi .btn-box .btn.btn-zanting {
  width: 1.37rem;
  height: 1.5rem;
}

.no-webp #wenzi {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-1_f8fe2099.png);
  background-size: cover}

.webp #wenzi {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/paper-1_f8fe2099.webp);
  background-size: cover}

.no-webp #wenzi {background-size:cover}

.webp #wenzi {background-size:cover}

#wenzi {
  width: 6.09rem;
  height: 8.12rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.5rem;
}

.no-webp #wenzi .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.webp #wenzi .paper-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -15.97rem}

.no-webp #wenzi .paper-title {background-size:25.09rem 24.18rem}

.webp #wenzi .paper-title {background-size:25.09rem 24.18rem}

.no-webp #wenzi .paper-title {background-position:-0 -15.97rem}

.webp #wenzi .paper-title {background-position:-0 -15.97rem}

#wenzi .paper-title {
  width: 5.53rem;
  height: 0.96rem;
  margin: 0 auto 0.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.68rem;
  font-size: 0.24rem;
  text-align: center;
  color: #7f0300;
}

.no-webp .mail-content .cvhead, 
.no-webp #wenzi .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.webp .mail-content .cvhead, 
.webp #wenzi .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.no-webp .mail-content .cvhead, 
.no-webp #wenzi .cvhead {background-size:25.09rem 24.18rem}

.webp .mail-content .cvhead, 
.webp #wenzi .cvhead {background-size:25.09rem 24.18rem}

.no-webp .mail-content .cvhead, 
.no-webp #wenzi .cvhead {background-position:-18.48rem -15.63rem}

.webp .mail-content .cvhead, 
.webp #wenzi .cvhead {background-position:-18.48rem -15.63rem}

.mail-content .cvhead,
#wenzi .cvhead {
  width: 2.13rem;
  height: 2.11rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.no-webp .mail-content .cvhead img, 
.no-webp #wenzi .cvhead img {-moz-background-clip:padding}

.webp .mail-content .cvhead img, 
.webp #wenzi .cvhead img {-moz-background-clip:padding}

.no-webp .mail-content .cvhead img, 
.no-webp #wenzi .cvhead img {-webkit-background-clip:padding-box}

.webp .mail-content .cvhead img, 
.webp #wenzi .cvhead img {-webkit-background-clip:padding-box}

.no-webp .mail-content .cvhead img, 
.no-webp #wenzi .cvhead img {background-clip:padding-box}

.webp .mail-content .cvhead img, 
.webp #wenzi .cvhead img {background-clip:padding-box}

.mail-content .cvhead img,
#wenzi .cvhead img {
  display: block;
  width: 1.78rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.mail-content .cvname,
#wenzi .cvname {
  text-align: center;
  margin: 0.04rem auto 0;
  font-size: 0.3rem;
  color: #7f0300;
  font-family: "fzcjljt", sans-serif;
}

.mail-content .paper-text,
#wenzi .paper-text {
  text-align: center;
  white-space: pre-line;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #7f0300;
  opacity: 0.8;
  margin: 0.14rem auto 0;
}

.mail-content .progress-box,
#wenzi .progress-box {
  text-align: center;
  font-size: 0;
  margin-top: 1.04rem;
}

.no-webp .mail-content .progress-box .pro, 
.no-webp #wenzi .progress-box .pro {background:#fff}

.webp .mail-content .progress-box .pro, 
.webp #wenzi .progress-box .pro {background:#fff}

.mail-content .progress-box .pro,
#wenzi .progress-box .pro {
  position: relative;
  width: 4.36rem;
  height: 0.04rem;
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translateY(0.16rem);
  -moz-transform: translateY(0.16rem);
  -ms-transform: translateY(0.16rem);
  -o-transform: translateY(0.16rem);
  transform: translateY(0.16rem);
}

.no-webp .mail-content .progress-box .pro.hasIcon:before, 
.no-webp #wenzi .progress-box .pro.hasIcon:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -8.88rem -22.79rem}

.webp .mail-content .progress-box .pro.hasIcon:before, 
.webp #wenzi .progress-box .pro.hasIcon:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -8.88rem -22.79rem}

.no-webp .mail-content .progress-box .pro.hasIcon:before, 
.no-webp #wenzi .progress-box .pro.hasIcon:before {background-size:25.09rem 24.18rem}

.webp .mail-content .progress-box .pro.hasIcon:before, 
.webp #wenzi .progress-box .pro.hasIcon:before {background-size:25.09rem 24.18rem}

.no-webp .mail-content .progress-box .pro.hasIcon:before, 
.no-webp #wenzi .progress-box .pro.hasIcon:before {background-position:-8.88rem -22.79rem}

.webp .mail-content .progress-box .pro.hasIcon:before, 
.webp #wenzi .progress-box .pro.hasIcon:before {background-position:-8.88rem -22.79rem}

.mail-content .progress-box .pro.hasIcon:before,
#wenzi .progress-box .pro.hasIcon:before {
  content: '';
  width: 1.46rem;
  height: 1.09rem;
  position: absolute;
  left: -0.33rem;
  top: -1.3rem;
}

.no-webp .mail-content .progress-box .pro.hasIcon.has:before, 
.no-webp #wenzi .progress-box .pro.hasIcon.has:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -10.36rem -22.79rem}

.webp .mail-content .progress-box .pro.hasIcon.has:before, 
.webp #wenzi .progress-box .pro.hasIcon.has:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -10.36rem -22.79rem}

.no-webp .mail-content .progress-box .pro.hasIcon.has:before, 
.no-webp #wenzi .progress-box .pro.hasIcon.has:before {background-size:25.09rem 24.18rem}

.webp .mail-content .progress-box .pro.hasIcon.has:before, 
.webp #wenzi .progress-box .pro.hasIcon.has:before {background-size:25.09rem 24.18rem}

.no-webp .mail-content .progress-box .pro.hasIcon.has:before, 
.no-webp #wenzi .progress-box .pro.hasIcon.has:before {background-position:-10.36rem -22.79rem}

.webp .mail-content .progress-box .pro.hasIcon.has:before, 
.webp #wenzi .progress-box .pro.hasIcon.has:before {background-position:-10.36rem -22.79rem}

.mail-content .progress-box .pro.hasIcon.has:before,
#wenzi .progress-box .pro.hasIcon.has:before {
  width: 1.46rem;
  height: 1.09rem;
}

.no-webp .mail-content .progress-box .pro i, 
.no-webp #wenzi .progress-box .pro i {background:#8b1a18}

.webp .mail-content .progress-box .pro i, 
.webp #wenzi .progress-box .pro i {background:#8b1a18}

.mail-content .progress-box .pro i,
#wenzi .progress-box .pro i {
  display: block;
  height: 100%;
  width: 0;
  position: relative;
}

.no-webp .mail-content .progress-box .pro i:after, 
.no-webp #wenzi .progress-box .pro i:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -16.4rem}

.webp .mail-content .progress-box .pro i:after, 
.webp #wenzi .progress-box .pro i:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -16.4rem}

.no-webp .mail-content .progress-box .pro i:after, 
.no-webp #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.webp .mail-content .progress-box .pro i:after, 
.webp #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.no-webp .mail-content .progress-box .pro i:after, 
.no-webp #wenzi .progress-box .pro i:after {background-position:-23.72rem -16.4rem}

.webp .mail-content .progress-box .pro i:after, 
.webp #wenzi .progress-box .pro i:after {background-position:-23.72rem -16.4rem}

.mail-content .progress-box .pro i:after,
#wenzi .progress-box .pro i:after {
  width: 0.26rem;
  height: 0.26rem;
  content: '';
  position: absolute;
  right: -0.14rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mail-content .progress-box span,
#wenzi .progress-box span {
  display: inline-block;
  vertical-align: top;
  opacity: 0.8;
  color: #7f0300;
  font-size: 0.24rem;
  margin-left: 0.1rem;
}

.mail-content .btn-box,
#wenzi .btn-box {
  text-align: center;
  font-size: 0;
  margin-top: -0.1rem;
}

.no-webp .mail-content .btn-box .btn, 
.no-webp #wenzi .btn-box .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.51rem -21.27rem}

.webp .mail-content .btn-box .btn, 
.webp #wenzi .btn-box .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.51rem -21.27rem}

.no-webp .mail-content .btn-box .btn, 
.no-webp #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.webp .mail-content .btn-box .btn, 
.webp #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.no-webp .mail-content .btn-box .btn, 
.no-webp #wenzi .btn-box .btn {background-position:-12.51rem -21.27rem}

.webp .mail-content .btn-box .btn, 
.webp #wenzi .btn-box .btn {background-position:-12.51rem -21.27rem}

.mail-content .btn-box .btn,
#wenzi .btn-box .btn {
  display: inline-block;
  vertical-align: top;
  width: 1.37rem;
  height: 1.5rem;
  margin: 0 0.4rem;
}

.no-webp .mail-content .btn-box .btn.btn-jieting, 
.no-webp #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -3.02rem}

.webp .mail-content .btn-box .btn.btn-jieting, 
.webp #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -3.02rem}

.no-webp .mail-content .btn-box .btn.btn-jieting, 
.no-webp #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.webp .mail-content .btn-box .btn.btn-jieting, 
.webp #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.no-webp .mail-content .btn-box .btn.btn-jieting, 
.no-webp #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -3.02rem}

.webp .mail-content .btn-box .btn.btn-jieting, 
.webp #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -3.02rem}

.mail-content .btn-box .btn.btn-jieting,
#wenzi .btn-box .btn.btn-jieting {
  width: 1.37rem;
  height: 1.49rem;
}

.no-webp .mail-content .btn-box .btn.btn-zanting, 
.no-webp #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -13.9rem -21.27rem}

.webp .mail-content .btn-box .btn.btn-zanting, 
.webp #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -13.9rem -21.27rem}

.no-webp .mail-content .btn-box .btn.btn-zanting, 
.no-webp #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.webp .mail-content .btn-box .btn.btn-zanting, 
.webp #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.no-webp .mail-content .btn-box .btn.btn-zanting, 
.no-webp #wenzi .btn-box .btn.btn-zanting {background-position:-13.9rem -21.27rem}

.webp .mail-content .btn-box .btn.btn-zanting, 
.webp #wenzi .btn-box .btn.btn-zanting {background-position:-13.9rem -21.27rem}

.mail-content .btn-box .btn.btn-zanting,
#wenzi .btn-box .btn.btn-zanting {
  width: 1.37rem;
  height: 1.5rem;
}

.mail-content .invite-name,
#wenzi .invite-name {
  position: absolute;
  bottom: -3.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  opacity: 0.8;
  font-size: 0.2rem;
}

.no-webp .mail-content .btn-more, 
.no-webp #wenzi .btn-more {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -19.77rem}

.webp .mail-content .btn-more, 
.webp #wenzi .btn-more {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -19.77rem}

.no-webp .mail-content .btn-more, 
.no-webp #wenzi .btn-more {background-size:25.09rem 24.18rem}

.webp .mail-content .btn-more, 
.webp #wenzi .btn-more {background-size:25.09rem 24.18rem}

.no-webp .mail-content .btn-more, 
.no-webp #wenzi .btn-more {background-position:-0 -19.77rem}

.webp .mail-content .btn-more, 
.webp #wenzi .btn-more {background-position:-0 -19.77rem}

.mail-content .btn-more,
#wenzi .btn-more {
  display: block;
  width: 3.53rem;
  height: 0.87rem;
  margin: 0.34rem auto 0;
}

.mail-open-1 {
  position: relative;
  z-index: 5;
}

.no-webp .mail-open-1 .title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.webp .mail-open-1 .title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.no-webp .mail-open-1 .title {background-size:25.09rem 24.18rem}

.webp .mail-open-1 .title {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 .title {background-position:-7.23rem -13.1rem}

.webp .mail-open-1 .title {background-position:-7.23rem -13.1rem}

.mail-open-1 .title {
  margin: 0.7rem auto 0;
  width: 7.21rem;
  height: 0.89rem;
}

.mail-open-1 .title.sp {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -0.6rem;
  margin: 0;
}

.mail-open-1 .gifttip {
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -0.2rem;
}

.no-webp .mail-open-1 #xinzhidonghua {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_baisexinzhidonghua_3_376217b0.png);
  background-size: 700% 700%}

.webp .mail-open-1 #xinzhidonghua {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_baisexinzhidonghua_3_376217b0.webp);
  background-size: 700% 700%}

.no-webp .mail-open-1 #xinzhidonghua {background-size:700% 700%}

.webp .mail-open-1 #xinzhidonghua {background-size:700% 700%}

.mail-open-1 #xinzhidonghua {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 9.8rem;
  width: 6.5rem;
  mix-blend-mode: normal;
  -webkit-animation: sprite_xinzhidonghua 3.2s steps(1) forwards;
  animation: sprite_xinzhidonghua 3.2s steps(1) forwards;
}

.no-webp .mail-open-1 #huiguiyaoqing {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -10.44rem}

.webp .mail-open-1 #huiguiyaoqing {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.63rem -10.44rem}

.no-webp .mail-open-1 #huiguiyaoqing {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #huiguiyaoqing {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #huiguiyaoqing {background-position:-12.63rem -10.44rem}

.webp .mail-open-1 #huiguiyaoqing {background-position:-12.63rem -10.44rem}

.mail-open-1 #huiguiyaoqing {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  top: 1.4rem;
  mix-blend-mode: normal;
  -webkit-animation: z1huiguiyaoqing_anim 3.2s linear forwards;
  animation: z1huiguiyaoqing_anim 3.2s linear forwards;
  width: 5.53rem;
  height: 0.5rem;
  opacity: 0;
}

.mail-open-1 #wenzi {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  top: 2.2rem;
  height: 3.63rem;
  width: 5.08rem;
  mix-blend-mode: normal;
  -webkit-animation: z1wenzi_anim 3.2s linear forwards;
  animation: z1wenzi_anim 3.2s linear forwards;
  opacity: 0;
}

.no-webp .mail-open-1 #wenzi .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.webp .mail-open-1 #wenzi .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.no-webp .mail-open-1 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #wenzi .cvhead {background-position:-18.48rem -15.63rem}

.webp .mail-open-1 #wenzi .cvhead {background-position:-18.48rem -15.63rem}

.mail-open-1 #wenzi .cvhead {
  width: 2.13rem;
  height: 2.11rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.no-webp .mail-open-1 #wenzi .cvhead img {-moz-background-clip:padding}

.webp .mail-open-1 #wenzi .cvhead img {-moz-background-clip:padding}

.no-webp .mail-open-1 #wenzi .cvhead img {-webkit-background-clip:padding-box}

.webp .mail-open-1 #wenzi .cvhead img {-webkit-background-clip:padding-box}

.no-webp .mail-open-1 #wenzi .cvhead img {background-clip:padding-box}

.webp .mail-open-1 #wenzi .cvhead img {background-clip:padding-box}

.mail-open-1 #wenzi .cvhead img {
  display: block;
  width: 1.78rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.mail-open-1 #wenzi .cvname {
  text-align: center;
  margin: 0.04rem auto 0;
  font-size: 0.3rem;
  color: #7f0300;
  font-family: "fzcjljt", sans-serif;
}

.mail-open-1 #wenzi .paper-text {
  text-align: center;
  white-space: pre-line;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #7f0300;
  opacity: 0.8;
  margin: 0.14rem auto 0;
}

.mail-open-1 #wenzi .progress-box {
  text-align: center;
  font-size: 0;
  margin-top: 1.04rem;
}

.no-webp .mail-open-1 #wenzi .progress-box .pro {background:#fff}

.webp .mail-open-1 #wenzi .progress-box .pro {background:#fff}

.mail-open-1 #wenzi .progress-box .pro {
  position: relative;
  width: 4.36rem;
  height: 0.04rem;
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translateY(0.16rem);
  -moz-transform: translateY(0.16rem);
  -ms-transform: translateY(0.16rem);
  -o-transform: translateY(0.16rem);
  transform: translateY(0.16rem);
}

.no-webp .mail-open-1 #wenzi .progress-box .pro.hasIcon:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -8.88rem -22.79rem}

.webp .mail-open-1 #wenzi .progress-box .pro.hasIcon:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -8.88rem -22.79rem}

.no-webp .mail-open-1 #wenzi .progress-box .pro.hasIcon:before {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #wenzi .progress-box .pro.hasIcon:before {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #wenzi .progress-box .pro.hasIcon:before {background-position:-8.88rem -22.79rem}

.webp .mail-open-1 #wenzi .progress-box .pro.hasIcon:before {background-position:-8.88rem -22.79rem}

.mail-open-1 #wenzi .progress-box .pro.hasIcon:before {
  content: '';
  width: 1.46rem;
  height: 1.09rem;
  position: absolute;
  left: -0.33rem;
  top: -1.3rem;
}

.no-webp .mail-open-1 #wenzi .progress-box .pro.hasIcon.has:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -10.36rem -22.79rem}

.webp .mail-open-1 #wenzi .progress-box .pro.hasIcon.has:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -10.36rem -22.79rem}

.no-webp .mail-open-1 #wenzi .progress-box .pro.hasIcon.has:before {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #wenzi .progress-box .pro.hasIcon.has:before {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #wenzi .progress-box .pro.hasIcon.has:before {background-position:-10.36rem -22.79rem}

.webp .mail-open-1 #wenzi .progress-box .pro.hasIcon.has:before {background-position:-10.36rem -22.79rem}

.mail-open-1 #wenzi .progress-box .pro.hasIcon.has:before {
  width: 1.46rem;
  height: 1.09rem;
}

.no-webp .mail-open-1 #wenzi .progress-box .pro i {background:#8b1a18}

.webp .mail-open-1 #wenzi .progress-box .pro i {background:#8b1a18}

.mail-open-1 #wenzi .progress-box .pro i {
  display: block;
  height: 100%;
  width: 0;
  position: relative;
}

.no-webp .mail-open-1 #wenzi .progress-box .pro i:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -16.4rem}

.webp .mail-open-1 #wenzi .progress-box .pro i:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -16.4rem}

.no-webp .mail-open-1 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #wenzi .progress-box .pro i:after {background-position:-23.72rem -16.4rem}

.webp .mail-open-1 #wenzi .progress-box .pro i:after {background-position:-23.72rem -16.4rem}

.mail-open-1 #wenzi .progress-box .pro i:after {
  width: 0.26rem;
  height: 0.26rem;
  content: '';
  position: absolute;
  right: -0.14rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mail-open-1 #wenzi .progress-box span {
  display: inline-block;
  vertical-align: top;
  opacity: 0.8;
  color: #7f0300;
  font-size: 0.24rem;
  margin-left: 0.1rem;
}

.mail-open-1 #wenzi .btn-box {
  text-align: center;
  font-size: 0;
  margin-top: -0.1rem;
}

.no-webp .mail-open-1 #wenzi .btn-box .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.51rem -21.27rem}

.webp .mail-open-1 #wenzi .btn-box .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.51rem -21.27rem}

.no-webp .mail-open-1 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #wenzi .btn-box .btn {background-position:-12.51rem -21.27rem}

.webp .mail-open-1 #wenzi .btn-box .btn {background-position:-12.51rem -21.27rem}

.mail-open-1 #wenzi .btn-box .btn {
  display: inline-block;
  vertical-align: top;
  width: 1.37rem;
  height: 1.5rem;
  margin: 0 0.4rem;
}

.no-webp .mail-open-1 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -3.02rem}

.webp .mail-open-1 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -3.02rem}

.no-webp .mail-open-1 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -3.02rem}

.webp .mail-open-1 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -3.02rem}

.mail-open-1 #wenzi .btn-box .btn.btn-jieting {
  width: 1.37rem;
  height: 1.49rem;
}

.no-webp .mail-open-1 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -13.9rem -21.27rem}

.webp .mail-open-1 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -13.9rem -21.27rem}

.no-webp .mail-open-1 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #wenzi .btn-box .btn.btn-zanting {background-position:-13.9rem -21.27rem}

.webp .mail-open-1 #wenzi .btn-box .btn.btn-zanting {background-position:-13.9rem -21.27rem}

.mail-open-1 #wenzi .btn-box .btn.btn-zanting {
  width: 1.37rem;
  height: 1.5rem;
}

.mail-open-1 #wenzi .invite-name {
  position: absolute;
  bottom: -3.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  opacity: 0.8;
  font-size: 0.2rem;
}

.no-webp .mail-open-1 #wenzi .btn-more {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -19.77rem}

.webp .mail-open-1 #wenzi .btn-more {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -19.77rem}

.no-webp .mail-open-1 #wenzi .btn-more {background-size:25.09rem 24.18rem}

.webp .mail-open-1 #wenzi .btn-more {background-size:25.09rem 24.18rem}

.no-webp .mail-open-1 #wenzi .btn-more {background-position:-0 -19.77rem}

.webp .mail-open-1 #wenzi .btn-more {background-position:-0 -19.77rem}

.mail-open-1 #wenzi .btn-more {
  display: block;
  width: 3.53rem;
  height: 0.87rem;
  margin: 0.34rem auto 0;
}

.mail-open-2 {
  position: relative;
  z-index: 5;
}

.no-webp .mail-open-2 #xinzhidonghua {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_huangsexinzhidonghua_3_09626f13.png);
  background-size: 700% 700%}

.webp .mail-open-2 #xinzhidonghua {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_huangsexinzhidonghua_3_09626f13.webp);
  background-size: 700% 700%}

.no-webp .mail-open-2 #xinzhidonghua {background-size:700% 700%}

.webp .mail-open-2 #xinzhidonghua {background-size:700% 700%}

.mail-open-2 #xinzhidonghua {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 9.8rem;
  width: 6.5rem;
  mix-blend-mode: normal;
  -webkit-animation: sprite_xinzhidonghua 3.2s steps(1) forwards;
  animation: sprite_xinzhidonghua 3.2s steps(1) forwards;
}

.no-webp .mail-open-2 #huiguiyaoqing {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -3.55rem -19.77rem}

.webp .mail-open-2 #huiguiyaoqing {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -3.55rem -19.77rem}

.no-webp .mail-open-2 #huiguiyaoqing {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #huiguiyaoqing {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #huiguiyaoqing {background-position:-3.55rem -19.77rem}

.webp .mail-open-2 #huiguiyaoqing {background-position:-3.55rem -19.77rem}

.mail-open-2 #huiguiyaoqing {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  top: 1.4rem;
  mix-blend-mode: normal;
  -webkit-animation: z1huiguiyaoqing_anim 3.2s linear forwards;
  animation: z1huiguiyaoqing_anim 3.2s linear forwards;
  width: 5.53rem;
  height: 0.5rem;
  opacity: 0;
}

.no-webp .mail-open-2 #wenzi {background-size:100% 100%}

.webp .mail-open-2 #wenzi {background-size:100% 100%}

.mail-open-2 #wenzi {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  top: 2.2rem;
  height: 3.63rem;
  width: 5.08rem;
  mix-blend-mode: normal;
  -webkit-animation: z1wenzi_anim 3.2s linear forwards;
  animation: z1wenzi_anim 3.2s linear forwards;
  opacity: 0;
}

.no-webp .mail-open-2 #wenzi .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.webp .mail-open-2 #wenzi .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.no-webp .mail-open-2 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .cvhead {background-position:-18.48rem -15.63rem}

.webp .mail-open-2 #wenzi .cvhead {background-position:-18.48rem -15.63rem}

.mail-open-2 #wenzi .cvhead {
  width: 2.13rem;
  height: 2.11rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.no-webp .mail-open-2 #wenzi .cvhead img {-moz-background-clip:padding}

.webp .mail-open-2 #wenzi .cvhead img {-moz-background-clip:padding}

.no-webp .mail-open-2 #wenzi .cvhead img {-webkit-background-clip:padding-box}

.webp .mail-open-2 #wenzi .cvhead img {-webkit-background-clip:padding-box}

.no-webp .mail-open-2 #wenzi .cvhead img {background-clip:padding-box}

.webp .mail-open-2 #wenzi .cvhead img {background-clip:padding-box}

.mail-open-2 #wenzi .cvhead img {
  display: block;
  width: 1.78rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.mail-open-2 #wenzi .cvname {
  text-align: center;
  margin: 0.04rem auto 0;
  font-size: 0.3rem;
  color: #7f0300;
  font-family: "fzcjljt", sans-serif;
}

.mail-open-2 #wenzi .paper-text {
  text-align: center;
  white-space: pre-line;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #7f0300;
  opacity: 0.8;
  margin: 0.14rem auto 0;
}

.mail-open-2 #wenzi .progress-box {
  text-align: center;
  font-size: 0;
  margin-top: 1.04rem;
}

.no-webp .mail-open-2 #wenzi .progress-box .pro {background:#fff}

.webp .mail-open-2 #wenzi .progress-box .pro {background:#fff}

.mail-open-2 #wenzi .progress-box .pro {
  position: relative;
  width: 4.36rem;
  height: 0.04rem;
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translateY(0.16rem);
  -moz-transform: translateY(0.16rem);
  -ms-transform: translateY(0.16rem);
  -o-transform: translateY(0.16rem);
  transform: translateY(0.16rem);
}

.no-webp .mail-open-2 #wenzi .progress-box .pro.hasIcon:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -8.88rem -22.79rem}

.webp .mail-open-2 #wenzi .progress-box .pro.hasIcon:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -8.88rem -22.79rem}

.no-webp .mail-open-2 #wenzi .progress-box .pro.hasIcon:before {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .progress-box .pro.hasIcon:before {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .progress-box .pro.hasIcon:before {background-position:-8.88rem -22.79rem}

.webp .mail-open-2 #wenzi .progress-box .pro.hasIcon:before {background-position:-8.88rem -22.79rem}

.mail-open-2 #wenzi .progress-box .pro.hasIcon:before {
  content: '';
  width: 1.46rem;
  height: 1.09rem;
  position: absolute;
  left: -0.33rem;
  top: -1.3rem;
}

.no-webp .mail-open-2 #wenzi .progress-box .pro.hasIcon.has:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -10.36rem -22.79rem}

.webp .mail-open-2 #wenzi .progress-box .pro.hasIcon.has:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -10.36rem -22.79rem}

.no-webp .mail-open-2 #wenzi .progress-box .pro.hasIcon.has:before {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .progress-box .pro.hasIcon.has:before {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .progress-box .pro.hasIcon.has:before {background-position:-10.36rem -22.79rem}

.webp .mail-open-2 #wenzi .progress-box .pro.hasIcon.has:before {background-position:-10.36rem -22.79rem}

.mail-open-2 #wenzi .progress-box .pro.hasIcon.has:before {
  width: 1.46rem;
  height: 1.09rem;
}

.no-webp .mail-open-2 #wenzi .progress-box .pro i {background:#8b1a18}

.webp .mail-open-2 #wenzi .progress-box .pro i {background:#8b1a18}

.mail-open-2 #wenzi .progress-box .pro i {
  display: block;
  height: 100%;
  width: 0;
  position: relative;
}

.no-webp .mail-open-2 #wenzi .progress-box .pro i:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -16.4rem}

.webp .mail-open-2 #wenzi .progress-box .pro i:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -16.4rem}

.no-webp .mail-open-2 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .progress-box .pro i:after {background-position:-23.72rem -16.4rem}

.webp .mail-open-2 #wenzi .progress-box .pro i:after {background-position:-23.72rem -16.4rem}

.mail-open-2 #wenzi .progress-box .pro i:after {
  width: 0.26rem;
  height: 0.26rem;
  content: '';
  position: absolute;
  right: -0.14rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mail-open-2 #wenzi .progress-box span {
  display: inline-block;
  vertical-align: top;
  opacity: 0.8;
  color: #7f0300;
  font-size: 0.24rem;
  margin-left: 0.1rem;
}

.mail-open-2 #wenzi .btn-box {
  text-align: center;
  font-size: 0;
  margin-top: -0.1rem;
}

.no-webp .mail-open-2 #wenzi .btn-box .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.51rem -21.27rem}

.webp .mail-open-2 #wenzi .btn-box .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.51rem -21.27rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn {background-position:-12.51rem -21.27rem}

.webp .mail-open-2 #wenzi .btn-box .btn {background-position:-12.51rem -21.27rem}

.mail-open-2 #wenzi .btn-box .btn {
  display: inline-block;
  vertical-align: top;
  width: 1.37rem;
  height: 1.5rem;
  margin: 0 0.4rem;
}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -3.02rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -3.02rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -3.02rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -3.02rem}

.mail-open-2 #wenzi .btn-box .btn.btn-jieting {
  width: 1.37rem;
  height: 1.49rem;
}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -13.9rem -21.27rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -13.9rem -21.27rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-position:-13.9rem -21.27rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-position:-13.9rem -21.27rem}

.mail-open-2 #wenzi .btn-box .btn.btn-zanting {
  width: 1.37rem;
  height: 1.5rem;
}

.mail-open-2 #wenzi .invite-name {
  position: absolute;
  bottom: -3.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  opacity: 0.8;
  font-size: 0.2rem;
}

.no-webp .mail-open-2 #wenzi .btn-more {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -19.77rem}

.webp .mail-open-2 #wenzi .btn-more {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -19.77rem}

.no-webp .mail-open-2 #wenzi .btn-more {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .btn-more {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .btn-more {background-position:-0 -19.77rem}

.webp .mail-open-2 #wenzi .btn-more {background-position:-0 -19.77rem}

.mail-open-2 #wenzi .btn-more {
  display: block;
  width: 3.53rem;
  height: 0.87rem;
  margin: 0.34rem auto 0;
}

.no-webp .mail-open-2 #wenzi .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -13.5rem}

.webp .mail-open-2 #wenzi .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -13.5rem}

.no-webp .mail-open-2 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .cvhead {background-position:-20.63rem -13.5rem}

.webp .mail-open-2 #wenzi .cvhead {background-position:-20.63rem -13.5rem}

.mail-open-2 #wenzi .cvhead {
  width: 2.13rem;
  height: 2.11rem;
}

.mail-open-2 #wenzi .cvname,
.mail-open-2 #wenzi .paper-text {
  color: #59351d;
}

.no-webp .mail-open-2 #wenzi .progress-box .pro i {background:#b29576}

.webp .mail-open-2 #wenzi .progress-box .pro i {background:#b29576}

.mail-open-2 #wenzi .progress-box .pro i {
}

.no-webp .mail-open-2 #wenzi .progress-box .pro i:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.56rem -16.12rem}

.webp .mail-open-2 #wenzi .progress-box .pro i:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.56rem -16.12rem}

.no-webp .mail-open-2 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .progress-box .pro i:after {background-position:-24.56rem -16.12rem}

.webp .mail-open-2 #wenzi .progress-box .pro i:after {background-position:-24.56rem -16.12rem}

.mail-open-2 #wenzi .progress-box .pro i:after {
  width: 0.26rem;
  height: 0.26rem;
}

.mail-open-2 #wenzi .progress-box span {
  color: #59351d;
}

.no-webp .mail-open-2 #wenzi .btn-box .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -9.73rem -21.27rem}

.webp .mail-open-2 #wenzi .btn-box .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -9.73rem -21.27rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn {background-position:-9.73rem -21.27rem}

.webp .mail-open-2 #wenzi .btn-box .btn {background-position:-9.73rem -21.27rem}

.mail-open-2 #wenzi .btn-box .btn {
  width: 1.37rem;
  height: 1.5rem;
}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -1.51rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -1.51rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -1.51rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -1.51rem}

.mail-open-2 #wenzi .btn-box .btn.btn-jieting {
  width: 1.37rem;
  height: 1.49rem;
}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -11.12rem -21.27rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -11.12rem -21.27rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-position:-11.12rem -21.27rem}

.webp .mail-open-2 #wenzi .btn-box .btn.btn-zanting {background-position:-11.12rem -21.27rem}

.mail-open-2 #wenzi .btn-box .btn.btn-zanting {
  width: 1.37rem;
  height: 1.5rem;
}

.mail-open-3 {
  position: relative;
  z-index: 5;
}

.no-webp .mail-open-3 #xinzhidonghua {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_gongsexinzhidonghua_3_229a0697.png);
  background-size: 700% 700%}

.webp .mail-open-3 #xinzhidonghua {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite_gongsexinzhidonghua_3_229a0697.webp);
  background-size: 700% 700%}

.no-webp .mail-open-3 #xinzhidonghua {background-size:700% 700%}

.webp .mail-open-3 #xinzhidonghua {background-size:700% 700%}

.mail-open-3 #xinzhidonghua {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 9.8rem;
  width: 6.5rem;
  mix-blend-mode: normal;
  -webkit-animation: sprite_xinzhidonghua 3.2s steps(1) forwards;
  animation: sprite_xinzhidonghua 3.2s steps(1) forwards;
}

.no-webp .mail-open-3 #huiguiyaoqing {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -9.1rem -19.77rem}

.webp .mail-open-3 #huiguiyaoqing {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -9.1rem -19.77rem}

.no-webp .mail-open-3 #huiguiyaoqing {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #huiguiyaoqing {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #huiguiyaoqing {background-position:-9.1rem -19.77rem}

.webp .mail-open-3 #huiguiyaoqing {background-position:-9.1rem -19.77rem}

.mail-open-3 #huiguiyaoqing {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  top: 1.4rem;
  mix-blend-mode: normal;
  -webkit-animation: z1huiguiyaoqing_anim 3.2s linear forwards;
  animation: z1huiguiyaoqing_anim 3.2s linear forwards;
  width: 5.53rem;
  height: 0.5rem;
  opacity: 0;
}

.no-webp .mail-open-3 #wenzi {background-size:100% 100%}

.webp .mail-open-3 #wenzi {background-size:100% 100%}

.mail-open-3 #wenzi {
  color: #ffd1d1;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  top: 2.2rem;
  height: 3.63rem;
  width: 5.08rem;
  mix-blend-mode: normal;
  -webkit-animation: z1wenzi_anim 3.2s linear forwards;
  animation: z1wenzi_anim 3.2s linear forwards;
  opacity: 0;
}

.no-webp .mail-open-3 #wenzi .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.webp .mail-open-3 #wenzi .cvhead {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -18.48rem -15.63rem}

.no-webp .mail-open-3 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .cvhead {background-position:-18.48rem -15.63rem}

.webp .mail-open-3 #wenzi .cvhead {background-position:-18.48rem -15.63rem}

.mail-open-3 #wenzi .cvhead {
  width: 2.13rem;
  height: 2.11rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12rem;
}

.no-webp .mail-open-3 #wenzi .cvhead img {-moz-background-clip:padding}

.webp .mail-open-3 #wenzi .cvhead img {-moz-background-clip:padding}

.no-webp .mail-open-3 #wenzi .cvhead img {-webkit-background-clip:padding-box}

.webp .mail-open-3 #wenzi .cvhead img {-webkit-background-clip:padding-box}

.no-webp .mail-open-3 #wenzi .cvhead img {background-clip:padding-box}

.webp .mail-open-3 #wenzi .cvhead img {background-clip:padding-box}

.mail-open-3 #wenzi .cvhead img {
  display: block;
  width: 1.78rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.mail-open-3 #wenzi .cvname {
  text-align: center;
  margin: 0.04rem auto 0;
  font-size: 0.3rem;
  color: #7f0300;
  font-family: "fzcjljt", sans-serif;
}

.mail-open-3 #wenzi .paper-text {
  text-align: center;
  white-space: pre-line;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #7f0300;
  opacity: 0.8;
  margin: 0.14rem auto 0;
}

.mail-open-3 #wenzi .progress-box {
  text-align: center;
  font-size: 0;
  margin-top: 1.04rem;
}

.no-webp .mail-open-3 #wenzi .progress-box .pro {background:#fff}

.webp .mail-open-3 #wenzi .progress-box .pro {background:#fff}

.mail-open-3 #wenzi .progress-box .pro {
  position: relative;
  width: 4.36rem;
  height: 0.04rem;
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translateY(0.16rem);
  -moz-transform: translateY(0.16rem);
  -ms-transform: translateY(0.16rem);
  -o-transform: translateY(0.16rem);
  transform: translateY(0.16rem);
}

.no-webp .mail-open-3 #wenzi .progress-box .pro.hasIcon:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -8.88rem -22.79rem}

.webp .mail-open-3 #wenzi .progress-box .pro.hasIcon:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -8.88rem -22.79rem}

.no-webp .mail-open-3 #wenzi .progress-box .pro.hasIcon:before {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .progress-box .pro.hasIcon:before {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .progress-box .pro.hasIcon:before {background-position:-8.88rem -22.79rem}

.webp .mail-open-3 #wenzi .progress-box .pro.hasIcon:before {background-position:-8.88rem -22.79rem}

.mail-open-3 #wenzi .progress-box .pro.hasIcon:before {
  content: '';
  width: 1.46rem;
  height: 1.09rem;
  position: absolute;
  left: -0.33rem;
  top: -1.3rem;
}

.no-webp .mail-open-3 #wenzi .progress-box .pro.hasIcon.has:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -10.36rem -22.79rem}

.webp .mail-open-3 #wenzi .progress-box .pro.hasIcon.has:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -10.36rem -22.79rem}

.no-webp .mail-open-3 #wenzi .progress-box .pro.hasIcon.has:before {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .progress-box .pro.hasIcon.has:before {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .progress-box .pro.hasIcon.has:before {background-position:-10.36rem -22.79rem}

.webp .mail-open-3 #wenzi .progress-box .pro.hasIcon.has:before {background-position:-10.36rem -22.79rem}

.mail-open-3 #wenzi .progress-box .pro.hasIcon.has:before {
  width: 1.46rem;
  height: 1.09rem;
}

.no-webp .mail-open-3 #wenzi .progress-box .pro i {background:#8b1a18}

.webp .mail-open-3 #wenzi .progress-box .pro i {background:#8b1a18}

.mail-open-3 #wenzi .progress-box .pro i {
  display: block;
  height: 100%;
  width: 0;
  position: relative;
}

.no-webp .mail-open-3 #wenzi .progress-box .pro i:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -16.4rem}

.webp .mail-open-3 #wenzi .progress-box .pro i:after {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -16.4rem}

.no-webp .mail-open-3 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .progress-box .pro i:after {background-position:-23.72rem -16.4rem}

.webp .mail-open-3 #wenzi .progress-box .pro i:after {background-position:-23.72rem -16.4rem}

.mail-open-3 #wenzi .progress-box .pro i:after {
  width: 0.26rem;
  height: 0.26rem;
  content: '';
  position: absolute;
  right: -0.14rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mail-open-3 #wenzi .progress-box span {
  display: inline-block;
  vertical-align: top;
  opacity: 0.8;
  color: #7f0300;
  font-size: 0.24rem;
  margin-left: 0.1rem;
}

.mail-open-3 #wenzi .btn-box {
  text-align: center;
  font-size: 0;
  margin-top: -0.1rem;
}

.no-webp .mail-open-3 #wenzi .btn-box .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -12.51rem -21.27rem}

.webp .mail-open-3 #wenzi .btn-box .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -12.51rem -21.27rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn {background-position:-12.51rem -21.27rem}

.webp .mail-open-3 #wenzi .btn-box .btn {background-position:-12.51rem -21.27rem}

.mail-open-3 #wenzi .btn-box .btn {
  display: inline-block;
  vertical-align: top;
  width: 1.37rem;
  height: 1.5rem;
  margin: 0 0.4rem;
}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -3.02rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -3.02rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -3.02rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -3.02rem}

.mail-open-3 #wenzi .btn-box .btn.btn-jieting {
  width: 1.37rem;
  height: 1.49rem;
}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -13.9rem -21.27rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -13.9rem -21.27rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-position:-13.9rem -21.27rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-position:-13.9rem -21.27rem}

.mail-open-3 #wenzi .btn-box .btn.btn-zanting {
  width: 1.37rem;
  height: 1.5rem;
}

.mail-open-3 #wenzi .invite-name {
  position: absolute;
  bottom: -3.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  opacity: 0.8;
  font-size: 0.2rem;
}

.no-webp .mail-open-3 #wenzi .btn-more {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -19.77rem}

.webp .mail-open-3 #wenzi .btn-more {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -19.77rem}

.no-webp .mail-open-3 #wenzi .btn-more {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .btn-more {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .btn-more {background-position:-0 -19.77rem}

.webp .mail-open-3 #wenzi .btn-more {background-position:-0 -19.77rem}

.mail-open-3 #wenzi .btn-more {
  display: block;
  width: 3.53rem;
  height: 0.87rem;
  margin: 0.34rem auto 0;
}

.no-webp .mail-open-3 #wenzi .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -15.63rem}

.webp .mail-open-3 #wenzi .cvhead {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -20.63rem -15.63rem}

.no-webp .mail-open-3 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .cvhead {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .cvhead {background-position:-20.63rem -15.63rem}

.webp .mail-open-3 #wenzi .cvhead {background-position:-20.63rem -15.63rem}

.mail-open-3 #wenzi .cvhead {
  width: 2.13rem;
  height: 2.11rem;
}

.mail-open-3 #wenzi .cvname,
.mail-open-3 #wenzi .paper-text {
  color: #fff;
}

.no-webp .mail-open-3 #wenzi .progress-box .pro i {background:#e9d6a2}

.webp .mail-open-3 #wenzi .progress-box .pro i {background:#e9d6a2}

.mail-open-3 #wenzi .progress-box .pro i {
}

.no-webp .mail-open-3 #wenzi .progress-box .pro i:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24rem -16.4rem}

.webp .mail-open-3 #wenzi .progress-box .pro i:after {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24rem -16.4rem}

.no-webp .mail-open-3 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .progress-box .pro i:after {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .progress-box .pro i:after {background-position:-24rem -16.4rem}

.webp .mail-open-3 #wenzi .progress-box .pro i:after {background-position:-24rem -16.4rem}

.mail-open-3 #wenzi .progress-box .pro i:after {
  width: 0.26rem;
  height: 0.26rem;
}

.mail-open-3 #wenzi .progress-box span {
  color: #fff;
}

.no-webp .mail-open-3 #wenzi .btn-box .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -15.29rem -21.27rem}

.webp .mail-open-3 #wenzi .btn-box .btn {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -15.29rem -21.27rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .btn-box .btn {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn {background-position:-15.29rem -21.27rem}

.webp .mail-open-3 #wenzi .btn-box .btn {background-position:-15.29rem -21.27rem}

.mail-open-3 #wenzi .btn-box .btn {
  width: 1.37rem;
  height: 1.5rem;
}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -4.53rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -4.53rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -4.53rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-jieting {background-position:-23.72rem -4.53rem}

.mail-open-3 #wenzi .btn-box .btn.btn-jieting {
  width: 1.37rem;
  height: 1.49rem;
}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -16.68rem -21.27rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-image:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -16.68rem -21.27rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-size:25.09rem 24.18rem}

.no-webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-position:-16.68rem -21.27rem}

.webp .mail-open-3 #wenzi .btn-box .btn.btn-zanting {background-position:-16.68rem -21.27rem}

.mail-open-3 #wenzi .btn-box .btn.btn-zanting {
  width: 1.37rem;
  height: 1.5rem;
}

@-webkit-keyframes z1wenzi_anim {
  0% {
    opacity: 0;
  }

  33.33% {
    opacity: 0;
  }

  41.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z1wenzi_anim {
  0% {
    opacity: 0;
  }

  33.33% {
    opacity: 0;
  }

  41.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z1huiguiyaoqing_anim {
  0% {
    opacity: 0;
  }

  33.33% {
    opacity: 0;
  }

  41.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z1huiguiyaoqing_anim {
  0% {
    opacity: 0;
  }

  33.33% {
    opacity: 0;
  }

  41.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes sprite_xinzhidonghua {
  0% {
    background-position: 0 0;
  }

  2.1% {
    background-position: -6.5rem 0;
  }

  4.2% {
    background-position: -13rem 0;
  }

  6.3% {
    background-position: -19.5rem 0;
  }

  8.3% {
    background-position: -26rem 0;
  }

  10.4% {
    background-position: -32.5rem 0;
  }

  12.5% {
    background-position: -39rem 0;
  }

  14.6% {
    background-position: 0 -9.8rem;
  }

  16.7% {
    background-position: -6.5rem -9.8rem;
  }

  18.8% {
    background-position: -13rem -9.8rem;
  }

  20.8% {
    background-position: -19.5rem -9.8rem;
  }

  22.9% {
    background-position: -26rem -9.8rem;
  }

  25% {
    background-position: -32.5rem -9.8rem;
  }

  27.1% {
    background-position: -39rem -9.8rem;
  }

  29.2% {
    background-position: 0 -19.6rem;
  }

  31.3% {
    background-position: -6.5rem -19.6rem;
  }

  33.3% {
    background-position: -13rem -19.6rem;
  }

  35.4% {
    background-position: -19.5rem -19.6rem;
  }

  37.5% {
    background-position: -26rem -19.6rem;
  }

  39.6% {
    background-position: -32.5rem -19.6rem;
  }

  41.7% {
    background-position: -39rem -19.6rem;
  }

  43.8% {
    background-position: 0 -29.4rem;
  }

  45.8% {
    background-position: -6.5rem -29.4rem;
  }

  47.9% {
    background-position: -13rem -29.4rem;
  }

  50% {
    background-position: -19.5rem -29.4rem;
  }

  52.1% {
    background-position: -26rem -29.4rem;
  }

  54.2% {
    background-position: -32.5rem -29.4rem;
  }

  56.3% {
    background-position: -39rem -29.4rem;
  }

  58.3% {
    background-position: 0 -39.2rem;
  }

  60.4% {
    background-position: -6.5rem -39.2rem;
  }

  62.5% {
    background-position: -13rem -39.2rem;
  }

  64.6% {
    background-position: -19.5rem -39.2rem;
  }

  66.7% {
    background-position: -26rem -39.2rem;
  }

  68.8% {
    background-position: -32.5rem -39.2rem;
  }

  70.8% {
    background-position: -39rem -39.2rem;
  }

  72.9% {
    background-position: 0 -49rem;
  }

  75% {
    background-position: -6.5rem -49rem;
  }

  77.1% {
    background-position: -13rem -49rem;
  }

  79.2% {
    background-position: -19.5rem -49rem;
  }

  81.3% {
    background-position: -26rem -49rem;
  }

  83.3% {
    background-position: -32.5rem -49rem;
  }

  85.4% {
    background-position: -39rem -49rem;
  }

  87.5% {
    background-position: 0 -58.8rem;
  }

  89.6% {
    background-position: -6.5rem -58.8rem;
  }

  91.7% {
    background-position: -13rem -58.8rem;
  }

  93.8% {
    background-position: -19.5rem -58.8rem;
  }

  95.8% {
    background-position: -26rem -58.8rem;
  }

  97.9% {
    background-position: -32.5rem -58.8rem;
  }

  100% {
    background-position: -32.5rem -58.8rem;
  }
}

@keyframes sprite_xinzhidonghua {
  0% {
    background-position: 0 0;
  }

  2.1% {
    background-position: -6.5rem 0;
  }

  4.2% {
    background-position: -13rem 0;
  }

  6.3% {
    background-position: -19.5rem 0;
  }

  8.3% {
    background-position: -26rem 0;
  }

  10.4% {
    background-position: -32.5rem 0;
  }

  12.5% {
    background-position: -39rem 0;
  }

  14.6% {
    background-position: 0 -9.8rem;
  }

  16.7% {
    background-position: -6.5rem -9.8rem;
  }

  18.8% {
    background-position: -13rem -9.8rem;
  }

  20.8% {
    background-position: -19.5rem -9.8rem;
  }

  22.9% {
    background-position: -26rem -9.8rem;
  }

  25% {
    background-position: -32.5rem -9.8rem;
  }

  27.1% {
    background-position: -39rem -9.8rem;
  }

  29.2% {
    background-position: 0 -19.6rem;
  }

  31.3% {
    background-position: -6.5rem -19.6rem;
  }

  33.3% {
    background-position: -13rem -19.6rem;
  }

  35.4% {
    background-position: -19.5rem -19.6rem;
  }

  37.5% {
    background-position: -26rem -19.6rem;
  }

  39.6% {
    background-position: -32.5rem -19.6rem;
  }

  41.7% {
    background-position: -39rem -19.6rem;
  }

  43.8% {
    background-position: 0 -29.4rem;
  }

  45.8% {
    background-position: -6.5rem -29.4rem;
  }

  47.9% {
    background-position: -13rem -29.4rem;
  }

  50% {
    background-position: -19.5rem -29.4rem;
  }

  52.1% {
    background-position: -26rem -29.4rem;
  }

  54.2% {
    background-position: -32.5rem -29.4rem;
  }

  56.3% {
    background-position: -39rem -29.4rem;
  }

  58.3% {
    background-position: 0 -39.2rem;
  }

  60.4% {
    background-position: -6.5rem -39.2rem;
  }

  62.5% {
    background-position: -13rem -39.2rem;
  }

  64.6% {
    background-position: -19.5rem -39.2rem;
  }

  66.7% {
    background-position: -26rem -39.2rem;
  }

  68.8% {
    background-position: -32.5rem -39.2rem;
  }

  70.8% {
    background-position: -39rem -39.2rem;
  }

  72.9% {
    background-position: 0 -49rem;
  }

  75% {
    background-position: -6.5rem -49rem;
  }

  77.1% {
    background-position: -13rem -49rem;
  }

  79.2% {
    background-position: -19.5rem -49rem;
  }

  81.3% {
    background-position: -26rem -49rem;
  }

  83.3% {
    background-position: -32.5rem -49rem;
  }

  85.4% {
    background-position: -39rem -49rem;
  }

  87.5% {
    background-position: 0 -58.8rem;
  }

  89.6% {
    background-position: -6.5rem -58.8rem;
  }

  91.7% {
    background-position: -13rem -58.8rem;
  }

  93.8% {
    background-position: -19.5rem -58.8rem;
  }

  95.8% {
    background-position: -26rem -58.8rem;
  }

  97.9% {
    background-position: -32.5rem -58.8rem;
  }

  100% {
    background-position: -32.5rem -58.8rem;
  }
}

.no-webp .container-buy {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/bg_0993b2c4.jpg);
  background-size: cover}

.webp .container-buy {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/bg_0993b2c4.webp);
  background-size: cover}

.no-webp .container-buy {background-size:cover}

.webp .container-buy {background-size:cover}

.container-buy {
  position: relative;
  width: 7.5rem;
  height: 16.24rem;
}

.container-buy .top-wrapper {
  position: relative;
  height: 1.2rem;
  width: 7.5rem;
  z-index: 10;
  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-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 0.28rem;
}

.no-webp .container-buy .top-wrapper:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/topbar_3d7af88b.png);
  background-size: contain}

.webp .container-buy .top-wrapper:before {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/topbar_3d7af88b.webp);
  background-size: contain}

.no-webp .container-buy .top-wrapper:before {background-size:contain}

.webp .container-buy .top-wrapper:before {background-size:contain}

.container-buy .top-wrapper:before {
  content: '';
  width: 7.5rem;
  height: 1.54rem;
  position: absolute;
  z-index: 1;
}

.container-buy .top-wrapper .back-btn-wrapper {
  width: 4.44rem;
  position: relative;
  z-index: 2;
}

.no-webp .container-buy .top-wrapper .back-btn-wrapper .back-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -6.92rem}

.webp .container-buy .top-wrapper .back-btn-wrapper .back-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -6.92rem}

.no-webp .container-buy .top-wrapper .back-btn-wrapper .back-btn {background-size:25.09rem 24.18rem}

.webp .container-buy .top-wrapper .back-btn-wrapper .back-btn {background-size:25.09rem 24.18rem}

.no-webp .container-buy .top-wrapper .back-btn-wrapper .back-btn {background-position:-23.72rem -6.92rem}

.webp .container-buy .top-wrapper .back-btn-wrapper .back-btn {background-position:-23.72rem -6.92rem}

.container-buy .top-wrapper .back-btn-wrapper .back-btn {
  position: relative;
  top: 0;
  left: 0;
  width: 1.31rem;
  height: 0.42rem;
}

.no-webp .container-buy .top-wrapper .rule-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -13.93rem -22.79rem}

.webp .container-buy .top-wrapper .rule-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -13.93rem -22.79rem}

.no-webp .container-buy .top-wrapper .rule-btn {background-size:25.09rem 24.18rem}

.webp .container-buy .top-wrapper .rule-btn {background-size:25.09rem 24.18rem}

.no-webp .container-buy .top-wrapper .rule-btn {background-position:-13.93rem -22.79rem}

.webp .container-buy .top-wrapper .rule-btn {background-position:-13.93rem -22.79rem}

.container-buy .top-wrapper .rule-btn {
  color: #fff;
  font-family: fzcjljt, sans-serif;
  width: 2.07rem;
  height: 0.58rem;
  position: relative;
  z-index: 2;
}

.container-buy .container-buy-wrapper {
  width: 7.5rem;
  height: 12rem;
  position: absolute;
  top: 1.18rem;
}

.no-webp .container-buy .container-buy-wrapper .no-role.title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.webp .container-buy .container-buy-wrapper .no-role.title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -7.23rem -13.1rem}

.no-webp .container-buy .container-buy-wrapper .no-role.title {background-size:25.09rem 24.18rem}

.webp .container-buy .container-buy-wrapper .no-role.title {background-size:25.09rem 24.18rem}

.no-webp .container-buy .container-buy-wrapper .no-role.title {background-position:-7.23rem -13.1rem}

.webp .container-buy .container-buy-wrapper .no-role.title {background-position:-7.23rem -13.1rem}

.container-buy .container-buy-wrapper .no-role.title {
  margin: 0.7rem auto 0;
  width: 7.21rem;
  height: 0.89rem;
}

.no-webp .container-buy .container-buy-wrapper .buy-game {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -3.61rem -4.11rem}

.webp .container-buy .container-buy-wrapper .buy-game {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -3.61rem -4.11rem}

.no-webp .container-buy .container-buy-wrapper .buy-game {background-size:25.09rem 24.18rem}

.webp .container-buy .container-buy-wrapper .buy-game {background-size:25.09rem 24.18rem}

.no-webp .container-buy .container-buy-wrapper .buy-game {background-position:-3.61rem -4.11rem}

.webp .container-buy .container-buy-wrapper .buy-game {background-position:-3.61rem -4.11rem}

.container-buy .container-buy-wrapper .buy-game {
  margin: 0.5rem auto 0;
  width: 3.59rem;
  height: 3.55rem;
}

.no-webp .container-buy .container-buy-wrapper .buy-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -18.88rem}

.webp .container-buy .container-buy-wrapper .buy-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -0 -18.88rem}

.no-webp .container-buy .container-buy-wrapper .buy-btn {background-size:25.09rem 24.18rem}

.webp .container-buy .container-buy-wrapper .buy-btn {background-size:25.09rem 24.18rem}

.no-webp .container-buy .container-buy-wrapper .buy-btn {background-position:-0 -18.88rem}

.webp .container-buy .container-buy-wrapper .buy-btn {background-position:-0 -18.88rem}

.container-buy .container-buy-wrapper .buy-btn {
  display: block;
  margin: 0.5rem auto 0;
  width: 3.93rem;
  height: 0.87rem;
}

.login-info {
  position: relative;
  z-index: 999;
}

.no-webp .login-info .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -8.66rem -17.9rem}

.webp .login-info .btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -8.66rem -17.9rem}

.no-webp .login-info .btn {background-size:25.09rem 24.18rem}

.webp .login-info .btn {background-size:25.09rem 24.18rem}

.no-webp .login-info .btn {background-position:-8.66rem -17.9rem}

.webp .login-info .btn {background-position:-8.66rem -17.9rem}

.login-info .btn {
  position: absolute;
  top: 11.24rem;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 4.31rem;
  color: #fff;
  font-size: 0.36rem;
  line-height: 0.96rem;
  text-align: center;
  font-family: fzcjljt, sans-serif;
}

.no-webp .mask {background:rgba(0, 0, 0, 0.6)}

.webp .mask {background:rgba(0, 0, 0, 0.6)}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.no-webp .container-rule {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg_1dee2024.png);
  background-size: cover}

.webp .container-rule {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg_1dee2024.webp);
  background-size: cover}

.no-webp .container-rule {background-size:cover}

.webp .container-rule {background-size:cover}

.container-rule {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 6.39rem;
  height: 6.31rem;
}

.no-webp .container-rule .rule-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -4.56rem -3.53rem}

.webp .container-rule .rule-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -4.56rem -3.53rem}

.no-webp .container-rule .rule-title {background-size:25.09rem 24.18rem}

.webp .container-rule .rule-title {background-size:25.09rem 24.18rem}

.no-webp .container-rule .rule-title {background-position:-4.56rem -3.53rem}

.webp .container-rule .rule-title {background-position:-4.56rem -3.53rem}

.container-rule .rule-title {
  margin: 0.9rem auto 0.2rem;
  width: 4.62rem;
  height: 0.38rem;
}

.container-rule .rule-content {
  margin: 0 auto;
  width: 4.8rem;
  height: 4.2rem;
  overflow: scroll;
  font-size: 0.24rem;
  color: #70080b;
  white-space: pre-line;
  padding-right: 0.16rem;
}

.no-webp .container-rule .close-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.webp .container-rule .close-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.no-webp .container-rule .close-btn {background-size:25.09rem 24.18rem}

.webp .container-rule .close-btn {background-size:25.09rem 24.18rem}

.no-webp .container-rule .close-btn {background-position:-23.72rem -15.12rem}

.webp .container-rule .close-btn {background-position:-23.72rem -15.12rem}

.container-rule .close-btn {
  position: absolute;
  top: 0.4rem;
  right: 0.5rem;
  width: 0.44rem;
  height: 0.44rem;
}

.no-webp .mask {background-color:rgba(0, 0, 0, 0.6)}

.webp .mask {background-color:rgba(0, 0, 0, 0.6)}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  color: #7c705b;
}

.no-webp .close-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.webp .close-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.no-webp .close-btn {background-size:25.09rem 24.18rem}

.webp .close-btn {background-size:25.09rem 24.18rem}

.no-webp .close-btn {background-position:-23.72rem -15.12rem}

.webp .close-btn {background-position:-23.72rem -15.12rem}

.close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 0.44rem;
  height: 0.44rem;
}

.no-webp .msg-pop {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg_1dee2024.png);
  background-size: cover}

.webp .msg-pop {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg_1dee2024.webp);
  background-size: cover}

.no-webp .msg-pop {background-size:cover}

.webp .msg-pop {background-size:cover}

.msg-pop {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0.8rem 1rem;
  font-size: 0.24rem;
  width: 6.39rem;
  height: 6.31rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 12;
}

.msg-pop.center {
  text-align: center;
}

.btn-wrap {
  text-align: center;
  margin-top: 0.4rem;
}

.no-webp .btn-confirm {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -8.66rem -17.9rem}

.webp .btn-confirm {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -8.66rem -17.9rem}

.no-webp .btn-confirm {background-size:25.09rem 24.18rem}

.webp .btn-confirm {background-size:25.09rem 24.18rem}

.no-webp .btn-confirm {background-position:-8.66rem -17.9rem}

.webp .btn-confirm {background-position:-8.66rem -17.9rem}

.btn-confirm {
  margin: 0 0.1rem;
  font-size: 0.24rem;
  width: 4.31rem;
  height: 0.96rem;
  color: #7c705b;
}

.no-webp .mask {background:rgba(0, 0, 0, 0.6)}

.webp .mask {background:rgba(0, 0, 0, 0.6)}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.no-webp .mask .container-question {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg_1dee2024.png);
  background-size: cover}

.webp .mask .container-question {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/pop-bg_1dee2024.webp);
  background-size: cover}

.no-webp .mask .container-question {background-size:cover}

.webp .mask .container-question {background-size:cover}

.mask .container-question {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 6.39rem;
  height: 6.31rem;
}

.no-webp .mask .container-question .question-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -3.55rem -20.29rem}

.webp .mask .container-question .question-title {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -3.55rem -20.29rem}

.no-webp .mask .container-question .question-title {background-size:25.09rem 24.18rem}

.webp .mask .container-question .question-title {background-size:25.09rem 24.18rem}

.no-webp .mask .container-question .question-title {background-position:-3.55rem -20.29rem}

.webp .mask .container-question .question-title {background-position:-3.55rem -20.29rem}

.mask .container-question .question-title {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #70080b;
  font-family: fzcjljt, sans-serif;
  font-size: 0.42rem;
  margin: 0.9rem auto 0.2rem;
  width: 5.32rem;
  height: 0.2rem;
}

.mask .container-question .question-content {
  margin: 0.8rem auto;
  width: 4.8rem;
  height: 4.2rem;
  font-size: 0.24rem;
  color: #70080b;
  white-space: pre-line;
  line-height: 1.5;
}

.no-webp .mask .container-question .close-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.webp .mask .container-question .close-btn {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -23.72rem -15.12rem}

.no-webp .mask .container-question .close-btn {background-size:25.09rem 24.18rem}

.webp .mask .container-question .close-btn {background-size:25.09rem 24.18rem}

.no-webp .mask .container-question .close-btn {background-position:-23.72rem -15.12rem}

.webp .mask .container-question .close-btn {background-position:-23.72rem -15.12rem}

.mask .container-question .close-btn {
  position: absolute;
  top: 0.4rem;
  right: 0.5rem;
  width: 0.44rem;
  height: 0.44rem;
}

.no-webp .footerShow {background:rgba(0, 0, 0, 0.5)}

.webp .footerShow {background:rgba(0, 0, 0, 0.5)}

.footerShow {
  z-index: 998;
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  color: #e9e9e9;
  width: 0.2rem;
  padding: 0.16rem 0.28rem;
  font-size: 0.18rem;
  text-align: center;
  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;
  border-radius: 0.22rem;
}

.no-webp #g-footer {background-color:rgba(0, 0, 0, 0.7)}

.webp #g-footer {background-color:rgba(0, 0, 0, 0.7)}

#g-footer {
  display: none;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#g-footer .content {
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.35rem;
}

#g-footer .content .logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#g-footer .content p {
  padding: 0 0.5rem;
  margin-top: 1.5rem;
}

.no-webp #g-footer .back {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.png);
  background-size: 25.09rem 24.18rem;
  background-position: -24.59rem -13.15rem}

.webp #g-footer .back {background:url(https://yjwujian.res.netease.com/pc/zt/20230719092413/assets/sprite-89441d_89441dbc.webp);
  background-size: 25.09rem 24.18rem;
  background-position: -24.59rem -13.15rem}

.no-webp #g-footer .back {background-size:25.09rem 24.18rem}

.webp #g-footer .back {background-size:25.09rem 24.18rem}

.no-webp #g-footer .back {background-position:-24.59rem -13.15rem}

.webp #g-footer .back {background-position:-24.59rem -13.15rem}

#g-footer .back {
  width: 0.37rem;
  height: 0.36rem;
  position: absolute;
  top: -0.5rem;
  right: 1.2rem;
  -webkit-transform: scale(1.7);
  transform: scale(1.7);
}