@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ /* 1px方案,改变border的颜色即可 */ .b-1px, .b-1px-t, .b-1px-b, .b-1px-tb, .b-1px-l, .b-1px-r { position: relative; } .b-1px:before { content: " "; position: absolute; left: 0; top: 0; width: 200%; border: 1px solid #eee; color: #eee; height: 200%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5); transform: scale(0.5); box-sizing: border-box; } .b-1px-t:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #eee; color: #eee; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(0.5); transform: scaley(0.5); box-sizing: border-box; } .b-1px-b:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #eee; color: #eee; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaley(0.5); transform: scaley(0.5); box-sizing: border-box; } .b-1px-tb:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #eee; color: #eee; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(0.5); transform: scaley(0.5); box-sizing: border-box; } .b-1px-tb:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #eee; color: #eee; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaley(0.5); transform: scaley(0.5); box-sizing: border-box; } .b-1px-l::before { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #eee; color: #eee; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(0.5); transform: scalex(0.5); box-sizing: border-box; } .b-1px-r::after { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid #eee; color: #eee; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(0.5); transform: scalex(0.5); box-sizing: border-box; } /* 头像 */ .avatar { margin: 0; padding: 0; display: inline-flex; text-align: center; justify-content: center; align-items: center; /* background: #f4f6f8; */ color: #fff; white-space: nowrap; position: relative; width: 120rpx; height: 120rpx; background-size: cover; background-position: center; vertical-align: middle; } .avatar.lg { width: 160rpx; height: 160rpx; } .avatar.md { width: 100rpx; height: 100rpx; } .avatar.sm { width: 80rpx; height: 80rpx; } .avatar-group { direction: ltl; unicode-bidi: bidi-override; display: inline-block; } .avatar-group .avatar { width: 48rpx; height: 48rpx; font-size: 1em; border-radius: 50%; margin-left: -20rpx; border: 4rpx solid white; vertical-align: middle; -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } .avatar-group .avatar:nth-child(1) { margin-left: 0rpx; } /* 字体大小 */ .f-little { font-size: 18rpx; } .f-icontext { font-size: 22rpx; } /* 很小的文字,一般和图标一起使用 */ .f-caption { font-size: 24rpx; } /* 辅助描述性文字 */ .f-desc { font-size: 26rpx; } /* 段落字体 */ .f-paragraph { font-size: 28rpx; } /* 段落字体 */ .f-mini-title { font-size: 30rpx; } .f-title { font-size: 32rpx; } /* 标题 */ .f-st-title { font-size: 34rpx; } /* 大点的标题 */ .f-sm-title { font-size: 36rpx; } /* 大点的标题 */ .f-md-title { font-size: 40rpx; } /* 大点的标题 */ .f-lg-title { font-size: 42rpx; } /* 大点的标题 */ .f-big-title { font-size: 46rpx; } /* 大点的标题 */ /* 字体颜色 */ .c-base { color: #ffffff; } /* 白色 */ .c-base-rgba { color: rgba(255, 255, 255, 0.6); } /* 白色 */ .c-black { color: #000000; } /* 黑色 */ .c-title { color: #232A24; } /* 标题/副标题 */ .c-desc { color: #3D2C1B; } /* 辅助描述性文字 */ .c-caption { color: #999999; } /* 辅助描述性文字 */ .c-disable { color: #c7c7c7; } /* 按钮文字禁用 */ .c-paragraph { color: #666666; } /* 段落字体 */ .c-success { color: #1BCA62; } /* 成功/链接文字 */ .c-alipay { color: #01AAF2; } /* 支付宝支付文字 */ .c-balance { color: #FA7917; } /* 🈷余额支付文字 */ .c-tips { color: #ffd753; } /* 失效 */ .c-warning { color: #E82F21; } /* 警告/非法 */ .c-nodata { color: #cccccc; } /* 链接文字 */ .c-orange { color: #ff4a00; } /* 首页价格文字 */ .c-vip { color: #d9cf9a; } /* 充值文字 */ .c-grey { color: #b9b9b9; } /* 灰色文字 */ .c-shadow { text-shadow: 2rpx 2rpx 2rpx #808080; } /* 字体阴影 */ /* 填充色 */ .fill-base { background: #ffffff; } /* 默认 */ .fill-black { background: #000000; } /* 默认 */ .fill-body { background: #F7F8FA; } /* 页面 */ .fill-primary { background: #19c865; } /* 主题色/主要活动按钮 */ .fill-caption { background: #ffd753; } /* 辅助色 */ .fill-warning { background: #f12c20; } /* 警告/非法 */ .fill-second { background: #efeff4; } /* 区块分割线 */ .fill-space { background: #FCFCFC; } /* 次要活动按钮 */ /* 阴影 */ .box-shadow { box-shadow: 0px 3px 6px 0px rgba(227, 227, 227, 0.47); } .box-shadow-mini { box-shadow: 2rpx 0 10rpx rgba(4, 0, 0, 0.08); } /* 字体样式 */ text { vertical-align: middle; } /* 上下居中 */ .text-left { text-align: left; } /* 左对齐 */ .text-center { text-align: center; } /* 中对齐 */ .text-right { text-align: right; } /* 右对齐 */ .text-justify { text-align: justify; } /* 两端对齐,谨慎使用 */ .text-justify::after { content: ''; width: 100%; display: inline-block; } .text-delete { text-decoration: line-through; } /* 删除线 */ .text-underline { text-decoration: underline; } /* 下划线 */ .text-bold { font-weight: bold; } /* 加粗 */ .text-normal { font-weight: normal; } /* 文本溢出省略 */ .ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ellipsis-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .ellipsis-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } /* 最大宽度 */ .max-100 { max-width: 100rpx; } .max-150 { max-width: 150rpx; } .max-200 { max-width: 200rpx; } .max-270 { max-width: 270rpx; } .max-280 { max-width: 280rpx; } .max-300 { max-width: 300rpx; } .max-350 { max-width: 350rpx; } .max-380 { max-width: 380rpx; } .max-400 { max-width: 400rpx; } .max-446 { max-width: 446rpx; } .max-450 { max-width: 450rpx; } .max-470 { max-width: 470rpx; } .max-500 { max-width: 500rpx; } .max-510 { max-width: 510rpx; } .max-520 { max-width: 520rpx; } .max-540 { max-width: 540rpx; } .max-550 { max-width: 550rpx; } .max-566 { max-width: 566rpx; } .max-580 { max-width: 580rpx; } /* 外间距 */ .mg-sm { margin: 10rpx; } .mg-md { margin: 20rpx; } .mg-lg { margin: 30rpx; } .mt-sm { margin-top: 10rpx; } .mt-md { margin-top: 20rpx; } .mt-lg { margin-top: 30rpx; } .mr-sm { margin-right: 10rpx; } .mr-md { margin-right: 20rpx; } .mr-lg { margin-right: 30rpx; } .mb-sm { margin-bottom: 10rpx; } .mb-md { margin-bottom: 20rpx; } .mb-lg { margin-bottom: 30rpx; } .ml-sm { margin-left: 10rpx; } .ml-md { margin-left: 20rpx; } .ml-lg { margin-left: 30rpx; } /* 内间距 */ .pd-sm { padding: 10rpx; } .pd-md { padding: 20rpx; } .pd-lg { padding: 30rpx; } .pt-sm { padding-top: 10rpx; } .pt-md { padding-top: 20rpx; } .pt-lg { padding-top: 30rpx; } .pr-sm { padding-right: 10rpx; } .pr-md { padding-right: 20rpx; } .pr-lg { padding-right: 30rpx; } .pb-sm { padding-bottom: 10rpx; } .pb-md { padding-bottom: 20rpx; } .pb-lg { padding-bottom: 30rpx; } .pl-sm { padding-left: 10rpx; } .pl-md { padding-left: 20rpx; } .pl-lg { padding-left: 30rpx; } /* 图标尺寸 */ .icon-xs { width: 32rpx; height: 32rpx; display: block; font-size: 32rpx; } .icon-sm { width: 44rpx; height: 44rpx; display: block; font-size: 44rpx; } .icon-md { width: 60rpx; height: 60rpx; display: block; font-size: 60rpx; } .icon-lg { width: 80rpx; height: 80rpx; display: block; font-size: 80rpx; } /* 组件间距 */ .space-sm { height: 10rpx; } .space-md { height: 20rpx; } .space-lg { height: 30rpx; } .space-ht { height: 190rpx; } .space-body { height: 150rpx; } .space-safe { height: calc(env(safe-area-inset-bottom) / 2); padding-bottom: calc( env(safe-area-inset-bottom) / 2); } .space-footer { height: 30rpx; height: calc(30rpx + env(safe-area-inset-bottom) / 2); padding-bottom: calc( env(safe-area-inset-bottom) / 2); } .space-tabbar-footer { height: 100rpx; height: calc(100rpx + env(safe-area-inset-bottom) / 2); padding-bottom: calc( env(safe-area-inset-bottom) / 2); } .space-max-footer { height: 180rpx; height: calc(180rpx + env(safe-area-inset-bottom) / 2); padding-bottom: calc(env(safe-area-inset-bottom) / 2); } .space { height: 1rpx; background: rgba(216, 216, 216, 0.5); } /* 圆角 */ .radius { border-radius: 5000rpx; } .radius-5 { border-radius: 5rpx; } .radius-10 { border-radius: 10rpx; } .radius-16 { border-radius: 16rpx; } .radius-18 { border-radius: 18rpx; } .radius-20 { border-radius: 20rpx; } .radius-24 { border-radius: 24rpx; } .radius-26 { border-radius: 26rpx; } .radius-32 { border-radius: 32rpx; } .radius-34 { border-radius: 34rpx; } /* 旋转 */ .rotate-45 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } /* 定位 */ .rel { position: relative; } .abs { position: absolute; } .fix { position: fixed; width: 100%; z-index: 100; } .fixed-top { position: fixed; left: 0; right: 0; top: 0; z-index: 100; } .fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; } /* 灰度 */ .grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } /* 字体颜色 */ .icon-font-color { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* button样式修改 */ button { font-size: 30rpx; border-radius: 15rpx; /* line-height: 96rpx; */ padding: 0rpx; margin: 0rpx; color: #fff; background: transparent; } button::after { border-color: transparent; border-radius: 30rpx; } button.plain::after { border-color: currentColor; } button[type='grey'] { color: #999999; background: #EEEEEE; } /* 订单按钮 */ button.order { min-width: 140rpx; padding: 0 20rpx; line-height: 52rpx; color: #5B5B5B; background: #fff; border-radius: 8rpx; border: 1rpx solid #979797; -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); font-size: 26rpx; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; margin-left: 20rpx; } /* 购物车按钮 */ button.reduce, button.add { width: 38rpx; height: 38rpx; border-radius: 10rpx; border: 1rpx solid #EEEEEE; -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); display: flex; align-items: center; justify-content: center; overflow: hidden; } button.reduce .iconfont, button.add .iconfont { font-size: 24rpx; line-height: 24rpx; overflow: hidden; } button.addreduce, input.addreduce { min-width: 60rpx; padding: 0 10rpx; height: 38rpx; color: #666666; font-size: 28rpx; display: flex; align-items: center; justify-content: center; margin: 0rpx 10rpx; } input.addreduce { text-align: center; max-width: 150rpx; } /* 按钮按下 */ .button-hover { opacity: 0.6; } /* 清除按钮默认样式 */ .clear-btn { margin: 0; padding: 0; background: transparent; border-radius: 0rpx; line-height: 1.5; border: none; text-align: left; color: #333; } .clear-btn::after { border: none; } @font-face { font-family: 'iconfont'; /* Project id 4110196 */ src: url("https://at.alicdn.com/t/c/font_4110196_r2eepy29ecm.woff2?t=1690765463726") format("woff2"), url("https://at.alicdn.com/t/c/font_4110196_r2eepy29ecm.woff?t=1690765463726") format("woff"), url("https://at.alicdn.com/t/c/font_4110196_r2eepy29ecm.ttf?t=1690765463726") format("truetype"); } @font-face { font-family: "iconfont"; /* Project id 2649930 */ src: url("https://at.alicdn.com/t/c/font_2649930_kwmue8hcdxj.woff2?t=1685093547270") format("woff2"), url("https://at.alicdn.com/t/c/font_2649930_kwmue8hcdxj.woff?t=1685093547270") format("woff"), url("https://at.alicdn.com/t/c/font_2649930_kwmue8hcdxj.ttf?t=1685093547270") format("truetype"); } .iconfont { font-family: "iconfont" !important; font-size: 16px; line-height: 1; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-kzz:before { content: "\e90c"; } .icon-kpk:before { content: "\e932"; } .icon-kzj:before { content: "\e819"; } .icon-khz:before { content: "\e9b1"; } .icon-kpb:before { content: "\e9c3"; } .icon-kdt:before { content: "\e9c9"; } .icon-khydj:before { content: "\e97f"; } .icon-kcpss:before { content: "\e982"; } .icon-kcfmx:before { content: "\e90d"; } .icon-ksc1:before { content: "\e945"; } .icon-ksc:before { content: "\e9c0"; } .icon-kqh1:before { content: "\e929"; } .icon-kdd2:before { content: "\e81d"; } .icon-kqh:before { content: "\e856"; } .icon-kdqr:before { content: "\e911"; } .icon-kwd:before { content: "\e918"; } .icon-ktg:before { content: "\e919"; } .icon-kfs:before { content: "\e921"; } .icon-shouyi:before { content: "\e92a"; } .icon-kefu:before { content: "\e95c"; } .icon-ksy:before { content: "\e922"; } .icon-qichuyue:before { content: "\e66e"; } .icon-kfkjy1:before { content: "\f917"; } .icon-kdzf:before { content: "\e9a5"; } .icon-kfkjy:before { content: "\e937"; } .icon-kye:before { content: "\faf6"; } .icon-khhr2:before { content: "\e956"; } .icon-kjs:before { content: "\e917"; } .icon-kqds1:before { content: "\e9ef"; } .icon-khhr:before { content: "\e972"; } .icon-dd:before { content: "\e97b"; } .icon-kqds:before { content: "\e850"; } .icon-kyhj:before { content: "\e889"; } .icon-kll:before { content: "\e831"; } .icon-kdd:before { content: "\e80d"; } .icon-kpj:before { content: "\e66f"; } .icon-dizhi:before { content: "\e871"; } .icon-shijian:before { content: "\e909"; } .icon-shuxian:before { content: "\e908"; } .icon-tech:before { content: "\e905"; } .icon-tuijian:before { content: "\e906"; } .icon-tuijian1:before { content: "\e907"; } .icon-czsg:before { content: "\e902"; } .icon-csmt:before { content: "\e901"; } .icon-qcbz:before { content: "\e904"; } .icon-sybp:before { content: "\e903"; } .icondianqianhetong:before { content: "\e7b2"; } .iconduanxinyanzhengma:before { content: "\e61e"; } .iconshoujitianchong:before { content: "\e6e3"; } .iconemiyanzhengma:before { content: "\e61b"; } .iconbiaoqianye-dituzhaoren1:before { content: "\e7ac"; } .iconbiaoqianye-dituzhaoren2:before { content: "\e7ae"; } .icondituzhaoren2:before { content: "\e7a1"; } .iconshimingrenzheng:before { content: "\e7a3"; } .iconzizhirenzheng:before { content: "\e7a7"; } .iconshaixuan:before { content: "\e7a8"; } .iconliebiaomoshi2:before { content: "\e7aa"; } .iconhetongguanli:before { content: "\e66d"; } .iconfenleiyingyongtongzhi2:before { content: "\e6a9"; } .iconjingjirenshuoming:before { content: "\e79f"; } .iconxiangxiazhankai:before { content: "\e8f2"; } .iconyinhangqia:before { content: "\e622"; } .icontixingshixin:before { content: "\ec72"; } .iconwoyaofabu:before { content: "\e79e"; } .icondaijiedan1:before { content: "\e78c"; } .iconyijiedan1:before { content: "\e792"; } .iconyiwancheng1:before { content: "\e79d"; } .iconedit-fill:before { content: "\eb5c"; } .iconbianzu-8_2x:before { content: "\e606"; } .iconbianzu-8_2x_1_:before { content: "\e607"; } .iconjinrong_financebeifen-2_2x:before { content: "\e619"; } .iconshangjia_1:before { content: "\e78f"; } .iconbangdingqudaoshang:before { content: "\e767"; } .iconbangdingyewuyuan:before { content: "\e780"; } .icondaizhuandan:before { content: "\e791"; } .icondaifuwu4:before { content: "\e795"; } .iconjujuetuikuan:before { content: "\e796"; } .iconjishidaoda1:before { content: "\e799"; } .iconjishichufa1:before { content: "\e79b"; } .iconjishijiedan1:before { content: "\e79c"; } .icontixianshenqing1:before { content: "\e7a0"; } .icontixianjilu1:before { content: "\e7a2"; } .iconlianxifangshi:before { content: "\e7a4"; } .icontongyituikuan:before { content: "\e7a5"; } .iconyongjinxinxi1:before { content: "\e7a6"; } .iconwodeshouyi2:before { content: "\e7a9"; } .iconyiwancheng:before { content: "\e7ab"; } .iconwodeyaoqing1:before { content: "\e7ad"; } .iconzhanghaoshezhi:before { content: "\e7b0"; } .iconshenqingzhong:before { content: "\e7b3"; } .iconpeiwanguan2:before { content: "\e760"; } .iconpeiwanguan1:before { content: "\e77f"; } .iconshangcheng2:before { content: "\e75e"; } .icondaipinglun:before { content: "\e755"; } .icondaifukuan:before { content: "\e756"; } .icondaifuwu3:before { content: "\e758"; } .icondizhi2:before { content: "\e759"; } .icondituzhaoren1:before { content: "\e75c"; } .icondingdan11:before { content: "\e75f"; } .icongexingbiaoqian:before { content: "\e765"; } .iconhezuohuoban:before { content: "\e766"; } .icondizhiguanli3:before { content: "\e768"; } .iconfuwuzhong3:before { content: "\e76c"; } .iconjishixiangqing:before { content: "\e772"; } .iconjishi11:before { content: "\e774"; } .iconlianxikefu3:before { content: "\e783"; } .icondianpu:before { content: "\e784"; } .iconpinglun3:before { content: "\e785"; } .iconqiehuan:before { content: "\e78b"; } .iconshoucang23:before { content: "\e78d"; } .iconshenqingjishi3:before { content: "\e78e"; } .iconwode12:before { content: "\e793"; } .icontuikuan3:before { content: "\e794"; } .iconwoshiqudao2:before { content: "\e797"; } .iconwentifankui4:before { content: "\e798"; } .iconshoucang13:before { content: "\e79a"; } .iconbuxihuan-xuanzhong:before { content: "\e753"; } .iconbuxihuan:before { content: "\e754"; } .icondizhiguanli2:before { content: "\e757"; } .iconfaxian-1:before { content: "\e75b"; } .iconfaxian-2:before { content: "\e75d"; } .iconhehuoren1:before { content: "\e762"; } .iconpeiwanguan:before { content: "\e76a"; } .iconpinglun2:before { content: "\e76b"; } .iconshangchuantupian:before { content: "\e76d"; } .iconshezhi:before { content: "\e76e"; } .iconshenqingfenxiaoyuan:before { content: "\e76f"; } .iconshouye12:before { content: "\e770"; } .iconshichang:before { content: "\e771"; } .iconshouye2:before { content: "\e777"; } .iconwentifankui3:before { content: "\e778"; } .iconwode-1:before { content: "\e77a"; } .iconwode-2:before { content: "\e781"; } .iconxiaoxi2:before { content: "\e786"; } .iconwoshiqudaoshang:before { content: "\e782"; } .iconwoyaoruzhu:before { content: "\e788"; } .iconxiaoxi1:before { content: "\e789"; } .iconxiangqing2:before { content: "\e78a"; } .iconshoucang22:before { content: "\e72b"; } .iconshoucang12:before { content: "\e730"; } .icondizhi_1:before { content: "\e737"; } .icondadianhua_1:before { content: "\e73d"; } .iconshipin2:before { content: "\e735"; } .iconbangdingjishi1:before { content: "\e723"; } .icondaifuwu2:before { content: "\e72a"; } .icondaipingjia2:before { content: "\e72c"; } .icondaizhifu2:before { content: "\e72d"; } .icondizhi1:before { content: "\e72e"; } .icondizhiguanli1:before { content: "\e72f"; } .icondingdan1:before { content: "\e731"; } .icondianming:before { content: "\e732"; } .iconfuwuzhong2:before { content: "\e733"; } .icongongsi:before { content: "\e734"; } .iconjingxiaoshang:before { content: "\e736"; } .iconjuli3:before { content: "\e738"; } .iconjishi1:before { content: "\e739"; } .iconlianxikefu2:before { content: "\e73a"; } .iconmendian1:before { content: "\e73b"; } .iconpingjia:before { content: "\e73c"; } .iconqiehuanjishiduan2:before { content: "\e740"; } .iconputonghuiyuan:before { content: "\e741"; } .iconshijian1:before { content: "\e742"; } .iconshenqingjishi2:before { content: "\e743"; } .iconshoucang:before { content: "\e745"; } .iconshouye1:before { content: "\e746"; } .iconwentifankui2:before { content: "\e747"; } .icontuiguanghaibao1:before { content: "\e748"; } .iconwode11:before { content: "\e749"; } .iconwodeshouyi1:before { content: "\e74b"; } .iconwodefensi:before { content: "\e74c"; } .iconwoshiqudao1:before { content: "\e74d"; } .iconyingyezhizhao:before { content: "\e74e"; } .iconshenqingfenxiaoshang:before { content: "\e74f"; } .icontuikuan2:before { content: "\e750"; } .iconyingyeshijian:before { content: "\e751"; } .iconzuizaokeyue1:before { content: "\e752"; } .icon-hezuoguanxi:before { content: "\e8a9"; } .iconpinglun1:before { content: "\e70d"; } .iconjuli2:before { content: "\e70e"; } .iconshoucang11:before { content: "\e713"; } .iconshoucang21:before { content: "\e715"; } .iconxiangqing1:before { content: "\e716"; } .iconcamera-fill:before { content: "\e711"; } .icondaipingjia1:before { content: "\e718"; } .icondaifuwu1:before { content: "\e719"; } .icondaizhifu1:before { content: "\e71a"; } .icondizhi:before { content: "\e71b"; } .iconlianxikefu1:before { content: "\e71c"; } .iconhehuoren:before { content: "\e71d"; } .iconpingbiyonghu:before { content: "\e71e"; } .iconshenqingjishi1:before { content: "\e71f"; } .icontixianjilu:before { content: "\e720"; } .icontuikuan1:before { content: "\e721"; } .iconfuwuzhong1:before { content: "\e722"; } .iconwentifankui1:before { content: "\e724"; } .iconwodeyaoqing:before { content: "\e725"; } .iconqiehuanjishiduan1:before { content: "\e726"; } .iconwodeyouhuiquan:before { content: "\e727"; } .iconwoshiqudao:before { content: "\e728"; } .iconyongjinliushui:before { content: "\e729"; } .icondingdan4:before { content: "\e709"; } .iconpingfen1:before { content: "\e70a"; } .iconjuli1:before { content: "\e70b"; } .iconanmo3:before { content: "\e70c"; } .iconshangjia:before { content: "\e70f"; } .iconshijian:before { content: "\e710"; } .iconshouye31:before { content: "\e712"; } .iconwode3:before { content: "\e714"; } .iconzuizaokeyue:before { content: "\e717"; } .icon-account:before { content: "\e610"; } .icon-alipay-fill:before { content: "\e669"; } .iconshipin:before { content: "\e618"; } .iconshang:before { content: "\e862"; } .iconxia:before { content: "\e863"; } .icon-android:before { content: "\e63d"; } .icon-play-video:before { content: "\e66e"; } .icon-shield:before { content: "\e65d"; } .icondingdanguanli:before { content: "\e700"; } .iconshouhuodepinglun:before { content: "\e703"; } .iconxinzengguanzhu:before { content: "\e706"; } .icontixianshenqing:before { content: "\e707"; } .iconyongjinxinxi:before { content: "\e708"; } .iconkeyuyue:before { content: "\e6ff"; } .icon-bofang:before { content: "\e621"; } .icon-caidan:before { content: "\e790"; } .icon-edit:before { content: "\ec7c"; } .icon-kefuwu:before { content: "\e702"; } .icon-dongtai2:before { content: "\e6f7"; } .icon-dongtai1:before { content: "\e6fb"; } .icon-shoucang-fill:before { content: "\e6fc"; } .icon-shoucang:before { content: "\e6fd"; } .icon-pinglun:before { content: "\e6fe"; } .iconshengji:before { content: "\e6f4"; } .icon-required:before { content: "\e649"; } .iconchefeitixianjilu:before { content: "\e6f0"; } .icondengjiguanli:before { content: "\e6f1"; } .iconyanzhengma:before { content: "\e624"; } .icondangqianweizhi:before { content: "\e6de"; } .iconshijianguanli2:before { content: "\e6df"; } .iconweizhigengxin1:before { content: "\e6e0"; } .iconyijianbaojing:before { content: "\e6e1"; } .icontishishuoming:before { content: "\e64c"; } .iconshuyi_shuoming:before { content: "\e668"; } .icon-alipay:before { content: "\e68a"; } .icon-level-line:before { content: "\e6dd"; } .icon-level-icon:before { content: "\e6d4"; } .icon-xiuxi:before { content: "\e667"; } .icon-jiedan:before { content: "\e625"; } .icon-zaixian:before { content: "\e89d"; } .icon-caiwuguanli:before { content: "\e617"; } .icon-guanbi-fill:before { content: "\e85f"; } .iconwodeshoucang:before { content: "\e6c8"; } .iconwodekaquan:before { content: "\e6c9"; } .iconshouye:before { content: "\e6e2"; } .icontushucxuanzebofangtiaozhuan:before { content: "\e677"; } .icongengduo1:before { content: "\e644"; } .iconbianjiziliao:before { content: "\e6c4"; } .iconchapingshensu:before { content: "\e6c5"; } .iconchefeimingxi:before { content: "\e6c6"; } .iconchongzhijine:before { content: "\e6c7"; } .iconfenchengmingxi:before { content: "\e6ca"; } .iconfenxiang:before { content: "\e6cb"; } .iconjifenmingxi:before { content: "\e6cc"; } .iconguanbi:before { content: "\e6cd"; } .iconqiehuanyonghuduan:before { content: "\e6ce"; } .iconjiazhongtongji:before { content: "\e6cf"; } .iconriqi:before { content: "\e6d0"; } .iconshangchuanzhaopian:before { content: "\e6d1"; } .iconsousuo:before { content: "\e6d2"; } .iconshijianguanli1:before { content: "\e6d3"; } .iconweizhigengxin:before { content: "\e6d5"; } .iconwentifankui:before { content: "\e6d6"; } .iconwuliaoshangcheng:before { content: "\e6d7"; } .iconyejimingxi:before { content: "\e6d9"; } .iconzhuxiaozhanghu:before { content: "\e6db"; } .iconwoyaojieyue:before { content: "\e6dc"; } .icongengduo:before { content: "\e6b8"; } .iconguan:before { content: "\e6bc"; } .iconkai:before { content: "\e6c1"; } .icon-weixin:before { content: "\e627"; } .icon-apple:before { content: "\e60f"; } .icongerenxinxi:before { content: "\e616"; } .iconzhiweixiangqing:before { content: "\e6e5"; } .icon-account-line:before { content: "\e688"; } .icon-person-accounts:before { content: "\e6ba"; } .icon-chaifenyemian:before { content: "\e6c0"; } .icon-diy:before { content: "\e629"; } .icon-zuzhi:before { content: "\eaaa"; } .icon-qudao:before { content: "\e63b"; } .iconjishijiedan:before { content: "\e6b9"; } .iconerweima3:before { content: "\e84c"; } .iconerweima:before { content: "\e623"; } .iconjishidaoda:before { content: "\e6b3"; } .iconjishichufa:before { content: "\e6b5"; } .iconjishifuwu:before { content: "\e6b6"; } .iconjishiwancheng:before { content: "\e6bd"; } .iconyijiedan:before { content: "\e6be"; } .icondaijiedan:before { content: "\e6bf"; } .iconjingbao:before { content: "\e636"; } .iconanmo1:before { content: "\e857"; } .iconanmo2:before { content: "\e858"; } .iconchongzhi:before { content: "\e859"; } .iconbodadianhua:before { content: "\e85a"; } .icondaipingjia:before { content: "\e85b"; } .icondizhiguanli:before { content: "\e85c"; } .icondingdan2:before { content: "\e85d"; } .iconfuwuzhong:before { content: "\e85e"; } .iconjifen3:before { content: "\e860"; } .icondingdan3:before { content: "\e861"; } .iconjuli:before { content: "\e867"; } .iconlianxikefu:before { content: "\e868"; } .iconbangdingjishi:before { content: "\e869"; } .iconpinglun:before { content: "\e86a"; } .iconqiehuanjishiduan:before { content: "\e86b"; } .icondaizhifu:before { content: "\e86c"; } .icondaifuwu:before { content: "\e86d"; } .iconshaixuanshang-1:before { content: "\e870"; } .iconshijianguanli:before { content: "\e873"; } .iconshipin1:before { content: "\e875"; } .iconshoucang1:before { content: "\e876"; } .iconshenqingjishi:before { content: "\e877"; } .iconshoucangjishi:before { content: "\e878"; } .iconshouye21:before { content: "\e879"; } .iconshouye11:before { content: "\e87a"; } .iconpingfen:before { content: "\e87b"; } .icontuikuan:before { content: "\e87c"; } .icontuiguanghaibao:before { content: "\e87d"; } .iconwodeshouyi:before { content: "\e87e"; } .iconxiangqing:before { content: "\e87f"; } .iconwodetuandui1:before { content: "\e880"; } .iconshaixuanxia-1:before { content: "\e881"; } .iconsousuo1:before { content: "\e883"; } .iconshoucang2:before { content: "\e884"; } .iconwode2:before { content: "\e885"; } .iconyaoqingyouli:before { content: "\e886"; } .iconwode1:before { content: "\e887"; } .icon-down-fill:before { content: "\e665"; } .icon-up-fill:before { content: "\e666"; } .iconweixin:before { content: "\e64f"; } .icon-share:before { content: "\e638"; } .iconnan-xiaotu:before { content: "\e7b1"; } .iconnv-xiaotu:before { content: "\e7b4"; } .icontongzhi:before { content: "\e64e"; } .iconsanjiao_xia:before { content: "\e671"; } .iconbalance:before { content: "\e763"; } .iconweixinzhifu1:before { content: "\e764"; } .iconqianbao:before { content: "\e829"; } .iconhuiyuanka:before { content: "\e7af"; } .icon-liuyanguanli:before { content: "\e6bb"; } .iconguanzhu:before { content: "\e68c"; } .iconguanzhuxuanzhong:before { content: "\e689"; } .iconyduixingxingkongxin:before { content: "\e779"; } .iconyduixingxingshixin:before { content: "\e77b"; } .icon-yuyue:before { content: "\e6da"; } .icon-yingxiao:before { content: "\e701"; } .icon-gouwuche-fill:before { content: "\e600"; } .icon-dingwei-fill:before { content: "\e602"; } .icon-left:before { content: "\e604"; } .icon-right:before { content: "\e608"; } .icon-close:before { content: "\e609"; } .icon-add:before { content: "\e611"; } .icon-gouwudai:before { content: "\e73e"; } .icon-caiwu:before { content: "\e6a7"; } .icon-kehu:before { content: "\e6ad"; } .icon-member:before { content: "\e761"; } .icon-shenhe:before { content: "\e695"; } .icon-xitong:before { content: "\e6a8"; } .icon-daifukuan:before { content: "\e787"; } .icon-dingdanguanli:before { content: "\e632"; } .icon-shangpin:before { content: "\e63c"; } .icon-dianpu:before { content: "\e66c"; } .icon-daihexiao:before { content: "\e6f8"; } .icon-yiwancheng:before { content: "\e6f9"; } .icon-pingjia:before { content: "\e77e"; } .icon-home:before { content: "\e775"; } .icon-home-fill:before { content: "\e776"; } .icon-dingwei:before { content: "\e612"; } .icon-shouhouguanli:before { content: "\e773"; } .icon-jishi:before { content: "\e652"; } .icon-wodeshouhou:before { content: "\e60d"; } .icon-tongzhi-fill:before { content: "\e615"; } .icon-jishi-fill:before { content: "\e601"; } .icon-tuichu:before { content: "\e603"; } .icon-camera:before { content: "\e60e"; } .icon-down:before { content: "\e60a"; } .icon-xuanze:before { content: "\e77c"; } .icon-xuanze-fill:before { content: "\e77d"; } .icon-switch:before { content: "\e642"; } .icon-switch-on:before { content: "\e643"; } .icon-jian-fill:before { content: "\e61f"; } .icon-jian:before { content: "\e6fa"; } .icon-radio-fill:before { content: "\e620"; } .icon-gouwudai-fill:before { content: "\e6d8"; } .icon-eyeclose:before { content: "\e6ab"; } .icon-eyeopen:before { content: "\e6ac"; } .icon-mima:before { content: "\e69e"; } .icon-username:before { content: "\e6b7"; } .icon-mine:before { content: "\e6f5"; } .icon-mine-fill:before { content: "\e6f6"; } .icon-tongzhi:before { content: "\e60b"; } .icon-jia-bold:before { content: "\e613"; } .icon-jian-bold:before { content: "\e614"; } .icon-tianjia:before { content: "\e653"; } .icon-zhuanhuan:before { content: "\e6c2"; } .icon-xiaochengxu:before { content: "\e6c3"; } .icon-warn:before { content: "\e6a5"; } .icon-weirenzheng:before { content: "\e63a"; } .icon-biaoqian:before { content: "\e60c"; } .icon-shuaxin:before { content: "\e654"; } /*flex布局,可以自己定义适合自己的*/ .flex { display: flex; } .flex-1 { flex: 1; } .flex-column { display: flex; flex-direction: column; } .flex-warp { display: flex; flex-wrap: wrap; } .flex-center { display: flex; align-items: center; justify-content: center; } .flex-between { display: flex; align-items: center; justify-content: space-between; } .flex-x-center { display: flex; justify-content: center; } .flex-x-between { display: flex; justify-content: space-between; } .flex-y-center { display: flex; align-items: center; } .flex-y-start { display: flex; align-items: flex-start; } .flex-y-end { display: flex; align-items: flex-end; } .flex-y-baseline { display: flex; align-items: baseline; } /* ios_自定义navBar */ .back-user-ios { width: 87px; height: 32px; border-radius: 32px; margin-top: 6px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #eeeeee; margin-left: 24rpx; -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } .back-user-ios .back-user_avatar { width: 24px; height: 24px; border-radius: 50%; background: #f4f6f8; } .back-user-ios .back-user_text { font-size: 11px; line-height: 44px; margin-left: 5px; } /* .nav_c_text { line-height: 44px; font-size: 16px; } */ /* android_自定义navBar */ .back-user-android { width: 87px; height: 32px; border-radius: 32px; margin-top: 6px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #eeeeee; margin-left: 24rpx; -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } .back-user-android .back-user_avatar { width: 24px; height: 24px; border-radius: 50%; background: #f4f6f8; } .back-user-android .back-user_text { font-size: 11px; line-height: 44px; margin-left: 5px; } .back-user-ios.none, .back-user-android.none { color: #fff; background: none; } .nav_c_text { line-height: 44px; font-size: 16px; } .common-popup-content { width: 620rpx; height: auto; padding: 50rpx; display: flex; align-items: center; justify-content: center; flex-direction: column; } .common-popup-content .title { font-size: 40rpx; font-family: Microsoft YaHei; font-weight: bold; color: #333; } .common-popup-content .desc, .common-popup-content .name { font-size: 24rpx; font-family: Microsoft YaHei; font-weight: 400; color: #666; margin-top: 5rpx; } .common-popup-content .name { color: #999; margin-top: 15rpx; } .common-popup-content .image { width: 200rpx; height: 200rpx; border-radius: 15rpx; margin-top: 40rpx; } .common-popup-content .image.middle { width: 300rpx; height: 300rpx; } .common-popup-content .input { width: 480rpx; height: 110rpx; background: #F7F7F7; } .common-popup-content .textarea { width: 480rpx; height: 300rpx; background: #F7F7F7; } .common-popup-content .button { display: flex; align-items: center; justify-content: center; margin-top: 50rpx; } .common-popup-content .button .item-child { width: 240rpx; height: 90rpx; color: #666; background: #EEEEEE; border-radius: 45rpx; margin: 0 20rpx; display: flex; align-items: center; justify-content: center; } .page-height { width: 100%; height: 100vh; background: #fff; } /* 单选/多选按钮 */ .pay-icon { font-size: 40rpx; } /* 分享按钮 */ .common-share-btn { right: 30rpx; bottom: 140rpx; width: 90rpx; height: 90rpx; margin-bottom: calc(env(safe-area-inset-bottom) / 2); } .common-share-btn .iconfont { font-size: 40rpx; } .common-share-btn.detail { bottom: 170rpx; } .map-info .iconjuli { font-size: 42rpx; } .map-info .icon-down { -webkit-transform: scale(0.5); transform: scale(0.5); } /* 海报 */ .hideCanvasView { position: relative; } .hideCanvasView .hideCanvas { position: absolute; left: -9999rpx; top: -9999rpx; } /* 技-师页面 */ .pages-technician .fix-info { height: 225rpx; } .pages-technician .fix-info .space-top { width: 100%; height: 40rpx; top: 0; } .pages-technician .fix-info .search-info { width: 100%; top: 0; } .pages-technician .fix-info .search-info .city-info { width: 170rpx; } .pages-technician .fix-info .search-info .city-info .iconfont { font-size: 20rpx; -webkit-transform: scale(0.5); transform: scale(0.5); } .pages-technician .fix-info.choose { height: 135rpx; } .pages-technician .choose-city-popup { padding: 0 32rpx 0 30rpx; } .pages-technician .choose-city-popup .city-img { width: 688rpx; height: 364rpx; } .pages-technician .choose-city-popup .text { top: 256rpx; left: 78rpx; width: 606rpx; } .pages-technician .choose-city-popup .flex-between { margin-top: 25rpx; } .pages-technician .choose-city-popup .flex-between .item-btn { width: 238rpx; height: 85rpx; background: #F9F9F9; } /* 订单相关页面 */ .order-pages .service-type-item { min-width: 143rpx; height: 59rpx; padding: 0 10rpx; background: #F5F5F5; border-radius: 8rpx; } .order-pages .address-info .address-icon { width: 64rpx; height: 64rpx; } .order-pages .address-info .address-icon .iconfont { font-size: 38rpx; } .order-pages .address-info .username { font-size: 30rpx; } .order-pages .store-info .item-icon { width: 40rpx; height: 40rpx; } .order-pages .store-info .item-icon .iconfont { font-size: 28rpx; } .order-pages .store-info .item-icon .item-icon { top: 0; left: 0; opacity: 0.1; } .order-pages .item-child .bell-tag { top: 0; left: 0; width: 120rpx; height: 40rpx; border-radius: 16rpx 0 16rpx 0; } .order-pages .item-child .grayscale .c-title, .order-pages .item-child .grayscale .c-warning { color: #999; } .order-pages .item-child .cover { width: 155rpx; height: 155rpx; } .order-pages .item-child .refund-img { width: 196rpx; height: 196rpx; } .order-pages .item-child .refund-img:nth-child(3n) { margin-right: 0; } .order-pages .item-textarea { width: 570rpx; height: 300rpx; } .order-pages .menu-list { margin-top: -30rpx; } .order-pages .menu-list .menu-title { height: 90rpx; } .order-pages .menu-list .menu-title .iconfont { font-size: 24rpx; } .order-pages .menu-list .menu-line { width: 80%; top: 76rpx; left: 10%; } .order-pages .menu-list .item-child { width: 20%; margin: 10rpx 0; } .order-pages .menu-list .item-child .item-img { width: 72rpx; height: 72rpx; z-index: 9; border: 1px solid #666; } .order-pages .menu-list .item-child .item-img .iconfont { font-size: 40rpx; } .order-pages .add-bell .menu-line { width: 70%; top: 76rpx; left: 15%; } .order-pages .add-bell .item-child { width: 33.33%; } .order-pages .order-agent-info { color: #4A4A4A; } .order-pages .order-agent-info .coach-img { width: 94rpx; height: 94rpx; } .order-pages .order-agent-info .title { width: 200rpx; font-weight: bold; } .order-pages .order-agent-info .text { color: #777; font-size: 26rpx; } .order-pages .copy-btn { width: 60rpx; height: 32rpx; border: 1rpx solid #fff; -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } .order-pages .copy-btn.fill { color: 333; borderColor: #eee; background: #eee; padding: 2rpx 6rpx; } .order-pages .copy-btn.span { padding: 2rpx 6rpx; } .order-pages .footer-info { bottom: 0; } .order-pages .footer-info .item-btn { min-width: 150rpx; height: 64rpx; padding: 0 10rpx; background: #EEEEEE; } /* 申请表单相关页面 */ .apply-pages .apply-form .item-text { width: 200rpx; height: 30rpx; line-height: 30rpx; font-size: 30rpx; color: #1F1F1F; } .apply-pages .apply-form .item-input { min-height: 30rpx; line-height: 30rpx; padding: 25rpx 0; font-size: 26rpx; color: #A9A9A9; } .apply-pages .apply-form .item-input.text { padding: 30rpx 0; } .apply-pages .apply-form .item-textarea { width: 630rpx; height: 400rpx; color: #A9A9A9; } .apply-pages .apply-form .icon-switch, .apply-pages .apply-form .icon-switch-on { font-size: 90rpx; line-height: 46rpx; } /* 储值明细记录 */ .stored-record-pages .list-time { z-index: 99999; } .stored-record-pages .list-time .item-child { width: 50%; height: 95rpx; } .stored-record-pages .list-time .item-child .iconfont { font-size: 28rpx; } .stored-record-pages movable-area, .stored-record-pages movable-view { width: 686rpx; height: 148rpx; overflow: hidden; } .stored-record-pages .touch-item { font-size: 14px; display: flex; justify-content: space-between; width: 686rpx; height: 100%; overflow: hidden; } .stored-record-pages .content { width: 100%; transition: all 0.4s; -webkit-transform: translateX(270rpx); transform: translateX(270rpx); margin-left: -270rpx; } .stored-record-pages .delete-btn { width: 120rpx; height: 100%; color: #fff; border-radius: 0 15rpx 15rpx 0; -webkit-transform: translateX(270rpx); transform: translateX(270rpx); transition: all 0.4s; } .stored-record-pages .touch-move-active .content, .stored-record-pages .touch-move-active .delete-btn { -webkit-transform: translateX(0); transform: translateX(0); } .stored-record-pages .popup-choose-time .item-child { width: 50%; } .container { width: 100%; } /* 技-师等级 */ .technician-level { height: 333rpx; background: linear-gradient(206deg, #464749 0%, #020202 30%, #000000 100%); border-radius: 16rpx; -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); overflow: hidden; } .technician-level .icon-level-icon { font-size: 505rpx; top: -86rpx; left: 40rpx; z-index: -1; } .technician-level .level-icon-img { top: 22rpx; right: 41rpx; width: 111rpx; height: 111rpx; } .technician-level .level-title { font-size: 38rpx; color: #F9F9F9; } .technician-level .level-line { width: 100%; height: 20rpx; background: #2D333C; } .technician-level .level-line.cur { top: 0; left: 0; } .technician-level .f-icontext { color: rgba(255, 255, 255, 0.7); } page { font-size: 28rpx; color: #222; line-height: 1.5; background: #F6F6F6; font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif; } input::-webkit-input-placeholder { /* WebKit browsers */ color: #A9A9A9; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #A9A9A9; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #A9A9A9; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #A9A9A9; } view { box-sizing: border-box; } image { display: block; } .h5-image { background-position: center center; background-size: cover; background-repeat: no-repeat; } /*隐藏滚动条*/ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; }