html {font-size: 100px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {color: #333; font-size: .18rem; min-width: 15.2rem; background-color: #ffffff;}

a:hover {font-weight: bold; color: #2D818C}
.main {width: 15rem; margin: 0 auto;}

.menu {
	background-image: url(../images/bg-menu2.jpg);
	background-position: center;
	background-size: cover;
	border-top:.02rem #274A50 solid;
}

.tit-bg1 {background-image: linear-gradient(to right, #00468C, #008C23);}
.empty-tip {text-align: center;color: #666;}/* 空数据/加载失败提示样式 */

/*按钮宽度*/
.layui-layer-btn{
	background-color: #ffffff;;
}
.layui-layer-btn a{
	width: 80%;
	margin: 0;
	background-color:#EEEEEE ;
	border:1px #EEEEEE solid !important;
	color:#666666;
	font-weight: bold;
	height: 25px;
}

.fw {font-weight: bold;}
.fc-white {color: #ffffff;}
.fc-black {color: #000000;}
.bg-white {background-color: #fffff;}

.w100 {width: 100%;}
.h100 {height: 100%;}

.text-l {text-align: left;}
.text-c {text-align: center;}
.text-r {text-align: right;}

.float-l {float: left;}
.float-c {float: center;}
.float-r {float: right;}
.float-center {width: fit-content; margin: 0 auto;}/* float水平居中 配合layui-clear使用 */
.float-clear {display: flow-root;}/* 使用 display: flow-root 清除浮动 */

.flex-between {
    display: flex;
    justify-content: space-between; /* 两端对齐 */
}


.flex-column {
    display: flex;
    flex-direction: column; /* 垂直排列 */
}

/*盒子水平居中 配合 width 使用 */
.margin-center{margin: 0 auto;}


.border-1 {border: 0.01rem #cccccc solid;}
.border-r {border-right: 0.01rem #cccccc solid;}
.border-b {border-bottom: 0.01rem #cccccc dashed;}

/*鼠标手势*/
.pointer{cursor:pointer;}
.move{cursor: move;}

/*位置*/
.position-r{position: relative;}
.position-f{position:fixed;}
.position-a{position: absolute;}
.position-s{position: static;}




.break-line {overflow-wrap: break-word;}/*强制换行*/
.keep-line {white-space: nowrap;}/*禁止换行*/
.fixed-height { overflow: hidden; /* 超出部分自动截断 */}

/*首行缩进*/
.text-indent{text-indent:2em;}
.text-indent p{text-indent:2em;}

/*两端对齐 若单行，至少要3个字符，只有两个字符的，中间补一个空格*/
.text-justify {
	text-align: justify;
	text-justify: distribute-all-lines;/*ie6-8*/
	text-align-last: justify;/* ie9*/
	-moz-text-align-last: justify;/*ff*/
	-webkit-text-align-last: justify;/*chrome 20+*/
}


/* 图片容器：固定尺寸，隐藏溢出，避免布局变化 */
.img-container {
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

/* 图片样式：自适应容器，加过渡动画 */
.img-container img {
	object-fit: cover;/* 保持图片比例，裁剪填充容器（可选） */
	transition: transform 0.3s ease;/* 缩放过渡动画，0.3秒缓动 */
	transform-origin: center center;/* 从中心缩放（默认值，可省略） */
}
.img-container:hover img {
	transform: scale(1.2);/* 放大1.2倍，可根据需求调整 */
}

/* 内部阴影效果 */
.inner-shadow {
    box-shadow: inset 0 .02rem .04rem rgba(0, 0, 0, 0.06);
} 

/* 基础灰色透明投影样式 */
.box-shadow {
	box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
}
.box-shadow:hover {
	box-shadow: 0 .08rem .24rem rgba(0, 0, 0, 0.15);
}

/* 基础灰色透明投影样式 */
.box-shadow-single {
	box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.0);
	transition: box-shadow 0.3s ease;
}
.box-shadow-single:hover {
	box-shadow: 0 .08rem .24rem rgba(0, 0, 0, 0.15);
	background: linear-gradient(180deg, #fff 0%, #E8F1FF 100%);
}

/* 卡片风格投影 */
.card-shadow {box-shadow: 0 .02rem .10rem rgba(0, 0, 0, 0.08);}
.card-shadow:hover {box-shadow: 0 .06rem .20rem rgba(0, 0, 0, 0.12);}

/* 悬浮效果投影 */
.hover-lift {
	box-shadow: 0 .02rem .08rem rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
	transform: translateY(-.08rem);
	box-shadow: 0 .10rem .25rem rgba(0, 0, 0, 0.12);
}

/* 悬浮效果无投影 */
.hover-lift2 {transition: transform 0.3s ease;}
.hover-lift2:hover {transform: scale(1.1) translateY(-.08rem);}

/* 核心垂直居中代码 */
.text-valign {
    display: flex;          /* 启用flex布局 */
    align-items: center;    /* 垂直居中（交叉轴居中） */
    height: 100%;           /* 关键：撑满父容器高度 */
}

/* 多行文本溢出显示省略号（WebKit 浏览器） */
.multi-line {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}


.vertical-text{
	writing-mode: vertical-rl;
	text-align: center; 
	}


/* 自定义字体设置 */
.ff1 {
	font-family: 思源宋体;
}

@font-face {
	font-family: 思源宋体;
	src: url(../font/SourceHanSerifCN-Bold.otf)
}
@font-face {
	font-family: Impact;
	src: url(../font/Impact.ttf)
}
@font-face {
	font-family: 庞门正道粗书体;
	src: url(../font/庞门正道粗书体.ttf)
}

/* iframe弹层自定义样式 */
.layui-layer-iframe,
.layui-layer-iframe .layui-layer-content iframe,
.layui-layer-iframe .layui-icon {border-radius: 0.1rem;}

/* nav导航栏自定义样式 */
.layui-nav {
	background-color: rgba(255, 255, 255, 0);
	padding: 0rem;
	border-radius: 0.02rem;
}
.layui-nav * {font-size: .22rem; font-weight: bold;}
.layui-nav .layui-this:after,
.layui-nav-bar {
	height: 0.04rem;
	background-color: #ffb800;
}
.layui-nav .layui-nav-item {
	line-height: .8rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
.layui-nav .layui-nav-more {
	right: -.05rem;
	font-size: .15rem;
}
.layui-nav .layui-nav-item a {padding: 0 0.15rem;}
.layui-nav-child {
	top: 0.7rem;
	line-height: .36rem;
	text-align: center;
}

/* carousel轮播图自定义样式 */
.layui-carousel-arrow {
	top: 50%;
	margin-top: -0.3rem;
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	font-size: .3rem;
}
.layui-carousel-ind {top: -0.35rem;}
.layui-carousel-ind ul {
	padding: .05rem;
	border-radius: .1rem;
}
.layui-carousel-ind ul li {
	width: 0.10rem;
	height: 0.10rem;
	margin: 0 0.03rem;
	font-size: 0.14rem;
}

/*浮动回顶部*/		
.layui-fixbar {
	position: fixed;
	right: .16rem;
	bottom: .16rem;
}

.layui-fixbar li {
	width: .50rem;
	height: .50rem;
	line-height: .50rem;
	margin-bottom: .01rem;
	font-size: .30rem;
	border-radius: .02rem;
}
.layui-fixbar .layui-icon {font-size: .4rem;}

/*按钮*/	
.layui-btn {
    height: .38rem;
    line-height: .36rem;
    border: .01rem solid transparent;
    padding: 0 .18rem;
    font-size: .14rem;
    border-radius: .06rem;
}

/*分页*/	
.layui-laypage {
    margin: .1rem 0;
}
.layui-laypage>a:first-child, .layui-laypage>a:first-child em {
    border-radius: .02rem 0 0 .02rem;
}
.layui-laypage a, .layui-laypage span {
    padding: 0 .25rem;
    height: .35rem;
    line-height: .35rem;
    margin: 0 -.01rem .05rem 0;
    font-size: .20rem;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    left: .01rem;
    top: -.01rem;
    padding: .01rem;
}
.layui-laypage select {
    height: .3rem;
    padding: .03rem;
    border-radius: .02rem;
}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span {
    border: .01rem solid #eee;
}

.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip {
    margin-left: .1rem;
    margin-right: .1rem;
}



/* 纯色 */
.fc-white { color: #ffffff; }
.fc-black { color: #000000; }
.fc-red   { color: #c81e1e; }
.bg-white { background-color: #ffffff; }
.bg-black { background-color: #000000; }
.bg-red   { background-color: #c81e1e; }

/* 中性灰度（分级：100-浅 → 700-深） */
.fc-gray-100 { color: #f5f7fa; }
.fc-gray-200 { color: #EBEBEB; }
.fc-gray-300 { color: #c9c9cc; }
.fc-gray-400 { color: #a9a9b3; }
.fc-gray-500 { color: #868690; }
.fc-gray-600 { color: #636366; }
.fc-gray-700 { color: #333333; }

.bg-gray-100 { background-color: #f5f7fa; }
.bg-gray-200 { background-color: #EBEBEB; }
.bg-gray-300 { background-color: #c9c9cc; }
.bg-gray-400 { background-color: #a9a9b3; }
.bg-gray-500 { background-color: #868690; }
.bg-gray-600 { background-color: #636366; }
.bg-gray-700 { background-color: #333333; }

/* 功能色（成功/警告/危险/信息） */
.fc-success { color: #00b42a; }
.fc-warning { color: #ff7d00; }
.fc-danger  { color: #f53f3f; }
.fc-info    { color: #168cff; }

.bg-success { background-color: #00b42a; }
.bg-warning { background-color: #ff7d00; }
.bg-danger  { background-color: #f53f3f; }
.bg-info    { background-color: #168cff; }

/* 1. 柔和蓝白渐变（适合卡片、表单背景） */
.gradient-light-blue {
  background: linear-gradient(180deg, #f0f8ff 0%, #e6f7ff 100%);
}

/* 2. 清新粉白渐变（适合女性向、轻量界面） */
.gradient-light-pink {
  background: linear-gradient(180deg, #fff5f7 0%, #ffe5ec 100%);
}

/* 3. 温暖黄白渐变（适合提示、轻量强调区域） */
.gradient-light-yellow {
  background: linear-gradient(180deg, #fffbf0 0%, #fff3cd 100%);
}

/* 4. 自然绿白渐变（适合环保、健康类场景） */
.gradient-light-green {
  background: linear-gradient(180deg, #f0fff4 0%, #d4edda 100%);
}

/* 5. 中性灰蓝渐变（适合通用内容区域） */
.gradient-light-gray {
  background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
}

/* 6. 双色调淡紫渐变（轻量装饰性背景） */
.gradient-light-purple {
  background: linear-gradient(180deg, #f5f3ff 0%, #e9d8fd 100%);
}

/* 7. 低饱和度渐变（极简风格，几乎无色彩感） */
.gradient-ultra-light {
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}

/*边距*/
.mt-10 {margin-top: .1rem;}
.mt-20 {margin-top: .2rem;}
.mt-30 {margin-top: .3rem;}
.mt-40 {margin-top: .4rem;}
.mt-50 {margin-top: .5rem;}
.mt-60 {margin-top: .6rem;}
.mt-70 {margin-top: .7rem;}
.mt-80 {margin-top: .8rem;}
.mt-90 {margin-top: .9rem;}
.mt-100 {margin-top: 1rem;}
.mt-120 {margin-top: 1.2rem;}
.mt-140 {margin-top: 1.4rem;}
.mt-160 {margin-top: 1.6rem;}
.mt-180 {margin-top: 1.8rem;}
.mt-200 {margin-top: 2rem;}

.mb-10 {margin-bottom: .1rem;}
.mb-20 {margin-bottom: .2rem;}
.mb-30 {margin-bottom: .3rem;}
.mb-40 {margin-bottom: .4rem;}
.mb-50 {margin-bottom: .5rem;}
.mb-60 {margin-bottom: .6rem;}
.mb-70 {margin-bottom: .7rem;}
.mb-80 {margin-bottom: .8rem;}
.mb-90 {margin-bottom: .9rem;}
.mb-100 {margin-bottom: 1rem;}
.mb-120 {margin-bottom: 1.2rem;}
.mb-140 {margin-bottom: 1.4rem;}
.mb-160 {margin-bottom: 1.6rem;}
.mb-180 {margin-bottom: 1.8rem;}
.mb-200 {margin-bottom: 2rem;}

.ml-10 {margin-left: .1rem;}
.ml-20 {margin-left: .2rem;}
.ml-30 {margin-left: .3rem;}
.ml-40 {margin-left: .4rem;}
.ml-50 {margin-left: .5rem;}
.ml-60 {margin-left: .6rem;}
.ml-70 {margin-left: .7rem;}
.ml-80 {margin-left: .8rem;}
.ml-90 {margin-left: .9rem;}
.ml-100 {margin-left: 1rem;}
.ml-120 {margin-left: 1.2rem;}
.ml-140 {margin-left: 1.4rem;}
.ml-160 {margin-left: 1.6rem;}
.ml-180 {margin-left: 1.8rem;}
.ml-200 {margin-left: 2rem;}

.mr-10 {margin-right: .1rem;}
.mr-20 {margin-right: .2rem;}
.mr-30 {margin-right: .3rem;}
.mr-40 {margin-right: .4rem;}
.mr-50 {margin-right: .5rem;}
.mr-60 {margin-right: .6rem;}
.mr-70 {margin-right: .7rem;}
.mr-80 {margin-right: .8rem;}
.mr-90 {margin-right: .9rem;}
.mr-100 {margin-right: 1rem;}
.mr-120 {margin-right: 1.2rem;}
.mr-140 {margin-right: 1.4rem;}
.mr-160 {margin-right: 1.6rem;}
.mr-180 {margin-right: 1.8rem;}
.mr-200 {margin-right: 2rem;}

/* 字体大小 */
.fs-0 {font-size: 0;}
.fs-1 {font-size: .02rem;}
.fs-12 {font-size: .12rem;}
.fs-14 {font-size: .14rem;}
.fs-16 {font-size: .16rem;}
.fs-18 {font-size: .18rem;}
.fs-20 {font-size: .20rem;}
.fs-25 {font-size: .25rem;}
.fs-30 {font-size: .30rem;}
.fs-35 {font-size: .35rem;}
.fs-40 {font-size: .40rem;}
.fs-45 {font-size: .45rem;}
.fs-50 {font-size: .50rem;}