
#app[data-v-8ff599d8] {
  min-height: 100vh;
   
  background-color: var(--background-color, #f5f5f5);
  transition: all 0.3s ease;
}
.loading-wrapper[data-v-8ff599d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* 页面切换动画 */
.fade-enter-active[data-v-8ff599d8],
.fade-leave-active[data-v-8ff599d8] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-8ff599d8],
.fade-leave-to[data-v-8ff599d8] {
  opacity: 0;
}

/* 全局样式 */
* {
	 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */
}
html, body {
  height: 100%;
  touch-action: pan-y pinch-zoom;
}
#app {
	 
  font-family:  'PingFang SC', 'Microsoft YaHei',-apple-system, 'Hiragino Sans GB', 
			 BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 
              
               SimSun, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-color, #333);
}

/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 1.067vw;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.533vw;
}
::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* 防止长按菜单 */
* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

/* 输入框除外 */
input, textarea {
  -webkit-user-select: text;
  user-select: text;
}

/* Vant 组件全局样式覆盖 */
.van-nav-bar {
  background: var(--navbar-bg, #fff);
}
.van-tabbar {
  background: var(--tabbar-bg, #fff);
  border-top: 1px solid var(--border-color, #ebedf0);
}

/* 主题变量 */
:root {
  --primary-color: #ee0a24;
  --success-color: #07c160;
  --warning-color: #ff976a;
  --danger-color: #ee0a24;
  --text-color: #333;
  --text-color-light: #666;
  --border-color: #ebedf0;
  --background-color: #f5f5f5;
}

/* 暗色主题 */
.theme-dark {
  --text-color: #fff;
  --text-color-light: #ccc;
  --border-color: #434343;
  --background-color: #141414;
  --navbar-bg: #1f1f1f;
  --tabbar-bg: #1f1f1f;
}
/* PingFang 完整字重配置 */
 /* @font-face {
    font-family: 'PingFang SC';
    src: url('@/assets/fonts/PingFang-Regular_0.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('@/assets/fonts/PingFang-Medium_0.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('@/assets/fonts/PingFang-Semibold_0.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('@/assets/fonts/PingFang-Light_0.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}  */
/***********Akrobat **************/
@font-face {
    font-family: 'Akrobat';
    src: url('/fonts/akrobat-BweNsG1r.ttf') format('truetype');
     
    font-style: normal;
    font-display: swap;
}  
/***********TencentSans **************/
@font-face {
    font-family: 'TencentSans';
    src: url('/fonts/qqw7-DC_mggro.ttf') format('truetype');
     
    font-style: normal;
    font-display: swap;
}  
/***********YouSheBiaoTiHei **************/
/* @font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('@/assets/fonts/YouSheBiaoTiHei.ttf') format('truetype');
     
    font-style: normal;
    font-display: swap;
} */

 /* 完整配置 */
 /* @font-face {
     font-family: 'PingFang SC';
     src: url('@/assets/fonts/苹方黑体-极细-简.ttf') format('truetype');
     font-weight: 100;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'PingFang SC';
     src: url('@/assets/fonts/苹方黑体-纤细-简.ttf') format('truetype');
     font-weight: 200;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'PingFang SC';
     src: url('@/assets/fonts/苹方黑体-细-简.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'PingFang SC';
     src: url('@/assets/fonts/苹方黑体-准-简.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'PingFang SC';
     src: url('@/assets/fonts/苹方黑体-中黑-简.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'PingFang SC';
     src: url('@/assets/fonts/苹方黑体-中粗-简.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 } */
 
 /* @font-face {
     font-family: 'DINPro';
     src: url('@/assets/fonts/D-DIN-PRO-400-Regular.otf') format('opentype');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'DINPro';
     src: url('@/assets/fonts/D-DIN-PRO-500-Medium.otf') format('opentype');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'DINPro';
     src: url('@/assets/fonts/D-DIN-PRO-600-SemiBold.otf') format('opentype');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'DINPro';
     src: url('@/assets/fonts/D-DIN-PRO-700-Bold.otf') format('opentype');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'DINPro';
     src: url('@/assets/fonts/D-DIN-PRO-800-ExtraBold.otf') format('opentype');
     font-weight: 800;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'DINPro';
     src: url('@/assets/fonts/D-DIN-PRO-900-Heavy.otf') format('opentype');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
 } */
/* body{
		 background-color: #D3E2FB;
		  font-family:  'PingFang SC', 'Microsoft YaHei', sans-serif;
} */
:root {
  --font-family: 'PingFang SC','Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 
                'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
                'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
                'Noto Color Emoji';
}

body {
	
  font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   touch-action: pan-y pinch-zoom;
}
	  
 .main-layout {
   /* min-height: 100vh; */
   min-height: calc(100vh - 40vw);
  background-color: #d3e2fb;
  display: flex;
  flex-direction: column;
  position: relative;
}

.layout-content {
/*  flex: 1;
  min-height: calc(100vh - 87px); /* 减去tabbar高度 */
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0; /* 移除原有的padding */  
  
   flex: 1; /* 修改：占据剩余空间 */
    overflow-x: hidden;
    overflow-y: auto; /* 修改：如果需要可以滚动 */
    padding-bottom: 0;
    display: flex; /* 新增 */
    flex-direction: column; /* 新增 */
}

.nav-logo {
  height: 6.4vw;
  vertical-align: middle;
}

 
 .custom-tabbar  .van-tabbar  {
	  
	  width:100%;
	  height: 23.2vw;
	  background-image: url('/img/tabbar_bg-YCeJaf9v.png') !important; /* 默认背景 */
	  background-repeat:  repeat;
	  background-position: center;
	 background-size: 100% auto;
	  border: 0px;
	  background-color: transparent;
	  padding:0px;
	  margin: 0px;
	}

.icon-img{
	align-items: center;
	align-self: center;
	display: block;
}

	
	.tab-text {
		font-size: 2.667vw;
		color: #778ca4;
		font-family: 'PingFang HK';
	  transition: color 0.3s ease;
	}
	
	.tab-text.active {
	  font-weight: bold;
	}
	
 .van-tabbar {
	 
		border: 0px !important;
		  border-top: none !important;
	}
 
 
 .van-tabbar-item--active {
	  background-color:transparent;
}

  
 .van-tabbar-item__icon img  {
   height:13.867vw;
}
/* .tabbar_active_up{
	width:44px;
	 
	height: 8px !important;
  	margin-top:-7px;
	margin-left:3px;
	align-items: center;
	align-self: center;
	display: block;  
} */
 
