/*basic*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 14px;
	font-family:Roboto, HarmonyOS Sans SC, HarmonyOS Sans SC,Microsoft Yahei, "微软雅黑", Arial;
	color: #333;
}
a {
	text-decoration: none;
}
a:focus,a:active,a:focus-visible{
	border: none;
	outline: none;
}
img {
	border: none;
}
li {
	list-style: none;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}
/* flex */
.flex{
	display: flex;
}
.flex-col{
	flex-direction: column;
}
.flex-0{
	flex-shrink: 0;
}
.flex-1{
	flex:1;
}
.flex-start{
	justify-content: flex-start;
}
.flex-end{
	justify-content: flex-end;
}
.flex-center{
	justify-content: center;
}
.flex-between{
	justify-content: space-between;
}
.flex-around{
	justify-content: space-around;
}
.align-center{
	align-items: center;
}
.align-start{
	align-items: flex-start;
}
.align-end{
	align-items: flex-end;
}

/* image */
img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 两行文本省略 */
.two-line-ellipsis {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
/* 单行文本省略 */
.ellipsis {
    white-space: nowrap; /* 禁止文本换行 */
    overflow: hidden; /* 隐藏溢出的文本 */
    text-overflow: ellipsis; /* 显示省略号 */
}
/* 通用渐变色文字 */
.gradient-text {
    background: linear-gradient(345deg, #344AE7 0%, #CF2F84 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	display: inline-block;
}
/* 初始化基础样式 */
input{
    border: none;
    outline: none;
    background: none;
}
textarea{
	border: none;
    outline: none;
    background: none;
	font-family:Roboto, HarmonyOS Sans SC, HarmonyOS Sans SC,Microsoft Yahei, "微软雅黑", Arial;
	line-height: 36px;
}
input[type="password"]::-ms-reveal{
	display:none;
}
button{
	border: none;
	outline: none;
	background: none;
	cursor: pointer;
}
.pointer{
	cursor: pointer;
}
.overflow-hidden{
	overflow: hidden;
}
/* 文本超出一行显示省略号 */
.one-line-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 文本超出两行显示省略号 */
.two-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
/* 文本超出三行显示省略号 */
.three-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}