.flex {
	display: flex;
}
.flex1{
	flex: 1;
}
.flex-jsb {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-y-jsb{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.flex-y {
	display: flex;
	align-items: center;
}

.flex-x-end {
	display: flex;
	justify-content: flex-end;
}

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

.flex-center-x {
	display: flex;
	justify-content: center;
}

.flex-center-y {
	display: flex;
	align-items: center;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.bg-fff {
	background-color: #FFFFFF;
}

.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.f8{
	font-size: 8px;
}
.f10{
	font-size: 10px;
}
.f11{
	font-size: 11px;
}
.f12{
	font-size: 12px;
}
.f13{
	font-size: 13px;
}
.f14{
	font-size: 14px;
}
.f16{
	font-size: 16px;
}
.f18{
	font-size: 18px;
}
.f20{
	font-size: 20px;
}

.c-000 {
	color: #000;
}

.c-111 {
	color: #111;
}

.c-222 {
	color: #222;
}

.c-333 {
	color: #333;
}

.c-444 {
	color: #444;
}

.c-555 {
	color: #555;
}

.c-666 {
	color: #666;
}

.c-777 {
	color: #777;
}

.c-888 {
	color: #888;
}

.c-999 {
	color: #999;
}

.c-aaa {
	color: #aaa;
}

.c-bbb {
	color: #bbb;
}

.c-ccc {
	color: #ccc;
}

.c-ddd {
	color: #ddd;
}

.c-eee {
	color: #eee;
}

.c-fff {
	color: #fff;
}

.c-f5 {
	color: #f5f5f5;
}

.c-topColor{
	color: #7acb6d;
}

.c-topColor-weak{
	color: #97cb8f;
}

.bg-topColor{
	background-color: #2f72f7;
}

.bg-topColor-weak{
	background-color: #669aff;
}

.c-topic{
	color: #7acb6d;
}

.bg-topic{
	background-color: #7acb6d;
}

.c-blue {
	color: #007AFF;
}

.c-gree {
	color: #00ff00;
}

.c-red {
	color: #ff0000;
}

.c_green {
	color: #7acb6e;
}

.c-gray {
	color: #bbbbbb;
}

.f_weight {
	font-weight: bold;
}

.f_500 {
	font-weight: 500;
}

.f_600 {
	font-weight: 600;
}

.text_through {
	text-decoration: line-through
}

.tc {
	text-align: center;
}

.old_price {
	text-decoration: line-through;
	color: #999999;
}

.new_price {
	color: #ff4242;
}