@charset "UTF-8";
.cg-header[data-v-85899015] {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 500px;
  height: 1.2rem;
  z-index: 99;
  color: var(--text-middle-color);
  background-color: var(--color-white);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  will-change: box-shadow;
}
.cg-header .cg-play-icon[data-v-85899015] {
  width: 3.733333rem;
  height: 1.2rem;
}
.cg-header-shadow[data-v-85899015] {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14),
    0 4px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.14), 0 4px 10px rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.cg-head-item[data-v-85899015] {
  width: 1.066667rem;
  height: 1.066667rem;
  font-size: 0.453333rem;
}
.cg-footer[data-v-2a4c3739] {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 500px;
  height: 1.306667rem;
  z-index: 99;
  color: var(--text-middle-color);
  background-color: var(--color-white);
  line-height: 0.4rem;
  letter-spacing: 0.026667rem;
}
.cg-footer-item[data-v-2a4c3739] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  min-width: 0;
}
.cg-footer-item.cg-footer-active[data-v-2a4c3739] {
  color: var(--primary-color);
}
.cg-footer-item .svg-icon[data-v-2a4c3739] {
  width: 0.533333rem;
  height: 0.533333rem;
}
.cg-slider-warp[data-v-72a36b60] {
  display: block;
  height: 5.066667rem;
  white-space: nowrap;
  overflow-y: hidden;
}
.cg-slider-warp[data-v-72a36b60]::-webkit-scrollbar {
  display: none;
}
.cg-slider-warp .cg-slider-img[data-v-72a36b60] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  min-width: 2.133333rem;
}
[dir="ltr"] .cg-slider-warp .cg-slider-img[data-v-72a36b60] {
  margin-right: 0.253333rem;
}
[dir="rtl"] .cg-slider-warp .cg-slider-img[data-v-72a36b60] {
  margin-left: 0.253333rem;
}
[dir="ltr"] .cg-slider-warp .cg-slider-img[data-v-72a36b60]:last-child {
  margin-right: 0;
}
[dir="rtl"] .cg-slider-warp .cg-slider-img[data-v-72a36b60]:last-child {
  margin-left: 0;
}
.cg-slider-warp[data-v-72a36b60] .van-image .van-image__img {
  width: auto;
  border-radius: 0.213333rem;
  overflow: hidden;
}
.cg-slider-warp[data-v-72a36b60] .van-image .van-image__img[lazy="loading"] {
  width: 2.133333rem;
}
.cg-desc-title[data-v-7e351f8e] {
  line-height: 0.56rem;
  margin-top: 0.506667rem;
}
.cg-desc-title .svg-icon[data-v-7e351f8e] {
  margin-top: 0.106667rem;
}
.cg-tags-warp[data-v-7e351f8e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--text-middle-color);
}
.cg-tag-item[data-v-7e351f8e] {
  height: 0.746667rem;
  line-height: 0.746667rem;
  text-align: center;
  max-width: 3.733333rem;
  min-width: 1.6rem;
  padding: 0 0.4rem;
  position: relative;
}
[dir="ltr"] .cg-tag-item[data-v-7e351f8e] {
  margin: 0 0.253333rem 0.253333rem 0;
}
[dir="rtl"] .cg-tag-item[data-v-7e351f8e] {
  margin: 0 0 0.253333rem 0.253333rem;
}
.cg-tag-item[data-v-7e351f8e]:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  width: 200%;
  height: 200%;
  border-radius: 0.746667rem;
  border-color: var(--line-primary-color);
  border-style: solid;
  border-width: 1px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9;
}
[dir="ltr"] .cg-tag-item[data-v-7e351f8e]:after {
  left: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
[dir="rtl"] .cg-tag-item[data-v-7e351f8e]:after {
  right: 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.cg-safe-warp[data-v-0d48c52e] {
  padding: 0.506667rem 0.506667rem 0.253333rem;
}
.cg-safe-item[data-v-0d48c52e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--text-middle-color);
  margin-bottom: 0.506667rem;
  line-height: 0.453333rem;
}
.cg-safe-item .svg-icon[data-v-0d48c52e] {
  font-size: 0.4rem;
}
[dir="ltr"] .cg-safe-item .svg-icon[data-v-0d48c52e] {
  margin-right: 0.506667rem;
}
[dir="rtl"] .cg-safe-item .svg-icon[data-v-0d48c52e] {
  margin-left: 0.506667rem;
}
.cg-comment-head[data-v-e0d24b29] {
  width: 0.746667rem;
  height: 0.746667rem;
  border-radius: 50%;
  line-height: 0.746667rem;
  text-align: center;
  overflow: hidden;
  font-weight: var(--font-weight-bold);
}
[dir="ltr"] .cg-comment-head[data-v-e0d24b29] {
  margin-right: 0.373333rem;
}
[dir="rtl"] .cg-comment-head[data-v-e0d24b29] {
  margin-left: 0.373333rem;
}
.cg-app-comment-chose[data-v-e0d24b29] {
  height: 0.533333rem;
  line-height: 0.533333rem;
  padding: 0 0.426667rem;
  overflow: hidden;
  position: relative;
}
.cg-app-comment-chose[data-v-e0d24b29]:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  width: 200%;
  height: 200%;
  border-radius: 0.533333rem;
  border-color: var(--line-primary-color);
  border-style: solid;
  border-width: 1px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9;
}
[dir="ltr"] .cg-app-comment-chose[data-v-e0d24b29]:after {
  left: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
[dir="rtl"] .cg-app-comment-chose[data-v-e0d24b29]:after {
  right: 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}