.ellipsis1 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis3 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.border_zero {
	border: 0;
}

.flex {
	display: flex;
}

.flex1 {
	flex: 1;
}

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

.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;
}

.m5 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.m15 {
	margin: 15px !important;
}

.m20 {
	margin: 20px !important;
}

.m25 {
	margin: 25px !important;
}

.m30 {
	margin: 30px !important;
}

.m35 {
	margin: 35px !important;
}

.m40 {
	margin: 40px !important;
}

.m45 {
	margin: 45px !important;
}

.m50 {
	margin: 50px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.mt150 {
	margin-top: 150px !important;
}

.mt200 {
	margin-top: 200px !important;
}

.mt250 {
	margin-top: 250px !important;
}

.mt300 {
	margin-top: 300px !important;
}

.mt330 {
	margin-top: 330px !important;
}

.mt350 {
	margin-top: 350px !important;
}

.mt400 {
	margin-top: 400px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml75 {
	margin-left: 75px !important;
}

.ml100 {
	margin-left: 100px !important;
}

.ml150 {
	margin-left: 150px !important;
}

.ml200 {
	margin-left: 200px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}




.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.p25 {
	padding: 25px;
}

.p30 {
	padding: 30px;
}

.p35 {
	padding: 35px;
}

.p40 {
	padding: 40px;
}

.p50 {
	padding: 50px;
}

.p100 {
	padding: 100px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

.pt100 {
	padding-top: 100px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb60 {
	padding-bottom: 60px;
}

.pb70 {
	padding-bottom: 70px;
}

.pb80 {
	padding-bottom: 80px;
}

.pb90 {
	padding-bottom: 90px;
}

.pb100 {
	padding-bottom: 100px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pl30 {
	padding-left: 30px;
}

.pl40 {
	padding-left: 40px;
}

.pl50 {
	padding-left: 50px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.pr40 {
	padding-right: 40px;
}

.pr50 {
	padding-right: 50px;
}

.f10 {
	font-size: 10px !important;
}

.f11 {
	font-size: 11px !important;
}

.f12 {
	font-size: 12px !important;
}

.f13 {
	font-size: 13px !important;
}

.f14 {
	font-size: 14px !important;
}

.f15 {
	font-size: 15px !important;
}

.f16 {
	font-size: 16px !important;
}

.f17 {
	font-size: 17px !important;
}

.f18 {
	font-size: 18px !important;
}

.f19 {
	font-size: 19px !important;
}

.f20 {
	font-size: 20px !important;
}

.f21 {
	font-size: 21px !important;
}

.f22 {
	font-size: 22px !important;
}

.f23 {
	font-size: 23px !important;
}

.f24 {
	font-size: 24px !important;
}

.f25 {
	font-size: 25px !important;
}

.f26 {
	font-size: 26px !important;
}

.f27 {
	font-size: 27px !important;
}

.f28 {
	font-size: 28px !important;
}

.f29 {
	font-size: 29px !important;
}

.f30 {
	font-size: 30px !important;
}

.f31 {
	font-size: 31px !important;
}

.f32 {
	font-size: 32px !important;
}



.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: #2f72f7;
}

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

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

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

.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 !important;
}

.f_600 {
	font-weight: 600 !important;
}

.text_through {
	text-decoration: line-through
}

.tc {
	text-align: center;
}

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

.new_price {
	color: #ff4242;
}

.constraint_line {
	/* width: 100%; */
	display: inline-block;
	white-space: pre-wrap;
	word-wrap: break-word;
	height: auto;
}

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