/**
 * @file CSS-当前项目通用类-注释版-Web版
 * @description 基于当前选择的开发框架的项目中所使用的CSS样式类文件 (原因举例：uniapp与vue脚手架项目的尺寸单位会不同 px、rpx)
 * @author 段
 * @copyright no
 * @createDate 2025-01-23 08:00
 * @lastEditTime 2025-03-05 08:00
 */

/* 
	一、字体大小集合(根据开发框架选择相应尺寸单位)
*/

.fn_12 {
  font-size: 12px;
}

.fn_14 {
  font-size: 14px;
}

.fn_16 {
  font-size: 16px;
}

.fn_18 {
  font-size: 18px;
}

.fn_20 {
  font-size: 20px;
}

.fn_22 {
  font-size: 22px;
}

.fn_24 {
  font-size: 24px;
}

.fn_26 {
  font-size: 26px;
}

.fn_28 {
  font-size: 28px;
}

.fn_30 {
  font-size: 30px;
}

.fn_32 {
  font-size: 32px;
}

.fn_34 {
  font-size: 34px;
}

.fn_36 {
  font-size: 36px;
}

.fn_38 {
  font-size: 38px;
}

.fn_40 {
  font-size: 40px;
}

.fn_42 {
  font-size: 42px;
}

.fn_44 {
  font-size: 44px;
}

.fn_46 {
  font-size: 46px;
}

.fn_48 {
  font-size: 48px;
}

.fn_50 {
  font-size: 50px;
}

/* ——————END—————— */


/* 
	二、宽高集合(根据开发框架选择相应尺寸单位)
*/

.w_25 {
	width: 25%;
}

.w_50 {
	width: 50%;
}

.w_100 {
	width: 100%;
}

.h_25 {
	height: 25%;
}

.h_50 {
	height: 50%;
}

.h_100 {
	height: 100%;
}

.wh_100 {
	width: 100%;
	height: 100%;
}

/* ——————END—————— */


/* 
	三、圆角边框集合(根据开发框架选择相应尺寸单位)
*/

.br_5 {
	border-radius: 5px;
}

.br_10 {
	border-radius: 10px;
}

.br_15 {
	border-radius: 15px;
}

.br_20 {
	border-radius: 20px;
}

.br_25 {
	border-radius: 25px;
}

.br_30 {
	border-radius: 30px;
}

.br_round {
	border-radius: 50%;
}

/* ——————END—————— */


/* 
	四、内边距集合(根据开发框架选择相应尺寸单位)
*/

.p_10 {
	padding: 10px;
}

.p_15 {
	padding: 15px;
}

.p_20 {
	padding: 20px;
}

.p_25 {
	padding: 25px;
}

.p_30 {
	padding: 30px;
}

.p_35 {
	padding: 35px;
}

.p_40 {
	padding: 40px;
}

.p_45 {
	padding: 45px;
}

.p_t_10 {
	padding-top: 10px;
}

.p_t_15 {
	padding-top: 15px;
}

.p_t_20 {
	padding-top: 20px;
}

.p_t_25 {
	padding-top: 25px;
}

.p_b_10 {
	padding-bottom: 10px;
}

.p_b_15 {
	padding-bottom: 15px;
}

.p_b_20 {
	padding-bottom: 20px;
}

.p_b_25 {
	padding-bottom: 25px;
}

.p_l_10 {
	padding-left: 10px;
}

.p_l_15 {
	padding-left: 15px;
}

.p_l_20 {
	padding-left: 20px;
}

.p_l_25 {
	padding-left: 25px;
}

.p_r_10 {
	padding-right: 10px;
}

.p_r_15 {
	padding-right: 15px;
}

.p_r_20 {
	padding-right: 20px;
}

.p_r_25 {
	padding-right: 25px;
}

/* ——————END—————— */


/* 
	五、外边距集合(根据开发框架选择相应尺寸单位)
*/

.m_t_10 {
	margin-top: 10px;
}

.m_t_15 {
	margin-top: 15px;
}

.m_t_20 {
	margin-top: 20px;
}

.m_t_25 {
	margin-top: 25px;
}

.m_t_40 {
	margin-top: 40px;
}

.m_b_5 {
	margin-bottom: 5px;
}

.m_b_10 {
	margin-bottom: 10px;
}

.m_b_15 {
	margin-bottom: 15px;
}

.m_b_20 {
	margin-bottom: 20px;
}

.m_b_25 {
	margin-bottom: 25px;
}

.m_b_30 {
	margin-bottom: 30px;
}

.m_b_35 {
	margin-bottom: 35px;
}

.m_b_40 {
	margin-bottom: 40px;
}

.m_l_5 {
	margin-left: 5px;
}

.m_l_10 {
	margin-left: 10px;
}

.m_l_15 {
	margin-left: 15px;
}

.m_l_20 {
	margin-left: 20px;
}

.m_l_25 {
	margin-left: 25px;
}

.m_r_5 {
	margin-right: 5px;
}

.m_r_10 {
	margin-right: 10px;
}

.m_r_15 {
	margin-right: 15px;
}

.m_r_20 {
	margin-right: 20px;
}

.m_r_25 {
	margin-right: 25px;
}

.m_r_30 {
	margin-right: 30px;
}

.m_r_35 {
	margin-right: 35px;
}

.m_r_40 {
	margin-right: 40px;
}

.m_r_45 {
	margin-right: 45px;
}

.m_r_50 {
	margin-right: 50px;
}

.m_r_55 {
	margin-right: 55px;
}

/* ——————END—————— */

/* 
	六、颜色
*/

.text_color1 {
	color: #000000;
}

.text_color2 {
	color: #FFFFFF;
}

.text_color3 {
	color: #174A2B;
}

.text_color4 {
	color: #58625E;
}

.text_color5 {
	color: #44C95C;
}

.text_color6 {
	color: #93959E;
}

.text_color7 {
	color: #A4A4A4;
}

.text_color8 {
	color: #555555;
}

.text_color9 {
	color: #007AFF;
}

.text_color10 {
	color: #E02426;
}

.text_color11 {
	color: #FF8817;
}

.text_color12 {
	color: #C138BB;
}

.text_color13 {
	color: #6B4E3B;
}

/* ——————END—————— */

/* 
	七、杂项
*/

/* 鼠标移入小手 */
.cr_ptr {
	cursor: pointer;
}

/* DOM隐藏 */
.dy_none {
	display: none;
}

/* DOM显示 */
.dy_block {
	display: block;
}

/* DOM忽略所有的指针事件 */
.pe_none {
	pointer-events: none;
}

/* 文字下划线 */
.text_underline {
	text-decoration: underline;
}

/* ——————END—————— */