/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-line[data-v-3e1cc47b] {
  vertical-align: middle;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loading-circle[data-v-32db0ed8] {
  display: inline-flex;
  vertical-align: middle;
  width: 0.875rem;
  height: 0.875rem;
  background: 0 0;
  border-radius: 50%;
  border: 2px solid;
  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
  animation: u-circle-32db0ed8 1s linear infinite;
}
.u-loading-flower[data-v-32db0ed8] {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  animation: u-flower-32db0ed8 1s steps(12) infinite;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
  background-size: 100%;
}
@keyframes u-flower-32db0ed8 {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
@keyframes u-circle-32db0ed8 {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-load-more-wrap[data-v-e9906cfb] {

  display: flex;
  flex-direction: row;

  justify-content: center;
  align-items: center;
}
.u-load-more-inner[data-v-e9906cfb] {

  display: flex;
  flex-direction: row;

  justify-content: center;
  align-items: center;
  padding: 0 0.375rem;
}
.u-more[data-v-e9906cfb] {
  position: relative;

  display: flex;
  flex-direction: row;

  justify-content: center;
}
.u-dot-text[data-v-e9906cfb] {
  font-size: 0.875rem;
}
.u-loadmore-icon-wrap[data-v-e9906cfb] {
  margin-right: 0.25rem;
}
.u-loadmore-icon[data-v-e9906cfb] {

  display: flex;
  flex-direction: row;

  align-items: center;
  justify-content: center;
}
.uncrkcard {
  bottom: -100vw !important;
}
.crkcard {
  width: 27vw;
  height: 50vw;
  background: #ffffff;
  box-shadow: 0 0 1vw 0 rgba(171, 171, 172, 0.29);
  border-radius: 1.6vw;
  position: fixed;
  right: 1.2vw;
  bottom: 11.5vw;
  z-index: 102;
  padding: 0 1.5625rem;
  padding-top: 3.125rem;
}
.crkcard .crkscroll {
  width: 100%;
  height: 29vw;
}
.crkcard .crkscroll .cgrk {
  width: 35vw;
  height: 8.5vw;
  background: rgba(236, 237, 239, 0.4);
  border-radius: 1.6vw;
  margin: 0.8vw auto 0;
  padding: 1.8vw 2vw;
  display: flex;
  justify-content: space-between;
}
.crkcard .crkscroll .cgrk > uni-view {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(2),
.crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(3) {
  font-weight: 400;
  font-size: 1.1vw;
  color: #888888;
}
.crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(1) {
  font-weight: bold;
  font-size: 1.2vw;
  color: #333333;
}
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) .c {
  color: #FF6600 !important;
}
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) .l {
  color: #0076D6 !important;
}
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) uni-text {
  font-weight: 400;
  font-size: 1.1vw;
  color: #888888;
  text-align: right;
}
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) uni-text:nth-child(2) {
  font-weight: bold;
  font-size: 1.4vw;
  color: #333333;
}
.crkcard .select {
  width: 100%;
  height: 7vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1vw 1.5vw;
}
.crkcard .select > uni-view {
  display: flex;
}
.crkcard .select > uni-view:nth-child(2) {
  justify-content: space-between;
}
.crkcard .select > uni-view:nth-child(2) uni-text {
  font-weight: 400;
  font-size: 1.1vw;
  color: #555555;
}
.crkcard .select > uni-view:nth-child(1) {
  justify-content: flex-end;
}
.crkcard .select > uni-view:nth-child(1) uni-view {
  min-width: 5vw;
  height: 2.6vw;
  border-radius: 1.3vw;
  border: 1px solid #DCDCDC;
  padding: 0 1.4vw;
  display: flex;
  align-items: center;
  margin: 0 0.5vw;
}
.crkcard .select > uni-view:nth-child(1) uni-view uni-image {
  width: 0.7vw;
  height: 0.5vw;
  margin-left: 0.4vw;
}
.crkcard .shopcont {
  width: 100%;
  height: 10vw;
  background: rgba(236, 237, 239, 0.3);
  border-bottom: 1px solid #DCDCDC;
  display: flex;
  align-items: center;
}
.crkcard .shopcont .cont {
  width: 26vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  padding: 2vw 0;
}
.crkcard .shopcont .cont uni-view:nth-child(4) {
  width: 5vw;
  height: 5vw;
  background: #ecedef;
  border-radius: 1.4vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-weight: 400;
  font-size: 1vw;
  position: absolute;
  color: #888888;
  top: 2.5vw;
  right: 1.8vw;
  padding: 0.5vw 0;
}
.crkcard .shopcont .cont uni-view:nth-child(4) uni-text {
  font-weight: bold;
  font-size: 1.8vw;
  color: #555555;
}
.crkcard .shopcont .cont uni-view:nth-child(2),
.crkcard .shopcont .cont uni-view:nth-child(3) {
  font-weight: 400;
  font-size: 1.1vw;
  color: #888888;
}
.crkcard .shopcont .cont uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 1.4vw;
  color: #212327;
}
.crkcard .shopcont .img {
  width: 10vw;
  height: 9vw;
}
.shuru {
  width: 20.6vw;
  height: 34.5vw;
  position: fixed;
  bottom: 1.5vw;
  right: 1.6vw;
  z-index: 103;
}
.unrigbot {
  right: -25vw !important;
}
.rigbot {
  width: 24.5vw;
  height: 13vw;
  background: #FFFFFF;
  border-radius: 1.6vw;
  position: fixed;
  bottom: 1.5vw;
  right: 1.6vw;
  z-index: 102;
  padding: 1.1vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rigbot uni-view {
  display: flex;
  align-items: center;
}
.rigbot uni-view:nth-child(3) {
  align-items: center;
  white-space: nowrap;
}
.rigbot uni-view:nth-child(3) uni-text {
  font-weight: 400;
  font-size: 1.1vw;
  color: #555555;
  white-space: nowrap;
  margin-right: 1.2vw;
}
.rigbot uni-view:nth-child(3) .jj {
  width: 3.5vw;
  height: 3.5vw;
  background: rgba(85, 85, 85, 0.1);
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 1vw;
  position: relative;
  padding: 0 !important;
}
.rigbot uni-view:nth-child(3) .jj:active {
  content: '';
  width: 3.5vw;
  height: 3.5vw;
  background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
}
.rigbot uni-view:nth-child(3) .num {
  width: 6.5vw;
  height: 3.5vw;
  border-radius: 1vw;
  background: rgba(85, 85, 85, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 1vw;
}
.rigbot uni-view:nth-child(2) {
  width: 21.6vw;
  height: 3vw;
  background: rgba(85, 85, 85, 0.1);
  border-radius: 1vw;
  padding-left: 1.5vw;
}
.rigbot uni-view:nth-child(1) {
  justify-content: space-between;
  font-weight: 400;
  font-size: 1.1vw;
  color: #555555;
}
.rigbot uni-view:nth-child(1) uni-text {
  width: 5.2vw;
  height: 2.2vw;
  display: inline-block;
  text-align: center;
  line-height: 2.2vw;
  font-weight: 400;
  font-size: 1vw;
  color: #5C7992;
  background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
  border-radius: 1.1vw;
}
.uncg {
  left: -47vw !important;
}
.cgou {
  width: 47vw;
  height: 26vw;
  background: #FFFFFF;
  box-shadow: 0 0 0.5vw 0 #E8E9ED;
  border-radius: 1.6vw;
  position: fixed;
  left: 2vw;
  top: 16vw;
  z-index: 101;
  padding: 2vw 0 0;
}
.cgou .tj {
  width: 100%;
  height: 3.5vw;
  display: flex;
  justify-content: flex-end;
  font-weight: 400;
  font-size: 1.1vw;
  color: #555555;
  align-items: center;
  padding-right: 2vw;
}
.cgou .gyscont {
  width: 100%;
  height: 5.7vw;
  background: #EFF0F4;
  padding: 2vw;
  display: flex;
  border-top: 1px solid #E8E9ED;
  border-bottom: 1px solid #E8E9ED;
}
.cgou .gyscont uni-view {
  width: 50%;
}
.cgou .gyscont uni-view:nth-child(2) {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.cgou .gyscont uni-view:nth-child(2) uni-text {
  font-weight: 400;
  font-size: 1.1vw;
  color: #555555;
  white-space: nowrap;
}
.cgou .gyscont uni-view:nth-child(2) .jj {
  width: 3.5vw;
  height: 3.5vw;
  background: rgba(85, 85, 85, 0.1);
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 1vw;
  position: relative;
}
.cgou .gyscont uni-view:nth-child(2) .jj:active {
  content: '';
  width: 3.5vw;
  height: 3.5vw;
  background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
}
.cgou .gyscont uni-view:nth-child(2) .num {
  width: 6.5vw;
  height: 3.5vw;
  border-radius: 1vw;
  background: rgba(85, 85, 85, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cgou .gyscont uni-view:nth-child(1) {
  display: flex;
  flex-direction: column;
}
.cgou .gyscont uni-view:nth-child(1) uni-text {
  font-weight: 400;
  font-size: 1vw;
  margin-left: 1vw;
}
.cgou .gyscont uni-view:nth-child(1) uni-text:nth-child(1) {
  color: #555555;
  margin-top: -0.4vw;
}
.cgou .gyscont uni-view:nth-child(1) uni-text:nth-child(2) {
  margin-top: 0.4vw;
  color: #555555;
}
.cgou .topcont {
  width: 100%;
  height: 14.6vw;
  padding: 0 2vw;
}
.cgou .topcont .life {
  width: 100%;
  height: 4.4vw;
  display: flex;
  justify-content: space-around;
}
.cgou .topcont .life > uni-view {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.cgou .topcont .life > uni-view:nth-child(2) {
  display: flex;
  justify-content: flex-end;
}
.cgou .topcont .life > uni-view:nth-child(2) uni-view {
  min-width: 4vw;
  height: 80%;
  font-weight: 400;
  font-size: 0.9vw;
  color: #8F92A1;
  display: flex;
  flex-direction: column;
  margin-left: 2.1vw;
  margin-top: -0.2vw;
  padding-right: 2.1vw;
}
.cgou .topcont .life > uni-view:nth-child(2) uni-view .l {
  color: #0385fa;
}
.cgou .topcont .life > uni-view:nth-child(2) uni-view .f {
  color: #fab2b6;
}
.cgou .topcont .life > uni-view:nth-child(2) uni-view:nth-child(1) {
  border-right: 1px solid #eff0f4;
}
.cgou .topcont .life > uni-view:nth-child(2) uni-view > uni-text:nth-child(1) {
  font-weight: bold;
  font-size: 1.4vw;
  color: #555555;
}
.cgou .topcont .life > uni-view:nth-child(2) uni-view > uni-text:nth-child(2) {
  font-weight: 400;
  font-size: 0.9vw;
  color: #8F92A1;
}
.cgou .topcont .life > uni-view:nth-child(1) {
  display: flex;
  justify-content: flex-start;
}
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(1),
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(2) {
  width: 5.3vw;
  height: 1.8vw;
  border-radius: 0.9vw;
  border: 1px solid #D2D2D2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 0.9vw;
  color: #555555;
  margin-left: 0.6vw;
}
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) {
  width: 4vw;
  height: 80%;
  font-weight: 400;
  font-size: 0.9vw;
  color: #8F92A1;
  display: flex;
  flex-direction: column;
  margin-left: 2.1vw;
  margin-top: -0.2vw;
}
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) > uni-text:nth-child(1) {
  font-weight: bold;
  font-size: 1.4vw;
  color: #555555;
}
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) > uni-text:nth-child(2) {
  font-weight: 400;
  font-size: 0.9vw;
  color: #8F92A1;
}
.cgou .topcont .top {
  width: 100%;
  height: 10.2vw;
  display: flex;
  justify-content: space-between;
}
.cgou .topcont .top .leftimg {
  width: 7vw;
  height: 6vw;
}
.cgou .topcont .top .rightcont {
  width: 29vw;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cgou .topcont .top .rightcont > uni-view {
  width: 100%;
}
.cgou .topcont .top .rightcont > uni-view:nth-child(1) {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5vw;
}
.cgou .topcont .top .rightcont > uni-view:nth-child(1) uni-text {
  width: 25vw;
  font-weight: bold;
  font-size: 1.4vw;
  color: #212327;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cgou .topcont .top .rightcont > uni-view:nth-child(2),
.cgou .topcont .top .rightcont > uni-view:nth-child(3),
.cgou .topcont .top .rightcont > uni-view:nth-child(4) {
  display: flex;
  font-weight: 400;
  font-size: 1vw;
  color: #777777;
  align-items: center;
  white-space: nowrap;
}
.cgou .topcont .top .rightcont > uni-view:nth-child(2) > uni-view,
.cgou .topcont .top .rightcont > uni-view:nth-child(3) > uni-view,
.cgou .topcont .top .rightcont > uni-view:nth-child(4) > uni-view {
  width: 16vw;
  margin-top: 0.8vw;
}
.cgou .topcont .top .rightcont > uni-view:nth-child(2) uni-text,
.cgou .topcont .top .rightcont > uni-view:nth-child(3) uni-text,
.cgou .topcont .top .rightcont > uni-view:nth-child(4) uni-text {
  display: inline-block;
  white-space: nowrap;
}
.mengban {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(239, 240, 244, 0.55);
}
.tp uni-image {
  width: 100%;
  height: 100%;
}
.box {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0vw 1vw 0;
}
.box .rights {
  width: 27vw;
  height: calc(100% - 4vw);
  margin-top: 4vw;
}
.box .rights .serchs {
  width: 27vw;
  height: 3.2vw;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1.6vw;
  display: flex;
  justify-content: space-between;
  padding: 0.5vw;
  align-items: center;
  margin-top: 1.1vw;
}
.box .rights .serchs .ipt {
  display: flex;
  align-items: center;
}
.box .rights .serchs .ipt uni-image {
  width: 2.2vw;
  height: 2.2vw;
  margin-left: 0.5vw;
}
.box .rights .serchs .ipt uni-input {
  width: 18vw;
  height: 2.4vw;
  font-size: 1.1vw;
  padding-left: 1.6vw;
}
.box .rights .serchs .scr {
  width: 4.2vw;
  height: 2.4vw;
  background: url('../../static/index/warehouse/procurement/sh.png') no-repeat;
  background-size: 100% 100%;
  border-radius: 1.2vw;
  border: 1px solid #009bfc;
  font-weight: 400;
  font-size: 1vw;
  color: #1083F8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .rights .anmikc {
  width: 100%;
  height: 5vw;
  display: flex;
  justify-content: space-between;
}
.box .rights .anmikc > uni-view {
  width: 49%;
  height: 3.7vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 1.3vw;
  color: #212327;
  background: #FFFFFF;
  margin: 0.25vw 0;
  border-radius: 1.6vw;
}
.box .rights .anmikc > uni-view uni-view {
  margin-right: 0.4vw;
}
.box .rights .anmikc > uni-view uni-view uni-image {
  width: 2vw;
  height: 2vw;
}
.box .rights .anmikc > uni-view uni-view .donghua {
  margin: 0;
}
.box .rights .anmikc > uni-view uni-text {
  white-space: nowrap;
}
.box .rights .typeitem {
  width: 100%;
  height: 54vh;
}
.box .rights .typeitem .scroltype {
  width: 100%;
  height: calc(58vh);
  display: flex;
  justify-content: space-around;
}
.box .rights .typeitem .scroltype .scroll-Y {
  width: 8.5vw;
  height: calc(58vh);
}
.box .rights .typeitem .scroltype .scroll-Y uni-view {
  width: 100%;
  height: 3.8vw;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1.9vw;
  font-weight: 400;
  font-size: 1.3vw;
  color: #212327;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.4vw;
  margin-bottom: 0.8vw;
  text-align: center;
}
.box .rights .typeitem .scroltype .scroll-Y uni-view uni-text {
  white-space: nowrap;
}
.box .rights .typeitem .scroltype .scroll-Y uni-view > uni-image {
  width: 2vw;
  height: 2vw;
}
.box .rights .typeitem .scroltype .scroll-Y .act {
  background: #ffffff !important;
  font-weight: 600;
  color: #0385FA !important;
}
.box .rights .typeitem .toptype {
  width: 100%;
  height: 2vw;
  display: flex;
  justify-content: space-around;
  margin: 0.4vw 0 0.4vw 0;
}
.box .rights .typeitem .toptype uni-view {
  width: 7vw;
  height: 1.9vw;
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 1.2vw;
  color: #333333;
}
.box .rights .shitem {
  width: 27vw;
  height: 10.3vw;
  background: #E8E9ED;
  border-radius: 1.6vw;
  padding: 1.2vw 1.8vw;
}
.box .rights .shitem .jqry {
  width: 100%;
  display: flex;
  align-items: center;
}
.box .rights .shitem .jqry .left {
  width: 5vw;
  height: 5vw;
  margin-right: 0.8vw;
  border-radius: 0.3vw;
  overflow: hidden;
}
.box .rights .shitem .jqry .rigname {
  height: 4vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.box .rights .shitem .jqry .rigname uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 1.4vw;
  color: #212327;
}
.box .rights .shitem .jqry .rigname uni-view:nth-child(2) {
  width: 11vw;
  font-weight: 400;
  font-size: 1vw;
  color: #212327;
  display: flex;
  justify-content: space-between;
}
.box .rights .shitem .shypk {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3125rem;
}
.box .rights .shitem .shypk uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 0.9375rem;
  color: #333333;
}
.box .rights .shitem .shypk uni-view:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box .rights .shitem .shypk uni-view:nth-child(2) uni-text {
  font-weight: 400;
  font-size: 1vw;
  color: #666666;
}
.box .lefts {
  width: 47vw;
  height: calc(100%);
  position: relative;
}
.box .lefts .yujing {
  border: 2px solid rgba(255, 102, 107, 0.51) !important;
  box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset;
}
.box .lefts .yujing uni-view .num uni-view:nth-child(1) {
  color: #FF5757 !important;
}
.box .lefts .fxj {
  width: 23vw;
  height: 22vw;
  position: absolute;
  left: 0;
  bottom: 2vw;
  z-index: 11;
  border-radius: 1.6vw;
}
.box .lefts .fxj uni-text {
  width: 100%;
  font-weight: 400;
  font-size: 0.9vw;
  color: #999999;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0vw;
}
.box .lefts .mblbg {
  width: 24.5vw;
  height: 21vw;
  position: absolute;
  left: -1vw;
  bottom: 0.5vw;
  border-radius: 1.6vw;
  filter: blur(0.46875rem);
  background: #eff0f4;
  z-index: 10;
}
.box .lefts .scroll-Y {
  width: 100%;
  height: 90%;
  display: flex;
  flex-wrap: wrap;
}
.box .lefts .boxitem {
  width: 22vw;
  height: 19.3vw;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 1.6vw;
  margin: 0 1.3vw 1.2vw 0;
  border: 2px dashed #fff;
  display: inline-block;
  padding: 1.5vw;
  position: relative;
}
.box .lefts .boxitem > uni-view .hl {
  color: #0385FA;
  background: #E7F0FB;
}
.box .lefts .boxitem > uni-view .yl {
  background: #DCF6F3;
  color: #00C6A9;
}
.box .lefts .boxitem > uni-view .bj {
  background: #E9EBFC;
  color: #727BFF;
}
.box .lefts .boxitem > uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 1.5vw;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.box .lefts .boxitem > uni-view:nth-child(2) {
  font-weight: 400;
  font-size: 1.2vw;
  color: #555555;
  margin-top: 0.2vw;
}
.box .lefts .boxitem > uni-view:nth-child(3) {
  font-weight: 400;
  font-size: 1.2vw;
  color: #666666;
  margin-top: 0.2vw;
}
.box .lefts .boxitem > uni-view:nth-child(4) {
  font-weight: 400;
  font-size: 1.2vw;
  color: #666666;
  margin-top: 0.2vw;
}
> .box .lefts .boxitem > uni-view:nth-child(6) {
  width: 100%;
  height: 10vw;
  position: absolute;
  left: 0;
  bottom: 0;
}
.box .lefts .boxitem > uni-view .num {
  position: absolute;
  bottom: 2vw;
  left: 2.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.box .lefts .boxitem > uni-view .num uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 2.2vw;
  color: #555;
}
.box .lefts .boxitem > uni-view .num uni-view:nth-child(2) {
  font-weight: 400;
  font-size: 1vw;
  color: #999999;
}
.box .lefts .boxitem > uni-view .znk {
  width: 10vw;
  height: 9.5vw;
  position: absolute;
  right: 1.5vw;
  bottom: 1vw;
}
.box .lefts .boxitem > uni-view .znk uni-image {
  width: 100%;
  height: 100%;
}
.box .lefts .boxitem > uni-view .carditem {
  width: 5.8vw;
  height: 2.1vw;
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 0.9vw;
  margin-top: 0.8vw;
}
.box .lefts .boxitem > uni-view .carditem uni-image {
  width: 1.4vw;
  height: 1.4vw;
}
.active {
  border: 2px dashed #017DE9 !important;
}
.swsh {
  width: 2.7vw;
  height: 1.5vw;
  background: #D6D8DC;
  border-radius: 0.75vw;
  border: 1px solid #D6D8DC;
  padding: 0.2vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.swsh > uni-view {
  width: 1.1vw;
  height: 1.1vw;
  background: #FCFCFD;
  border-radius: 50%;
}
.act {
  background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
  border: 1px solid rgba(0, 130, 251, 0.34) !important;
  padding-left: 1.3vw;
}
.act uni-view {
  background: #0385FA;
  position: absolute;
}
.guodu {
  transition: 0.4s;
  -webkit-transform-style: preserve-3d;
  -webkit-overflow-scrolling: touch;
}
.leftr {
  width: 70vw;
  margin-left: 1vw;
  height: calc(100%);
  position: relative;
}
.leftr .fxj {
  width: 30vw;
  height: 16vw;
  position: absolute;
  left: 1vw;
  bottom: 0vw;
  z-index: 111;
  border-radius: 1.6vw;
}
.leftr .fxj uni-text {
  width: 76%;
  font-weight: 400;
  font-size: 0.9vw;
  color: #999999;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0vw;
}
.leftr .mblbg {
  width: 35vw;
  height: 16vw;
  position: absolute;
  left: -1vw;
  bottom: 0vw;
  border-radius: 1.6vw;
  filter: blur(0.46875rem);
  background: #eff0f4;
  z-index: 10;
}
.leftr .scroll-Y {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.leftr .scroll-Y .boxitem:nth-child(1),
.leftr .scroll-Y .boxitem:nth-child(2),
.leftr .scroll-Y .boxitem:nth-child(3) {
  margin-top: 4vw;
}
.leftr .boxibigtem:nth-child(1),
.leftr .boxibigtem:nth-child(2) {
  margin-top: 4vw;
}
.leftr .boxibigtem {
  width: 33.3vw;
  height: 21.7vw;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 1.6vw;
  margin: 0 1.3vw 1.2vw 0;
  border: 2px dashed #fff;
  display: inline-block;
  padding: 2.3vw;
  position: relative;
}
.leftr .boxibigtem > uni-view .hl {
  color: #0385FA;
  background: #E7F0FB;
}
.leftr .boxibigtem > uni-view .yl {
  background: #DCF6F3;
  color: #00C6A9;
}
.leftr .boxibigtem > uni-view .bj {
  background: #E9EBFC;
  color: #727BFF;
}
.leftr .boxibigtem > uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 1.5vw;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.leftr .boxibigtem > uni-view:nth-child(2) {
  font-weight: 400;
  font-size: 1.2vw;
  color: #555555;
  margin-top: 0.9vw;
}
.leftr .boxibigtem > uni-view:nth-child(3) {
  font-weight: 400;
  font-size: 1.2vw;
  color: #666666;
  margin-top: 0.6vw;
}
> .leftr .boxibigtem > uni-view:nth-child(4) {
  width: 100%;
  height: 10vw;
  position: absolute;
  left: 0;
  bottom: 0;
}
.leftr .boxibigtem > uni-view .num {
  position: absolute;
  bottom: 2vw;
  left: 2.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.leftr .boxibigtem > uni-view .num uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 2.2vw;
  color: #555;
}
.leftr .boxibigtem > uni-view .num uni-view:nth-child(2) {
  font-weight: 400;
  font-size: 1vw;
  color: #999999;
}
.leftr .boxibigtem > uni-view .znk {
  width: 12vw;
  height: 11.5vw;
  position: absolute;
  right: 1.5vw;
  bottom: 1vw;
}
.leftr .boxibigtem > uni-view .znk uni-image {
  width: 100%;
  height: 100%;
}
.leftr .boxibigtem > uni-view .carditem {
  width: 5.8vw;
  height: 2.1vw;
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 0.9vw;
  margin-top: 0.8vw;
}
.leftr .boxibigtem > uni-view .carditem uni-image {
  width: 1.4vw;
  height: 1.4vw;
}
.rel-left {
  width: 24vw;
  height: 100%;
  position: relative;
}
.rel-left .zuofei {
  background-color: #FFE2E2;
  color: #FF5757;
  border: 0.03125rem solid #FF5757;
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  width: 3.75rem;
  height: 1.5625rem;
  border-radius: 0.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rel-left .fxj {
  width: 23vw;
  height: 22vw;
  position: absolute;
  left: 0;
  bottom: 2vw;
  z-index: 11;
  border-radius: 1.6vw;
}
.rel-left .fxj uni-text {
  width: 100%;
  font-weight: 400;
  font-size: 0.9vw;
  color: #999999;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0vw;
}
.rel-left .mblbg {
  width: 24.5vw;
  height: 21vw;
  position: absolute;
  left: -1vw;
  bottom: 0.5vw;
  border-radius: 1.6vw;
  filter: blur(0.46875rem);
  background: #eff0f4;
  z-index: 10;
}
.rel-left .scroll-Y {
  width: 100%;
  height: 62%;
  display: flex;
  flex-wrap: wrap;
}
.rel-left .yujing {
  color: black;
  box-shadow: 0 0 8px rgba(255, 102, 107, 0.51);
}
.rel-left .boxitem {
  width: 22vw;
  height: 19.3vw;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 1.6vw;
  margin: 0 0vw 1.2vw 0.6vw;
  border: 2px dashed #fff;
  display: inline-block;
  padding: 1.5vw;
  position: relative;
}
.rel-left .boxitem > uni-view .hl {
  color: #0385FA;
  background: #E7F0FB;
}
.rel-left .boxitem > uni-view .yl {
  background: #DCF6F3;
  color: #00C6A9;
}
.rel-left .boxitem > uni-view .bj {
  background: #E9EBFC;
  color: #727BFF;
}
.rel-left .boxitem > uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 1.5vw;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.rel-left .boxitem > uni-view:nth-child(2) {
  font-weight: 400;
  font-size: 1.2vw;
  color: #555555;
  margin-top: 0.6vw;
}
.rel-left .boxitem > uni-view:nth-child(3) {
  font-weight: 400;
  font-size: 1.2vw;
  color: #666666;
  margin-top: 0.6vw;
}
.rel-left .boxitem > uni-view:nth-child(4) {
  font-weight: 400;
  font-size: 1.2vw;
  color: #666666;
  margin-top: 0.6vw;
}
.rel-left .boxitem > uni-view .special-pos {
  width: 100%;
  height: 10vw;
  position: absolute;
  left: 0;
  bottom: 0;
}
.rel-left .boxitem > uni-view .dollar {
  position: absolute;
  bottom: 3.6vw;
  left: 1.2vw;
  font-weight: bold;
}
.rel-left .boxitem > uni-view .num {
  position: absolute;
  bottom: 2vw;
  left: 2.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rel-left .boxitem > uni-view .num uni-view:nth-child(1) {
  font-weight: bold;
  font-size: 2.2vw;
  color: #555;
}
.rel-left .boxitem > uni-view .num uni-view:nth-child(2) {
  font-weight: 400;
  font-size: 1vw;
  color: #999999;
}
.rel-left .boxitem > uni-view .right-icon {
  position: absolute;
  bottom: 3.7vw;
  right: 1.2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 2vw;
  border-radius: 0.9375rem;
  background-color: #E8E9ED;
  color: #626363;
}
.rel-left .boxitem > uni-view .znk {
  width: 10vw;
  height: 9.5vw;
  position: absolute;
  right: 1.5vw;
  bottom: 1vw;
}
.rel-left .boxitem > uni-view .znk uni-image {
  width: 100%;
  height: 100%;
}
.rel-left .boxitem > uni-view .carditem {
  width: 5.8vw;
  height: 2.1vw;
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 0.9vw;
  margin-top: 0.8vw;
}
.rel-left .boxitem > uni-view .carditem uni-image {
  width: 1.4vw;
  height: 1.4vw;
}
.mar-left {
  margin-left: 100vw;
}
.crkcard-title {
  font-weight: bold;
  font-size: 1.09375rem;
  width: 100%;
  text-align: center;
}
.crkcard-img-father {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 0.625rem;
}
.crkcard-img-father .crkcard-img {
  width: 9.375rem;
  height: 9.375rem;
}
.crkcard-img-father .tagname {
  display: flex;
}
.crkcard-img-father .tagname .tagname-one {
  width: 4.6875rem;
  height: 1.5625rem;
  margin: 0 0.625rem;
  border: 0.03125rem solid #D2D2D2;
  border-radius: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555555;
}
.crkcard-text {
  color: #777777;
  margin-top: 0.625rem;
}
.bottom-card-father {
  position: absolute;
  width: 100%;
  height: 6.25rem;
  bottom: 0;
  left: 0;
  display: flex;
}
.bottom-card-father .bottom-card {
  width: 33.3%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.bottom-card-father .bottom-card .bottom-card-bian {
  position: absolute;
  height: 3.125rem;
  width: 0.03125rem;
  background-color: #EFF0F4;
  bottom: 1.5625rem;
  right: 0;
}
.bottom-card-father .bottom-card .bottom-card-font {
  font-weight: bold;
  font-size: 1.09375rem;
}
.bottom-card-father .bottom-card .bottom-card-gray {
  margin-top: 0.15625rem;
  color: #8F92A1;
}
.blue-tags {
  display: flex;
  height: 3%;
  margin-top: 12%;
  margin-bottom: 5%;
  align-items: center;
}
.blue-tags .blue-shu {
  background: linear-gradient(to top, #007BFD, #019AF0);
  width: 0.46875rem;
  height: 1.25rem;
  border-radius: 0.46875rem;
  margin: 0 0.46875rem 0 0.625rem;
}
.blue-tags-middle {
  display: flex;
  height: 3%;
  margin-top: 6%;
  margin-bottom: 2.5%;
  align-items: center;
}
.blue-tags-middle .blue-shu {
  background: linear-gradient(to top, #007BFD, #019AF0);
  width: 0.46875rem;
  height: 1.25rem;
  border-radius: 0.46875rem;
  margin: 0 0.46875rem 0 0.625rem;
}
.special-view {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.popup-share {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(0.03125rem);
          backdrop-filter: blur(0.03125rem);
  background-color: rgba(236, 237, 241, 0.4);
  /* 添加毛玻璃效果 */
  z-index: 999;
}
.popup-share .share-other {
  z-index: 1;
  width: 100%;
  height: 100%;
}
.popup-share .share-title {
  padding-left: 1.5625rem;
  height: 4.6875rem;
  display: flex;
  align-items: center;
}
.popup-share .share-others {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup-share .share-others .other-img {
  width: 4.6875rem;
  height: 4.6875rem;
  margin-left: 3.125rem;
}
.popup-share .popup-share-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 25rem;
  height: 14.0625rem;
  background-color: #fff;
  border-radius: 0.9375rem;
  transition: opacity 0.4s ease;
}
.popup-share .popup-share-content .popup-share-title {
  margin: 0.9375rem 0.9375rem;
  font-size: 1.25rem;
  position: relative;
}
.popup-share .popup-share-content .popup-share-title .popup-share-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.25rem;
  height: 6.25rem;
}
.popup-share .popup-share-content .popup-share-upcontent {
  margin: 0 0.9375rem;
  display: flex;
  justify-content: space-between;
}
.popup-share .popup-share-content .popup-share-upcontent .popup-share-font {
  font-size: 1.09375rem;
  color: gray;
}
.popup-share .popup-share-content .popup-share-gray {
  background-color: #D3D3D3;
  width: calc(100% - 1.875rem);
  height: 0.0625rem;
  margin: 3.4375rem 0.9375rem 0 0.9375rem;
}
.popup-share .popup-share-content .popup-share-downcontent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin: 0 0.9375rem;
}
.popup-share .popup-share-content .popup-share-downcontent .popup-downcontent-img {
  width: 2.1875rem;
  height: 2.1875rem;
}
.popup-share .popup-share-content .popup-share-downcontent .popup-downcontent-font {
  font-size: 0.84375rem;
  margin-left: 0.625rem;
}
.popup-share .popup-share-content .popup-share-downcontent .popup-share-downcontent-left {
  display: flex;
  align-items: center;
}
.popup-share .popup-share-content .popup-share-downcontent .popup-share-downcontent-button {
  background: linear-gradient(to right bottom, #00c9ff, #0076ff);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.46875rem 0.9375rem;
  border-radius: 0.625rem;
  font-size: 1rem;
}
.blue-button {
  margin-top: 1.875rem;
  width: 4.6875rem;
  height: 2.1875rem;
  border-radius: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #007CFF;
  font-size: 0.9375rem;
  background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
  border: 0.0625rem solid #9AD1FF;
}
/* 容器默认隐藏，透明度为 0，不接受点击 */
.neuro-wrapper {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
/* 显示时透明度过渡到 1，可接受点击 */
.neuro-wrapper.is-active {
  opacity: 1;
  pointer-events: auto;
}
/* 遮罩层，半透明黑色 */
.neuro-mask {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
/* 拟态框 固定尺寸 + 阴影样式 + 相对定位于 wrapper */
.neuro-box {
  position: relative;
  width: 18.75rem;
  height: 14.0625rem;
  border-radius: 0.9375rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  padding: 0 10%;
}
.button {
  width: 47%;
  background-color: #ddf0ff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #007CFF;
  border: 0.03125rem solid #007CFF;
  font-size: 0.78125rem;
  border-radius: 0.9375rem;
}
.title {
  margin-top: 2.1875rem;
}
.card-font {
  margin-top: 2.1875rem;
  width: 18.75rem;
  justify-content: center;
  display: flex;
}
.button-white {
  width: 47%;
  border: 0.0625rem solid #c3cacd;
  background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.78125rem;
  border-radius: 0.9375rem;
}
.button-father {
  position: absolute;
  bottom: 1.875rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2.1875rem;
  display: flex;
  justify-content: space-between;
  padding: 0 1.5625rem;
}
.margin-height {
  height: 0.3125rem;
}


body {
		background: RGBA(239, 240, 244, 1);
}