html,body{
	width: 100%;
	margin: 0;
	padding: 0;

}
/**
 * 页面起始样式
 * 主色掉 #ffd000
 */

.content{
	display: flex;
	flex-direction: column;
	width: 100%;
}
/**
 * 横向排序 起始点开始排序
 */
.f-row{
	display: flex;
	flex-direction: row;
}
.flex{
	display: flex;
}
/**
 * 横向排序 结束点开始排序
 */
.f-row-reverse{
	display: flex;
	flex-direction: row-reverse;
}
/**
 * 横向排序 起始点开始排序 上下居中 左右起点靠向
 */
.f-row-center-start{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.f-row-start-start{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-start;
}
/**
 * 横向排序 起始点开始排序 上下居中 左右居中靠向
 */
.f-row-center-center{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
/**
 * 横向排序 起始点开始排序 上下居中 左右两端靠向
 */
.f-row-between{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
/**
 * 横向排序 起始点开始排序 上下居中 左右两端靠向 边距等分
 */
.f-row-around{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}
/**
 * 横向排序 起始点开始排序 上下居中 左右两端靠向 间距等分
 */
.f-row-evenly{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
/**
 * 纵向排序 起始点开始排序
 */
.f-column{
	display: flex;
	flex-direction: column;
}

/**
 * 纵向排序 结束点开始排序
 */
.f-column-reverse{
	display: flex;
	flex-direction: column-reverse;
}
.f-column-center{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.f-column-center-start{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.f-column-evenly{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-evenly;
}
.f-column-between{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-1 {
	flex: 1
}

.flex-2 {
	flex: 2
}

.flex-3 {
	flex: 3
}
.flex-4 {
	flex: 4
}
/************************  width rpx *************/

.w10 {width: 10rpx;}
.w20 {width: 20rpx;}
.w30 {width: 30rpx;}
.w40 {width: 40rpx;}
.w50 {width: 50rpx;}
.w60 {width: 60rpx;}
.w70 {width: 70rpx;}
.w80 {width: 80rpx;}
.w90 {width: 90rpx;}
.w100 {width: 100rpx;}
.w110 {width: 110rpx;}
.w120 {width: 120rpx;}
.w130 {width: 130rpx;}
.w140 {width: 140rpx;}
.w150 {width: 150rpx;}
.w160 {width: 160rpx;}
.w170 {width: 170rpx;}
.w180 {width: 180rpx;}
.w190 {width: 190rpx;}
.w200 {width: 200rpx;}
.w210 {width: 210rpx;}
.w220 {width: 220rpx;}
.w230 {width: 230rpx;}
.w240 {width: 240rpx;}
.w250 {width: 250rpx;}
.w300 {width: 300rpx;}
.w400 {width: 400rpx;}
.w500 {width: 500rpx;}
/************************  width % *************/
.wh5{width: 5%;}
.wh10{width: 10%;}
.wh20{width: 20%;}
.wh25{width: 25%;}
.wh30{width: 30%;}
.wh33{width: 33.33333333%;}
.wh40{width: 40%;}
.wh50{width: 50%;}
.wh60{width: 60%;}
.wh70{width: 70%;}
.wh80{width: 80%;}
.wh90{width: 90%;}
.wh100 {width: 100%;}
/************************  height % *************/
.height100 {height: 100%;}

/************************  height rpx *************/
.h10 {height: 10rpx;}
.h20 {height: 20rpx;}
.h30 {height: 30rpx;}
.h40 {height: 40rpx;}
.h50 {height: 50rpx;}
.h60 {height: 60rpx;}
.h70 {height: 70rpx;}
.h80 {height: 80rpx;}
.h90 {height: 90rpx;}
.h100 {height: 100rpx;}
.h110 {height: 110rpx;}
.h120 {height: 120rpx;}
.h130 {height: 130rpx;}
.h140 {height: 140rpx;}
.h150 {height: 150rpx;}
.h160 {height: 160rpx;}
.h170 {height: 170rpx;}
.h180 {height: 180rpx;}
.h190 {height: 190rpx;}
.h200 {height: 200rpx;}
.h210 {height: 210rpx;}
.h220 {height: 220rpx;}
.h230 {height: 230rpx;}
.h240 {height: 240rpx;}
.h250 {height: 250rpx;}
.h300 {height: 300rpx;}
.h400 {height: 400rpx;}
.h500 {height: 500rpx;}
/************************  padding *****/
.pa2{padding: 2rpx;}
.pa4{padding: 4rpx;}
.pa6{padding: 6rpx;}
.pa8{padding: 8rpx;}
.pa10{padding: 10rpx;}
.pa12{padding: 12rpx;}
.pa14{padding: 14rpx;}
.pa16{padding: 16rpx;}
.pa18{padding: 18rpx;}
.pa20{padding: 20rpx;}
.pa22{padding: 22rpx;}
.pa24{padding: 24rpx;}
.pa26{padding: 26rpx;}
.pa28{padding: 28rpx;}
.pa30{padding: 30rpx;}
.pa40{padding: 40rpx;}
.pa50{padding: 50rpx;}
.pa60{padding: 60rpx;}
/************************  padding top bottom  ***************************/
.pa-tb2{padding-top:2rpx;padding-bottom:2rpx;}
.pa-tb4{padding-top:4rpx;padding-bottom:4rpx;}
.pa-tb6{padding-top:6rpx;padding-bottom:6rpx;}
.pa-tb8{padding-top:8rpx;padding-bottom:8rpx;}
.pa-tb10{padding-top:10rpx;padding-bottom:10rpx;}
.pa-tb12{padding-top:12rpx;padding-bottom:12rpx;}
.pa-tb14{padding-top:14rpx;padding-bottom:14rpx;}
.pa-tb16{padding-top:16rpx;padding-bottom:16rpx;}
.pa-tb18{padding-top:18rpx;padding-bottom:18rpx;}
.pa-tb20{padding-top:20rpx;padding-bottom:20rpx;}
.pa-tb22{padding-top:22rpx;padding-bottom:22rpx;}
.pa-tb24{padding-top:24rpx;padding-bottom:24rpx;}
.pa-tb26{padding-top:26rpx;padding-bottom:26rpx;}
.pa-tb28{padding-top:28rpx;padding-bottom:28rpx;}
.pa-tb30{padding-top:30rpx;padding-bottom:30rpx;}
.pa-tb32{padding-top:32rpx;padding-bottom:32rpx;}
.pa-tb34{padding-top:34rpx;padding-bottom:34rpx;}
.pa-tb36{padding-top:36rpx;padding-bottom:36rpx;}
.pa-tb38{padding-top:38rpx;padding-bottom:38rpx;}
.pa-tb40{padding-top:40rpx;padding-bottom:40rpx;}
.pa-tb42{padding-top:42rpx;padding-bottom:42rpx;}
.pa-tb44{padding-top:44rpx;padding-bottom:44rpx;}
.pa-tb46{padding-top:46rpx;padding-bottom:46rpx;}
.pa-tb48{padding-top:48rpx;padding-bottom:48rpx;}
.pa-tb50{padding-top:50rpx;padding-bottom:50rpx;}
.pa-tb100{padding-top:100rpx;padding-bottom:100rpx;}
.pa-tb150{padding-top:150rpx;padding-bottom:150rpx;}
.pa-tb200{padding-top:200rpx;padding-bottom:200rpx;}
/************************  padding left right  ***************************/
.pa-lr2{padding-left: 2rpx;padding-right: 2rpx;}
.pa-lr4{padding-left: 4rpx;padding-right: 4rpx;}
.pa-lr6{padding-left: 6rpx;padding-right: 6rpx;}
.pa-lr8{padding-left: 8rpx;padding-right: 8rpx;}
.pa-lr10{padding-left: 10rpx;padding-right: 10rpx;}
.pa-lr12{padding-left: 12rpx;padding-right: 12rpx;}
.pa-lr14{padding-left: 14rpx;padding-right: 14rpx;}
.pa-lr16{padding-left: 16rpx;padding-right: 16rpx;}
.pa-lr18{padding-left: 18rpx;padding-right: 18rpx;}
.pa-lr20{padding-left: 20rpx;padding-right: 20rpx;}
.pa-lr22{padding-left: 22rpx;padding-right: 22rpx;}
.pa-lr24{padding-left: 24rpx;padding-right: 24rpx;}
.pa-lr26{padding-left: 26rpx;padding-right: 26rpx;}
.pa-lr28{padding-left: 28rpx;padding-right: 28rpx;}
.pa-lr30{padding-left: 30rpx;padding-right: 30rpx;}
.pa-lr32{padding-left: 32rpx;padding-right: 32rpx;}
.pa-lr34{padding-left: 34rpx;padding-right: 34rpx;}
.pa-lr36{padding-left: 36rpx;padding-right: 36rpx;}
.pa-lr38{padding-left: 38rpx;padding-right: 38rpx;}
.pa-lr40{padding-left: 40rpx;padding-right: 40rpx;}
.pa-lr42{padding-left: 42rpx;padding-right: 42rpx;}
.pa-lr44{padding-left: 44rpx;padding-right: 44rpx;}
.pa-lr46{padding-left: 46rpx;padding-right: 46rpx;}
.pa-lr48{padding-left: 48rpx;padding-right: 48rpx;}
.pa-lr50{padding-left: 50rpx;padding-right: 50rpx;}
.pa-lr60{padding-left: 50rpx;padding-right: 60rpx;}
.pa-lr70{padding-left: 50rpx;padding-right: 70rpx;}
.pa-lr80{padding-left: 50rpx;padding-right: 80rpx;}
/************************  padding left  ***************************/
.pa-l2{padding-left: 2rpx;}
.pa-l4{padding-left: 4rpx;}
.pa-l6{padding-left: 6rpx;}
.pa-l8{padding-left: 8rpx;}
.pa-l10{padding-left: 10rpx;}
.pa-l12{padding-left: 12rpx;}
.pa-l14{padding-left: 14rpx;}
.pa-l16{padding-left: 16rpx;}
.pa-l18{padding-left: 18rpx;}
.pa-l20{padding-left: 20rpx;}
.pa-l22{padding-left: 22rpx;}
.pa-l24{padding-left: 24rpx;}
.pa-l26{padding-left: 26rpx;}
.pa-l28{padding-left: 28rpx;}
.pa-l30{padding-left: 30rpx;}
.pa-l32{padding-left: 32rpx;}
.pa-l34{padding-left: 34rpx;}
.pa-l36{padding-left: 36rpx;}
.pa-l38{padding-left: 38rpx;}
.pa-l40{padding-left: 40rpx;}
.pa-l42{padding-left: 42rpx;}
.pa-l44{padding-left: 44rpx;}
.pa-l46{padding-left: 46rpx;}
.pa-l48{padding-left: 48rpx;}
.pa-l50{padding-left: 50rpx;}
.pa-l52{padding-left: 52rpx;}
.pa-l54{padding-left: 54rpx;}
.pa-l56{padding-left: 56rpx;}
.pa-l58{padding-left: 58rpx;}
.pa-l60{padding-left: 60rpx;}
.pa-l70{padding-left: 70rpx;}
.pa-l80{padding-left: 80rpx;}
/************************  padding right  ***************************/
.pa-r2{padding-right: 2rpx;}
.pa-r4{padding-right: 4rpx;}
.pa-r6{padding-right: 6rpx;}
.pa-r8{padding-right: 8rpx;}
.pa-r10{padding-right: 10rpx;}
.pa-r12{padding-right: 12rpx;}
.pa-r14{padding-right: 14rpx;}
.pa-r16{padding-right: 16rpx;}
.pa-r18{padding-right: 18rpx;}
.pa-r20{padding-right: 20rpx;}
.pa-r22{padding-right: 22rpx;}
.pa-r24{padding-right: 24rpx;}
.pa-r26{padding-right: 26rpx;}
.pa-r28{padding-right: 28rpx;}
.pa-r30{padding-right: 30rpx;}
.pa-r32{padding-right: 32rpx;}
.pa-r34{padding-right: 34rpx;}
.pa-r36{padding-right: 36rpx;}
.pa-r38{padding-right: 38rpx;}
.pa-r40{padding-right: 40rpx;}
.pa-r42{padding-right: 42rpx;}
.pa-r44{padding-right: 44rpx;}
.pa-r46{padding-right: 46rpx;}
.pa-r48{padding-right: 48rpx;}
.pa-r50{padding-right: 50rpx;}
.pa-r52{padding-right: 52rpx;}
.pa-r54{padding-right: 54rpx;}
.pa-r56{padding-right: 56rpx;}
.pa-r58{padding-right: 58rpx;}
.pa-r60{padding-right: 60rpx;}
.pa-r70{padding-right: 70rpx;}
.pa-r80{padding-right: 80rpx;}
/************************  padding bottom  ***************************/
.pa-b2{padding-bottom: 2rpx;}
.pa-b4{padding-bottom: 4rpx;}
.pa-b6{padding-bottom: 6rpx;}
.pa-b8{padding-bottom: 8rpx;}
.pa-b10{padding-bottom: 10rpx;}
.pa-b12{padding-bottom: 12rpx;}
.pa-b14{padding-bottom: 14rpx;}
.pa-b16{padding-bottom: 16rpx;}
.pa-b18{padding-bottom: 18rpx;}
.pa-b20{padding-bottom: 20rpx;}
.pa-b22{padding-bottom: 22rpx;}
.pa-b24{padding-bottom: 24rpx;}
.pa-b26{padding-bottom: 26rpx;}
.pa-b28{padding-bottom: 28rpx;}
.pa-b30{padding-bottom: 30rpx;}
.pa-b32{padding-bottom: 32rpx;}
.pa-b34{padding-bottom: 34rpx;}
.pa-b36{padding-bottom: 36rpx;}
.pa-b38{padding-bottom: 38rpx;}
.pa-b40{padding-bottom: 40rpx;}
.pa-b42{padding-bottom: 42rpx;}
.pa-b44{padding-bottom: 44rpx;}
.pa-b46{padding-bottom: 46rpx;}
.pa-b48{padding-bottom: 48rpx;}
.pa-b50{padding-bottom: 50rpx;}
.pa-b52{padding-bottom: 52rpx;}
.pa-b54{padding-bottom: 54rpx;}
.pa-b56{padding-bottom: 56rpx;}
.pa-b58{padding-bottom: 58rpx;}
.pa-b60{padding-bottom: 60rpx;}
.pa-b62{padding-bottom: 62rpx;}
.pa-b64{padding-bottom: 64rpx;}
.pa-b66{padding-bottom: 66rpx;}
.pa-b68{padding-bottom: 68rpx;}
.pa-b70{padding-bottom: 70rpx;}
.pa-b72{padding-bottom: 72rpx;}
.pa-b74{padding-bottom: 74rpx;}
.pa-b76{padding-bottom: 76rpx;}
.pa-b78{padding-bottom: 78rpx;}
.pa-b80{padding-bottom: 80rpx;}
.pa-b120{padding-bottom: 120rpx;}
.pa-b240{padding-bottom: 240rpx;}
/************************  padding top  ***************************/
.pa-t2{padding-top: 2rpx;}
.pa-t4{padding-top: 4rpx;}
.pa-t6{padding-top: 6rpx;}
.pa-t8{padding-top: 8rpx;}
.pa-t10{padding-top: 10rpx;}
.pa-t12{padding-top: 12rpx;}
.pa-t14{padding-top: 14rpx;}
.pa-t16{padding-top: 16rpx;}
.pa-t18{padding-top: 18rpx;}
.pa-t20{padding-top: 20rpx;}
.pa-t22{padding-top: 22rpx;}
.pa-t24{padding-top: 24rpx;}
.pa-t26{padding-top: 26rpx;}
.pa-t28{padding-top: 28rpx;}
.pa-t30{padding-top: 30rpx;}
.pa-t32{padding-top: 32rpx;}
.pa-t34{padding-top: 34rpx;}
.pa-t36{padding-top: 36rpx;}
.pa-t38{padding-top: 38rpx;}
.pa-t40{padding-top: 40rpx;}
.pa-t42{padding-top: 42rpx;}
.pa-t44{padding-top: 44rpx;}
.pa-t46{padding-top: 46rpx;}
.pa-t48{padding-top: 48rpx;}
.pa-t50{padding-top: 50rpx;}
.pa-t70{padding-top: 70rpx;}
.pa-t80{padding-top: 80rpx;}
.pa-t90{padding-top: 90rpx;}
.pa-t100{padding-top: 100rpx;}
/************************  margin ***************************/
.mar2{margin: 2rpx;}
.mar4{margin: 4rpx;}
.mar6{margin: 6rpx;}
.mar8{margin: 8rpx;}
.mar10{margin: 10rpx;}
.mar12{margin: 12rpx;}
.mar14{margin: 14rpx;}
.mar16{margin: 16rpx;}
.mar18{margin: 18rpx;}
.mar20{margin: 20rpx;}
.mar22{margin: 22rpx;}
.mar24{margin: 24rpx;}
.mar26{margin: 26rpx;}
.mar28{margin: 28rpx;}
.mar30{margin: 30rpx;}
.mar32{margin: 32rpx;}
.mar34{margin: 34rpx;}
.mar36{margin: 36rpx;}
.mar38{margin: 38rpx;}
.mar40{margin: 40rpx;}
.mar42{margin: 42rpx;}
.mar44{margin: 44rpx;}
.mar46{margin: 46rpx;}
.mar48{margin: 48rpx;}
.mar50{margin: 50rpx;}
.mar52{margin: 52rpx;}
.mar54{margin: 54rpx;}
.mar56{margin: 56rpx;}
.mar58{margin: 58rpx;}
.mar60{margin: 60rpx;}
.mar62{margin: 62rpx;}
.mar64{margin: 64rpx;}
.mar66{margin: 66rpx;}
.mar68{margin: 68rpx;}
.mar70{margin: 70rpx;}
/************************  margin top bottom ***************************/
.mar-tb2{margin-top: 2rpx;margin-bottom: 2rpx;}
.mar-tb4{margin-top: 4rpx;margin-bottom: 4rpx;}
.mar-tb6{margin-top: 6rpx;margin-bottom: 6rpx;}
.mar-tb8{margin-top: 8rpx;margin-bottom: 8rpx;}
.mar-tb10{margin-top: 10rpx;margin-bottom: 10rpx;}
.mar-tb12{margin-top: 12rpx;margin-bottom: 12rpx;}
.mar-tb14{margin-top: 14rpx;margin-bottom: 14rpx;}
.mar-tb16{margin-top: 16rpx;margin-bottom: 16rpx;}
.mar-tb18{margin-top: 18rpx;margin-bottom: 18rpx;}
.mar-tb20{margin-top: 20rpx;margin-bottom: 20rpx;}
.mar-tb22{margin-top: 22rpx;margin-bottom: 22rpx;}
.mar-tb24{margin-top: 24rpx;margin-bottom: 24rpx;}
.mar-tb26{margin-top: 26rpx;margin-bottom: 26rpx;}
.mar-tb28{margin-top: 28rpx;margin-bottom: 28rpx;}
.mar-tb30{margin-top: 30rpx;margin-bottom: 30rpx;}
.mar-tb32{margin-top: 32rpx;margin-bottom: 32rpx;}
.mar-tb34{margin-top: 34rpx;margin-bottom: 34rpx;}
.mar-tb36{margin-top: 36rpx;margin-bottom: 36rpx;}
.mar-tb38{margin-top: 38rpx;margin-bottom: 38rpx;}
.mar-tb40{margin-top: 40rpx;margin-bottom: 40rpx;}
.mar-tb42{margin-top: 42rpx;margin-bottom: 42rpx;}
.mar-tb44{margin-top: 44rpx;margin-bottom: 44rpx;}
.mar-tb46{margin-top: 46rpx;margin-bottom: 46rpx;}
.mar-tb48{margin-top: 48rpx;margin-bottom: 48rpx;}
.mar-tb50{margin-top: 50rpx;margin-bottom: 50rpx;}
/************************  margin top ***************************/
.mar-t2{margin-top: 2rpx;}
.mar-t4{margin-top: 4rpx;}
.mar-t6{margin-top: 6rpx;}
.mar-t8{margin-top: 8rpx;}
.mar-t10{margin-top: 10rpx;}
.mar-t12{margin-top: 12rpx;}
.mar-t14{margin-top: 14rpx;}
.mar-t16{margin-top: 16rpx;}
.mar-t18{margin-top: 18rpx;}
.mar-t20{margin-top: 20rpx;}
.mar-t22{margin-top: 22rpx;}
.mar-t24{margin-top: 24rpx;}
.mar-t26{margin-top: 26rpx;}
.mar-t28{margin-top: 28rpx;}
.mar-t30{margin-top: 30rpx;}
.mar-t32{margin-top: 32rpx;}
.mar-t34{margin-top: 34rpx;}
.mar-t36{margin-top: 36rpx;}
.mar-t38{margin-top: 38rpx;}
.mar-t40{margin-top: 40rpx;}
.mar-t42{margin-top: 42rpx;}
.mar-t44{margin-top: 44rpx;}
.mar-t46{margin-top: 46rpx;}
.mar-t48{margin-top: 48rpx;}
.mar-t50{margin-top: 50rpx;}
/************************  margin bottom ***************************/
.mar-b2{margin-bottom: 2rpx;}
.mar-b4{margin-bottom: 4rpx;}
.mar-b6{margin-bottom: 6rpx;}
.mar-b8{margin-bottom: 8rpx;}
.mar-b10{margin-bottom: 10rpx;}
.mar-b12{margin-bottom: 12rpx;}
.mar-b14{margin-bottom: 14rpx;}
.mar-b16{margin-bottom: 16rpx;}
.mar-b18{margin-bottom: 18rpx;}
.mar-b20{margin-bottom: 20rpx;}
.mar-b22{margin-bottom: 22rpx;}
.mar-b24{margin-bottom: 24rpx;}
.mar-b26{margin-bottom: 26rpx;}
.mar-b28{margin-bottom: 28rpx;}
.mar-b30{margin-bottom: 30rpx;}
.mar-b32{margin-bottom: 32rpx;}
.mar-b34{margin-bottom: 34rpx;}
.mar-b36{margin-bottom: 36rpx;}
.mar-b38{margin-bottom: 38rpx;}
.mar-b40{margin-bottom: 40rpx;}
.mar-b42{margin-bottom: 42rpx;}
.mar-b44{margin-bottom: 44rpx;}
.mar-b46{margin-bottom: 46rpx;}
.mar-b48{margin-bottom: 48rpx;}
.mar-b50{margin-bottom: 50rpx;}

/************************  margin left right ***************************/
.mar-lr2{margin-left: 2rpx;margin-right: 2rpx;}
.mar-lr4{margin-left: 4rpx;margin-right: 4rpx;}
.mar-lr6{margin-left: 6rpx;margin-right: 6rpx;}
.mar-lr8{margin-left: 8rpx;margin-right: 8rpx;}
.mar-lr10{margin-left: 10rpx;margin-right: 10rpx;}
.mar-lr12{margin-left: 12rpx;margin-right: 12rpx;}
.mar-lr14{margin-left: 14rpx;margin-right: 14rpx;}
.mar-lr16{margin-left: 16rpx;margin-right: 16rpx;}
.mar-lr18{margin-left: 18rpx;margin-right: 18rpx;}
.mar-lr20{margin-left: 20rpx;margin-right: 20rpx;}
.mar-lr32{margin-left: 32rpx;margin-right: 32rpx;}
.mar-lr34{margin-left: 34rpx;margin-right: 34rpx;}
.mar-lr36{margin-left: 36rpx;margin-right: 36rpx;}
.mar-lr38{margin-left: 38rpx;margin-right: 38rpx;}
.mar-lr40{margin-left: 40rpx;margin-right: 40rpx;}
.mar-lr42{margin-left: 42rpx;margin-right: 42rpx;}
.mar-lr44{margin-left: 44rpx;margin-right: 44rpx;}
.mar-lr46{margin-left: 46rpx;margin-right: 46rpx;}
.mar-lr48{margin-left: 48rpx;margin-right: 48rpx;}
.mar-lr50{margin-left: 50rpx;margin-right: 50rpx;}
.mar-lr52{margin-left: 52rpx;margin-right: 52rpx;}
.mar-lr54{margin-left: 54rpx;margin-right: 54rpx;}
.mar-lr56{margin-left: 56rpx;margin-right: 56rpx;}
.mar-lr58{margin-left: 58rpx;margin-right: 58rpx;}
.mar-lr60{margin-left: 60rpx;margin-right: 60rpx;}
/************************  margin left ***************************/
.mar-l2{margin-left: 2rpx;}
.mar-l4{margin-left: 4rpx;}
.mar-l6{margin-left: 6rpx;}
.mar-l8{margin-left: 8rpx;}
.mar-l10{margin-left: 10rpx;}
.mar-l12{margin-left: 12rpx;}
.mar-l14{margin-left: 14rpx;}
.mar-l16{margin-left: 16rpx;}
.mar-l18{margin-left: 18rpx;}
.mar-l20{margin-left: 20rpx;}
.mar-l22{margin-left: 22rpx;}
.mar-l24{margin-left: 24rpx;}
.mar-l26{margin-left: 26rpx;}
.mar-l28{margin-left: 28rpx;}
.mar-l30{margin-left: 30rpx;}
.mar-l32{margin-left: 32rpx;}
.mar-l34{margin-left: 34rpx;}
.mar-l36{margin-left: 36rpx;}
.mar-l38{margin-left: 38rpx;}
.mar-l40{margin-left: 40rpx;}
.mar-l42{margin-left: 42rpx;}
.mar-l44{margin-left: 44rpx;}
.mar-l46{margin-left: 46rpx;}
.mar-l48{margin-left: 48rpx;}
.mar-l50{margin-left: 50rpx;}
/************************  margin right ***************************/
.mar-r2{margin-right: 2rpx;}
.mar-r4{margin-right: 4rpx;}
.mar-r6{margin-right: 6rpx;}
.mar-r8{margin-right: 8rpx;}
.mar-r10{margin-right: 10rpx;}
.mar-r12{margin-right: 12rpx;}
.mar-r14{margin-right: 14rpx;}
.mar-r16{margin-right: 16rpx;}
.mar-r18{margin-right: 18rpx;}
.mar-r20{margin-right: 20rpx;}
.mar-r22{margin-right: 22rpx;}
.mar-r24{margin-right: 24rpx;}
.mar-r26{margin-right: 26rpx;}
.mar-r28{margin-right: 28rpx;}
.mar-r30{margin-right: 30rpx;}
.mar-r32{margin-right: 32rpx;}
.mar-r34{margin-right: 34rpx;}
.mar-r36{margin-right: 36rpx;}
.mar-r38{margin-right: 38rpx;}
.mar-r40{margin-right: 40rpx;}
.mar-r42{margin-right: 42rpx;}
.mar-r44{margin-right: 44rpx;}
.mar-r46{margin-right: 46rpx;}
.mar-r48{margin-right: 48rpx;}
.mar-r50{margin-right: 50rpx;}

/************************  border ************************/
.border-bottom-1{border-bottom: 1px #f2f2f2 solid;}

.border-1{border: 1px #f2f2f2 solid;}

/************************  border-radius *****/
.border-radius100{border-radius: 100%;}

.border-radius2{border-radius: 2rpx;}
.border-radius4{border-radius: 4rpx;}
.border-radius6{border-radius: 6rpx;}
.border-radius8{border-radius: 8rpx;}
.border-radius10{border-radius: 10rpx;}
.border-radius12{border-radius: 12rpx;}
.border-radius14{border-radius: 14rpx;}
.border-radius16{border-radius: 16rpx;}
.border-radius18{border-radius: 18rpx;}
.border-radius20{border-radius: 20rpx;}
.border-radius30{border-radius: 30rpx;}
.border-radius40{border-radius: 40rpx;}
.border-radius50{border-radius: 50rpx;}
.border-radius60{border-radius: 60rpx;}
/************************  font-size *****/
.size10{font-size: 10rpx;}
.size12{font-size: 12rpx;}
.size14{font-size: 14rpx;}
.size16{font-size: 16rpx;}
.size18{font-size: 18rpx;}
.size20{font-size: 20rpx;}
.size22{font-size: 22rpx;}
.size24{font-size: 24rpx;}
.size26{font-size: 26rpx;}
.size28{font-size: 28rpx;}
.size30{font-size: 30rpx;}
.size32{font-size: 32rpx;}
.size34{font-size: 34rpx;}
.size36{font-size: 36rpx;}
.size38{font-size: 38rpx;}
.size40{font-size: 40rpx;}
.size42{font-size: 42rpx;}
.size44{font-size: 44rpx;}
.size46{font-size: 46rpx;}
.size48{font-size: 48rpx;}
.size50{font-size: 50rpx;}
.size52{font-size: 52rpx;}
.size54{font-size: 54rpx;}
.size56{font-size: 56rpx;}
.size58{font-size: 58rpx;}
.size60{font-size: 60rpx;}
.size70{font-size: 70rpx;}
.size80{font-size: 80rpx;}
.size90{font-size: 90rpx;}
.size100{font-size: 100rpx;}
.size110{font-size: 110rpx;}
.size120{font-size: 120rpx;}
.size130{font-size: 130rpx;}
.size140{font-size: 140rpx;}
.size150{font-size: 150rpx;}
.size160{font-size: 160rpx;}
.size170{font-size: 170rpx;}
.size180{font-size: 180rpx;}
.size190{font-size: 190rpx;}
.size200{font-size: 200rpx;}
/************************  background-color ************************/
.back-white{background-color: #ffffff;}
.ba{background-color: #ffffff;}
.ba-success{background-color: #ffd000;}
.ba000{background-color: #000000;}
.baf2{background-color: #f2f2f2;}
.baf0{background-color: #f0ad4e;}
.bafff100{background-color: #fff100;}
.com-primary{background-color: #fff100;}
/************************  font-weight ************************/
.weight100{font-weight: 100;}
.weight200{font-weight: 200;}
.weight300{font-weight: 300;}
.weight400{font-weight: 400;}
.weight500{font-weight: 500;}
.weight600{font-weight: 600;}
.weight700{font-weight: 700;}
.weight800{font-weight: 800;}


/************************  color ************************/
.c000{color: #000000;}
.c111{color: #111111;}
.c222{color: #222222;}
.c333{color: #333333;}
.c3d{color: #3d3d3d;}
.c444{color: #444444;}
.c555{color: #555555;}
.c666{color: #666666;}
.c777{color: #777777;}
.c888{color: #888888;}
.c999{color: #999999;}
.caaa{color: #aaaaaa;}
.cbbb{color: #bbbbbb;}
.cccc{color: #cccccc;}
.cddd{color: #dddddd;}
.ceee{color: #eeeeee;}
.cfff{color: #ffffff;}
.cff9{color: #ff9900;}
.cf29100{color: #f29100;}
.c97{color: #979797;}
.c132{color: #1325D4;}
.c19be6b{color: #19be6b;}
.cfa3534{color: #fa3534;}
.c3c9cff{color: #3c9cff;}
.c2979ff{color: #2979ff;}
.c007aff{color: #007aff;}
.hover-class{opacity: .5;}


/************************  tag ************************/
.tag1{border: 1px #fa3534 solid;color: #fa3534;background-color: #fef0f0;}
.tag2{border: 1px #19be6b solid;color: #19be6b;background-color: #dbf1e1;}
.tag3{border: 1px #ff9900 solid;color: #ff9900;background-color: #fdf6ec;}
.tag4{border: 1px #2979ff solid;color: #2979ff;background-color: #ecf5ff;}

::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
}

.uni-scroll-view::-webkit-scrollbar {
	display: none
}
.fixed-top{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
.fixed-bottom{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
/**** z-index ****/
.z1{
	z-index: 1;
}
.z2{
	z-index: 2;
}
.z99999{
	z-index: 99999;
}



.bor-top{
	box-shadow: 2px 0 10px 0 rgba(0,0,0,.1)
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}

[v-cloak] {
	display: none;
}

.text-center{
	text-align: center;
}
.white7{
	background-color:rgba(0, 0, 0, .7) ;
}
.white{
	background-color:rgba(255, 255, 255, 1) ;
}