@charset "utf-8";
@font-face {
	font-family: "dinCondBold";
	src: url("../fonts/DINCond-Bold.otf") format('truetype');
	font-style: normal;
	font-display: swap;
}
/*@font-face {
	font-family: "SourceHanSansCNRegular";
	src: url("../fonts/SourceHanSansCN-Regular.ttf") format('truetype');
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SourceHanSansCNHeavy";
	src: url("../fonts/SourceHanSansCN-Heavy.otf") format('truetype');
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SourceHanSansCNBold";
	src: url("../fonts/SourceHanSansCN-Bold.ttf") format('truetype');
	font-style: normal;
	font-display: swap;
}*/
.dinCondBold {
	font-family: dinCondBold,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
}
.family_regular {
	font-family: PingFangSC-Regular,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
}

.family_heavy {
	font-family: PingFangSC-Medium, sans-serif,Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
	font-weight: 600;
}

.family_bold {
	font-family: PingFangSC-Semibold, sans-serif,Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
	font-weight: bold;
}
.mescroll-downwarp .downwarp-tip,
.mescroll-upwarp .upwarp-tip, 
.mescroll-upwarp .upwarp-nodata{
	width: 100%;
}

.mescroll-empty .empty-icon{
	width: 35%;
	margin: auto;
	margin-bottom: 0.46rem;
}
.commoncc{
	position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 0.24rem;
}
.ep_alert99 .ep_alert_img{
	display: none;
}
.w100{
	width: 100%!important;
	height: 100%!important;
}
/*解决页面渲染看到隐藏的demo*/
[v-cloak]{
	display: none;
}
a {
	color: #515151;
	text-decoration: none;
}

a:hover {
	color: #515151;
	text-decoration: none;
}
a:focus {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}
p{
 -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
input,
textarea,
input:focus,
textarea:focus,
select,
select:focus,
video:focus,
.swiper-button-next, 
.swiper-button-prev{
	outline: none;
	border:none;
	box-shadow: none;
}
input:focus,
textarea:focus,
select:focus{
	border:1px solid #dbdbdb;
}
textarea,input,select{
	resize:none; 
}
textarea,input,select{
	font-family: SourceHanSansCNRegular;
}
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
input[type="radio"]{
	margin:0;
}
input:-internal-autofill-selected{
	background: transparent !important;
}
button{
	border:none;
	background: #fff;
	margin: 0;
	padding: 0;
}
button:focus,input:focus,textarea:focus{
	outline: none;
}
input[type="checkbox"]{
	margin: 0;
}

textarea::-webkit-input-placeholder {
    color: #d4d4d4;
}
textarea:-moz-placeholder {
    color: #d4d4d4;
}
textarea::-moz-placeholder {
    color: #d4d4d4;
}
textarea::-ms-input-placeholder {
    color: #d4d4d4;
} 
input::-webkit-input-placeholder {
    color: #d4d4d4;
}
input:-moz-placeholder {
    color: #d4d4d4;
}
input::-moz-placeholder {
    color: #d4d4d4;
}
input::-ms-input-placeholder {
    color: #d4d4d4;
} 
.mescroll {
    overflow-x: hidden;
}
.layui-layer-loading{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
html{
	font-size: 100px;
}
body,
html {
	color: #515151;
	width: 100%;
	height: 100%;
	background: #efefef;
	max-width: 500px;
	margin: auto;
}


ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}
img{
	display: block;
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1{
	border:none;
}
.mescroll-empty .empty-tip{
	padding-bottom: 0.5rem;
}

.no_data{
	width: 100%;
	padding: 0.3rem 0 1rem 0;
	color:#999;
	text-align: center;
	font-size: 14px;
}
.no_data .img{
	width: 35%;
	margin: auto;
}
.no_data .txt{
	padding-top: 0.2rem;
}
body{
	font-family: PingFang SC,'pingfangsc',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
	font-size: 0.24rem;
	/*font-family: SourceHanSansCNRegular;*/
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
}
.body{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	position: relative;
}
.body_content{
	position: relative;
}
:root{
    --color_main:#e5371f;
    --color_orange:#ffa21f; 
}


.gray_img{ 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
/*公共*/
.body_header{
	background: url(../img/bg.png) no-repeat left top;
	background-size: 100% auto;
	width: 100%;
	padding: 1.5rem 0.52rem 0.4rem 0.52rem;
	box-sizing: border-box;
	color:#fff;
}
.body_header .header_img{
	border-radius: 50%;
	width: 1.34rem;
	height: 1.34rem;
  	box-shadow: 3.632px 7.128px 18px 0px rgba(227, 227, 227, 0.004);
}
.body_header .header_img .img{
	width: 100%;
	border-radius: 50%;
}
.body_header .header_content{
	width: calc(100% - 1.59rem);
	overflow: hidden;
}
.body_header .header_title{
	font-size: 0.46rem;
	margin-bottom: 0.3rem;
	line-height: 0.46rem;
}
.body_header .header_subtitle{
	font-size: 0.24rem;
	line-height: 0.24rem;
	color:#fff;
	background: #151e37;
	float: left;
	height: 0.38rem;
	line-height: 0.38rem;
	padding: 0 0.1rem;
	border-radius: 0.1rem;
}
.body_header .header_inner{
	margin-top: 1.2rem;
}
.body_header .header_inner_nav{
	color:#fff;
	line-height: 0.3rem;
	font-size: 0.3rem;
}
.body_header .header_inner_nav.on{
	color:#ff7976;
}
.body_header .header_inner_nav:last-child{
	
}
.body_header .header_inner_nav .icon{
	width: 0.8rem;
	margin: auto;
	margin-bottom: 0.3rem;
}

.body_box{
	position: relative;
	top: 0rem;
	padding: 0.52rem 0.3rem 0 0.3rem;
	background: #efefef;
	border-top-left-radius: 0rem;
	border-top-right-radius: 0rem;
}

/*按钮渐变*/
.gradient_main{
	background-image: linear-gradient(to right, #ff945b , #ff6247);
	color:#fff;
}
/*顶部tab*/
.top_tab + div{
	padding-top: 1.3rem;
}
.top_tab{
	position: fixed;
	top: 0;
	height: 1.3rem;
	width: 100%;
	line-height: 1.3rem;
	font-size: 0.38rem;
	color: #515151;
	z-index: 1000;
	max-width: 500px;
}
.top_tab2{
	font-size: 0.4rem;
	color: #000;
	font-weight: bold;
}
.top_tab.on{
	background: #efefef;
}
.top_tab .top_tab_left{
	padding-left: 0.3rem;
	color: #ffffff;
}
.top_tab .arrow_left{
	width: 0.31rem;
	height: 0.50rem;
	margin-right: 0.2rem;
}
.top_tab3 .arrow_left{
	width: 0.26rem;
	height: 0.46rem;
}
.top_tab .top_tab_center{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 60%;
	z-index: 1;
	top: 0;
	text-align: center;
	font-weight: 600;
	color: #1f1f1f;
}

.top_tab .top_tab_right{
	position: absolute;
	right: 0.3rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 100;
	font-size: 0.3rem;
}
.top_tabc{
	height: 0.6rem;
}
.top_tabc + div{
	padding-top: 0.6rem;
}
.top_tabc .top_tab_left{
	display: none;
}
/*分享提示*/

.share_alert{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	z-index: 1000;
	display: none;
}
.share_alert.on{
	display: block;
}
.share_alert .img{
	width: 100%;
}

/*内容tab*/
.bg_con{
	position: relative;
	color:#fff;
}
.bg_con .bg_content{
	position: absolute;
	z-index: 10;
	width: 100%;
}
.bg_con .img_bg{
	width: 100%;
}
.tab_con{
	position: absolute;
	bottom: 0.16rem;
	width: 100%;
	z-index: 100;
}
.tab_con .tab_nav{
	margin-right: 0.6rem;
	height: 0.8rem;
	position: relative;
	font-size: 0.24rem;
	line-height: 0.8rem;
	color:#fff;
}
.tab_con .tab_nav:after{
	width: 0.52rem;
	height: 0.06rem;
	background: #fff;
	border-radius: 0.1rem;
	content: "";
	bottom: 0;
	left: 50%;
	margin-left: -0.26rem;
	display: none;
	position: absolute;
}
.tab_con .tab_nav.on:after{
	display: block;
}
.tab_con .tab_nav.on{
	font-size: 0.28rem;
}
.tab_con .tab_nav:last-child{
	margin-right: 0;
}


/*三角形*/
.triangle_left{
  position: relative;
  height: 0px;
  width: 0px;
  border-top: 0.06rem solid transparent;
  border-right: 0.06rem solid #999;
  border-bottom: 0.06rem solid transparent;
}
.triangle_right{
  position: relative;
  height: 0px;
  width: 0px;
  border-top: 0.06rem solid transparent;
  border-left: 0.06rem solid #999;
  border-bottom: 0.06rem solid transparent;
}
.triangle_top{
  position: relative;
  height: 0px;
  width: 0px;
  border-bottom: 0.06rem solid #999;
  border-left: 0.06rem solid transparent;
  border-right: 0.06rem solid transparent;
}
.triangle_bottom{
  position: relative;
  height: 0px;
  width: 0px;
  border-top: 0.06rem solid #999;
  border-left: 0.06rem solid transparent;
  border-right: 0.06rem solid transparent;
}
.overflow_hidden{
	overflow: hidden;
}

/*颜色*/
.color_main {
	color: var(--color_main) !important;
}

.color_bg_main {
	color: #fff !important;
	background: var(--color_main) !important;
}

.color_gray {
	color: #9b9b9b !important;
}

.color_999 {
	color: #999 !important;
}
.color_666{
	color:#666 !important;
}
.color_black{
	color:#000 !important;
}
.color_333{
	color: #333 !important;
}
.color_808080{
	color: #808080 !important;
}
.color_4c4c4c{
	color: #4c4c4c !important;
}
.font_weight{
	font-weight: bold;
}
/*蓝色*/
.color_blue{
	color:#0767bb !important;
}
/*青色*/
.color_blue_green{
	color:#00a7a8 !important;
}
/*橙色*/
.color_orange{
	color:var(--color_orange)  !important;
}
/*红色*/
.color_red{
	color:#ed474d !important;
}
/*咖啡色*/
.color_brown{
	color:#7972ef !important;
}
/*紫色*/
.color_purple{
	color:#a4725d !important;
}
.text_hidden {
	overflow: hidden;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
}
.two_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.three_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.four_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.line_through{
	text-decoration:line-through; 
}

/*flex*/

.d_flex {
	display: -webkit-flex;
	display: flex;
}

.flex_wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.j_start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.j_center {
	-webkit-justify-content: center;
	justify-content: center;
}
.j_end {
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}
.j_space_around {
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.j_between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.a_start {
	-webkit-align-items:flex-start;
	align-items:flex-start;
}

.a_center {
	-webkit-align-items: center;
	align-items: center;
}

.a_end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}


/*浮动*/

.float_left {
	float: left !important;
}

.float_right {
	float: right !important;
}

/*文字对齐*/
.text_left{
	text-align: left !important;
}
.text_center{
	text-align: center !important;
}
.text_right{
	text-align: right !important;
}
/*间距*/
.mt_5{
	margin-top: 0.05rem;
}
.mt_10{
	margin-top: 0.1rem;
}
.mt_20{
	margin-top: 0.2rem !important;
}
.mt_30{
	margin-top: 0.3rem !important;
}
.mt_40{
	margin-top: 0.4rem !important;
}
.mt_50{
	margin-top: 0.5rem;
}
.mt_60{
	margin-top: 0.6rem;
}
.p_0{
	padding: 0 !important;
}
.ptb_0{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.plr_0{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.pt_10{
	padding-top: 0.1rem;
}
.pt_20{
	padding-top: 0.2rem;
}
.pt_30{
	padding-top: 0.3rem;
}
.pt_40{
	padding-top: 0.4rem;
}
.pt_50{
	padding-top: 0.5rem;
}
.pt_60{
	padding-top: 0.6rem;
}
.pb_10{
	padding-bottom: 0.1rem !important;
}
.pb_5{
	padding-bottom: 0.05rem !important;
}
.pb_20{
	padding-bottom: 0.2rem !important;
}
.pb_30{
	padding-bottom: 0.3rem !important;
}
.pb_40{
	padding-bottom: 0.4rem !important;
}
.pb_50{
	padding-bottom: 0.5rem;
}
.pb_60{
	padding-bottom: 0.6rem;
}
.pl_5{
	padding-left: 0.05rem;
}
.pl_10{
	padding-left: 0.1rem;
}
.pl_15{
	padding-left: 0.15rem;
}
.pl_20{
	padding-left: 0.2rem;
}
.pl_30{
	padding-left: 0.3rem;
}
.pl_40{
	padding-left: 0.4rem;
}
.pl_50{
	padding-left: 0.5rem;
}
.pl_60{
	padding-left: 0.6rem;
}

.pr_5{
	padding-right: 0.05rem;
}
.pr_10{
	padding-right: 0.1rem;
}
.pr_20{
	padding-right: 0.2rem;
}
.pr_30{
	padding-right: 0.3rem;
}
.pr_40{
	padding-right: 0.4rem;
}
.pr_50{
	padding-right: 0.5rem;
}
.pr_60{
	padding-right: 0.6rem;
}
/*字体大小*/
.font_16{
	font-size: 0.16rem !important;
}
.font_18{
	font-size: 0.18rem !important;
}
.font_20{
	font-size: 0.20rem !important;
}
.font_22{
	font-size: 0.22rem !important;
}
.font_24{
	font-size: 0.24rem !important;
}
.font_26{
	font-size: 0.26rem !important;
}
.font_28{
	font-size: 0.28rem !important;
}
.font_30{
	font-size: 0.30rem !important;
}
.font_32{
	font-size: 0.32rem !important;
}
.font_33{
	font-size: 0.33rem !important;
}
.font_36{
	font-size: 0.36rem !important;
}
.font_40{
	font-size: 0.4rem !important;
}
.font_44{
	font-size: 0.44rem !important;
}
.font_48{
	font-size: 0.48rem !important;
}
.font_52{
	font-size: 0.52rem !important;
}
.font_56{
	font-size: 0.56rem !important;
}
.font_60{
	font-size: 0.6rem !important;
}