.w-100 {
    width: 100%;
}
.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}
.w-75 {
    width: 75%;
}
.w-70 {
    width: 70%;
}
.w-60 {
    width: 60%;
}
.w-50 {
    width: 50%;
}
.w-40 {
    width: 40%;
}
.w-30 {
    width: 30%;
}
.w-25 {
    width: 25%;
}
.w-20 {
    width: 20%;
}
.w-10 {
    width: 10%;
}
.h-100 {
    height: 100%;
}
.h-90 {
    height: 90%;
}
.h-80 {
    height: 80%;
}
.h-70 {
    height: 70%;
}
.h-60 {
    height: 60%;
}
.h-50 {
    height: 50%;
}
.h-40 {
    height: 40%;
}
.h-30 {
    height: 30%;
}
.h-20 {
    height: 20%;
}
.h-10 {
    height: 10%;
}
.flex {
	display: flex;
}
.flex-column {
	flex-direction: column;
}
.flex-row {
	flex-direction: row;
}
.flex-wrap {
	flex-wrap: wrap;
}
.align-center {
	align-items: center;
}
.align-around {
	align-content: space-around;
}
.align-between {
	align-content: space-between;
}
.align-start {
	align-items: flex-start
}
.align-end {
	align-items: flex-end
}
.align-baseline{
	align-items: baseline
}
.justify-end {
	justify-content: flex-end;
}
.justify-start {
	justify-content: flex-start;
}
.justify-center {
	justify-content: center;
}
.justify-around {
	justify-content: space-around;
}
.justify-between {
	justify-content: space-between;
}
.rds-5 {
	border-radius: 5px;
}
.rds-8 {
	border-radius: 8px;
}
.rds-10 {
	border-radius: 10px;
}
.rds-15 {
	border-radius: 15px;
}
.rds-20 {
	border-radius: 20px;
}
.rds-30 {
	border-radius: 30px;
}
.rds-40 {
	border-radius: 40px;
}
.m-auto {
	margin: auto;
}
.mx-auto {
	margin: 0 auto;
}
.my-auto {
	margin: auto 0;
}
.m0 {
	margin: 0;
}
.m5 {
	margin: 5px;
}
.m10 {
	margin: 10px;
}
.m15 {
	margin: 15px;
}
.m20 {
	margin: 20px;
}
.m25 {
	margin: 25px;
}
.m30 {
	margin: 30px;
}
.m35 {
	margin: 35px;
}
.m40 {
	margin: 40px;
}
.m50 {
	margin: 50px;
}
.mx5 {
	margin-left: 5px;
	margin-right: 5px;
}
.mx10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mx15 {
	margin-left: 15px;
	margin-right: 15px;
}
.mx20 {
	margin-left: 20px;
	margin-right: 20px;
}
.mx25 {
	margin-left: 25px;
	margin-right: 25px;
}
.mx30 {
	margin-left: 30px;
	margin-right: 30px;
}
.mx35 {
	margin-left: 35px;
	margin-right: 35px;
}
.mx40 {
	margin-left: 40px;
	margin-right: 40px;
}
.mx50 {
	margin-left: 50px;
	margin-right: 50px;
}
.my5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.my10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.my15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.my20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.my25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.my30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.my35 {
	margin-top: 35px;
	margin-bottom: 35px;
}
.my40 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.my50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.ml35 {
	margin-left: 35px;
}
.ml40 {
	margin-left: 40px;
}
.ml50 {
	margin-left: 50px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.mr35 {
	margin-right: 35px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.p-auto {
	padding: auto;
}
.px-auto {
	padding: 0 auto;
}
.py-auto {
	padding: auto 0;
}
.p0 {
	padding: 0;
}
.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;
}
.px5 {
	padding-left: 5px;
	padding-right: 5px;
}
.px10 {
	padding-left: 10px;
	padding-right: 10px;
}
.px15 {
	padding-left: 15px;
	padding-right: 15px;
}
.px20 {
	padding-left: 20px;
	padding-right: 20px;
}
.px25 {
	padding-left: 25px;
	padding-right: 25px;
}
.px30 {
	padding-left: 30px;
	padding-right: 30px;
}
.px35 {
	padding-left: 35px;
	padding-right: 35px;
}
.px40 {
	padding-left: 40px;
	padding-right: 40px;
}
.px50 {
	padding-left: 50px;
	padding-right: 50px;
}
.py5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.py10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.py15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.py20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.py25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.py30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.py35 {
	padding-top: 35px;
	padding-bottom: 35px;
}
.py40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.py50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.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;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb35 {
	padding-bottom: 35px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl25 {
	padding-left: 25px;
}
.pl30 {
	padding-left: 30px;
}
.pl35 {
	padding-left: 35px;
}
.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;
}
.pr35 {
	padding-right: 35px;
}
.pr40 {
	padding-right: 40px;
}
.pr50 {
	padding-right: 50px;
}
.font-12 {
	font-size: 12px;
}
.font-13 {
	font-size: 13px;
}
.font-14 {
	font-size: 14px;
}
.font-15 {
	font-size: 15px;
}
.font-16 {
	font-size: 16px;
}
.font-17 {
	font-size: 17px;
}
.font-18 {
	font-size: 18px;
}
.font-19 {
	font-size: 19px;
}
.font-20 {
	font-size: 20px;
}
.font-22 {
	font-size: 22px;
}
.font-24 {
	font-size: 24px;
}
.font-26 {
	font-size: 26px;
}
.font-28 {
	font-size: 28px;
}
.font-30 {
	font-size: 30px;
}
.text-bold {
	font-weight: bold;
}
.text-normal {
	font-weight: normal;
}
.text-center {
	text-align: center!important;
}
.text-left {
	text-align: left!important;
}
.text-right {
	text-align: right!important;
}

.leading-1 {
    line-height: 1!important;
}
.leading-2 {
    line-height: 2!important;
}
.leading-16 {
    line-height: 16px;
}
.leading-18 {
    line-height: 18px;
}
.leading-19 {
    line-height: 19px;
}
.leading-24 {
    line-height: 24px;
}
.pointer {
	cursor: pointer;
}

/* 缩放过渡动画
------------------------------- */
@keyframes scale {
	0% {
		transform: scale(0);
	}
	80% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

/* 淡入淡出过渡动画
------------------------------- */
@keyframes opacity {
	0% {
		transform: translateY(60px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes Popover-opacity {
	0% {
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fluctuation {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(10px);
	}
}