@charset "UTF-8"; /** * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量 * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用 */ /* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: 'iconfont'; /* Project id 4212830 */ src: url('https://at.alicdn.com/t/c/font_4212830_45v606t4qri.woff2?t=1692205085198') format('woff2'), url('https://at.alicdn.com/t/c/font_4212830_45v606t4qri.woff?t=1692205085198') format('woff'), url('https://at.alicdn.com/t/c/font_4212830_45v606t4qri.ttf?t=1692205085198') format('truetype') } .iconfont { font-family: "iconfont" !important; font-size: 32rpx; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xiangqingmingxi:before { content: "\e6e3"; } .icon-zhanghuxiangqing:before { content: "\e605"; } .icon-huodongliebiao:before { content: "\e61d"; } .icon-liebiao:before { content: "\ecae"; } .icon-zhexiantu:before { content: "\e683"; } .icon-zhexiantu2:before { content: "\e70d"; } .icon-wenjianliebiao:before { content: "\e6fa"; } .icon-xiangqing:before { content: "\e639"; } .icon-huaban:before { content: "\e610"; } .icon-jiandingchuzhitongji:before { content: "\e640"; } .icon-shoujilaoshijinkutongji:before { content: "\e644"; } .icon-zhexiantu1:before { content: "\e6d0"; } .icon-jingxiaoshangtongjibaobiao:before { content: "\eaa1"; } .icon-yunyingshujutongji:before { content: "\eaa2"; } .icon-tongji_1:before { content: "\e617"; } .icon-iPhone8Copy10:before { content: "\e604"; } .icon-yonghuhuankuanbaobiao:before { content: "\e7cc"; } .icon-qian:before { content: "\e64b"; } .icon-jinpai:before { content: "\e60f"; } .icon-kehuliebiao:before { content: "\e616"; } .icon-jine:before { content: "\f2a4"; } .icon-zidongbukucun:before { content: "\e614"; } .icon-yuangongguanli:before { content: "\e620"; } .icon-shouyetianchong:before { content: "\e692"; } .icon-youhuiquan01:before { content: "\e62f"; } .icon-zongshuju:before { content: "\e66f"; } .icon-rest-income:before { content: "\e618"; } .icon-xindekehuyong:before { content: "\e664"; } .icon-xiaoshou:before { content: "\e656"; } .icon-xiaoshoutixi:before { content: "\e68c"; } .icon-xiaoshouyuce:before { content: "\e66c"; } .icon-chongzhifanxian:before { content: "\e626"; } .icon-svg-:before { content: "\e624"; } .icon-svg-1:before { content: "\e625"; } .icon-kucun-:before { content: "\e609"; } .icon-yuangong:before { content: "\ea3f"; } .icon-shouru:before { content: "\e681"; } .icon-zhichu:before { content: "\e682"; } .icon-shouru1:before { content: "\e686"; } .icon-zhichu1:before { content: "\e688"; } .icon-zongshouru:before { content: "\e613"; } .icon-shouruyucebaobiao:before { content: "\e60a"; } .icon-feiyongzhichu:before { content: "\e607"; } .icon-shouru2:before { content: "\100c9"; } .icon-zhichudengji:before { content: "\e805"; } .icon-shouru3:before { content: "\10127"; } .icon-geren:before { content: "\e680"; } .uni-forms-item__content { display: flex; align-items: center; } .u-tag__text { font-size: 22rpx; padding: 0 10rpx; } .u-line-1 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical !important; } .u-line-2 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical !important; } .u-line-3 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical !important; } .u-line-4 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical !important; } .u-line-5 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical !important; } .u-border { border-width: 0.5px !important; border-color: #dadbde !important; border-style: solid; } .u-border-top { border-top-width: 0.5px !important; border-color: #dadbde !important; border-top-style: solid; } .u-border-left { border-left-width: 0.5px !important; border-color: #dadbde !important; border-left-style: solid; } .u-border-right { border-right-width: 0.5px !important; border-color: #dadbde !important; border-right-style: solid; } .u-border-bottom { border-bottom-width: 0.5px !important; border-color: #dadbde !important; border-bottom-style: solid; } .u-border-top-bottom { border-top-width: 0.5px !important; border-bottom-width: 0.5px !important; border-color: #dadbde !important; border-top-style: solid; border-bottom-style: solid; } .u-reset-button { padding: 0; background-color: transparent; font-size: inherit; line-height: inherit; color: inherit; } .u-reset-button::after { border: none; } .u-hover-class { opacity: 0.7; } .u-primary-light { color: #ecf5ff; } .u-warning-light { color: #fdf6ec; } .u-success-light { color: #f5fff0; } .u-error-light { color: #fef0f0; } .u-info-light { color: #f4f4f5; } .u-primary-light-bg { background-color: #ecf5ff; } .u-warning-light-bg { background-color: #fdf6ec; } .u-success-light-bg { background-color: #f5fff0; } .u-error-light-bg { background-color: #fef0f0; } .u-info-light-bg { background-color: #f4f4f5; } .u-primary-dark { color: #4ce4ab; } .u-warning-dark { color: #f1a532; } .u-success-dark { color: #53c21d; } .u-error-dark { color: #e45656; } .u-info-dark { color: #767a82; } .u-primary-dark-bg { background-color: #4ce4ab; } .u-warning-dark-bg { background-color: #f1a532; } .u-success-dark-bg { background-color: #53c21d; } .u-error-dark-bg { background-color: #e45656; } .u-info-dark-bg { background-color: #767a82; } .u-primary-disabled { color: #9acafc; } .u-warning-disabled { color: #f9d39b; } .u-success-disabled { color: #a9e08f; } .u-error-disabled { color: #f7b2b2; } .u-info-disabled { color: #c4c6c9; } .u-primary { color: #5fd9ee; } .u-warning { color: #f9ae3d; } .u-success { color: #5ac725; } .u-error { color: #f56c6c; } .u-info { color: #909399; } .u-primary-bg { background-color: #5fd9ee; } .u-warning-bg { background-color: #f9ae3d; } .u-success-bg { background-color: #5ac725; } .u-error-bg { background-color: #f56c6c; } .u-info-bg { background-color: #909399; } .u-main-color { color: #303133; } .u-content-color { color: #606266; } .u-tips-color { color: #909193; } .u-light-color { color: #c0c4cc; } .u-safe-area-inset-top { padding-top: 0; padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } .u-safe-area-inset-right { padding-right: 0; padding-right: constant(safe-area-inset-right); padding-right: env(safe-area-inset-right); } .u-safe-area-inset-bottom { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .u-safe-area-inset-left { padding-left: 0; padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); } ::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; } .u-flex, .u-flex-row, .u-flex-x { display: flex; flex-direction: row; } .u-flex-y, .u-flex-column { display: flex; flex-direction: column; } .u-flex-x-center { display: flex; flex-direction: row; justify-content: center; } .u-flex-xy-center { display: flex; flex-direction: row; justify-content: center; align-items: center; } .u-flex-y-center { display: flex; flex-direction: row; align-items: center; } .u-flex-x-left { display: flex; flex-direction: row; } .u-flex-x-reverse, .u-flex-row-reverse { flex-direction: row-reverse; } .u-flex-y-reverse, .u-flex-column-reverse { flex-direction: column-reverse; } .u-flex.u-flex-reverse, .u-flex-row.u-flex-reverse, .u-flex-x.u-flex-reverse { flex-direction: row-reverse; } .u-flex-column.u-flex-reverse, .u-flex-y.u-flex-reverse { flex-direction: column-reverse; } .u-flex-fill { flex: 1 1 auto; } .u-margin-top-auto, .u-m-t-auto { margin-top: auto !important; } .u-margin-right-auto, .u-m-r-auto { margin-right: auto !important; } .u-margin-bottom-auto, .u-m-b-auto { margin-bottom: auto !important; } .u-margin-left-auto, .u-m-l-auto { margin-left: auto !important; } .u-margin-center-auto, .u-m-c-auto { margin-left: auto !important; margin-right: auto !important; } .u-margin-middle-auto, .u-m-m-auto { margin-top: auto !important; margin-bottom: auto !important; } .u-flex-wrap { flex-wrap: wrap; } .u-flex-wrap-reverse { flex-wrap: wrap-reverse; } .u-flex-start { justify-content: flex-start; } .u-flex-center { justify-content: center; } .u-flex-end { justify-content: flex-end; } .u-flex-between { justify-content: space-between; } .u-flex-around { justify-content: space-around; } .u-flex-items-start { align-items: flex-start; } .u-flex-items-center { align-items: center; } .u-flex-items-end { align-items: flex-end; } .u-flex-items-baseline { align-items: baseline; } .u-flex-items-stretch { align-items: stretch; } .u-flex-self-start { align-self: flex-start; } .u-flex-self-center { align-self: center; } .u-flex-self-end { align-self: flex-end; } .u-flex-self-baseline { align-self: baseline; } .u-flex-self-stretch { align-self: stretch; } .u-flex-content-start { align-content: flex-start; } .u-flex-content-center { align-content: center; } .u-flex-content-end { align-content: flex-end; } .u-flex-content-between { align-content: space-between; } .u-flex-content-around { align-content: space-around; } .u-flex-middle { justify-content: center; align-items: center; align-self: center; align-content: center; } .u-flex-grow { flex-grow: 1; } .u-flex-shrink { flex-shrink: 1; } /** * 1、nuve中写css样式时的注意事项: https://uniapp.dcloud.io/tutorial/nvue-css.html * 2、rpx 与 px 单位使用约定 * 注意只有当你需要某元素的单位要根据屏幕宽度(小范围)大小变化时,才需要rpx这类动态宽度单位。 * 一般情况下高度和字体大小是不应该根据屏幕宽度(等比)变化的。所以高度和字体统一都使用px */ page { background: #f3f4f6; color: #303133; font-size: 14px; } .u-page { padding: 15px 15px 40px 15px; } view, navigator, image, text, scroll-view, swiper, swiper-item, input, textarea, button { box-sizing: border-box; } /* 文字避头尾法则 */ .btw { table-layout: fixed; word-wrap: break-word; word-break: normal; text-align: justify; text-justify: inter-ideograph; } .bg-white { background: #fff; } .font-weight { font-weight: bold; } .img-radius { border-radius: 10px; }