/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/*
@description: 调用方法、继承设置(整理版) -- 九游安卓门户
@author: wwl98670@alibaba-inc.com ### 20160701
@update:
*/
/* 配置属性 */
/*
@@ $colors: #090b44 0,#090b44 20% **
@@ $type linear/repeating-linear/radial **
@@ $dir linear 模式：方向 or 角度 (left,left top,90deg)
		radial 模式：center(orign), shape(ellipse/circle ) size(farthest-corner/farthest-side/closest-corner/closest-side)
*/
/*
配置动画相关:
@@prop/name: 动画名称/变换属性 **
@@dura: 持续时间 **
@@type: 变换类型 **
@@delay：延时
@@iter：动画是否循环 infinite/{num}
@@dire：动画是否反向 normal/reverse/alternate/alternate-reverse
@@fill：动画外状态 none/forwards/backwards/both
@@state：设置动画状态（标准在变，尽量不用此属性） running/paused
*/
/*
绑定动画 && 接口:
@@ _ani_fun(keyframes_name): 直接定义keyframes
@@ _ani_cls(keyframes_name,animation_val,classname) 绑定class接口，默认生成 .ani-$name{……}
*/
* {
  margin: 0;
  padding: 0;
}
ul,
ol,
li {
  list-style-type: none;
}
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}
body {
  min-width: 1260px;
  background-color: #f5f7fb;
}
.main {
  width: 1260px;
  margin: 0 auto;
}
/** ---------------------- 针对pc旧版头部的样式处理 start -------------------------  */
.pub_9pcheader .top-bar-ph,
.nav .nav-main,
.sub-nav .ol-nav {
  width: 1260px;
}
.nav .logo {
  width: auto;
}
.sub-nav .ol-nav a.sp-nav {
  width: 140px !important;
}
.search-con {
  z-index: 100;
}
.pub_9pcheader .web-site-pop,
.pub_9pcheader .user-site-pop,
.pub_9pcheader .msg-site-pop {
  z-index: 101;
}
/** ---------------------- 针对pc旧版头部的样式处理 end -------------------------  */
.d-breadcrumb {
  margin-top: 20px;
  font-size: 14px;
  color: #939393;
  letter-spacing: 0;
}
.d-breadcrumb a {
  color: #939393;
  text-decoration: none;
}
.d-headgame {
  height: 280px;
  margin-top: 20px;
  padding: 20px;
  background: #ffffff;
  border-radius: 4px;
  position: relative;
  z-index: 10;
}
.d-headgame .d-headgame-icon {
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
}
.d-headgame .d-headgame-icon .icon {
  width: 176px;
  height: 176px;
}
.d-headgame .d-headgame-icon .d-headgame-ban {
  position: absolute;
  bottom: 0;
  left: -9px;
  width: 194px;
  height: 36px;
  padding-top: 16px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  background-image: url("../images/lable_img.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-headgame .d-headgame-intro {
  float: left;
  margin-top: 13px;
  margin-left: 24px;
}
.d-headgame .d-headgame-intro .d-headgame-name {
  max-width: 384px;
  font-size: 32px;
  color: #222426;
  line-height: 46px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-headgame .d-headgame-intro .d-headgame-desc {
  width: 768px;
  color: #919499;
  font-size: 24px;
  line-height: 33px;
  height: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.d-headgame .d-headgame-intro .d-headgame-types {
  margin-top: 12px;
  font-size: 24px;
  color: #919499;
  line-height: 33px;
}
.d-headgame .d-headgame-intro .d-headgame-types .score {
  display: inline-block;
  margin-left: 16px;
  font-size: 22px;
  color: #0d6cf2;
  font-weight: bold;
}
.d-headgame .d-headgame-intro .d-headgame-types .score .icon-score {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/icon-score.4844c559.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-headgame .d-headgame-intro .d-headgame-types .like {
  display: inline-block;
  font-size: 22px;
  color: #ff333d;
  margin-left: 16px;
  font-weight: bold;
}
.d-headgame .d-headgame-intro .d-headgame-types .like .icon-like {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/icon-like.398f31a5.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-headgame .d-headgame-intro .d-headgame-tags {
  margin-top: 16px;
  *zoom: 1;
}
.d-headgame .d-headgame-intro .d-headgame-tags:before,
.d-headgame .d-headgame-intro .d-headgame-tags:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-headgame .d-headgame-intro .d-headgame-tags:after {
  clear: both;
}
.d-headgame .d-headgame-intro .d-headgame-tags .tag {
  float: left;
  position: relative;
  padding: 4px 8px;
  margin-right: 10px;
  border: 1px solid #919499;
  border-radius: 0 0 10px 0;
  font-size: 18px;
  color: #616366;
  text-align: center;
  line-height: 24px;
}
.d-headgame .d-headgame-intro .d-headgame-tags .tag::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 32px;
  background-image: url("../images/bg_square.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-headgame .d-headgame-btns {
  position: relative;
  float: right;
  margin-right: 40px;
  margin-top: 30px;
}
.d-headgame .d-headgame-btns .game-qrcode {
  position: relative;
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.d-headgame .d-headgame-btns .game-qrcode .icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 96px;
  height: 96px;
  margin-top: -48px;
  margin-left: -48px;
  animation: loading 1s ease infinite;
  z-index: 1;
  background-image: url("../images/loading.632fd8a1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.d-headgame .d-headgame-btns .game-qrcode .qrcode-box {
  position: relative;
  width: 136px;
  height: 136px;
  padding: 2px;
  z-index: 2;
  background-image: url("../images/qrcodebox.e6707b41.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-headgame .d-headgame-btns .game-qrcode .qrcode-box.show {
  display: block;
}
.d-headgame .d-headgame-btns .game-qrcode .qrcode-box > canvas {
  display: block;
  margin: 2px auto;
}
.d-headgame .d-headgame-btns .tips {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  color: #939393;
  text-align: center;
  line-height: 18px;
}
.d-headgame .d-headgame-btns .game-down {
  position: relative;
  margin-top: 6px;
  padding-bottom: 10px;
}
.d-headgame .d-headgame-btns .game-down.mt-80 {
  margin-top: 80px;
}
.d-headgame .d-headgame-btns .game-down .obtn {
  display: block;
  width: 170px;
  height: 40px;
  background-image: linear-gradient(134deg, #00d6b2 0%, #00b3b3 100%);
  border-radius: 4px;
  cursor: pointer;
}
.d-headgame .d-headgame-btns .game-down .obtn span {
  float: left;
  width: 100px;
  height: 40px;
  padding-left: 15px;
  padding-right: 14px;
  font-family: PingFangSC-Semibold;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: bold;
  white-space: nowrap;
}
.d-headgame .d-headgame-btns .game-down .obtn .icon-sqrcode {
  float: left;
  width: 24px;
  height: 24px;
  padding: 8px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/icon_qr_code_s.png");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
}
.d-con {
  *zoom: 1;
  margin-top: 20px;
}
.d-con:before,
.d-con:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-con:after {
  clear: both;
}
.d-con .module {
  margin-top: 20px;
  background: #fff;
  border-radius: 4px;
}
.d-con .module .module-title {
  position: relative;
  padding-left: 20px;
  font-size: 24px;
  color: #222426;
  line-height: 80px;
  font-weight: bold;
  border-bottom: 1px solid #f0f0f0;
}
.d-con .module .module-title::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: text-top;
}
.d-con .module .module-title.mini {
  font-size: 20px;
  line-height: 49px;
}
.d-con .module .module-title.mini::before {
  width: 18px;
  height: 22px;
}
.d-con .module .module-title.desc::before {
  background-image: url("../images/gamedesc.de24fea6.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .module .module-title.img::before {
  background-image: url("../images/gameimg.d61a8e33.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .module .module-title.content::before {
  background-image: url("../images/gamecontent.58c52555.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .module .module-title.rank::before {
  background-image: url("../images/gamerank.11f1af06.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .module .module-title.kc::before {
  background-image: url("../images/gamekc.948d41b8.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .module .module-title.latest::before {
  background-image: url("../images/gamelatest.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .module .module-title.news::before {
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/gamenews.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .d-conleft {
  float: left;
  width: 940px;
  margin-right: 20px;
}
.d-con .d-conleft.on {
  padding-top: 80px;
}
.d-con .d-conleft .d-navs {
  *zoom: 1;
  background: #fff;
  border-radius: 4px;
}
.d-con .d-conleft .d-navs:before,
.d-con .d-conleft .d-navs:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-con .d-conleft .d-navs:after {
  clear: both;
}
.d-con .d-conleft .d-navs.on {
  position: fixed;
  top: 0;
  width: 940px;
  height: 80px;
  z-index: 12;
  border-bottom: 1px solid #ebebeb;
}
.d-con .d-conleft .d-navs .d-item {
  float: left;
  position: relative;
  width: 235px;
  height: 80px;
  font-size: 26px;
  color: #616366;
  text-align: center;
  line-height: 80px;
  cursor: pointer;
}
.d-con .d-conleft .d-navs .d-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 38px;
  margin-top: -19px;
  background: #f0f0f0;
}
.d-con .d-conleft .d-navs .d-item:last-child::after {
  display: none;
}
.d-con .d-conleft .d-navs .d-item.active {
  color: #f96432;
}
.d-con .d-conleft .d-navs .d-item.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 34px;
  height: 4px;
  margin-left: -17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .d-conleft .d-gamedesc {
  position: relative;
  overflow: hidden;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap {
  max-height: 662px;
  overflow: auto;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap.auto {
  height: auto;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box {
  padding: 25px 20px;
  color: #222426;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamedesc-title {
  position: relative;
  margin-bottom: 16px;
  padding-left: 13px;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamedesc-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 15px;
  transform: translateY(-50%);
  background-image: linear-gradient(134deg, #ff7f2a 0%, #ff5244 100%);
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamedesc-desc {
  width: 900px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 24px;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamedesc-desc img {
  display: block;
  max-width: 80% !important;
  margin: 24px auto;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamedesc-desc .ad-custom-three img {
  margin: 0 auto 10.66667px;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix {
  margin-bottom: 30px;
  font-size: 16px;
  color: #92959a;
  line-height: 24px;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .point {
  color: #616366;
  text-decoration: none;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .cp {
  margin-bottom: 4px;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .base {
  *zoom: 1;
  color: #606672;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .base:before,
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .base:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .base:after {
  clear: both;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .base .left {
  float: left;
  color: #000000;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .base .right {
  float: right;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-wrap .d-gamedesc-box .d-gamesix .base .right a {
  color: #606672;
}
.d-con .d-conleft .d-gamedesc .d-gamedesc-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap {
  padding: 24px 20px;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox {
  position: relative;
  width: 900px;
  height: 506px;
  background-color: #fff;
  overflow: hidden;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  margin: 0 auto;
  max-width: 660px;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .img.v {
  height: 100%;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .img.h {
  width: 100%;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .larrow,
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .rarrow {
  display: none;
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .larrow::before,
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .rarrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  transform: translate(-50%, -50%);
  color: #fff;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .larrow {
  left: 0;
  border-radius: 4px 0 0 4px;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .larrow::before {
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/icon_left.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .rarrow {
  right: 0;
  border-radius: 0 4px 4px 0;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox .rarrow::before {
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/icon_right.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox:hover .larrow,
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgbox:hover .rarrow {
  display: block;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimglist-wrap {
  margin-top: 20px;
  width: 900px;
  overflow: hidden;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimglist-wrap .showimglist {
  *zoom: 1;
  overflow-x: auto;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimglist-wrap .showimglist:before,
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimglist-wrap .showimglist:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimglist-wrap .showimglist:after {
  clear: both;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimglist-wrap .showimglist .showimglist-item {
  float: left;
  width: 160px;
  height: 90px;
  margin-right: 9px;
  background: #f9f8f8;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimglist-wrap .showimglist .showimglist-item .img {
  display: block;
  margin: 0 auto;
  height: 100%;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgac {
  margin-top: 20px;
  width: 900px;
  text-align: center;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgac .showimgac-item {
  display: inline-block;
  width: 100px;
  height: 10px;
  margin-right: 10px;
  background: #eeeeee;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgac .showimgac-item.active {
  background: #f96432;
}
.d-con .d-conleft .d-gameimg .d-gameimg-wrap .showimgac .showimgac-item:last-child {
  margin-right: 0;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box {
  position: relative;
  padding: 25px 20px;
  margin-bottom: 32px;
  background-color: #fffaf8;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-title {
  position: relative;
  margin-bottom: 16px;
  padding-left: 13px;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 15px;
  transform: translateY(-50%);
  background-image: linear-gradient(134deg, #ff7f2a 0%, #ff5244 100%);
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-content {
  font-size: 16px;
  line-height: 24px;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-content img {
  display: block;
  max-width: 80% !important;
  margin: 24px auto;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-content .ad-custom-three img {
  margin: 0 auto 10.66667px;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-limit {
  position: relative;
  width: 100%;
  height: 60px;
  z-index: 1;
  text-align: center;
  background-image: linear-gradient(180deg, rgba(255, 250, 248, 0) 1%, #fffaf8 100%);
  font-family: PingFangSC;
  font-size: 22px;
  color: #0d6cf6;
  line-height: 60px;
  cursor: pointer;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-limit::before {
  content: "收起";
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-limit::after {
  content: "";
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box .d-gamecontent-limit .icon-limit {
  display: inline-block;
  width: 24px;
  height: 14px;
  margin-left: 12px;
  transform: rotate(180deg);
  background-image: url("../images/ng_more_icon_bot.aac46d71.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box.limit .d-gamecontent-content {
  height: 500px;
  overflow: hidden;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box.limit .d-gamecontent-limit {
  position: relative;
  background-image: none;
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box.limit .d-gamecontent-limit::before {
  content: "展开";
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box.limit .d-gamecontent-limit::after {
  position: absolute;
  top: -140px;
  left: 0;
  width: 100%;
  height: 140px;
  background-image: linear-gradient(180deg, rgba(255, 250, 248, 0) 1%, #fffaf8 100%);
}
.d-con .d-conleft .d-gamecontent .d-gamecontent-wrap .d-gamecontent-box.limit .d-gamecontent-limit .icon-limit {
  transform: rotate(0);
}
.d-con .d-conleft .d-gametype .d-gametype-wrap {
  padding: 24px 20px 0;
  *zoom: 1;
}
.d-con .d-conleft .d-gametype .d-gametype-wrap:before,
.d-con .d-conleft .d-gametype .d-gametype-wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-con .d-conleft .d-gametype .d-gametype-wrap:after {
  clear: both;
}
.d-con .d-conleft .d-gametype .d-gametype-wrap .d-gametype-item {
  float: left;
  width: 128px;
  height: 158px;
  margin-bottom: 40px;
}
.d-con .d-conleft .d-gametype .d-gametype-wrap .d-gametype-item .icon {
  display: block;
  width: 88px;
  height: 88px;
  border-radius: 16px;
  margin: 0 auto;
}
.d-con .d-conleft .d-gametype .d-gametype-wrap .d-gametype-item .name {
  display: block;
  width: 96px;
  margin: 10px auto 0;
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #222426;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-con .d-conleft .d-gametype .d-gametype-wrap .d-gametype-item .gamebtn {
  display: block;
  width: 70px;
  height: 26px;
  margin: 10px auto 0;
  background-image: linear-gradient(134deg, #ff7f2a 0%, #ff5244 100%);
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
}
.d-con .d-conright {
  float: right;
  width: 300px;
}
.d-con .d-conright .d-gamerank {
  margin-top: 0;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap {
  padding: 20px 20px 24px 20px;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item {
  *zoom: 1;
  margin-bottom: 30px;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item:before,
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item:after {
  clear: both;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item:last-child {
  margin-bottom: 0;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item .icon {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 6px;
  border-radius: 12px;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item .base {
  float: left;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item .base .name {
  width: 126px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  color: #222426;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item .base .types {
  margin-top: 2px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #939393;
  line-height: 22px;
}
.d-con .d-conright .d-gamerank .d-gamerank-wrap .d-gamerank-list .d-gamerank-item .gamebtn {
  float: right;
  width: 48px;
  height: 26px;
  margin-top: 11px;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  background-image: linear-gradient(134deg, #ff7f2a 0%, #ff5244 100%);
  border-radius: 4px;
  line-height: 26px;
  cursor: pointer;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list {
  position: relative;
  padding: 20px 0px;
  min-height: 510px;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .line {
  position: absolute;
  top: 0;
  left: 24px;
  width: 2px;
  height: 100%;
  background: #e6e8eb;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item {
  margin-bottom: 30px;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item:last-child {
  margin-bottom: 0;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t {
  padding-left: 17px;
  margin-bottom: 10px;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t .point {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t .point::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  background: transparent;
  z-index: 3;
  border-radius: 50%;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t .point::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  background: #e6e8eb;
  z-index: 4;
  border-radius: 50%;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t .point.today::before {
  background: rgba(249, 100, 50, 0.2);
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t .point.today::after {
  background: #f96432;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t .times {
  display: inline-block;
  margin-left: 18px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #939393;
  line-height: 26px;
  font-weight: bold;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t .times.today {
  color: #222426;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-t .times.today::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/kctoday.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b {
  padding-left: 50px;
  *zoom: 1;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b:before,
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b:after {
  clear: both;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b .icon {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border-radius: 12px;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b .base {
  float: left;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b .base .name {
  width: 96px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #222426;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b .base .types {
  height: 22px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #939393;
  line-height: 22px;
  overflow: hidden;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b .base .types .icon-gift {
  display: inline-block;
  width: 14px;
  height: 15px;
  margin-right: 6px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/kcgift.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  vertical-align: middle;
}
.d-con .d-conright .d-gamekc .d-gamekc-wrap .d-gamekc-list .d-gamekc-item .d-gamekc-item-b .gamebtn {
  float: right;
  width: 48px;
  height: 26px;
  margin-right: 24px;
  margin-top: 11px;
  background-image: linear-gradient(134deg, #ff7f2a 0%, #ff5244 100%);
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list {
  position: relative;
  padding: 20px 0px;
  min-height: 510px;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item {
  margin-bottom: 30px;
  padding-left: 18px;
  *zoom: 1;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item:before,
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item:after {
  clear: both;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item:last-child {
  margin-bottom: 0;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item .icon {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border-radius: 12px;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item .base {
  float: left;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item .base .name {
  width: 112px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #222426;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item .base .types {
  height: 22px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #939393;
  line-height: 22px;
  overflow: hidden;
}
.d-con .d-conright .d-gamelatest .d-gamelatest-wrap .d-gamelatest-list .d-gamelatest-item .gamebtn {
  float: right;
  width: 48px;
  height: 26px;
  margin-right: 24px;
  margin-top: 11px;
  border: 1px solid #ff7c2b;
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ff7c2b;
  text-align: center;
  line-height: 26px;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap {
  padding-bottom: 24px;
  overflow: hidden;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list {
  width: 600%;
  transition: all 0.4s ease;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item {
  float: left;
  margin: 0 20px;
  padding: 20px 0;
  border-top: 1px solid #f0f0f0;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item:nth-child(1),
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item:nth-child(2),
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item:nth-child(3),
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item:nth-child(4),
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item:nth-child(5),
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item:nth-child(6) {
  border-top: 0;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item .bgs {
  position: relative;
  width: 260px;
  height: 146px;
  border-radius: 4px;
  overflow: hidden;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item .bgs:hover .cont {
  display: -webkit-box;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item .bgs .img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item .bgs .cont {
  font-size: 14px;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 78px 8px 8px 8px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  color: #fff;
  font-family: PingFangSC-Regular;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item .ntitle {
  width: 260px;
  margin-top: 12px;
  font-family: PingFangSC-Regular;
  color: #222426;
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-list .d-gamenews-item .ntime {
  margin-top: 10px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #939393;
  line-height: 18px;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-nav {
  text-align: center;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-nav .d-gamenews-nav-item {
  display: inline-block;
  width: 20px;
  height: 6px;
  margin-right: 10px;
  background: #eeeeee;
  cursor: pointer;
}
.d-con .d-conright .d-gamenews .d-gamenews-wrap .d-gamenews-nav .d-gamenews-nav-item.active {
  background: #f96432;
}
.game-down-popup {
  display: none;
  position: absolute;
  width: 450px;
  height: 310px;
  background: #ffffff;
  box-shadow: 0 8px 16px 0 rgba(176, 184, 191, 0.3);
  border-radius: 4px;
  z-index: 10;
}
.game-down-popup.show {
  display: block;
}
.game-down-popup .popup-header {
  display: block;
  width: 100%;
  height: 60px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/element_download_top_bg.00a79a95.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.game-down-popup .popup-box {
  padding-left: 25px;
}
.game-down-popup .popup-box .cont {
  display: block;
  margin-top: 5px;
  *zoom: 1;
}
.game-down-popup .popup-box .cont:before,
.game-down-popup .popup-box .cont:after {
  display: table;
  content: "";
  line-height: 0;
}
.game-down-popup .popup-box .cont:after {
  clear: both;
}
.game-down-popup .popup-box .cont .qrcode {
  float: left;
  width: 130px;
  height: 130px;
  margin-right: 25px;
  padding: 25px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/9game_qr_code_bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.game-down-popup .popup-box .cont .tips {
  float: left;
  margin-top: 29px;
}
.game-down-popup .popup-box .cont .tips li {
  display: block;
  margin-bottom: 15px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #222426;
  letter-spacing: 0;
  line-height: 22px;
}
.game-down-popup .popup-box .cont .tips li:last-child {
  margin-bottom: 0;
}
.game-down-popup .popup-box .btns {
  display: block;
  margin-top: 5px;
  padding-left: 15px;
  text-align: center;
  *zoom: 1;
}
.game-down-popup .popup-box .btns:before,
.game-down-popup .popup-box .btns:after {
  display: table;
  content: "";
  line-height: 0;
}
.game-down-popup .popup-box .btns:after {
  clear: both;
}
.game-down-popup .popup-box .btns .btn {
  float: left;
  width: 180px;
  height: 40px;
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}
.game-down-popup .popup-box .btns .btn.nr {
  margin-right: 10px;
  border: 1px solid #f96432;
  box-sizing: border-box;
  color: #f96432;
}
.game-down-popup .popup-box .btns .btn.nr.hide {
  display: none;
}
.game-down-popup .popup-box .btns .btn.hs {
  background-image: linear-gradient(134deg, #ff7f2a 0%, #ff5244 100%);
  color: #fff;
}
.game-down-popup .popup-box .btns .btn.center {
  float: none;
  display: inline-block;
}
.img-popup {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 100;
}
.img-popup .img-popup-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.img-popup .img-popup-box {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 960px;
  height: 95%;
  transform: translate(-50%, -50%);
  background-color: #000;
  overflow: auto;
}
.img-popup .img-popup-box .img {
  display: block;
  height: auto;
  width: 95%;
  margin: 0 auto;
}
.footer {
  width: auto;
  margin-top: 30px;
  padding: 40px 0;
  background-color: #ebeef2;
}
.footer .links {
  display: block;
  text-align: center;
}
.footer .links .link {
  display: inline-block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #616366;
  line-height: 24px;
}
.footer .copyright {
  display: block;
  margin-top: 10px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #919499;
  text-align: center;
  line-height: 22px;
}
.footer .copyright a {
  color: #919499;
}
.footer .plc {
  display: block;
  margin: 10px auto 0;
  text-align: center;
  font-size: 0;
}
.footer .plc a {
  display: inline-block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #616366;
  line-height: 24px;
  vertical-align: middle;
}
.footer .plc a.icon-wen {
  width: 24px;
  height: 24px;
  margin-left: 20px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/wenming.6e02ff27.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.footer .plc a.icon-juebao {
  width: 53px;
  height: 24px;
  margin-left: 20px;
  background-image: url("https://static.vxwvv.com/static/25az/update-yi/pc/images/report_logo.ef663b79.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.permission-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.permission-popup.show {
  display: block;
}
.permission-popup .bg-mark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.permission-popup .main {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 700px;
  height: 468px;
  transform: translate(-50%, -50%);
  padding: 32px 24px;
  background-color: #fff;
  border-radius: 8px;
}
.permission-popup .main .title {
  display: block;
  margin-bottom: 26px;
  font-family: PingFangSC-Semibold;
  font-size: 24px;
  color: #222426;
  letter-spacing: 0;
  line-height: 32px;
}
.permission-popup .main .content-box {
  display: block;
  height: 410px;
  overflow: auto;
}
.permission-popup .main .content-box .content .txt {
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #616366;
  line-height: 20px;
  margin-bottom: 20px;
}
.top_bjbox {
  width: 100%;
  height: 306px;
  position: relative;
}
.top_bjbox .bj {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.top_bjbox .bj img {
  width: 110%;
  height: 110%;
  display: block;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  position: relative;
  left: -5%;
  top: -5%;
}
.top_bjbox .bj:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
  zoom: 1;
  background: rgba(0, 0, 0, 0.8);
}
.top_bjbox .W1200 {
  position: relative;
  z-index: 1;
}
.top_bjbox .Topdowmbox {
  padding-top: 15px;
  width: 100%;
}
.tab_box {
  width: 100%;
  height: 58px;
  float: left;
}
.tab_box .tab {
  cursor: pointer;
  float: left;
  width: 179px;
  margin-right: 7px;
  height: 58px;
  display: block;
  background: url("../images/ico_img.png") no-repeat center;
  background-position: 0 -394px;
  color: #fff;
  line-height: 58px;
  text-align: center;
  border-radius: 5px;
}
.tab_box .tab:hover {
  opacity: 0.9;
}
.tab_box .tab i {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
.tab_box .tab span {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 3px;
  height: 12px;
  width: 6px;
  background-position: -286px 0;
}
.tab_box .tab .ico_sao {
  height: 22px;
  width: 22px;
  background-position: -370px 0;
  margin: -3px 0 0 5px;
  cursor: pointer;
}
.tab_box .tab .num {
  display: inline-block;
  vertical-align: middle;
  height: 58px;
  position: relative;
  z-index: 2000;
  width: 22px;
}
.tab_box .tab .num .sao {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -55px;
  top: 50px;
  width: 110px;
  height: 110px;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  z-index: 10000;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.tab_box .tab .num .sao img {
  display: block;
  width: 100%;
  height: 100%;
}
.tab_box .tab .num.on .sao {
  display: block;
}
.tab_box .anzhuo {
  background-position: 0 -322px;
}
.tab_box .anzhuo i {
  height: 28px;
  width: 24px;
  background-position: -335px 0;
}
.tab_box .iphone {
  background-position: 0 -252px;
}
.tab_box .iphone i {
  margin-top: -5px;
  height: 25px;
  width: 21px;
  background-position: -304px 0;
}
.tab_box .tab.empty {
  background: #999;
}
.top_bjbox .Topdowmbox .rig {
  float: right;
}
.top_bjbox .Topdowmbox .rig .ewm {
  width: 140px;
  height: 140px;
}
.top_bjbox .Topdowmbox .rig .text {
  margin-top: 10px;
  text-align: center;
  color: #ffffff;
}
.top_bjbox .Topdowmbox .rit {
  float: right;
  width: 445px;
}
.top_bjbox .Topdowmbox .rit .img,
.top_bjbox .Topdowmbox .rit .img img {
  display: block;
  float: left;
  width: 140px;
  height: 140px;
  border-radius: 17px;
}
.top_bjbox .Topdowmbox .rit .infor {
  width: 285px;
  padding-left: 15px;
  float: left;
}
.top_bjbox .Topdowmbox .rit .infor .name {
  margin: 0 11px;
  display: block;
  line-height: 57px;
  height: 57px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 2px solid #465054;
  color: #fff;
  font-size: 30px;
}
.top_bjbox .Topdowmbox .rit .infor .name:hover {
  color: #14b9c8;
}
.top_bjbox .Topdowmbox .rit .infor p {
  padding-top: 14px;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
  width: 100%;
}
.top_bjbox .Topdowmbox .rit .infor p span {
  color: #fff;
  width: 126px;
  float: left;
  height: 25px;
  padding-left: 11px;
  margin-right: 5px;
  overflow: hidden;
}
.top_bjbox .Topdowmbox .rit .infor p span i {
  margin: -3px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
  border-radius: 20px;
  height: 23px;
  line-height: 23px;
  background: #1aad19;
}
.top_bjbox .Topdowmbox .rit .tab_a {
  padding-top: 34px;
  line-height: 32px;
  height: 34px;
  overflow: hidden;
  width: 100%;
}
.top_bjbox .Topdowmbox .rit .tab_a a {
  display: block;
  float: left;
  margin-right: 7px;
  border: 1px solid #1aad19;
  height: 32px;
  line-height: 32px;
  padding: 0 3px;
  width: 85px;
  color: #ffff;
  background: #18874b;
  border-radius: 2px;
  text-align: center;
  overflow: hidden;
}
.top_bjbox .Topdowmbox .rit .tab_a a:hover {
  background: #1aad19;
}
.top_bjbox .Topdowmbox .dowm_text {
  width: 1200px;
  height: 140px;
}
.top_bjbox .Topdowmbox .dowm_text .img,
.top_bjbox .Topdowmbox .dowm_text .img img {
  display: block;
  float: left;
  width: 140px;
  height: 140px;
  border-radius: 17px;
}
.top_bjbox .Topdowmbox .dowm_text .infor {
  width: 1020px;
  padding-left: 30px;
  float: left;
}
.top_bjbox .Topdowmbox .dowm_text .infor .bt {
  display: block;
  line-height: 50px;
  height: 50px;
  color: #fff;
  overflow: hidden;
}
.top_bjbox .Topdowmbox .dowm_text .infor .bt h1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 30px;
  display: block;
  float: left;
  color: #fff;
  max-width: 730px;
  font-weight: normal;
}
.top_bjbox .Topdowmbox .dowm_text .infor .bt span {
  float: left;
  padding-left: 10px;
  max-width: 400px;
  height: 100%;
  overflow: hidden;
}
.top_bjbox .Topdowmbox .dowm_text .infor p {
  padding-top: 20px;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
  width: 530px;
}
.top_bjbox .Topdowmbox .dowm_text .infor p span {
  color: #fff;
  width: 160px;
  float: left;
  height: 25px;
  padding-left: 5px;
  margin-right: 5px;
  overflow: hidden;
}
.top_bjbox .Topdowmbox .dowm_text .infor p span i {
  margin: -3px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
  border-radius: 20px;
  height: 23px;
  line-height: 23px;
  background: #1aad19;
}
.top_bjbox .Topdowmbox .dowm_text .infor p span a {
  color: #21c3cc;
}
.top_bjbox2 {
  width: 100%;
  height: 390px;
  position: relative;
}
.top_bjbox2 .bj {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.top_bjbox2 .bj img {
  width: 110%;
  height: 110%;
  display: block;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  position: relative;
  left: -5%;
  top: -5%;
}
.top_bjbox2 .bj:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
  zoom: 1;
  background: rgba(0, 0, 0, 0.7);
}
.top_bjbox2 .W1200 {
  position: relative;
  z-index: 1;
}
.top_bjbox2 .Minbox_a {
  padding: 27px 0;
}