page {
	background-color: #f3f4f6;
}

/*背景颜色*/
.hm-bg{
	background-color: #f3f4f6;
}
.hm-bg-f {
	background-color: #ffffff;
}
.hm-bg-primary {
	background-color: #2979ff;
}
.hm-bg-error {
	background-color: #fa3534;
}
.hm-bg-warning {
	background-color: #ff9900;
}
.hm-bg-success {
	background-color: #19be6b;
}
.hm-bg-info {
	background-color: #909399;
}
.hm-bg-main {
	background-color: #303133;
}
.hm-bg-content {
	background-color: #606266;
}
.hm-bg-tips {
	background-color: #909193;
}
.hm-bg-light {
	background-color: #c0c4cc;
}
.hm-bg-main-yellow {
	background-color: #f9ae3d;
}
.hm-bg-content-yellow {
	background-color: #f1a532;
}
.hm-bg-tips-yellow {
	background-color: #f9d39b;
}
.hm-bg-light-yellow {
	background-color: #fdf6ec;
}

/*文字颜色*/
.hm-col-f {
	color: #FFF;
}
.hm-col-0 {
	color: #000;
}
.hm-col-b {
	color: #bbb;
}
.hm-col-main {
	color: #303133;
}
.hm-col-content {
	color: #606266;
}
.hm-col-tips {
	color: #909193;
}
.hm-col-light {
	color: #c0c4cc;
}
.hm-col-primary {
	color: #2979ff;
}
.hm-col-primary-dark {
	color: #2b85e4;
}
.hm-col-primary-disabled {
	color: #a0cfff;
}
.hm-col-primary-light {
	color: #ecf5ff;
}
.hm-col-error {
	color: #fa3534;
}
.hm-col-error-dark {
	color: #dd6161;
}
.hm-col-error-disabled {
	color: #fab6b6;
}
.hm-col-error-light {
	color: #fef0f0;
}
.hm-col-warning {
	color: #ff9900;
}
.hm-col-warning-dark {
	color: #f29100;
}
.hm-col-warning-disabled {
	color: #fcbd71;
}
.hm-col-warning-light {
	color: #fdf6ec;
}
.hm-col-success {
	color: #19be6b;
}
.hm-col-success-dark {
	color: #18b566;
}
.hm-col-success-disabled {
	color: #71d5a1;
}
.hm-col-success-light {
	color: #dbf1e1;
}
.hm-col-info {
	color: #909399;
}
.hm-col-info-dark {
	color: #82848a;
}
.hm-col-info-disabled {
	color: #c8c9cc;
}
.hm-col-info-light {
	color: #f4f4f5;
}

/*边框颜色*/


.hm-p-10{
	padding: 10rpx;
}
.hm-p-20{
	padding: 20rpx;
}
.hm-p-50{
	padding: 50rpx;
}
.hm-p-t-5{
	padding-top: 5rpx;
}
.hm-p-t-10{
	padding-top: 10rpx;
}
.hm-p-t-20{
	padding-top: 20rpx;
}
.hm-p-t-50{
	padding-top: 50rpx;
}
.hm-p-r-10{
	padding-right: 10rpx;
}
.hm-p-r-20{
	padding-right: 20rpx;
}
.hm-p-b-10{
	padding-bottom: 10rpx;
}
.hm-p-b-20{
	padding-bottom: 20rpx;
}
.hm-p-l-10{
	padding-left: 10rpx;
}
.hm-p-l-20{
	padding-left: 20rpx;
}
.hm-p-lr-20{
	padding: 0rpx 20rpx;
}
.hm-p-lr-b25 {
	padding: 0 25%;
}
.hm-p-b-100 {
	padding-bottom: 100rpx;
}
.hm-p-tb-5 {
	padding: 5rpx 0rpx;
}
.hm-p-tb-10 {
	padding: 10rpx 0rpx;
}
.hm-p-tb-20 {
	padding: 20rpx 0rpx;
}
.hm-p-tb-50 {
	padding: 50rpx 0rpx;
}
.hm-m-10{
	margin: 10rpx;
}
.hm-m-20{
	margin: 20rpx;
}
.hm-m-t-5{
	margin-top: 5rpx;
}
.hm-m-t-10{
	margin-top: 10rpx;
}
.hm-m-t-15{
	margin-top: 15rpx;
}
.hm-m-t-20{
	margin-top: 20rpx;
}
.hm-m-t-50{
	margin-top: 50rpx;
}
.hm-m-r-10{
	margin-right: 10rpx;
}
.hm-m-r-20{
	margin-right: 20rpx;
}
.hm-m-r-50 {
	margin-right: 50rpx;
}
.hm-m-r-70 {
	margin-right: 70rpx;
}
.hm-m-b-10{
	margin-bottom: 10rpx;
}
.hm-m-b-20{
	margin-bottom: 20rpx;
}
.hm-m-l-5{
	margin-left: 5rpx;
}
.hm-m-l-10{
	margin-left: 10rpx;
}
.hm-m-l-15{
	margin-left: 15rpx;
}
.hm-m-l-20{
	margin-left: 20rpx;
}
.hm-m-l-30{
	margin-left: 30rpx;
}
.hm-m-l-50{
	margin-left: 50rpx;
}
.hm-w-h{
	height: 100%;
	width: 100%;
}
.hm-w-200{
	width: 200rpx;
}
.hm-w-b16 {
	width: 16.6%;
}
.hm-w-b33 {
	width: 33.3%;
}
.hm-w-b100{
	width: 100%;
}
.hm-h-100{
	height: 100rpx;
}
/*浮动 */
.hm-cf::after,
.hm-cf::before {
	content: " ";
	display: table;
}

.hm-cf::after {
	clear: both;
}

.hm-fl {
	float: left;
}

.hm-fr {
	float: right;
}

/*文本*/
.hm-text-center{
	text-align: center;
}
.hm-text-right{
	text-align: right;
}
.hm-font-zhx {
	text-decoration: line-through;
	/* 中划线 */
}
.hm-line-1 {
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	white-space: normal;
}
.hm-font-b {
	font-weight: bold;
}

.hm-font-22 {
	font-size: 22rpx;
}

.hm-font-24 {
	font-size: 24rpx;
}

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

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

.hm-font-30 {
	font-size: 30rpx;
}
.hm-font-32 {
	font-size: 32rpx;
}
.hm-font-100{
	font-size: 100rpx;
}
/*圆角*/
.hm-br-6 {
	border-radius: 6rpx;
}

.hm-br-8 {
	border-radius: 8rpx;
}

.hm-br-10 {
	border-radius: 10rpx;
}

.hm-br-12 {
	border-radius: 12rpx;
}
.hm-br-b50 {
	border-radius: 50%;
}
/*边框*/
.hm-border {
	border: 1rpx solid #f3f4f6;
}

.hm-border-t {
	border-top: 1rpx solid #f3f4f6;
}

.hm-border-r {
	border-right: 1rpx solid #f3f4f6;
}

.hm-border-b {
	border-bottom: 1rpx solid #f3f4f6;
}

.hm-border-l {
	border-left: 1rpx solid #f3f4f6;
}
/*布局*/
.hm-dis-block-inline {
	display: inline-block;
}

.hm-dis-block {
	display: block;
}
/* 顶部线 */
.hm-header-xian {
	border-top: 1rpx solid #f3f4f6;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
/* 固定在底部 */
.hm-footer-fixed {
	position: fixed;
	display: flex;
	bottom: 0rpx;
	left: 0rpx;
	right: 0rpx;
	height: 100rpx;
	line-height: 100rpx;
	z-index: 9999;
}
.hm-footer-fixed-h5 {
	position: fixed;
	display: flex;
	bottom: 92rpx;
	left: 0rpx;
	right: 0rpx;
	height: 100rpx;
	line-height: 100rpx;
	z-index: 9999;
}
.hm-wrap {
	display: flex;
	flex-direction: column;
	height: calc(100vh);
	/* #ifdef H5 */
	height: calc(100vh - var(--window-top));
	/* #endif */
	width: 100%;
}

/*弹出层*/
.hm-popup {
	width: 600rpx;
	padding: 20rpx;
}
/* 无样式button (用于伪submit) */
.hm-btn-normal {
	display: block;
	margin: 0;
	padding: 0;
	line-height: normal;
	background: none;
	border-radius: 0;
	box-shadow: none;
	border: none;
	font-size: unset;
	text-align: unset;
	overflow: visible;
}
.hm-btn-normal:after {
	border: none;
}
.hm-btn-normal.button-hover {
	color: inherit;
}
/* 技术支持 */
.hm {
	text-align: center;
	padding: 20rpx 0rpx;
	font-size: 24rpx;
	color: #ccc;
}
.hm .text{
	font-size: 28rpx;
	padding-top: 20rpx;
}
.hm .v {
	margin-left: 10rpx;
}

/* 多规格数量步进器 */
.selectNumber {
	margin-top: 20rpx;
	height: 60rpx;
	display: inline-block;
}
.selectNumber .default {
	width: 60rpx;
	height: 60rpx;
	border: 1rpx solid #eee;
	text-align: center;
	line-height: 50rpx;
	vertical-align: middle;
	float: left;
	background: #fff;
	color: #444;
	font-size: 48rpx;
}
.selectNumber .default-active {
	background: #f3f4f6;
	color: #ddd;
}
.selectNumber .left {
	border-top-left-radius: 10rpx;
	border-bottom-left-radius: 10rpx;
}
.selectNumber .right {
	border-top-right-radius: 10rpx;
	border-bottom-right-radius: 10rpx;
}
.selectNumber .num {
	float: left;
	border-top: 1rpx solid #eee;
	border-bottom: 1rpx solid #eee;
	width: 80rpx;
	height: 60rpx;
	line-height: 60rpx;
	vertical-align: middle;
	text-align: center;
	font-size: 28rpx;
	color: #444;
}

/*评论列表*/
.score-list {
	background-color: #FFF;
	padding: 20rpx;
	border-bottom: 1rpx solid #f3f4f6;
}
.score-list .left {
	display: inline-block;
	text-align: center;
	width: 15%;
	float: left;
}
.score-list .left image {
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
}
.score-list .right {
	color: #555;
	display: inline-block;
	width: 85%;
}