* {
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  width: 100%;
  height: 100%;
}

body,
uni-page-body {
  background-color: var(--UI-BG-0);
  color: var(--UI-FG-0);
}

body {
  overflow-x: hidden;
  font-size: 16px;
}

uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

uni-page-wrapper {
  position: relative;
}

#app,
uni-app,
uni-page,
uni-page-wrapper {
  height: 100%;
}

/* toast,modal,actionSheet,picker,layout */
.uni-mask {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
/* toast,modal,actionSheet,picker */
.uni-fade-enter-active,
.uni-fade-leave-active {
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease;
}
.uni-fade-enter-from,
.uni-fade-leave-active {
  opacity: 0;
}

.uni-loading,
uni-button[loading]:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=');
  background-repeat: no-repeat;
}

.uni-loading {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  animation: uni-loading 1s steps(12, end) infinite;
  background-size: 100%;
}

@keyframes uni-loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

html {
  /* --UI-BG-0: #ededed; */
  --primary-color: #007aff;
  --UI-BG: #fff;
  --UI-BG-1: #f7f7f7;
  --UI-BG-2: #fff;
  --UI-BG-3: #f7f7f7;
  --UI-BG-4: #4c4c4c;
  --UI-BG-5: #fff;
  --UI-FG: #000;
  --UI-FG-0: rgba(0, 0, 0, 0.9);
  --UI-FG-HALF: rgba(0, 0, 0, 0.9);
  --UI-FG-1: rgba(0, 0, 0, 0.5);
  --UI-FG-2: rgba(0, 0, 0, 0.3);
  --UI-FG-3: rgba(0, 0, 0, 0.1);
}
body::after {
  position: fixed;
  content: '';
  left: -1000px;
  top: -1000px;
  animation: shadow-preload 0.1s;
  animation-delay: 3s;
}

@keyframes shadow-preload {
  0% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
  }
  100% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
  }
}
.uni-async-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #999;
  padding: 100px 10px;
  text-align: center;
}
.uni-async-loading {
  box-sizing: border-box;
  width: 100%;
  padding: 50px;
  text-align: center;
}

.uni-async-loading .uni-loading {
  width: 30px;
  height: 30px;
}

uni-page {
	opacity: 0;
}

uni-page.animation-before {
	/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute，需要在动画完成后移除 */
	transform: translateY(20px);
}

uni-page.animation-leave {
	transition: all .3s ease;
}

uni-page.animation-enter {
	transition: all .3s ease;
}

uni-page.animation-show {
	opacity: 1;
}

uni-page.animation-after {
	/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute，需要在动画完成后移除 */
	transform: translateY(0);
}


/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* 自定义变量 */
@font-face {
  font-family: "iconfont"; /* Project id 4410431 */
  src: url("//at.alicdn.com/t/c/font_4410431_07i1ps6e2ozu.woff2?t=1736444502789") format("woff2"), url("//at.alicdn.com/t/c/font_4410431_07i1ps6e2ozu.woff?t=1736444502789") format("woff"), url("//at.alicdn.com/t/c/font_4410431_07i1ps6e2ozu.ttf?t=1736444502789") format("truetype");
}
[class*=oc-icon-] {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.oc-icon-kefunv:before {
  content: "\e621";
}
.oc-icon-lishibiaodan:before {
  content: "\e73d";
}
.oc-icon-zhankai:before {
  content: "\e784";
}
.oc-icon-refund-1:before {
  content: "\e636";
}
.oc-icon-wallet-1:before {
  content: "\e60f";
}
.oc-icon-alipay-1:before {
  content: "\e665";
}
.oc-icon-weixin-pay-1:before {
  content: "\e663";
}
.oc-icon-tel-1:before {
  content: "\e643";
}
.oc-icon-del:before {
  content: "\e6ad";
}
.oc-icon-plus-1:before {
  content: "\e6b3";
}
.oc-icon-gift-1:before {
  content: "\e670";
}
.oc-icon-minus-1:before {
  content: "\e639";
}
.oc-icon-share-1:before {
  content: "\e616";
}
.oc-icon-help:before {
  content: "\e83d";
}
.oc-icon-zuowei:before {
  content: "\e613";
}
.oc-icon-map-2:before {
  content: "\e622";
}
.oc-icon-correct-2:before {
  content: "\e662";
}
.oc-icon-waimai-1:before {
  content: "\e64c";
}
.oc-icon-zhifeiji_fabu:before {
  content: "\e661";
}
.oc-icon-order:before {
  content: "\e797";
}
.oc-icon-success1:before {
  content: "\e67f";
}
.oc-icon-bianji:before {
  content: "\e8ac";
}
.oc-icon-jia:before {
  content: "\e60a";
}
.oc-icon-weixin:before {
  content: "\e608";
}
.oc-icon-close:before {
  content: "\e6ac";
}
.oc-icon-search:before {
  content: "\e6c8";
}
.oc-icon-weixuanzhongyuanquan:before {
  content: "\e607";
}
.oc-icon-agree:before {
  content: "\e70d";
}
.oc-icon-dianpu1:before {
  content: "\e736";
}
.oc-icon-xiangxia1:before {
  content: "\e771";
}
.oc-icon-fenxiang:before {
  content: "\e633";
}
.oc-icon-xiangyou:before {
  content: "\e626";
}
.oc-icon-jiantouxiangxia:before {
  content: "\e605";
}
.oc-icon-position-mark:before {
  content: "\e603";
}
.oc-icon-jichu_yuanquan:before {
  content: "\e648";
}
.oc-icon-jurassic_warn:before {
  content: "\e696";
}
.oc-icon-dianpufill:before {
  content: "\e735";
}
.oc-icon-clock-fill:before {
  content: "\e7d7";
}
.oc-icon-right:before {
  content: "\e642";
}
.oc-icon-success:before {
  content: "\e73c";
}
.oc-icon-star-2:before {
  content: "\e6a9";
}
.oc-icon-star-1:before {
  content: "\e602";
}
.oc-icon-medal-1:before {
  content: "\e7cb";
}
.oc-icon-shop-car-2:before {
  content: "\e668";
}
.oc-icon-store-2:before {
  content: "\e601";
}
.oc-icon-navigation-1:before {
  content: "\e637";
}
.oc-icon-navigation-2:before {
  content: "\e612";
}
.oc-icon-home-1:before {
  content: "\e6bb";
}
.oc-icon-clock-2:before {
  content: "\e890";
}
.oc-icon-order-1:before {
  content: "\e78a";
}
.oc-icon-home-2:before {
  content: "\e69b";
}
.oc-icon-seckill-2:before {
  content: "\e70a";
}
.oc-icon-order-2:before {
  content: "\e604";
}
.oc-icon-tel-out-1:before {
  content: "\e680";
}
.oc-icon-seckill-1:before {
  content: "\e9dd";
}
.oc-icon-fire-1:before {
  content: "\e638";
}
.oc-icon-fire-2:before {
  content: "\e8f4";
}
.oc-icon-gps-3:before {
  content: "\e64b";
}
.oc-icon-gps-4:before {
  content: "\e788";
}
.oc-icon-QRCode:before {
  content: "\e614";
}
.oc-icon-store-1:before {
  content: "\e645";
}
.oc-icon-vip-2:before {
  content: "\e79f";
}
.oc-icon-search-1:before {
  content: "\e741";
}
.oc-icon-close-1:before {
  content: "\e611";
}
.oc-icon-left-1:before {
  content: "\e724";
}
.oc-icon-right-1:before {
  content: "\e73b";
}
.oc-icon-correct-1:before {
  content: "\e615";
}
.oc-icon-coupons-2:before {
  content: "\e8c0";
}
.oc-icon-coupons-1:before {
  content: "\e8c8";
}
.oc-icon-gps-2:before {
  content: "\e609";
}
.oc-icon-gps-1:before {
  content: "\e62a";
}
.oc-icon-shop-car-1:before {
  content: "\e600";
}
.oc-icon-play-1:before {
  content: "\e606";
}
.oc-icon-vip-1:before {
  content: "\e76b";
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
::-moz-scrollbar {
  width: 0;
  height: 0;
}
::-ms-scrollbar {
  width: 0;
  height: 0;
}
html,
body {
  font-family: "微软雅黑", "宋体", Arial;
}
.uni-navbar__header {
  height: 50px !important;
}
.uni-nav-bar-text {
  font-size: 16px !important;
}
.hide2 {
  /*设置多行超出进行隐藏*/
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*设置超出两行进行隐藏*/
}
.hide1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*每个页面公共css */
.p-a {
  position: absolute;
}
.p-r {
  position: relative;
}
.f {
  display: flex;
}
.f-jc {
  display: flex;
  justify-content: center;
}
.f-jb {
  display: flex;
  justify-content: space-between;
}
.f-jc-sa {
  display: flex;
  justify-content: space-around;
}
.f-ac {
  display: flex;
  align-items: center;
}
.f-jac {
  display: flex;
  align-items: center;
  justify-content: center;
}
.f-d-c {
  display: flex;
  flex-direction: column;
}
.s20 {
  font-size: 0.625rem;
}
.s22 {
  font-size: 0.6875rem;
}
.s24 {
  font-size: 0.75rem;
}
.s26 {
  font-size: 0.8125rem;
}
.s28 {
  font-size: 0.875rem;
}
.s30 {
  font-size: 0.9375rem;
}
.s32 {
  font-size: 1rem;
}
.s34 {
  font-size: 1.0625rem;
}
.s36 {
  font-size: 1.125rem;
}
.s38 {
  font-size: 1.1875rem;
}
.s40 {
  font-size: 1.25rem;
}