@charset "UTF-8";
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --body-bg-color: #f5f8fa;
  --content-bg-color: #ffffff;
  --primary-color: #007aff;
  --success-color: #04be02;
  --success-bg-color: rgba(241, 255, 235, .9);
  --warn-color: #ea4e3d;
  --warn-bg-color: rgba(255, 238, 235, .9);
  --text-primary-color: #202124;
  --text-middle-color: #5f6368;
  --text-secondary-color: #8e8e92;
  --text-placeholder-color: #b1b1b4;
  --line-primary-color: #e3e4e7;
  --scrollbar-bg-color: #c0c4cc;
  --font-weight-primary: 500;
  --font-weight-bold: 600;
  --mask-bg-color: rgba(0, 0, 0, .4);
  --spiner-color: #007aff;
  --skeleton-bg-color: #f5f8fa
}

.cg-modal-enter-from, .cg-modal-leave-to {
  opacity: 0
}

.cg-refresh {
  -webkit-animation: cg-refresh 2s linear infinite;
  animation: cg-refresh 2s linear infinite
}
@-webkit-keyframes cg-refresh {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes cg-refresh {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.page-transition {
  opacity: 0
}
.cg-fade-warp {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}
.cg-fade-enter-active, .cg-fade-leave-active {
  -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
  transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
  transition: transform .4s ease-out, opacity .4s ease-out;
  transition: transform .4s ease-out, opacity .4s ease-out, -webkit-transform .4s ease-out;
  will-change: transform, opacity
}
.cg-fade-enter-from, .cg-fade-leave-to {
  opacity: 0;
  -webkit-transform: translate3d(0, .666667rem, 0) scaleY(1.2);
  transform: translate3d(0, .666667rem, 0) scaleY(1.2)
}
.cg-skeleton {
  -webkit-animation: cg-skeleton-anim 1.2s ease-in-out infinite;
  animation: cg-skeleton-anim 1.2s ease-in-out infinite
}
@-webkit-keyframes cg-skeleton-anim {
  50% {
    opacity: .6
  }
}
@keyframes cg-skeleton-anim {
  50% {
    opacity: .6
  }
}
*, *:before, *:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -webkit-tap-highlight-color: transparent
}
html {
  font-size: min(50px, 10vw)
}
html, body {
  line-height: 1.4286;
  height: 100%;
  color: var(--text-primary-color);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: var(--body-bg-color);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
body {
  font-size: .346667rem
}
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
a {
  color: var(--primary-color);
  text-decoration: none
}
a:hover, a:active, a:focus {
  text-decoration: none
}
img {
  border: none;
  vertical-align: middle
}
input, textarea {
  -webkit-appearance: no;
  -moz-appearance: no;
  appearance: no;
  border: 0;
  border-radius: 0;
  outline: 0;
  caret-color: var(--primary-color);
  background-color: transparent
}
[type=search]::-webkit-search-decoration {
  display: none
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--text-placeholder-color)
}
::-webkit-scrollbar {
  width: .053333rem;
  height: .053333rem
}
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-bg-color);
  border-radius: .026667rem
}
::-webkit-scrollbar-track-piece {
  background-color: transparent
}
::-webkit-scrollbar-button, ::-webkit-scrollbar-corner {
  display: none
}
#page-view {
  position: relative;
  max-width: 500Px;
  margin: 0 auto;
  height: 100%;
  background-color: var(--content-bg-color);
  will-change: opacity;
  -webkit-transition: opacity .1s ease-in;
  transition: opacity .1s ease-in
}
.content-warp {
  position: relative;
  display: block;
  padding-top: 1px;
  margin-top: -1px;
  width: 100%;
  background-color: var(--content-bg-color)
}
.content-warp.cg-content-full {
  min-height: 100%
}
.content-warp.has-header {
  padding-top: 1.2rem
}
.content-warp.has-footer {
  padding-bottom: 1.306667rem
}
.content-warp.cg-base-tempalte.has-header {
  padding-top: 1.6rem
}
.content-warp.cg-base-tempalte.has-footer {
  padding-bottom: 1.6rem
}
.scroll-container {
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  overflow: auto;
  scroll-behavior: smooth
}
.cg-clearfix:after {
  content: "";
  display: table;
  clear: both
}
.cg-hcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.cg-vhcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.text-primary {
  color: var(--text-primary-color)
}
.text-middle {
  color: var(--text-middle-color)
}
.text-secondary {
  color: var(--text-secondary-color)
}
.text-placeholder {
  color: var(--text-placeholder-color)
}
.text-white {
  color: var(--color-white)
}
.text-success {
  color: var(--success-color)
}
.text-warn {
  color: var(--warn-color)
}
.text-link {
  color: var(--primary-color)
}
.text-weight-primary {
  font-weight: var(--font-weight-primary)
}
.text-weight-bold {
  font-weight: var(--font-weight-bold)
}
.text-right {
  text-align: right
}
.text-left {
  text-align: left
}
.text-center {
  text-align: center
}
.text-xlarger {
  font-size: .506667rem
}
.text-larger {
  font-size: .453333rem
}
.text-large {
  font-size: .4rem
}
.text-base {
  font-size: .346667rem
}
.text-small {
  font-size: .293333rem
}
.text-smaller {
  font-size: .24rem
}
.text-warp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.line-top, .line-left, .line-bottom, .line-right {
  position: relative
}
.line-top:after, .line-bottom:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--line-primary-color)
}
.line-top:after {
  top: 0
}
.line-bottom:before {
  bottom: 0
}
.line-left:after, .line-right:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: var(--line-primary-color)
}
.line-left:after {
  left: 0
}
.line-right:before {
  right: 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .line-top:after, .line-bottom:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
  .line-left:after, .line-right:before {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .line-top:after, .line-bottom:before {
    content: "";
    -webkit-transform: scaleY(.3333);
    transform: scaleY(.3333)
  }
  .line-left:after, .line-right:before {
    -webkit-transform: scaleX(.3333);
    transform: scaleX(.3333)
  }
}
.cg-card {
  position: relative;
  display: block;
  background-color: var(--color-white);
  border-radius: .213333rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}
.cg-border {
  position: relative
}
.cg-border:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: calc(200% - 1px);
  height: calc(200% - 1px);
  border-radius: .213333rem;
  border-color: var(--line-primary-color);
  border-style: solid;
  border-width: 1px;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9
}
.cg-border-small {
  position: relative
}
.cg-border-small:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: calc(200% - 1px);
  height: calc(200% - 1px);
  border-radius: .133333rem;
  border-color: var(--line-primary-color);
  border-style: solid;
  border-width: 1px;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9
}
.cg-line {
  height: .933333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.cg-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: transparent;
  margin: 0 auto;
  max-width: 500Px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  will-change: opacity;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  display: none;
}
.cg-mask.cg-backdrop {
  background-color: var(--mask-bg-color)
}
.mask-open {
  overflow: hidden
}
.text-content {
  display: block;
  white-space: pre-line
}
.rich-content {
  position: relative;
  word-wrap: break-word
}
.rich-content * {
  max-width: 100% !important;
  word-wrap: break-word !important;
  white-space: normal !important
}
.rich-content img, .rich-content audio, .rich-content video {
  height: auto !important
}
.cg-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cg-flex.cg-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}
.cg-flex.cg-flex-column {
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical
}
.cg-flex-warp {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.cg-flex-con {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}
.cg-flex-con2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  overflow: hidden
}
.cg-flex-con3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  overflow: hidden
}
.cg-flex-con4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
  overflow: hidden
}
.cg-flex-base {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.cg-mt {
  margin-top: .506667rem
}
.cg-mt-half {
  margin-top: .253333rem
}
.cg-mr {
  margin-right: .506667rem
}
.cg-mr-half {
  margin-right: .253333rem
}
.cg-mb {
  margin-bottom: .506667rem
}
.cg-mb-half {
  margin-bottom: .253333rem
}
.cg-ml {
  margin-left: .506667rem
}
.cg-ml-half {
  margin-left: .253333rem
}
.cg-mv {
  margin-top: .506667rem;
  margin-bottom: .506667rem
}
.cg-mv-half {
  margin-top: .253333rem;
  margin-bottom: .253333rem
}
.cg-mh {
  margin-left: .506667rem;
  margin-right: .506667rem
}
.cg-mh-half {
  margin-left: .253333rem;
  margin-right: .253333rem
}
.cg-pt {
  padding-top: .506667rem
}
.cg-pt-half {
  padding-top: .253333rem
}
.cg-pr {
  padding-right: .506667rem
}
.cg-pr-half {
  padding-right: .253333rem
}
.cg-pb {
  padding-bottom: .506667rem
}
.cg-pb-half {
  padding-bottom: .253333rem
}
.cg-pl {
  padding-left: .506667rem
}
.cg-pl-half {
  padding-left: .253333rem
}
.cg-pv {
  padding-top: .506667rem;
  padding-bottom: .506667rem
}
.cg-pv-half {
  padding-top: .253333rem;
  padding-bottom: .253333rem
}
.cg-ph {
  padding-left: .506667rem;
  padding-right: .506667rem
}
.cg-ph-half {
  padding-left: .253333rem;
  padding-right: .253333rem
}
.spinner[data-v-24c165cc] {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99
}
.cg-loading[data-v-24c165cc] {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-animation: rotation-24c165cc .7s linear infinite;
  animation: rotation-24c165cc .7s linear infinite
}
.cg-loading[data-v-24c165cc]:after {
  content: "";
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: .08rem solid transparent;
  border-bottom-color: #5d6edd
}
@-webkit-keyframes rotation-24c165cc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes rotation-24c165cc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.svg-icon{
  width: 1em;
  height: 1em;
  fill: currentColor;
  overflow: hidden;
}
.cg-tip[data-v-6a6768ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .293333rem;
  word-break: break-word
}
.cg-tip-icon[data-v-6a6768ac] {
  min-width: .266667rem;
  min-height: .266667rem;
  margin-right: .126667rem
}
.cg-toast-tip {
  font-size: .346667rem !important
}
.cg-toast-warp {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 6.666667rem;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  will-change: opacity;
  z-index: 10000
}

.cg-modal-container { 
  position: absolute;
  width: 100%;
  height: 100%;
  padding: .253333rem .506667rem;
  border-radius: .213333rem;
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*display: none;*/
}

.cg-download-dialog{
  position: relative;
  width: 8.8rem;
  height: auto;
  border-radius: .213333rem;
  border: solid 1px #ffffff;
  color: #fff;
  padding: 0 .666667rem .666667rem;
  background-color: rgba(0, 0, 0, 0.8); margin-bottom:0.3rem;
}
.cg-download-dialog .cg-download-item{
  border-radius: .213333rem;
  border: solid 1px #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: .666667rem;
  background-position: .266667rem center;
  background-repeat: no-repeat;
  background-size: .666667rem;
  padding: .266667rem .666667rem .266667rem 1.2rem;
  line-height: .48rem;
  text-align: center
}
.cg-download-dialog .cg-download-item.cg-android{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQMCA8BBQMHAgoOBgz7CQLBZwWAAAATtJREFUWMPtl91uwyAMRs2/gYTy/k+7BJi00M1xfDNV4txASnWKi9t8gcX/YRDeQPNYE62DCWejYDuGfIVm/uyg0BhUYexPABafch3k5AuChK1OeElNur5R4lNLsPUXbJBa5J5hsfri6pePWmevBwH89QsO57DzLaaexFkT22j4jderKNeiUr/M/IYh2ZgaTWsKU1NpLPO06w283lF3Gs87KHVDBBK/1x0ZGgeAuWpPFWPui1KjPz1xztYxNH3cqXNWhGZ6x9IszdIsjUyTx9q9xlF/W9jWEkMDrzbi3wkgOY7GJTITKAfA0LS7EFDwNBMyTeDGGxIryzfieKyS1t/5MeuDPPZxTBNREhGWTG+Fhm4LS7M0BOVHJsc+fwk0amS4/jQ9ftoCzGnxfe5tq09E3DYHA+cxwuLj+QLI8ma+gMIujgAAAABJRU5ErkJggg==)
}
.cg-download-dialog .cg-download-item.cg-ios{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8v0wLRAAAAJHRSTlMA8wnoyb2QDt7QfHFmWyISsZeIYktFKfjtwmpWG+TYqqBQOAUdXZdIAAABZklEQVRYw+3Wy5KCMBAF0ITwkIcgCMKIb+//f+OUgyXjYug7NkvOkipukSbdiVks/lSHcaYOSSwAbczuhIetLqWx+LHTfUs7pBxVKfcTBomuuhh0nialsMAMBd5icDYqlyEl8HQxQ4FLo3QE4Bqj5Vyw/mhBUR8GzgbhdXzb6y+xQ+uf04jdswFeNv0jKU9/PbLlgd9soyCM8c6m8l4LQPjyhKqsgBlyzuB0t6mUHpx4usrzLCklv0UocAxGK+ybHJTKTNuDchAHC8M3Ah+MUIrpwNhLMaCs54nJ5omppBgLxsaMFB1l78wP19e4JDtTPGU5iXAkgFRLNebY22RMBQF3xNxAW9XCqki+cnARVy/P0tXxxANcP7w8B0pbmEkZPy30/dlFUkxuqSYXrdnJpZ0Xx8IwNpjkckO5+0IKqRhzbLi/1lnlxp7MDS983odev+T6XGkZmf+ImjSpi/cnWdpEZrGYyzfdTdz3kp93SAAAAABJRU5ErkJggg==)
}



.cg-line-warp{
  padding: .253333rem
}
.cg-line-warp .cg-line-item{
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.cg-lines-space{
  line-height: .32rem;
  text-align: center
}
.cg-lines-space .cg-lines{
  position: relative;
  width: .8rem
}
.cg-lines-space .cg-line-icon{
  display: inline-block;
  width: 4Px;
  height: 16Px;
  border-radius: 2Px;
  margin: 0 2Px;
  background-color: var(--success-color)
}
.cg-lines-space .cg-line-icon.cg-line-1{
  height: 8Px
}
.cg-lines-space .cg-line-icon.cg-line-2{
  height: 12Px
}
.cg-go-play {
  height: .8rem;
  padding: 0 .32rem;
  border-radius: .213333rem;
  color: var(--color-white);
  font-size: .293333rem;
    cursor: pointer;
}

.cg-line-dialog{
  position: relative;
  width: 8.8rem;
  height: auto; 
}
.cg-line-dialog .cg-line-warp {
  border-radius: .213333rem;
  border: solid 1px #ffffff;
  overflow: hidden; margin-bottom: 0.3rem;
}
.cg-close{
  position: absolute;
  width: 1.013333rem;
  height: 1.013333rem;
  color: #fff;
  z-index: 99;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(-50%, 1.6rem, 0);
  transform: translate3d(-50%, 1.6rem, 0);
    cursor: pointer;
}

.cg-loading-spiner[data-v-fb5ff1f8] {
  width: 1.013333rem;
  height: 1.013333rem
}
.cg-skeleton-image[data-v-1080e2cc] {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: .933333rem;
  color: var(--text-placeholder-color);
  background-color: var(--skeleton-bg-color);
  border-radius: .133333rem
}
.cg-image-error[data-v-f3837ab6] {
  width: 100%;
  height: 100%;
  font-size: .933333rem;
  color: var(--text-placeholder-color)
}

.cg-pwa-dialog[data-v-8d5c6e3f] {
  position: relative;
  width: 8.933333rem;
  padding: .506667rem .253333rem;
  background-color: var(--color-white);
  border-radius: .213333rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}
.cg-app-warp[data-v-8d5c6e3f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: .666667rem
}
.cg-app-tip[data-v-8d5c6e3f] {
  padding: .506667rem 0;
  min-height: 1.6rem;
  text-align: center
}
.cg-app-icon[data-v-8d5c6e3f] {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 22.5%;
  overflow: hidden
}
.cg-app-install[data-v-8d5c6e3f] {
  position: relative;
  border-radius: .133333rem;
  border: solid 1px var(--primary-color);
  background-color: #ccc;
  color: var(--color-white);
  margin-top: .253333rem;
  padding: .253333rem;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-size: .293333rem
}
.cg-app-install .cg-app-i-btn[data-v-8d5c6e3f] {
  z-index: 9
}
.cg-app-install .cg-app-process[data-v-8d5c6e3f] {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  background-color: var(--primary-color);
  -webkit-transform: translateX(-100%);
  transform: translate(-100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  will-change: transform
}
.cg-install-success.cg-app-install[data-v-8d5c6e3f] {
  border-color: #04be02
}
.cg-install-success .cg-app-process[data-v-8d5c6e3f] {
  background-color: #04be02
}
.cg-apk-i-btn[data-v-8d5c6e3f] {
  border-radius: .133333rem;
  border: solid 1px var(--primary-color);
  margin-top: .506667rem;
  padding: .253333rem;
  text-align: center;
  font-size: .293333rem
}
.cg-apk-i-btn.cg-full-btn[data-v-8d5c6e3f] {
  background-color: var(--primary-color);
  color: #fff
}
.cg-apk-warp[data-v-8d5c6e3f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.cg-apk-warp .cg-apk-i-btn[data-v-8d5c6e3f] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 45%
}
.cg-apk-warp .cg-apk-i-btn[data-v-8d5c6e3f]:nth-child(2n) {
  background-color: var(--primary-color);
  color: #fff;
  margin-left: .253333rem
}
/*.cg-close{
  position: absolute;
  width: 1.013333rem;
  height: 1.013333rem;
  color: #fff;
  z-index: 99;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(-50%, 1.6rem, 0);
  transform: translate3d(-50%, 1.6rem, 0);
    cursor: pointer;
}*/
.cg-full-loading[data-v-5a4b8458] {
  position: fixed;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  max-width: 500Px;
  margin: 0 auto;
  z-index: 9998;
  background-color: var(--color-white)
}
.cg-error[data-v-5a4b8458] {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  text-align: center;
  color: var(--text-secondary-color)
}