@charset "utf-8";
/*公共样式 start*/
/* ios 禁止微信调整字体大小 */
body {-webkit-text-size-adjust: 100% !important;}
html {
	font-size: 625%;
}
body {
	background: #f4f4f4;
	font-size: 14px;
	/* overflow-x: hidden; */
}
body,div,p,header,h2,h1,h3,h4,h5,h6,pre,form,fieldset,textarea,blockquote,th,td,ul,li,dl,dt,dd,ol,nav,input{ margin:0; padding:0; list-style:none;}
body{ color:#000;font:normal 31.25% "Microsoft YaHei", Helvetica, Arial, sans-serif;background:#f7f7f7;position:relative;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
img{border:none; width:100%; vertical-align:middle;}
/* img src为空在移动端显示边框 */
img[src = ""]{opacity:0;}
.clearfix:after {content:''; display:block; height:0; clear:both;}
.clearfix{ *zoom:1;}
a{text-decoration:none;}
a:hover{text-decoration:none; cursor:pointer;}
.over{overflow:hidden;}
.small{ font-size:11px; }
table{border-collapse: collapse;}

/*元素居中*/
.txt_c{ text-align:center;}
.txt_l{ text-align:left !important;}
.txt_r{ text-align:right;}
.val_t{ vertical-align:top;}
.val_m{ vertical-align:middle;}

/*元素显示方式*/
.db{ display:block !important;} 
.di{ display:inline;}
.dn{ display:none;}
.dib{ display:inline-block;}

.df_start{
	display:flex;
	justify-content: flex-start;
	align-items: center;
}

.df_start_top{
	display:flex;
	justify-content: flex-start;
	align-items: top;
}

.df_between{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.df_between_top{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}

.df_between_end{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}

.df_end{
	display:flex;
	justify-content: flex-end;
	align-items: center;
}

.df_center{
	display:flex;
	justify-content: center;
	align-items: center;;
}

.df_around{
	display:flex;
	justify-content: space-around;
	align-items: center;;
}

/*元素定位*/
.posi_r{ position:relative;}
.posi_a{ position:absolute !important;}
.posi_f{ position:fixed;}

/*浮动*/
.fl{ float:left;}
.fr{ float:right;}

/*背景颜色*/
.bg_g{background:#f0eff5;}
.bg_f{background:#ffffff;}
.bg_f_vh{background:#ffffff;min-height:100vh;}
.bg_ed_vh{background:#ededed;min-height:100vh;}
.bg_f7_vh{background:#f7f7f7;min-height:100vh;}
.bg_f7{background:#f7f7f7;height:100vh;}
.gray{background: #d8d8d8 !important;}
.bg_100vh{background: #fff; height:100vh;}
.bg_f_p30{background: #fff; padding-bottom:30px;min-height:100vh}
.bg_f_p100{background: #fff; padding-bottom:100px;min-height:100vh}

/* 文字颜色 */
.font_color_d9{color:#d9d9d9 !important;}
.font_color_333{color:#333 !important;}
.font_color_999{color:#999 !important;}
.font_color_000{color:#000 !important;}
.font_color_0096ff{color:#0096ff !important;}
.font_color_error{color:red !important;}

/* 蓝色提示文字 */
.prompt_txt_0096ff {
	font-size: 13px;
	font-family: PingFang-SC-Medium, PingFang-SC;
	font-weight: 500;
	color: #0096ff;
	line-height: 19px;
	/* margin-top: 15px; */
	/* margin-left: 20px; */
  }

/* 文字格式 */
.font_arial {
	font-family: Arial !important;
}

/* 间距 */
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pb0{padding-bottom:0 !important;}
.pl_r_20{padding-left:20px !important;padding-right:20px !important;}
.pl_r_30{padding-left:30px !important;padding-right:30px !important;}
.pl_r_50{padding-left:50px !important;padding-right:50px !important;}
.padding_l_22{padding-left:22px !important;}
.pt20{padding-top:20px !important;}
.pb10{padding-bottom:10px !important;}
.pb30{padding-bottom:30px !important;}
.pb34{padding-bottom:34px !important;}
.pb25{padding-bottom:25px !important;}
.pb80{padding-bottom:80px;}
.pb60{padding-bottom:60px;}
.pb50{padding-bottom:50px;}
.pb114{padding-bottom:114px !important;}
.pb150{padding-bottom:150px !important;}
.mt0{margin-top: 0 !important;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt65{margin-top: 65px !important;}
.mt74{margin-top: 74px;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb37{margin-bottom:37px !important;}
.mb50{margin-bottom:50px !important;}
.mb166{margin-bottom:166px !important;}
.ml20{margin-left:20px;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.mr5{margin-right:5px !important;}


/* 边框 */
.boder_b{border-bottom: 0.5px solid #ececec;}
.boder_t_f7{border-top: 0.5px solid #f7f7f7;}
.boder_b_f7{border-bottom: 10px solid #f7f7f7;}

/*去掉点击阴影*/
* { 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-tap-highlight-color: transparent; 
	box-sizing: border-box;/*怪异盒模型*/
}
input::-webkit-input-placeholder{
	color: #D9D9D9;
	font-weight:500;
}

/*提示弹框*/
.tishi_box{
	width: 220px;
	line-height: 25px;
	min-height: 20px;
	padding: 20px;
	text-align: center;
	background: #000;
	font-size: 14px;
	color: #fff;
	position: fixed;
	top: 40%;;
	left: 50%;
	right: 0;
	margin-left: -130px;
	border-radius: 5px;
	font-family: "Microsoft YaHei";
	z-index: 999;
}