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;
}

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


.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 清除浮动 */

/*盒子水平居中 配合 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;}

/*边距*/
.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;}

.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;}

.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;}

.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;}

/* 字体大小 */
.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;}


.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 {
	width: 100%px;
	height: 100%px;
	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 2px 4px 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;
}

/* 自定义字体设置 */
.ff1 {
	font-family: 庞门正道粗书体;
}

@font-face {
	font-family: SourceHanSerifCN-Bold;
	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: 0 0.15rem;
	border-radius: 0.02rem;
}
.layui-nav * {font-size: .2rem;}
.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.1rem;
	margin-right: 0.1rem;
}
.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;
}