/* reset */
*{  
	margin: 0;padding: 0; flex-shrink: 0;box-sizing: border-box; word-break: break-all;
	border: none;font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 
	 letter-spacing: 1px;
}
/* body{display: flex;flex-direction: column;} */
body{line-height: 1.2; font-size: 0.28rem; color: #333;}
table{border-collapse:collapse;border-spacing:0;}
i,cite,em,var,address,dfn{font-style:normal;}
ul{list-style-type:none;}
input[type="text"]{ padding: 0.1rem 0.2rem; width: 100%;}
a,span{display: block;text-decoration:none;}
img{display: block; max-width: 100%;}
a:active{
	opacity: 0.5;
}



/* 公用样式 */

/*	文字截取  */
.ellipsis{
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ellipsisWarp{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ellipsisWarp3{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.h15{
	line-height: 1.5;
}
.lh20{
	line-height: 2.0;
}
.scroll{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.hr{
	height: 0.2rem;
	background: #f7f7f7;
}
/* flex布局 */
.flex {
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
}
.flex1 {
	flex: 1;
}
.flex2 {
	flex: 2;
}
.flex3 {
	flex: 3;
}
.column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* 主轴对齐方式 */
.flex_start{
	justify-content: start;
}
.flex_end{
	justify-content:flex-end;
}
.space_between{
	justify-content: space-between;
}
.flex_around{
	justify-content:space-around;
}
.flex_center{
	justify-content:center;
}
/* 次轴对齐方式 */
.cross_start{
	align-items: flex-start;
}
.wrap{
	flex-wrap: wrap;
}
/* 背景色 ,主题色*/
.bgcf8{
	background: #f8f8f8;
}
.bgcfff{
	background: #fff;
}
.click:active {
	opacity: 0.5;
}

/* 字体设置 */
.text-sl{
	font-size: 0.2rem;
}
.text-s{
	font-size: 0.24rem;
}
.text-x{
	font-size: 0.30rem;
}
.text-xl{
	font-size: 0.36rem;
}
.text-xll{
	font-size: 0.42rem;
}
.text-xlll{
	font-size: 0.5rem;
}
.bold{
	font-weight: bold;
}
.color000{
	color: #000;
}
.color666{
	color: #666;
}
.color333{
	color: #333;
}
.color999{
	color: #999
}
.colorfff{
	color: #fff !important;
}
.green{
	color: #52A344;
}
/* 边框 */
.borderBt{
	border-bottom: 1px solid #eee !important;
}
.radius{
	border-radius: 0.1rem;
}
.radius20{
	border-radius: 0.2rem;
}
/* 阴影 */

.boxShadow{
	box-shadow:0px 0px 13px 0px rgba(51,51,51,0.2);
}
/* 边距 */

.mg020{
	margin: 0 0.2rem;
}
.mg030{
	margin: 0 0.3rem;
}
.mt{
	margin-top: 0.1rem;
}
.mt15{
	margin-top: 0.15rem;
}
.mt20{
	margin-top: 0.2rem;
}
.mt30{
	margin-top: 0.3rem;
}
.mt40{
	margin-top: 0.4rem;
}
.mt60{
	margin-top: 0.6rem;
}
.mt80 {
	margin-top: 0.8rem;
}
.mt100 {
	margin-top: 1rem;
}
.mt120 {
	margin-top: 1.2rem;
}
.mt140 {
	margin-top: 1.4rem;
}
.mb20{
	margin-bottom: 0.2rem;
}
.mr{
	margin-right: 0.1rem;
}
.mr20{
	margin-right: 0.2rem;
}
.mr30{
	margin-right: 0.3rem;
}
.mr40{
	margin-right: 0.4rem;
}
.mr60{
	margin-right: 0.6rem;
}
.ml{
	margin-left: 0.1rem;
}
.ml20{
	margin-left: 0.2rem;
}
.ml30{
	margin-left: 0.3rem;
}
.ml40{
	margin-left: 0.4rem;
}
.ml80{
	margin-left: 0.8rem;
}
.mb{
	margin-bottom: 0.1rem;
}
.mb20{
	margin-bottom: 0.2rem;
}
.mb30{
	margin-bottom: 0.3rem;
}
.mb40{
	margin-bottom: 0.4rem;
}
/* 内边距 */
.pd{
	padding: 0.1rem;
}
.pd15{
	padding: 0.15rem;
}
.pd020{
	padding: 0 0.2rem;
}
.pd030{
	padding: 0 0.3rem;
}
.pt{
	padding-top: 0.1rem;
}
.pt20{
	padding-top: 0.2rem;
}
.pd20{
	padding: 0.2rem;
}
.pd30{
	padding: 0.3rem;
}
.pl{
	padding-left: 0.1rem;
}
.pr{
	padding-right: 0.1rem;
}
.pr20{
	padding-right: 0.2rem;
}
.pb{
	padding-bottom: 0.1rem;
}
.pb20{
	padding-bottom: 0.2rem;
}
.gr{
	color: #52A344;
}
.red{
	color: #FC3C0F
}

@keyframes fade-in {  
    0% {
		transform: translateY(-40%);
		opacity: 0;
	}
    100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.fade-in{
	animation: fade-in 0.5s;  
	animation-fill-mode: forwards;
}
@keyframes fade-bottom {  
    0% {
		transform: translateY(20%);
		opacity: 0;
	}
    100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.fade_bottom{
	animation: fade-bottom 0.5s;  
	animation-fill-mode: forwards;
}
/* 常用字符集 */
.rightArrow::before{
	content: "\003E";
}

/* 单选框 */
[type='radio']{
	visibility: hidden;
}
.radio_box .raido{
	width: 0.3rem;
	height: 0.3rem;
	background: #FB7E1D;
	border-radius: 50%;
	position: relative;
}
.radio_box .raido i{
	width: 0.3rem;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.24rem;
	color: #fff;

}
.radio_box [type='radio']:checked  + i::after{
	content: '\2713';
}
/* 复选框 */
.checkbox_box label{
    display: block;
	width: 0.35rem ;
	height: 0.35rem;
    cursor: pointer;
	background: #FB7E1D;
	/* border-radius: 50%; */
	position: relative;
}
.checkbox_box label span{
	width: 0.35rem ;
	height: 0.35rem;
	line-height: 0.35rem;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	color: white;
}
.checkbox_box [type=checkbox]:checked + span:before{
    content: "\2713";
}
input[type=checkbox]{
	visibility: hidden;
}