html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body,
div,
h1,
h2,
h3,
p,
section {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3 {
  font-weight: normal;
}

html,
body {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

body {
  color: #000;
  font-family: Roboto, "Droid Sans", "Droid Sans Fallback", "Helvetica Neue",
    Helvetica, STHeiTi, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-size-adjust: none;
  user-select: none;
}

img {
  display: block;
  border: 0;
}

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

.hidden {
  display: none !important;
}

.main-content {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
}

.placehold {
  height: 0;
}

.app-main-content {
  width: 100%;
}

.app-vertical-panel {
  height: 124px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.app-icon-wrapper {
  position: relative;
}

.app-icon {
  width: 64px;
  height: 64px;
  border-radius: 14px;
}

.app-formal-tag {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 28px;
  height: 16px;
  overflow: hidden;
  border-radius: 2px;
  background: #1d82ff;
}

.app-formal-tag::before {
  content: "官方";
  position: absolute;
  inset: 0;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  transform: scale(.86);
}

.app-vertical-panel h3 {
  width: 80%;
  height: 28px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  color: #000;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
}

.app-vertical-panel p {
  height: 20px;
  margin-top: 0;
  font-size: 12px;
  line-height: 20px;
}

.app-detail-bar span + span {
  margin-left: 8px;
}

.btn-layout {
  margin-top: 60px;
}

.download-btn-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.main-download-btn,
.sub-download-btn {
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #1d82ff;
  background-size: 100%;
  border-radius: 10px;
  font-size: 16px;
  text-align: center;
}

.main-download-btn {
  height: 44px;
  line-height: 44px;
}

.sub-download-btn {
  height: 40px;
  margin: 15px auto 0;
  font-weight: normal;
  line-height: 40px;
}

.main-download-btn:active,
.sub-download-btn:active {
  transform: translateY(1px);
}

.app-tag-panel {
  display: flex;
  justify-content: center;
  color: #969696;
  font-size: 12px;
}

.app-tag-item {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 34px;
}

.app-tag-item p {
  margin: 0 21px 0 3px;
}

.app-tag-virus {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width=%2736%27%20height=%2736%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M14.998%2036C9.754%2036%200%2027.966%200%2020.369V5.235l1.491-.024c.032%200%203.361-.071%206.796-1.467C11.81%202.31%2014.083.665%2014.104.649l.89-.649.898.65c.022.015%202.294%201.66%205.817%203.094%203.435%201.396%206.764%201.467%206.8%201.467l1.484.024L30%2020.369C30%2027.966%2020.246%2036%2014.998%2036zM3.028%208.136V20.37c0%205.873%208.496%2012.598%2011.97%2012.598s11.97-6.725%2011.97-12.598V8.136c-1.485-.16-3.894-.565-6.397-1.583a35.298%2035.298%200%2001-5.573-2.855%2035.247%2035.247%200%2001-5.57%202.855c-2.505%201.018-4.915%201.422-6.4%201.583zm10.953%2017.628l-7.022-5.955%202.159-2.53%204.504%203.818%208.55-9.806%202.524%202.18-10.715%2012.293z%27%20fill=%27%231D82FF%27%20fill-rule=%27nonzero%27/%3E%3C/svg%3E") 0 0 / cover no-repeat;
}

.bottom-content {
  width: 100%;
}

.pp-comp {
  width: 100%;
  padding-bottom: 20px;
  color: #969696;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
}

.pp-comp-extra-p + .pp-comp-extra-p {
  margin: 5px 0;
}

.permission-n-privacy {
  color: #cdd2d8;
  pointer-events: all;
}

.permission-n-privacy a {
  margin: 0 10px;
  color: #4f7fba;
}

.appbao-logo-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.appbao-logo {
  width: 80px;
  height: 18px;
}

.appbao-logo-wrapper span {
  color: #909090;
  font-size: 10px;
}

.android-open-tips {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  height: 36px;
  color: #3f444b;
  background-color: #d7d7d7;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}

.android-open-tips span {
  color: #425ad7;
}

@media (min-aspect-ratio: 360 / 520) {
  .btn-layout {
    margin-top: 20px;
  }
}