pinfen/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');
}

.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;
}

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

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

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

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

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

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

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

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

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

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

.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";
}

.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";
}


.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";
}

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

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

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

/* 二行显示 */
.clamp2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 二行显示 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.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;
}

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

/* 左右顶格加上下居中 */
.flex-between-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* flex布局-整体居中 */
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* flex-开始居中 */
.flex-start {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

/* 一行居中显示 */
.flex-line {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

/*文字对齐*/
.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: #FFB238 !important;
}

.bg-danger {
	background-color: #DC4D46 !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 #dddddd;
}

/* 弹性盒子 */
.flex {
	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;
}