pet-front/style/common.scss

// 字体对齐方式
.text-c {
  text-align: center;
}
.text-r {
  text-align: right;
}
.text-l {
  text-align: left;
}

.w-100 {
	width: 100%;
}
.w100 {
	width: 100vw;
}
.h-100 {
	height: 100%;
}
.h100 {
	height: 100vh;
}

.fw700 {
	font-weight: 700;
}

.color-a55 {
	color:#A55822;
}
.color-999 {
	color: #999;
}
.color-bc7 {
	color: #BC796C;
}

.bg-bc7 {
	background-color: #BC796C;
}
.color-aea {
	color:#AEA8A8;
}

// 宽高
.w100 {
	width: 100vw;
}
.w-100 {
	width: 100%;
}
.h100 {
	height: 100vh;
}
.h-100 {
	height: 100%;
}
// 字大小
.size-22 {
	font-size: 22rpx;
}
.size-24 {
	font-size: 24rpx;
}
.size-26 {
	font-size: 26rpx;
}
.size-28 {
	font-size: 28rpx;
}
.size-30 {
	font-size: 30rpx;
}
.size-32 {
	font-size: 32rpx;
}
.size-34 {
	font-size: 34rpx;
}
.size-36 {
	font-size: 36rpx;
}

// 颜色
.color-fff {
	color: #fff;
}
.color-6a6 {
	color: #6A6A6A;
}
.color-ccc {
	color: #ccc;
}
.color-777 {
	color: #777;
}
.color-888 {
	color: #888;
}
.color-999 {
	color: #999;
}
.color-ada {
	color: #ADADAD;
}
.color-646 {
	color: #646464;
}
.color-beb {
	color: #BEBEBE;
}
.color-878 {
	color: #878787;
}
.color-f69 {
	color: #F69125;
}
.color-234 {
	color: #23449B;
}
.color-101 {
	color: #101010;
}
.color-ff2 {
	color: #FF2742;
}
.color-151 {
	color: #151C31;
}
.color-040 {
	color: #040404;
}
.color-1d2 {
	color: #1D2541;
}
.color-54b {
	color: #54BDD8;
}
.color-ffb {
	color: #FFBF60;
}
// 背景颜色
.bg-fff {
	background-color: #fff;
}
// 字重
.fw700 {
	font-weight: 700;
}
.fw400 {
	font-weight: 400;
}
// 定位
.po-a {
	position: absolute;
}
.po-r {
	position: relative;
}
.fixed {
	position: fixed;
}
// margin
.ml10 {
	margin-left: 10rpx;
}
.ml16 {
	margin-left: 16rpx;
}
.ml20 {
	margin-left: 20rpx;
}
.ml28 {
	margin-left: 28rpx;
}
.ml30{
	margin-left: 30rpx;
}
.mt22 {
	margin-top: 22rpx;
}
.mt24 {
	margin-top: 24rpx;
}

.mt48 {
	margin-top: 48rpx;
}

.mt10 {
	margin-top: 10rpx;
}
.mt16 {
	margin-top: 16rpx;
}
.mt20 {
	margin-top: 20rpx;
}
.mt32 {
	margin-top: 32rpx;
}
.mt40 {
	margin-top: 40rpx;
}
.mt60 {
	margin-top: 60rpx;
}
.mr10 {
	margin-right: 10rpx;
}
.mr16 {
	margin-right: 16rpx;
}
.mr20 {
	margin-right: 20rpx;
}
.mr24 {
	margin-right: 24rpx;
}
.mr28 {
	margin-right: 28rpx;
}
.mr32 {
	margin-right: 32rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}
.mb20 {
	margin-bottom: 20rpx;
}
.mb24 {
	margin-bottom: 24rpx;
}
.mb28{
	margin-bottom: 28rpx;
}
.mb32 {
	margin-bottom: 32rpx;
}
.pl10 {
	padding-left: 10rpx;
}
.pt10 {
	padding-top: 10rpx;
}
.pr10 {
	padding-right: 10rpx;
}
.pr20 {
	padding-right: 20rpx;
}
.pb10 {
	padding-bottom: 10rpx;
}
.pb28 {
	padding-bottom: 28rpx;
}
.wrap {
	flex-wrap: wrap;
}

// 文字对齐
.t-c {
	text-align: center;
}
.t-r {
	text-align: right;
}

.label {
	padding: 4px 12px;
    font-size: 26rpx;
	font-weight: 700;
}

// 特殊颜色
.red {
		background-color: #FFE9EC;
		color: #FF2742;
	}

.orange {
		background-color: #FFF3E7;
		color: #F69125;
	}

.green {
		background-color: #18B8A9;
		color: #E7F7F6;
	}

.blue {
		background-color: #E9ECF5;
		color: #23449B;
	}

.del {
		background-color: #eee;
		color: #AEBBC6;
	}
	
.footer {
	position: fixed;
	width: 600rpx;
	height: 94rpx;
	background-color: #FFBF60;
	border-radius: 94rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-size: 30rpx;
	bottom: 32rpx;
	left: 75rpx;
}
.footer-box {
	width: 750rpx;
	background-color: #fff;
	height: 140rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	.btn {
		width: 600rpx;
		height: 96rpx;
		border-radius: 96rpx;
		background-color: #FFBF60;
		color: #fff;
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}