/* mui重置css */
.mui-popover.mui-popover-action.mui-popover-bottom {
	bottom: 1rem;
}

.mui-table-view-cell.mui-active {
	background-color: unset;
}

.mui-table-view:before,
.mui-table-view:after,
.mui-table-view-cell:before,
.mui-table-view-cell:after {
	background-color: unset;
}


.no_data {
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	color: #AAAAAA;
	background-color: transparent;
}

/* 清除浮动 */
.clearfix::before,
.clearfix::after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
}

/* 单行省略 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no_display {
	display: none;
}

.visHidden {
	visibility: hidden;
}

/* 颜色 */
.clr_beige {
	color: #F5F5F5;
}

.clr_white {
	color: #FFFFFF !important;
}

.clr_ltgrey {
	color: rgb(189, 189, 189);
}

.clr_dkgrey {
	color: rgb(153, 153, 153) !important;
}

.clr_grey {
	color: #6E6E6E !important;
}

.clr_red {
	color: rgb(242, 58, 56) !important;
}

.clr_ltred {
	color: rgb(246, 0, 0);
}

.clr_orange {
	color: rgb(254, 125, 0);
}

.clr_brown {
	color: rgb(117, 36, 0);
}

.clr_transparent {
	color: transparent;
}

.clr_ltblack {
	color: rgb(68, 68, 68);
}

.clr_black {
	color: #000000;
}

/* 文字 */
.font_ssl {
	font-size: 0.50rem;
}

.font_sxxxl {
	font-size: 0.46rem;
}

.font_sxxl {
	font-size: 0.42rem;
}

.font_sxl {
	font-size: 0.38rem;
}

.font_xxxl {
	font-size: 0.36rem;
}

.font_xxl {
	font-size: 0.34rem;
}

.font_xl {
	font-size: 0.32rem;
}

.font_lg {
	font-size: 0.30rem;
}

.font_base {
	font-size: 0.28rem;
}

.font_md {
	font-size: 0.26rem;
}

.font_mm {
	font-size: 0.24rem;
}

.font_ss {
	font-size: 0.22rem;
}

.font_sm {
	font-size: 0.20rem;
}

.font_bold {
	font-weight: bold;
}

.font_normal {
	font-weight: normal;
}

/* 文字排布 */
.text_c {
	text-align: center;
}

.text_l {
	text-align: left;
}

.text_r {
	text-align: right;
}

.text_e {
	text-align: end;
}

.text_j {
	text-align: justify;
}

.text_b {
	vertical-align: baseline;
}

.text_m {
	vertical-align: middle;
}

.text_d_l {
	text-decoration: line-through;
}

.text_d_u {
	text-decoration: underline;
}


/* 背景色 */
.bcg_beige {
	background-color: #F5F5F5;
}

.bcg_grey {
	background-color: #f3f2f8;
}

.bcg_dkgrey {
	background-color: rgb(153, 153, 153);
}

.bcg_white {
	background-color: #FFFFFF;
}

.bcg_red {
	background-color: #FA5013 !important;
}

.bcg_gold {
	background-color: rgb(255, 224, 166);
}

.bcg_black {
	background-color: #323232;
}

.bcg_repeat {
	background-repeat: no-repeat;
}

.bcg_gradient {
	background: linear-gradient(0, rgb(251, 75, 77), rgb(235, 50, 48));
}

.bcg_gradient_gold {
	background: linear-gradient(90deg, rgb(255, 214, 0), rgb(255, 234, 186), rgb(255, 193, 107));
}

.bcg_gradient_orange {
	background: linear-gradient(90deg, #FBA113, #F99B14, #F69115, #F58C15, #F48916);
}

.bcg_gradient_red {
	background: linear-gradient(90deg, #F7804A, #F8724B, #F96C4B, #FA644B, #FB5A4B);
}

.box_shadow {
	box-shadow: 0 0 0.15rem rgba(185, 185, 185, 0.5);
}

.bcg_transparent {
	background-color: transparent;
}

/* 边框颜色 */
.bd_white {
	border-color: rgb(255, 255, 255);
}


/* flex布局 */
.u_f,
.u_f_bl,
.u_f_column,
.u_f_ac,
.u_f_ajc,
.u_f_jsb,
.u_f_jse,
.u_f_jsa,
.u_f_jfs,
.u_f_jfs1,
.u_f_jfs2,
.u_f_jfe,
.u_f_jfe1,
.u_f_ajc1,
.u_f_jsb1,
.u_f_jsb2 {
	display: flex;
}

.u_f_d {
	flex-direction: column;
}

.u_f_ac,
.u_f_ajc,
.u_f_jsb,
.u_f_jse,
.u_f_jsa,
.u_f_jfs,
.u_f_jfe {
	align-items: center;
}

.u_f_bl,
.u_f_ajc1,
.u_f_jsb1,
.u_f_jfe1,
.u_f_jfs1 {
	align-items: baseline;
}

.u_f_fs,
.u_f_jsb2,
.u_f_jfs2 {
	align-items: flex-start;
}

.u_f_ajc,
.u_f_ajc1 {
	justify-content: center;
}

.u_f_jsb,
.u_f_jsb1,
.u_f_jsb2 {
	justify-content: space-between;
}

.u_f_jse {
	justify-content: space-evenly;
}

.u_f_jsa {
	justify-content: space-around;
}

.u_f_jfs,
.u_f_jfs1,
.u_f_jfs2 {
	justify-content: flex-start;
}

.u_f_jfe,
.u_f_jfe1 {
	justify-content: flex-end;
}

.u_f_1 {
	flex: 1;
}

.u_f_column {
	flex-direction: column;
}

.u_b {
	display: block;
}

.u_fs {
	flex-shrink: 0;
}

.u_fw {
	flex-wrap: wrap;
}

.u_fw1 {
	flex-flow: wrap;
}

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

.f{display: flex;}
.fr{display: flex;flex-direction: row;}
.fr-ac{display: flex;flex-direction:row;align-items: center;}
.fr-as{display: flex;flex-direction: row;align-items: flex-start;}
.fr-ae{display: flex;flex-direction: row;align-items: flex-end;}
.fr-js{display: flex;flex-direction: row;justify-content: flex-start;}
.fr-jc{display: flex;flex-direction: row;justify-content: center;}
.fr-je{display: flex;flex-direction: row;justify-content: flex-end;}
.fr-jsb{display: flex;flex-direction: row;justify-content: space-between;}
.fr-jsa{display: flex;flex-direction: row;justify-content: space-around;}
.fr-ac-jc{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.fr-ac-jsb{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.fr-ac-jsa{display: flex;flex-direction: row;align-items: center;justify-content: space-around;}
.fr-ae-jsb{display: flex;flex-direction: row;align-items: flex-end;justify-content: space-between;}
.fr-ae-jsa{display: flex;flex-direction: row;align-items: flex-end;justify-content: space-around;}

.fc{display: flex;flex-direction: column;}
.fc-ac{display: flex;flex-direction: column;align-items: center;}
.fc-ae{display: flex;flex-direction: column;align-items: flex-end;}
.fc-jc{display: flex;flex-direction: column;justify-content: center;}
.fc-js{display: flex;flex-direction: column;justify-content: flex-start;}
.fc-jsb{display: flex;flex-direction: column;justify-content: space-between;}
.fc-jsa{display: flex;flex-direction: column;justify-content: space-around;}
.fc-ac-jsb{display: flex;flex-direction:column;align-items: center;justify-content: space-between;}
.fc-ae-jsb{display: flex;flex-direction:column;align-items: flex-end;justify-content: space-between;}
.fc-as-jsa{display: flex;flex-direction:column;align-items: flex-start;justify-content: space-around;}
.fc-as-jsb{display: flex;flex-direction:column;align-items: flex-start;justify-content: space-between;}
.fc-as-jc{display: flex;flex-direction:column;align-items: flex-start;justify-content: center;}
.yc{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yc-more{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pos-f{position: fixed;}
.pos-a{position: absolute;}
.pos-r{position: relative;}

/* 行高 */
.line_h {
	line-height: 1.6;
}

.line_h1 {
	line-height: 1.2;
}

.line_h2 {
	line-height: 2;
}

/*边距 */
.mrg_c {
	margin: 0 auto;
}

.pad_all {
	padding: 0.34rem 0.10rem;
}

.pad_lr {
	padding: 0 0.30rem;
}

/* overflow */
.over_hidden {
	overflow: hidden;
}

.overy_scroll {
	overflow-y: scroll;
}

/* 圆角 */
.bdr_radus_half {
	border-radius: 50%;
}

.bdr {
	border-radius: 0.12rem;
}

.bdr1 {
	border-top-left-radius: 0.24rem;
	border-top-right-radius: 0.24rem;
	border-bottom-left-radius: 0.24rem;
	border-bottom-right-radius: 0.24rem;
}

.bdr_l {
	border-radius: 0.24rem;
}

.brdr {
	border-width: 0.01rem;
	border-style: solid;
}

.brdr_grey {
	border: 0.01rem solid #6E6E6E;
}

.brdr_ltred {
	border: 0.01rem solid rgb(238, 82, 34);
}

.brdr_ltgrey {
	border: 0.01rem solid rgb(191, 191, 191);
}

.bdr_btm {
	border-bottom: 0.02rem solid #f3f2f8;
}

.bdr_btm_active {
	border-bottom: 0.06rem solid rgb(238, 82, 34);
}

/* 透明度 */
.opacity {
	opacity: 0.2;
}

.opacity0 {
	opacity: 0;
}

/* 按钮 */
.non_follow {
	color: #1677FF;
}

.follow {
	background-color: #1677FF;
	color: #FFFFFF;
}

/* 弹框 */
.shadow,
.shadow0,
.shadow1,
.shadow2,
.shadow3,
.shadow4,
.shadow5,
.shadow6 {
	background-color: #000000;
	opacity: 0.7;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 300;
	display: none;
}

/* 固定定位 */
.fixed {
	background-color: #FFFFFF;
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

/* 返回顶部按钮 */
.back_top {
	position: fixed;
	bottom: 2rem;
	right: 0.3rem;
	width: 1rem;
	height: 1rem;
	/* line-height: 1rem; */
	border-radius: 0.5rem;
	background: #e5e5e5;
	display: none;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

/* 模糊 */
.blur {
	filter: blur(4px);
}