@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
b {
  font-weight: normal;
  font-style: normal;
}
strong {
  font-weight: 600;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #62a1c9;
}
html,
body {
  width: 100%;
  min-height: 930px;
  height: auto;
  font-family: Arial, 'Microsoft Yahei', Helvetica, sans-serif;
  background-color: #0a1324;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
body {
  color: #fff;
  max-width: 1920px;
  min-width: 1450px;
  margin: 0 auto;
}
#wrap {
  position: relative;
  overflow-x: hidden;
}
#app {
  width: 100%;
}
a {
  color: #fff;
}
.cfooter {
  background: #1a1b1a;
  color: #9b9c9b;
  position: relative;
  bottom: 0;
  width: 100%;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cfooter #footer {
  height: 145px;
  width: 1083px;
  position: relative;
  margin: 0 auto;
  z-index: 3;
  overflow: hidden;
  zoom: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cfooter a {
  color: #9b9c9b;
  text-decoration: underline;
}
.cfooter a:hover {
  color: #fff;
}
.cfooter .nie-cn-part2 {
  display: none;
}
.cfooter .item {
  display: block;
  float: left;
  margin-left: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cfooter .text {
  font-size: 14px;
  line-height: 20px;
  color: #818181;
  margin-top: 5px;
  font-family: Arial, 'Microsoft Yahei', Helvetica, sans-serif;
}
.cfooter .nieLogo {
  width: 116px;
  height: 42px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/nieLogo_5a5be2db.png) no-repeat;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 116px;
      -ms-flex: 0 0 116px;
          flex: 0 0 116px;
}
.cfooter .marLogo {
  width: 86px;
  height: 35px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/marLogo_3c88b9a7.png) no-repeat;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 86px;
      -ms-flex: 0 0 86px;
          flex: 0 0 86px;
}
.cfooter .xieyi {
  color: #818181;
  text-decoration: underline;
}
#sougou_bottom {
  display: none !important;
}
.section {
  position: relative;
  width: 100%;
  height: 1080px;
}
.section a {
  display: inline-block;
}
.section .top-wrap {
  width: 180px;
  height: 45px;
  position: absolute;
  top: 40px;
  right: 77px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}
.section .top-wrap .icon-1 {
  width: 30px;
  height: 34px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-129px -447px;

  cursor: pointer;
}
.section .top-wrap .icon-1:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-161px -447px;
width:30px;
height:34px;

}
.section .top-wrap .facebook {
  width: 45px;
  height: 45px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-636px -172px;

  cursor: pointer;
}
.section .top-wrap .facebook:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-636px -230px;
width:45px;
height:45px;

}
.section .top-wrap .twitter {
  width: 31px;
  height: 31px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-226px -447px;

  cursor: pointer;
}
.section .top-wrap .twitter:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-259px -447px;
width:31px;
height:31px;

}
.section .top-wrap .yotobe {
  width: 31px;
  height: 31px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-292px -447px;

  margin-left: 5px;
  cursor: pointer;
}
.section .top-wrap .yotobe:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-193px -447px;
width:31px;
height:31px;

}
.section .download-apple {
  display: inline-block;
  width: 152px;
  height: 51px;
  position: absolute;
  top: 170px;
  right: 79px;
  z-index: 999;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/download-apple_f9a5ed99.png) no-repeat center;
  cursor: pointer;
}
.section .download-apple:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/download-apple2_a99fad46.png) no-repeat center;
}
.section .download-google {
  display: inline-block;
  width: 152px;
  height: 45px;
  position: absolute;
  top: 110px;
  right: 79px;
  z-index: 999;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/download_ecd2c6fb.png) no-repeat center;
  cursor: pointer;
}
.section .download-google:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/download-hover_9f20414e.png) no-repeat center;
}
.section-1 {
  height: 1393px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/bg_d2617af5.jpg) no-repeat center top;
}
.section-1 .video-cnt {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section-1 .video-cnt video {
  width: 1920px;
  height: 1392px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
}
.section-1 .copyRight {
  position: absolute;
  top: 1030px;
  right: 48px;
  font-size: 24px;
  color: #ffffff;
  line-height: 32px;
  z-index: 10;
  text-shadow: 0 0 10px #000;
}
.section-1 .lan {
  position: absolute;
  right: 340px;
  top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 99999;
}
.section-1 .lan .lan-select {
  position: relative;
  width: 155px;
  height: 46px;
  border: 1px solid #96b0fe;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.section-1 .lan .lan-select .lan-txt {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  height: 46px;
  line-height: 46px;
  margin-left: 20px;
}
.section-1 .lan .lan-select .select-arrow {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 9px;
  top: 19px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-662px -113px;

  right: 20px;
}
.section-1 .lan .lan-select:hover .select-arrow {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.section-1 .lan .select-txt {
  width: 155px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/select-bg_29d08d54.png) no-repeat;
}
.section-1 .lan .lan-list {
  position: absolute;
  width: 153px;
  background-color: rgba(138, 157, 218, 0.9);
  border: 1px solid rgba(138, 157, 218, 0.9);
  top: 44px;
  margin-left: 0px;
}
.section-1 .lan .lan-list .item {
  display: inline-block;
  width: 103px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 35px;
  color: #f0eeee;
  cursor: pointer;
}
.section-1 .lan .lan-list .item:hover {
  color: #fff;
}
.section-1 .lan .lan-list .item-active {
  color: #fff;
}
.section-1 .lan .lan-list .item-active::after {
  content: '\221A';
  display: inline-block;
  margin-left: 20px;
}
.section-1 .slogan {
  position: absolute;
  width: 573px;
  height: 123px;
  top: 772px;
  left: 50%;
  margin-left: -286px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/slogan_fdf359a0.png) no-repeat center;
}
.section-1 .co-logo {
  position: absolute;
  width: 433px;
  height: 138px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/logo-en_54818323.png) no-repeat center;
  top: 24px;
  left: 24px;
}
.section-1 .button-part {
  position: absolute;
  left: 50%;
  top: 582px;
  width: 473px;
  height: 168px;
  margin-left: -230px;
  cursor: pointer;
}
.section-1 .button-part .button-text {
  position: absolute;
  width: 282px;
  height: 53px;
  left: 50%;
  top: 50%;
  margin-left: -141px;
  margin-top: -31px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/button-text_538a080a.png) no-repeat;
  -webkit-transition: -webkit-transform 0.25s linear;
  transition: -webkit-transform 0.25s linear;
  transition: transform 0.25s linear;
  transition: transform 0.25s linear, -webkit-transform 0.25s linear;
  -webkit-animation: BX_AniKey1 4s steps(1) 0s infinite normal none;
          animation: BX_AniKey1 4s steps(1) 0s infinite normal none;
}
@-webkit-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.04% {
    background-position: -282px 0px;
  }
  2.08% {
    background-position: -564px 0px;
  }
  3.13% {
    background-position: -846px 0px;
  }
  4.17% {
    background-position: -1128px 0px;
  }
  5.21% {
    background-position: -1410px 0px;
  }
  6.25% {
    background-position: -1692px 0px;
  }
  7.29% {
    background-position: -1974px 0px;
  }
  8.33% {
    background-position: -2256px 0px;
  }
  9.38% {
    background-position: -2538px 0px;
  }
  10.42% {
    background-position: -2820px 0px;
  }
  11.46% {
    background-position: -3102px 0px;
  }
  12.50% {
    background-position: -3384px 0px;
  }
  13.54% {
    background-position: -3666px 0px;
  }
  14.58% {
    background-position: 0px -53px;
  }
  15.63% {
    background-position: -282px -53px;
  }
  16.67% {
    background-position: -564px -53px;
  }
  17.71% {
    background-position: -846px -53px;
  }
  18.75% {
    background-position: -1128px -53px;
  }
  19.79% {
    background-position: -1410px -53px;
  }
  20.83% {
    background-position: -1692px -53px;
  }
  21.88% {
    background-position: -1974px -53px;
  }
  22.92% {
    background-position: -2256px -53px;
  }
  23.96% {
    background-position: -2538px -53px;
  }
  25.00% {
    background-position: -2820px -53px;
  }
  26.04% {
    background-position: -3102px -53px;
  }
  27.08% {
    background-position: -3384px -53px;
  }
  28.13% {
    background-position: -3666px -53px;
  }
  29.17% {
    background-position: 0px -106px;
  }
  30.21% {
    background-position: -282px -106px;
  }
  31.25% {
    background-position: -564px -106px;
  }
  32.29% {
    background-position: -846px -106px;
  }
  33.33% {
    background-position: -1128px -106px;
  }
  34.38% {
    background-position: -1410px -106px;
  }
  35.42% {
    background-position: -1692px -106px;
  }
  36.46% {
    background-position: -1974px -106px;
  }
  37.50% {
    background-position: -2256px -106px;
  }
  38.54% {
    background-position: -2538px -106px;
  }
  39.58% {
    background-position: -2820px -106px;
  }
  40.63% {
    background-position: -3102px -106px;
  }
  41.67% {
    background-position: -3384px -106px;
  }
  42.71% {
    background-position: -3666px -106px;
  }
  43.75% {
    background-position: 0px -159px;
  }
  44.79% {
    background-position: -282px -159px;
  }
  45.83% {
    background-position: -564px -159px;
  }
  46.88% {
    background-position: -846px -159px;
  }
  47.92% {
    background-position: -1128px -159px;
  }
  48.96% {
    background-position: -1410px -159px;
  }
  50.00% {
    background-position: -1692px -159px;
  }
  51.04% {
    background-position: -1974px -159px;
  }
  52.08% {
    background-position: -2256px -159px;
  }
  53.13% {
    background-position: -2538px -159px;
  }
  54.17% {
    background-position: -2820px -159px;
  }
  55.21% {
    background-position: -3102px -159px;
  }
  56.25% {
    background-position: -3384px -159px;
  }
  57.29% {
    background-position: -3666px -159px;
  }
  58.33% {
    background-position: 0px -212px;
  }
  59.38% {
    background-position: -282px -212px;
  }
  60.42% {
    background-position: -564px -212px;
  }
  61.46% {
    background-position: -846px -212px;
  }
  62.50% {
    background-position: -1128px -212px;
  }
  63.54% {
    background-position: -1410px -212px;
  }
  64.58% {
    background-position: -1692px -212px;
  }
  65.63% {
    background-position: -1974px -212px;
  }
  66.67% {
    background-position: -2256px -212px;
  }
  67.71% {
    background-position: -2538px -212px;
  }
  68.75% {
    background-position: -2820px -212px;
  }
  69.79% {
    background-position: -3102px -212px;
  }
  70.83% {
    background-position: -3384px -212px;
  }
  71.88% {
    background-position: -3666px -212px;
  }
  72.92% {
    background-position: 0px -265px;
  }
  73.96% {
    background-position: -282px -265px;
  }
  75.00% {
    background-position: -564px -265px;
  }
  76.04% {
    background-position: -846px -265px;
  }
  77.08% {
    background-position: -1128px -265px;
  }
  78.13% {
    background-position: -1410px -265px;
  }
  79.17% {
    background-position: -1692px -265px;
  }
  80.21% {
    background-position: -1974px -265px;
  }
  81.25% {
    background-position: -2256px -265px;
  }
  82.29% {
    background-position: -2538px -265px;
  }
  83.33% {
    background-position: -2820px -265px;
  }
  84.38% {
    background-position: -3102px -265px;
  }
  85.42% {
    background-position: -3384px -265px;
  }
  86.46% {
    background-position: -3666px -265px;
  }
  87.50% {
    background-position: 0px -318px;
  }
  88.54% {
    background-position: -282px -318px;
  }
  89.58% {
    background-position: -564px -318px;
  }
  90.63% {
    background-position: -846px -318px;
  }
  91.67% {
    background-position: -1128px -318px;
  }
  92.71% {
    background-position: -1410px -318px;
  }
  93.75% {
    background-position: -1692px -318px;
  }
  94.79% {
    background-position: -1974px -318px;
  }
  95.83% {
    background-position: -2256px -318px;
  }
  96.88% {
    background-position: -2538px -318px;
  }
  97.92% {
    background-position: -2820px -318px;
  }
  98.96% {
    background-position: -3102px -318px;
  }
}
@keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  1.04% {
    background-position: -282px 0px;
  }
  2.08% {
    background-position: -564px 0px;
  }
  3.13% {
    background-position: -846px 0px;
  }
  4.17% {
    background-position: -1128px 0px;
  }
  5.21% {
    background-position: -1410px 0px;
  }
  6.25% {
    background-position: -1692px 0px;
  }
  7.29% {
    background-position: -1974px 0px;
  }
  8.33% {
    background-position: -2256px 0px;
  }
  9.38% {
    background-position: -2538px 0px;
  }
  10.42% {
    background-position: -2820px 0px;
  }
  11.46% {
    background-position: -3102px 0px;
  }
  12.50% {
    background-position: -3384px 0px;
  }
  13.54% {
    background-position: -3666px 0px;
  }
  14.58% {
    background-position: 0px -53px;
  }
  15.63% {
    background-position: -282px -53px;
  }
  16.67% {
    background-position: -564px -53px;
  }
  17.71% {
    background-position: -846px -53px;
  }
  18.75% {
    background-position: -1128px -53px;
  }
  19.79% {
    background-position: -1410px -53px;
  }
  20.83% {
    background-position: -1692px -53px;
  }
  21.88% {
    background-position: -1974px -53px;
  }
  22.92% {
    background-position: -2256px -53px;
  }
  23.96% {
    background-position: -2538px -53px;
  }
  25.00% {
    background-position: -2820px -53px;
  }
  26.04% {
    background-position: -3102px -53px;
  }
  27.08% {
    background-position: -3384px -53px;
  }
  28.13% {
    background-position: -3666px -53px;
  }
  29.17% {
    background-position: 0px -106px;
  }
  30.21% {
    background-position: -282px -106px;
  }
  31.25% {
    background-position: -564px -106px;
  }
  32.29% {
    background-position: -846px -106px;
  }
  33.33% {
    background-position: -1128px -106px;
  }
  34.38% {
    background-position: -1410px -106px;
  }
  35.42% {
    background-position: -1692px -106px;
  }
  36.46% {
    background-position: -1974px -106px;
  }
  37.50% {
    background-position: -2256px -106px;
  }
  38.54% {
    background-position: -2538px -106px;
  }
  39.58% {
    background-position: -2820px -106px;
  }
  40.63% {
    background-position: -3102px -106px;
  }
  41.67% {
    background-position: -3384px -106px;
  }
  42.71% {
    background-position: -3666px -106px;
  }
  43.75% {
    background-position: 0px -159px;
  }
  44.79% {
    background-position: -282px -159px;
  }
  45.83% {
    background-position: -564px -159px;
  }
  46.88% {
    background-position: -846px -159px;
  }
  47.92% {
    background-position: -1128px -159px;
  }
  48.96% {
    background-position: -1410px -159px;
  }
  50.00% {
    background-position: -1692px -159px;
  }
  51.04% {
    background-position: -1974px -159px;
  }
  52.08% {
    background-position: -2256px -159px;
  }
  53.13% {
    background-position: -2538px -159px;
  }
  54.17% {
    background-position: -2820px -159px;
  }
  55.21% {
    background-position: -3102px -159px;
  }
  56.25% {
    background-position: -3384px -159px;
  }
  57.29% {
    background-position: -3666px -159px;
  }
  58.33% {
    background-position: 0px -212px;
  }
  59.38% {
    background-position: -282px -212px;
  }
  60.42% {
    background-position: -564px -212px;
  }
  61.46% {
    background-position: -846px -212px;
  }
  62.50% {
    background-position: -1128px -212px;
  }
  63.54% {
    background-position: -1410px -212px;
  }
  64.58% {
    background-position: -1692px -212px;
  }
  65.63% {
    background-position: -1974px -212px;
  }
  66.67% {
    background-position: -2256px -212px;
  }
  67.71% {
    background-position: -2538px -212px;
  }
  68.75% {
    background-position: -2820px -212px;
  }
  69.79% {
    background-position: -3102px -212px;
  }
  70.83% {
    background-position: -3384px -212px;
  }
  71.88% {
    background-position: -3666px -212px;
  }
  72.92% {
    background-position: 0px -265px;
  }
  73.96% {
    background-position: -282px -265px;
  }
  75.00% {
    background-position: -564px -265px;
  }
  76.04% {
    background-position: -846px -265px;
  }
  77.08% {
    background-position: -1128px -265px;
  }
  78.13% {
    background-position: -1410px -265px;
  }
  79.17% {
    background-position: -1692px -265px;
  }
  80.21% {
    background-position: -1974px -265px;
  }
  81.25% {
    background-position: -2256px -265px;
  }
  82.29% {
    background-position: -2538px -265px;
  }
  83.33% {
    background-position: -2820px -265px;
  }
  84.38% {
    background-position: -3102px -265px;
  }
  85.42% {
    background-position: -3384px -265px;
  }
  86.46% {
    background-position: -3666px -265px;
  }
  87.50% {
    background-position: 0px -318px;
  }
  88.54% {
    background-position: -282px -318px;
  }
  89.58% {
    background-position: -564px -318px;
  }
  90.63% {
    background-position: -846px -318px;
  }
  91.67% {
    background-position: -1128px -318px;
  }
  92.71% {
    background-position: -1410px -318px;
  }
  93.75% {
    background-position: -1692px -318px;
  }
  94.79% {
    background-position: -1974px -318px;
  }
  95.83% {
    background-position: -2256px -318px;
  }
  96.88% {
    background-position: -2538px -318px;
  }
  97.92% {
    background-position: -2820px -318px;
  }
  98.96% {
    background-position: -3102px -318px;
  }
}
.section-1 .button-part .button-text-animation {
  -webkit-transform: translateY(-2.5px) scale(1.015);
          transform: translateY(-2.5px) scale(1.015);
}
.section-1 .button {
  position: absolute;
  left: 0;
  top: 0;
  width: 473px;
  height: 168px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/button-sprite_715fdc12.png) no-repeat;
  -webkit-animation: BX_SprAniKey4 4s steps(1) 0s infinite normal none;
          animation: BX_SprAniKey4 4s steps(1) 0s infinite normal none;
}
@-webkit-keyframes BX_SprAniKey4 {
  0% {
    background-position: 0px 0px;
  }
  1.04% {
    background-position: -473px 0px;
  }
  2.08% {
    background-position: -946px 0px;
  }
  3.13% {
    background-position: -1419px 0px;
  }
  4.17% {
    background-position: -1892px 0px;
  }
  5.21% {
    background-position: -2365px 0px;
  }
  6.25% {
    background-position: -2838px 0px;
  }
  7.29% {
    background-position: -3311px 0px;
  }
  8.33% {
    background-position: 0px -168px;
  }
  9.38% {
    background-position: -473px -168px;
  }
  10.42% {
    background-position: -946px -168px;
  }
  11.46% {
    background-position: -1419px -168px;
  }
  12.50% {
    background-position: -1892px -168px;
  }
  13.54% {
    background-position: -2365px -168px;
  }
  14.58% {
    background-position: -2838px -168px;
  }
  15.63% {
    background-position: -3311px -168px;
  }
  16.67% {
    background-position: 0px -336px;
  }
  17.71% {
    background-position: -473px -336px;
  }
  18.75% {
    background-position: -946px -336px;
  }
  19.79% {
    background-position: -1419px -336px;
  }
  20.83% {
    background-position: -1892px -336px;
  }
  21.88% {
    background-position: -2365px -336px;
  }
  22.92% {
    background-position: -2838px -336px;
  }
  23.96% {
    background-position: -3311px -336px;
  }
  25.00% {
    background-position: 0px -504px;
  }
  26.04% {
    background-position: -473px -504px;
  }
  27.08% {
    background-position: -946px -504px;
  }
  28.13% {
    background-position: -1419px -504px;
  }
  29.17% {
    background-position: -1892px -504px;
  }
  30.21% {
    background-position: -2365px -504px;
  }
  31.25% {
    background-position: -2838px -504px;
  }
  32.29% {
    background-position: -3311px -504px;
  }
  33.33% {
    background-position: 0px -672px;
  }
  34.38% {
    background-position: -473px -672px;
  }
  35.42% {
    background-position: -946px -672px;
  }
  36.46% {
    background-position: -1419px -672px;
  }
  37.50% {
    background-position: -1892px -672px;
  }
  38.54% {
    background-position: -2365px -672px;
  }
  39.58% {
    background-position: -2838px -672px;
  }
  40.63% {
    background-position: -3311px -672px;
  }
  41.67% {
    background-position: 0px -840px;
  }
  42.71% {
    background-position: -473px -840px;
  }
  43.75% {
    background-position: -946px -840px;
  }
  44.79% {
    background-position: -1419px -840px;
  }
  45.83% {
    background-position: -1892px -840px;
  }
  46.88% {
    background-position: -2365px -840px;
  }
  47.92% {
    background-position: -2838px -840px;
  }
  48.96% {
    background-position: -3311px -840px;
  }
  50.00% {
    background-position: 0px -1008px;
  }
  51.04% {
    background-position: -473px -1008px;
  }
  52.08% {
    background-position: -946px -1008px;
  }
  53.13% {
    background-position: -1419px -1008px;
  }
  54.17% {
    background-position: -1892px -1008px;
  }
  55.21% {
    background-position: -2365px -1008px;
  }
  56.25% {
    background-position: -2838px -1008px;
  }
  57.29% {
    background-position: -3311px -1008px;
  }
  58.33% {
    background-position: 0px -1176px;
  }
  59.38% {
    background-position: -473px -1176px;
  }
  60.42% {
    background-position: -946px -1176px;
  }
  61.46% {
    background-position: -1419px -1176px;
  }
  62.50% {
    background-position: -1892px -1176px;
  }
  63.54% {
    background-position: -2365px -1176px;
  }
  64.58% {
    background-position: -2838px -1176px;
  }
  65.63% {
    background-position: -3311px -1176px;
  }
  66.67% {
    background-position: 0px -1344px;
  }
  67.71% {
    background-position: -473px -1344px;
  }
  68.75% {
    background-position: -946px -1344px;
  }
  69.79% {
    background-position: -1419px -1344px;
  }
  70.83% {
    background-position: -1892px -1344px;
  }
  71.88% {
    background-position: -2365px -1344px;
  }
  72.92% {
    background-position: -2838px -1344px;
  }
  73.96% {
    background-position: -3311px -1344px;
  }
  75.00% {
    background-position: 0px -1512px;
  }
  76.04% {
    background-position: -473px -1512px;
  }
  77.08% {
    background-position: -946px -1512px;
  }
  78.13% {
    background-position: -1419px -1512px;
  }
  79.17% {
    background-position: -1892px -1512px;
  }
  80.21% {
    background-position: -2365px -1512px;
  }
  81.25% {
    background-position: -2838px -1512px;
  }
  82.29% {
    background-position: -3311px -1512px;
  }
  83.33% {
    background-position: 0px -1680px;
  }
  84.38% {
    background-position: -473px -1680px;
  }
  85.42% {
    background-position: -946px -1680px;
  }
  86.46% {
    background-position: -1419px -1680px;
  }
  87.50% {
    background-position: -1892px -1680px;
  }
  88.54% {
    background-position: -2365px -1680px;
  }
  89.58% {
    background-position: -2838px -1680px;
  }
  90.63% {
    background-position: -3311px -1680px;
  }
  91.67% {
    background-position: 0px -1848px;
  }
  92.71% {
    background-position: -473px -1848px;
  }
  93.75% {
    background-position: -946px -1848px;
  }
  94.79% {
    background-position: -1419px -1848px;
  }
  95.83% {
    background-position: -1892px -1848px;
  }
  96.88% {
    background-position: -2365px -1848px;
  }
  97.92% {
    background-position: -2838px -1848px;
  }
  98.96% {
    background-position: -3311px -1848px;
  }
}
@keyframes BX_SprAniKey4 {
  0% {
    background-position: 0px 0px;
  }
  1.04% {
    background-position: -473px 0px;
  }
  2.08% {
    background-position: -946px 0px;
  }
  3.13% {
    background-position: -1419px 0px;
  }
  4.17% {
    background-position: -1892px 0px;
  }
  5.21% {
    background-position: -2365px 0px;
  }
  6.25% {
    background-position: -2838px 0px;
  }
  7.29% {
    background-position: -3311px 0px;
  }
  8.33% {
    background-position: 0px -168px;
  }
  9.38% {
    background-position: -473px -168px;
  }
  10.42% {
    background-position: -946px -168px;
  }
  11.46% {
    background-position: -1419px -168px;
  }
  12.50% {
    background-position: -1892px -168px;
  }
  13.54% {
    background-position: -2365px -168px;
  }
  14.58% {
    background-position: -2838px -168px;
  }
  15.63% {
    background-position: -3311px -168px;
  }
  16.67% {
    background-position: 0px -336px;
  }
  17.71% {
    background-position: -473px -336px;
  }
  18.75% {
    background-position: -946px -336px;
  }
  19.79% {
    background-position: -1419px -336px;
  }
  20.83% {
    background-position: -1892px -336px;
  }
  21.88% {
    background-position: -2365px -336px;
  }
  22.92% {
    background-position: -2838px -336px;
  }
  23.96% {
    background-position: -3311px -336px;
  }
  25.00% {
    background-position: 0px -504px;
  }
  26.04% {
    background-position: -473px -504px;
  }
  27.08% {
    background-position: -946px -504px;
  }
  28.13% {
    background-position: -1419px -504px;
  }
  29.17% {
    background-position: -1892px -504px;
  }
  30.21% {
    background-position: -2365px -504px;
  }
  31.25% {
    background-position: -2838px -504px;
  }
  32.29% {
    background-position: -3311px -504px;
  }
  33.33% {
    background-position: 0px -672px;
  }
  34.38% {
    background-position: -473px -672px;
  }
  35.42% {
    background-position: -946px -672px;
  }
  36.46% {
    background-position: -1419px -672px;
  }
  37.50% {
    background-position: -1892px -672px;
  }
  38.54% {
    background-position: -2365px -672px;
  }
  39.58% {
    background-position: -2838px -672px;
  }
  40.63% {
    background-position: -3311px -672px;
  }
  41.67% {
    background-position: 0px -840px;
  }
  42.71% {
    background-position: -473px -840px;
  }
  43.75% {
    background-position: -946px -840px;
  }
  44.79% {
    background-position: -1419px -840px;
  }
  45.83% {
    background-position: -1892px -840px;
  }
  46.88% {
    background-position: -2365px -840px;
  }
  47.92% {
    background-position: -2838px -840px;
  }
  48.96% {
    background-position: -3311px -840px;
  }
  50.00% {
    background-position: 0px -1008px;
  }
  51.04% {
    background-position: -473px -1008px;
  }
  52.08% {
    background-position: -946px -1008px;
  }
  53.13% {
    background-position: -1419px -1008px;
  }
  54.17% {
    background-position: -1892px -1008px;
  }
  55.21% {
    background-position: -2365px -1008px;
  }
  56.25% {
    background-position: -2838px -1008px;
  }
  57.29% {
    background-position: -3311px -1008px;
  }
  58.33% {
    background-position: 0px -1176px;
  }
  59.38% {
    background-position: -473px -1176px;
  }
  60.42% {
    background-position: -946px -1176px;
  }
  61.46% {
    background-position: -1419px -1176px;
  }
  62.50% {
    background-position: -1892px -1176px;
  }
  63.54% {
    background-position: -2365px -1176px;
  }
  64.58% {
    background-position: -2838px -1176px;
  }
  65.63% {
    background-position: -3311px -1176px;
  }
  66.67% {
    background-position: 0px -1344px;
  }
  67.71% {
    background-position: -473px -1344px;
  }
  68.75% {
    background-position: -946px -1344px;
  }
  69.79% {
    background-position: -1419px -1344px;
  }
  70.83% {
    background-position: -1892px -1344px;
  }
  71.88% {
    background-position: -2365px -1344px;
  }
  72.92% {
    background-position: -2838px -1344px;
  }
  73.96% {
    background-position: -3311px -1344px;
  }
  75.00% {
    background-position: 0px -1512px;
  }
  76.04% {
    background-position: -473px -1512px;
  }
  77.08% {
    background-position: -946px -1512px;
  }
  78.13% {
    background-position: -1419px -1512px;
  }
  79.17% {
    background-position: -1892px -1512px;
  }
  80.21% {
    background-position: -2365px -1512px;
  }
  81.25% {
    background-position: -2838px -1512px;
  }
  82.29% {
    background-position: -3311px -1512px;
  }
  83.33% {
    background-position: 0px -1680px;
  }
  84.38% {
    background-position: -473px -1680px;
  }
  85.42% {
    background-position: -946px -1680px;
  }
  86.46% {
    background-position: -1419px -1680px;
  }
  87.50% {
    background-position: -1892px -1680px;
  }
  88.54% {
    background-position: -2365px -1680px;
  }
  89.58% {
    background-position: -2838px -1680px;
  }
  90.63% {
    background-position: -3311px -1680px;
  }
  91.67% {
    background-position: 0px -1848px;
  }
  92.71% {
    background-position: -473px -1848px;
  }
  93.75% {
    background-position: -946px -1848px;
  }
  94.79% {
    background-position: -1419px -1848px;
  }
  95.83% {
    background-position: -1892px -1848px;
  }
  96.88% {
    background-position: -2365px -1848px;
  }
  97.92% {
    background-position: -2838px -1848px;
  }
  98.96% {
    background-position: -3311px -1848px;
  }
}
.section-1 .button-hover {
  position: absolute;
  top: 11px;
  width: 440px;
  height: 135px;
  left: 17px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/button-sprite2_9d57d866.png) no-repeat;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  -webkit-animation: BX_SprAniKey10 4s steps(1) 0s infinite normal none;
          animation: BX_SprAniKey10 4s steps(1) 0s infinite normal none;
}
@-webkit-keyframes BX_SprAniKey10 {
  0% {
    background-position: 0px 0px;
  }
  1.04% {
    background-position: -440px 0px;
  }
  2.08% {
    background-position: -880px 0px;
  }
  3.13% {
    background-position: -1320px 0px;
  }
  4.17% {
    background-position: -1760px 0px;
  }
  5.21% {
    background-position: -2200px 0px;
  }
  6.25% {
    background-position: -2640px 0px;
  }
  7.29% {
    background-position: -3080px 0px;
  }
  8.33% {
    background-position: -3520px 0px;
  }
  9.38% {
    background-position: 0px -135px;
  }
  10.42% {
    background-position: -440px -135px;
  }
  11.46% {
    background-position: -880px -135px;
  }
  12.50% {
    background-position: -1320px -135px;
  }
  13.54% {
    background-position: -1760px -135px;
  }
  14.58% {
    background-position: -2200px -135px;
  }
  15.63% {
    background-position: -2640px -135px;
  }
  16.67% {
    background-position: -3080px -135px;
  }
  17.71% {
    background-position: -3520px -135px;
  }
  18.75% {
    background-position: 0px -270px;
  }
  19.79% {
    background-position: -440px -270px;
  }
  20.83% {
    background-position: -880px -270px;
  }
  21.88% {
    background-position: -1320px -270px;
  }
  22.92% {
    background-position: -1760px -270px;
  }
  23.96% {
    background-position: -2200px -270px;
  }
  25.00% {
    background-position: -2640px -270px;
  }
  26.04% {
    background-position: -3080px -270px;
  }
  27.08% {
    background-position: -3520px -270px;
  }
  28.13% {
    background-position: 0px -405px;
  }
  29.17% {
    background-position: -440px -405px;
  }
  30.21% {
    background-position: -880px -405px;
  }
  31.25% {
    background-position: -1320px -405px;
  }
  32.29% {
    background-position: -1760px -405px;
  }
  33.33% {
    background-position: -2200px -405px;
  }
  34.38% {
    background-position: -2640px -405px;
  }
  35.42% {
    background-position: -3080px -405px;
  }
  36.46% {
    background-position: -3520px -405px;
  }
  37.50% {
    background-position: 0px -540px;
  }
  38.54% {
    background-position: -440px -540px;
  }
  39.58% {
    background-position: -880px -540px;
  }
  40.63% {
    background-position: -1320px -540px;
  }
  41.67% {
    background-position: -1760px -540px;
  }
  42.71% {
    background-position: -2200px -540px;
  }
  43.75% {
    background-position: -2640px -540px;
  }
  44.79% {
    background-position: -3080px -540px;
  }
  45.83% {
    background-position: -3520px -540px;
  }
  46.88% {
    background-position: 0px -675px;
  }
  47.92% {
    background-position: -440px -675px;
  }
  48.96% {
    background-position: -880px -675px;
  }
  50.00% {
    background-position: -1320px -675px;
  }
  51.04% {
    background-position: -1760px -675px;
  }
  52.08% {
    background-position: -2200px -675px;
  }
  53.13% {
    background-position: -2640px -675px;
  }
  54.17% {
    background-position: -3080px -675px;
  }
  55.21% {
    background-position: -3520px -675px;
  }
  56.25% {
    background-position: 0px -810px;
  }
  57.29% {
    background-position: -440px -810px;
  }
  58.33% {
    background-position: -880px -810px;
  }
  59.38% {
    background-position: -1320px -810px;
  }
  60.42% {
    background-position: -1760px -810px;
  }
  61.46% {
    background-position: -2200px -810px;
  }
  62.50% {
    background-position: -2640px -810px;
  }
  63.54% {
    background-position: -3080px -810px;
  }
  64.58% {
    background-position: -3520px -810px;
  }
  65.63% {
    background-position: 0px -945px;
  }
  66.67% {
    background-position: -440px -945px;
  }
  67.71% {
    background-position: -880px -945px;
  }
  68.75% {
    background-position: -1320px -945px;
  }
  69.79% {
    background-position: -1760px -945px;
  }
  70.83% {
    background-position: -2200px -945px;
  }
  71.88% {
    background-position: -2640px -945px;
  }
  72.92% {
    background-position: -3080px -945px;
  }
  73.96% {
    background-position: -3520px -945px;
  }
  75.00% {
    background-position: 0px -1080px;
  }
  76.04% {
    background-position: -440px -1080px;
  }
  77.08% {
    background-position: -880px -1080px;
  }
  78.13% {
    background-position: -1320px -1080px;
  }
  79.17% {
    background-position: -1760px -1080px;
  }
  80.21% {
    background-position: -2200px -1080px;
  }
  81.25% {
    background-position: -2640px -1080px;
  }
  82.29% {
    background-position: -3080px -1080px;
  }
  83.33% {
    background-position: -3520px -1080px;
  }
  84.38% {
    background-position: 0px -1215px;
  }
  85.42% {
    background-position: -440px -1215px;
  }
  86.46% {
    background-position: -880px -1215px;
  }
  87.50% {
    background-position: -1320px -1215px;
  }
  88.54% {
    background-position: -1760px -1215px;
  }
  89.58% {
    background-position: -2200px -1215px;
  }
  90.63% {
    background-position: -2640px -1215px;
  }
  91.67% {
    background-position: -3080px -1215px;
  }
  92.71% {
    background-position: -3520px -1215px;
  }
  93.75% {
    background-position: 0px -1350px;
  }
  94.79% {
    background-position: -440px -1350px;
  }
  95.83% {
    background-position: -880px -1350px;
  }
  96.88% {
    background-position: -1320px -1350px;
  }
  97.92% {
    background-position: -1760px -1350px;
  }
  98.96% {
    background-position: -2200px -1350px;
  }
}
@keyframes BX_SprAniKey10 {
  0% {
    background-position: 0px 0px;
  }
  1.04% {
    background-position: -440px 0px;
  }
  2.08% {
    background-position: -880px 0px;
  }
  3.13% {
    background-position: -1320px 0px;
  }
  4.17% {
    background-position: -1760px 0px;
  }
  5.21% {
    background-position: -2200px 0px;
  }
  6.25% {
    background-position: -2640px 0px;
  }
  7.29% {
    background-position: -3080px 0px;
  }
  8.33% {
    background-position: -3520px 0px;
  }
  9.38% {
    background-position: 0px -135px;
  }
  10.42% {
    background-position: -440px -135px;
  }
  11.46% {
    background-position: -880px -135px;
  }
  12.50% {
    background-position: -1320px -135px;
  }
  13.54% {
    background-position: -1760px -135px;
  }
  14.58% {
    background-position: -2200px -135px;
  }
  15.63% {
    background-position: -2640px -135px;
  }
  16.67% {
    background-position: -3080px -135px;
  }
  17.71% {
    background-position: -3520px -135px;
  }
  18.75% {
    background-position: 0px -270px;
  }
  19.79% {
    background-position: -440px -270px;
  }
  20.83% {
    background-position: -880px -270px;
  }
  21.88% {
    background-position: -1320px -270px;
  }
  22.92% {
    background-position: -1760px -270px;
  }
  23.96% {
    background-position: -2200px -270px;
  }
  25.00% {
    background-position: -2640px -270px;
  }
  26.04% {
    background-position: -3080px -270px;
  }
  27.08% {
    background-position: -3520px -270px;
  }
  28.13% {
    background-position: 0px -405px;
  }
  29.17% {
    background-position: -440px -405px;
  }
  30.21% {
    background-position: -880px -405px;
  }
  31.25% {
    background-position: -1320px -405px;
  }
  32.29% {
    background-position: -1760px -405px;
  }
  33.33% {
    background-position: -2200px -405px;
  }
  34.38% {
    background-position: -2640px -405px;
  }
  35.42% {
    background-position: -3080px -405px;
  }
  36.46% {
    background-position: -3520px -405px;
  }
  37.50% {
    background-position: 0px -540px;
  }
  38.54% {
    background-position: -440px -540px;
  }
  39.58% {
    background-position: -880px -540px;
  }
  40.63% {
    background-position: -1320px -540px;
  }
  41.67% {
    background-position: -1760px -540px;
  }
  42.71% {
    background-position: -2200px -540px;
  }
  43.75% {
    background-position: -2640px -540px;
  }
  44.79% {
    background-position: -3080px -540px;
  }
  45.83% {
    background-position: -3520px -540px;
  }
  46.88% {
    background-position: 0px -675px;
  }
  47.92% {
    background-position: -440px -675px;
  }
  48.96% {
    background-position: -880px -675px;
  }
  50.00% {
    background-position: -1320px -675px;
  }
  51.04% {
    background-position: -1760px -675px;
  }
  52.08% {
    background-position: -2200px -675px;
  }
  53.13% {
    background-position: -2640px -675px;
  }
  54.17% {
    background-position: -3080px -675px;
  }
  55.21% {
    background-position: -3520px -675px;
  }
  56.25% {
    background-position: 0px -810px;
  }
  57.29% {
    background-position: -440px -810px;
  }
  58.33% {
    background-position: -880px -810px;
  }
  59.38% {
    background-position: -1320px -810px;
  }
  60.42% {
    background-position: -1760px -810px;
  }
  61.46% {
    background-position: -2200px -810px;
  }
  62.50% {
    background-position: -2640px -810px;
  }
  63.54% {
    background-position: -3080px -810px;
  }
  64.58% {
    background-position: -3520px -810px;
  }
  65.63% {
    background-position: 0px -945px;
  }
  66.67% {
    background-position: -440px -945px;
  }
  67.71% {
    background-position: -880px -945px;
  }
  68.75% {
    background-position: -1320px -945px;
  }
  69.79% {
    background-position: -1760px -945px;
  }
  70.83% {
    background-position: -2200px -945px;
  }
  71.88% {
    background-position: -2640px -945px;
  }
  72.92% {
    background-position: -3080px -945px;
  }
  73.96% {
    background-position: -3520px -945px;
  }
  75.00% {
    background-position: 0px -1080px;
  }
  76.04% {
    background-position: -440px -1080px;
  }
  77.08% {
    background-position: -880px -1080px;
  }
  78.13% {
    background-position: -1320px -1080px;
  }
  79.17% {
    background-position: -1760px -1080px;
  }
  80.21% {
    background-position: -2200px -1080px;
  }
  81.25% {
    background-position: -2640px -1080px;
  }
  82.29% {
    background-position: -3080px -1080px;
  }
  83.33% {
    background-position: -3520px -1080px;
  }
  84.38% {
    background-position: 0px -1215px;
  }
  85.42% {
    background-position: -440px -1215px;
  }
  86.46% {
    background-position: -880px -1215px;
  }
  87.50% {
    background-position: -1320px -1215px;
  }
  88.54% {
    background-position: -1760px -1215px;
  }
  89.58% {
    background-position: -2200px -1215px;
  }
  90.63% {
    background-position: -2640px -1215px;
  }
  91.67% {
    background-position: -3080px -1215px;
  }
  92.71% {
    background-position: -3520px -1215px;
  }
  93.75% {
    background-position: 0px -1350px;
  }
  94.79% {
    background-position: -440px -1350px;
  }
  95.83% {
    background-position: -880px -1350px;
  }
  96.88% {
    background-position: -1320px -1350px;
  }
  97.92% {
    background-position: -1760px -1350px;
  }
  98.96% {
    background-position: -2200px -1350px;
  }
}
.section-1 .logo {
  position: absolute;
  width: 352px;
  height: 176px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/logo_2918ab38.png) no-repeat;
  left: 50%;
  margin-left: 212px;
  top: 662px;
}
.section-1 .copy {
  position: absolute;
  font-size: 18px;
  color: #fff;
  bottom: 35px;
  width: 100%;
  text-align: center;
}
.section-1 .arrow {
  width: 30px;
  height: 41px;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/arrow_82fd1b0a.png) no-repeat center;
  background-size: contain;
  bottom: 26px;
  -webkit-animation: btnMov 1.2s infinite;
          animation: btnMov 1.2s infinite;
}
@-webkit-keyframes btnMov {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes btnMov {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.section-1 .news {
  position: absolute;
  right: 0;
  height: 1080px;
}
.section-1 .news .fold {
  width: 66px;
  height: 1080px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/unfold-bg_7099e545.png) no-repeat left center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section-1 .news .unfold {
  width: 354px;
}
.section-1 .news .news-btn {
  position: absolute;
  width: 30px;
  height: 158px;
  top: 50%;
  margin-top: -79px;
  left: 13px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-32px -491px;

  cursor: pointer;
}
.section-1 .news .news-btn:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-0px -491px;
width:30px;
height:158px;

}
.section-1 .news .news-btn:hover .news-arrow {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.section-1 .news .news-btn .news-arrow {
  position: absolute;
  width: 9px;
  height: 10px;
  left: 50%;
  margin-left: -5px;
  top: 50%;
  margin-top: 22px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-679px -143px;

}
.section-1 .news .news-btn-unfold .news-arrow {
  width: 10px;
  height: 12px;
  margin-left: -4px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-656px -143px;

}
.section-1 .news .content {
  position: relative;
  width: 260px;
  left: 65px;
  top: 280px;
}
.section-1 .news .content .title {
  width: 252px;
  height: 22px;
  margin: 0 auto;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-269px -143px;

}
.section-1 .news .content .news-table {
  position: relative;
  width: 252px;
  margin: 0 auto;
  margin-top: 33px;
  color: #fff;
  text-align: center;
}
.section-1 .news .content .news-table .li {
  margin-top: 33px;
}
.section-1 .news .content .news-table .li a {
  display: inline-block;
  color: #fff;
}
.section-1 .news .content .news-table .li .time {
  font-size: 16px;
}
.section-1 .news .content .news-table .li .text {
  font-size: 12px;
  line-height: 20px;
  margin-top: 3px;
  cursor: pointer;
}
.section-1 .news .content .news-table .li .text:hover {
  text-decoration: underline;
}
.section-1 .news .content .more {
  display: block;
  position: relative;
  width: 127px;
  height: 42px;
  margin: 0 auto;
  margin-top: 55px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-0px -447px;

  cursor: pointer;
}
.section-1 .news .content .more:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-543px -354px;
width:127px;
height:42px;

}
.section-1 .gift {
  position: absolute;
  width: 598px;
  height: 252px;
  left: 50%;
  top: 1114px;
  margin-left: 88px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/gift-bg_567c19a5.png) no-repeat center;
}
.section-1 .gift h3 {
  font-size: 34px;
  line-height: 58px;
  text-align: center;
  color: #fff;
  letter-spacing: 6px;
}
.section-1 .gift .gift-list {
  position: relative;
  width: 385px;
  margin: 0 auto;
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-1 .gift .gift-list .item1,
.section-1 .gift .gift-list .item3 {
  width: 113px;
}
.section-1 .gift .gift-list .item2 {
  width: 114px;
}
.section-1 .gift .gift-list .gift1 {
  width: 113px;
  height: 108px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/gift1_5b9187c8.png) no-repeat center;
}
.section-1 .gift .gift-list .gift1-active {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/gift1-active_5aaa1f88.png) no-repeat center;
}
.section-1 .gift .gift-list .gift2 {
  width: 114px;
  height: 108px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/gift2_089227c1.png) no-repeat center;
}
.section-1 .gift .gift-list .gift2-active {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/gift2-active_4dcffcf3.png) no-repeat center;
}
.section-1 .gift .gift-list .gift3 {
  width: 113px;
  height: 108px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/gift3_5fac1898.png) no-repeat center;
}
.section-1 .gift .gift-list .gift3-active {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/gift3-active_83b9018d.png) no-repeat center;
}
.section-1 .gift .gift-list .gift-text {
  font-family: 'hyqh';
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}
.section-1 .gift .gift-list .gift-text-active {
  color: #faee3a;
}
.section-1 .gift .download {
  position: relative;
  width: 500px;
  margin: 0 auto;
  margin-top: 35px;
  margin-left: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-1 .gift .download .download-code {
  display: inline-block;
  width: 113px;
  height: 113px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/code_90964d0f.jpg) no-repeat center;
}
.section-1 .gift .download .download-right {
  width: 152px;
}
.section-1 .gift .download .download-right .download-goole {
  display: block;
  width: 152px;
  height: 45px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-482px -230px;

}
.section-1 .gift .download .download-right .download-goole:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-468px -296px;
width:152px;
height:45px;

}
.section-1 .gift .download .download-right .download-ios {
  display: block;
  width: 152px;
  height: 51px;
  margin-top: 16px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-482px -172px;

}
.section-1 .gift .download .download-right .download-ios:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-508px -76px;
width:152px;
height:51px;

}
.section-1 .gift .download .pay-right {
  width: 152px;
}
.section-1 .gift .download .pay-right .pay {
  margin-top: -8px;
  display: block;
  width: 180px;
  height: 60px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/pay_3d8664f7.png) no-repeat;
}
.section-1 .gift .download .pay-right .pay:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/pay-active_96c256e1.png) no-repeat;
}
.section-1 .gift .download .pay-right .download-androis {
  display: block;
  width: 180px;
  height: 60px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/download-android_8ee3be27.png) no-repeat;
}
.section-1 .gift .download .pay-right .download-androis:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/download-android-active_c9313f62.png) no-repeat;
}
.section-1 .gift .desc-txt {
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
  letter-spacing: 1px;
  font-family: 'Microsoft Yahei';
  text-transform: uppercase;
}
.section-1 .gift .desc-txt::before {
  position: relative;
  display: inline-block;
  content: '';
  width: 45px;
  height: 5px;
  margin-right: 5px;
  top: -3px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-508px -129px;

}
.section-1 .gift .desc-txt::after {
  position: relative;
  display: inline-block;
  content: '';
  width: 45px;
  height: 5px;
  margin-left: 5px;
  top: -3px;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-508px -129px;

}
.section-1 .gift .desc-txt1 {
  margin-top: 10px;
  font-size: 18px;
}
.section-2 {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/bg_2769fedd.jpg) no-repeat center top;
}
.section-2 .content-bg {
  position: absolute;
  left: 50%;
  top: 130px;
  width: 100%;
  height: 636px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.section-2 .content-bg .gallery {
  position: absolute;
  width: 100%;
  height: 558px;
  top: 50%;
  margin-top: -276px;
}
.section-2 .content-bg .gallery .swiper-slide {
  position: relative;
  width: 384px;
  height: 558px;
}
.section-2 .content-bg .gallery .swiper-slide .gallery-img {
  position: absolute;
  width: 384px;
  height: 558px;
  top: 50%;
  left: 50%;
  margin-left: -192px;
  margin-top: -279px;
}
.section-2 .content-bg .gallery .swiper-button-prev {
  width: 160px;
  height: 67px;
  left: 0 !important;
}
.section-2 .content-bg .gallery .swiper-button-next {
  width: 160px;
  height: 67px;
  right: 0 !important;
}
.section-2 .content-bg .mask {
  position: absolute;
  width: 1920px;
  height: 636px;
  left: 50%;
  margin-left: -960px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/main-bg_3395b0c7.jpg) no-repeat center top;
  background-size: 100% 100%;
  opacity: 0.93;
}
.section-2 .content {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 1080px;
  top: 0px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.section-2 .content .swiper-container {
  position: relative;
  width: 100%;
  height: 1080px;
  margin: 0 auto;
  overflow: visible;
}
.section-2 .content .swiper-wrapper,
.section-2 .content .swiper-slide {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 1080px;
}
.section-2 .content .swiper-slide {
  opacity: 0;
}
.section-2 .content .swiper-slide-active {
  opacity: 1;
}
.section-2 .content .card1 {
  position: absolute;
  width: 952px;
  height: 538px;
  top: 50%;
  margin-top: -269px;
  left: 50%;
  margin-left: -240px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card1_990ec242.jpg) no-repeat center;
}
.section-2 .content .desc {
  position: absolute;
  left: 50%;
}
.section-2 .content .desc p {
  font-style: oblique;
  background: -webkit-gradient(linear, left top, left bottom, from(#101621), to(#cd1212));
  background: linear-gradient(to bottom, #101621, #cd1212);
  -webkit-background-clip: text;
  padding-right: 40px;
  color: transparent;
  line-height: 100px;
}
.section-2 .content .desc .txt1,
.section-2 .content .desc .txt2 {
  white-space: nowrap;
}
.section-2 .content .desc1 {
  bottom: 87px;
  margin-left: -192px;
}
.section-2 .content .desc1 .txt1 {
  font-size: 110px;
}
.section-2 .content .desc1 .txt2 {
  font-size: 88px;
  text-indent: 87px;
}
.section-2 .content .desc2 {
  bottom: 92px;
  margin-left: -227px;
}
.section-2 .content .desc2 .txt1 {
  font-size: 110px;
}
.section-2 .content .desc2 .txt2 {
  font-size: 88px;
}
.section-2 .content .desc4 {
  bottom: 92px;
  margin-left: -227px;
}
.section-2 .content .desc4 .txt1 {
  font-size: 110px;
}
.section-2 .content .desc4 .txt2 {
  font-size: 88px;
  text-indent: 246px;
}
.section-2 .content .desc3 {
  bottom: 92px;
  margin-left: -188px;
}
.section-2 .content .desc3 .txt1 {
  font-size: 110px;
}
.section-2 .content .desc3 .txt2 {
  font-size: 88px;
  text-indent: 171px;
}
.section-2 .content .desc5 {
  bottom: 92px;
  margin-left: -188px;
}
.section-2 .content .desc5 .txt1 {
  font-size: 110px;
}
.section-2 .content .desc5 .txt2 {
  font-size: 88px;
  text-indent: 131px;
}
.section-2 .content .people1 {
  position: absolute;
  width: 1920px;
  height: 1080px;
  left: 50%;
  top: 50%;
  margin-left: -960px;
  margin-top: -540px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/people1_9d7dfa87.jpg) no-repeat center;
}
.section-2 .content .people2 {
  position: absolute;
  width: 1920px;
  height: 1080px;
  left: 50%;
  top: 50%;
  margin-left: -960px;
  margin-top: -540px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/people2_bfbab853.jpg) no-repeat center;
}
.section-2 .content .people3 {
  position: absolute;
  width: 1920px;
  height: 1080px;
  left: 50%;
  top: 50%;
  margin-left: -960px;
  margin-top: -540px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/people3_1b304cc7.jpg) no-repeat center;
}
.section-2 .content .people4 {
  position: absolute;
  width: 1920px;
  height: 1080px;
  left: 50%;
  top: 50%;
  margin-left: -960px;
  margin-top: -540px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/people4_b0d87f5b.jpg) no-repeat center;
}
.section-2 .content .people5 {
  position: absolute;
  width: 1920px;
  height: 1080px;
  left: 50%;
  top: 50%;
  margin-left: -960px;
  margin-top: -540px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/people5_4e51f386.jpg) no-repeat center;
}
.section-2 .content .swiper-pagination {
  position: absolute;
  top: 28px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.section-2 .content .swiper-pagination .swiper-pagination-bullet {
  width: 19px;
  height: 18px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/point_0ab3eeb6.png) no-repeat center;
  opacity: 1;
}
.section-2 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/point-hover_8e6ab330.png) no-repeat center;
}
.section-2 .content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px !important;
}
.section-2 .content .swiper-button-prev {
  width: 160px;
  height: 67px;
  left: 0 !important;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/left_4c5b5642.png) no-repeat center;
}
.section-2 .content .swiper-button-prev:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/left-hover_f3cf7e8b.png) no-repeat center;
}
.section-2 .content .swiper-button-next {
  width: 160px;
  height: 67px;
  right: 0 !important;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/right_df7eec35.png) no-repeat center;
}
.section-2 .content .swiper-button-next:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/right-hover_f75d1ef8.png) no-repeat center;
}
.section-2 .copy {
  position: absolute;
  width: 225px;
  height: 30px;
  line-height: 30px;
  right: 0;
  bottom: 60px;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
}
.mask .pop {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 948px;
  height: 570px;
  margin-left: -474px;
  margin-top: -285px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/bg_8dce2b1d.png) no-repeat center;
}
.mask .pop .close {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 3px;
  right: 4px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-662px -76px;

  z-index: 1;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.mask .pop .close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mask .pop .pop-tip {
  font-family: 'Microsoft Yahei';
  font-size: 22px;
  color: #595a5a;
  text-align: center;
  line-height: 30px;
}
.mask .pop .pop-tip.to-top {
  margin-top: 32px;
}
.mask .pop .title {
  position: relative;
  width: 283px;
  height: 47px;
  margin: 0 auto;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/title_05a1db46.png) no-repeat center;
  margin-top: 25px;
}
.mask .pop .nav {
  position: relative;
  width: 464px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  margin-top: 25px;
  cursor: pointer;
  z-index: 1;
  font-size: 23px;
}
.mask .pop .nav .nav-ios {
  width: 232px;
  height: 56px;
  line-height: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d00405;
  color: #b60909;
  text-align: center;
}
.mask .pop .nav .nav-ios:hover {
  border: none;
  color: #fff;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-248px -230px;
width:232px;
height:56px;

}
.mask .pop .nav .nav-android {
  width: 232px;
  height: 56px;
  line-height: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d00405;
  color: #152636;
  text-align: center;
}
.mask .pop .nav .nav-android:hover {
  color: #fff;
  border: none;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-248px -230px;
width:232px;
height:56px;

}
.mask .pop .nav .nav-android-active {
  border: none;
  color: #fff;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-248px -230px;
width:232px;
height:56px;

}
.mask .pop .nav .nav-ios-active {
  color: #fff;
  border: none;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-248px -230px;
width:232px;
height:56px;

}
.mask .pop .select {
  position: relative;
  width: 464px;
  height: 56px;
  line-height: 56px;
  margin: 0 auto;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/select-bg_b981d3d0.jpg) no-repeat center;
  margin-top: 20px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}
.mask .pop .select .arrow {
  position: absolute;
  width: 17px;
  height: 16px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/arrow_1e6935b5.png) no-repeat center;
  right: 20px;
  top: 21px;
}
.mask .pop .select:hover .arrow {
  position: absolute;
  width: 17px;
  height: 16px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/arrow_1e6935b5.png) no-repeat center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
  right: 20px;
  top: 21px;
}
.mask .pop .ios {
  position: absolute;
  width: 464px;
  height: 300px;
  left: 50%;
  margin-left: -232px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/main-bg_ccc6bb9e.png) no-repeat center;
  margin-top: 5px;
  z-index: 999;
}
.mask .pop .ios .inner {
  position: relative;
  width: 440px;
  height: 280px;
  overflow-y: scroll;
  top: 10px;
  margin-left: 1px;
}
.mask .pop .ios .inner ul {
  font-size: 16px;
  color: #595a5a;
}
.mask .pop .ios .inner ul li {
  width: 430px;
  height: 35px;
  line-height: 35px;
  padding: 0 5px 0 30px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mask .pop .ios .inner ul li:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/active-bg_13cb891d.png) no-repeat;
  background-size: 100% 100%;
  color: #da0203;
}
.mask .pop .model {
  display: block;
  position: relative;
  width: 464px;
  height: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #e3e3e3;
  border: 1px solid #a8a8a8;
  line-height: 56px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  color: #959494;
  z-index: 1;
}
.mask .pop .email {
  display: block;
  position: relative;
  width: 464px;
  height: 56px;
  background-color: #e3e3e3;
  border: 1px solid #a8a8a8;
  line-height: 56px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  color: #959494;
  z-index: 1;
}
.mask .pop .submit {
  position: relative;
  width: 267px;
  height: 94px;
  margin: 0 auto;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-0px -76px;

  margin-top: 40px;
  cursor: pointer;
}
.mask .pop .submit:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/submit-hover_feda13c0.png) no-repeat;
}
.mask .pop ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #959494;
}
.mask .pop ::-moz-placeholder {
  /* Firefox 19+ */
  color: #959494;
}
.mask .pop :-ms-input-placeholder {
  /* IE 10+ */
  color: #959494;
}
.mask .pop :-moz-placeholder {
  /* Firefox 18- */
  color: #959494;
}
.im-hide {
  visibility: hidden !important;
}
.active-type {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/active-bg_13cb891d.png) no-repeat;
  background-size: 100% 100%;
  color: #da0203;
}
.imhide {
  display: none !important;
}
.heros-page {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/bg_da7ef058.jpg) no-repeat center top;
}
.heros-page .anim-video-bg {
  position: absolute;
  width: 100%;
  height: 1080px;
  overflow: hidden;
}
.heros-page .anim-video-bg video {
  width: 1920px;
  height: 1080px;
  margin-left: -960px;
  position: absolute;
  left: 50%;
  top: 0;
}
.heros-page .hero-canvas {
  position: absolute;
  width: 100%;
  height: 1080px;
  overflow: hidden;
  z-index: 999;
  pointer-events: none;
}
.heros-page .hero-canvas canvas {
  width: 1920px;
  height: 1080px;
  margin-left: -960px;
  position: absolute;
  top: 0;
  left: 50%;
}
.heros-page .cards {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: none;
}
.heros-page .cards::after {
  display: block;
  content: '';
  width: 904px;
  height: 857px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/boli_b5d8b120.png) no-repeat;
  position: absolute;
  left: -840px;
  top: 50px;
}
.heros-page .cards .card-zzx {
  width: 1041px;
  height: 836px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card-zzx_6b0aed0f.png) no-repeat;
  position: absolute;
  left: 0;
  margin-left: -960px;
  top: 60px;
}
.heros-page .cards .card-hl {
  width: 1272px;
  height: 1080px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card-hl_f1536762.png) no-repeat;
  position: absolute;
  left: 0;
  margin-left: -960px;
  top: 0px;
  pointer-events: none;
}
.heros-page .cards .card-alk {
  width: 799px;
  height: 898px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card-alk_2022037f.png) no-repeat;
  position: absolute;
  left: 0;
  margin-left: -718px;
  top: 0px;
  pointer-events: none;
}
.heros-page .cards .card-gtx {
  width: 799px;
  height: 898px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card-gtx_f76a1863.png) no-repeat;
  position: absolute;
  left: 0;
  margin-left: -598px;
  top: 0px;
  pointer-events: none;
}
.heros-page .cards .card-jqdz {
  width: 680px;
  height: 898px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card-jqdz_dc779592.png) no-repeat;
  position: absolute;
  left: 0;
  margin-left: -600px;
  top: 0px;
  pointer-events: none;
}
.heros-page .cards .card-ls {
  width: 680px;
  height: 986px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card-ls_ce2b21f1.png) no-repeat;
  position: absolute;
  left: 0;
  margin-left: -600px;
  top: 0px;
  pointer-events: none;
}
.heros-page .cards .card-xj {
  width: 1107px;
  height: 898px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card-xj_335f026b.png) no-repeat;
  position: absolute;
  left: 0;
  margin-left: -800px;
  top: 0px;
  pointer-events: none;
}
.heros-page .cards .card-bw {
  width: 1107px;
  height: 898px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/card-bw_439dc049.png) no-repeat;
  position: absolute;
  left: 0;
  margin-left: -800px;
  top: 0px;
  pointer-events: none;
}
.heros-page .intro-cnt {
  width: 1442px;
  height: 395px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/intro-bg_67035435.png) no-repeat;
  position: absolute;
  top: 402px;
  left: 50%;
  margin-left: -680px;
}
.heros-page .intro-cnt .tab-links {
  height: 65px;
  width: 761px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/skill-bg-blue_2a9314c2.png) no-repeat;
  position: absolute;
  top: 11px;
  left: 388px;
  text-align: right;
}
.heros-page .intro-cnt .tab-links .tab-link {
  display: inline-block;
  width: 237px;
  height: 65px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 65px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
}
.heros-page .intro-cnt .tab-links .tab-link:hover,
.heros-page .intro-cnt .tab-links .tab-link.active {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-269px -76px;
width:237px;
height:65px;

}
.heros-page .intro-cnt .tab-links .tab-link::before {
  display: inline-block;
  content: '';
  width: 9px;
  height: 12px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-668px -143px;

  margin-right: 10px;
}
.heros-page .intro-cnt .tab-links .tab-link.active::before {
  display: inline-block;
  content: '';
  width: 35px;
  height: 30px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-622px -296px;

  vertical-align: middle;
}
.heros-page .intro-cnt .tab-links .tab-link.skill-link {
  margin-right: -42px;
}
.heros-page .intro-cnt .info {
  width: 446px;
  position: absolute;
  top: 90px;
  left: 755px;
}
.heros-page .intro-cnt .info .guide-info .guide-more-link {
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  bottom: -30px;
  right: 0;
}
.heros-page .intro-cnt .info .guide-info .guide-more-link:hover {
  text-decoration: underline;
}
.heros-page .intro-cnt .info .guide-info ul li {
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.52);
  position: relative;
  padding-left: 30px;
}
.heros-page .intro-cnt .info .guide-info ul li a {
  line-height: 24px;
  font-size: 18px;
}
.heros-page .intro-cnt .info .guide-info ul li a:hover {
  text-decoration: underline;
}
.heros-page .intro-cnt .info .guide-info ul li::before {
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 2px;
  content: '';
  background: #fff;
  bottom: -2px;
  left: 0;
}
.heros-page .intro-cnt .info .guide-info ul li::after {
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 2px;
  content: '';
  background: #fff;
  bottom: -2px;
  right: 0;
}
.heros-page .intro-cnt .info .skill-list {
  height: 114px;
  border-bottom: 1px solid #fff;
}
.heros-page .intro-cnt .info .skill-list .skill {
  margin-right: 16px;
  position: relative;
}
.heros-page .intro-cnt .info .skill-list .skill:hover::after,
.heros-page .intro-cnt .info .skill-list .skill.active::after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 9px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-662px -102px;

  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -8px;
}
.heros-page .intro-cnt .info .detail-name {
  padding-top: 24px;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}
.heros-page .intro-cnt .info .detail-name .type {
  font-size: 16px;
  font-weight: normal;
  text-transform: lowercase;
  margin-left: 20px;
}
.heros-page .intro-cnt .info .detail .skill-desc {
  margin-top: 10px;
  line-height: 28px;
}
.heros-page .hero-name {
  position: absolute;
  top: 256px;
  left: 50%;
  line-height: 136px;
}
.heros-page .hero-name .name {
  font-size: 70px;
  padding-right: 40px;
  font-weight: bold;
  text-transform: uppercase;
  color: #d31c40;
  display: inline-block;
  font-style: italic;
}
.heros-page .hero-name .video-btn {
  display: inline-block;
  width: 105px;
  height: 91px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-0px -354px;

  display: none;
}
.heros-page .hero-list {
  width: 565px;
  height: 100px;
  position: absolute;
  top: 878px;
  left: 50%;
  margin-left: -282px;
}
.heros-page .hero-list .hero-list-cnt {
  width: 565px;
  height: 150px;
  overflow: hidden;
  position: relative;
  margin-top: -25px;
}
.heros-page .hero-list .hero-link {
  position: absolute;
  cursor: pointer;
  background: #15113a;
  border: 2px solid #fff;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.heros-page .hero-list .hero-link img {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.heros-page .hero-list .hero-link.active {
  -webkit-box-shadow: 0 0 20px #fe7a2b;
  box-shadow: 0 0 20px #fe7a2b;
}
.heros-page .hero-list .hero-link.active::after {
  display: block;
  content: '';
  width: 122px;
  height: 122px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-124px -172px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -61px;
  margin-top: -61px;
}
.heros-page .hero-list .prev-btn {
  display: block;
  width: 27px;
  height: 55px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-185px -491px;

  position: absolute;
  top: 50%;
  margin-top: -22.5px;
  left: -65px;
}
.heros-page .hero-list .prev-btn:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-214px -491px;
width:27px;
height:55px;

}
.heros-page .hero-list .next-btn {
  display: block;
  width: 27px;
  height: 54px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-388px -491px;

  position: absolute;
  top: 50%;
  margin-top: -22.5px;
  right: -65px;
}
.heros-page .hero-list .next-btn:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-417px -491px;
width:27px;
height:54px;

}
.videoPop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999;
  display: none;
}
.videoPop .pop {
  width: 800px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.videoPop .close-btn {
  width: 107px;
  height: 60px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-325px -354px;

  display: block;
  position: absolute;
  right: -50px;
  top: -40px;
  z-index: 999;
}
.videoPop .close-btn:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-216px -354px;
width:107px;
height:60px;

}
.tujian-page {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/bg_01b7a5da.jpg) no-repeat center top;
}
.tujian-page .role-hl {
  position: absolute;
  width: 1391px;
  height: 1080px;
  top: 0;
  left: 50%;
  margin-left: -960px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_dc58a8da.png) no-repeat;
}
.tujian-page .role-ls {
  position: absolute;
  width: 871px;
  height: 1080px;
  top: 0;
  left: 50%;
  margin-left: -960px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_fb0fb465.png) no-repeat;
}
.tujian-page .role-zzx {
  position: absolute;
  width: 763px;
  height: 888px;
  top: 0;
  left: 50%;
  margin-left: -860px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_cac69b60.png) no-repeat;
}
.tujian-page .role-jqdz {
  position: absolute;
  width: 867px;
  height: 1080px;
  top: 40px;
  left: 50%;
  margin-left: -867px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_fdf169e3.png) no-repeat;
}
.tujian-page .role-alk {
  position: absolute;
  width: 701px;
  height: 1050px;
  top: 40px;
  left: 50%;
  margin-left: -800px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_d42442b1.png) no-repeat;
}
.tujian-page .role-gtx {
  position: absolute;
  width: 511px;
  height: 1041px;
  top: 15px;
  left: 50%;
  margin-left: -740px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_29d951e4.png) no-repeat;
}
.tujian-page .role-xj {
  position: absolute;
  width: 552px;
  height: 1077px;
  top: 50px;
  left: 50%;
  margin-left: -740px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_e215264b.png) no-repeat;
}
.tujian-page .role-bw {
  position: absolute;
  width: 798px;
  height: 1080px;
  top: 30px;
  left: 50%;
  margin-left: -770px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_ed69f0d4.png) no-repeat;
}
.tujian-page .role-ds {
  position: absolute;
  width: 1211px;
  height: 1012px;
  top: 30px;
  left: 50%;
  margin-left: -870px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/role_abde2c17.png) no-repeat;
}
.tujian-page .info {
  position: absolute;
  width: 830px;
  left: 50%;
  top: 92px;
  margin-left: -113px;
}
.tujian-page .info .name {
  font-size: 66px;
  position: relative;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.tujian-page .info .name::after {
  display: block;
  content: '';
  width: 689px;
  height: 74px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-0px -0px;

  position: absolute;
  top: 86px;
  left: -76px;
}
.tujian-page .info .intro {
  width: 640px;
  line-height: 24px;
  margin-bottom: 28px;
}
.tujian-page .info .collection-title {
  width: 131px;
  height: 19px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-523px -143px;

  margin-bottom: 25px;
}
.tujian-page .info .collection-cnt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tujian-page .info .collection-cnt .card {
  position: relative;
  cursor: pointer;
  width: 264px;
  height: 370px;
}
.tujian-page .info .collection-cnt .card img {
  width: 100%;
}
.tujian-page .info .collection-cnt .card-name {
  position: absolute;
  right: 44px;
  bottom: 55px;
  font-style: italic;
  display: none;
}
.tujian-page > .prev-btn {
  display: block;
  width: 44px;
  height: 88px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-64px -491px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -44px;
  margin-left: -818px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tujian-page > .prev-btn:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tujian-page > .next-btn {
  display: block;
  width: 44px;
  height: 88px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 656.4597701149426px;
background-position:-110px -491px;

  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -44px;
  margin-right: -818px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tujian-page > .next-btn:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tujian-page .hero-list {
  width: 565px;
  height: 100px;
  position: absolute;
  top: 878px;
  left: 50%;
  margin-left: -282px;
}
.tujian-page .hero-list .hero-list-cnt {
  width: 565px;
  height: 150px;
  overflow: hidden;
  position: relative;
  margin-top: -25px;
}
.tujian-page .hero-list .hero-link {
  position: absolute;
  cursor: pointer;
  background: #15113a;
  border: 2px solid #fff;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tujian-page .hero-list .hero-link img {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tujian-page .hero-list .hero-link.active {
  -webkit-box-shadow: 0 0 20px #fe7a2b;
  box-shadow: 0 0 20px #fe7a2b;
}
.tujian-page .hero-list .hero-link.active::after {
  display: block;
  content: '';
  width: 122px;
  height: 122px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-124px -172px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -61px;
  margin-top: -61px;
}
.tujian-page .hero-list .prev-btn {
  display: block;
  width: 27px;
  height: 55px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-301px -491px;

  position: absolute;
  top: 50%;
  margin-top: -22.5px;
  left: -65px;
}
.tujian-page .hero-list .prev-btn:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-156px -491px;
width:27px;
height:55px;

}
.tujian-page .hero-list .next-btn {
  display: block;
  width: 27px;
  height: 54px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-330px -491px;

  position: absolute;
  top: 50%;
  margin-top: -22.5px;
  right: -65px;
}
.tujian-page .hero-list .next-btn:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-446px -491px;
width:27px;
height:54px;

}
.pop-tujian {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.pop-tujian .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 0;
}
.pop-tujian .cnt {
  width: 1920px;
  height: 579px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -960px;
  margin-top: -289px;
}
.pop-tujian .cnt .tujian-bg {
  width: 1920px;
  height: 579px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/bg_714d5752.png) no-repeat;
}
.pop-tujian .cnt .tujian-prev {
  display: block;
  width: 27px;
  height: 55px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-243px -491px;

  position: absolute;
  top: 50%;
  margin-top: -27px;
  left: 50%;
  margin-left: -600px;
}
.pop-tujian .cnt .tujian-prev:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-272px -491px;
width:27px;
height:55px;

}
.pop-tujian .cnt .tujian-next {
  display: block;
  width: 27px;
  height: 54px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-359px -491px;

  position: absolute;
  right: 50%;
  top: 50%;
  margin-top: -27px;
  margin-right: -600px;
}
.pop-tujian .cnt .tujian-next:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-475px -491px;
width:27px;
height:54px;

}
.pop-tujian .cnt .close {
  display: block;
  width: 107px;
  height: 60px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-325px -354px;

  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: 468px;
}
.pop-tujian .cnt .close:hover {
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/sprite-db2a68_db2a68b3.png) no-repeat;background-size:689px 649px;
background-position:-216px -354px;
width:107px;
height:60px;

}
.pop-tujian .cnt .skill {
  width: 540px;
  position: absolute;
  left: 50%;
  top: 113px;
  color: #000;
  margin-left: -90px;
}
.pop-tujian .cnt .skill strong {
  color: #b41346;
}
.pop-tujian .cnt .skill-name {
  font-size: 33px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.pop-tujian .cnt .skill-intro {
  line-height: 26px;
  font-size: 20px;
}
.pop-tujian .cnt .skill hr {
  display: block;
  height: 2px;
  border: none;
  background: #c3c9c8;
  margin: 20px auto;
  position: relative;
}
.pop-tujian .cnt .skill hr::before,
.pop-tujian .cnt .skill hr::after {
  display: block;
  content: '';
  width: 18px;
  height: 2px;
  background: #959b9b;
  position: absolute;
}
.pop-tujian .cnt .skill hr::before {
  left: 0;
}
.pop-tujian .cnt .skill hr::after {
  right: 0;
}
.pop-tujian .cnt .skill .keywords-intro {
  line-height: 22px;
  width: 475px;
}
.pop-tujian .cnt .card {
  position: absolute;
  left: 50%;
  margin-left: -545px;
  top: -45px;
  width: 389px;
  height: 543px;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.pop-tujian .cnt .card-name {
  font-size: 34px;
  font-style: italic;
  position: absolute;
  white-space: nowrap;
  right: 80px;
  bottom: 90px;
  display: none;
}

.news-detail {
  position: relative;
  width: 100%;
  min-height: 1080px;
  overflow-x: hidden;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/bg_f9d96f2d.jpg) no-repeat center bottom;
  background-color: #101728;
}
.news-detail .news-detail-content {
  width: 100%;
}
.news-detail .news-detail-content .slogan {
  position: relative;
  width: 1108px;
  height: 87px;
  margin: 0 auto;
  margin-top: 150px;
  background: url(//www.marvelduel.com/pc/gw/20200227122618/img/title_13f4f0b6.png) no-repeat center;
}
.news-detail .copy {
  position: absolute;
  width: 225px;
  height: 30px;
  line-height: 30px;
  right: 0;
  bottom: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.article {
  width: 946px;
  margin: 0 auto;
  padding: 50px 0 100px;
}
.article__top {
  padding-bottom: 67px;
  border-bottom: 1px solid #efefef;
}
.article table {
  margin: 20px auto;
  width: auto !important;
}
.article table td,
.article table th {
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #ccc;
}
#NIE-art {
  font-size: 14px;
}
/* 标题     */
#NIE-art .artTitle {
  line-height: 36px;
  font-size: 36px;
  text-align: center;
  font-weight: bold;
}
/* 副标题   */
#NIE-art .artSubTitle {
  text-align: center;
}
/* 文章信息 */
#NIE-art .artInfo {
  text-align: center;
  font-size: 12px;
  margin-top: 16px;
  color: #b3b3b3;
}
/* 文章来源 */
#NIE-art .artSource {
  text-align: center;
  font-size: 12px;
}
/* 日期时间 */
#NIE-art .artDate {
  font-family: Verdana;
}
/* 核心提示 */
#NIE-art .artTips {
  padding: 10px;
  font-size: 12px;
  line-height: 21px;
  border: 1px #ccc solid;
  background: #f0f0f0;
}
/* 诗词     */
#NIE-art .artPoem {
  margin: 7px 0;
  font-size: 14px;
  line-height: 24px;
  color: #c77322;
}
/* 正文     */
#NIE-art .artText {
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-top: 55px;
}
/* 正文段落  */
#NIE-art .artText p {
  line-height: 30px;
}
/* 一级标题 */
#NIE-art .artText h2 {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
/* 二级内容 */
#NIE-art .artText .artCon2 {
  margin-left: 30px;
  margin-right: 30px;
  overflow: hidden;
}
/* 二级标题 */
#NIE-art .artText h3 {
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: bold;
  height: 15px;
  line-height: 15px;
  color: #fff;
}
#NIE-art .artText h3 {
  margin-top: 30px;
}
#NIE-art .title-wrap {
  position: relative;
  width: 735px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#NIE-art .title-wrap h2 {
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
/* table分行处理 */
#NIE-art table td {
  word-break: break-word;
  overflow: hidden;
}
/* === 发布系统 === */
/* 加粗    */
.b {
  font-weight: 800;
}
/* 着重色1  */
.red {
  color: #f00;
}
/* 着重色1加粗 */
.redb {
  color: #f00;
  font-weight: bold;
}
/* 着重色2  */
.blue {
  color: #00F;
}
/* 服务器名字 */
.fuchsia {
  color: #ff00ff;
}
/* 列表 */
#NIE-art ul h4 {
  font-weight: bold;
}
#NIE-art ul li {
  padding: 6px 0 6px 20px;
  line-height: 24px;
}
#NIE-art ul li ol {
  margin: 0 0 0 20px;
}
#NIE-art ul li ol li {
  list-style: inside decimal;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 21px;
  background: none;
}
/* 备注 */
#NIE-art .artRemark {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px #ccc dashed;
}
/* 推荐 */
/*图片表格*/
#NIE-art .table-pic {
  margin: 0 auto;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-collapse: collapse;
}
#NIE-art .table-pic td {
  border: 1px #eee solid;
  vertical-align: middle;
  text-align: center;
}
#NIE-art .table-pic img {
  display: block;
}
/*文字表格*/
#NIE-art .table-txt {
  margin: 0 auto;
  font-size: 12px;
  border-collapse: collapse;
}
#NIE-art .table-txt td {
  border: 1px #b3b3b3 solid;
  vertical-align: middle;
}
#NIE-art .table-txt thead td {
  font-weight: bold;
  font-size: 14px;
}
/* 免责声明 */
#NIE-art .artDisclaimer {
  font-size: 12px;
  line-height: 23px;
  color: #636363;
  text-align: right;
}
#NIE-art .artDisclaimer .artDisclaimer-btn {
  position: relative;
  height: 23px;
  padding-left: 24px;
  margin-left: 7px;
  text-align: left;
  text-decoration: none;
  color: #636363;
  font-size: 12px;
  border: 0;
  cursor: pointer;
  display: inline-block;
}
#NIE-art .artDisclaimer .artDisclaimer-btn:hover {
  color: #F60;
}
#NIE-art .artDisclaimer .artDisclaimer-btn,
#NIE-art .artDisclaimer i .closeBtn {
  /*图片捆绑在js*/
  background-repeat: no-repeat;
}
#NIE-art .artDisclaimer .NIE-share-txt {
  display: none;
}
#NIE-art .artDisclaimer .shareBtn {
  width: 50px;
}
#NIE-art .artDisclaimer .copyLinkBtn {
  width: 54px;
  background-position: -81px 0;
}
#NIE-art .artDisclaimer .goTopBtn {
  width: 54px;
  background-position: -166px 0;
}
#NIE-art .artDisclaimer i {
  position: absolute;
  top: 19px;
  /* for ie */
  top: 24px \9;
  left: 7px;
  width: 160px;
  padding: 9px;
  text-align: left;
  background: #fff;
  border: 1px #bcbcbc solid;
  display: none;
}
#NIE-art .artDisclaimer i a {
  width: 70px;
  margin: 2px 10px 2px 0;
  float: left;
  text-indent: 20px;
  color: #868686;
  text-decoration: none;
  display: inline;
}
#NIE-art .artDisclaimer i a:hover {
  color: #F60;
  text-decoration: underline;
}
#NIE-art .artDisclaimer i .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 13px;
  height: 11px;
  margin: 0;
  line-height: 900px;
  padding: 0;
  background-color: #b7b7b7;
  background-position: -231px -24px;
  overflow: hidden;
}
#NIE-art .artDisclaimer i .closeBtn:hover {
  background-color: #F90;
}
/* 分页 */
#NIE-art .paging {
  padding: 15px 0;
  font-size: 12px;
  text-align: center;
}
#NIE-art .paging i,
#NIE-art .paging a:hover i {
  margin: 0 1px;
  padding: 2px 5px;
  font-style: normal;
  color: #fff;
  background: #FF9900;
  border: 1px solid #FF6600;
}
#NIE-art .paging a {
  text-decoration: none;
}
#NIE-art .paging a i {
  color: #333;
  border: 1px #9d9d9d solid;
  background: #e6e6e6;
}
/* 统一间距 */
#NIE-art .artText p,
#NIE-art .artText h3,
#NIE-art .table3,
#NIE-art .table4,
#NIE-art .tablepad12,
#NIE-art .tablepad,
#NIE-art .tablepadblue,
#NIE-art .table-pic,
#NIE-art .table-txt {
  margin-top: 20px;
}
#NIE-art .artText h2 {
  margin-top: 35px;
}
/* fix table p */
#NIE-art .artText table p {
  margin-top: 0;
}
#NIE-art img {
  display: block;
  max-width: 946px;
  margin: 0 auto;
}
/* === 兼容 === */
/*图片边框*/
#NIE-art .table-pic img,
.table3 img {
  border: 3px #eee solid;
}
/*图片.hover边框颜色**/
#NIE-art .table-pic a:hover img,
.table3 a:hover img {
  border-color: #eee;
}
/*文字表格padding*/
#NIE-art .table-txt td,
.table4 td {
  padding: 5px 3px;
}
/*文字表格边框**/
#NIE-art .table-pic td,
.table3 td,
.table4 td,
.tablepad12 td,
.tablepad td {
  border-width: 1px;
  border-style: solid;
}
.table3 {
  margin: 0 auto;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  border-collapse: collapse;
  width: 100%;
}
.table3 td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #efefef;
  padding: 10px 0;
}
.table3 td:nth-child(1) {
  background: #fffef6;
}
.table3 th {
  background: #a6b8ce;
  color: #fff;
  border: 1px solid #efefef;
  padding: 10px 0;
  font-size: 16px;
}
.table4 {
  margin: 0 auto;
  font-size: 12px;
  border-collapse: collapse;
}
.table4 td {
  vertical-align: middle;
}
.table4 thead td {
  font-weight: bold;
  font-size: 14px;
}
.tablepad12 {
  font-size: 12px;
}
.tablepad12 td {
  padding: 2px;
  font-size: 12px;
}
.tablepad {
  border: 0px;
  font-size: 14px;
  line-height: 170%;
  margin: 0 auto;
  padding: 0px;
  border-collapse: collapse;
}
.tablepad td {
  padding: 1px 5px;
  margin: 0;
}
a {
  color: #00ffff;
}
a:hover {
  text-decoration: underline;
}
.top-40 {
  margin-top: 40px !important;
}