html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
html,
body,
form,
fieldset,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-text-size-adjust: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
  clear: both;
}
html {
  font-family: 'Microsoft YaHei', "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  /*font-size: 1.4rem;*/
  overflow-x: hidden;
  min-width: 320px;
  -webkit-overflow-scrolling: touch;
  color: #1a1a1a;
  background: #f9f9f9;
}
a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #1a1a1a;
}
a:active {
  outline: 0;
}
a:active {
  color: #3990e6;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1rem;
}
mark {
  background: #ff0;
  color: #1a1a1a;
}
dfn {
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
ul,
ol,
li {
  list-style: none outside none;
}
h1,
h2,
h3,
strong {
  font-weight: 600;
}
img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  resize: vertical;
}
button,
input,
select,
textarea {
  font-family: 'Microsoft YaHei', "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cccccc;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cccccc;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cccccc;
}
input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 0.24rem;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 0.24rem;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 0.24rem;
}
input :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 0.24rem;
}
/*commos*/
.border_box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.break {
  word-break: break-all;
  word-wrap: break-word;
}
.clearfix:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/*noScript*/
.noScript {
  margin: 10px;
  text-align: center;
  background: #adb9c4;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
}
body {
  padding: 0;
  margin: 0;
  background: #fefefe;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: 700;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #010101;
}
html,
body {
  width: 100%;
  height: 100%;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
input {
  -webkit-appearance: button;
}
a {
  text-decoration: none;
  color: #010101;
}
input {
  -webkit-appearance: none;
  outline: 0;
}
* {
  outline: 0;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
p,
a,
li {
  font-size: 0.26rem;
  color: #434343;
}
#share_content,
#forhorview {
  display: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*  /100  */
html {
  font-size: 312.5%;
}
@media screen and (max-width: 359px) and (orientation: portrait) {
  html {
    font-size: 266.67%;
  }
}
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 300%;
  }
}
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 320%;
  }
}
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 333.33%;
  }
}
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 345%;
  }
}
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 360%;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 400%;
  }
}
@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 533.33%;
  }
}
#wrap {
  position: relative;
  box-sizing: border-box;
}
.NIE-copyRight_m {
  text-align: center;
  padding: 0.4rem;
  padding-top: 1rem;
}
.hide {
  display: none;
}
.topBar {
  position: fixed;
  height: 1rem;
  width: 100%;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/top-bg_d02b2309.jpg) no-repeat;
  background-size: 100%;
  z-index: 9;
  top: 0;
  left: 0;
}
.topBar .icon {
  width: 1.27rem;
  height: 1.27rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/game-icon_e52f00b6.png) no-repeat;
  background-size: 100% 100%;
  top: 0.14rem;
  left: 0.19rem;
  position: absolute;
}
.topBar .txt {
  position: absolute;
  top: 0.18rem;
  left: 1.56rem;
}
.topBar .txt .p1 {
  color: #fff;
  font-weight: bold;
  font-size: 0.3rem;
}
.topBar .txt .p2 {
  color: #fff;
  font-size: 0.24rem;
}
.topBar .download-btn {
  width: 2.11rem;
  height: 1.04rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/top-download_c9f6c34b.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.5rem;
}
.topBar .nav-btn {
  display: block;
  width: 1.02rem;
  height: 0.93rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/nav-btn_0b280db5.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.1rem;
}
#forhorview {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}
#forhorview p {
  text-align: center;
  color: #fff;
  font-size: 0.6rem;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -0.2rem;
}
.nav-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/pop-bg_9d4afbc0.png) no-repeat;
  background-size: 100%;
  z-index: 999;
}
.nav-pop .close-btn {
  width: 1.42rem;
  height: 1.66rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/close-btn_ad2cf310.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.71rem;
}
.nav-pop ul {
  width: 1.88rem;
  margin: 0 auto;
  padding-top: 2.45rem;
}
.nav-pop ul .link {
  width: 1.86rem;
  height: 0.6rem;
  display: block;
  margin-bottom: 1.5rem;
}
.nav-pop ul .link-1 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/link-1_189b1c79.png) no-repeat;
  background-size: 100% 100%;
}
.nav-pop ul .link-2 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/link-2_a0d69e1b.png) no-repeat;
  background-size: 100% 100%;
}
.nav-pop ul .link-3 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/link-3_68f35fac.png) no-repeat;
  background-size: 100% 100%;
}
.nav-pop ul .link-4 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/link-4_239f9f9c.png) no-repeat;
  background-size: 100% 100%;
}
.nav-pop ul .link-5 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/link-5_23086420.png) no-repeat;
  background-size: 100% 100%;
}
.copyright-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  background-size: 100%;
  z-index: 999;
  overflow: hidden;
  display: none;
}
.copyright-pop .cnt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.copyright-pop .cnt .close {
  width: 7.5rem;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  background-size: 100%;
  margin-top: -2rem;
}
.copyright-pop .cnt .close .close-btn {
  width: 0.92rem;
  height: 0.92rem;
  display: block;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/btn-close_fca54607.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  margin-top: -0.46rem;
  left: 50%;
  margin-left: 1.25rem;
}
.copyright-pop .cnt .close .close-btn::before {
  display: block;
  width: 7rem;
  height: 1px;
  border-top: 1px solid #fff;
  content: '';
  position: absolute;
  top: 0.46rem;
  right: 1rem;
}
.copyright-pop .cnt .close .close-btn::after {
  display: block;
  width: 7rem;
  height: 1px;
  border-top: 1px solid #fff;
  content: '';
  position: absolute;
  top: 0.46rem;
  left: 1rem;
}
.copyright-pop .cnt p,
.copyright-pop .cnt a {
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.4rem;
}
html,
body {
  height: 100%;
}
#wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
#wrap .topBar {
  position: fixed;
  height: 1rem;
  width: 100%;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/top-bg_d02b2309.jpg) no-repeat;
  background-size: 100%;
  z-index: 9;
}
#wrap .topBar .icon {
  width: 1.27rem;
  height: 1.27rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/game-icon_e52f00b6.png) no-repeat;
  background-size: 100% 100%;
  top: 0.14rem;
  left: 0.19rem;
  position: absolute;
}
#wrap .topBar .txt {
  position: absolute;
  top: 0.18rem;
  left: 1.56rem;
}
#wrap .topBar .txt .p1 {
  color: #fff;
  font-weight: bold;
  font-size: 0.3rem;
}
#wrap .topBar .txt .p2 {
  color: #fff;
  font-size: 0.24rem;
}
#wrap .topBar .download-btn {
  width: 2.11rem;
  height: 1.04rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/top-download_c9f6c34b.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.5rem;
}
#wrap .topBar .nav-btn {
  display: block;
  width: 1.02rem;
  height: 0.93rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/nav-btn_0b280db5.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.1rem;
}
.g-cnt {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
}
.page-home {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg_508c5914.jpg) no-repeat;
  background-size: 100%;
}
.page-home .lucky-persons {
  font-size: 0.24rem;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 10.4rem;
  font-weight: bold;
}
.page-home .lucky-persons li {
  color: #6f6f6f;
}
.page-home .flower-svg {
  width: 7.49rem;
  height: 4.85rem;
  top: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
}
.page-home .flower {
  width: 749px;
  height: 485px;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/flower-sprite_e88f6b4b.png) 0 0 no-repeat;
  display: block;
  animation: flowerAnimation 2s steps(1) 0s infinite normal none;
}
@keyframes flowerAnimation {
  0% {
    background-position: 0px 0px;
  }
  4.35% {
    background-position: -749px 0px;
  }
  8.70% {
    background-position: -1498px 0px;
  }
  13.04% {
    background-position: -2247px 0px;
  }
  17.39% {
    background-position: -2996px 0px;
  }
  21.74% {
    background-position: -3745px 0px;
  }
  26.09% {
    background-position: -4494px 0px;
  }
  30.43% {
    background-position: -5243px 0px;
  }
  34.78% {
    background-position: -5992px 0px;
  }
  39.13% {
    background-position: -6741px 0px;
  }
  43.48% {
    background-position: -7490px 0px;
  }
  47.83% {
    background-position: -8239px 0px;
  }
  52.17% {
    background-position: -8988px 0px;
  }
  56.52% {
    background-position: -9737px 0px;
  }
  60.87% {
    background-position: -10486px 0px;
  }
  65.22% {
    background-position: -11235px 0px;
  }
  69.57% {
    background-position: -11984px 0px;
  }
  73.91% {
    background-position: -12733px 0px;
  }
  78.26% {
    background-position: -13482px 0px;
  }
  82.61% {
    background-position: -14231px 0px;
  }
  86.96% {
    background-position: -14980px 0px;
  }
  91.30% {
    background-position: -15729px 0px;
  }
  95.65% {
    background-position: -16478px 0px;
  }
  100.00% {
    background-position: -17227px 0px;
  }
}
@-webkit-keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
@-moz-keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
@-ms-keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
@-o-keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
@keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
.page-home .slogan-svg {
  width: 2.37rem;
  height: 4.46rem;
  top: 0.5rem;
  left: 34%;
  position: absolute;
  overflow: hidden;
}
.page-home .slogan {
  width: 237px;
  height: 446px;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/slogan-sprite_fabd2baf.png) 0 0 no-repeat;
  display: block;
  animation: sloganAnimation 2s steps(1) 0s infinite normal none;
}
@keyframes sloganAnimation {
  0% {
    background-position: 0px 0px;
  }
  4.35% {
    background-position: -238px 0px;
  }
  8.70% {
    background-position: -476px 0px;
  }
  13.04% {
    background-position: -714px 0px;
  }
  17.39% {
    background-position: -952px 0px;
  }
  21.74% {
    background-position: -1190px 0px;
  }
  26.09% {
    background-position: -1428px 0px;
  }
  30.43% {
    background-position: -1666px 0px;
  }
  34.78% {
    background-position: -1904px 0px;
  }
  39.13% {
    background-position: -2142px 0px;
  }
  43.48% {
    background-position: -2380px 0px;
  }
  47.83% {
    background-position: -2618px 0px;
  }
  52.17% {
    background-position: -2856px 0px;
  }
  56.52% {
    background-position: -3094px 0px;
  }
  60.87% {
    background-position: -3332px 0px;
  }
  65.22% {
    background-position: -3570px 0px;
  }
  69.57% {
    background-position: -3808px 0px;
  }
  73.91% {
    background-position: -4046px 0px;
  }
  78.26% {
    background-position: -4284px 0px;
  }
  82.61% {
    background-position: -4522px 0px;
  }
  86.96% {
    background-position: -4760px 0px;
  }
  91.30% {
    background-position: -4998px 0px;
  }
  95.65% {
    background-position: -5236px 0px;
  }
  100.00% {
    background-position: -5474px 0px;
  }
}
@-webkit-keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
@-moz-keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
@-ms-keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
@-o-keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
@keyframes video-anim {
  100% {
    background-position: -5688px 0;
  }
}
.page-home .video-btn-svg {
  width: 0.85rem;
  height: 0.85rem;
  top: 2.2rem;
  left: 37%;
  position: absolute;
  overflow: hidden;
}
.page-home .video-btn {
  width: 2040px;
  height: 85px;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/video_2c8b26d3.png) 0 0 no-repeat;
  background-size: 2040px 85px;
  display: block;
  -webkit-animation: video-anim 2s steps(24) infinite 300ms 0 ease;
  -moz-animation: video-anim 2s steps(24) infinite 300ms 0 ease;
  -ms-animation: video-anim 2s steps(24) infinite 300ms 0 ease;
  animation: video-anim 2s steps(24) infinite 300ms 0 ease;
  -moz-animation: video-anim 2s steps(24) infinite;
  -webkit-animation: video-anim 2s steps(24) infinite;
  -o-animation: video-anim 2s steps(24) infinite;
  -ms-animation: video-anim 2s steps(24) infinite;
  animation: video-anim 2s steps(24) infinite;
}
@-webkit-keyframes video-anim {
  100% {
    background-position: -2040px 0;
  }
}
@-moz-keyframes video-anim {
  100% {
    background-position: -2040px 0;
  }
}
@-ms-keyframes video-anim {
  100% {
    background-position: -2040px 0;
  }
}
@-o-keyframes video-anim {
  100% {
    background-position: -2040px 0;
  }
}
@keyframes video-anim {
  100% {
    background-position: -2040px 0;
  }
}
.page-home.female {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-1_60f1ee03.jpg) no-repeat;
  background-size: 100%;
}
.page-home .switch-btn-svg {
  width: 0.66rem;
  height: 1.93rem;
  left: 0;
  top: 50%;
  position: absolute;
  margin-top: -1rem;
}
.page-home .switch-btn {
  display: block;
  width: 66px;
  height: 193px;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/female_dda19a47.png) no-repeat;
  background-size: 3300px 193px;
  left: 0;
  top: 50%;
  -webkit-animation: female-anim 2s steps(50) infinite 300ms 0 ease;
  -moz-animation: female-anim 2s steps(50) infinite 300ms 0 ease;
  -ms-animation: female-anim 2s steps(50) infinite 300ms 0 ease;
  animation: female-anim 2s steps(50) infinite 300ms 0 ease;
  -moz-animation: female-anim 2s steps(50) infinite;
  -webkit-animation: female-anim 2s steps(50) infinite;
  -o-animation: female-anim 2s steps(50) infinite;
  -ms-animation: female-anim 2s steps(50) infinite;
  animation: female-anim 2s steps(50) infinite;
}
@-webkit-keyframes female-anim {
  100% {
    background-position: -3300px 0;
  }
}
@-moz-keyframes female-anim {
  100% {
    background-position: -3300px 0;
  }
}
@-ms-keyframes female-anim {
  100% {
    background-position: -3300px 0;
  }
}
@-o-keyframes female-anim {
  100% {
    background-position: -3300px 0;
  }
}
@keyframes female-anim {
  100% {
    background-position: -3300px 0;
  }
}
.page-home .switch-btn.female {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/male_ed961b8a.png) no-repeat;
  background-size: 3300px 193px;
  -webkit-animation: male-anim 2s steps(50) infinite 300ms 0 ease;
  -moz-animation: male-anim 2s steps(50) infinite 300ms 0 ease;
  -ms-animation: male-anim 2s steps(50) infinite 300ms 0 ease;
  animation: male-anim 2s steps(50) infinite 300ms 0 ease;
  -moz-animation: male-anim 2s steps(50) infinite;
  -webkit-animation: male-anim 2s steps(50) infinite;
  -o-animation: male-anim 2s steps(50) infinite;
  -ms-animation: male-anim 2s steps(50) infinite;
  animation: male-anim 2s steps(50) infinite;
}
@-webkit-keyframes male-anim {
  100% {
    background-position: -3300px 0;
  }
}
@-moz-keyframes male-anim {
  100% {
    background-position: -3300px 0;
  }
}
@-ms-keyframes male-anim {
  100% {
    background-position: -3300px 0;
  }
}
@-o-keyframes male-anim {
  100% {
    background-position: -3300px 0;
  }
}
@keyframes male-anim {
  100% {
    background-position: -3300px 0;
  }
}
.page-home .logo {
  width: 0.9rem;
  height: 1.55rem;
  top: 0.23rem;
  left: 4.3rem;
  position: absolute;
  display: block;
}
.page-home #leihuo-age {
  position: absolute;
  width: .75rem;
  left: 6rem;
  top: 1.7rem;
}
.page-home .download-btn {
  width: 7.25rem;
  height: 6.07rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/download-btn_6fbde5bc.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  margin-left: -3.625rem;
  left: 50%;
  top: 4.5rem;
}
.page-home .download-btn__area {
  display: block;
  width: 4.1rem;
  height: 1.9rem;
  position: absolute;
  left: 1.65rem;
  top: 1.7rem;
}
.page-home .gift-btn {
  width: 4.41rem;
  height: 2.58rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/gift-btn_62bfe225.png) no-repeat;
  display: block;
  background-size: 100% 100%;
  -webkit-transform: translate(-3.5rem, 0);
  -moz-transform: translate(-3.5rem, 0);
  -ms-transform: translate(-3.5rem, 0);
  -o-transform: translate(-3.5rem, 0);
  transform: translate(-3.5rem, 0);
  position: absolute;
  left: 50%;
  top: 7.8rem;
}
.page-home .story-link {
  display: block;
  width: 2.12rem;
  height: 2.11rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/story-link_f3cde0c4.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 8.25rem;
  left: 50%;
  -webkit-transform: translate(0.8rem, 0);
  -moz-transform: translate(0.8rem, 0);
  -ms-transform: translate(0.8rem, 0);
  -o-transform: translate(0.8rem, 0);
  transform: translate(0.8rem, 0);
}
.page-home .pre-msg {
  font-size: 0.24rem;
  color: #666;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 10.2rem;
  font-weight: bold;
}
.page-home .subscribe-num {
  position: absolute;
  width: 3.72rem;
  height: 0.65rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/num-bg_af07bec7.png) no-repeat;
  background-size: 100% 100%;
  line-height: 0.65rem;
  text-align: center;
  margin-left: -1.86rem;
  left: 50%;
  top: 3.8rem;
}
.page-home .subscribe-num .num {
  font-weight: bold;
  color: #e5677e;
}
.page-home .down {
  width: 0.67rem;
  height: 1.02rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/down_021895f6.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  top: 11rem;
  position: absolute;
  margin-left: -0.335rem;
  left: 50%;
  -webkit-animation: mousetips 1s infinite linear 300ms 0 ease;
  -moz-animation: mousetips 1s infinite linear 300ms 0 ease;
  -ms-animation: mousetips 1s infinite linear 300ms 0 ease;
  animation: mousetips 1s infinite linear 300ms 0 ease;
  -moz-animation: mousetips 1s infinite linear;
  -webkit-animation: mousetips 1s infinite linear;
  -o-animation: mousetips 1s infinite linear;
  -ms-animation: mousetips 1s infinite linear;
  animation: mousetips 1s infinite linear;
}
.page-news {
  overflow: hidden;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg_28f23ab6.jpg) no-repeat;
  background-size: 100%;
}
.page-news .down {
  width: 0.67rem;
  height: 1.02rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/down_021895f6.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -0.335rem;
  left: 50%;
  bottom: 0.5rem;
  display: block;
  position: absolute;
  -webkit-animation: mousetipb 1s infinite linear 300ms 0 ease;
  -moz-animation: mousetipb 1s infinite linear 300ms 0 ease;
  -ms-animation: mousetipb 1s infinite linear 300ms 0 ease;
  animation: mousetipb 1s infinite linear 300ms 0 ease;
  -moz-animation: mousetipb 1s infinite linear;
  -webkit-animation: mousetipb 1s infinite linear;
  -o-animation: mousetipb 1s infinite linear;
  -ms-animation: mousetipb 1s infinite linear;
  animation: mousetipb 1s infinite linear;
}
.page-news .title {
  width: 4.47rem;
  height: 1.48rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/title_d6087b72.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -2.1rem;
  left: 50%;
  position: absolute;
}
.page-news .banner-cnt {
  width: 7.25rem;
  height: 3.75rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/banner-cnt_6831b288.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 1.55rem;
  left: 50%;
  margin-left: -3.625rem;
}
.page-news .banner-cnt .banner-swiper {
  width: 7rem;
  height: 3.5rem;
  position: absolute;
  left: 0.125rem;
  top: 0.125rem;
}
.page-news .banner-cnt .banner-swiper img {
  width: 100%;
  height: 100%;
}
.page-news .banner-pagination {
  width: 7rem;
  position: absolute;
  top: 3.4rem;
  text-align: right;
  z-index: 9;
  height: 0.1rem;
  font-size: 0;
}
.page-news .banner-pagination .swiper-pagination-bullet {
  width: 0.36rem;
  height: 0.09rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/point_c55988d9.png) no-repeat;
  background-size: cover;
  margin-right: 0.03rem;
  border-radius: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-news .banner-pagination .swiper-pagination-bullet-active {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/point-active_e1a62604.png) no-repeat;
  background-size: cover;
}
.page-news .news-tab {
  width: 7rem;
  position: absolute;
  top: 5.5rem;
  left: 50%;
  margin-left: -3.5rem;
}
.page-news .news-tab .tab-links {
  position: relative;
  line-height: 0.4rem;
}
.page-news .news-tab .tab-links .tab-link {
  display: inline-block;
  width: 1.27rem;
  height: 0.4rem;
  padding-bottom: 0.2rem;
  color: #8b8b8b;
  text-align: center;
  line-height: 0.4rem;
}
.page-news .news-tab .tab-links .tab-link.active {
  color: #f17381;
  border-bottom: 3px solid #f17381;
}
.page-news .news-tab .more-link {
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/sprite-48ad17_48ad17f5.png) no-repeat;background-size:34px 34px;
background-position:-0px -0px;
width:34px;
height:34px;

  background-size: 100% 100%;
  position: absolute;
  top: 0.3rem;
  right: 0.2rem;
}
.page-news li {
  height: 0.6rem;
  line-height: 0.6rem;
}
.page-news .tab {
  margin-top: 0.2rem;
}
.page-news .news-item {
  color: #6f6f6f;
  font-size: 0.24rem;
  display: block;
}
.page-news .news-item__title {
  width: 5rem;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.page-news .news-item__category {
  color: #f17381;
  display: inline-block;
  vertical-align: middle;
  width: 1.05rem;
  height: 0.41rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/category-bg_e004aae1.png) no-repeat;
  background-size: 100% 100%;
  line-height: 0.41rem;
  text-align: center;
  color: #fff;
}
.page-news .news-item__date {
  float: right;
}
.page-role .title {
  width: 4.47rem;
  height: 1.48rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/title_99049aef.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -2.1rem;
  position: absolute;
  left: 50%;
  z-index: 9;
}
.page-role .down {
  width: 0.67rem;
  height: 1.02rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/down_021895f6.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -0.335rem;
  left: 50%;
  bottom: 0.5rem;
  display: block;
  position: absolute;
  -webkit-animation: mousetipb 1s infinite linear 300ms 0 ease;
  -moz-animation: mousetipb 1s infinite linear 300ms 0 ease;
  -ms-animation: mousetipb 1s infinite linear 300ms 0 ease;
  animation: mousetipb 1s infinite linear 300ms 0 ease;
  -moz-animation: mousetipb 1s infinite linear;
  -webkit-animation: mousetipb 1s infinite linear;
  -o-animation: mousetipb 1s infinite linear;
  -ms-animation: mousetipb 1s infinite linear;
  animation: mousetipb 1s infinite linear;
  z-index: 99;
}
.page-role .voice-btn {
  width: 1.48rem;
  height: 1.45rem;
  position: absolute;
  z-index: 9;
  top: 1.33rem;
  left: 0.17rem;
}
.page-role .voice-btn .bg {
  width: 1.48rem;
  height: 1.48rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/voice-bg_99dd053f.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: rotate 10s infinite linear 300ms 0 ease;
  -moz-animation: rotate 10s infinite linear 300ms 0 ease;
  -ms-animation: rotate 10s infinite linear 300ms 0 ease;
  animation: rotate 10s infinite linear 300ms 0 ease;
  -moz-animation: rotate 10s infinite linear;
  -webkit-animation: rotate 10s infinite linear;
  -o-animation: rotate 10s infinite linear;
  -ms-animation: rotate 10s infinite linear;
  animation: rotate 10s infinite linear;
}
.page-role .voice-btn .on {
  width: 0.44rem;
  height: 0.48rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/on_646b7a40.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.22rem;
  margin-top: -0.24rem;
}
.page-role .voice-btn .line {
  width: 1px;
  border-left: 1px solid #fff;
  height: 2rem;
  position: absolute;
  top: -1.52rem;
  left: 50%;
}
.page-role .prev-btn {
  display: block;
  width: 0.56rem;
  height: 0.88rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/prev-btn_5c6e4286.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.44rem;
  left: 0.1rem;
  z-index: 9;
}
.page-role .next-btn {
  display: block;
  width: 0.56rem;
  height: 0.88rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/next-btn_de43cdbd.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.44rem;
  right: 0.1rem;
  z-index: 9;
}
.page-role .roles-male .role-list {
  position: absolute;
  width: 100%;
  height: 100%;
}
.page-role .roles-male .role-list .role.ipad {
  background-position: center -0.8rem;
}
.page-role .roles-male .role-list .role-1 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-1_cf0002ee.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-male .role-list .role-2 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-2_19a1ecbb.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-male .role-list .role-3 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-3_54cb7418.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-male .role-list .role-4 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-4_310f0860.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-male .role-list .role-5 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-5_6fb6c506.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-female .role-list {
  position: absolute;
  width: 100%;
  height: 100%;
}
.page-role .roles-female .role-list .role.ipad {
  background-position: center -0.8rem;
}
.page-role .roles-female .role-list .role-1 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-1_04171b96.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-female .role-list .role-2 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-2_5db0eecf.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-female .role-list .role-3 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-3_c35e20d7.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-female .role-list .role-4 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-4_02b610ad.jpg) no-repeat;
  background-size: 100%;
}
.page-role .roles-female .role-list .role-5 {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg-5_102918fd.jpg) no-repeat;
  background-size: 100%;
}
.page-feature {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.page-feature .feature-cnt {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg_28f23ab6.jpg) no-repeat;
  background-size: 100%;
  height: 100%;
}
.page-feature .title {
  width: 4.47rem;
  height: 1.48rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/title_44b92f3f.png) no-repeat;
  background-size: 100% 100%;
  left: 50%;
  margin-left: -2.1rem;
  position: absolute;
  top: 0.05rem;
}
.page-feature .feature-list {
  position: absolute;
  width: 6.4rem;
  height: 8.5rem;
  top: 50%;
  left: 50%;
  margin-left: -3.2rem;
  margin-top: -4.25rem;
}
.page-feature .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 7.5rem;
  height: 8.5rem;
}
.page-feature .swiper-slide img {
  width: 7.5rem;
  height: 8.5rem;
}
.page-feature .prev-btn {
  display: block;
  width: 0.56rem;
  height: 0.88rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/prev-btn_5c6e4286.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.44rem;
  left: 0.1rem;
  z-index: 9;
}
.page-feature .next-btn {
  display: block;
  width: 0.56rem;
  height: 0.88rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/next-btn_de43cdbd.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.44rem;
  right: 0.1rem;
  z-index: 9;
}
.page-feature .down {
  width: 0.67rem;
  height: 1.02rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/down_021895f6.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -0.335rem;
  left: 50%;
  bottom: 0.5rem;
  display: block;
  position: absolute;
  -webkit-animation: mousetipb 1s infinite linear 300ms 0 ease;
  -moz-animation: mousetipb 1s infinite linear 300ms 0 ease;
  -ms-animation: mousetipb 1s infinite linear 300ms 0 ease;
  animation: mousetipb 1s infinite linear 300ms 0 ease;
  -moz-animation: mousetipb 1s infinite linear;
  -webkit-animation: mousetipb 1s infinite linear;
  -o-animation: mousetipb 1s infinite linear;
  -ms-animation: mousetipb 1s infinite linear;
  animation: mousetipb 1s infinite linear;
  z-index: 99;
}
.page-feature .copyright-btn {
  display: block;
  width: 1.93rem;
  height: 0.6rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/coryright-btn_33fdbd6e.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0.2rem;
  left: 0.2rem;
}
.page-more {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.page-more .more-cnt {
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/bg_28f23ab6.jpg) no-repeat;
  background-size: 100%;
  height: 100%;
}
.page-more .title {
  width: 4.47rem;
  height: 1.48rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/title_9d5bbbb6.png) no-repeat;
  background-size: 100% 100%;
  left: 50%;
  margin-left: -2.1rem;
  position: absolute;
  top: 0.05rem;
}
.page-more .clear {
  position: relative;
  width: 0.01rem;
  height: 0.01rem;
}
.page-more .block1-outer {
  display: block;
  position: relative;
  margin: 1.6rem auto 0;
  width: 6rem;
  height: 1.87rem;
}
.page-more .block1 {
  display: block;
  position: relative;
  width: 5.16rem;
  height: 1.87rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/block1_1f714f72.png) no-repeat;
  background-size: 100%;
}
.page-more .block1 .pic {
  width: 3.41rem;
  height: 1.7rem;
  position: absolute;
  left: 1.67rem;
  top: 0.09rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/chahuahui_fa5a26ff.jpg) no-repeat;
  background-size: cover;
}
.page-more .block2 {
  position: relative;
  margin: .3rem auto 0;
  width: 6.01rem;
  height: 3.46rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/block2_74f50649.png) no-repeat;
  background-size: 100%;
}
.page-more .block2 .pic-container {
  width: 5.22rem;
  height: 3.45rem;
  position: absolute;
  right: 0;
  top: 0;
}
.page-more .block2 .pic-container .pic1 {
  object-fit: cover;
  width: 3.41rem;
  height: 3.45rem;
  position: absolute;
  left: 0;
}
.page-more .block2 .pic-container .pic2 {
  object-fit: cover;
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  right: 0;
}
.page-more .block2 .pic-container .pic3 {
  object-fit: cover;
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.page-more .block2 .btn-change {
  width: .31rem;
  height: .89rem;
  position: absolute;
  left: 0;
  top: 2rem;
  display: block;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/btn-change_5ed3b6e4.png) no-repeat;
  background-size: 100%;
}
.page-more .block3 {
  position: relative;
  margin: .3rem auto 0;
  width: 6.00rem;
  height: 3.21rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/block3_0a6bc334.png) no-repeat;
  background-size: 100%;
}
.page-more .block3 .pic-container {
  width: 5.22rem;
  height: 3.45rem;
  position: absolute;
  right: 0;
  top: 0;
}
.page-more .block3 .pic-container .pic1 {
  object-fit: cover;
  width: 2.54rem;
  height: 3.21rem;
  position: absolute;
  left: 0;
}
.page-more .block3 .pic-container .pic2 {
  object-fit: cover;
  width: 2.54rem;
  height: 3.21rem;
  position: absolute;
  right: 0;
}
.page-more .block3 .btn-change {
  width: .31rem;
  height: .89rem;
  position: absolute;
  left: 0;
  top: 2rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/btn-change_5ed3b6e4.png) no-repeat;
  background-size: 100%;
}
.popPic-mask {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
}
.popPic-mask .popPic-cnt {
  width: 7.5rem;
  height: 6.48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3.75rem;
  margin-top: -3.24rem;
}
.popPic-mask .popPic-cnt .pic {
  object-fit: contain;
  position: absolute;
  width: 100%;
  height: 100%;
}
.popPic-mask .popPic-cnt .pic-author {
  color: #ffffff;
  font-size: .2rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: -0.3rem;
}
.popPic-mask .popPic-cnt .close-btn {
  position: absolute;
  left: 50%;
  margin-left: -0.71rem;
  top: -1.8rem;
  width: 1.42rem;
  height: 1.66rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/close-btn_30800ccf.png) no-repeat;
  background-size: 100%;
}
.yuyue-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff url(https://yujian.res.netease.com/m/gw/20190508113403/img/pop-bg_9d4afbc0.png) no-repeat;
  background-size: 100%;
  z-index: 999;
  display: none;
}
.yuyue-pop .close-btn {
  width: 1.42rem;
  height: 1.66rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/close-btn_ad2cf310.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.71rem;
}
.yuyue-pop .title {
  width: 3.55rem;
  height: 0.41rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/yuyue-pop-title_549befe0.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -1.77rem;
  position: absolute;
  left: 50%;
  top: 2.37rem;
}
.yuyue-pop .content {
  width: 5.48rem;
  padding-top: 3.15rem;
  margin: 0 auto;
  color: #888888;
  font-size: 0.24rem;
}
.yuyue-pop .content .system {
  line-height: 0.44rem;
  height: 0.44rem;
}
.yuyue-pop .content .system .t::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #ff728e;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.yuyue-pop .content .system a {
  width: 1.25rem;
  height: 0.44rem;
  border: 1px solid #ff9eb1;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.44rem;
  text-align: center;
  border-radius: 0.1rem;
  color: #888;
  float: right;
  margin-left: 0.5rem;
}
.yuyue-pop .content .system a.active {
  background: #ff9eb1;
  color: #fff;
}
.yuyue-pop .content ul {
  margin-top: 19px;
}
.yuyue-pop .content ul li {
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #acaebb;
}
.yuyue-pop .content .phone-ipt {
  width: 100%;
  height: 0.7rem;
  border: none;
  text-indent: 0.7rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/icon-phone_c8e8e65e.png) no-repeat 14px center;
  background-size: 0.21rem 0.34rem;
  display: block;
  box-sizing: border-box;
}
.yuyue-pop .content .checkcode-ipt {
  width: 100%;
  height: 0.7rem;
  border: none;
  text-indent: 0.7rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/icon-lock_1c12e749.png) no-repeat 14px center;
  background-size: 0.29rem 0.34rem;
  display: block;
  box-sizing: border-box;
}
.yuyue-pop .content .getcode {
  width: 1.75rem;
  height: 0.7rem;
  color: #ccb875;
  position: absolute;
  top: 0px;
  right: 0px;
  border: 1px solid #ccb875;
  background: transparent;
  display: block;
  font-size: 0.24rem;
}
.yuyue-pop .content .getcode:disabled {
  color: #dacece;
}
.yuyue-pop .content .submit {
  width: 5.45rem;
  height: 0.67rem;
  line-height: 0.67rem;
  margin: 0 auto;
  cursor: pointer;
  background: #ff8e9b;
  color: #fff;
  font-size: 0.3rem;
  text-align: center;
}
.footer {
  height: 1rem;
  width: 100%;
}
.videoPop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: none;
}
.videoPop .pop {
  width: 7rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  background: #000;
}
.videoPop .pop #video {
  width: 100%;
}
.videoPop .pop #video video {
  width: 100%;
  display: block;
}
.videoPop .pop .close-btn {
  width: 1.42rem;
  height: 1.66rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/close-btn_ad2cf310.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  bottom: -1.66rem;
  left: 50%;
  margin-left: -0.71rem;
}
.videoPop .pop #video {
  width: 7rem;
}
@-webkit-keyframes mousetips {
  0% {
    margin-top: 0.1rem;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: 0.1rem;
  }
}
@-moz-keyframes mousetips {
  0% {
    margin-top: 0.1rem;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: 0.1rem;
  }
}
@-ms-keyframes mousetips {
  0% {
    margin-top: 0.1rem;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: 0.1rem;
  }
}
@-o-keyframes mousetips {
  0% {
    margin-top: 0.1rem;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: 0.1rem;
  }
}
@keyframes mousetips {
  0% {
    margin-top: 0.1rem;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: 0.1rem;
  }
}
@-webkit-keyframes mousetipb {
  0% {
    bottom: 0.5rem;
  }
  50% {
    bottom: 0.6rem;
  }
  100% {
    bottom: 0.5rem;
  }
}
@-moz-keyframes mousetipb {
  0% {
    bottom: 0.5rem;
  }
  50% {
    bottom: 0.6rem;
  }
  100% {
    bottom: 0.5rem;
  }
}
@-ms-keyframes mousetipb {
  0% {
    bottom: 0.5rem;
  }
  50% {
    bottom: 0.6rem;
  }
  100% {
    bottom: 0.5rem;
  }
}
@-o-keyframes mousetipb {
  0% {
    bottom: 0.5rem;
  }
  50% {
    bottom: 0.6rem;
  }
  100% {
    bottom: 0.5rem;
  }
}
@keyframes mousetipb {
  0% {
    bottom: 0.5rem;
  }
  50% {
    bottom: 0.6rem;
  }
  100% {
    bottom: 0.5rem;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.audio-wrap {
  text-align: center;
}
.audio-wrap .audio {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 0.2rem;
  position: relative;
  margin-top: -0.08rem;
  margin-left: -7px;
  pointer-events: none;
}
.audio-wrap span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  background: #fff;
  width: 2px;
}
.audio-wrap span:nth-of-type(1) {
  left: 0;
}
.audio-wrap span:nth-of-type(2) {
  left: 3px;
}
.audio-wrap span:nth-of-type(3) {
  left: 6px;
}
.audio-wrap span:nth-of-type(4) {
  left: 9px;
}
.audio-wrap span:nth-of-type(5) {
  left: 12px;
}
.audio-wrap span:nth-of-type(1),
.audio-wrap span:nth-of-type(5) {
  top: 3px;
  bottom: 3px;
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.audio-wrap span:nth-of-type(2),
.audio-wrap span:nth-of-type(4) {
  -webkit-transform: scaleY(0.7);
  -moz-transform: scaleY(0.7);
  -ms-transform: scaleY(0.7);
  -o-transform: scaleY(0.7);
  transform: scaleY(0.7);
}
.player-active .audio-wrap {
  background: #6875c5;
}
.player-active .audio span {
  -webkit-animation: audio 0.3s infinite alternate 300ms 0 ease;
  -moz-animation: audio 0.3s infinite alternate 300ms 0 ease;
  -ms-animation: audio 0.3s infinite alternate 300ms 0 ease;
  animation: audio 0.3s infinite alternate 300ms 0 ease;
  -moz-animation: audio 0.3s infinite alternate;
  -webkit-animation: audio 0.3s infinite alternate;
  -o-animation: audio 0.3s infinite alternate;
  -ms-animation: audio 0.3s infinite alternate;
  animation: audio 0.3s infinite alternate;
}
.player-active .audio span:nth-of-type(1) {
  animation-delay: 0s;
}
.player-active .audio span:nth-of-type(2) {
  animation-delay: .2s;
}
.player-active .audio span:nth-of-type(3) {
  animation-delay: .4s;
  -webkit-transform: scaleY(0.8);
  -moz-transform: scaleY(0.8);
  -ms-transform: scaleY(0.8);
  -o-transform: scaleY(0.8);
  transform: scaleY(0.8);
}
.player-active .audio span:nth-of-type(4) {
  animation-delay: .6s;
}
.player-active .audio span:nth-of-type(5) {
  animation-delay: .8s;
}
@-webkit-keyframes audio {
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
@-moz-keyframes audio {
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
@-ms-keyframes audio {
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
@-o-keyframes audio {
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
@keyframes audio {
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
.gift-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/pop-bg_9d4afbc0.png) no-repeat;
  background-size: 100%;
  z-index: 999;
}
.gift-pop .close-btn {
  width: 1.42rem;
  height: 1.66rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/close-btn_ad2cf310.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.71rem;
}
.gift-pop .gift-cnt {
  width: 7.12rem;
  height: 8.06rem;
  background: url(https://yujian.res.netease.com/m/gw/20190508113403/img/gift-pop-c_c3907c7b.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0.17rem;
  top: 1.35rem;
}
.swiper-slide-footer {
  height: auto;
}
.NIE-copyRight_m {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.4rem 0 1.6rem;
  font-size: 0.24rem;
  background: #eef3f9;
}