@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; } /*通用 */ 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; }