MeiMeiZhuan/static/css/cmy.css

/*初始化类*/
@font-face {
	font-family: 'iconfont';
	/* project id 1482221 */
	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
}
.cart-color {
	color: #ff3700!important;
	border: 1px solid #ff3700!important
}
.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .5;
	z-index: 5
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 34rpx;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0rpx;
	-moz-osx-font-smoothing: grayscale;
}
.goodWrapper .item {
	margin-left: 30rpx;
	padding-right: 30rpx;
	border-bottom: 2rpx solid #f0f0f0;
	height: 180rpx
}

.goodWrapper .item .pictrue {
	width: 130rpx;
	height: 130rpx
}

.goodWrapper .item .pictrue image {
	width: 100%;
	height: 100%;
	border-radius: 6rpx
}

.goodWrapper .item .text {
	width: 537rpx;
	position: relative
}

.goodWrapper .item .text .name {
	font-size: 28rpx;
	color: #282828;
	width: 453rpx
}

.goodWrapper .item .text .num {
	font-size: 26rpx;
	color: #868686
}

.goodWrapper .item .text .attr {
	font-size: 20rpx;
	color: #868686;
	margin-top: 7rpx
}

.goodWrapper .item .text .money {
	font-size: 26rpx;
	margin-top: 17rpx
}

.goodWrapper .item .text .evaluate {
	position: absolute;
	width: 114rpx;
	height: 46rpx;
	border: 1rpx solid #bbb;
	border-radius: 4rpx;
	text-align: center;
	line-height: 46rpx;
	right: 0;
	bottom: -5rpx
}

.goodWrapper .item .text .evaluate.userEvaluated {
	font-size: 26rpx;
	color: #aaa;
	background-color: #f7f7f7;
	border-color: #f7f7f7
}
.acea-row {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.acea-row.row-middle {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.bg-color-red {
	background-color: #e93323 !important;
}

.acea-row.row-right {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-o-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.acea-row.row-between-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-column-around {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-center-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.bg-color {
	background-color: #e93323 !important
}

.font-color,
.font-color-red {
	color: #fc4141 !important
}

.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.line2 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.iconedit:before {
	content: "\e649";
}

.iconfavorfill:before {
	content: "\e64b";
}

.iconfavor:before {
	content: "\e64c";
}

.iconlocation:before {
	content: "\e651";
}

.iconroundcheckfill:before {
	content: "\e656";
}

.iconroundcheck:before {
	content: "\e657";
}

.iconunfold:before {
	content: "\e661";
}

.iconlikefill:before {
	content: "\e668";
}

.icon-aixin:before {
	content: "\e60e";
}

.iconlike:before {
	content: "\e669";
}

.iconshop:before {
	content: "\e676";
}

.iconcart:before {
	content: "\e6af";
}

.icondelete:before {
	content: "\e6b4";
}

.iconhome:before {
	content: "\e6b8";
}

.iconcartfill:before {
	content: "\e6b9";
}

.iconhomefill:before {
	content: "\e6bb";
}

.iconlock:before {
	content: "\e6c0";
}

.iconfriendadd:before {
	content: "\e6ca";
}

.iconfold:before {
	content: "\e6de";
}

.iconapps:before {
	content: "\e729";
}

.iconadd:before {
	content: "\e767";
}

.iconmove:before {
	content: "\e768";
}

.icontriangledownfill:before {
	content: "\e79b";
}

.icontriangleupfill:before {
	content: "\e79c";
}

.iconshaixuan:before {
	content: "\e74a";
}

.iconyanzhengma:before {
	content: "\e684";
}

.iconjifen:before {
	content: "\e60f";
}

.iconwuliuxinxi:before {
	content: "\e62b";
}

.iconmessage:before {
	content: "\e78a";
}

.iconsetting:before {
	content: "\e78e";
}

.iconaddition:before {
	content: "\e6e0";
}

.iconclose:before {
	content: "\e6e9";
}

.iconenter:after {
	content: "\e6f8";
}

.iconprompt:before {
	content: "\e71b";
}

.iconreturn:before {
	content: "\e720";
}

.iconsearch:before {
	content: "\e741";
}

.iconpengyouquan:before {
	content: "\e62c";
}

.iconweixin:before {
	content: "\e60e";
}

.iconzhifubao:before {
	content: "\e673";
}

.iconyue:before {
	content: "\e618";
}

.iconweixin1:before {
	content: "\e622";
}

.iconlock1:before {
	content: "\e64d";
}

.iconuser:before {
	content: "\e64e";
}

.iconchenggongtixianshouyi:before {
	content: "\e64f";
}

.iconviptuiguangdingdan:before {
	content: "\e650";
}

.icondaifukuan:before {
	content: "\e652";
}

.icondaijiesuanshouyi:before {
	content: "\e653";
}

.icondaidakuanshouyi:before {
	content: "\e654";
}

.icondaifahuo:before {
	content: "\e655";
}

.icondaishouhuoshouyi:before {
	content: "\e658";
}

.icondaishouhuo:before {
	content: "\e659";
}

.iconwuxiaoshouyi:before {
	content: "\e65a";
}

.icontixianmingxi:before {
	content: "\e65b";
}

.iconshouyi:before {
	content: "\e65c";
}

.iconkouchutixianshouxufei:before {
	content: "\e65d";
}

.iconyishenqingshouyi:before {
	content: "\e65e";
}

.icontuihuanhuo:before {
	content: "\e65f";
}


/*水平线*/
.hr {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #dddddd;
	/* height: 0.5rpx; */
}

/* 一行显示 */
.clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.common-hover {
	background: #f5f5f5;
}

/* 角标 */
.corner {
	background-color: #e51c23;
	position: absolute;
	right: -18rpx;
	top: -18rpx;
	color: #FFFFFF;
	text-align: center;
	border-radius: 999px;
	font-size: 24rpx !important;
	min-width: 35rpx;
	min-height: 35rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

/*文字对齐*/
.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	text-align: justify !important;
}

.text-right {
	text-align: right !important;
}

.text-default {
	color: #212121 !important;
}

.text-white {
	color: #ffffff !important;
}

.text-primary {
	color: #00bcd4 !important;
}

.text-success {
	color: #009688 !important;
}

.text-info {
	color: #03a9f4 !important;
}

.text-warning {
	color: #ffc107 !important;
}

.text-danger {
	color: #e51c23 !important;
}

.text-pink {
	color: #e91e63 !important;
}

.text-purple {
	color: #673ab7 !important;
}

.text-indigo {
	color: #3f51b5 !important;
}

.text-gray {
	color: #999999 !important;
}

.bg-default {
	background-color: #f5f5f5 !important;
}

.bg-primary {
	background-color: #00bcd4 !important;
}

.bg-success {
	background-color: #009688 !important;
}

.bg-info {
	background-color: #03a9f4 !important;
}

.bg-warning {
	background-color: #f1c40f !important;
}

.bg-danger {
	background-color: #e51c23 !important;
}

.bg-pink {
	background-color: #e91e63 !important;
}

.bg-purple {
	background-color: #673ab7 !important;
}

.bg-indigo {
	background-color: #3f51b5 !important;
}

.bg-white {
	background-color: white !important;
}

.bg-gray {
	background-color: #e3e3e3 !important;
}

/* 边框 */
.border-radius-15 {
	border-radius: 15rpx;
}

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

.border-radius-all {
	border-radius: 1000rpx;
}

/* 底部边线 */
.borde-b {
	border-bottom: 1px solid #EEEEEE;
}

/* 弹性盒子 */
.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex_item {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
}

.items-left {
	justify-content: flex-start;
}

.items-right {
	justify-content: flex-end;
}

.flex-shrink-false {
	flex-shrink: 0;
}

.flex-grow-true {
	flex-grow: 1;
}

.position-relative {
	position: relative;
}