/* 纵向布局 */
.j-column{
	display: flex;
	flex-direction:column;
}
/* 横向布局 */
.j-row{
	display: flex;
	flex-direction:row;
}
/* 横向布局 元素靠左*/
.j-row-left{
	display: flex;
	flex-direction:row;
	justify-content:flex-start;
}
/* 横向布局 元素靠右*/
.j-row-right{
	display: flex;
	flex-direction:row;
	justify-content:flex-end;
}
/* 横向布局 元素居中*/
.j-row-center{
	display: flex;
	flex-direction:row;
	justify-content:center;
}
/* 横向布局 元素两端对齐*/
.j-row-between{
	display: flex;
	flex-direction:row;
	justify-content:space-between;
}
/* 横向布局 元素两端有空隙*/
.j-row-around{
	display: flex;
	flex-direction:row;
	justify-content:space-around;
}
/* 纵向布局 元素靠上 */
.j-column-top{
	display: flex;
	flex-direction:column;
	justify-content:flex-start;
}
/* 纵向布局 元素靠下*/
.j-column-bottom{
	display: flex;
	flex-direction:column;
	justify-content:flex-end;
}
/* 纵向布局 元素居中*/
.j-column-center{
	display: flex;
	flex-direction:column;
	justify-content:center;
}


/* 交叉轴居上*/
.j-ai-top{
	align-items:flex-start;
}
/* 交叉轴居下*/
.j-ai-bottom{
	align-items:flex-end;
}
/* 交叉轴居中*/
.j-ai-center{
	align-items:center;
}


/* 上外边距*/
.j-mt{
	margin-top:10rpx;
}
/* 下外边距*/
.j-mb{
	margin-bottom:10rpx;
}
/* 左外边距*/
.j-ml{
	margin-left:10rpx;
}
/* 右外边距*/
.j-mr{
	margin-right:10rpx;
}
/* 不换行*/
.j-nowrap{
	white-space: nowrap;
}
/* 内容超出长度后出现滚动条*/
.j-overflow{
	overflow: auto;
}
/* 内容溢出换行*/
.j-wrap-wrap{
	flex-wrap:wrap;
}
/* 吸顶 */
.j-suctionTop{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
/* 边框 */
.j-border{
	border: solid 0.8px #e8e8e8;
	/* box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px; */
}
/* 下边框 */
.j-border-bottom{
	border-bottom: solid 1px #e8e8e8;
	border-radius:0px !important;
	/* box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px; */
}
/* 宽100栅格*/
 .j-w-0  {width:0}
 .j-w-1  { width:1%;  }
 .j-w-2  { width:2%;   }
 .j-w-3  { width:3%;   }
 .j-w-4  { width:4%;   }
 .j-w-5  { width:5%;   }
 .j-w-6  { width:6%;   }
 .j-w-7  { width:7%;   }
 .j-w-8  { width:8%;   }
 .j-w-9  { width:9%;   }
 .j-w-10 { width:10%;   }
 .j-w-11 { width:11%;   }
 .j-w-12 { width:12%;   }
 .j-w-13 { width:13%;   }
 .j-w-14 { width:14%;   }
 .j-w-15 { width:15%;   }
 .j-w-16 { width:16%;   }
 .j-w-17 { width:17%;   }
 .j-w-18 { width:18%;   }
 .j-w-19 { width:19%;   }
 .j-w-20 { width:20%;   }
 .j-w-21 { width:21%;   }
 .j-w-22 { width:22%;   }
 .j-w-23 { width:23%;   }
 .j-w-24 { width:24%;   }
 .j-w-25 { width:25%;   }
 .j-w-26 { width:26%;   }
 .j-w-27 { width:27%;   }
 .j-w-28 { width:28%;   }
 .j-w-29 { width:29%;   }
 .j-w-30 { width:30%;   }
 .j-w-31 { width:31%;   }
 .j-w-32 { width:32%;   }
 .j-w-33 { width:33%;   }
 .j-w-34 { width:34%;   }
 .j-w-35 { width:35%;   }
 .j-w-36 { width:36%;   }
 .j-w-37 { width:37%;   }
 .j-w-38 { width:38%;   }
 .j-w-39 { width:39%;   }
 .j-w-40 { width:40%;   }
 .j-w-41 { width:41%;   }
 .j-w-42 { width:42%;   }
 .j-w-43 { width:43%;   }
 .j-w-44 { width:44%;   }
 .j-w-45 { width:45%;   }
 .j-w-46 { width:46%;   }
 .j-w-47 { width:47%;   }
 .j-w-48 { width:48%;   }
 .j-w-49 { width:49%;   }
 .j-w-50 { width:50%;   }
 .j-w-51 { width:51%;   }
 .j-w-52 { width:52%;   }
 .j-w-53 { width:53%;   }
 .j-w-54 { width:54%;   }
 .j-w-55 { width:55%;   }
 .j-w-56 { width:56%;   }
 .j-w-57 { width:57%;   }
 .j-w-58 { width:58%;   }
 .j-w-59 { width:59%;   }
 .j-w-60 { width:60%;   }
 .j-w-61 { width:61%;   }
 .j-w-62 { width:62%;   }
 .j-w-63 { width:63%;   }
 .j-w-64 { width:64%;   }
 .j-w-65 { width:65%;   }
 .j-w-66 { width:66%;   }
 .j-w-67 { width:67%;   }
 .j-w-68 { width:68%;   }
 .j-w-69 { width:69%;   }
 .j-w-70 { width:70%;   }
 .j-w-71 { width:71%;   }
 .j-w-72 { width:72%;   }
 .j-w-73 { width:73%;   }
 .j-w-74 { width:74%;   }
 .j-w-75 { width:75%;   }
 .j-w-76 { width:76%;   }
 .j-w-77 { width:77%;   }
 .j-w-78 { width:78%;   }
 .j-w-79 { width:79%;   }
 .j-w-80 { width:80%;   }
 .j-w-81 { width:81%;   }
 .j-w-82 { width:82%;   }
 .j-w-83 { width:83%;   }
 .j-w-84 { width:84%;   }
 .j-w-85 { width:85%;   }
 .j-w-86 { width:86%;   }
 .j-w-87 { width:87%;   }
 .j-w-88 { width:88%;   }
 .j-w-89 { width:89%;   }
 .j-w-90 { width:90%;   }
 .j-w-91 { width:91%;   }
 .j-w-92 { width:92%;   }
 .j-w-93 { width:93%;   }
 .j-w-94 { width:94%;   }
 .j-w-95 { width:95%;   }
 .j-w-96 { width:96%;   }
 .j-w-97 { width:97%;   }
 .j-w-98 { width:98%;   }
 .j-w-99 { width:99%;   }
 .j-w-100{ width:100%;  }
/* 高100栅格*/
 .j-h-0  {height:0}
 .j-h-1  { height:1%;  }
 .j-h-2  { height:2%;   }
 .j-h-3  { height:3%;   }
 .j-h-4  { height:4%;   }
 .j-h-5  { height:5%;   }
 .j-h-6  { height:6%;   }
 .j-h-7  { height:7%;   }
 .j-h-8  { height:8%;   }
 .j-h-9  { height:9%;   }
 .j-h-10 { height:10%;   }
 .j-h-11 { height:11%;   }
 .j-h-12 { height:12%;   }
 .j-h-13 { height:13%;   }
 .j-h-14 { height:14%;   }
 .j-h-15 { height:15%;   }
 .j-h-16 { height:16%;   }
 .j-h-17 { height:17%;   }
 .j-h-18 { height:18%;   }
 .j-h-19 { height:19%;   }
 .j-h-20 { height:20%;   }
 .j-h-21 { height:21%;   }
 .j-h-22 { height:22%;   }
 .j-h-23 { height:23%;   }
 .j-h-24 { height:24%;   }
 .j-h-25 { height:25%;   }
 .j-h-26 { height:26%;   }
 .j-h-27 { height:27%;   }
 .j-h-28 { height:28%;   }
 .j-h-29 { height:29%;   }
 .j-h-30 { height:30%;   }
 .j-h-31 { height:31%;   }
 .j-h-32 { height:32%;   }
 .j-h-33 { height:33%;   }
 .j-h-34 { height:34%;   }
 .j-h-35 { height:35%;   }
 .j-h-36 { height:36%;   }
 .j-h-37 { height:37%;   }
 .j-h-38 { height:38%;   }
 .j-h-39 { height:39%;   }
 .j-h-40 { height:40%;   }
 .j-h-41 { height:41%;   }
 .j-h-42 { height:42%;   }
 .j-h-43 { height:43%;   }
 .j-h-44 { height:44%;   }
 .j-h-45 { height:45%;   }
 .j-h-46 { height:46%;   }
 .j-h-47 { height:47%;   }
 .j-h-48 { height:48%;   }
 .j-h-49 { height:49%;   }
 .j-h-50 { height:50%;   }
 .j-h-51 { height:51%;   }
 .j-h-52 { height:52%;   }
 .j-h-53 { height:53%;   }
 .j-h-54 { height:54%;   }
 .j-h-55 { height:55%;   }
 .j-h-56 { height:56%;   }
 .j-h-57 { height:57%;   }
 .j-h-58 { height:58%;   }
 .j-h-59 { height:59%;   }
 .j-h-60 { height:60%;   }
 .j-h-61 { height:61%;   }
 .j-h-62 { height:62%;   }
 .j-h-63 { height:63%;   }
 .j-h-64 { height:64%;   }
 .j-h-65 { height:65%;   }
 .j-h-66 { height:66%;   }
 .j-h-67 { height:67%;   }
 .j-h-68 { height:68%;   }
 .j-h-69 { height:69%;   }
 .j-h-70 { height:70%;   }
 .j-h-71 { height:71%;   }
 .j-h-72 { height:72%;   }
 .j-h-73 { height:73%;   }
 .j-h-74 { height:74%;   }
 .j-h-75 { height:75%;   }
 .j-h-76 { height:76%;   }
 .j-h-77 { height:77%;   }
 .j-h-78 { height:78%;   }
 .j-h-79 { height:79%;   }
 .j-h-80 { height:80%;   }
 .j-h-81 { height:81%;   }
 .j-h-82 { height:82%;   }
 .j-h-83 { height:83%;   }
 .j-h-84 { height:84%;   }
 .j-h-85 { height:85%;   }
 .j-h-86 { height:86%;   }
 .j-h-87 { height:87%;   }
 .j-h-88 { height:88%;   }
 .j-h-89 { height:89%;   }
 .j-h-90 { height:90%;   }
 .j-h-91 { height:91%;   }
 .j-h-92 { height:92%;   }
 .j-h-93 { height:93%;   }
 .j-h-94 { height:94%;   }
 .j-h-95 { height:95%;   }
 .j-h-96 { height:96%;   }
 .j-h-97 { height:97%;   }
 .j-h-98 { height:98%;   }
 .j-h-99 { height:99%;   }
 .j-h-100{ height:100%;  }
 .j-w-h-100{ height:100%;  width:100%; }