body{ background-color: #f5f5f5;}
input,textarea{font-size: 14px;}


.u-radius-16{ border-radius: 16px;}
.u-radius-8{ border-radius: 8px;}
.u-radius-6{ border-radius: 6px;}

.bg-blue{ background-color: #5194df;}
.bg-blue1{ background-color: #2a82e4;}

.heg-100{ position: relative; height: 60px;}
.mag-30{ margin-top: -60px;}
.hei20{ padding-top: 20px;visibility: hidden;clear: both;content: "";display: block; height: 0;}
.hei30{ padding-top: 30px;visibility: hidden;clear: both;content: "";display: block; height: 0;}
.hei12{ padding-top: 12px;visibility: hidden;clear: both;content: "";display: block; height: 0;}

.tab-bheg{padding-top: 64px;visibility: hidden;clear: both;content: "";display: block; height: 0;}
#tab-button{ padding: 5px; position: fixed; height: 54px; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999; gap:8px}
	#tab-button .tab-item{ flex: 1;}
		#tab-button .tab-item .ico{ width: 26px; height: 26px;  background-position: bottom; background-repeat: no-repeat; background-size: 26px auto;}
			#tab-button .tab-item .ico.home{background-image: url(../../imgs/wap/home.png);}
			#tab-button .tab-item .ico.type{background-image: url(../../imgs/wap/type.png);}
			#tab-button .tab-item .ico.user{background-image: url(../../imgs/wap/user.png);}
		#tab-button .tab-item .des{ margin-top: 2px; font-size: 12px; color: #666;}
		
		#tab-button .tab-item.oncl .ico{ background-position: top}
		#tab-button .tab-item.oncl .des{ color: #00baad;}

.main-box{ max-width: 640px; margin: 0 auto;}

.u-pd-15{ padding:10px 12px;}
.u-pd-16{ padding:15px 12px;}

.layHeard{ position: fixed; height: 60px; top: 0; max-width: 640px; width: 100%; z-index: 99;}
.layhea-top{padding-top: 60px;visibility: hidden;clear: both;content: "";display: block; height: 0;}

.layBg{ background: url(../../imgs/wap/h-bg.png) no-repeat top center; background-size: 100% auto;}

.h5-sear-box{ border-radius: 100px; height: 40px;}
.h5-sear-box.pds{padding-left: 12px; padding-right: 12px;background-color: rgba(255,255,255, .3); }	
.h5-sear-box.seacom{ background-color: #fff;}
	.h5-sear-box .sele{ margin-left: 8px; background: none; font-size: 14px; min-width:80px; border: none;}	
	.h5-sear-box .seaFlex{ padding-left: 4px; margin-left: 5px; height: 40px; margin-right: 5px; border-left: solid 1px #f1f1f1;}
	.h5-sear-box .imgsea{ width: 20px; height: 20px; margin-right: 8px;}
	.h5-sear-box .input{ background: none; color: #fff; display: block; width: 100%; height: 40px;}
	.h5-sear-box .seaInput{ background: none; display: block; width: 100%; height: 40px;}
	.h5-sear-box .input::placeholder{ color: rgba(255,255,255, .5);}
	.h5-sear-box .seaSubmit{ font-size: 16px; padding-left: 18px; padding-right: 18px; line-height: 40px; border-radius: 100px;}

	

.h5-com-head{ padding-left: 12px; padding-right: 12px; height: 40px;}
	.h5-com-head .ico-back{ width: 26px; height: 26px;}

.mob1{grid-area:m1; position: relative; overflow: hidden; padding-left: 20px;}
.mob1 h2{ font-size: 20px; margin-top: 30px;}
.mob1 p{ font-size: 12px; margin-top: 8px;}
.mob1:before{
	content: "";
	width: 100px;
	height: 100px;
	background-color: #A400BA;
	opacity: .15;
	left: -30px;
	top: -40px;
	border-radius: 50%;
	position: absolute;
}
.lay-ban-box{
	margin-top:90px;
	display: grid;
	grid-gap: 8px;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas:
	". m1"
	". m1"
	". .";
}

.lay-ban-box li{ min-height: 80px; background-color: #fff; border-radius: 8px; background-repeat: no-repeat; background-position: right bottom; background-size: 40% auto; }
.lay-ban-box li .hTie{ font-size: 16px; font-weight: 600; line-height: 80px; padding-left: 20px;}
	.lay-ban-box li:nth-child(1){ background-image: url(../../imgs/tm-1.png);}
	.lay-ban-box li:nth-child(2){ background-image: url(../../imgs/tm-2.png);  background-size: 70% auto;}
	.lay-ban-box li:nth-child(3){ background-image: url(../../imgs/tm-3.png);}
	.lay-ban-box li:nth-child(4){ background-image: url(../../imgs/tm-4.png);}
	.lay-ban-box li:nth-child(5){ background-image: url(../../imgs/tm-5.png);}

.lay-Tie{ position: relative; margin-bottom: 12px;}
	.lay-Tie h2,
	.lay-Tie h3{ line-height: 1;}
	.lay-Tie .h-tie{ font-size: 16px; font-weight: 700;}	
	
.com-list{ margin-top: 12px;}
	.com-list .aLink{position: relative; padding-top: 6px; padding-bottom: 6px; overflow: hidden;}
	.com-list .aLink:first-child{ margin-top: 0;}	
	.com-list .aLink .label{ font-size: 14px; width: 60px; color: #00BAAD;}
	.com-list .aLink:nth-child(6n+1) .label{ color: #00BAAD;}
	.com-list .aLink:nth-child(6n+2) .label{ color: #A5D63F;}
	.com-list .aLink:nth-child(6n+3) .label{ color: #FFC300;}
	.com-list .aLink:nth-child(6n+4) .label{ color: #7948EA;}
	.com-list .aLink:nth-child(6n+5) .label{ color: #D43030;}
	.com-list .aLink:nth-child(6n+6) .label{ color: #2A82E4;}
	.com-list .aLink .info{ margin-left: 8px; overflow: hidden;}
	.com-list .aLink .item{ overflow: hidden;}
		.com-list .aLink h3{ font-size: 14px;}		
		.com-list .aLink .time{ font-size: 12px;}
		.com-list .aLink .topno{ width: 20px; height: 20px; overflow: hidden; line-height: 22px; text-align: center; border-radius: 3px;}
		.com-list .aLink:nth-child(1) .topno{ background-color: #d43030; color: #fff;}
		.com-list .aLink:nth-child(2) .topno{ background-color: #ff8d1a; color: #fff;}
		.com-list .aLink:nth-child(3) .topno{ background-color: #a5d63f; color: #fff;}

.act-top{ position: relative; padding: 10px 20px 30px; }
	.act-top h1{ font-size: 20px; color: #fff; line-height: 1.1;}
	.act-top .des{ margin-top: 12px; font-size: 12px; color: rgba(255,255,255, .5); line-height: 1.3;}
	.act-top .lab{ margin-top: 12px; margin-bottom: 12px;}
		.act-top .lab .label{ padding: 3px 5px; font-size: 12px; color: rgba(255,255,255, .6);  border-radius: 3px; background-color: rgba(255,255,255, .3);}
		.act-top  .acTime{ color: rgba(255,255,255, .5);margin-top: -22px;text-align: right;}
.layText{ position: relative; padding: 20px 15px; margin-top: -25px; border-radius: 20px 20px 0 0;}
.layText.mt-60{ margin-top: -60px;}
	.layText .txt-tie{ line-height: 1.1; font-size: 16px; font-weight: 600;}
	.layText .txt-des{ margin-top: 10px; line-height: 1.1;font-size: 15px;  }
	.layText .txt-line{ height: 4px; background-color: #f5f5f5; margin: 20px 0;}
	
	.layText p{ margin-top: 12px; font-size: 13px;}
	.layText h2,
	.layText h3,
	.layText h4,
	.layText h5,
	.layText h6{margin-top: 15px;}

.catg-top{ padding: 20px 12px; display: grid; gap:10px; grid-template-columns: repeat(4, 1fr);}
	.catg-top li{ text-align:center; padding: 5px 0; cursor: pointer; border-radius: 6px; background-color: rgba(255,255,255, .3); color: rgba(255,255,255, .7);}
	.catg-top li.oncl{ background-color: #fff; color: #00baad;}




	.pagination{ padding-top: 10px;}
	.pagination li{
		display: inline-block;
		color: #666;
		border:solid 1px #d5d5d5;	
		margin: 5px 2px;
		text-align: center;
		overflow: hidden;
		padding: 3px 12px;
		font-size: 14px;
		border-radius: 3px;	
		cursor: pointer;
	}
	.pagination li.active{	color:#00baad; }
	.pagination li.active{ background-color: #00baad;border-color: #00baad; color: #fff;}
	.pagination li.disabled{ border: none;}


	.frLink{ font-size: 12px; margin-top: 6px; color: #aaa;}
	.frLink a{ display: inline-block;  margin-left: 8px; margin-right: 8px; color: #444;}
	.frLink a:hover{ color:#3491ec;}
	.clicks{
		font-size: 16px;
		background-color: #fff;
	}
	.prev{
		position: absolute; /* 绝对定位 */
		left: 0; /* 左边对齐 */
		width: 45%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.next{
		position: absolute; /* 绝对定位 */
		right: 0; /* 右边对齐 */
		width: 45%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}