*,
*: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
}
.text-select {
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text
}
a {
  color:var(--primary-color);
  text-decoration:none
}
a:hover,
a:active,
a:focus {
  text-decoration:none
}
img {
  border:none;
  vertical-align:middle;
  pointer-events:none
}
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:#ffffff;
  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:#ffffff
}
.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:#ffffff;
  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:200%;
  height:200%;
  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:200%;
  height:200%;
  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)
}
.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-8023aa4c] {
  position:absolute;
  width:1.013333rem;
  height:1.013333rem;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:99
}
.cg-loading[data-v-8023aa4c] {
  position:relative;
  width:100%;
  height:100%;
  -webkit-animation:rotation-8023aa4c .7s linear infinite;
  animation:rotation-8023aa4c .7s linear infinite
}
.cg-loading[data-v-8023aa4c]:after {
  content:"";
  position:relative;
  width:100%;
  height:100%;
  border-radius:50%;
  border:.08rem solid transparent;
  border-bottom-color:#5d6edd
}
@-webkit-keyframes rotation-8023aa4c {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes rotation-8023aa4c {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.svg-icon[data-v-f0643f53] {
  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[data-v-9b64afcb] {
  font-size:.346667rem!important
}
.cg-toast-warp[data-v-9b64afcb] {
  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[data-v-9b64afcb] {
  position:relative;
  padding:.253333rem .506667rem;
  border-radius:.213333rem;
  word-wrap:break-word
}
.cg-modal-container.cg-toast-default[data-v-9b64afcb] {
  color:#ffffff;
  background-color:rgba(0,0,0,.68)
}
.cg-modal-container.cg-toast-success[data-v-9b64afcb] {
  background-color:var(--success-bg-color);
  position:relative
}
.cg-modal-container.cg-toast-success[data-v-9b64afcb]:after {
  position:absolute;
  content:"";
  display:block;
  top:0;
  left:0;
  width:200%;
  height:200%;
  border-radius:.213333rem;
  border-color:var(--success-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-modal-container.cg-toast-warn[data-v-9b64afcb] {
  background-color:var(--warn-bg-color);
  position:relative
}
.cg-modal-container.cg-toast-warn[data-v-9b64afcb]:after {
  position:absolute;
  content:"";
  display:block;
  top:0;
  left:0;
  width:200%;
  height:200%;
  border-radius:.213333rem;
  border-color:var(--warn-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
}
[data-v-85bd3ecd] .cg-modal-container {
  position:absolute;
  width:100%;
  height:100%;
  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
}
.cg-download-dialog[data-v-85bd3ecd] {
  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,.5)
}
.cg-download-dialog .cg-download-item[data-v-85bd3ecd] {
  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[data-v-85bd3ecd] {
  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[data-v-85bd3ecd] {
  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-close[data-v-85bd3ecd] {
  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)
}
.cg-line-warp[data-v-2880eeed] {
  padding:.253333rem
}
.cg-line-warp .cg-line-item[data-v-2880eeed] {
  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[data-v-2880eeed] {
  line-height:.32rem;
  text-align:center
}
.cg-lines-space .cg-lines[data-v-2880eeed] {
  position:relative;
  width:.8rem
}
.cg-lines-space .cg-line-icon[data-v-2880eeed] {
  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[data-v-2880eeed] {
  height:8Px
}
.cg-lines-space .cg-line-icon.cg-line-2[data-v-2880eeed] {
  height:12Px
}
.cg-go-play[data-v-2880eeed] {
  height:.8rem;
  padding:0 .32rem;
  background-color:var(--primary-color);
  border-radius:.213333rem;
  color:#ffffff;
  font-size:.293333rem
}
[data-v-2754a095] .cg-modal-container {
  position:absolute;
  width:100%;
  height:100%;
  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
}
.cg-line-dialog[data-v-2754a095] {
  position:relative;
  width:8.8rem;
  height:auto
}
.cg-line-dialog[data-v-2754a095] .cg-line-warp {
  border-radius:.213333rem;
  border:solid 1px #ffffff;
  overflow:hidden
}
.cg-close[data-v-2754a095] {
  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)
}
[data-v-0970e43b] .cg-modal-container {
  position:absolute;
  top:50%;
  left:50%;
  width:2rem;
  height:2rem;
  margin-left:-1rem;
  margin-top:-1rem;
  padding:0;
  overflow:hidden;
  border-radius:.213333rem;
  background-color:#ffffff
}
.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-1cf31d3c] {
  width:100%;
  height:100%;
  font-size:.933333rem;
  color:var(--text-placeholder-color)
}
[data-v-a14c5ab6] .cg-modal-container {
  position:absolute;
  width:100%;
  height:100%;
  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
}
.cg-pwa-dialog[data-v-a14c5ab6] {
  position:relative;
  width:8.933333rem;
  padding:.506667rem .253333rem;
  background-color:#ffffff;
  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-a14c5ab6] {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-bottom:.666667rem
}
.cg-app-tip[data-v-a14c5ab6] {
  padding:.506667rem 0;
  min-height:1.6rem;
  text-align:center
}
.cg-app-icon[data-v-a14c5ab6] {
  width:1.6rem;
  height:1.6rem;
  border-radius:22.5%;
  overflow:hidden
}
.cg-app-install[data-v-a14c5ab6] {
  position:relative;
  border-radius:.133333rem;
  border:solid 1px var(--primary-color);
  background-color:#ccc;
  color:#ffffff;
  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-a14c5ab6] {
  z-index:9
}
.cg-app-install .cg-app-process[data-v-a14c5ab6] {
  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-a14c5ab6] {
  border-color:#04be02
}
.cg-install-success .cg-app-process[data-v-a14c5ab6] {
  background-color:#04be02
}
.cg-apk-i-btn[data-v-a14c5ab6] {
  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-a14c5ab6] {
  background-color:var(--primary-color);
  color:#fff
}
.cg-apk-warp[data-v-a14c5ab6] {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.cg-apk-warp .cg-apk-i-btn[data-v-a14c5ab6] {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  min-width:45%
}
.cg-apk-warp .cg-apk-i-btn[data-v-a14c5ab6]:nth-child(2n) {
  background-color:var(--primary-color);
  color:#fff;
  margin-left:.253333rem
}
.cg-close[data-v-a14c5ab6] {
  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)
}
[data-v-5fbc7872] .cg-modal-container {
  position:absolute;
  width:100%;
  height:100%;
  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
}
.cg-pwa-dialog[data-v-5fbc7872] {
  position:relative;
  width:8.8rem;
  padding:.506667rem .253333rem;
  background-color:#ffffff;
  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-open-tip[data-v-5fbc7872] {
  padding:.506667rem 0;
  min-height:1.6rem;
  text-align:center
}
.cg-link-warp[data-v-5fbc7872] {
  background-color:#f5f8fa
}
.cg-close[data-v-5fbc7872] {
  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)
}
.cg-full-loading[data-v-9d71f024] {
  position:fixed;
  display:block;
  height:100%;
  width:100%;
  top:0;
  max-width:500Px;
  margin:0 auto;
  z-index:9998
}
.cg-full-loading .cg-full-content[data-v-9d71f024] {
  position:absolute;
  top:50%;
  left:50%;
  width:2rem;
  height:2rem;
  margin-left:-1rem;
  margin-top:-1rem;
  padding:0;
  overflow:hidden;
  border-radius:.213333rem;
  background-color:#ffffff
}
.cg-error[data-v-9d71f024] {
  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)
}


.cg-downbload-footer[data-v-cac33ed3] {
  position:fixed;
  bottom:0;
  width:100%;
  max-width:500Px;
  height:1.6rem;
  z-index:99;
  color:#ffffff;
  line-height:.4rem;
  letter-spacing:.026667rem
}
.cg-footer-image[data-v-cac33ed3] {
  width:1.152rem;
  height:1.152rem
}
.cg-footer-btn[data-v-cac33ed3] {
  position:relative;
  margin:0 .253333rem;
  padding:0 .253333rem;
  height:.906667rem;
  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;
  width:3.2rem;
  border-radius:.213333rem
}
.cg-footer-btn .cg-footer-bubble[data-v-cac33ed3] {
  position:absolute;
  bottom:1.013333rem;
  right:0;
  padding:.16rem .253333rem;
  background-color:#ea4e3d;
  border-radius:.213333rem;
  font-size:.293333rem;
  max-width:calc(100% - .253333rem);
  white-space:normal;
  word-break:break-all
}
.cg-footer-btn .cg-footer-bubble[data-v-cac33ed3]:before {
  content:"";
  position:absolute;
  display:block;
  width:0;
  height:0;
  border:.32rem solid transparent;
  border-left:.32rem solid #ea4e3d;
  left:0;
  bottom:-.186667rem
}


img {max-width:100%!important;}

.cg-no-title .cg-footer-btn[data-v-cac33ed3] {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
}

.kflj { position:fixed; display: block;width:80px;height:80px;
            

top: 160px;
          left: 50%;  
    transform: translateX(125px);  
 z-index:9999;

            }

.fixed-image {

           
            
            width: 100%; 
            height:auto;
           
            
        }