/*! normalize.css v7.0.0 | 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
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  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
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 0.4rem;
}

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

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 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 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * 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 style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

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

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * 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: 0.01rem 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 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

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: -0.02rem; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/*do not import this file except components/style/index.less*/
.am-fade-enter,
.am-fade-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.am-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.am-fade-enter.am-fade-enter-active,
.am-fade-appear.am-fade-appear-active {
  animation-name: amFadeIn;
  animation-play-state: running;
}
.am-fade-leave.am-fade-leave-active {
  animation-name: amFadeOut;
  animation-play-state: running;
}
@keyframes amFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes amFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.am-slide-up-enter,
.am-slide-up-appear {
  transform: translate(0, 100%);
}
.am-slide-up-enter,
.am-slide-up-appear,
.am-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.am-slide-up-enter.am-slide-up-enter-active,
.am-slide-up-appear.am-slide-up-appear-active {
  animation-name: amSlideUpIn;
  animation-play-state: running;
}
.am-slide-up-leave.am-slide-up-leave-active {
  animation-name: amSlideUpOut;
  animation-play-state: running;
}
@keyframes amSlideUpIn {
  0% {
    transform: translate(0, 100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes amSlideUpOut {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 100%);
  }
}
.am.am-zoom-enter,
.am.am-zoom-leave {
  display: block;
}
.am-zoom-enter,
.am-zoom-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.am-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.am-zoom-enter.am-zoom-enter-active,
.am-zoom-appear.am-zoom-appear-active {
  animation-name: amZoomIn;
  animation-play-state: running;
}
.am-zoom-leave.am-zoom-leave-active {
  animation-name: amZoomOut;
  animation-play-state: running;
}
@keyframes amZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes amZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.am-slide-down-enter,
.am-slide-down-appear {
  transform: translate(0, -100%);
}
.am-slide-down-enter,
.am-slide-down-appear,
.am-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.am-slide-down-enter.am-slide-down-enter-active,
.am-slide-down-appear.am-slide-down-appear-active {
  animation-name: amSlideDownIn;
  animation-play-state: running;
}
.am-slide-down-leave.am-slide-down-leave-active {
  animation-name: amSlideDownOut;
  animation-play-state: running;
}
@keyframes amSlideDownIn {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes amSlideDownOut {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -100%);
  }
}
*,
*:before,
*:after {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background-color: #f5f5f9;
  font-size: 0.14rem;
}
*[contenteditable] {
  -webkit-user-select: auto !important;
}
*:focus {
  outline: none;
}
a {
  background: transparent;
  text-decoration: none;
  outline: none;
}

.am-icon {
  fill: currentColor;
  background-size: cover;
  width: 22px;
  height: 22px;
}
.am-icon-xxs {
  width: 15px;
  height: 15px;
}
.am-icon-xs {
  width: 18px;
  height: 18px;
}
.am-icon-sm {
  width: 21px;
  height: 21px;
}
.am-icon-md {
  width: 22px;
  height: 22px;
}
.am-icon-lg {
  width: 36px;
  height: 36px;
}
.am-icon-loading {
  animation: cirle-anim 1s linear infinite;
}
@keyframes cirle-anim {
  100% {
    transform: rotate(360deg);
  }
}

.am-toast {
  position: fixed;
  width: 100%;
  z-index: 1999;
  font-size: 14px;
  text-align: center;
}
.am-toast > span {
  max-width: 50%;
}
.am-toast.am-toast-mask {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  transform: translateZ(1px);
}
.am-toast.am-toast-nomask {
  position: fixed;
  max-width: 50%;
  width: auto;
  left: 50%;
  top: 50%;
  transform: translateZ(1px);
}
.am-toast.am-toast-nomask .am-toast-notice {
  transform: translateX(-50%) translateY(-50%);
}
.am-toast-notice-content .am-toast-text {
  min-width: 60px;
  border-radius: 3px;
  color: #fff;
  background-color: rgba(58, 58, 58, 0.9);
  line-height: 1.5;
  padding: 9px 15px;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon {
  border-radius: 5px;
  padding: 15px 15px;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
  margin-top: 6px;
}

body,
input,
select,
button,
textarea {
  font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Tahoma", "Geneva", "sans-serif";
}
p {
  margin: 0;
}
h3 {
  margin: 0;
}
dd {
  margin-left: 0;
}
h1.title {
  font-size: 0.2rem;
  color: #2e3057;
  margin: 0;
}
h2.title {
  font-size: 0.16rem;
  color: #2e3057;
  margin: 0;
  font-weight: 500;
}
.btn {
  font-size: 0.12rem;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  color: #676981;
  background-color: #f4f5fa;
}
.btn:active {
  background-color: #ddd;
}
.bg-w {
  background-color: #fff;
}
.active.btn {
  color: #2879ff;
  background-color: #e9f1ff;
}
.height {
  height: 0.54rem;
}
.look-more {
  width: 100%;
  display: block;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #fff;
  border-radius: 0.04rem;
  background-color: #3883ff;
}
.is-chart {
  background-color: #fff;
  padding-top: 0.25rem;
  margin-top: 0.08rem;
  padding-bottom: 0.18rem;
}
.is-chart p {
  text-align: center;
}
.chart-title {
  font-size: 0.2rem;
  color: #2e3057;
  margin-bottom: 0.1rem;
  margin-top: 0;
}
.page-tab-bottom {
  margin-bottom: 0.6rem;
}
.look-more-user-review {
  display: block;
  text-align: center;
  font-size: 0.14rem;
  color: #2879ff;
  line-height: 0.3rem;
  margin-bottom: 0.1rem;
}
.more-report {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #2879ff;
  letter-spacing: 0.01rem;
  margin-top: 0.18rem;
  padding: 0.1rem 0;
}
.more-report img {
  width: 0.115rem;
  height: 0.095rem;
  padding-left: 0.02rem;
}
.index-type {
  display: inline-block;
  height: 0.17rem;
  font-size: 0.12rem;
  font-weight: 400;
  color: #484848;
  line-height: 0.17rem;
  padding: 0.03rem 0.1rem;
  border-radius: 0.02rem;
  border: 0.01rem solid #DDDDDD;
  margin-left: 0.08rem;
}
.index-type.active {
  color: #118BDA;
  background: #E7F3FB;
  border: 0;
}
.index-type-text {
  color: #8c8da5;
}
.pk-loading {
  text-align: center;
  color: #666;
  padding: 0.15rem 0;
}
.tab-height {
  height: 0.3rem;
}
.left-chart {
  text-align: left;
  margin-top: 0.4rem;
}
.left-chart .chart-title {
  font-size: 0.18rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.25rem;
  margin: 0 0.16rem 0.08rem 0.16rem;
}
.left-chart .contrast-type {
  padding: 0.08rem 0.16rem;
  margin-bottom: 0.08rem;
}
.bg-white {
  background: white !important;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.bg-white-full {
  background: white !important;
  height: 100vh !important;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.index-type-text1 {
  font-size: 0.12rem;
  font-weight: 400;
  color: #484848;
  line-height: 0.17rem;
}
.list-btn {
  font-size: 0.12rem;
  font-weight: 400;
  color: #484848;
  line-height: 0.17rem;
  padding: 0 0.11rem;
  height: 0.22rem;
  line-height: 0.22rem;
  border-radius: 0.02rem;
  border: 0.01rem solid #DDDDDD;
  text-align: center;
  display: inline-block;
  margin-left: 0.08rem;
}
.list-btn-active {
  border: 0.01rem solid #E7F3FB;
  color: #118BDA;
  background: #E7F3FB;
}
.am-toast-text {
  background: rgba(0, 0, 0, 0.8) !important;
  border-radius: 0.08rem!important;
  padding: 0.14rem 0.2rem!important;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  line-height: 0.2rem;
  overflow: hidden;
}

.html-img___8-iOc {
  width: 100%;
  display: block;
}
.ishide___1cMRx {
  display: none;
}
.two-temp___2B2s6 {
  text-align: center;
  font-size: 0;
}
.temp-brand___AeBbO {
  height: 7rem;
  overflow: hidden;
  color: #fff;
  background-size: 100% auto;
  cursor: pointer;
  position: relative;
}
.temp-brand___AeBbO .bg-img___17yIC {
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.temp-brand___AeBbO .logo___3-a1l {
  height: 0.72rem;
  border-radius: 0.02rem;
}
.temp-brand___AeBbO p {
  font-size: 0.16rem;
  line-height: 0.22rem;
}
.temp-brand___AeBbO .is-1___1l0hS {
  padding-right: 0.24rem;
  position: relative;
  z-index: 2;
}
.temp-brand___AeBbO .mbi-ranking-title___2OT8M {
  position: absolute;
  width: 1.12rem;
  height: 0.2rem;
  top: 0.28rem;
  left: 0.24rem;
}
.temp-brand___AeBbO .mbi-ranking-title___2OT8M img {
  width: 100%;
}
.temp-brand___AeBbO .ranking-date___3ZUXk {
  position: absolute;
  top: 0.6rem;
  left: 0.24rem;
  color: #A3A6B4;
  font-size: 0.16rem;
  font-weight: 400;
}
.temp-brand___AeBbO.temp-1___1rXth {
  text-align: right;
}
.temp-brand___AeBbO.temp-1___1rXth .logo___3-a1l {
  margin: 1.04rem 0 0.08rem 0;
  width: 0.9rem;
  height: 0.6rem;
  background-color: #fff;
}
.temp-brand___AeBbO.temp-1___1rXth .fk-icon___3Ia9l {
  position: relative;
}
.temp-brand___AeBbO.temp-1___1rXth .fk-icon___3Ia9l .fk___3h0UV {
  margin-bottom: 0.12rem;
}
.temp-brand___AeBbO.temp-1___1rXth .fk-icon___3Ia9l .icon-line___2L0Ea {
  width: 1.2rem;
  height: 0.02rem;
  position: absolute;
  background-color: #3D6FAF;
  opacity: 0.6;
  right: 0.2rem;
  top: 0.21rem;
}
.temp-brand___AeBbO.temp-1___1rXth .line-name___rEaLS {
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.28rem;
}
.temp-brand___AeBbO.temp-1___1rXth .line-name___rEaLS .icon-line___2L0Ea {
  width: 1.2rem;
  height: 0.02rem;
  background-color: #fff;
  opacity: 0.6;
  display: inline-block;
  vertical-align: middle;
}
.temp-brand___AeBbO.temp-1___1rXth .time___N0uCh {
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 0.32rem;
}
.temp-brand___AeBbO.temp-1___1rXth .time___N0uCh .cup-icon___2q85g {
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  vertical-align: middle;
  margin-right: 0.08rem;
}
.temp-brand___AeBbO.temp-1___1rXth .time___N0uCh .cup-icon___2q85g img {
  height: 100%;
}
.temp-brand___AeBbO.temp-1___1rXth .cup-icon___2q85g {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  vertical-align: bottom;
  margin-right: 0.24rem;
  margin-bottom: 0.05rem;
}
.temp-brand___AeBbO.temp-1___1rXth .cup-icon___2q85g img {
  width: 100%;
}
.temp-brand___AeBbO.temp-1___1rXth .ranking___3MHhV {
  color: #fff;
  font-size: 0.32rem;
  display: inline-block;
}
.temp-brand___AeBbO.temp-1___1rXth .text___SU1gg {
  font-size: 0.64rem;
  font-weight: 600;
  color: #FCD86D;
  line-height: 0.64rem;
}
.temp-brand___AeBbO.temp-1___1rXth .fk___3h0UV {
  height: 0.12rem;
  width: 0.12rem;
  background-color: #3D6FAF;
  margin: 0.16rem 0 0.2rem 0;
  display: inline-block;
}
.temp-brand___AeBbO.temp-1___1rXth .rangking-typeName___2ZkMf {
  font-size: 0.14rem;
  padding-top: 0.2rem;
  color: rgba(255, 255, 255, 0.59);
}
.temp-brand___AeBbO.temp-1___1rXth .series___1Zulf {
  color: #FEC27C;
  font-size: 0.2rem;
  padding-top: 0.16rem;
}
.temp-brand___AeBbO.temp-1___1rXth .bcl___1pukx {
  color: rgba(255, 255, 255, 0.59);
}
.temp-brand___AeBbO.temp-1___1rXth .indexNum___2S2zy {
  font-size: 0.3rem;
  font-weight: 600;
  line-height: 0.33rem;
  margin: 0.04rem 0 0.64rem 0;
}
.temp-brand___AeBbO.temp-2___2losw {
  color: #fff;
}
.temp-brand___AeBbO.temp-2___2losw .bg-img___17yIC {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.temp-brand___AeBbO.temp-2___2losw .logo-box___1Zx8Y {
  position: relative;
  z-index: 2;
  margin: 0.96rem 0 0.08rem 2.03rem;
  display: inline-block;
  background-color: #fff;
  border-radius: 0.02rem;
}
.temp-brand___AeBbO.temp-2___2losw .logo-box___1Zx8Y .logo___3-a1l {
  background-color: #fff;
  width: 0.72rem;
  height: 0.48rem;
  display: block;
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 {
  position: relative;
  z-index: 2;
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 .name___2HuAx {
  font-size: 0.18rem;
  font-weight: 500;
  line-height: 0.25rem;
  text-align: right;
  margin: 0 1rem 0 0;
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 .ranking___3MHhV {
  color: #fff;
  font-size: 0.36rem;
  display: inline-block;
  font-weight: 600;
  margin: 0.38rem 0 0 0.82rem;
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 .ranking___3MHhV .text___SU1gg {
  font-size: 0.72rem;
  font-weight: 600;
  color: #FCD86D;
  line-height: 0.72rem;
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 .rangking-typeName___2ZkMf {
  font-size: 0.14rem;
  padding: 0.16rem 0 0 1.34rem;
  color: rgba(255, 255, 255, 0.59);
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 .good-icon___uG7RG {
  padding: 0.26rem 0 0 1.34rem;
  font-size: 0.2rem;
  font-weight: 400;
  color: #FEC27C;
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 .fk___3h0UV {
  height: 0.12rem;
  width: 0.12rem;
  background-color: #3D6FAF;
  margin: 0.12rem 0 0.12rem 1.34rem;
  display: inline-block;
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 .bcl___1pukx {
  color: rgba(255, 255, 255, 0.59);
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 0.22rem;
  padding-left: 1.34rem;
}
.temp-brand___AeBbO.temp-2___2losw .is-box___2zvk3 .indexNum___2S2zy {
  font-size: 0.24rem;
  color: #FFFFFF;
  padding-left: 1.34rem;
  font-weight: 600;
  line-height: 0.34rem;
  margin-top: 0.04rem;
}
.temp-brand___AeBbO .content-qrcode___41gAu {
  position: absolute;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  bottom: 0.24rem;
  padding-right: 0.24rem;
  display: flex;
  justify-content: space-between;
}
.temp-brand___AeBbO .content-qrcode___41gAu .explain-box___3P0ai {
  width: 2.41rem;
  background: rgba(46, 38, 127, 0.3);
  border-radius: 0.04rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.1);
  margin-left: 0.24rem;
  box-sizing: border-box;
}
.temp-brand___AeBbO .content-qrcode___41gAu .explain-box___3P0ai p {
  font-size: 0.11rem;
  font-weight: 400;
  color: #7565BD;
  line-height: 0.18rem;
  padding: 0.08rem;
  text-align: left;
  text-align: justify;
}
.temp-brand___AeBbO .qrcode___3By4U {
  width: 0.7rem;
}
.temp-brand___AeBbO .qrcode___3By4U .text___SU1gg {
  font-size: 0.16rem;
  font-weight: 400;
  color: #fff;
  vertical-align: top;
  margin-top: 0.04rem;
}
.temp-brand___AeBbO .qrcode___3By4U .text___SU1gg p {
  line-height: 0.14rem;
  font-size: 0.1rem;
  text-align: center;
}
.temp-brand___AeBbO .qrcode___3By4U img {
  width: 0.7rem;
  height: 0.7rem;
}
.shareResult___2UnKy {
  border-radius: 4Px;
  box-sizing: border-box;
}
.shareResult___2UnKy .sharePreview___1I1TK {
  width: 398Px;
  background: #EEEEEE;
  padding-left: 22Px;
  border-top-right-radius: 4Px;
  border-bottom-right-radius: 4Px;
  overflow: hidden;
  box-sizing: content-box;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 {
  padding-bottom: 0!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL {
  background: #eee;
  padding-right: 15Px!important;
  margin-bottom: 0;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB {
  width: 375Px;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J {
  padding-top: 94Px!important;
  padding-bottom: 24Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareTitle___267n2 {
  font-size: 32Px!important;
  line-height: 48Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareSubTitle___ueWIs {
  font-size: 20Px!important;
  line-height: 28Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareTime___1Bsxz {
  font-size: 18Px!important;
  line-height: 25Px!important;
  margin-top: 40Px!important;
  margin-bottom: 8Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp {
  padding-bottom: 32Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .iconTop___3YCF4 {
  height: 29Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .iconTop___3YCF4::before {
  width: 1Px!important;
  height: 24Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .iconTop___3YCF4:after {
  width: 5Px!important;
  height: 5Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .iconbottom___1D8uH {
  height: 30Px!important;
  margin-top: 12Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .iconbottom___1D8uH::before,
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .iconbottom___1D8uH::after {
  width: 1Px!important;
  height: 12Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .iconbottom___1D8uH::after {
  top: 16Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH {
  width: 343Px!important;
  height: 68Px!important;
  border-radius: 4Px!important;
  margin: 12Px auto 0 auto!important;
  padding: 12Px 22Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH .num___k0Mis {
  width: 54Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH .num___k0Mis .numItem___1Z6f5 {
  max-width: 54Px!important;
  min-width: 32Px!important;
  height: 32Px!important;
  border-width: 1Px!important;
  font-size: 15Px!important;
  line-height: 19Px!important;
  padding: 5Px 4Px 6Px!important;
  border-radius: 16Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH .company___1ogO3 .logo___3-a1l {
  width: 66Px!important;
  height: 44Px!important;
  border-radius: 2Px!important;
  margin-right: 12Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH .company___1ogO3 .nameIndex___215GZ .name___2HuAx .nameText___2Hyk_ {
  font-size: 17Px!important;
  line-height: 24Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH .company___1ogO3 .nameIndex___215GZ .name___2HuAx .subTitle___yhuU3 {
  height: 17Px!important;
  padding: 0 4Px!important;
  border-radius: 4Px!important;
  font-size: 12Px!important;
  line-height: 15Px!important;
  margin-left: 8Px!important;
  border-width: 1Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH .company___1ogO3 .nameIndex___215GZ .indexData___EVMed {
  font-size: 14Px!important;
  line-height: 20Px!important;
  margin-top: 1Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH.active___2K4IH {
  width: 363Px!important;
  height: 72Px!important;
  border-radius: 4Px!important;
  border-width: 2Px!important;
  padding: 12Px 24Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH.active___2K4IH .logo___3-a1l {
  width: 70Px!important;
  height: 47Px!important;
  overflow: hidden;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH.active___2K4IH .num___k0Mis .numItem___1Z6f5 {
  width: 34Px!important;
  height: 34Px!important;
  padding: 6Px 4Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH.active___2K4IH .nameIndex___215GZ .name___2HuAx .nameText___2Hyk_ {
  font-size: 18Px!important;
  line-height: 25Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH.active___2K4IH .nameIndex___215GZ .name___2HuAx .subTitle___yhuU3 {
  height: 17Px!important;
  padding: 0 4Px!important;
  border-radius: 4Px!important;
  font-size: 12Px!important;
  line-height: 15Px!important;
  margin-left: 8Px!important;
  border-width: 1Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareList___1SCmp .rankBrand___350RH.active___2K4IH .nameIndex___215GZ .indexData___EVMed {
  font-size: 15Px!important;
  line-height: 21Px!important;
  margin-top: 2Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareBottom___1tvxk .shareAddress___3x1m8 {
  font-size: 11Px!important;
  line-height: 18Px!important;
  margin-bottom: 16Px!important;
  padding: 0 24Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareBottom___1tvxk .shareBottomWarp___3qS4I {
  padding: 0 24Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareBottom___1tvxk .shareBottomWarp___3qS4I .shareBottomL___A84pv {
  width: 241Px!important;
  border-radius: 4Px!important;
  border-width: 1Px!important;
  padding: 8Px 10Px!important;
  font-size: 11Px!important;
  line-height: 18Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareBottom___1tvxk .shareBottomWarp___3qS4I .shareBottomR___3xkOT {
  width: 70Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareBottom___1tvxk .shareBottomWarp___3qS4I .shareBottomR___3xkOT .qr___1xUkh {
  width: 70Px!important;
  height: 70Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareBottom___1tvxk .shareBottomWarp___3qS4I .shareBottomR___3xkOT .qr___1xUkh img {
  height: 100%!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp___2JA-J .shareBottom___1tvxk .shareBottomWarp___3qS4I .shareBottomR___3xkOT .txt___3OzEI {
  font-size: 10Px!important;
  line-height: 14Px!important;
  margin-top: 4Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp2___3DvYA {
  padding-top: 80Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp2___3DvYA .shareTitle___267n2 {
  line-height: 48Px!important;
  text-shadow: 0Px 2Px 4Px #8F5117 !important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp2___3DvYA .shareSubTitle___ueWIs {
  font-size: 20Px!important;
  line-height: 28Px!important;
  margin-top: 8Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp2___3DvYA .shareList___1SCmp .iconTop___3YCF4 {
  height: 29Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp2___3DvYA .shareList___1SCmp .rankings-brand___1FVpf .num___k0Mis .numItem___1Z6f5 {
  border-width: 1Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp2___3DvYA .shareBottom___1tvxk .shareBottomWarp___3qS4I .shareBottomL___A84pv {
  border-width: 1Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp3___2Rv-3 {
  padding-top: 80Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp3___2Rv-3 .shareTitle___267n2 {
  line-height: 48Px!important;
  text-shadow: 0Px 2Px 4Px #8F5117 !important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp3___2Rv-3 .shareSubTitle___ueWIs {
  font-size: 20Px!important;
  line-height: 28Px!important;
  margin-top: 8Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp3___2Rv-3 .shareList___1SCmp .iconTop___3YCF4 {
  height: 29Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp3___2Rv-3 .shareList___1SCmp .rankings-brand___1FVpf .num___k0Mis .numItem___1Z6f5 {
  border-width: 1Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .warp3___2Rv-3 .shareBottom___1tvxk .shareBottomWarp___3qS4I .shareBottomL___A84pv {
  border-width: 1Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .rankBrand___350RH {
  width: 343Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL .domImg___3JZCB .active___2K4IH {
  width: 363Px!important;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL img {
  width: 375Px;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL::-webkit-scrollbar {
  width: 8Px;
  background-color: #eee;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL::-webkit-scrollbar-thumb {
  border-radius: 4Px;
  background: #bbb;
}
.shareResult___2UnKy .sharePreview___1I1TK .share_bill_cl___1ibiK .bill_box___2f0_7 .domToImg___2z5eL::-webkit-scrollbar-track-piece {
  border-radius: 0 4Px 4Px 0;
  background: #eee;
  overflow: hidden;
}