/*height*/
.h100 {
	height: 100%;
}

.h324{
	height: 324rpx;
}

.h342{
	height: 342rpx;
}

.w100 {
	width: 100%;
}

.w453{
	width: 453rpx;
}
.bgB24{
	background: #FA3B24;
}
.w456{
	width: 456rpx;
}

.vh100{
	height: 100vh;
}

.vw100{
	width: 100vw;
}

.mh100 {
	min-height: 100%;
}

.mw100 {
	min-width: 100%;
}

.wh25{
	width: 25rpx;
	height: 25rpx;
}

.wh30{
	width: 30rpx;
	height: 30rpx;
}

.wh120{
	width: 120rpx;
	height: 120rpx;
}

.disabled{
	font-family: PingFang-SC, PingFang-SC;
    font-weight: 500;
	font-size: 27rpx;
	color: rgba(0,0,0,0.25);
}

/*flex布局*/


.flex {
	display: flex;
}

.fr {
	flex-direction: row-reverse;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.no-wrap {
	flex-wrap: nowrap;
}

.wrap{
	flex-wrap: wrap;
}

.shrink0 {
	flex-shrink: 0;
}

.flex1 {
	flex: 1;
}

.j-center {
	justify-content: center;
}

.j-between {
	justify-content: space-between;
}

.j-end {
	justify-content: flex-end;
}

.j-start {
	justify-content: flex-start;
}

.a-center {
	align-items: center;
}

/*font*/
.txt-aligin-l{
	text-align: left;
}

.txt-aligin-r{
	text-align: right;
}

.txt-center {
	text-align: center;
}

.font-bold {
	font-weight: bold;
}

.font-w500 {
	font-weight: 550;
}

.font-w400 {
	font-weight: 400;
}

.font15 {
	font-size: 15rpx;
}

.font16 {
	font-size: 16rpx;
}

.font18 {
	font-size: 18rpx;
}

.font20 {
	font-size: 20rpx;
}

.font22 {
	font-size: 22rpx;
}

.font24 {
	font-size: 24rpx;
}

.font26 {
	font-size: 26rpx;
}

.font28 {
	font-size: 28rpx;
}

.font30 {
	font-size: 30rpx;
}

.font32 {
	font-size: 32rpx;
}

.font36 {
	font-size: 36rpx !important;
}

.font40{
	font-size: 40rpx;
}

.font42{
	font-size: 42rpx;
}

.font60{
	font-size: 60rpx;
}

.font62{
	font-size: 62rpx;
}

/*cursor*/

.pointer {
	cursor: pointer;
}

/*position*/

.relative {
	position: relative;
}

.sticky {
	position: sticky;
}

.absolute {
	position: absolute;
}
.mr-44{
	margin-right:44rpx;
}
.fixed {
	position: fixed;
}

.zIndex1{
	z-index: 1;
}

.zIndex2{
	z-index: 2;
}

.zIndex3{
	z-index: 3;
}

.zIndex999{
	z-index: 999;
}

.zIndex1000{
	z-index: 1000;
}

.top0 {
	top: 0;
}

.top20{
	top: 20rpx;
}

.top30{
	top: 30rpx;
}

.top38{
	top: 38rpx;
}

.top66{
	top: 66rpx;
}

.top120{
	top: 120rpx;
}

.bottom0{
	bottom: 0;
}

.bottom22{
	bottom: 22rpx;
}

.right0{
	right: 0;
}

.right30{
	right: 30rpx;
}

.left0 {
	left: 0;
}

.left30{
	left: 30rpx;
}

/*padding*/

.pad32 {
	padding: 32rpx;
}

.plr20{
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.plr28{
	padding-left: 28rpx;
	padding-right: 28rpx;
	box-sizing: border-box;
}

.plr30 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.plr40{
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.plr44{
	padding-left: 44rpx;
	padding-right: 44rpx;
}

.plr48{
	padding-left: 48rpx;
	padding-right: 48rpx;
}

.plr50{
	padding-left: 50rpx;
	padding-right: 50rpx;
}

.plr54{
	padding-left: 54rpx;
	padding-right: 54rpx;
}

.plr55{
	padding-left: 55rpx;
	padding-right: 55rpx;
}

.plr56{
	padding-left: 56rpx;
	padding-right: 56rpx;
}

.plr74{
	padding-left: 74rpx;
	padding-right: 74rpx;
}

.plr76{
	padding-left: 76rpx;
	padding-right: 76rpx;
}

.plr80{
	padding-left: 80rpx;
	padding-right: 80rpx;
}

.plr148{
	padding-left: 148rpx;
	padding-right: 148rpx;
}

.pr40{
	padding-right: 40rpx;
}

.pr48{
	padding-right: 48rpx;
}

.ptb12{
	padding-top: 12rpx;
	padding-bottom: 12rpx;
}

.ptb14{
	padding-top: 14rpx;
	padding-bottom: 14rpx;
}

.ptb16{
	padding-top: 16rpx;
	padding-bottom: 16rpx;
}

.ptb20{
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.ptb22{
	padding-top: 22rpx;
	padding-bottom: 22rpx;
}

.ptb28{
	padding-top: 28rpx;
	padding-bottom: 28rpx;
}

.ptb30{
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.ptb32{
	padding-top: 32rpx;
	padding-bottom: 32rpx;
}

.ptb40{
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.ptb42{
	padding-top: 42rpx;
	padding-bottom: 42rpx;
}

.ptb50{
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}

.pt20{
	padding-top: 20rpx;
}

.pt22{
	padding-top: 22rpx;
}

.pt25 {
	padding-top: 25rpx;
}

.pt28{
	padding-top: 28rpx;
}

.pt30{
	padding-top: 30rpx;
}

.pt32{
	padding-top: 32rpx;
}

.pt34{
	padding-top: 34rpx;
}

.pt38{
	padding-top: 38rpx;
}

.pt40{
	padding-top: 40rpx;
}

.pt42{
	padding-top: 42rpx;
}

.pt48{
	padding-top: 48rpx;
}

.pt50{
	padding-top: 50rpx;
}

.pt60{
	padding-top: 60rpx;
}

.pt68{
	padding-top: 68rpx;
}

.pt75{
	padding-top: 75rpx;
}

.pt78{
	padding-top: 78rpx;
}

.pt91{
	padding-top: 91rpx;
}

.pt158{
	padding-top: 158rpx;
}

.pb10{
	padding-bottom: 10rpx;
}

.pb17{
	padding-bottom: 17rpx;
}

.pb20{
	padding-bottom: 20rpx;
}

.pb22{
	padding-bottom: 22rpx;
}

.pb24{
	padding-bottom: 24rpx;
}

.pb26{
	padding-bottom: 26rpx;
}

.pb28{
	padding-bottom: 28rpx;
}

.pb29{
	padding-bottom: 29rpx;
}

.pb34{
	padding-bottom: 34rpx;
}

.pb38{
	padding-bottom: 38rpx;
}

.pb42{
	padding-bottom: 42rpx;
}

.pb44{
	padding-bottom: 44rpx;
}

.pb48{
	padding-bottom: 48rpx;
}

.pb49{
	padding-bottom: 49rpx;
}

.pb50{
	padding-bottom: 50rpx;
}

.pb52{
	padding-bottom: 52rpx;
}

.pb60{
	padding-bottom: 60rpx;
}

.pb70{
	padding-bottom: 70rpx;
}

.pb78{
	padding-bottom: 78rpx;
}

.pb87{
	padding-bottom: 87rpx;
}

.pb96{
	padding-bottom: 96rpx;
}

.pb120{
	padding-bottom: 120rpx;
}

.pl6{
	padding-left: 6rpx;
}

/*margin*/
.ml30{
	margin-left: 30rpx;
}

.ml40{
	margin-left: 40rpx;
}

.mlr-o{
	margin:0 auto;
}

.mlr136{
	margin-left: 136rpx;
	margin-right: 136rpx;
}

.mtb5{
	margin-top: 5rpx;
	margin-bottom: 5rpx;
}

.mt2{
	margin-top: 2rpx;
}

.mt12{
	margin-top: 12rpx;
}

.mt18{
	margin-top: 18rpx;
}

.mt20{
	margin-top: 20rpx;
}

.mt28{
	margin-top: 28rpx;
}

.mt30{
	margin-top: 30rpx;
}

.mt32{
	margin-top: 32rpx;
}

.mt34{
	margin-top: 34rpx;
}

.mt36{
	margin-top: 36rpx;
}

.mt40{
	margin-top: 40rpx;
}

.mt70{
	margin-top: 70rpx;
}


.mt131{
	margin-top: 131rpx;
}

.mt158 {
	margin-top: 158rpx;
}

.mt164{
	margin-top: 164rpx;
}

.mb4{
	margin-bottom: 4rpx;
}

.mb8{
	margin-bottom: 8rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}

.mb12{
	margin-bottom: 12rpx;
}

.mb14{
	margin-bottom: 14rpx;
}

.mb16{
	margin-bottom: 16rpx;
}

.mb17 {
	margin-bottom: 17rpx;
}

.mb18 {
	margin-bottom: 18rpx;
}

.mb20 {
	margin-bottom: 20rpx;
}

.mb22 {
	margin-bottom: 22rpx;
}

.mb24 {
	margin-bottom: 24rpx;
}

.mb26{
	margin-bottom: 26rpx;
}

.mb28 {
	margin-bottom: 28rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}

.mb31 {
	margin-bottom: 31rpx;
}

.mb32 {
	margin-bottom: 32rpx;
}

.mb33{
	margin-bottom: 33rpx;
}

.mb34{
	margin-bottom: 34rpx;
}

.mb35{
	margin-bottom: 35rpx;
}

.mb36{
	margin-bottom: 36rpx;
}

.mb38 {
	margin-bottom: 38rpx;
}

.mb40 {
	margin-bottom: 40rpx;
}

.mb41{
	margin-bottom: 41rpx;
}

.mb42{
	margin-bottom: 42rpx;
}

.mb43{
	margin-bottom: 43rpx;
}

.mb44{
	margin-bottom: 44rpx;
}

.mb45{
	margin-bottom: 45rpx;
}

.mb48{
	margin-bottom: 48rpx;
}

.mb49{
	margin-bottom: 49rpx;
}

.mb50 {
	margin-bottom: 50rpx;
}

.mb53{
	margin-bottom: 53rpx;
}

.mb54{
	margin-bottom: 54rpx;
}

.mb55{
	margin-bottom: 55rpx;
}

.mb60 {
	margin-bottom: 60rpx;
}

.mb64{
	margin-bottom: 64rpx;
}

.mb76{
	margin-bottom: 76rpx;
}

.mb80{
	margin-bottom: 80rpx;
}

.mb83{
	margin-bottom: 83rpx;
}

.mb88{
	margin-bottom: 88rpx;
}

.mb96{
	margin-bottom: 96rpx;
}

.mb99{
	margin-bottom: 99rpx;
}

.mb124{
	margin-bottom: 124rpx;
}

.mb430{
	margin-bottom: 430rpx;
}

.mb450{
	margin-bottom: 450rpx;
}

.mr6{
	margin-right: 6rpx;
}

.mr8{
	margin-right: 8rpx;
}

.mr10{
	margin-right: 10rpx;
}

.mr12{
	margin-right: 12rpx;
}

.mr13{
	margin-right: 13rpx;
}

.mr14{
	margin-right: 14rpx;
}

.mr16{
	margin-right: 16rpx;
}

.mr18{
	margin-right: 18rpx;
}

.mr30{
	margin-right: 30rpx;
}

.mr32 {
	margin-right: 32rpx;
}

.mr36{
	margin-right: 36rpx;
}

.mr40{
	margin-right: 40rpx;
}

.mr48{
	margin-right: 48rpx;
}

.mr52{
	margin-right: 52rpx;
}

.mr68{
	margin-right: 68rpx;
}

.mt6{
	margin-top: 6rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mt26{
	margin-top: 26rpx;
}

.mt42{
	margin-top: 42rpx;
}

.mt44{
	margin-top: 44rpx;
}

.mt48{
	margin-top: 48rpx;
}

.mt49{
	margin-top: 49rpx;
}

.mt60 {
	margin-top: 60rpx;
}

.mt65{
	margin-top: 65rpx;
}

.mt78{
	margin-top: 78rpx;
}


.mt150{
	margin-top: 150rpx;
}
.w694_h324{
	width: 694rpx;
	height: 324rpx;
}

.mt200{
	margin-top: 200rpx;
}

.mt450{
	margin-top: 450rpx;
}

.mr20{
	margin-right: 20rpx;
}

.mr22{
	margin-right: 22rpx;
}

.mr26{
	margin-right: 26rpx;
}

.mr28 {
	margin-right: 28rpx;
}

.ml6 {
	margin-left: 6rpx;
}

.ml10 {
	margin-left: 10rpx;
}

.ml20{
	margin-left: 20rpx;
}

.ml28 {
	margin-left: 28rpx;
}

.ml78{
	margin-left: 78rpx;
}

.ml107 {
	margin-left: 107rpx;
}

.ml143{
	margin-left: 143rpx;
}

.ml180{
	margin-left: 180rpx;
}
.mt-28{
	margin-top: 28rpx;
}

.mlr20{
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mlr28{
	margin-left: 28rpx;
	margin-right: 28rpx;
}

.mlr30{
	margin-left: 30rpx;
	margin-right: 30rpx;
}
.c333{
	color: #333333;
}
/*overflow*/
.ohh{
	//谷歌适用
	&::-webkit-scrollbar{
	    display:none;
	}
	scrollbar-width: none; /* firefox */
	-ms-overflow-style: none; /* IE 10+ */
}
.oh {
	overflow: hidden;
}

.oa{
	overflow: auto;
}

.ox {
	overflow-x: auto;
}

.oy {
	overflow-y: auto;
}

.hy{
	overflow-y: hidden;
}

.one {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mt16{
	margin-top: 16rpx;
}
.two {
	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;
}

.three{
	overflow: hidden;
	
	text-overflow: ellipsis;
	
	display: -webkit-box;
	
	-webkit-box-orient: vertical;
	
	-webkit-line-clamp: 3;
}

// boder-radius

.br4{
	border-radius: 4rpx;
}

.br8{
	border-radius: 8rpx;
}

.br20{
	border-radius: 20rpx;
}

.br50{
	border-radius: 50%;
}

/*display*/
.border-box {
	box-sizing: border-box;
}

.inline-block{
	display: inline-block;
}

/*transform*/
.rotate-y180{
	transform: rotateY(180deg);
}

.translate-y100{
	transform: translateY(100%);
}

/*opacity*/

.opa1{
	opacity: 1;
}

.opa0{
	opacity: 0;
}

/*color*/
.white{
	color: white;
}


.noWrap{
	white-space: nowrap;
}
.c08{
	color:rgba(0, 0, 0, 0.8),
}
.c518{
	color:rgba(51,51,51, 0.8),
}
.hover{
	background-color: rgba(0,0,0,.1) !important;
}

.hover-text{
	color: rgba(0,0,0,.6) !important;
}

.hover-o{
	opacity: .9;
}

.border-none{
	border: none !important;
}
/*line-height*/
.lh36{
	line-height: 36rpx;
}

.lh48{
	line-height: 48rpx;
}
.txt-tr{
	text-decoration:line-through;
}
.txt-ud{
	text-decoration: underline;
}
.Impact {
	font-family: 'Impact';
}
.line1 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		/* 设置最大显示行数 */
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-break: break-all;
}
.line2 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* 设置最大显示行数 */
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-break: break-all;
}

.word-break{
		word-break: break-all;
}

.safe-b {
	padding-bottom: env(safe-area-inset-bottom);
}

.w-fit{
	width: fit-content;
}