@charset "UTF-8";

/*
 * @Description: css样式
 * @Date: 2024-12-10 20:21:53
 * @version：v1.0
 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
img {
	border: 0;
	vertical-align: middle;
}

.rt {
	float: right;
}

.lf {
	float: left;
}

body {
	background-color: #232239;
	font-family: "PingFangSC";
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/****************************************功能类****************************************/

.f-otw {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.f-oh {
	overflow: hidden;
}

.f-oh2 {
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.f-csp {
	cursor: pointer;
}


  /********************************  *********************************/
  .flex-row {
	display: flex;
	flex-direction: row; }
  
  .flex-row-always {
	display: flex;
	flex-direction: row; }
  
  .flex-column {
   display: flex;
   flex-direction: column; 
  }
  
  .flex-row-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between; }
  
  .align-center {
	  align-items: center; }
  
  .justify-center {
	 justify-content:  center; }
  @media only screen and (max-width: 641px) {
	.flex-row {
	  text-align: center;
	  flex-direction: column; }
	.flex-row-between {
	  text-align: center;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center; } 
  }  

  /* 整个滚动条 */
::-webkit-scrollbar {
	width: 0.7rem; /* 对于垂直滚动条，设置宽度 */
  }
   
  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
	background: #8C8C98; /* 轨道颜色 */
  }
   
  /* 滚动条的滑块 */
  ::-webkit-scrollbar-thumb {
	background: #232239; /* 滑块颜色 */
  }
   
  /* 滚动条的滑块：当鼠标悬停在滑块上 */
  ::-webkit-scrollbar-thumb:hover {
	background: #232239; /* 滑块颜色变化 */
  }

  /* Firefox */
* {
	scrollbar-width: thin; /* "auto" or "thin" */
	scrollbar-color: #232239 #8C8C98; /* 滑块颜色 轨道颜色 */
  }