*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'YaHei';
}

@font-face {
  font-family: 'YaHei';
  src: url('../fonts/YaHei.ttf');
}
@font-face {
  font-family: 'SourceHanSerifCN-Heavy';
  src: url('../fonts/SourceHanSerifCN-Heavy.otf');
}
img{
	border: 0;
	vertical-align:middle;
}
a,a:link,a:visited,a:hover,a:active{
	text-decoration: none;
	color:inherit;
}
ul,li{
	list-style: none;
}
#app{
	width: 100%;
	min-width: 1.440rem;
	margin: 0 auto;
	font-size: 0.18rem;
}


/* 设置滚动条整体，宽高 */
::-webkit-scrollbar{
	width:0.06rem;
	height:0.06rem;
}
/* 设置滚动条的轨道 */
::-webkit-scrollbar-track{
	background: transparent;
	border-radius:0.02rem;
}
/* 设置滚动条里面的小方块 */
::-webkit-scrollbar-thumb{
	border-radius:0.10rem;
	position: relative;
	display: block;
	width: 0;
	height: 0;
	cursor: pointer;
	background-color: rgba(144,147,153,.3);
	transition: background-color .3s;
}

.ellipsis {
  overflow: hidden; 
  white-space: nowrap; 
  text-overflow: ellipsis; 
  word-wrap: break-word;
}
.clamp {
  width: 100%;
  word-wrap: break-word;
  overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
}
.flex-c {
  display: flex;
  flex-direction: column;
}
.flex-r {
  display: flex;
  flex-direction: row;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.full{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.h-full{
	height: 100%;
	overflow: hidden;
}
.w-full{
	width: 100%;
	overflow: hidden;
}
.items-center{
  display: flex;
  justify-content:center;
  align-items:center;
}
.justify-center{
  display: flex;
  justify-content:center;
}
.align-center{
  display: flex;
  align-items:center;
}
.text-center{
  text-align: center;
}
.f1 {
  float: left;
}
.f2 {
  float: right;
}
  
.pointer{
  cursor: pointer;
}
.icon img{
	vertical-align:middle;
	margin-top: -0.03rem;
}
.v-input{
	width: 2.40rem;
	height: 0.40rem;
	background: #ffffff;
	box-shadow: 0rem 0.10rem 0.20rem 0rem rgba(0,0,0,0.16); 
	backdrop-filter: blur(30rem);
	border-radius: 4rem;
	position: relative;
}
.v-input input{
	padding-left: 0.24rem;
	width: 100%;
	height: 100%;
	border: 0;
	color: #606060;
	font-size: 0.16rem;
	outline: none;
	border-radius: 0.04rem;
}
.v-input-icon:after{
	position: absolute;
	right: 0.15rem;
	top: 0.12rem;
	content: '';
	width: 0.22rem;
	height: 0.22rem;
	background: url('../img/search.png') no-repeat;
}

.height-adapt {
  width: 100%;
  padding-top: 50%;
  position: relative;
}
.ha-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.content{
	padding: 0 0.58rem;
}
.v-title{
	font-family: 'SourceHanSerifCN-Heavy';
	font-size: 0.48rem;
	font-weight: 800;
	text-align: center;
	width: 3.4rem;
	display: block;
	margin: 0 auto;
	height: 0.69rem;
	line-height: 0.69rem;
}
.v-line{
	width: 2.60rem;
	height: 1px;
	position: absolute;
	left: 50%;
	margin-left: -1.3rem;
	bottom: -0.088rem;
}

.arrow-left{
  height: 1.16rem;
  width: 0.38rem;
  display :inline-block;
  position: relative;
}
.arrow-left::after {
	content: "";
    height: 0.8rem;
    width: 0.8rem;
    top: 0.18rem;
    border-width: 4px 4px 0 0;
    border-color: #FF5741;
    border-style: solid;
    transform: matrix(-0.44, 0.7, 0.44, 0.7, 0, 0);
    right: -0.4rem;
    position: absolute;
}
.arrow-right{
  height: 1.16rem;
  width: 0.38rem;
  display :inline-block;
  position: relative;
}
.arrow-right::after {
	content: "";
    height: 0.8rem;
    width: 0.8rem;
    top: 0.18rem;
    border-width: 4px 4px 0 0;
    border-color: #FF5741;
    border-style: solid;
    transform: matrix(0.44, 0.7, -0.44, 0.7, 0, 0);
    left: -0.4rem;
    position: absolute;
}
.go-back{
	background: url('../img/go-top.png') no-repeat;
	background-size: 100%;
	width: 0.78rem;
	height: 1.27rem;
	position: fixed;
	right: 0.4rem;
	top: 5rem;
	cursor: pointer;
	z-index: 10000;
}