yicangzongtai_app_240321/common/style/uni.css

@font-face {
  font-family: 'ld';
  /* Project id 2240573 */
  src: url('https://at.alicdn.com/t/font_2240573_a3g3bnl2e7a.woff2?t=1620900015074') format('woff2'),
    url('https://at.alicdn.com/t/font_2240573_a3g3bnl2e7a.woff?t=1620900015074') format('woff'),
    url('https://at.alicdn.com/t/font_2240573_a3g3bnl2e7a.ttf?t=1620900015074') format('truetype');
}

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

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

.iconfont2 {
  font-family: "iconfont2";
}

.iconfont3 {
  font-family: "iconfont3";
}

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

/*通用 */
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: 550rpx;
  height: 86rpx;
  background: #FA6138;
  border-radius: 43rpx;
  font-size: 30rpx;
  color: #fff;
  text-align: center;
  line-height: 86rpx;
}

* {
  word-break: break-all;
}

.u-btn-two {
  width: 100%;
  height: 84rpx;
  background: #FA6138;
  border-radius: 43rpx;
  /* border: 1px solid #0B844A; */
  font-size: 30rpx;
  color: #ffffff;
  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; */
  padding: 6rpx 10rpx;
  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; */
  color: #FF6600;
}

.u-ED3D07 {
  color: #ED3D07;
}

.u-DCCDA4 {
  color: #ffffff;
}

.u-DAC6A1 {
  color: #DAC6A1;
}

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

.u-179400 {
  color: #179400;
}

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

.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: #3D93FC;
}

.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-text-width-two {
  width: 500rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-text-width {
  width: 300rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 文本溢出隐藏 */
.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%;
  flex-shrink: 0;
}

.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-one {
  border-bottom: 2rpx solid #E6E6E6;
}

.rich-text image {
  height: auto;
  max-width: 100%;
}

.overHeight {
  max-height: 340rpx;
  overflow-y: auto;
}

.viewWidthTitle {
  width: 420rpx;
}

.closeIcon {
  font-size: 50rpx;
}