Smart-Farm/uniapp/uni-app/styles/pages.scss

.common-top-img {
	height: 104px;
}

.common-top-info {
	height: 38px;

	.top-box {
		bottom: 0;
		width: 100%;
	}
}

.common-nav-title {
	height: 80rpx;

	.iconfont {
		font-size: 24rpx;
	}

	.icon-right {
		font-size: 28rpx;
	}
}

.common-line {
	width: 8rpx;
	height: 30rpx;
	border-radius: 8rpx;
	margin-right: 15rpx;
}

.common-btn {
	min-width: 150rpx;
	height: 56rpx;
	padding: 0 24rpx;
}

.common-btn.disabled {
	background: #EEEEEE;
}

.common-mini-btn {
	width: 100rpx;
	height: 44rpx;
}

.common-bg {
	width: 100%;
	height: 338rpx;
	top: 0;
	left: 0;
	z-index: -1;
}

.common-bg.breed {
	height: 280rpx;
}

.common-bg.mine {
	height: 416rpx;
}

.common-bg.home {
	height: 720rpx;
}

.common-bg.sign {
	height: 532rpx;
}

.common-bg.nav {
	height: 128rpx;
}

.common-bg.collage {
	height: 480rpx;
	top: 128rpx
}

.space-common-bg {
	height: 61rpx;
}

/* 海报 */
.hideCanvasView {
	position: relative;

	.hideCanvas {
		position: absolute;
		left: -9999rpx;
		top: -9999rpx
	}
}

/* 星级 */
.star-fill-info {
	width: 6rem;
	height: 1rem;

	.star {
		top: 0;
		left: -5rpx;
	}

	.star-fill {
		width: 6rem;
		top: 0;
		left: -5rpx;
		height: 1rem;
		overflow: hidden;
	}

	.flex-warp {
		width: 6rem;

		.item-star {
			width: 0.8rem;
			height: 0.8rem;
			margin: 0.1rem 0.2rem;

			.iconfont {
				/* font-size: 0.8rem; */
			}
		}
	}

	.icon-star-bold-fill {
		color: #eee;
	}

}


/* 评价图片 */
.eva-img {
	width: 206rpx;
	height: 206rpx;
	overflow: hidden;

	.more {
		right: 0;
		bottom: 0;
		padding: 5rpx 10rpx;
		background: rgba(0, 0, 0, 0.5);
	}
}

.eva-img.sm {
	width: 180rpx;
	height: 180rpx;
}

.eva-img:nth-child(3n-1) {
	margin: 0 20rpx;
}

/* 加减按钮 */
.add-remove-item {
	.iconfont {
		font-size: 50rpx;
	}

	.number {
		min-width: 80rpx;
	}
}

/* 限时直降 */
.reduce-info {
	top: 0;
	left: 0;
	min-width: 228rpx;
	height: 50rpx;
	border-radius: 4rpx;
	padding-left: 120rpx;

	.reduce-tag {
		top: 0;
		left: 0;
		width: 120rpx;
		height: 50rpx;
		background: #FFFB00;
		background: linear-gradient(-70deg, transparent 20rpx, #FFFB00 0);
	}
}

/* 订单相关页面 */
.order-item {
	.text-item {
		width: 180rpx;
	}

	.add-remove-item {
		.number-text {
			min-width: 60rpx;
			padding: 0 15rpx;
		}

		.iconfont {
			font-size: 50rpx;
		}
	}
}


.order-status-info {
	.status-item {
		width: 25%;
		z-index: 1;

		.status-img {
			width: 72rpx;
			height: 72rpx;
		}
	}

	.status-line {
		top: 66rpx;
		left: 68rpx;
		width: 554rpx;
		height: 1rpx;
		background: #CCCCCC;
	}
}

.order-text-info {
	.text {
		min-width: 173rpx;
	}

	.mini-text {
		width: 150rpx;
	}
}

.copy-btn {
	width: 80rpx;
	height: 38rpx;
	font-size: 22rpx;
	border-radius: 10rpx;
	margin-left: 10rpx;
}

.copy-btn.sm {
	width: 68rpx;
	height: 36rpx;
	font-size: 20rpx;
	border-radius: 18rpx;
}


/* 退款图片 */

.refund-img {
	width: 203rpx;
	height: 203rpx;
}

.refund-img:nth-child(3n) {
	margin-right: 0
}

/* 申请表单相关页面 */
.icon-required {
	font-size: 14rpx;
}

.apply-pages {
	.icon-right {
		color: #C4C4C6;
	}

	.item-text {
		width: 180rpx;
		height: 30rpx;
		line-height: 30rpx;
		font-size: 30rpx;
		color: #1F1F1F;
		font-weight: bold;
	}

	.item-input {
		min-height: 30rpx;
		line-height: 30rpx;
		padding: 25rpx 0;
		font-size: 26rpx;
		color: #333;
	}

	.item-input.text {
		padding: 30rpx 0;
	}

	.item-textarea {
		width: 690rpx;
		height: 300rpx;
		font-size: 26rpx;
		color: #333;
		overflow-y: auto;
	}

	.item-textarea.mini {
		height: 200rpx;
	}

	.icon-switch,
	.icon-switch-on {
		font-size: 90rpx;
		line-height: 46rpx;
	}


	.icon-jian-fill {
		font-size: 40rpx;
	}

	.add-spec-btn {
		width: 182rpx;
		height: 74rpx;
		background: #fff;
		transform: rotateZ(360deg);

		.iconfont {
			font-size: 26rpx;
		}
	}
}


/* 储值明细记录 */
.stored-record-pages {
	.list-time {
		z-index: 99999;

		.item-child {
			width: 50%;
			height: 95rpx;

			.iconfont {
				font-size: 28rpx;
			}
		}
	}
}

/* 地址信息 */
.address-info {
	.address-icon {
		width: 64rpx;
		height: 64rpx;

		.iconfont {
			font-size: 38rpx;
		}
	}

	.username {
		font-size: 30rpx;
	}
}

/* 轮播图 */
.banner-info {
	position: relative;

	.banner-swiper {
		width: 750rpx;
		height: 750rpx;

		.img-bg {
			top: 0rpx;
			font-size: 80rpx;
			background: rgba(0, 0, 0, 0.2)
		}
	}

	.banner-img {
		width: 100%;
		height: 100%;
	}

	.banner-taglist {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 32rpx;
		width: 100%;
	}

	.banner-tagitem {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 90rpx;
		height: 50rpx;
		background: rgba(255, 255, 255, 0.8);
		color: #2b2b2b;
		font-size: 22rpx;
		margin-left: 1rpx;
	}

	.banner-tagitem:nth-child(1) {
		margin-left: 0;
	}

	.banner-tagitem_count {
		background: rgba(0, 0, 0, 0.5);
		color: #fff;
		position: absolute;
		bottom: 32rpx;
		right: 32rpx;
		z-index: 10;
		font-size: 26rpx;
		border-radius: 25rpx;
	}

	.banner-tagitem_active {
		/* background: rgba(255, 255, 255, 0.6); */
		color: #fff;
		background: #19c865;
	}

	.radius-left {
		border-radius: 10rpx 0 0 10rpx;
	}

	.radius-right {
		border-radius: 0 10rpx 10rpx 0;
	}
}