@font-face {
	font-family: ttf;
	src: url(../fonts/sourcehansanscn-regular.ttf);
}
@font-face {
	font-family: ttf-bold;
	src: url(../fonts/sourcehansansk-bold.ttf);
}
@font-face{
	font-family: FARRAY;
	src: url(../font/FARRAY.OTF);
}
body {
	margin: 0;
	padding: 0;
	font-family:'ttf',"苹方", "PingFang SC", "PingFang SC Medium", "PingFangSC-Medium";
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

html {
	overflow-y: scroll;
}

:root {
	overflow-y: auto;
	overflow-x: hidden;
}

:root body {
	position: absolute;
}

body {
	width: 100vw;
	overflow: hidden;
}
ul{
    margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
}
li {
	list-style: none;
}

label {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
	text-decoration: none;
	outline: none;
	list-style: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
	max-width: 100%;
	display: block;
	vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	margin-top: 0;
	padding: 0;
	margin-bottom: 0;
}

p {
	margin: 0;
	padding: 0;
}

a:link,
a:visited {
	text-decoration: none;
}

a:focus,
a:hover {
	text-decoration: none;
	color: inherit;
}

a:focus {
	outline: none;
}

button,

input,

select,

textarea {

	font-size: 100%;

	margin: 0;

	padding: 0;

	outline: none;

	-webkit-appearance: none;

	appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

input:-internal-autofill-selected {
	background-color: transparent !important;
	background: transparent !important;
	color: inherit !important;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {

	-webkit-appearance: none;

	appearance: none;

}

button {

	-webkit-appearance: none;

	appearance: none;

}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.dis_f {
	display: flex;
}

.flex_wrap {
	flex-wrap: wrap;
}
.jus_st {
	justify-content: flex-start;
}
.jus_bt {
	justify-content: space-between;
}
.jus_ar {
	justify-content: space-around;
}
.jus_ct {
	justify-content: center;
}

.al_ct {
	align-items: center;
}
.al_st {
	align-items: flex-start;
}
.al_end {
	align-items: flex-end;
}

.text-c {
	text-align: center;
}

.mt-16 {
	margin-top: .16rem;
}
.mt-10{
	margin-top: .1rem;
}
.mt-20 {
	margin-top: .2rem;
}
.mt-26{
	margin-top: .26rem;
}
.mt-30 {
	margin-top: .3rem;
}
.mt-32 {
	margin-top: .32rem;
}
.mt-40 {
	margin-top: .4rem;
}

.mt-50 {
	margin-top: .5rem;
}

.mt-60 {
	margin-top: .6rem;
}
.mt-70{
	margin-top: .7rem;
}
.mt-80{
	margin-top: .8rem;
}
.mt-90 {
	margin-top: .9rem;
}
.mt-100 {
	margin-top: 1rem;
}
.mt-120 {
	margin-top: 1.2rem;
}
.mb-10{
	margin-bottom: .1rem;
}
.mb-20{
	margin-bottom: .2rem;
}
.mb-40{
	margin-bottom: .4rem;
}
.mb-60{
	margin-bottom: .6rem;
}
.mb-80{
	margin-bottom: .8rem;
}
.mb-120{
	margin-bottom: 1.2rem;
}
.ml-20 {
	margin-left: .2rem;
}
.ml-30 {
	margin-left: .3rem;
}
.ml-40 {
	margin-left: .4rem;
}

.ml-80 {
	margin-left: .8rem;
}

.mr-10 {
	margin-right: .1rem;
}

.mr-30 {
	margin-right: .3rem;
}
.f-14 {
	font-size: .14rem;
}
.f-16 {
	font-size: .16rem;
}
.f-18 {
	font-size: .18rem;
}
.f-20 {
	font-size: .2rem;
}
.f-24 {
	font-size: .24rem;
}
.f-26 {
	font-size: .26rem;
}
.f-28 {
	font-size: .28rem;
}

.f-30 {
	font-size: .3rem;
}

.f-32 {
	font-size: .32rem;
}

.f-34 {
	font-size: .34rem;
}

.f-36 {
	font-size: .36rem;
}
.f-38 {
	font-size: .38rem;
}
.f-42 {
	font-size: .42rem;
}
.f-44 {
	font-size: .44rem;
}

.f-46 {
	font-size: .46rem;
}
.f-48 {
	font-size: .48rem;
}
.lh-32 {
	line-height: .32rem;
}
.lh-46 {
	line-height: .46rem;
}
.lh-48 {
	line-height: .48rem;
}

.lh-50 {
	line-height: .50rem;
}
.lh-52 {
	line-height: .52rem;
}

.lh-54 {
	line-height: .54rem;
}

.lh-56 {
	line-height: .56rem;
}
.clr_00{
	color: #000;
}
.clr_33{
	color: #333;
}
.clr_34{
	color: #343434;
}
.clr_80 {
	color: #808080;
}
.clr_88 {
	color: #888888;
}
.clr_4d {
	color: #4D4D4D;
}
.clr_b2 {
	color: #B2B2B2;
}
.clr_b3 {
	color: #B3B3B3;
}

.clr_66 {
	color: #666;
}

.clr_1a {
	color: #1A1A1A;
}

.clr_fe {
	color: #FEFEFE;
}
.clr_b8{
	color: #b8bbc0;
}
.clr_d8 {
	color: #D86A15;
}
.clr_cba{
	color: #CBA677;
}
.clr_6a6{
	color: #6a6c6d;
}
.clr_0c {
	color: #0C3561;
}

.clr_4d {
	color: #4D4D4D;
}

.clr_df {
	color: #DFBA9D;
}

.clr_99 {
	color: #999
}
.clr_ff{
	color: #fff;
}
.clr_cc{
	color: #CCCCCC;
}
.f-bold {
	font-weight: bold;
}

.pd25 {
	padding-left: .25rem;
	padding-right: .25rem;
}
.pd40 {
	padding-left: .4rem;
	padding-right: .4rem;
}
.text_overflow {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text_overflow2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.text_overflow3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.pdtb60 {
	padding-top: .6rem;
	padding-bottom: .6rem;
}

.f-center {
	text-align: center;
}
.box-s{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}