xiamen-sb-uniapp/static/common/css/main.css

/*  */
.u-swipe-content{
	background-color: #F4F4F4;
}
.zIndex{z-index: 1000000000;}
.empty{padding: 300rpx 0;}
.w200{ width: 200rpx; }
.left0{left: 0;}
.right0{right: 0;}
.top0{top: 0;}
.bottom0{bottom: 0;}
.p-top8{padding-top: 80rpx;}
.placeholder-class{ color: #e6e6e6; }
.divider{ height: 20rpx;background-color: #f4f4f4; }
.main-color-text{ color: #0082FF; }
.main-color-bg{ background-color: #0082FF; }

.bg-color-white { background-color: #FFFFFF; }
.text-color-white { color: #FFFFFF; }
.text-color-3{color: #333333;}
.text-color-6{color: #666666;}
.text-color-9{color: #999999;}
.text-color-b{color: #BBBBBB;}
.text-center{text-align: center;}
.w75{ width: 600rpx;margin: 0 auto;}

.b-sizing{ box-sizing: border-box; }

.d-block{ display: block; }
.d-inline-block{ display: inline-block; }
.d-none{ display: none; }

.d-flex { display: flex; }
.f-column{ flex-direction: column; }
.f-wrap{ flex-wrap: wrap; }
.j-center { justify-content: center; }
.j-end{justify-content: flex-end;}
.j-around{ justify-content: space-around; }
.j-between{ justify-content: space-between;}
.a-center { align-items: center; }
.a-stretch{ align-items: stretch; }
.flex1{ flex: 1; }
.flex2{ flex: 2; }
.flex3{ flex: 3; }
.flex4{ flex: 4; }
.flex5{ flex: 5; }

.row{ width: 100%; }
.col2{ width: 50%; }
.col3{ width: 33.333%; }
.col4{ width: 25%; }
.col5{ width: 20%; }

.ml-auto{ margin-left: auto; }
.my2{ margin-top: 20rpx; margin-bottom: 20rpx; }
.my3{ margin-top: 30rpx; margin-bottom: 30rpx; }
.mx2{ margin-left: 20rpx; margin-right: 20rpx; }
.mx3{ margin-left: 30rpx; margin-right: 30rpx; }
.m2{ margin: 20rpx; }
.m3{ margin: 30rpx; }
.ml-1 { margin-left: 10rpx; }
.ml-2 { margin-left: 20rpx; }
.ml-3 { margin-left: 30rpx; }
.mt-1 { margin-top: 10rpx; }
.mt-2 { margin-top: 20rpx; }
.mt-3 { margin-top: 30rpx; }
.mr-1 { margin-right: 10rpx; }
.mr-2 { margin-right: 20rpx; }
.mr-3 { margin-right: 30rpx; }
.mb-1 { margin-bottom: 10rpx; }
.mb-2 { margin-bottom: 20rpx; }
.mb-3 { margin-bottom: 30rpx; }
.p2{ padding: 20rpx; }
.p3{ padding: 30rpx; }
.px2{ padding-left: 20rpx; padding-right: 20rpx; }
.px3{ padding-left: 30rpx; padding-right: 30rpx; }
.py2{ padding-top: 20rpx; padding-bottom: 20rpx; }
.py3{ padding-top: 30rpx; padding-bottom: 30rpx; }
.pl-1{ padding-left: 10rpx; }
.pl-2{ padding-left: 20rpx; }
.pl-3{ padding-left: 30rpx; }
.pt-1{ padding-top: 10rpx; }
.pt-2{ padding-top: 20rpx; }
.pt-3{ padding-top: 30rpx; }
.pr-1{ padding-right: 10rpx; }
.pr-2{ padding-right: 20rpx; }
.pr-3{ padding-right: 30rpx; }
.pb-1{ padding-bottom: 10rpx; }
.pb-2{ padding-bottom: 20rpx; }
.pb-3{ padding-bottom: 30rpx; }

.p-relative{ position: relative; }
.p-absolute{ position: absolute; }
.p-fixed{position: fixed; }

.f-size-24 { font-size: 24rpx; }
.f-size-26 { font-size: 26rpx; }
.f-size-28 { font-size: 28rpx; }
.f-size-30 { font-size: 30rpx; }
.f-size-32 { font-size: 32rpx; }
.f-size-36 { font-size: 36rpx; }
.f-size-50 { font-size: 50rpx; }

.f-weight-bold{ font-weight: bold; }
.f-weight-4{ font-weight: 400;}
.f-weight-5{ font-weight: 500;}
.f-weight-6{ font-weight: 600;}
.f-weight-7{ font-weight: 700;}
.f-style-italic{ font-style: italic; }

.border1{ border: 1rpx solid #f4f4f4; }
.border-top{ border-top: 1rpx solid #f4f4f4; }
.border-bottom{ border-bottom: 1rpx solid #f4f4f4; }
.border-left{ border-left: 1rpx solid #f4f4f4; }
.border-right{border-right: 1rpx solid #f4f4f4; }
.border-radius{ border-radius: 50%; }

.one-ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.two-ellipsis{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.main-bg-future {
    height: 100rpx;
    margin: 0 -30rpx;
}
.form-view {
    margin-top: -50rpx;
    border-radius: 20rpx;
}

.text-color-y{color: #FFA200;}