<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
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,
embed,
figure,
figcaption,
footer,
header,
hgroup,
prize menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol,
ul,
li {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
a img {
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
input,
button,
textarea,
select {
  outline: 0;
  *font-size: 100%;
  margin: 0;
  border: 0;
  font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input {
  -moz-appearance: textfield;
}
img {
  border: 0;
  outline: 0;
}
button {
  line-height: 1;
}
body {
  font-family: "Microsoft YaHei";
  font-size: 14px;
  background: #ffffff;
  width: 100%;
  height: 100%;
}
a {
  text-decoration: none;
  color: inherit;
}
#pa {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#text_hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf {
  *zoom: 1;
}
.cf:after {
  content: "\200B";
  height: 0;
  display: block;
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.w12 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.tcWrap-moreImg {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: -300%;
  opacity: 0;
  bottom: 0;
  transition: top 0.3s, opacity 0.8s;
  z-index: 99;
  margin: auto;
  width: 710px;
  height: 433px;
  background: #ffffff;
  border-radius: 10px;
}
.tcWrap-moreImg .tc-close {
  position: absolute;
  right: 18px;
  top: 18px;
  cursor: pointer;
  transition: all 0.3s;
}
.tcWrap-moreImg .tc-close:hover {
  transform: rotate(180deg);
}
.tcWrap-moreImg .tc {
  width: 80%;
  height: 100%;
  padding-top: 30px;
  margin: auto;
}
.tcWrap-moreImg .tc h1 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding: 10px 0 20px;
}
.tcWrap-moreImg .tc ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tcWrap-moreImg .tc ul li {
  width: 165px;
  height: 110px;
  border-radius: 2px;
  margin: 5px 10px;
  position: relative;
  background: #f2f2f2;
  text-align: center;
}
.tcWrap-moreImg .tc ul li img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.tcWrap-moreImg .tc ul li span {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url(//xyq.yzz.cn/special/7yfldyq/img/tc_close.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: 0.2s;
}
.tcWrap-moreImg .tc ul li span:hover {
  transform: scale(1.2);
}
.tcWrap-moreImg .tc .button {
  position: relative;
  display: flex;
  width: 347px;
  margin: auto;
  justify-content: space-between;
}
.tcWrap-moreImg .tc .button button {
  display: block;
  width: 164px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
  border-radius: 5px;
}
.tcWrap-moreImg .tc .button .selectImg {
  position: relative;
}
.tcWrap-moreImg .tc .button .selectImg::after {
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(http://xyq.yzz.cn/special/5ykhdyj/img/icon5.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.tcWrap-moreImg .tc .ts {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
}
.tcWrap-moreImg.on {
  top: 0;
  opacity: 1;
}
.tcWrap-moreImg {
  border: 4px solid #333333;
}
.tcWrap-moreImg .tc .button button {
  background: #333333;
}
.tcWrap-moreImg .ts {
  color: #333333;
}
.scroll-style::-webkit-scrollbar,
.scroll-style::-webkit-scrollbar {
  width: 5px;
  background: #474646;
  border-radius: 64px;
}
.scroll-style::-webkit-scrollbar-thumb,
.scroll-style::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 64px;
}
.scroll-style::-moz-scrollbar,
.scroll-style::-moz-scrollbar {
  width: 5px;
  background: #474646;
  border-radius: 64px;
}
.scroll-style::--scrollbar-thumb,
.scroll-style::--scrollbar-thumb {
  background: #ffffff;
  border-radius: 64px;
}
.scroll-style::-ms-scrollbar,
.scroll-style::-ms-scrollbar {
  width: 5px;
  background: #474646;
  border-radius: 64px;
}
.scroll-style::-ms-scrollbar-thumb,
.scroll-style::-ms-scrollbar-thumb {
  background: #ffffff;
  border-radius: 64px;
}
.scroll-style::-o-scrollbar,
.scroll-style::-o-scrollbar {
  width: 5px;
  background: #474646;
  border-radius: 64px;
}
.scroll-style::-o-scrollbar-thumb,
.scroll-style::-o-scrollbar-thumb {
  background: #ffffff;
  border-radius: 64px;
}
/* footer */
#footer {
  min-width: 1200px;
  min-height: 100px;
  margin: 0 auto;
  clear: both;
  padding: 10px 0;
  color: #fff;
  z-index: 200;
  line-height: 24px;
  background-color: #000000;
}
#footer div {
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
#footer div a {
  color: #fff;
  margin: 0 10px;
}
#footer div a:hover {
  text-decoration: underline;
}
.imgShow {
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -2;
  transition: 0.3s;
}
.imgShow .imgShow-img {
  z-index: 1;
  max-width: 90%;
  height: 90%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.imgShow .imgShow-img img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.imgShow:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #000000;
  opacity: 0.3;
  z-index: -1;
}
.imgShow .imgShow-close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 45px;
  cursor: pointer;
}
.imgShow .imgShow-close::before,
.imgShow .imgShow-close::after {
  content: '';
  width: 100%;
  height: 2px;
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.imgShow .imgShow-close::before {
  transform: rotate(45deg);
}
.imgShow .imgShow-close::after {
  transform: rotate(-45deg);
}
.imgShow-active {
  opacity: 1;
  z-index: 999;
}
body .iN_record-class .xfpop-content {
  text-align: center;
}
body .iN_record-class .xfpop-content p {
  font-size: 16px;
  line-height: 1.5;
}
body .userImgRecord-dom .com {
  text-align: center;
}
body .shareDomWrap {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: auto;
  text-align: center;
  transition: all 0.3s;
}
body .shareDomWrap .shareDom {
  width: 600px;
  height: 370px;
  background: #ffffff;
  border-radius: 8px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
body .shareDomWrap .shareDom .headkv {
  border-radius: 7px 0px 0px 0px;
  width: 100%;
  height: 100px;
  background: #383838;
  background-image: url(//xyq.yzz.cn/special/xzlpqmca/img/kv.jpg);
  background-position: 0px 0px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
body .shareDomWrap .shareDom .close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
  height: 30px;
  margin-left: 0;
  background: url(//w1.cdn.yzz.cn/common/js/layer/icon.png) no-repeat;
  background-position: -149px -31px;
  cursor: pointer;
}
body .shareDomWrap .shareDom .close:hover {
  background-position: -180px -31px;
}
body .shareDomWrap .shareDom .con {
  padding: 10px;
}
body .shareDomWrap .shareDom .con h1 {
  text-align: center;
  font-size: 22px;
  color: #333333;
  font-weight: bold;
  line-height: 40px;
  margin: 0 0 4px 0;
}
body .shareDomWrap .shareDom .con p {
  font-size: 16px;
  text-align: center;
  color: #333333;
  line-height: 1.5;
}
body .shareDomWrap .shareDom .con .form {
  display: flex;
  padding-top: 15px;
  width: 500px;
  margin: auto;
}
body .shareDomWrap .shareDom .con .form:after {
  content: "\200B";
  height: 0;
  display: block;
  clear: both;
}
body .shareDomWrap .shareDom .con .form input {
  float: left;
  width: 390px;
  height: 36px;
  line-height: 36px;
  background: #ffffff;
  border: 1px solid #f2f2f2;
  border-right: 0;
  border-radius: 4px 0px 0px 4px;
  text-indent: 15px;
  font-size: 14px;
}
body .shareDomWrap .shareDom .con .form #shareInput {
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute;
}
body .shareDomWrap .shareDom .con .form .btn {
  cursor: pointer;
  float: right;
  width: 105px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 0px 4px 4px 0;
  background: #383838;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/kv.jpg) center top;
  font-size: 18px;
  letter-spacing: 2px;
  color: #777777;
  font-weight: bold;
}
body .shareDomWrap .shareDom .con .a {
  padding-top: 20px;
  width: 478px;
  margin: auto;
}
body .shareDomWrap .shareDom .con .a:after {
  content: "\200B";
  height: 0;
  display: block;
  clear: both;
}
body .shareDomWrap .shareDom .con .a a {
  margin-right: 24px;
  float: left;
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  box-shadow: 0px 4px 10px #e6e6e6;
  text-align: center;
  font-size: 16px;
  transition: all 0.3s;
}
body .shareDomWrap .shareDom .con .a a:hover {
  box-shadow: 0px 4px 10px #bfbfbf;
}
body .shareDomWrap .shareDom .con .a a:last-child {
  margin-right: 0;
}
.lotxx-submit {
  width: 340px;
  padding: 0 15px;
  height: 100%;
  background: #ffffff;
  position: fixed;
  z-index: 999;
  right: -370px;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lotxx-submit h6 {
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #1f2f3d;
}
.lotxx-submit h3 {
  line-height: 1.5;
  padding-bottom: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #1f2f3d;
}
.lotxx-submit .lotxxForm {
  padding-bottom: 20px;
}
.lotxx-submit .lotxx-sh {
  cursor: pointer;
  padding: 5px 1px;
  width: 30px;
  height: 77px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: -32px;
  z-index: 1;
  line-height: 1.15;
}
.lotxx-submit .lotxx-sh span:first-child {
  display: block;
}
.lotxx-submit .lotxx-sh span:last-child {
  display: none;
}
.lotxx-submit .lotxx-sh:after {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #000000;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.lotxx-submit .lotxx-shActive span:first-child {
  display: none;
}
.lotxx-submit .lotxx-shActive span:last-child {
  display: block;
}
.lotxx-submitActive {
  right: 0;
}
.el-button {
  margin-left: 85px;
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #dcdfe6;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button:hover {
  opacity: 0.9;
}
.el-input {
  margin-bottom: 10px;
}
.el-input label {
  width: 85px;
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}
.el-input .in {
  margin-left: 85px;
}
.el-input .in input {
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input .in input:focus {
  outline: none;
  border-color: #409eff;
}
.el-input .in input::-webkit-input-placeholder {
  /* Edge */
  color: #999999;
  text-indent: 0;
}
.el-input .in input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
  text-indent: 0;
}
.el-input .in input::placeholder {
  color: #999999;
  text-indent: 0;
}
.el-input .in textarea {
  height: 70px;
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .in textarea:focus {
  outline: none;
  border-color: #409eff;
}
.el-inputBt label {
  position: relative;
}
.el-inputBt label:before {
  content: '*';
  color: #ff0b0b;
}
.ctcg_js .layui-layer-content {
  padding: 0px 16px;
}
.ctcg_js .layui-layer-content .lbcs {
  padding-top: 20px;
}
.ctcg_js .layui-layer-content .lbcs p {
  line-height: 1.7;
}
.ctcg_js .layui-layer-content h6 {
  padding-top: 16px;
  font-size: 18px;
  padding-bottom: 10px;
}
.ctcg_js .layui-layer-content p {
  font-size: 16px;
  line-height: 1.4;
}
.ctcg_js .layui-layer-content a {
  text-decoration: underline;
}
.loadGif1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wrap {
  min-width: 1200px;
  margin: auto;
  overflow: hidden;
}
.index-top {
  height: 680px;
}
.index-top .logo {
  display: flex;
  padding-top: 30px;
}
.index-top .logo a:nth-child(1) {
  margin: 0 20px 0 685px ;
}
.index-top .preamble {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 960px;
  height: 138px;
  border-radius: 21px;
  border: solid 1px #dacea0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-top .preamble p {
  width: 864px;
  line-height: 1.5;
  color: #f4efd3;
  font-size: 16px;
}
.qxdt-section {
  margin-top: 88px;
  height: 835px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/bg1.png) no-repeat center;
  overflow: hidden;
}
.qxdt-section .c {
  margin: 120px auto auto;
  width: 1082px;
  height: 610px;
  position: relative;
}
.qxdt-section .c img {
  max-width: 100%;
}
.qxdt-section .c img.on {
  display: block;
}
.qxdt-section .c &gt; img {
  display: none;
}
.qxdt-section .c button {
  cursor: pointer;
}
.qxdt-section .c .video-btn {
  width: 258px;
  height: 296px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/btn2.png) no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qxdt-section .c .fryTc {
  width: 282px;
  height: 121px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/btn1.png) no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -70px;
  margin: auto;
  transition: 0.3s;
}
.qxdt-section .c .fryTc:hover {
  transform: scale(1.05);
}
.qxdt-section .c .qh {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 242px;
  display: flex;
  justify-content: space-between;
}
.qxdt-section .c .qh a {
  display: block;
  position: relative;
  width: 116px;
  height: 116px;
}
.qxdt-section .c .qh a img {
  transition: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qxdt-section .c .qh a img:nth-child(2) {
  opacity: 0;
  z-index: 9;
}
.qxdt-section .c .qh a.active img {
  opacity: 0;
}
.qxdt-section .c .qh a.active img:nth-child(2) {
  opacity: 1;
}
.shangxia {
  animation: shangxia 1s infinite ease-in-out alternate-reverse;
}
@keyframes shangxia {
  from {
    top: -20px;
  }
  to {
    top: 10px;
  }
}
.xzhs-section {
  margin-top: 62px;
  overflow: hidden;
  height: 755px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/bg2.png) no-repeat center;
}
.xzhs-section .c {
  margin-top: -15px;
}
.xzhs-section .c .pet_level {
  color: #fff9a7;
  font-weight: bold;
}
.xzhs-section .c .skill:hover .skill_box {
  display: block;
}
.xzhs-section .c .skill_box {
  display: none;
}
.pg2 .main_box {
  width: 1920px;
  width: 100%;
  height: 840px;
  position: relative;
  z-index: 3;
}
.pg2 .main_box .pet_box {
  width: 680px;
  height: 809px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/pet_bg_cbe0273.png) no-repeat;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -292px;
  -o-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.pg2 .main_box .pet_box .more_show {
  position: absolute;
  top: 50%;
  left: 50%;
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  border-radius: 50%;
  overflow: hidden;
}
.pg2 .main_box .pet_box .more_show.show_box {
  z-index: 2;
  opacity: 1;
}
.pg2 .main_box .pet_box .more_show .pic_show {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #404040;
}
.pg2 .main_box .pet_box .more_show .pic_show .swiper-slide {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
}
.pg2 .main_box .pet_box .img_show img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.pg2 .main_box .pet_box .frame_show {
  position: absolute;
  top: -40px;
  left: 50%;
  -o-transform: translate(-422px, 0);
  -webkit-transform: translate(-422px, 0);
  -moz-transform: translate(-422px, 0);
  -ms-transform: translate(-422px, 0);
  transform: translate(-422px, 0);
}
.pg2 .main_box .pet_box .frame_show #cj_frame {
  width: 627px;
  height: 836px;
  position: absolute;
  top: 33px;
  left: 104px;
}
.pg2 .main_box .pet_box .frame_show #cj_frame canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.pg2 .main_box .pet_box .frame_show #gj_frame {
  width: 893px;
  height: 847px;
  position: absolute;
  top: -11px;
  left: -7px;
  display: none;
}
.pg2 .main_box .pet_box .frame_show #gj_frame canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.pg2 .main_box .change_pet {
  width: 85px;
  height: 122px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/change_type_cj_7f03f5b.png) no-repeat;
  cursor: pointer;
  position: absolute;
  top: 160px;
  left: 50%;
  margin-left: 430px;
  z-index: 2;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.pg2 .main_box .change_pet:hover {
  opacity: 0.8;
}
.pg2 .main_box .change_pet.gj {
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/change_type_gj_bfb174c.png) no-repeat;
}
.pg2 .main_box .pet_name {
  width: 230px;
  height: 412px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/pet_name_240851e.png) no-repeat;
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -512px;
}
.pg2 .main_box .pet_name .pet_level {
  min-width: 28px;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  top: 132px;
  left: 0;
  text-align: center;
}
.pg2 .main_box .pet_name .pet_skill_box {
  font-size: 0;
  position: absolute;
  top: 120px;
  left: 50px;
}
.pg2 .main_box .pet_name .pet_skill_box .skill {
  width: 34px;
  margin-top: 16px;
  position: relative;
  cursor: pointer;
}
.pg2 .main_box .pet_name .pet_skill_box .skill img {
  width: 34px;
}
.pg2 .main_box .pet_name .pet_skill_box .skill_box {
  width: 344px;
  height: 178px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/skill_box_ce09a16.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 100%;
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 8px 18px 8px 27px;
  box-sizing: border-box;
}
.pg2 .main_box .pet_name .pet_skill_box .skill_box .skill_name {
  font-size: 16px;
  line-height: 38px;
  font-weight: 700;
  color: #fff9a7;
  padding-left: 16px;
}
.pg2 .main_box .pet_name .pet_skill_box .skill_box .skill_mess {
  width: 100%;
  height: calc(100% - 38px);
  padding-left: 11px;
  box-sizing: border-box;
  position: relative;
  font-size: 0;
}
.pg2 .main_box .pet_name .pet_skill_box .skill_box .skill_mess p {
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 24px;
  color: #ebc9b2;
}
.pg2 .main_box .type_box {
  width: 114px;
  height: 329px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/type_box_line_7428f94.png) center no-repeat;
  position: absolute;
  top: 276px;
  left: 50%;
  margin-left: 416px;
  font-size: 0;
  padding-top: 30px;
  box-sizing: border-box;
}
.pg2 .main_box .type_box .pet_type {
  width: 114px;
  height: 114px;
  margin-top: -24px;
  cursor: pointer;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.pg2 .main_box .type_box .pet_type1 {
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/pet_type1_637474d.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type1.on,
.pg2 .main_box .type_box .pet_type1:hover {
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/pet_type1_a_18e00ff.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type2 {
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/pet_type2_e266662.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type2.on,
.pg2 .main_box .type_box .pet_type2:hover {
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/pet_type2_a_240b9b8.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type3 {
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/pet_type3_66d4aff.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type3.on,
.pg2 .main_box .type_box .pet_type3:hover {
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/pet_type3_a_0e8f5d0.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type4 {
  background: url(https://xyq.res.netease.com/pc/zt/20210901143655//img/p2/pet_type4.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type4.on,
.pg2 .main_box .type_box .pet_type4:hover {
  background: url(https://xyq.res.netease.com/pc/zt/20210901143655//img/p2/pet_type4_a.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type5 {
  background: url(https://xyq.res.netease.com/pc/zt/20210901143655//img/p2/pet_type5.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type5.on,
.pg2 .main_box .type_box .pet_type5:hover {
  background: url(https://xyq.res.netease.com/pc/zt/20210901143655//img/p2/pet_type5_a.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type6 {
  background: url(https://xyq.res.netease.com/pc/zt/20210901143655//img/p2/pet_type6.png) no-repeat;
}
.pg2 .main_box .type_box .pet_type6.on,
.pg2 .main_box .type_box .pet_type6:hover {
  background: url(https://xyq.res.netease.com/pc/zt/20210901143655//img/p2/pet_type6_a.png) no-repeat;
}
.video-pop .videoBox {
  width: 800px;
  height: 450px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.video-pop .videoBox video {
  margin-top: -60px;
  max-width: 100%;
}
.xyq9yxzlp-tc-pop .xfpop-box {
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/pop-bg.png) no-repeat;
  background-size: 100% 100%;
  border: 0;
}
.xyq9yxzlp-tc-pop .xfpop-close {
  width: 40px;
  height: 40px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/pop-close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 15px;
}
.xyq9yxzlp-tc-pop .xfpop-head {
  justify-content: center;
}
.xyq9yxzlp-tc-pop .xfpop-head h1 {
  font-size: 30px;
  font-weight: bold;
  color: #d45d2f;
}
.xyq9yxzlp-tc-pop .xfpop-content {
  width: 94%;
  margin: auto;
  height: 84%;
  overflow-y: scroll;
}
.xyq9yxzlp-tc-pop .xfpop-content::-webkit-scrollbar,
.xyq9yxzlp-tc-pop .xfpop-content::-webkit-scrollbar {
  width: 5px;
  background: #e5e0da;
  border-radius: 64px;
}
.xyq9yxzlp-tc-pop .xfpop-content::-webkit-scrollbar-thumb,
.xyq9yxzlp-tc-pop .xfpop-content::-webkit-scrollbar-thumb {
  background: #a6907a;
  border-radius: 64px;
}
.xyq9yxzlp-tc-pop .xfpop-content::-moz-scrollbar,
.xyq9yxzlp-tc-pop .xfpop-content::-moz-scrollbar {
  width: 5px;
  background: #e5e0da;
  border-radius: 64px;
}
.xyq9yxzlp-tc-pop .xfpop-content::--scrollbar-thumb,
.xyq9yxzlp-tc-pop .xfpop-content::--scrollbar-thumb {
  background: #a6907a;
  border-radius: 64px;
}
.xyq9yxzlp-tc-pop .xfpop-content::-ms-scrollbar,
.xyq9yxzlp-tc-pop .xfpop-content::-ms-scrollbar {
  width: 5px;
  background: #e5e0da;
  border-radius: 64px;
}
.xyq9yxzlp-tc-pop .xfpop-content::-ms-scrollbar-thumb,
.xyq9yxzlp-tc-pop .xfpop-content::-ms-scrollbar-thumb {
  background: #a6907a;
  border-radius: 64px;
}
.xyq9yxzlp-tc-pop .xfpop-content::-o-scrollbar,
.xyq9yxzlp-tc-pop .xfpop-content::-o-scrollbar {
  width: 5px;
  background: #e5e0da;
  border-radius: 64px;
}
.xyq9yxzlp-tc-pop .xfpop-content::-o-scrollbar-thumb,
.xyq9yxzlp-tc-pop .xfpop-content::-o-scrollbar-thumb {
  background: #a6907a;
  border-radius: 64px;
}
.xyq9yxzlp-tc-pop .xfpop-btn {
  display: none;
}
.xyq9yxzlp-tc-pop h2 {
  min-width: 224px;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  text-align: left;
  margin: 20px 0;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/h4_bg_96d41a9.png) center left no-repeat;
  box-sizing: border-box;
  padding-left: 40px;
}
.xyq9yxzlp-tc-pop p {
  font-size: 16px;
  line-height: 1.5;
  color: #7a6650;
  text-align: left;
  margin-top: 14px;
}
.xyq9yxzlp-tc-pop .font0 {
  line-height: 0;
  margin-top: 0;
}
.xyq9yxzlp-tc-pop img {
  margin-top: 10px;
  max-width: 100%;
}
.xyq-pop {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  z-index: -9;
  opacity: 0;
  transition: 0.3s;
}
.xyq-pop .close {
  width: 59px;
  height: 59px;
  display: block;
  position: absolute;
  top: -60px;
  right: -80px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/close_ead719e.png) no-repeat;
  -o-transition: transform 0.4s ease-in-out;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  cursor: pointer;
}
.xyq-pop .close:hover {
  transform: rotate(180deg);
}
.xyq-pop.on {
  z-index: 999;
  opacity: 1;
}
.qxfb-dial {
  transition: 200ms;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/twelve/bg.png) no-repeat center center;
  background-color: rgba(0, 0, 0, 0.5);
}
.qxfb-dial .ww {
  width: 590px;
  height: 590px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qxfb-dial .ww .wwimg {
  width: 150px;
  height: 150px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qxfb-dial .ww .wwimg img {
  display: none;
  max-width: 100%;
}
.qxfb-dial .dial .b {
  opacity: 0;
  transition: opacity 300ms;
  transform-origin: 50% 50%;
  width: 590px;
  height: 590px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qxfb-dial .dial .b img {
  position: absolute;
  top: 0px;
  left: 222px;
}
.qxfb-dial .dial .b.on {
  opacity: 1;
}
.qxfb-dial .dial .pointer {
  width: 590px;
  height: 590px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qxfb-dial .dial .pointer img {
  position: absolute;
  left: 282px;
  top: 102px;
}
.qxfb-dial .dial ul {
  width: 590px;
  height: 590px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qxfb-dial .dial li {
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.qxfb-dial .dial .img {
  width: 151px;
  height: 186px;
  position: relative;
}
.qxfb-dial .dial .img img {
  position: absolute;
  left: -20px;
  right: 0;
  bottom: -32px;
  margin: auto;
}
.qxfb-dial .dial li:nth-child(1) {
  top: -40px;
  left: 200px;
}
.qxfb-dial .dial li:nth-child(2) {
  left: 300px;
  top: -10px;
}
.qxfb-dial .dial li:nth-child(3) {
  left: 355px;
  top: 80px;
}
.qxfb-dial .dial li:nth-child(4) {
  left: 370px;
  top: 200px;
}
.qxfb-dial .dial li:nth-child(5) {
  left: 355px;
  top: 305px;
}
.qxfb-dial .dial li:nth-child(6) {
  left: 305px;
  top: 352px;
}
.qxfb-dial .dial li:nth-child(7) {
  left: 198px;
  top: 370px;
}
.qxfb-dial .dial li:nth-child(8) {
  left: 78px;
  top: 350px;
}
.qxfb-dial .dial li:nth-child(9) {
  left: -10px;
  top: 302px;
}
.qxfb-dial .dial li:nth-child(10) {
  left: -42px;
  top: 202px;
}
.qxfb-dial .dial li:nth-child(11) {
  left: -12px;
  top: 80px;
}
.qxfb-dial .dial li:nth-child(12) {
  left: 80px;
  top: -10px;
}
.wwimgAnim {
  -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
.fade-in-fwd {
  -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.qxfb-img-pop .img {
  width: 890px;
  height: 512px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qxtz-section {
  position: relative;
  width: 1210px;
  height: 715px;
  margin: 88px auto auto;
  overflow: hidden;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/bg4.png) no-repeat center;
}
.qxtz-section .p4_box_zz,
.qxtz-section .p4_view_more_zz {
  cursor: pointer;
  z-index: 99;
  opacity: 0;
}
.qxtz-section .p4_box_zz {
  width: 800px;
  height: 460px;
  position: absolute;
  left: 232px;
  top: 153px;
}
.qxtz-section .p4_view_more_zz {
  width: 93px;
  height: 230px;
  position: absolute;
  top: 242px;
  right: 24px;
}
.pg4:before {
  content: '';
  width: 1920px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -960px;
  z-index: 1;
}
.pg4 .main_box {
  width: 1920px;
  height: 840px;
  position: absolute;
  left: -417px;
  top: -47px;
  transform: scale(0.9);
}
.pg4 .main_box.hide_box {
  opacity: 0;
}
.pg4 .main_box .p4_box {
  width: 1173px;
  height: 641px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p4_box_39de1fa.png) no-repeat;
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -490px;
  padding: 54px 141px 76px 143px;
  box-sizing: border-box;
  z-index: 4;
}
.pg4 .main_box .p4_box::after {
  content: '';
  width: 255px;
  height: 207px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p4_box_after_0cf7322.png) no-repeat;
  position: absolute;
  top: 508px;
  left: -14px;
}
.pg4 .main_box .p4_box img {
  width: 890px;
  height: 512px;
  border-radius: 10px;
  position: relative;
  z-index: 4;
}
.pg4 .main_box .p4_view_more {
  width: 192px;
  height: 264px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p4_view_more_04b723f.png) no-repeat;
  position: absolute;
  top: 286px;
  left: 50%;
  margin-left: 555px;
  cursor: pointer;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.8;
  z-index: 4;
}
.pg4 .main_box .p4_view_more:hover {
  opacity: 1;
}
.pg4 .main_box .p4_text {
  width: 125px;
  height: 434px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  writing-mode: tb-rl;
  position: absolute;
  top: 190px;
  left: 50%;
  margin-left: -573px;
  user-select: none;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p4_text_66feb99.png);
}
.pg4 .main_box .p4_text span {
  position: relative;
}
.pg4 .main_box .p4_text span::after {
  content: '';
  width: 1px;
  height: 400px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: -5px;
}
.qxjy-section {
  margin: 88px 0 52px;
  position: relative;
  height: 715px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/bg5.png) no-repeat center;
}
.pg5:before {
  content: '';
  width: 1920px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -960px;
  z-index: 1;
}
.pg5 .main_box {
  width: 1920px;
  height: 840px;
  position: absolute;
  top: 50%;
  left: 50%;
  top: 58%;
  left: 46%;
  z-index: 3;
  transform-origin: 0 0;
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pg5 .main_box .p5_box {
  width: 1256px;
  height: 758px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_box_aa799ac.png) no-repeat;
  position: absolute;
  top: 78px;
  left: 50%;
  margin-left: -618px;
  opacity: 0;
  z-index: -1;
}
.pg5 .main_box .p5_box.on {
  opacity: 1;
  z-index: 4;
}
.pg5 .main_box .p5_box #box1B {
  width: 468px;
  height: 403px;
  position: absolute;
  top: 170px;
  left: 717px;
}
.pg5 .main_box .p5_box #box1M {
  width: 748px;
  height: 409px;
  position: absolute;
  top: 185px;
  left: -13px;
}
.pg5 .main_box .p5_box .p5_view_more {
  width: 192px;
  height: 264px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_view_more_25f692b.png) no-repeat;
  position: absolute;
  top: 371px;
  left: 716px;
  cursor: pointer;
  z-index: 4;
}
.pg5 .main_box .p5_box .p5_change_btn {
  width: 128px;
  height: 165px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_change_btn_6018d7e.png) no-repeat;
  position: absolute;
  top: 278px;
  left: 634px;
  cursor: pointer;
  z-index: 4;
}
.pg5 .main_box .p5_box2 {
  width: 1256px;
  height: 758px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_box2_0e25e65.png) no-repeat;
  position: absolute;
  top: 78px;
  left: 50%;
  margin-left: -618px;
  opacity: 0;
  z-index: -1;
}
.pg5 .main_box .p5_box2.on {
  opacity: 1;
  z-index: 4;
}
.pg5 .main_box .p5_box2 #box2B {
  width: 469px;
  height: 540px;
  position: absolute;
  top: 132px;
  left: 733px;
}
.pg5 .main_box .p5_box2 #box2M {
  width: 525px;
  height: 374px;
  position: absolute;
  top: 166px;
  left: 154px;
}
.pg5 .main_box .p5_box2 .p5_view_more {
  width: 192px;
  height: 264px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_view_more_25f692b.png) no-repeat;
  position: absolute;
  top: 400px;
  left: 948px;
  cursor: pointer;
  z-index: 4;
}
.pg5 .main_box .p5_box2 .p5_change_btn {
  width: 128px;
  height: 165px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_change_btn_6018d7e.png) no-repeat;
  position: absolute;
  top: 278px;
  left: 634px;
  cursor: pointer;
  z-index: 4;
}
.pg5 .main_box .p5_box2 .p5_box_lh {
  width: 255px;
  height: 198px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_box_before_3a2e023.png);
  position: absolute;
  top: 520px;
  left: 343px;
}
.pg5 .main_box .p5_text {
  width: 125px;
  height: 434px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  writing-mode: tb-rl;
  position: absolute;
  top: 190px;
  left: 50%;
  margin-left: -573px;
  user-select: none;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p4_text_66feb99.png);
  width: 173px;
  height: 134px;
  top: 143px;
  margin-left: -414px;
  text-align: center;
  z-index: 4;
  display: block;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_text1_125714a.png);
}
.pg5 .main_box .p5_text span {
  position: relative;
}
.pg5 .main_box .p5_text span::after {
  content: '';
  width: 1px;
  height: 400px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: -5px;
}
.pg5 .main_box .p5_text span::after {
  height: 120px;
}
.pg5 .main_box .p5_text2 {
  width: 125px;
  height: 434px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  writing-mode: tb-rl;
  position: absolute;
  top: 190px;
  left: 50%;
  margin-left: -573px;
  user-select: none;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p4_text_66feb99.png);
  width: 72px;
  height: 82px;
  top: 143px;
  margin-left: -314px;
  text-align: center;
  z-index: 4;
  display: block;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p5_text2_03a33aa.png);
}
.pg5 .main_box .p5_text2 span {
  position: relative;
}
.pg5 .main_box .p5_text2 span::after {
  content: '';
  width: 1px;
  height: 400px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: -5px;
}
.qmjd-section {
  margin-top: 52px;
  height: 545px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/bg6.png) no-repeat center;
  overflow: hidden;
}
.qmjd-section .w1145 {
  width: 1145px;
  margin: 102px auto auto;
  display: flex;
  justify-content: space-between;
}
.qmjd-section .l .img::before,
.qmjd-section .r .img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/bg-1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.qmjd-section .l img,
.qmjd-section .r img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
.qmjd-section .l a:hover .img img,
.qmjd-section .r a:hover .img img {
  transform: scale(1.05);
}
.qmjd-section .l a:hover p,
.qmjd-section .r a:hover p {
  font-weight: bold;
}
.qmjd-section .l {
  width: 562px;
  height: 422px;
}
.qmjd-section .l .img {
  width: 562px;
  height: 328px;
  position: relative;
}
.qmjd-section .l p {
  text-align: center;
  margin-top: 8px;
  width: 100%;
  height: 58px;
  line-height: 58px;
  color: #685124;
  font-size: 16px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/bg-2.png) no-repeat;
}
.qmjd-section .r {
  width: 560px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.qmjd-section .r .img {
  width: 264px;
  height: 154px;
  position: relative;
}
.qmjd-section .r p {
  padding-top: 10px;
  text-align: center;
  color: #685124;
}
.nav {
  position: fixed;
  right: 10px;
  bottom: 20%;
  z-index: 99;
}
.nav li,
.nav .li {
  display: block;
  margin-top: 8px;
  width: 210px;
  height: 66px;
  line-height: 66px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/icon3a.png) no-repeat center;
  color: #ffe6be;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
}
.nav li:hover,
.nav .li:hover {
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/icon3b.png) no-repeat center;
}
.qxfb-section {
  margin: 64px auto auto;
  width: 1210px;
  height: 645px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/img/bg3.png) no-repeat center;
  overflow: hidden;
  position: relative;
}
.qxfb-section .main_box .p3_box {
  width: 1171px;
  height: 643px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/p3_box_11c8e9c.png) no-repeat;
  position: absolute;
  left: 45px;
}
.qxfb-section .main_box .p3_box .video_btn {
  display: none;
  width: 78px;
  height: 84px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/video_btn_add93d1.png) no-repeat;
  position: absolute;
  top: 367px;
  left: 104px;
  cursor: pointer;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.qxfb-section .main_box .p3_box .video_btn:after {
  content: '';
  width: 19px;
  height: 22px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/video_btn_icon_b93a5b0.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.qxfb-section .main_box .p3_box .video_btn:hover {
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.qxfb-section .main_box .p3_box .tit {
  width: 307px;
  height: 60px;
  position: absolute;
  top: 154px;
  left: 264px;
}
.qxfb-section .main_box .p3_box .change_ww {
  width: 82px;
  height: 85px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/change_btn_9026cb1.png) no-repeat;
  position: absolute;
  top: 142px;
  left: 226px;
  cursor: pointer;
  opacity: 0.85;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.qxfb-section .main_box .p3_box .change_ww:hover {
  opacity: 1;
}
.qxfb-section .main_box .p3_box .p3_text_b {
  width: 390px;
  height: 222px;
  position: absolute;
  top: 245px;
  left: 245px;
}
.qxfb-section .main_box .p3_box .p3_text_b .p3_text {
  width: 390px;
  height: 222px;
  overflow: hidden;
}
.qxfb-section .main_box .p3_box .p3_text_b .p3_text p {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #5b3f37;
  text-indent: 28px;
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.qxfb-section .main_box .p3_box .p3_text_b .p3_text p span.color_red {
  color: #e32e1c;
}
.qxfb-section .main_box .p3_box .p3_text_b .p3_text .ident_span {
  width: 28px;
  display: inline-block;
}
.qxfb-section .main_box .p3_box .dungeon_guide {
  width: 192px;
  height: 264px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/guide_btn_87453eb.png) no-repeat;
  position: absolute;
  top: 400px;
  left: 900px;
  z-index: 10;
  cursor: pointer;
  opacity: 0.85;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.qxfb-section .main_box .p3_box .dungeon_guide:hover {
  opacity: 1;
}
.qxfb-section .main_box .p3_box .ww_img_box {
  width: 430px;
  height: 390px;
  position: absolute;
  top: 153px;
  left: 657px;
}
.qxfb-section .main_box .p3_box .ww_img_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.qxfb-section .main_box .change_time_s {
  width: 474px;
  overflow: hidden;
  position: absolute;
  top: 530px;
  left: 281px;
}
.qxfb-section .main_box .change_time_s .swiper-slide {
  width: 80px;
  height: 24px;
  font-size: 17px;
  line-height: 24px;
  color: #5e3528;
  position: relative;
  overflow: visible;
  text-align: center;
  margin: 10px 0;
}
.qxfb-section .main_box .change_time_s .swiper-slide.on::before {
  content: '';
  width: 43px;
  height: 43px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/active_ww_bg_e115242.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 8;
}
.qxfb-section .main_box .change_time_s .swiper-slide.on span {
  color: #ffe995;
  position: relative;
  z-index: 10;
}
.qxfb-section .main_box .change_time_s .swiper-slide span {
  cursor: pointer;
  font-weight: 700;
}
.qxfb-section .main_box .change_time_s .swiper-slide::after {
  content: '';
  width: 12px;
  height: 2px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/dot_0221797.png) no-repeat;
  position: absolute;
  top: 11px;
  left: 100%;
  margin-left: -6px;
  display: block;
  cursor: default;
}
.qxfb-section .main_box .p3_prev {
  width: 20px;
  height: 24px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/prev_btn_c6d0b85.png) center no-repeat;
  position: absolute;
  top: 540px;
  left: 280px;
  z-index: 20;
  cursor: pointer;
}
.qxfb-section .main_box .p3_next {
  width: 20px;
  height: 24px;
  background: url(//xyq.yzz.cn/special/xzlpqmca/image/next_btn_38529d7.png) center no-repeat;
  position: absolute;
  top: 540px;
  left: 742px;
  z-index: 20;
  cursor: pointer;
}
</pre></body></html>