/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
a,a:hover{color:#333;}

.border-b{
	border-bottom: 1px solid #EEEEEE;
}
.border-t{
	border-top: 1px solid #EEEEEE;
}
*{
	margin: 0;
	padding: 0;
}

:root{
	--bg-c:#fff;
	--bt-c:#F94B3A;
	--nav-c:#333333;
	--gd-c:#999999;
	--jianj-c:#888888;
	--inp-c:#F7F7F7;
}


body,html{
	width: 100%;
	
}

a {
	text-decoration: none !important;
}

a:hover{
	text-decoration: none !important;
}



li{
	/* list-style: none !important; */
	list-style: none;
}
ul{
	list-style: none;
}

.display-block{
	display: block;
}
.display-flex {
	display: flex;
}
.flex-center {
	justify-content: center;
	align-items: center;
}
.flex-align{
	display: flex;
	align-items: center;
}
.align-center{
	align-items: center;
}
.flex-1 {
	flex: 1;
}
.flex-between{
	display: flex;
	justify-content: space-between;
}
.flex-column{
	display: flex;
	flex-direction: column;
}
.flex-betweenwarp{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.center{
	width: 100%;
	margin: 0 auto;
}
.border-none{
	border-style: none;
}
/* .main {
	position: relative;
	z-index: 50;
} */
.clear{
	clear:both
	}
	
/* .top-sq {
	position: relative;
	z-index: 20;
} */
.left{
	float: left;
}
.right{
    float: right;
}
a{
    text-decoration-line: none;
}
.bg{
    background: #fff;
}
.hidden{
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space: nowrap;
}

.ma {
	margin: 0 auto;
}
.W1200 {
	width: 1200px;
}
.text-centeer {
	text-align: center;
}

.index-2{
	text-indent: 2em;
}

.lin-1 {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.lin-2 {
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.lin-3 {
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
}
.lin-4 {
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4; 
}
.margin30{
	margin-bottom: 30px;
}
.p15 {
	padding: 0px 15px;
}
.pt20rem{
	padding-top: 0.2rem;
}
.plr15p{
	padding-left: 15px;
	padding-right: 15px;
}
.plr20p{
	padding-left: 20px;
	padding-right: 20px;
}
.plr15r{
	padding-left:0.15rem;
	padding-right:0.15rem;
}
.plr25r{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.plr30p{
	padding: 0 30px;
}
.p20 {
	padding: 20px;
}
.p20p{
	padding: 20px 20px 20px 20px ;
}
.p30rem{
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}
.pt10p{
	padding-top: 10px;
}
.pt15p{
	padding-top: 15px;
}
.ptb20p{
	padding: 20px 0;
}
.ptb30p{
	padding: 30px 0;
}
.pb20rem{
	padding-bottom: 0.2rem;
}
.pb40rem{
	padding-bottom: 0.4rem;
}
.pb50rem{
	padding-bottom: 0.5rem;
}
.pb70rem{
	padding-bottom: 0.7rem;
}
.mt5p{
	margin-top: 5px;
}
.mt10px{
	margin-top: 10px;
}
.mt20px{
	margin-top: 20px;
}
.mt20rem{
	margin-top: 0.2rem;
}
.mt25rem{
	margin-top: 0.25rem;
}
.mt30rem{
	margin-top: 0.3rem;
}
.mt40rem{
	margin-top: 0.4rem;
}
.mt15p{
	margin-top: 15px;
}
.mb10p{
	margin-bottom: 10px;
}
.mb15r{
	margin-bottom: 0.15rem;
}
.mb30p{
	margin-bottom: 30px;
}
.mb5p{
	margin-bottom: 5px;
}
.mb15p{
	margin-bottom: 15px;
}
.mb20p{
	margin-bottom: 20px;
}
.mb30p{
	margin-bottom: 30px;
}
.mt30p{
	margin-top: 30px;
}
.mt50p{
	margin-top: 50px;
}
.b-b {
	border-bottom: 1px solid var(--br-c);
}
.index-2{
	text-indent: 2;
}
.border-b{
	border-bottom: 1px solid #EEEEEE;
}
.border-b-orange:{
	border-bottom: 1px solid #EF7511;
}
.border-b-12e{
	border-bottom: 0.12rem solid #EEEEEE;
}

/* 边距 */
.p-b-20 {
	padding-bottom: 20px;
}
.mobile .p-b-20 {
	padding-bottom: 0.2rem;
}


.m-t-20{
	margin-top: 20px;
}
.mobile .m-t-20{
	margin-top: 0.2rem;
}

/*栅格*/
.row {}
.row-s {
	margin: 0 -5px;
}
.row-m {
	margin: 0 -10px;
}
.row-l {
	margin: 0 -15px;
}
.row-lg {
	margin: 0 -20px;
}
.row-s .col-warp {
	padding: 0 5px;
}
.row-m .col-warp {
	padding: 0 10px;
}
.row-l .col-warp {
	padding: 0 15px;
}
.row-lg .col-warp {
	padding: 0 20px;
}

.mobile .row {}
.mobile .row-s {
	margin: 0 -0.05rem;
}
.mobile .row-m {
	margin: 0 -0.1rem;
}
.mobile .row-l {
	margin: 0 -0.15rem;
}
.mobile .row-lg {
	margin: 0 -0.2rem;
}
.mobile .row-s .col-warp {
	padding: 0 0.05rem;
}
.mobile .row-m .col-warp {
	padding: 0 0.1rem;
}
.mobile .row-l .col-warp {
	padding: 0 0.15rem;
}
.mobile .row-lg .col-warp {
	padding: 0 0.2rem;
}
.col-1 {
	width: 100%;
}
.col-2 {
	width: 50%;
}
.col-3 {
    width: 33.333333%;
}
.col-4 {
    width: 25%;
}
.col-5 {
    width: 50%;
}

.col-6 {
    width: 16.666666%;
}


/*宽度*/
.w120{
	width: 120px;
}
.w210{
	width: 210px;
}
.w380 {
    width: 380px;
}
.w400{
	width: 40px;
}

.mobile .w120{
	width: 1.2rem;
}
.mobile .w210{
	width: 2.1rem;
}
.mobile .w380 {
    width: 3.8rem;
}
.mobile .w400{
	width: 4rem;
}

.mobile .w1200 {
    width: 12rem;
}
.mobile .w380 {
    width: 100%;
}
.mobile .w1200 {
    width: 100%;
}

/*高度*/
.h20{
	height: 0.2px;
}
.h40{
	height: 40px;
}
.h80{
	height: 80px;
}
.h120 {
	height: 120px;
}
.h110{
	height: 110px;
}
.h100 {
	height: 100%;
}
.h130{
	height: 130px;
}

.mobile .h20{
	height: 0.2rem;
}
.mobile .h40{
	height: 0.4rem;
}
.mobile .h80{
	height: 0.8rem;
}
.mobile .h120 {
	height: 1.2rem;
}
.mobile .h110{
	height: 1.1rem;
}
.mobile .h100 {
	height: 100%;
}
.mobile .h130{
	height: 1.3rem;
}



/*浮动*/
.f-l {
    float: left;
}

.f-r {
    float: right;
}

/*外边距*/
.m-0 {
	margin: 0;
}
.m-a {
	margin: 0 auto;
}
.m-t-5 {
    margin-top: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-t-40 {
    margin-top: 40px;
}
.m-t-50 {
    margin-top: 50px;
}
.m-t-60 {
    margin-top: 60px;
}
.m-t-100 {
    margin-top: 100px;
}
.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-30 {
	margin-bottom: 30px;
}
.m-b-35 {
	margin-bottom: 35px;
}
.m-b-50 {
	margin-bottom: 50px;
}
.m-b-60{
	margin-bottom: 60px;
}
.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-30 {
	margin-left: 30px;
}
.m-l-40 {
	margin-left: 40px;
}
.m-l-50 {
	margin-left: 50px;
}
.m-l-02 {
	margin-left: 20%;
}
.m-r-5 {
	margin-right: 5px;
}
.m-r-10 {
	margin-right: 10px
}
.m-r-15 {
	margin-right: 15px;
}
.m-r-20 {
	margin-right: 20px;
}

.mobile .m-0 {
	margin: 0;
}
.mobile .m-a {
	margin: 0 auto;
}
.mobile .m-t-5 {
    margin-top: 0.05rem;
}
.mobile .m-t-10 {
    margin-top: 0.1rem;
}
.mobile .m-t-15 {
    margin-top: 0.15rem;
}
.mobile .m-t-20 {
    margin-top: 0.2rem;
}
.mobile .m-t-30 {
    margin-top: 0.3rem;
}
.mobile .m-t-40 {
    margin-top: 0.4rem;
}
.mobile .m-t-50 {
    margin-top: 0.5rem;
}
.mobile .m-t-60 {
    margin-top: 0.6rem;
}
.mobile .m-t-100 {
    margin-top: 1rem;
}
.mobile .m-b-5 {
    margin-bottom: 0.05rem;
}
.mobile .m-b-10 {
    margin-bottom: 0.1rem;
}
.mobile .m-b-15 {
    margin-bottom: 0.15rem;
}
.mobile .m-b-20 {
	margin-bottom: 0.2rem;
}
.mobile .m-b-30 {
	margin-bottom: 0.3rem;
}
.mobile .m-b-35 {
	margin-bottom: 0.35rem;
}
.mobile .m-b-50 {
	margin-bottom: 0.5rem;
}
.mobile .m-b-60{
	margin-bottom: 0.6rem;
}
.mobile .m-l-5 {
	margin-left: 0.05rem;
}
.mobile .m-l-10 {
	margin-left: 0.1rem
}
.mobile .m-l-15 {
	margin-left: 0.15rem;
}
.mobile .m-l-20 {
	margin-left: 0.2rem;
}
.mobile .m-l-30 {
	margin-left: 0.3rem;
}
.mobile .m-l-40 {
	margin-left: 0.4rem;
}
.mobile .m-l-50 {
	margin-left: 0.5rem;
}
.mobile .m-l-02 {
	margin-left: 20%;
}
.mobile .m-r-5 {
	margin-right: 0.05rem;
}
.mobile .m-r-10 {
	margin-right: 0.1rem
}
.mobile .m-r-15 {
	margin-right: 0.15rem;
}
.mobile .m-r-20 {
	margin-right: 0.2rem;
}

/*内边距*/
.p-0 {
	padding: 0;
}
.p-a-5 {
    padding: 5px;
}
.p-a-10 {
    padding: 10px;
}
.p-a-15 {
    padding: 15px;
}
.p-a-20 {
    padding: 20px;
}
.p-a-30 {
    padding: 30px;
}
.p-a-50 {
    padding: 50px;
}
.p-a-60 {
    padding: 60px;
}
.p-a-70 {
    padding: 70px;
}
.p-t-5 {
    padding-top: 5px;
}
.p-t-10 {
    padding-top: 10px;
}
.p-t-15 {
    padding-top: 15px;
}
.p-t-20 {
    padding-top: 20px;
}
.p-t-30 {
    padding-top: 30px;
}
.p-t-50 {
    padding-top: 50px;
}
.p-b-5 {
    padding-bottom: 5px;
}
.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-b-30 {
    padding-bottom: 30px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-l-5 {
	padding-left: 5px;
}
.p-l-10 {
	padding-left: 10px;
}
.p-l-15 {
	padding-left: 15px;
}
.p-l-20 {
	padding-left: 20px;
}
.p-l-30 {
	padding-left: 30px;
}
.p-r-5 {
	padding-right: 5px;
}
.p-r-10 {
	padding-right: 10px;
}
.p-r-15 {
	padding-right: 15px;
}
.p-r-20 {
	padding-right: 20px;
}
.p-r-30 {
	padding-right: 30px;
}


.mobile .p-0 {
	padding: 0;
}
.mobile .p-a-5 {
    padding: 0.05rem;
}
.mobile .p-a-10 {
    padding: 0.1rem;
}
.mobile .p-a-15 {
    padding: 0.15rem;
}
.mobile .p-a-20 {
    padding: 0.2rem;
}
.mobile .p-a-30 {
    padding: 0.3rem;
}
.mobile .p-a-50 {
    padding: 0.5rem;
}
.mobile .p-a-60 {
    padding: 0.6rem;
}
.mobile .p-a-70 {
    padding: 0.7rem;
}
.mobile .p-t-5 {
    padding-top: 0.05rem;
}
.mobile .p-t-10 {
    padding-top: 0.1rem;
}
.mobile .p-t-15 {
    padding-top: 0.15rem;
}
.mobile .p-t-20 {
    padding-top: 0.2rem;
}
.mobile .p-t-30 {
    padding-top: 0.3rem;
}
.mobile .p-t-50 {
    padding-top: 0.5rem;
}
.mobile .p-b-5 {
    padding-bottom: 0.05rem;
}
.mobile .p-b-10 {
    padding-bottom: 0.1rem;
}
.mobile .p-b-15 {
    padding-bottom: 0.15rem;
}
.mobile .p-b-20 {
    padding-bottom: 0.2rem;
}
.mobile .p-b-25 {
    padding-bottom: 0.25rem;
}
.mobile .p-b-30 {
    padding-bottom: 0.3rem;
}
.mobile .p-b-50 {
    padding-bottom: 0.5rem;
}
.mobile .p-l-5 {
	padding-left: 0.05rem;
}
.mobile .p-l-10 {
	padding-left: 0.1rem;
}
.mobile .p-l-15 {
	padding-left: 0.15rem;
}
.mobile .p-l-20 {
	padding-left: 0.2rem;
}
.mobile .p-l-30 {
	padding-left: 0.3rem;
}
.mobile .p-r-5 {
	padding-right: 0.05rem;
}
.mobile .p-r-10 {
	padding-right: 0.1rem;
}
.mobile .p-r-15 {
	padding-right: 0.15rem;
}
.mobile .p-r-20 {
	padding-right: 0.2rem;
}
.mobile .p-r-30 {
	padding-right: 0.3rem;
}



/*边框*/
.b-a {
	border: 1px solid #eee;
}
.b-t {
	border-top: 1px solid #eee;
}
.b-b {
	border-bottom: 1px solid #eee;
}
.b-d-b {
	border-bottom: 1px dashed #eee;
}
.b-d-t {
	border-top: 1px dashed #eee;
}

.mobile .b-a {
	border: 0.01rem solid #eee;
}
.mobile .b-t {
	border-top: 0.01rem solid #eee;
}
.mobile .b-b {
	border-bottom: 0.01rem solid #eee;
}
.mobile .b-d-b {
	border-bottom: 0.01rem dashed #eee;
}
.mobile .b-d-t {
	border-top: 0.01rem dashed #eee;
}

/*背景颜色*/
.bg-fff {
    background: #fff;
}
.bg-333 {
    background: #333;
}
.bg-eee {
    background: #eeeeee;
}
.bg-f8 {
    background: #f8f8f8;
}
/*颜色*/
.c-fff {
	color: #fff;
}
.c-333 {
	color: #333;
}
.c-555 {
	color: #555;
}
.c-666 {
	color: #666;
}
.c-777 {
	color: #777777;
}
.c-999 {
	color: #999;
}
.c-aaa {
	color: #aaa;
}
.c-eee {
	color: #eee;
}

/*文字大小*/
.mobile .f-s-12 {
	font-size: 0.12rem;
}
.mobile .f-s-13 {
	font-size: 0.13rem;
}
.mobile .f-s-14 {
	font-size: 0.14rem;
}
.mobile .f-s-15 {
	font-size: 0.15rem;
}
.mobile .f-s-16 {
	font-size: 0.16rem;
}
.mobile .f-s-18 {
	font-size: 0.18rem;
}

.f-s-12 {
	font-size: 12px;
}
.f-s-13 {
	font-size: 13px;
}
.f-s-14 {
	font-size:14px;
}
.f-s-15 {
	font-size: 15px;
}
.f-s-16 {
	font-size:16px;
}
.f-s-18 {
	font-size:18px;
}
.font-b{
	font-weight: bold;
}
.font-400{
	font-weight: 400;
}
/* 行高 */
.lin-h24{
	line-height:24px;
}
.lin-h25{
	line-height: 25px;
}
.lin-h30{
	line-height: 30px;
}
.lin-h42{
	line-height:42px;
}
.lin-h72{
	line-height: 72px;
}
.lin-h88{
	line-height: 88px;
}

.let-s-1{
	letter-spacing: 1px;
}

.mobile .lin-h24{
	line-height: 0.24rem;
}
.mobile  .lin-h25{
	line-height: 0.25rem;
}
.mobile  .lin-h30{
	height: 0.6rem;
	line-height: 0.30rem;
}
.mobile  .lin-h42{
	line-height: 0.42rem;
}
.mobile  .lin-h72{
	line-height: 0.72rem;
}
.mobile  .lin-h88{
	line-height: 0.88rem;
}

.mobile .let-s-1{
	letter-spacing: 0.01rem;
}


/*定位*/
.p-r {
	position: relative;
}
.p-a {
	position: absolute;
}
.p-a-t {
	top: 0;
}
.p-a-b {
	bottom: 0;
}
.p-a-l {
	left: 0;
}
.p-a-r {
	right: 0;
}


/*单行溢出*/
.lin-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*两行溢出*/
.lin-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*三行溢出*/
.lin-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*隐藏/可见*/
.o-h {
	overflow: hidden;
}
.d-b {
	display: block;
}
.d-n {
	display: none;
}
/*不换行*/
.w-s-n {
	white-space:nowrap; 
}

/*文本居中*/
.t-a-c {
	text-align: center;
}
.t-a-l {
	text-align: left;
}
.t-a-r {
	text-align: right;
}
/*优先级*/
.z-10 {
	z-index: 10;
}
.z-100 {
	z-index: 100;
}
.z-999 {
	z-index: 999;
}