share_h5/common/style/uni.css

 
@font-face {
	font-family: 'ld';  /* project id 2240573 */
	src: url('https://at.alicdn.com/t/font_2240573_1099rtry6zug.eot');
	src: url('https://at.alicdn.com/t/font_2240573_1099rtry6zug.eot?#iefix') format('embedded-opentype'),
	url('https://at.alicdn.com/t/font_2240573_1099rtry6zug.woff2') format('woff2'),
	url('https://at.alicdn.com/t/font_2240573_1099rtry6zug.woff') format('woff'),
	url('https://at.alicdn.com/t/font_2240573_1099rtry6zug.ttf') format('truetype'),
	url('https://at.alicdn.com/t/font_2240573_1099rtry6zug.svg#iconfont') format('svg');
  }
.iconfont {
	font-family: "ld" !important;
	font-size: 30rpx;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "iconfont2";
  /* Project id 3514483 */
  src: url('@/static/font/iconfont2.woff2') format('woff2'),
    url('@/static/font/iconfont2.woff') format('woff'),
    url('@/static/font/iconfont2.ttf') format('truetype');
}
.iconfont2 {
  font-family: "iconfont2";
}

/*通用 */
view {
	font-size: 28rpx;
}

progress,
checkbox-group {
	width: 100%;
}

form {
	width: 100%;
}

button[disabled] {
	color: #999 !important;
	background: #F5F5F5 !important;
	border-color: #F5F5F5 !important;
}

button::after {
	border: none;
}

button {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	background: transparent;
}

/* 提交按钮 */
.u-btn {
	width: 100%;
	height: 86rpx;
	background: #01321d;
	border-radius: 43rpx;
	font-size: 30rpx;
	color: #fff;
	text-align: center;
	line-height: 86rpx;
}

.u-btn-two {
	width: 100%;
	height: 84rpx;
	background: #d7ebde;
	border-radius: 43rpx;
	border: 1px solid #00321e;
	font-size: 30rpx;
	color: #00321E;
	text-align: center;
	line-height: 84rpx;
}

/* 订单按钮 */
.u-order-btn {
	width: 200rpx;
	height: 70rpx;
	line-height: 70rpx;
	border-radius: 35px;
	font-size: 28rpx;
	margin-left: 22rpx;
}
.u-br-999{
	border: #999999;
}
.u-shop-teile-pd{
	padding: 15rpx 30rpx 24rpx;
}
/* 标签 例如：京东自营 */
.tipsStatus{
	display: inline-block;
	width: 102rpx;
	height: 28rpx;
	background: #ff0000;
	border-radius: 10rpx 0px 10rpx 0px;
	line-height: 28rpx;
	text-align: center;
	margin-right: 10rpx;
	color: #fff;
	font-size: 20rpx;
}
/* 透明的 */
.u-op6 {
	opacity: .6;
}

/* 文本居中 */
.u-text-center {
	text-align: center;
}

.u-text-left {
	text-align: left;
}

.u-text-right {
	text-align: right;
}

.u-left {
	float: left;
}
.u-right{
	float: right;
}

/* flex */
.u-flex {
	display: flex;
}

.u-flex1 {
	flex: 1;
}

.u-flex-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.u-flex-center-sb {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.u-flex-center-sa {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.u-flex-column-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.u-flex-column-start {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.u-flex-column-end {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.u-flex-warp {
	flex-wrap: wrap;
}

.u-del {
	text-decoration: line-through;
}

/* page */

.u-CCC {
	color: #ccc;
}

.u-333 {
	color: #333;
}

.u-666 {
	color: #666;
}

.u-999 {
	color: #999;
}
.u-4D4D4D{
	color: #4D4D4D;
}

.u-FFF {
	color: #FFF;
}

.u-02331F {
	color: #02331F;
}
.u-193E2C{
	color: #193E2C;
}
.u-D1D9D4{
	color: #D1D9D4;
}
.u-006BC9 {
	color: #006BC9;
}

.u-EFEFEF {
	color: #EFEFEF;
}

.u-707070 {
	color: #707070;
}

.u-181818 {
	color: #181818;
}

.u-1A1A1A {
	color: #1A1A1A;
}

.u-060606 {
	color: #060606;
}

.u-EF501F {
	color: #EF501F;
}

.u-CA7E57 {
	color: #CA7E57;
}

.u-FF0000 {
	color: #FF0000;
}

.u-ED3D07 {
	color: #ED3D07;
}

.u-DCCDA4 {
	color: #DCCDA4;
}

.u-DAC6A1 {
	color: #DAC6A1;
}

.u-0067DE {
	color: #0067DE;
}

.u-179400 {
	color: #179400;
}

.u-00321E {
	color: #00321E;
}

.u-D40007 {
	color: #D40007;
}

.u-EC6044 {
	color: #EC6044;
}

.u-FE5151 {
	color: #FE5151;
}

.u-FF2323 {
	color: #FF2323;
}

.u-font20 {
	font-size: 20rpx;
}

.u-font22 {
	font-size: 22rpx;
}

.u-font24 {
	font-size: 24rpx;
}

.u-font26 {
	font-size: 26rpx;
}

.u-font28 {
	font-size: 28rpx;
}

.u-font30 {
	font-size: 30rpx;
}

.u-font32 {
	font-size: 32rpx;
}

.u-font34 {
	font-size: 34rpx;
}

.u-font36 {
	font-size: 36rpx;
}

.u-font40 {
	font-size: 40rpx;
}

.u-font44 {
	font-size: 44rpx;
}
.u-font54{
	font-size: 54rpx;
}
.u-p30 {
	padding: 30rpx;
}

.u-plr30 {
	padding: 0 30rpx;
}

.u-ptb30 {
	padding: 30rpx 0;
}

.u-ml5 {
	margin-left: 5rpx;
}

.u-ml10 {
	margin-left: 10rpx;
}

.u-ml15 {
	margin-left: 15rpx;
}

.u-ml20 {
	margin-left: 20rpx;
}

.u-ml25 {
	margin-left: 25rpx;
}

.u-ml30 {
	margin-left: 30rpx;
}
.u-ml45 {
	margin-left: 45rpx;
}
.u-ml80{
	margin-left: 80rpx;
}
.u-mr5 {
	margin-right: 5rpx;
}

.u-mr10 {
	margin-right: 10rpx;
}

.u-mr15 {
	margin-right: 15rpx;
}

.u-mr20 {
	margin-right: 20rpx;
}

.u-mr25 {
	margin-right: 25rpx;
}

.u-mr30 {
	margin-right: 30rpx;
}

.u-mr45 {
	margin-right: 45rpx;
}

.u-mt5 {
	margin-top: 5rpx;
}

.u-mt10 {
	margin-top: 10rpx;
}

.u-mt15 {
	margin-top: 15rpx;
}

.u-mt20 {
	margin-top: 20rpx;
}

.u-mt25 {
	margin-top: 25rpx;
}

.u-mt30 {
	margin-top: 30rpx;
}

.u-mt40 {
	margin-top: 40rpx;
}

.u-mt50 {
	margin-top: 50rpx;
}

.u-bold {
	font-weight: bold;
}

.u-bold-normal {
	font-weight: normal;
}

/* 背景色 */
.u-bg-fff {
	background-color: #FFFFFF;
}

.u-bg-abc5b5 {
	background-color:  #abc5b5;
}

.u-bg-00321E {
	background-color: #00321E;
}

.u-bg {
	background-color: #02331F;
}

.u-bg-red {
	background-color: #FF0000;
}

.u-bg-D5C49B {
	background-color: #D5C49B;
}

.u-bg-hui {
	background-color: #DCCDA4;
}

.turn180 {
	transform: rotate(180deg);
}

/* 文本溢出隐藏 */
.u-text1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*字体超过2行自动隐藏并加上...*/
.u-text2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important
	
}

/*字体超过3行自动隐藏并加上...*/
.u-text3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important
	
}

/* 产品图尺寸大小 */
.u-goods120 {
	width: 120rpx;
	height: 120rpx;
	overflow: hidden;
}

.u-goods160 {
	width: 160rpx;
	height: 160rpx;
	border-radius: 8rpx;
	overflow: hidden;
}

.u-goods200 {
	width: 200rpx;
	height: 200rpx;
	border-radius: 8rpx;
	overflow: hidden;
}

.u-goods226 {
	width: 226rpx;
	height: 226rpx;
	border-radius: 8rpx;
	overflow: hidden;
}

.u-goods280 {
	width: 280rpx;
	height: 280rpx;
}

.u-goods336 {
	width: 336rpx;
	height: 336rpx;
}

/* 头像大小 */
.u-avatar65 {
	width: 65rpx;
	height: 65rpx;
	border-radius: 50%;
}

.u-avatar75 {
	width: 75rpx;
	height: 75rpx;
	border-radius: 50%;
	border: 1px solid #fff;
}

.u-avatar83 {
	width: 83rpx;
	height: 83rpx;
	border-radius: 50%;
}

.u-avatar92 {
	width: 92rpx;
	height: 92rpx;
	border-radius: 50%;
}

.u-avatar104 {
	width: 104rpx;
	height: 104rpx;
	border-radius: 50%;
}

.u-avatar106 {
	width: 106rpx;
	height: 106rpx;
	border-radius: 50%;
	border: 2px solid #fff;
}

/* 评论图片 */
.u-ctImg180 {
	width: 180rpx;
	height: 180rpx;
}

/* 边框，下分割线 */
.u-border {
	border-bottom: 2rpx solid #E6E6E6;
}

.rich-text image{
	height: auto;
	max-width: 100%;
}
.overHeight{
	max-height: 340rpx;
	overflow-y: auto;
}
.viewWidthTitle{
	width: 420rpx;
}