@charset "utf-8";
/*@font-face {
	font-family: "SourceHanSansCNRegular";
	src: url("../fonts/SourceHanSansCN-Regular.ttf") format('truetype');
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "SourceHanSansCNMedium";
	src: url("../fonts/SourceHanSansCN-Medium.ttf") 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;
}
.family_regular {
	font-family: "SourceHanSansCNRegular";
	line-height: 1;
}
.family_medium {
	font-family: "SourceHanSansCNMedium";
	line-height: 1;
}
.family_bold {
	font-family: "SourceHanSansCNBold";
	line-height: 1;
}*/

a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
div:focus,img:focus,input:focus,textarea:focus{
	outline: none;
	background: transparent;
}
a:focus{
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
	outline: none;
	background: transparent;
}
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; 
	/*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;
}
.layui-layer-loading {
    display: flex;
    justify-content: center;
}
html{
	font-size: 100px;
}
body,
html {
	color: #333333;
	padding: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	/*font-family: "SourceHanSansCNRegular",PingFangSC-Regular, sans-serif,"微软雅黑";*/
    touch-callout: none;
-webkit-touch-callout: none;
-ms-touch-callout: none;
-moz-touch-callout: none;


}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}
img{
	display: block;
}
body{
	font-size: 0.16rem;
	-webkit-overflow-scrolling: touch;
}
.body{
	width: 100%;
	height: 100%;
}
.body_content{
	width: 100%;
}

:root{
    --color_main:#1395fc;
    --color_orange:#ffa21f; 
    --color_red:#f10b2c; 
}
/*顶部导航拦*/
.tab_header{
	height: 50px;
	position: fixed !important;
	left: 0;
	top:0;
	width: calc(100% - 0.6rem);
	z-index: 999;
	background: #fff;
	padding:0 0.3rem;
	line-height: 50px;
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.05);
}
.tab_header .tab_header_left{
	height: 100%;
	color:#515151;
}
.tab_header .tab_header_left .return_icon{
	width: 11px;
	height: 18px;
}
.tab_header .tab_header_left .return_txt{
	font-size: 16px;
	margin-left: 10px;
	color:var(--color_main);
}
.tab_header .tab_header_center{
	font-size: 19px;
	position: absolute;
	z-index: 1;
	height: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50%;
	text-align: center;
	line-height: 50px !important;
}

.tab_header .tab_header_right{
	font-size: 12px;
	position: absolute;
	z-index: 1;
	right: 0;
	height: 100%;
	to:0;
}
.tab_header ~ .body_content{
	padding-top: 50px;
}
/*底部tab*/
.mescroll_bottom{
	height: calc(100% - 1.13rem);
}
.tab_bottom{
	width: 100%;
	height: 1.13rem;
	background: #fff;
	position: fixed !important;
	left: 50%;
	bottom: 0;
	z-index: 10000;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-top:1px solid #ededed;
	box-sizing: border-box;
}
.tab_bottom .tab_bottom_nav{    
	font-size: 0.24rem;  
	line-height: 0.28rem;
	color:#999;
	text-align: center;
}
.tab_bottom .tab_bottom_nav .img{
	display: block;
}
.tab_bottom .tab_bottom_nav .img2{
	display: none;
}
.tab_bottom .tab_bottom_nav.active{
	color:var(--color_main);
}
.tab_bottom .tab_bottom_nav.active .img1{
	display: none;
}
.tab_bottom .tab_bottom_nav.active .img2{
	display: block;
}
.tab_bottom .tab_bottom_nav .tab_bottom_img{
	width: 0.40rem;   
	margin: auto;
}
.tab_bottom .tab_bottom_nav .tab_bottom_txt{
	margin-top: 0.1rem;
}
.tab_bottom_distance{
	padding-bottom: 1.13rem;
}
/*解决页面渲染看到隐藏的demo*/
[v-cloak]{
	display: none;
}
/*三角形*/
.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_red {
	color: #f10b2c !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;
}
.pb_5{
	padding-bottom: 0.05rem;
}
.pb_20{
	padding-bottom: 0.2rem;
}
.pb_30{
	padding-bottom: 0.3rem;
}
.pb_40{
	padding-bottom: 0.4rem;
}
.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_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;
}



/** {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}*/