/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uniui-cart-filled[data-v-d31e1c47]:before { content: "\e6d0"; } .uniui-gift-filled[data-v-d31e1c47]:before { content: "\e6c4"; } .uniui-color[data-v-d31e1c47]:before { content: "\e6cf"; } .uniui-wallet[data-v-d31e1c47]:before { content: "\e6b1"; } .uniui-settings-filled[data-v-d31e1c47]:before { content: "\e6ce"; } .uniui-auth-filled[data-v-d31e1c47]:before { content: "\e6cc"; } .uniui-shop-filled[data-v-d31e1c47]:before { content: "\e6cd"; } .uniui-staff-filled[data-v-d31e1c47]:before { content: "\e6cb"; } .uniui-vip-filled[data-v-d31e1c47]:before { content: "\e6c6"; } .uniui-plus-filled[data-v-d31e1c47]:before { content: "\e6c7"; } .uniui-folder-add-filled[data-v-d31e1c47]:before { content: "\e6c8"; } .uniui-color-filled[data-v-d31e1c47]:before { content: "\e6c9"; } .uniui-tune-filled[data-v-d31e1c47]:before { content: "\e6ca"; } .uniui-calendar-filled[data-v-d31e1c47]:before { content: "\e6c0"; } .uniui-notification-filled[data-v-d31e1c47]:before { content: "\e6c1"; } .uniui-wallet-filled[data-v-d31e1c47]:before { content: "\e6c2"; } .uniui-medal-filled[data-v-d31e1c47]:before { content: "\e6c3"; } .uniui-fire-filled[data-v-d31e1c47]:before { content: "\e6c5"; } .uniui-refreshempty[data-v-d31e1c47]:before { content: "\e6bf"; } .uniui-location-filled[data-v-d31e1c47]:before { content: "\e6af"; } .uniui-person-filled[data-v-d31e1c47]:before { content: "\e69d"; } .uniui-personadd-filled[data-v-d31e1c47]:before { content: "\e698"; } .uniui-arrowthinleft[data-v-d31e1c47]:before { content: "\e6d2"; } .uniui-arrowthinup[data-v-d31e1c47]:before { content: "\e6d3"; } .uniui-arrowthindown[data-v-d31e1c47]:before { content: "\e6d4"; } .uniui-back[data-v-d31e1c47]:before { content: "\e6b9"; } .uniui-forward[data-v-d31e1c47]:before { content: "\e6ba"; } .uniui-arrow-right[data-v-d31e1c47]:before { content: "\e6bb"; } .uniui-arrow-left[data-v-d31e1c47]:before { content: "\e6bc"; } .uniui-arrow-up[data-v-d31e1c47]:before { content: "\e6bd"; } .uniui-arrow-down[data-v-d31e1c47]:before { content: "\e6be"; } .uniui-arrowthinright[data-v-d31e1c47]:before { content: "\e6d1"; } .uniui-down[data-v-d31e1c47]:before { content: "\e6b8"; } .uniui-bottom[data-v-d31e1c47]:before { content: "\e6b8"; } .uniui-arrowright[data-v-d31e1c47]:before { content: "\e6d5"; } .uniui-right[data-v-d31e1c47]:before { content: "\e6b5"; } .uniui-up[data-v-d31e1c47]:before { content: "\e6b6"; } .uniui-top[data-v-d31e1c47]:before { content: "\e6b6"; } .uniui-left[data-v-d31e1c47]:before { content: "\e6b7"; } .uniui-arrowup[data-v-d31e1c47]:before { content: "\e6d6"; } .uniui-eye[data-v-d31e1c47]:before { content: "\e651"; } .uniui-eye-filled[data-v-d31e1c47]:before { content: "\e66a"; } .uniui-eye-slash[data-v-d31e1c47]:before { content: "\e6b3"; } .uniui-eye-slash-filled[data-v-d31e1c47]:before { content: "\e6b4"; } .uniui-info-filled[data-v-d31e1c47]:before { content: "\e649"; } .uniui-reload[data-v-d31e1c47]:before { content: "\e6b2"; } .uniui-micoff-filled[data-v-d31e1c47]:before { content: "\e6b0"; } .uniui-map-pin-ellipse[data-v-d31e1c47]:before { content: "\e6ac"; } .uniui-map-pin[data-v-d31e1c47]:before { content: "\e6ad"; } .uniui-location[data-v-d31e1c47]:before { content: "\e6ae"; } .uniui-starhalf[data-v-d31e1c47]:before { content: "\e683"; } .uniui-star[data-v-d31e1c47]:before { content: "\e688"; } .uniui-star-filled[data-v-d31e1c47]:before { content: "\e68f"; } .uniui-calendar[data-v-d31e1c47]:before { content: "\e6a0"; } .uniui-fire[data-v-d31e1c47]:before { content: "\e6a1"; } .uniui-medal[data-v-d31e1c47]:before { content: "\e6a2"; } .uniui-font[data-v-d31e1c47]:before { content: "\e6a3"; } .uniui-gift[data-v-d31e1c47]:before { content: "\e6a4"; } .uniui-link[data-v-d31e1c47]:before { content: "\e6a5"; } .uniui-notification[data-v-d31e1c47]:before { content: "\e6a6"; } .uniui-staff[data-v-d31e1c47]:before { content: "\e6a7"; } .uniui-vip[data-v-d31e1c47]:before { content: "\e6a8"; } .uniui-folder-add[data-v-d31e1c47]:before { content: "\e6a9"; } .uniui-tune[data-v-d31e1c47]:before { content: "\e6aa"; } .uniui-auth[data-v-d31e1c47]:before { content: "\e6ab"; } .uniui-person[data-v-d31e1c47]:before { content: "\e699"; } .uniui-email-filled[data-v-d31e1c47]:before { content: "\e69a"; } .uniui-phone-filled[data-v-d31e1c47]:before { content: "\e69b"; } .uniui-phone[data-v-d31e1c47]:before { content: "\e69c"; } .uniui-email[data-v-d31e1c47]:before { content: "\e69e"; } .uniui-personadd[data-v-d31e1c47]:before { content: "\e69f"; } .uniui-chatboxes-filled[data-v-d31e1c47]:before { content: "\e692"; } .uniui-contact[data-v-d31e1c47]:before { content: "\e693"; } .uniui-chatbubble-filled[data-v-d31e1c47]:before { content: "\e694"; } .uniui-contact-filled[data-v-d31e1c47]:before { content: "\e695"; } .uniui-chatboxes[data-v-d31e1c47]:before { content: "\e696"; } .uniui-chatbubble[data-v-d31e1c47]:before { content: "\e697"; } .uniui-upload-filled[data-v-d31e1c47]:before { content: "\e68e"; } .uniui-upload[data-v-d31e1c47]:before { content: "\e690"; } .uniui-weixin[data-v-d31e1c47]:before { content: "\e691"; } .uniui-compose[data-v-d31e1c47]:before { content: "\e67f"; } .uniui-qq[data-v-d31e1c47]:before { content: "\e680"; } .uniui-download-filled[data-v-d31e1c47]:before { content: "\e681"; } .uniui-pyq[data-v-d31e1c47]:before { content: "\e682"; } .uniui-sound[data-v-d31e1c47]:before { content: "\e684"; } .uniui-trash-filled[data-v-d31e1c47]:before { content: "\e685"; } .uniui-sound-filled[data-v-d31e1c47]:before { content: "\e686"; } .uniui-trash[data-v-d31e1c47]:before { content: "\e687"; } .uniui-videocam-filled[data-v-d31e1c47]:before { content: "\e689"; } .uniui-spinner-cycle[data-v-d31e1c47]:before { content: "\e68a"; } .uniui-weibo[data-v-d31e1c47]:before { content: "\e68b"; } .uniui-videocam[data-v-d31e1c47]:before { content: "\e68c"; } .uniui-download[data-v-d31e1c47]:before { content: "\e68d"; } .uniui-help[data-v-d31e1c47]:before { content: "\e679"; } .uniui-navigate-filled[data-v-d31e1c47]:before { content: "\e67a"; } .uniui-plusempty[data-v-d31e1c47]:before { content: "\e67b"; } .uniui-smallcircle[data-v-d31e1c47]:before { content: "\e67c"; } .uniui-minus-filled[data-v-d31e1c47]:before { content: "\e67d"; } .uniui-micoff[data-v-d31e1c47]:before { content: "\e67e"; } .uniui-closeempty[data-v-d31e1c47]:before { content: "\e66c"; } .uniui-clear[data-v-d31e1c47]:before { content: "\e66d"; } .uniui-navigate[data-v-d31e1c47]:before { content: "\e66e"; } .uniui-minus[data-v-d31e1c47]:before { content: "\e66f"; } .uniui-image[data-v-d31e1c47]:before { content: "\e670"; } .uniui-mic[data-v-d31e1c47]:before { content: "\e671"; } .uniui-paperplane[data-v-d31e1c47]:before { content: "\e672"; } .uniui-close[data-v-d31e1c47]:before { content: "\e673"; } .uniui-help-filled[data-v-d31e1c47]:before { content: "\e674"; } .uniui-paperplane-filled[data-v-d31e1c47]:before { content: "\e675"; } .uniui-plus[data-v-d31e1c47]:before { content: "\e676"; } .uniui-mic-filled[data-v-d31e1c47]:before { content: "\e677"; } .uniui-image-filled[data-v-d31e1c47]:before { content: "\e678"; } .uniui-locked-filled[data-v-d31e1c47]:before { content: "\e668"; } .uniui-info[data-v-d31e1c47]:before { content: "\e669"; } .uniui-locked[data-v-d31e1c47]:before { content: "\e66b"; } .uniui-camera-filled[data-v-d31e1c47]:before { content: "\e658"; } .uniui-chat-filled[data-v-d31e1c47]:before { content: "\e659"; } .uniui-camera[data-v-d31e1c47]:before { content: "\e65a"; } .uniui-circle[data-v-d31e1c47]:before { content: "\e65b"; } .uniui-checkmarkempty[data-v-d31e1c47]:before { content: "\e65c"; } .uniui-chat[data-v-d31e1c47]:before { content: "\e65d"; } .uniui-circle-filled[data-v-d31e1c47]:before { content: "\e65e"; } .uniui-flag[data-v-d31e1c47]:before { content: "\e65f"; } .uniui-flag-filled[data-v-d31e1c47]:before { content: "\e660"; } .uniui-gear-filled[data-v-d31e1c47]:before { content: "\e661"; } .uniui-home[data-v-d31e1c47]:before { content: "\e662"; } .uniui-home-filled[data-v-d31e1c47]:before { content: "\e663"; } .uniui-gear[data-v-d31e1c47]:before { content: "\e664"; } .uniui-smallcircle-filled[data-v-d31e1c47]:before { content: "\e665"; } .uniui-map-filled[data-v-d31e1c47]:before { content: "\e666"; } .uniui-map[data-v-d31e1c47]:before { content: "\e667"; } .uniui-refresh-filled[data-v-d31e1c47]:before { content: "\e656"; } .uniui-refresh[data-v-d31e1c47]:before { content: "\e657"; } .uniui-cloud-upload[data-v-d31e1c47]:before { content: "\e645"; } .uniui-cloud-download-filled[data-v-d31e1c47]:before { content: "\e646"; } .uniui-cloud-download[data-v-d31e1c47]:before { content: "\e647"; } .uniui-cloud-upload-filled[data-v-d31e1c47]:before { content: "\e648"; } .uniui-redo[data-v-d31e1c47]:before { content: "\e64a"; } .uniui-images-filled[data-v-d31e1c47]:before { content: "\e64b"; } .uniui-undo-filled[data-v-d31e1c47]:before { content: "\e64c"; } .uniui-more[data-v-d31e1c47]:before { content: "\e64d"; } .uniui-more-filled[data-v-d31e1c47]:before { content: "\e64e"; } .uniui-undo[data-v-d31e1c47]:before { content: "\e64f"; } .uniui-images[data-v-d31e1c47]:before { content: "\e650"; } .uniui-paperclip[data-v-d31e1c47]:before { content: "\e652"; } .uniui-settings[data-v-d31e1c47]:before { content: "\e653"; } .uniui-search[data-v-d31e1c47]:before { content: "\e654"; } .uniui-redo-filled[data-v-d31e1c47]:before { content: "\e655"; } .uniui-list[data-v-d31e1c47]:before { content: "\e644"; } .uniui-mail-open-filled[data-v-d31e1c47]:before { content: "\e63a"; } .uniui-hand-down-filled[data-v-d31e1c47]:before { content: "\e63c"; } .uniui-hand-down[data-v-d31e1c47]:before { content: "\e63d"; } .uniui-hand-up-filled[data-v-d31e1c47]:before { content: "\e63e"; } .uniui-hand-up[data-v-d31e1c47]:before { content: "\e63f"; } .uniui-heart-filled[data-v-d31e1c47]:before { content: "\e641"; } .uniui-mail-open[data-v-d31e1c47]:before { content: "\e643"; } .uniui-heart[data-v-d31e1c47]:before { content: "\e639"; } .uniui-loop[data-v-d31e1c47]:before { content: "\e633"; } .uniui-pulldown[data-v-d31e1c47]:before { content: "\e632"; } .uniui-scan[data-v-d31e1c47]:before { content: "\e62a"; } .uniui-bars[data-v-d31e1c47]:before { content: "\e627"; } .uniui-checkbox[data-v-d31e1c47]:before { content: "\e62b"; } .uniui-checkbox-filled[data-v-d31e1c47]:before { content: "\e62c"; } .uniui-shop[data-v-d31e1c47]:before { content: "\e62f"; } .uniui-headphones[data-v-d31e1c47]:before { content: "\e630"; } .uniui-cart[data-v-d31e1c47]:before { content: "\e631"; } @font-face { font-family: uniicons; src: url("../../../assets/uniicons.32e978a5.ttf"); } .uni-icons[data-v-d31e1c47] { font-family: uniicons; text-decoration: none; text-align: center; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-easyinput[data-v-09fd5285] { width: 100%; flex: 1; position: relative; text-align: left; color: #333; font-size: 14px; } .uni-easyinput__content[data-v-09fd5285] { flex: 1; width: 100%; display: flex; box-sizing: border-box; flex-direction: row; align-items: center; border-color: #fff; transition-property: border-color; transition-duration: 0.3s; } .uni-easyinput__content-input[data-v-09fd5285] { width: auto; position: relative; overflow: hidden; flex: 1; line-height: 1; font-size: 14px; height: 35px; /*ifdef H5*/ /*endif*/ } .uni-easyinput__content-input[data-v-09fd5285] ::-ms-reveal { display: none; } .uni-easyinput__content-input[data-v-09fd5285] ::-ms-clear { display: none; } .uni-easyinput__content-input[data-v-09fd5285] ::-o-clear { display: none; } .uni-easyinput__placeholder-class[data-v-09fd5285] { color: #999; font-size: 12px; } .is-textarea[data-v-09fd5285] { align-items: flex-start; } .is-textarea-icon[data-v-09fd5285] { margin-top: 5px; } .uni-easyinput__content-textarea[data-v-09fd5285] { position: relative; overflow: hidden; flex: 1; line-height: 1.5; font-size: 14px; margin: 6px; margin-left: 0; height: 80px; min-height: 80px; min-height: 80px; width: auto; } .input-padding[data-v-09fd5285] { padding-left: 10px; } .content-clear-icon[data-v-09fd5285] { padding: 0 5px; } .label-icon[data-v-09fd5285] { margin-right: 5px; margin-top: -1px; } .is-input-border[data-v-09fd5285] { display: flex; box-sizing: border-box; flex-direction: row; align-items: center; border: 1px solid #dcdfe6; border-radius: 4px; } .uni-error-message[data-v-09fd5285] { position: absolute; bottom: -17px; left: 0; line-height: 12px; color: #e43d33; font-size: 12px; text-align: left; } .uni-error-msg--boeder[data-v-09fd5285] { position: relative; bottom: 0; line-height: 22px; } .is-input-error-border[data-v-09fd5285] { border-color: #e43d33; } .is-input-error-border .uni-easyinput__placeholder-class[data-v-09fd5285] { color: #f29e99; } .uni-easyinput--border[data-v-09fd5285] { margin-bottom: 0; padding: 10px 15px; border-top: 1px #eee solid; } .uni-easyinput-error[data-v-09fd5285] { padding-bottom: 0; } .is-first-border[data-v-09fd5285] { border: none; } .is-disabled[data-v-09fd5285] { background-color: #f7f6f6; color: #d5d5d5; } .is-disabled .uni-easyinput__placeholder-class[data-v-09fd5285] { color: #d5d5d5; font-size: 12px; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-popup[data-v-4dd3c44b] { position: fixed; z-index: 99; } .uni-popup.top[data-v-4dd3c44b], .uni-popup.left[data-v-4dd3c44b], .uni-popup.right[data-v-4dd3c44b] { top: 0; } .uni-popup .uni-popup__wrapper[data-v-4dd3c44b] { display: block; position: relative; /* iphonex 等安全区设置,底部安全区适配 */ } .uni-popup .uni-popup__wrapper.left[data-v-4dd3c44b], .uni-popup .uni-popup__wrapper.right[data-v-4dd3c44b] { padding-top: 0; flex: 1; } .fixforpc-z-index[data-v-4dd3c44b] { z-index: 999; } .fixforpc-top[data-v-4dd3c44b] { top: 0; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .system[data-v-742fba4a] { padding: 0.625rem 0; color: #858585; font-size: 0.875rem; text-align: center; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-tag[data-v-1f94d070] { line-height: 14px; font-size: 12px; font-weight: 200; padding: 4px 7px; color: #fff; border-radius: 3px; background-color: #8f939c; border-width: 1px; border-style: solid; border-color: #8f939c; } .uni-tag--default[data-v-1f94d070] { font-size: 12px; } .uni-tag--default--inverted[data-v-1f94d070] { color: #8f939c; border-color: #8f939c; } .uni-tag--small[data-v-1f94d070] { padding: 2px 5px; font-size: 12px; border-radius: 2px; } .uni-tag--mini[data-v-1f94d070] { padding: 1px 3px; font-size: 12px; border-radius: 2px; } .uni-tag--primary[data-v-1f94d070] { background-color: #2979ff; border-color: #2979ff; color: #fff; } .uni-tag--success[data-v-1f94d070] { color: #fff; background-color: #18bc37; border-color: #18bc37; } .uni-tag--warning[data-v-1f94d070] { color: #fff; background-color: #f3a73f; border-color: #f3a73f; } .uni-tag--error[data-v-1f94d070] { color: #fff; background-color: #e43d33; border-color: #e43d33; } .uni-tag--primary--inverted[data-v-1f94d070] { color: #2979ff; border-color: #2979ff; } .uni-tag--success--inverted[data-v-1f94d070] { color: #18bc37; border-color: #18bc37; } .uni-tag--warning--inverted[data-v-1f94d070] { color: #f3a73f; border-color: #f3a73f; } .uni-tag--error--inverted[data-v-1f94d070] { color: #e43d33; border-color: #e43d33; } .uni-tag--inverted[data-v-1f94d070] { background-color: #fff; } .uni-tag--circle[data-v-1f94d070] { border-radius: 15px; } .uni-tag--mark[data-v-1f94d070] { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .uni-tag--disabled[data-v-1f94d070] { opacity: 0.5; } .uni-tag-text[data-v-1f94d070] { color: #fff; font-size: 14px; } .uni-tag-text--primary[data-v-1f94d070] { color: #2979ff; } .uni-tag-text--success[data-v-1f94d070] { color: #18bc37; } .uni-tag-text--warning[data-v-1f94d070] { color: #f3a73f; } .uni-tag-text--error[data-v-1f94d070] { color: #e43d33; } .uni-tag-text--small[data-v-1f94d070] { font-size: 12px; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-section[data-v-637fd36b] { background-color: #fff; } .uni-section .uni-section-header[data-v-637fd36b] { position: relative; display: flex; flex-direction: row; align-items: center; padding: 12px 10px; font-weight: normal; } .uni-section .uni-section-header__decoration[data-v-637fd36b] { margin-right: 6px; background-color: #2979ff; } .uni-section .uni-section-header__decoration.line[data-v-637fd36b] { width: 4px; height: 12px; border-radius: 10px; } .uni-section .uni-section-header__decoration.circle[data-v-637fd36b] { width: 8px; height: 8px; border-top-right-radius: 50px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; } .uni-section .uni-section-header__decoration.square[data-v-637fd36b] { width: 8px; height: 8px; } .uni-section .uni-section-header__content[data-v-637fd36b] { display: flex; flex-direction: column; flex: 1; color: #333; } .uni-section .uni-section-header__content .distraction[data-v-637fd36b] { flex-direction: row; align-items: center; } .uni-section .uni-section-header__content-sub[data-v-637fd36b] { margin-top: 2px; } .uni-section .uni-section-header__slot-right[data-v-637fd36b] { font-size: 14px; } .uni-section .uni-section-content[data-v-637fd36b] { font-size: 14px; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .shop-image[data-v-1f5faebb] { height: 5.125rem; width: 5.125rem; background-color: #D8D8D8; border-radius: 0.3125rem; margin-right: 0.3125rem; } [data-v-1f5faebb] .uni-section-header { padding: 0 !important; } [data-v-1f5faebb] .uni-section-header .uni-section-header__content { height: 5.125rem; } [data-v-1f5faebb] .uni-section-header .uni-section-header__slot-right { height: 5.125rem; } .commodity-name[data-v-1f5faebb] { height: 100%; display: flex; flex-direction: column; } .commodity-name-title[data-v-1f5faebb] { color: #333333; font-size: 0.875rem; font-weight: normal; margin-bottom: 0.25rem; } .commodity-name-ks[data-v-1f5faebb] { font-size: 0.75rem; color: #999999; } .commodity-name-2[data-v-1f5faebb] { justify-content: space-between; } .commodity-name-1[data-v-1f5faebb] { justify-content: flex-start; } .go-buy[data-v-1f5faebb] { height: 100%; display: flex; flex-direction: column-reverse; } .price-num[data-v-1f5faebb] { display: flex; flex-direction: column; align-items: flex-end; margin-left: 0.625rem; } .price-num .price[data-v-1f5faebb] { color: #3D3D3D; } .jg[data-v-1f5faebb] { margin-right: 0.125rem; } .xl[data-v-1f5faebb] { color: #8C8C8C; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ @keyframes bagAni-19df8fb9 { 0% { transform: rotate(6deg); } 100% { transform: rotate(36deg); } } .message-content[data-v-19df8fb9] { width: 11.25rem; padding: 0.75rem; background: #f8a23c; color: #FCFEFD; border-radius: 0.3125rem; } .message-content .img[data-v-19df8fb9] { width: 1.5625rem; height: 1.875rem; margin-right: 0.3125rem; } .message-content .line[data-v-19df8fb9] { width: 100%; height: 1px; background: #EF9B45; margin: 0.3125rem 0; display: inline-block; } .red-bag .bag-btn[data-v-19df8fb9] { position: fixed; left: -1.4375rem; top: 11.25rem; width: 4.6875rem; height: 3.125rem; z-index: 999; animation-name: bagAni-19df8fb9; animation-duration: 1.1s; animation-iteration-count: infinite; animation-direction: alternate; } .red-bag .rbag-model[data-v-19df8fb9] { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; z-index: 1000; } .red-bag .rbag-model .rbag-con[data-v-19df8fb9] { position: relative; width: 80%; height: 26.25rem; background-color: #da4d44; border-radius: 0.4375rem; box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.2); } .red-bag .rbag-model .rbag-con .rbag-box[data-v-19df8fb9] { position: relative; width: 100%; height: 100%; border-radius: 0.4375rem; overflow: hidden; } .red-bag .rbag-model .rbag-con .rbag_top[data-v-19df8fb9] { position: absolute; left: -20%; top: 0; width: 140%; height: 16.875rem; background-color: #e0534a; border-radius: 0 0 50% 50%; box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.4); z-index: 1001; } .red-bag .rbag-model .rbag-con .rbag_top .rbag_top_info[data-v-19df8fb9] { margin-top: 1.875rem; } .red-bag .rbag-model .rbag-con .rbag_top .rbag_top_info .rbag_logo[data-v-19df8fb9] { width: 5rem; height: 5rem; border-radius: 50%; display: block; margin: 0 auto; overflow: hidden; } .red-bag .rbag-model .rbag-con .rbag_top .rbag_top_info .app_name[data-v-19df8fb9] { font-size: 1.1875rem; color: #f6ac96; text-align: center; margin-top: 0.5625rem; letter-spacing: 0.03125rem; } .red-bag .rbag-model .rbag-con .rbag_top .rbag_top_info .rbag_tips[data-v-19df8fb9] { font-size: 1.5625rem; color: #edddd3; text-align: center; margin-top: 1.0625rem; letter-spacing: 0.03125rem; } .red-bag .rbag-model .rbag-con .open_rbag_btn[data-v-19df8fb9] { position: absolute; top: 14.0625rem; left: 0; right: 0; width: 5.625rem; height: 5.625rem; line-height: 5.625rem; border-radius: 50%; margin: 0 auto; text-align: center; background-color: #ffd287; font-size: 1.71875rem; color: #fef5e8; box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2); z-index: 1002; } .red-bag .rbag-model .rbag-con .hide_btn[data-v-19df8fb9] { position: absolute; bottom: -3.4375rem; left: 0; right: 0; width: 2.8125rem; height: 2.8125rem; margin: 0 auto; } .red-bag .open_rbag_model[data-v-19df8fb9] { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); z-index: 1000; } .red-bag .open_rbag_model .rbag_conbg[data-v-19df8fb9] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 80%; height: 26.25rem; margin: auto; z-index: 1001; } .red-bag .open_rbag_model .open_rbag_con[data-v-19df8fb9] { z-index: 1002; } .red-bag .open_rbag_model .open_rbag_con .open_title[data-v-19df8fb9] { height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.1875rem; letter-spacing: 0.0625rem; color: #e46965; } .red-bag .open_rbag_model .open_rbag_con .rbag_detail[data-v-19df8fb9] { margin-top: 2.8125rem; } .red-bag .open_rbag_model .open_rbag_con .rbag_detail .open_money[data-v-19df8fb9] { text-align: center; font-size: 2.5rem; color: #c95948; font-weight: bold; display: flex; justify-content: center; } .red-bag .open_rbag_model .open_rbag_con .rbag_detail .open_money .danwei[data-v-19df8fb9] { font-size: 0.9375rem; margin-left: 0.5rem; margin-top: 0.75rem; } .red-bag .open_rbag_model .open_rbag_con .rbag_detail .open_tips[data-v-19df8fb9] { text-align: center; font-size: 0.9375rem; color: #d26762; margin-top: 0.9375rem; } .red-bag .open_rbag_model .open_rbag_con .lookbag_box[data-v-19df8fb9] { margin-top: 9.375rem; display: flex; justify-content: center; } .red-bag .open_rbag_model .open_rbag_con .lookbag_box .lookbag_btn[data-v-19df8fb9] { width: 70%; height: 2.8125rem; line-height: 2.8125rem; text-align: center; font-size: 1rem; color: #c95948; letter-spacing: 0.0625rem; background-color: #ffd356; border-radius: 1.5625rem; box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2); } .red-bag .open_rbag_model .open_rbag_con .hide_btn[data-v-19df8fb9] { position: absolute; bottom: -3.4375rem; left: 0; right: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; margin: 0 auto; } .digital-scroll[data-v-19df8fb9] { font-size: 0.875rem; font-weight: bold; display: flex; align-items: center; } .digital-scroll .digital[data-v-19df8fb9] { display: flex; justify-content: center; width: 0.7em; height: 1em; line-height: 1em; overflow: hidden; } .digital-scroll .digital .scroll-num[data-v-19df8fb9] { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; text-orientation: upright; } .digital-scroll .digital .scroll-num .tra-num[data-v-19df8fb9] { transition: all 1s; } .digital-scroll .digitalStr[data-v-19df8fb9] { width: auto; line-height: 1em; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .content[data-v-3cc7a109] { box-sizing: border-box; min-height: 2.5rem; max-width: 60vw; font-size: 0.875rem; } .content uni-image[data-v-3cc7a109] { width: 6.25rem; } .redPacket[data-v-3cc7a109] { width: 11.25rem; padding: 0.75rem; background-color: #f8a23c; color: #FCFEFD; } .redPacket.disabled[data-v-3cc7a109] { opacity: 0.6; } .redPacket .img[data-v-3cc7a109] { width: 1.5625rem; height: 1.875rem; } .redPacket .line[data-v-3cc7a109] { display: inline-block; width: 100%; height: 1px; background: #EF9B45; margin: 0.3125rem 0; } .window[data-v-3cc7a109] { background-color: rgba(0, 0, 0, 0.2); } .NewsPlus[data-v-e0699a92] { background-color: #f6f6f6; } .scroller[data-v-e0699a92] { flex: 1; } .emoj_box[data-v-e0699a92] { flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .emoj_box_img[data-v-e0699a92] { font-size: 1.40625rem; width: 2.59375rem; height: 2.59375rem; text-align: center; line-height: 2.59375rem; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .voice_box[data-v-8943e584] { padding: 0.625rem 0; margin: 0 0.625rem; border-radius: 1.5625rem; background: #fff; flex: 1; display: flex; align-items: center; justify-content: center; } .hidden[data-v-8943e584] { display: none !important; } .record[data-v-8943e584] { width: 40vw; height: 40vw; position: fixed; top: 55%; left: 30%; background-color: rgba(0, 0, 0, 0.6); border-radius: 0.625rem; } .record .ing[data-v-8943e584] { width: 100%; height: 30vw; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(to bottom, #f09b37, #fff 50%); background-size: 100% 200%; animation: volatility-8943e584 1.5s ease-in-out -1.5s infinite alternate; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4.6875rem; color: #f09b37; } @keyframes volatility-8943e584 { 0% { background-position: 0% 130%; } 20% { background-position: 0% 150%; } 30% { background-position: 0% 155%; } 40% { background-position: 0% 150%; } 50% { background-position: 0% 145%; } 70% { background-position: 0% 150%; } 80% { background-position: 0% 155%; } 90% { background-position: 0% 140%; } 100% { background-position: 0% 135%; } } .record .cancel[data-v-8943e584] { width: 100%; height: 30vw; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 4.6875rem; } .record .tis[data-v-8943e584] { width: 100%; height: 10vw; display: flex; justify-content: center; font-size: 0.875rem; color: #fff; } .record .tis.change[data-v-8943e584] { color: #f09b37; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .NewsPlus[data-v-1db42d85] { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0.625rem; } .NewsPlus .imageBox[data-v-1db42d85] { background-color: #fff; border-radius: 0.625rem; } .jy-popup[data-v-1db42d85] { width: 100%; border-radius: 20px 20px 0px 0px; } .jy-popup .title[data-v-1db42d85] { width: 100%; display: flex; justify-content: center; align-items: center; padding: 0.625rem 0; color: #3D3D3D; font-size: 1rem; } .jy-popup .close-btn[data-v-1db42d85] { position: absolute; top: 1.25rem; right: 1.25rem; height: 1.625rem; line-height: 1.625rem; width: 1.625rem; background: #D8D8D8; color: #999999; font-size: 0.9375rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; transform: translate(50%, -50%); } .jy-popup .input-view[data-v-1db42d85] { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 0.625rem; } .jy-popup .easyinput[data-v-1db42d85] { flex: 1; } .jy-popup .time[data-v-1db42d85] { padding: 0.75rem 0.625rem 0 0.625rem; font-size: 0.6875rem; color: #3D3D3D; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .scroll-view[data-v-9bd9708b] { box-sizing: border-box; flex: 1; height: 100%; } .message[data-v-9bd9708b] { display: flex; align-items: flex-start; flex-direction: row; margin-bottom: 1.25rem; } .message .avatar[data-v-9bd9708b] { width: 2.5rem; height: 2.5rem; border-radius: 0.3125rem; } .message .content[data-v-9bd9708b] { min-height: 2.5rem; max-width: 60vw; font-size: 0.875rem; } .message .content uni-image[data-v-9bd9708b] { width: 6.25rem; } .message.self[data-v-9bd9708b] { flex-direction: row-reverse; } .message.self .content[data-v-9bd9708b] { background: #d9e1ff; border-radius: 0.75rem 0 0.75rem 0.75rem; } .message.friend .name[data-v-9bd9708b] { font-size: 0.625rem; color: "#000000"; margin-bottom: 0.25rem; } .message.friend .content[data-v-9bd9708b] { border-radius: 0 0.75rem 0.75rem 0.75rem; background: #ffffff; } .tool[data-v-9bd9708b] { position: fixed; width: 100%; left: 0; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: calc(0 + env(safe-area-inset-bottom)); z-index: 1; } .tool .tool-group[data-v-9bd9708b] { display: flex; flex-direction: row; } .tool-group[data-v-9bd9708b] { height: 3.75rem; display: flex; align-items: center; } .tool[data-v-9bd9708b] .uni-easyinput__content { border-radius: 6rem; } .tool .xf-for[data-v-9bd9708b] { height: 2.5rem; padding-bottom: 0.375rem; background: #eee; } .tool .xf-for .xfBtn[data-v-9bd9708b] { box-sizing: border-box; border: 2px solid #dcdcdc; background: #ffffff; padding: 0.375rem 1rem; font-size: 0.875rem; color: rgba(0, 0, 0, 0.9); border-radius: 6.25rem; width: -webkit-fit-content; width: fit-content; margin: 0.3125rem 0.625rem; } .tool .NewsPlus[data-v-9bd9708b] { width: 100%; height: 15.1875rem; } .tool .thumb[data-v-9bd9708b] { width: 1.375rem; height: 1.375rem; margin: 0 0.3125rem; } .tool .send[data-v-9bd9708b] { border-radius: 0.3125rem; margin: 0 0.3125rem; padding: 0.3125rem 0.625rem; background: #ff3737; color: #fff; font-size: small; } #video[data-v-9bd9708b] { position: fixed; top: 100%; left: 0; } .red-bag[data-v-9bd9708b] { position: relative; width: 16.5rem; height: 60vh; color: #ECCD97; background-color: #e0534a; box-shadow: 0 0 0.625rem #00000033; } .red-bag .rbag_top[data-v-9bd9708b] { padding-top: 1.875rem; height: 70%; background-color: #e0534a; border-radius: 0 0 15.625rem 15.625rem/0 0 6.25rem 6.25rem; box-shadow: 0 0.15625rem 0.15625rem rgba(0, 0, 0, 0.2); } .red-bag .rbag_top .amount[data-v-9bd9708b] { margin-top: 3.75rem; text-align: center; letter-spacing: 0.03125rem; } .red-bag .rbag_top .amount .value[data-v-9bd9708b] { font-size: 1.875rem; font-weight: bold; } .red-bag .open_rbag_btn[data-v-9bd9708b] { width: 5.625rem; height: 5.625rem; margin: -2.8125rem auto 0; color: #fef5e8; font-size: 2.3125rem; font-weight: bold; background-color: #ffd287; box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2); border-radius: 50%; z-index: 1; } .red-bag .open_rbag_model[data-v-9bd9708b] { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); z-index: 1000; } .red-bag .open_rbag_model .rbag_conbg[data-v-9bd9708b] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 80%; height: 26.25rem; margin: auto; z-index: 1001; } .red-bag .open_rbag_model .open_rbag_con[data-v-9bd9708b] { z-index: 1002; } .red-bag .open_rbag_model .open_rbag_con .open_title[data-v-9bd9708b] { height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.1875rem; letter-spacing: 0.0625rem; color: #e46965; } .red-bag .open_rbag_model .open_rbag_con .rbag_detail[data-v-9bd9708b] { margin-top: 2.8125rem; } .red-bag .open_rbag_model .open_rbag_con .rbag_detail .open_money[data-v-9bd9708b] { text-align: center; font-size: 2.5rem; color: #c95948; font-weight: bold; display: flex; justify-content: center; } .red-bag .open_rbag_model .open_rbag_con .rbag_detail .open_money .danwei[data-v-9bd9708b] { font-size: 0.9375rem; margin-left: 0.5rem; margin-top: 0.75rem; } .red-bag .open_rbag_model .open_rbag_con .rbag_detail .open_tips[data-v-9bd9708b] { text-align: center; font-size: 0.9375rem; color: #d26762; margin-top: 0.9375rem; } .red-bag .open_rbag_model .open_rbag_con .lookbag_box[data-v-9bd9708b] { margin-top: 9.375rem; display: flex; justify-content: center; } .red-bag .open_rbag_model .open_rbag_con .lookbag_box .lookbag_btn[data-v-9bd9708b] { width: 70%; height: 2.8125rem; line-height: 2.8125rem; text-align: center; font-size: 1rem; color: #c95948; letter-spacing: 0.0625rem; background-color: #ffd356; border-radius: 1.5625rem; box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2); } .red-bag .open_rbag_model .open_rbag_con .hide_btn[data-v-9bd9708b] { position: absolute; bottom: -3.4375rem; left: 0; right: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; margin: 0 auto; }