/**
 * 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 */
}

/**
 * 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;
}


/**
 * 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 */
  -webkit-text-decoration: underline dotted;
          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;
}
@font-face {font-family: "iconfont";
  src: url(../fonts/iconfont.eot?8920d8e96d79b514bdcc072e0958abfb); /* IE9 */
  src: url(../fonts/iconfont.eot?8920d8e96d79b514bdcc072e0958abfb#iefix) format('embedded-opentype'),
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url(../fonts/iconfont.woff?387293684487b9f6ffb773de5fa4d3fc) format('woff'),
  url(../fonts/iconfont.ttf?e8ba13ce5fb9958d40668dc30db239ed) format('truetype'),
  url(../fonts/iconfont.svg?d89abf19bc993bf44514dd24963be968#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconmore:before {
  content: "\E602";
}

.iconarrow-right-circle:before {
  content: "\E665";
}

.iconarrow-left-circle:before {
  content: "\E666";
}

.iconyoubianjiantoujiaoduxiao:before {
  content: "\E639";
}

.iconchakan:before {
  content: "\E60A";
}

.iconandriod2:before {
  content: "\E6BE";
}

.iconios2:before {
  content: "\E62A";
}

.iconandriod:before {
  content: "\E616";
}

.iconios:before {
  content: "\E61F";
}

.iconruanjian:before {
  content: "\E706";
}

.iconruanjianxiazai:before {
  content: "\E6BD";
}

.icondian:before {
  content: "\EC1E";
}

.iconadd:before {
  content: "\E6DF";
}

.iconclose:before {
  content: "\E6E9";
}

.iconcollection_fill:before {
  content: "\E6EA";
}

.iconhomepage_fill:before {
  content: "\E702";
}

.iconlike_fill:before {
  content: "\E707";
}

.iconmanage_fill:before {
  content: "\E70B";
}

.iconundo:before {
  content: "\E739";
}

.iconsearch:before {
  content: "\E741";
}

.iconpackup:before {
  content: "\E749";
}

.iconunfold:before {
  content: "\E74A";
}

.icontime:before {
  content: "\E631";
}

/**
 * Swiper 5.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 16, 2019
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("../fonts/e08afa04aa6f4ac3beab3af214501b17.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  top: 55px;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  top: 90%;
  right: 10px;
  width: 30%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #f0f8ff;
  opacity: 0.6;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: 0;
}

:focus {
    outline: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input,
button,
textarea,
select {
    *font-size: 100%;
}

body {
    line-height: 1.5;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline;
}

:link,
:visited,
ins {
    text-decoration: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

b,
em,
i {
    font-style: normal;
    font-weight: normal;
}

button,
input,
select,
textarea,
th {
    background: #fff;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun",
        "Hiragino Sans GB", sans-serif;
}

img {
    display: block;
    border: 0;
    vertical-align: middle;
}

* {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

input[type="submit"],
input[type="reset"],
input[type="password"],
input[type="button"],
input[type="text"],
button {
    -webkit-appearance: none;
}

input {
    background: none;
    outline: none;
    border: none;
    -webkit-appearance: none;
}

input:focus {
    border: none;
}

html {
    font-size: 100px;
    /* font-size: 50px; */
}

body {
    font-size: 0.32rem;
}

.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

body {
    margin: 0;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun",
        "Hiragino Sans GB", sans-serif;
    color: #333;
    background-color: #f4f4f4;
    position: relative;
}

html,
body {
    width: 100%;
    height: 100%;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.flex {
    display: flex;
}

.flex_grow {
    flex-grow: 1;
}

.flex-w {
    display: flex;
    flex-wrap: wrap;
}

.plr10 {
    padding: 0 0.2rem;
}

.wrap {
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
}

.hide {
    display: none;
}

.bg {
    background-color: #fff;
}

.large-btn {
    display: block;
    width: 100%;
    margin: 0.2rem auto;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    border-radius: 20px;
    background-color: #63a92e;
    color: #fff;
    font-size: 0.32rem;
}

.no-data {
    padding: 0.2rem;
}

.no-data h2 {
    font-size: 0.36rem;
    font-weight: 600;
    line-height: 1rem;
}

.no-data p {
    font-size: 0.28rem;
    line-height: 0.6rem;
}

/* 标题 */
.title-h3 {
    padding: 0.2rem;
}

.title-h3 div {
    align-items: baseline;
}

.title-h3 h3 {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.36rem;
    color: #333;
    font-weight: 600;
    flex-grow: 1;
}

.title-h3 a.more {
    font-size: 0.26rem;
    color: #666;
}

/* 头部 */
header {
    height: 0.84rem;
    font-size: 0.28rem;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

header .logo {
    width: 2rem;
}

header i {
    display: block;
}

header .logo img {
    width: 2.1rem;

    margin-left: 0.2rem;
}

header .search,
.search_txt {
    position: relative;
    font-size: 0.24rem;
}

header .search {
    background: #f2f2f2;
    border-radius: 4px;
    height: 0.6rem;
    padding-left: 0.1rem;
    width: 3.6rem;
    line-height: 0.6rem;
}

header .search .search_form {
    border-width: initial;
    border-style: none;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
    outline: none;
    width: 2.85rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.24rem;
    -webkit-animation: resetBg 0.1s forwards;
            animation: resetBg 0.1s forwards;
}

@-webkit-keyframes resetBg {
    to {
        color: #333;
        background: #f2f2f2;
    }
}

@keyframes resetBg {
    to {
        color: #333;
        background: #f2f2f2;
    }
}

header .search .search_icon {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0.1rem;
    right: 0.2rem;
}

/* nav */
nav {
    width: 100%;
    overflow: hidden;
    background-color: #63a92e;
}

nav li {
    display: inline-block;
    width: 16.667%;
    padding: 0.1rem 0;
}

nav li a {
    display: block;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
}

nav li.current a {
    color: #e4ffe4;
}

nav li:last-child a {
    border: none;
}

nav ul,
nav ol {
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

nav ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

nav ol::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
}

/* slider */
/* silder */
.slider {
    height: 4rem;
}

.slider .swiper-container {
    height: 4rem;
}

.swiper-slide {
    position: relative;
}

.swiper-slide img {
    width: 100%;
    height: 4rem;
    -o-object-fit: cover;
       object-fit: cover;
}

.swiper-slide .txt {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.swiper-slide .txt p {
    display: block;
    width: 70%;
    padding: 0 0.2rem;
    font-size: 0.32rem;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 底部 */
footer .cont {
    height: 1.25rem;
    font-size: 0;
    text-align: center;
    padding: 0.2rem 0 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

footer .cont i {
    display: inline-block;
    width: 2.47rem;
    height: 1rem;
    background-position: -1.35rem -2.14rem;
    margin-bottom: 0.15rem;
}

footer .cont p {
    color: #a2a2a2;
    font-size: 0.24rem;
}

/* 面包屑 */
.bread {
    padding: 0 0.2rem;
}

.bread .index {
    display: inline;
    font-size: 0.26rem;
    color: #999;
}

.bread .index a {
    color: #999;
    display: inline-block;
    padding: 0.1rem;
}

/* 详情页 */
div.photo-box {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    height: 100% !important;
    position: fixed;
    overflow: hidden;
    display: none;
    z-index: 999;
    left: 0;
    top: 0;
}

.cf {
    *zoom: 1;
}

.pinch-zoom-container {
    height: 100% !important;
}

.img-slider {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

.img-slider li {
    max-width: 90%;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    z-index: 999;
}

div.photo-box li {
    list-style: none;
}

.img-slider li img {
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

/* page-wrap */
.page-wrap {
    padding: 0.3rem 0.4rem;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.page-wrap li{list-style-type: none;display: inline-block;margin:0 3px;}
.page-wrap a,.page-wrap span {
    width: 25%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.22rem;
    color: #454545;
    border-radius: 3px;
    background-color: #e7ebee;
    padding: 1px 4px;
}

.page-wrap a:first-child,
.page-wrap a:last-child {
    width: 1rem;
}

.page-wrap .current{background-color:#63a92e ;color:#fff;}


/* tabs */
.tabs {
    text-align: center;
    font-size: 0;
    margin: 0.2rem 0;
}

.tabs a {
    display: inline-block;
    vertical-align: top;
    width: 2rem;
    line-height: 0.44rem;
    padding: 0.07rem 0;
    border: 1px solid #63a92e;
    background: none;
    color: #63a92e;
    font-size: 0.32rem;
}

.tabs a.current {
    background: #63a92e;
    color: #fff;
}

.tabs a:first-child {
    border-radius: 0.4rem 0 0 0.4rem;
}

.tabs a+a {
    margin-left: -0.02rem;
}

.tabs a:last-child {
    border-radius: 0 0.4rem 0.4rem 0;
}

/* seacrh-result */
.no-result {
    padding: 0.2rem;
}

.no-result .tips {
    font-weight: 600;
    font-size: 0.36rem;
}

.no-result .tips span {
    color: #ff0000;
    margin: 0.04rem;
}

.no-result .cont {
    margin: 0.4rem 0;
}

.no-result .cont p {
    line-height: 0.8rem;
}

.app-sort-list li .ra {
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background-color: #bbb;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    font-style: italic;
    text-indent: -0.02rem;
}

.app-sort-list li .ra1 {
    background: #ff5555;
}

.app-sort-list li .ra2 {
    background: #ff9d10;
}

.app-sort-list li .ra3 {
    background: #76c880;
}
/* sort */
.sort-wrap li {
    padding: 0.1rem 0;
    align-items: center;
    border-bottom: 1px dotted #ececec;
}

.sort-wrap .sort1 {
    width: 2rem;
    text-align: center;
}

.sort-wrap li a.sort1 .icon {
    width: 0.7rem;
    height: 0.7rem;
    overflow: hidden;
    margin: 0 auto;
}

.sort-wrap li a.sort1 .icon img {
    width: 0.7rem;
    height: 0.7rem;
}

.sort-wrap li .sort1 h2 {
    line-height: 0.6rem;
    font-size: 0.32rem;
}

.sort-wrap .sort2 {
    flex: 1;
}

.sort-wrap li .sort2 a {
    margin: 0.1rem 0;
    display: inline-block;
    padding: 0.1rem 0.2rem;
    font-size: 0.28rem;
}

/* app-down-box */
.app-down-box {
    width: 85%;
    margin: 0 auto;
    padding: 0.2rem 0;
}

.app-down-box .info-wrap .icon {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 14px;
    overflow: hidden;
}

.app-down-box .info-wrap .icon img {
    width: 1.6rem;
    height: 1.6rem;
}

.app-down-box .info-wrap .info {
    width: 4.2rem;
    padding: 0 0.2rem;
}

.app-down-box .info-wrap .info h1 {
    font-size: 0.4rem;
    font-weight: 600;
}

/* 评分 */
.app-down-box .star_grade {
    display: inline-block;
}

.app-down-box .info .detail .info-item {
    width: 50%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    color: #bababa;
    margin-top: 0.1rem;
    font-size: 0.24rem;
}

/* 五角星评分 */
.set_image_all {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.set_image_all .set_image_item {
    position: relative;
    display: inline-block;
    z-index: 11;
    visibility: visible;
}

.set_image_all .set_image_top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.set_image_all .set_image_top>div {
    display: inline-block;
    overflow: hidden;
}

.set_image_all .set_image_top>div>img {
    height: 100%;
}

/* sort */
.sort-menu {
    overflow: hidden;
    height: 0.6rem;
    padding: 0.2rem;
}

.sort-menu .sort-content {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    height: 0.8rem;
}

.sort-menu .sort-content a {
    display: inline-block;
    padding: 0.05rem 0.2rem;
    border: 1px solid #63a92e;
    color: #63a92e;
    border-radius: 20px;
    font-size: 0.28rem;
}

.sort-menu .sort-content a.current {
    background-color: #63a92e;
    color: #fff;
}

.app-data {
    padding: 0 0.2rem;
}

.app-data li {
    padding: 0.2rem 0;
    border-bottom: 1px dotted #ececec;
}

.app-data a {
    align-items: center;
}

.app-data .img {
    width: 1.4rem;
    height: 1.4rem;
    overflow: hidden;
    border-radius: 14px;
}

.app-data .img img {
    width: 1.4rem;
    height: 1.4rem;
}

.app-data .info {
    flex: 1;
    overflow: hidden;
    margin: 0 0.4rem;
}

.app-data .info .name {
    font-size: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
}

.app-data .info .size-info {
    align-items: center;
}

.app-data .info .size {
    color: #999;
    margin-right: 0.1rem;
    font-size: 0.24rem;
}

.app-data .info i.icon {
    font-size: 0.32rem;
}

.app-data .size-info i.iconandriod2 {
    color: #a4cc38;
}

.app-data .size-info i.iconios {
    color: #ddd;
}

.app-data .btn {
    display: block;
    padding: 0.26rem;
    border: 1px solid #63a92e;
    color: #63a92e;
    border-radius: 4px;
    font-size: 0.26rem;
    height: 0;
    line-height: 0;
}

/* screen-shot */
/* 游戏截图 */
.game_img_hide {
    overflow: hidden;
    max-height: 4.027rem;
}

.screenshot_img_show {
    height: auto;
}

.screenshot_img_hide {
    /* padding: 0 0.3rem; */
}

.screenshot_img {
    padding: 0.1rem 0 0;
}

.swiper-container1 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.swiper-container1 .swiper-slide {
    max-width: 72%;
    margin-right: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-container1 .swiper-slide:last-child {
    margin-right: 0;
}

.swiper-container1 img {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
    max-width: 5.6rem;
    max-height: 5.6rem;
}

.swiper-container1>.swiper-pagination {
    bottom: 0 !important;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-wrapper.hide {
    display: none;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 0;
    right: 0.2rem;
    width: 30%;
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    margin: 0 0.05rem;
    border-radius: 100%;
    background: #fff;
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 0.9;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.pic-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 39;
}

.xzImgBig {
    overflow: hidden;
}

.xzImgBig .swiper-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
}

.xzImgBig .swiper-slide {
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    overflow: hidden;
}

.xzImgBig .swiper-wrapper {
    padding-bottom: 0.3rem;
}

.xzImgBig .swiper-wrapper img {
    max-width: 90%;
    height: auto;
    max-height: 90vh;
}

/* app-intro */
.app-intro-content {
    padding: 0 0.2rem;
}

.app-intro-content p {
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.6rem;
    word-break: break-all;
    margin: 0.2rem 0;
}

.app-intro-content h2,
.app-intro-content h3 {
    color: #333;
    margin: 0.2rem 0;
    font-size: 0.32rem;
    font-weight: 600;
}

.app-intro-content img,
.app-intro-content p img {
    max-width: 100%;
    margin: 0.2rem auto;
}

.app-intro-content .hidden_box {
    overflow: hidden;
}

.app-intro-content .auto_box {
    height: auto;
}

.app-intro-content .cont {
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #454545;
}

.app-intro-content .guarantee {
    font-size: 0.24rem;
    color: #999;
}

.app-intro-content .guarantee .safety {
    height: 0.8rem;
    align-items: center;
    justify-content: center;
}

.app-intro-content .guarantee .safety ul,
.app-intro-content .guarantee .safety ol {
    flex: 1;
}

.app-intro-content .guarantee .safety ul li,
.app-intro-content .guarantee .safety ol li {
    margin-right: 0.33rem;
}

.app-intro-content .guarantee .open_hidden {
    display: block;
    font-size: 0.28rem;
    color: #63a92e;
    border-radius: 4px;
    border: 1px solid #63a92e;
    text-align: center;
    width: 2rem;
    padding: 0.04rem 0;
}

/* breif-info */
.breif-info {
    padding: 0 0.2rem;
}

.breif-info ol {
    flex-wrap: wrap;
}

.breif-info li {
    width: 33.3333%;
    overflow: hidden;
    white-space: nowrap;
    color: #999;
    font-size: 0.26rem;
}

.breif-info li:nth-child(even) {
    width: 66.6666%;
}

.rela-news-simple {
    padding: 0 0.2rem;
}

.rela-news-simple li a {
    width: 0%;
    height: 0.8rem;
    line-height: 0.8rm;
    font-size: 0.28rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
}

.sort-box {
    padding: 0.2rem 0.4rem;
}

.sort-box-title {
    justify-content: space-between;
}

.sort-box-title b {
    font-weight: 600;
    color: #333;
    font-size: 0.3rem;
}

.sort-box-title i {
    display: block;
    font-weight: 600;
    color: #bbb;
}

.sort-item {
    overflow: hidden;
    height: 1.5rem;
}

.sort-item a {
    color: #666;
    padding: 0.08rem 0;
    width: 22%;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #63a92e;
    font-size: 0.24rem;
    margin: 0.1rem 0.2rem 0.1rem 0;
}

.sort-item a.current {
    background: #63a92e;
    color: #fff;
}

.app-sort-list {
    padding: 0 0.4rem;
}

.app-sort-list li {
    padding: 0.1rem 0;
    border-bottom: 1px dotted #ececec;
}

.app-sort-list a {
    align-items: center;
}

.app-sort-list .img {
    width: 1.4rem;
    height: 1.4rem;
    overflow: hidden;
    border-radius: 14px;
}

.app-sort-list .img img {
    width: 1.4rem;
    height: 1.4rem;
}

.app-sort-list .info {
    flex: 1;
    overflow: hidden;
    margin: 0 0.4rem;
}

.app-sort-list .info .name {
    font-size: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
}

.app-sort-list .info .size-info {
    align-items: center;
}

.app-sort-list .info .size {
    color: #999;
    margin-right: 0.1rem;
    font-size: 0.24rem;
}

.app-sort-list .info i.icon {
    font-size: 0.32rem;
}

.app-sort-list .size-info i.iconandriod2 {
    color: #a4cc38;
}

.app-sort-list .size-info i.iconios {
    color: #ddd;
}

.app-sort-list .btn {
    display: block;
    padding: 0.26rem;
    border: 1px solid #63a92e;
    color: #63a92e;
    border-radius: 4px;
    font-size: 0.26rem;
    height: 0;
    line-height: 0;
}

.version-app .app-data {
    margin-top: -0.2rem;
}

.version-app .app-data .info .name {
    font-size: 0.32rem;
}
.main-tags {
    height: 1rem;
    align-items: center;
}

.main-tags a {
    width: 33.33%;
    display: inline-flex;
    font-size: 0.32rem;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.main-tags a .icon {
    margin-right: 0.1rem;
}

/* app-box */
.app-box ol {
    flex-wrap: wrap;
}

.app-box li {
    width: 25%;
    margin-bottom: 0.4rem;
    text-align: center;
}

.app-box li:nth-child(n + 9) {
    display: none;
}

.app-box li a {
    display: block;
}

.app-box li img {
    width: 1.32rem;
    height: 1.32rem;
    border-radius: 4px;
    margin: 0 auto;
}

.app-box li p {
    width: 75%;
    height: 0.5rem;
    line-height: 0.6rem;
    color: #444;
    font-size: 0.28rem;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
}

/* topic-box */
.topic-box ol {
    flex-wrap: wrap;
}

.topic-box li {
    width: 44%;
    margin: 0 3% 0.1rem;
}

.topic-box li:nth-child(n + 5) {
    display: none;
}

.topic-box li a {
    display: block;
}

.topic-box li .img {
    height: 1.8rem;
    overflow: hidden;
    border-radius: 6px;
}

.topic-box li .img img {
    width: 100%;
    height: 1.8rem;
}

.topic-box li .name {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    font-size: 0.32rem;
    line-height: 0.6rem;
    text-align: center;
}

/* news-box */
.sub_box .news-box {
    margin-top: 0.4rem;
}

.news-box li {
    border-bottom: 1px solid #ececec;
    padding: 0.2rem 0;
}

.news-box li:first-child {
    padding-top: 0;
}

.news-box li a {
    display: flex;
}

.news-box li .img {
    width: 2.4rem;
    height: 1.4rem;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.news-box li .img img {
    width: 2.4rem;
    height: 1.4rem;
    border-radius: 0;
}

.news-box li .img .vicon {
    position: absolute;
    top: 0.32rem;
    left: 0.8rem;
    width: 0.8rem;
    height: 0.8rem;
}

.news-box li .img .vicon img {
    width: 0.8rem;
    height: 0.8rem;
}

.news-box li .img .time {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: right;
    font-size: 0.22rem;
    color: #fff;
    padding-right: 0.2rem;
    background-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.1) 30%,
            #000 100%);
}

.news-box li .info {
    padding: 0.1rem;
    position: relative;
    margin-left: 0.2rem;
    flex: 1;
}

.news-box .info .title {
    width: 100%;
    font-size: 0.32rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-box .info .date {
    position: absolute;
    bottom: 0;
    color: #ababab;
    font-size: 0.24rem;
}

.news-box .info .count {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #ababab;
    font-size: 0.24rem;
}

/* 排行榜*/
.index_rank {
    padding: 0.3rem 0.3rem 0;
}

.index_rank .tab_menu {
    height: 0.68rem;
    line-height: 0.68rem;
    text-align: center;
    color: #63a92e;
    font-size: 0.28rem;
    border: 1px solid #63a92e;
    border-radius: 0.08rem;
}

.index_rank .tab_menu span {
    flex: 1;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1px solid #63a92e;
}

.index_rank .tab_menu span a {
    display: inline-block;
}

.index_rank .tab_menu span:last-child {
    border-right: none;
}

.index_rank .tab_menu span.current {
    color: #fff;
    background-color: #63a92e;
    font-weight: 500;
}

.index_rank .tab_menu span.current a {
    color: #fff;
    font-weight: 500;
}

.index_rank ol li {
    padding: 0.22rem 0;
    border-bottom: 1px solid #eaeaea;
    align-items: center;
}

.index_rank ol li:nth-child(n + 21) {
    display: none;
}

.index_rank ol li img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.24rem;
}

.index_rank ol li .flex_grow {
    width: 0%;
}

.index_rank ol li .info {
    margin: 0 0.28rem 0 0.18rem;
}

.index_rank ol li .info p {
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.24rem;
}

.index_rank ol li .info .name {
    font-size: 0.32rem;
    color: #1f1f1f;
}

.index_rank ol li .info .num {
    color: #e6e6e6;
}

.index_rank ol li .info .num span {
    color: #ababab;
}

.index_rank ol li .info .txt {
    color: #666666;
}

.index_rank ol li i {
    display: block;
    width: 0.45rem;
    height: 0.45rem;
    background-color: #ee3e37;
    border-radius: 50%;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.45rem;
    text-align: center;
    position: relative;
    top: 0.35rem;
    left: 0;
    margin-right: 0.12rem;
}

.index_rank ol li .btn {
    display: block;
    width: 1.02rem;
    height: 0.52rem;
    line-height: 0.52rem;
    margin: 0 auto;
    border-radius: 0.06rem;
    color: #63a92e;
    font-size: 0.24rem;
    text-align: center;
}

.index_rank .more_link {
    display: block;
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: center;
    font-size: 0.26rem;
    color: #999;
    letter-spacing: 0.02rem;
}

.index_rank .sub_box {
    transform-origin: 0px 0px;
    opacity: 1;
    transform: scale(1, 1);
}

/* silder */
.slider {
    height: 4rem;
}

.slider .swiper-container {
    height: 4rem;
}

.swiper-slide img {
    width: 100%;
    height: 4rem;
    -o-object-fit: cover;
       object-fit: cover;
}

.topic-index-list {
    padding: 0.2rem;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.topic-index-list li {
    width: 48%;
    margin-bottom: 0.2rem;
}

.topic-index-list li a {
    display: block;
    width: 100%;
}

.topic-index-list li img {
    display: block;
    height: 2rem;
    width: 98%;
    border-radius: 10px;
}

.topic-index-list li p {
    width: 80%;
    font-size: 0.24rem;
    color: #333;
    line-height: 0.5rem;
    padding: 0 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}
.news-title-box {
    padding: 0.2rem;
    border-bottom: 1px dotted #bababa;
    margin-bottom: 0.1rem;
}

.news-title-box h1 {
    font-size: 0.36rem;
    font-weight: 600;
    overflow: hidden;
}

.news-title-box .tips-info {
    font-size: 0.24rem;
}

.news-title-box span {
    color: #999;
    margin-right: 0.2rem;
    font-size: 0.24rem;
}

.app-recom {
    height: 1.4rem;
    background: #f4f5f5;
    border-radius: 0.2rem;
    padding: 0.2rem 0.3rem;
    align-items: center;
    margin: 0.2rem;
}

.app-recom .img {
    width: 1.3rem;
    height: 1.3rem;
    overflow: hidden;
    border-radius: 14px;
}

.app-recom .img img {
    width: 1.3rem;
    height: 1.3rem;
}

.app-recom .info {
    font-size: 0.26rem;
    padding: 0 0.2rem;
    flex: 1;
    width: 3.9rem;
}

.app-recom .info .title {
    font-size: 0.28rem;
    height: 0.64rem;
    color: #333;
    line-height: 0.6rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.app-recom .info .star {
    line-height: 0.4rem;
}

.app-recom .info .size-down {
    color: #666;
}

.app-recom .btn {
    padding: 0.1rem 0.2rem;
    background-color: #63a92e;
    color: #fff;
    border-radius: 4px;
    width: 0.7rem;
    text-align: center;
    font-size: 0.28rem;
}

/* app-intro */
.news-intro-content,
.topic-detail-info {
    padding: 0 0.2rem;
}

.news-intro-content p,
.topic-detail-info p {
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.6rem;
    word-break: break-all;
    margin: 0.2rem 0;
}

.news-intro-content h2,
.news-intro-content h3 {
    color: #333;
    margin: 0.2rem 0;
    font-size: 0.32rem;
    font-weight: 600;
}

.news-intro-content img,
.news-intro-content p img {
    max-width: 100%;
    margin: 0.2rem auto;
}

.topic-detail-info .download {
    margin-top: 0.3rem;
    text-align: center;
}

.topic-detail-info .download .download-btn {
    padding: .15rem .4rem;
    color: #fff;
    background-color: #63a92e;
    border-radius: 20px;
    font-size: 0.32rem;
}

.topic-detail-info h2,
.topic-detail-info h3 {
    color: #333;
    margin: 0.2rem 0;
    font-size: 0.32rem;
    font-weight: 600;
}

.topic-detail-info img,
.topic-detail-info p img {
    max-width: 80%;
    margin: 0.2rem auto;
}

.topic-detail-info img.main-img,
.topic-detail-info p img.main-img {
    max-width: 100%;
    margin: 0.2rem auto;
    opacity: 0.7;
}

.topic-detail-info .app-sort-list img {
    margin: 0;
    max-width: none;
}

.news-intro-content .hidden_box,
.topic-detail-info .hidden_box {
    overflow: hidden;
}

.news-intro-content .auto_box,
.topic-detail-info .auto_box {
    height: auto;
}

.news-intro-content .cont,
.topic-detail-info .cont {
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #454545;
    overflow-x: auto;
}

.news-intro-content .guarantee,
.topic-detail-info .guarantee {
    font-size: 0.24rem;
    color: #999;
}

.news-intro-content .guarantee .safety,
.topic-detail-info .guarantee .safety {
    height: 0.8rem;
    align-items: center;
    justify-content: center;
}

.news-intro-content .guarantee .safety ul,
.topic-detail-info .guarantee .safety ul {
    flex: 1;
}

.news-intro-content .guarantee .safety ul li,
.topic-detail-info .guarantee .safety ul li {
    margin-right: 0.33rem;
}
.news-intro-content .guarantee .safety ol,
.topic-detail-info .guarantee .safety ol {
    flex: 1;
}

.news-intro-content .guarantee .safety ol li,
.topic-detail-info .guarantee .safety ol li {
    margin-right: 0.33rem;
}
.news-intro-content .guarantee .open_hidden,
.topic-detail-info .guarantee .open_hidden {
    display: block;
    font-size: 0.28rem;
    color: #63a92e;
    border-radius: 4px;
    border: 1px solid #63a92e;
    text-align: center;
    width: 2rem;
    padding: 0.04rem 0;
}

.rank-tab {
    padding: 0 0.2rem;
}

.rank-tab a {
    display: block;
    width: 50%;
    text-align: center;
    font-size: 0.32rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 2px solid transparent;
}

.rank-tab a.current {
    border-color: #63a92e;
}