.u-relative,
.u-rela {
	position: relative;
}

.u-absolute,
.u-abso {
	position: absolute;
}

.u-font-xs {
	font-size: 22px;
}

.u-font-sm {
	font-size: 26px;
}

.u-font-md {
	font-size: 28px;
}

.u-font-lg {
	font-size: 30px;
}

.u-font-xl {
	font-size: 34px;
}
.u-padding-10{
	padding: 10px;
}
.u-padding-15{
	padding: 15px;
}
.u-padding-20{
	padding: 20px;
}
.u-yinyin{
	box-shadow: 0px 10px 20px 0px rgba(20, 20, 20, 0.06);
}
.u-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.u-flex-1{
	display: flex;
	flex: 1;
}
.u-flex-wrap {
	flex-wrap: wrap;
}

.u-flex-nowrap {
	flex-wrap: nowrap;
}

.u-col-center {
	align-items: center;
}

.u-col-top {
	align-items: flex-start;
}

.u-col-bottom {
	align-items: flex-end;
}

.u-row-center {
	justify-content: center;
}

.u-row-left {
	justify-content: flex-start;
}

.u-row-right {
	justify-content: flex-end;
}

.u-row-between {
	justify-content: space-between;
}

.u-row-around {
	justify-content: space-around;
}

.u-text-left {
	text-align: left;
}

.u-text-center {
	text-align: center;
}

.u-text-right {
	text-align: right;
}

.u-flex-col {
	display: flex;
	flex-direction: column;
}

.u-font-bold{
	font-weight: bold;
}
.u-radius{
	border-radius: 50%;
}
.u-bg-white{
	background-color: #FFFFFF;
}
.u-color-white{
	color: #FFFFFF;
}
.u-color-balck{
	color: #000000;
}
.u-color-balck3{
	color: #333333;
}
.u-color-balck6{
	color: #666666;
}
.u-color-balck9{
	color: #999999;
}
.u-font-10{
    font-size: 10px;
}
.u-font-12{
	
    font-size: 12px;
}
.u-font-13{
    font-size: 13px;
}
.u-font-14{
    font-size: 14px;
}
.u-font-16{
    font-size: 16px;
}
.u-font-18{
    font-size: 18px;
}
.u-font-20{
    font-size: 20px;
}
.u-font-22{
    font-size: 22px;
}
.u-font-24{
    font-size: 24px;
}
.u-font-26{
    font-size: 26px;
}
.u-font-28{
    font-size: 28px;
}
.u-font-32{
    font-size: 32px;
}
.u-font-36{
    font-size: 36px;
}
.u-font-38{
    font-size: 38px;
}
.u-font-40{
    font-size: 40px;
}
.u-font-42{
    font-size: 42px;
}
.u-font-44{
    font-size: 44px;
}
.u-font-48{
    font-size: 48px;
}
.u-font-dan-sheng{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.u-font-duo-sheng{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.u-margin-left-1{
	margin-left: 1px;
}
.u-margin-left-2{
	margin-left: 2px;
}
.u-margin-left-5{
    margin-left: 5px;
}
.u-margin-left-8{
    margin-left: 8px;
}
.u-margin-left-10{
    margin-left: 10px;
}
.u-margin-left-15{
    margin-left: 15px;
}
.u-margin-left-20{
    margin-left: 20px;
}
.u-margin-left-30{
    margin-left: 30px;
}
.u-margin-left-40{
	margin-left: 40px;
}
.u-margin-right-10{
	margin-right: 10px;
}
.u-margin-right-14{
	margin-right: 14px;
}
.u-margin-right-15{
	margin-right: 15px;
}
.u-margin-right-20{
	margin-right: 20px;
}
.u-margin-top-1{
	margin-top: 1px;
}
.u-margin-top-2{
	margin-top: 2px;
}
.u-margin-top-5{
    margin-top: 5px;
}
.u-margin-top-8{
	margin-top: 8px;
}
.u-margin-top-10{
    margin-top: 10px;
}
.u-margin-top-15{
    margin-top: 15px;
}
.u-margin-top-20{
    margin-top: 20px;
}
.u-margin-top-30{
    margin-top:30px;
}
.u-margin-bottom-5{
	margin-bottom: 5px;
}
.u-margin-bottom-10{
	margin-bottom: 10px;
}
.u-margin-bottom-20{
	margin-bottom: 20px;
}
.opac-9{
	opacity: 0.9;
}
.opac-7{
	opacity: 0.7;
}
.opac-5{
	opacity: 0.5;
}
.opac-3{
	opacity: 0.3;
}
.border-bootom-1{
	border-bottom: 1px solid #F6F6F6;
}