* { padding: 0; margin: 0; input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; /*在禁用ios自带复制后解决input不能输入的问题*/ -webkit-user-select: auto; margin: 0; padding: 0; outline: none; } } .xs-plugin-pullup-up { line-height: 30px; color: #666666; } .xs-plugin-pullup-down { line-height: 30px; color: #666666; } .xs-plugin-pullup-loading { line-height: 30px; color: #666666; } .xs-plugin-pullup-default { line-height: 30px; color: #666666; } body, html { width: 100%; height: 100%; background-color: #E3E3E3; } html { font-size: calc(100vw / 3.75); /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/ /*-webkit-filter: grayscale(100%);*/ } @media screen and (max-width: 374px) { html { font-size: calc(100vw / 3.4); } } @media screen and (max-width: 350px) { html { font-size: calc(100vw / 3); } } #app { width: 100%; height: 100%; /*background-color: lightcyan;*/ background-color: #E3E3E3; -webkit-overflow-scrolling: touch; font-size: 14px; } .weui-toast__content { font-size: 14px; } .weui-toast { top: 40%; } a { text-decoration: none; } /*老年版*/ .elder_26{ font-size: 26px!important; } .elder_23{ font-size: 23px!important; } .elder_ .gsContentBoxName{ font-size: 23px!important; } .elder_ .title{ font-size: 23px!important; } .elder_ .gsContentBoxValue{ font-size: 19px!important; } .elder_ .cardInput{ font-size: 19px!important; } .elder_ .weui-input::-webkit-input-placeholder{ font-size: 19px!important; } .elder_ .weui-input:-ms-input-placeholder{ font-size: 19px!important; } .elder_ .weui-input::-ms-input-placeholder{ font-size: 19px!important; } .elder_ .weui-input::placeholder{ font-size: 19px!important; } .elder_ .pointout { font-size: 19px!important; } .elder_ button{ font-size: 19px!important; } .elder_ .register{ font-size: 19px!important; } .elder_ .forgetPassword{ font-size: 19px!important; } .elder_ .vux-cell-placeholder { font-size: 19px!important; } .elder_ .vux-cell-value{ font-size: 19px!important; } .elder_21{ font-size: 21px!important; } .elder_19{ font-size: 19px!important; } .elder_19 .vux-cell-value{ font-size: 19px!important; } .elder_19 .active{ font-size: 19px!important; } .elder_19 .choiceBox{ font-size: 19px!important; } .elder_19 .vux-cell-placeholder { font-size: 19px!important; } .elder_19 .weui-input::-webkit-input-placeholder { font-size: 19px!important; } .elder_19 .weui-input:-ms-input-placeholder { font-size: 19px!important; } .elder_19 .weui-input::-ms-input-placeholder { font-size: 19px!important; } .elder_19 .weui-input::placeholder { font-size: 19px!important; } .NoticePage { height: 100%; background-color: #fff; padding-top: 40%; padding-left: 15px; padding-right: 15px; } .NoticePage .con { padding-left: 2ch; text-align: left; font-size: 24px; font-weight: bold; } .HomePage .popup { padding: 0 16px; background-color: #ffffff; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; color: #333333; } .HomePage .popup span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .HomePage .popup span i { font-size: 20px; color: #999999; } .HomePage .menuBox { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100px; background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 16px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .HomePage .menuBox .menuItem { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0 10px 0; font-family: PingFangSC-Regular; font-size: 12px; color: #333333; letter-spacing: 0; text-align: center; } .HomePage .noticeBox { margin-top: 10px; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 28px 0 22px; height: 70px; } .HomePage .noticeBox .noticeIcon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .HomePage .noticeBox .noticeIcon img { width: 60px; /*height: 45px;*/ } .HomePage .noticeBox .noticeContent { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*border:1px solid peru;*/ } .HomePage .noticeBox .noticeContent .noticeContentItem:nth-child(1) { margin-bottom: 3px; } .HomePage .noticeBox .noticeContent .noticeContentItem { /*border:1px solid deeppink;*/ display: -webkit-box; display: -ms-flexbox; display: flex; } .HomePage .noticeBox .noticeContent .noticeContentItem :nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; font-size: 14px; color: #333333; letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*border: 1px solid teal;*/ } .HomePage .noticeBox .noticeContent .noticeContentItem :nth-child(2) { width: 60px; /*border: 1px solid violet;*/ font-size: 12px; color: #999; letter-spacing: 0; line-height: 20px; text-align: right; position: relative; } .HomePage .noticeBox .noticeContent .noticeContentItem :nth-child(2) span { position: absolute; right: -7px; top: -2px; width: 8px; height: 8px; border-radius: 8px; background-image: linear-gradient(-179deg, #FE3434 0%, #EB6100 100%); } .HomePage .recommendationServiceTitleBox { margin-top: 10px; position: relative; padding: 17.5px 12px 20px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFFFFF; width: 100%; } .HomePage .recommendationServiceTitleBox .xiaoshou { width: 86px; height: 41px; position: absolute; right: 16px; } .HomePage .recommendationServiceTitleBox .hotIconLeft i { color: #ee5603; font-size: 22px; } .HomePage .recommendationServiceTitleBox .hotTitle { /*flex-shrink: 0;*/ font-weight: bolder; color: #333333; position: relative; font-size: 18px; padding: 0 8px 0 0; } .HomePage .recommendationServiceTitleBox .hotTitle .greyTitle { color: #999999; position: absolute; font-size: 10px; top: -6px; font-weight: 400; } .HomePage .recommendationServiceTitleBox .zhinengTuijian { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 21px; font-size: 12px; color: #FFFFFF; background: url(data:image/png;base64,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) no-repeat center; background-size: 100%; width: 63px; font-weight: bolder; } .HomePage .tabBox { margin-top: 10px; background-color: #fff; border-bottom: 1px solid #f3f3f3; height: 40px; } .HomePage .tabBox .vux-tab-wrap { width: 60%; height: 40px; } .HomePage .tabBox .vux-tab-wrap .vux-tab-container { height: 40px; } .HomePage .tabBox .vux-tab-wrap .vux-tab-container .vux-tab { height: 40px; } .HomePage .tabBox .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-item { background-size: 100% 0px; font-size: 14px; color: #333333; letter-spacing: 0; } .HomePage .tabBox .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-selected { font-size: 18px; font-weight: bolder; } .HomePage .tabBox .vux-tab-wrap .vux-tab-container .vux-tab .vux-tab-bar-inner { border-radius: 1.5px; background-color: #1E6BD5; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .weui-cell_access { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: inherit; } .weui-cell_access:active { background-color: #ECECEC; } .weui-cell_access .weui-cell__ft { padding-right: 13px; position: relative; } .weui-cell_access .weui-cell__ft:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 2px; } .weui-cell_link { color: #586C94; font-size: 14px; } .weui-cell_link.weui-cell:first-child:before { display: block; } .weui-cell_access.vux-cell-box { padding-right: 13px; position: relative; } .weui-cell_access.vux-cell-box:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 17px; } .weui-cells { margin-top: 1.17647059em; background-color: #FFFFFF; line-height: 1.41176471; font-size: 17px; overflow: hidden; position: relative; } .weui-cells:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells__title { margin-top: 0.77em; margin-bottom: 0.3em; padding-left: 15px; padding-right: 15px; color: #999999; font-size: 14px; } .weui-cells__title + .weui-cells { margin-top: 0; } .weui-cells__tips { margin-top: 0.3em; color: #999999; padding-left: 15px; padding-right: 15px; font-size: 14px; } .weui-cell { padding: 10px 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .weui-cell:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 15px; } .weui-cell:first-child:before { display: none; } .weui-cell_primary { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .weui-cell__bd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .weui-cell__ft { text-align: right; color: #999999; } .vux-cell-justify { height: 1.41176471em; } .vux-cell-justify.vux-cell-justify:after { content: "."; display: inline-block; width: 100%; overflow: hidden; height: 0; } .weui-label { display: block; width: 105px; word-wrap: break-word; word-break: break-all; } .weui-input { width: 100%; border: 0; outline: 0; -webkit-appearance: none; background-color: transparent; font-size: inherit; color: inherit; height: 1.41176471em; line-height: 1.41176471; } .weui-input::-webkit-outer-spin-button, .weui-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .weui-textarea { display: block; border: 0; resize: none; width: 100%; color: inherit; font-size: 1em; line-height: inherit; outline: 0; } .weui-textarea-counter { color: #B2B2B2; text-align: right; } .weui-cell_warn .weui-textarea-counter { color: #E64340; } .weui-toptips { display: none; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; left: 0; right: 0; padding: 5px; font-size: 14px; text-align: center; color: #FFF; z-index: 5000; word-wrap: break-word; word-break: break-all; } .weui-toptips_warn { background-color: #E64340; } .weui-cells_form .weui-cell__ft { font-size: 0; } .weui-cells_form .weui-icon-warn { display: none; } .weui-cells_form input, .weui-cells_form textarea, .weui-cells_form label[for] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .weui-cell_warn { color: #E64340; } .weui-cell_warn .weui-icon-warn { display: inline-block; } .weui-cell_vcode { padding-top: 0; padding-right: 0; padding-bottom: 0; } .weui-vcode-img { margin-left: 5px; height: 44px; vertical-align: middle; } .weui-vcode-btn { display: inline-block; height: 44px; margin-left: 5px; padding: 0 0.6em 0 0.7em; border-left: 1px solid #E5E5E5; line-height: 44px; vertical-align: middle; font-size: 17px; color: #3CC51F; } button.weui-vcode-btn { background-color: transparent; border-top: 0; border-right: 0; border-bottom: 0; outline: 0; } .weui-vcode-btn:active { color: #52a341; } .vux-x-input .vux-x-input-placeholder-right input::-webkit-input-placeholder { text-align: right; } .vux-x-input .vux-x-input-placeholder-center input::-webkit-input-placeholder { text-align: center; } .vux-x-input .vux-input-icon { font-size: 21px; } .vux-input-icon.weui-icon-warn:before, .vux-input-icon.weui-icon-success:before { font-size: 21px; } .vux-x-input .weui-icon { padding-left: 5px; } .vux-x-input.weui-cell_vcode { padding-top: 0; padding-right: 0; padding-bottom: 0; } .vux-x-input.disabled .weui-input { text-fill-color: #888; -webkit-text-fill-color: #888; /* Override iOS / Android font color change */ opacity: 1; /* Override iOS opacity change affecting text & background color */ } .vux-x-input-right-full { margin-left: 5px; height: 44px; vertical-align: middle; } .vux-x-input-right-full img { height: 44px; } .vux-x-input-has-right-full { padding-top: 0; padding-right: 0; padding-bottom: 0; } @font-face { font-weight: normal; font-style: normal; font-family: "weui"; src: url('data:application/octet-stream;base64,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') format('truetype'); } [class^="weui-icon-"], [class*=" weui-icon-"] { display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 "weui"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } [class^="weui-icon-"]:before, [class*=" weui-icon-"]:before { display: inline-block; margin-left: 0.2em; margin-right: 0.2em; } .weui-icon-circle:before { content: "\EA01"; } /* '' */ .weui-icon-download:before { content: "\EA02"; } /* '' */ .weui-icon-info:before { content: "\EA03"; } /* '' */ .weui-icon-safe-success:before { content: "\EA04"; } /* '' */ .weui-icon-safe-warn:before { content: "\EA05"; } /* '' */ .weui-icon-success:before { content: "\EA06"; } /* '' */ .weui-icon-success-circle:before { content: "\EA07"; } /* '' */ .weui-icon-success-no-circle:before { content: "\EA08"; } /* '' */ .weui-icon-waiting:before { content: "\EA09"; } /* '' */ .weui-icon-waiting-circle:before { content: "\EA0A"; } /* '' */ .weui-icon-warn:before { content: "\EA0B"; } /* '' */ .weui-icon-info-circle:before { content: "\EA0C"; } /* '' */ .weui-icon-cancel:before { content: "\EA0D"; } /* '' */ .weui-icon-search:before { content: "\EA0E"; } /* '' */ .weui-icon-clear:before { content: "\EA0F"; } /* '' */ .weui-icon-back:before { content: "\EA10"; } /* '' */ .weui-icon-delete:before { content: "\EA11"; } /* '' */ /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ [class^="weui-icon_"]:before, [class*=" weui-icon_"]:before { margin: 0; } .weui-icon-success { font-size: 23px; color: #09BB07; } .weui-icon-waiting { font-size: 23px; color: #10AEFF; } .weui-icon-warn { font-size: 23px; color: #F43530; } .weui-icon-info { font-size: 23px; color: #10AEFF; } .weui-icon-success-circle { font-size: 23px; color: #09BB07; } .weui-icon-success-no-circle { font-size: 23px; color: #09BB07; } .weui-icon-waiting-circle { font-size: 23px; color: #10AEFF; } .weui-icon-circle { font-size: 23px; color: #C9C9C9; } .weui-icon-download { font-size: 23px; color: #09BB07; } .weui-icon-info-circle { font-size: 23px; color: #09BB07; } .weui-icon-safe-success { color: #09BB07; } .weui-icon-safe-warn { color: #FFBE00; } .weui-icon-cancel { color: #F43530; font-size: 22px; } .weui-icon-search { color: #B2B2B2; font-size: 14px; } .weui-icon-clear { color: #B2B2B2; font-size: 14px; } .weui-icon-delete.weui-icon_gallery-delete { color: #FFFFFF; font-size: 22px; } .weui-icon_msg { font-size: 93px; } .weui-icon_msg.weui-icon-warn { color: #F76260; } .weui-icon_msg-primary { font-size: 93px; } .weui-icon_msg-primary.weui-icon-warn { color: #FFBE00; } /** following styles will be removed after v3.0.0 */ .icon-big:before { font-size: 93px; } .vux-fade-enter-active, .vux-fade-leave-active { opacity: 1; -webkit-transition: opacity linear 0.2s; transition: opacity linear 0.2s; } .vux-fade-enter, .vux-fade-leave-to { opacity: 0; } .vux-dialog-enter-active { -webkit-animation: vux-dialog-in 0.5s; animation: vux-dialog-in 0.5s; } .vux-dialog-leave-active { -webkit-animation: vux-dialog-out 0.3s; animation: vux-dialog-out 0.3s; } @-webkit-keyframes vux-dialog-in { 0% { -webkit-transform: scale(1.185); transform: scale(1.185); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes vux-dialog-in { 0% { -webkit-transform: scale(1.185); transform: scale(1.185); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes vux-dialog-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.85); transform: scale(0.85); opacity: 0; } } @keyframes vux-dialog-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.85); transform: scale(0.85); opacity: 0; } } .vux-mask-enter, .vux-mask-leave-active { opacity: 0; } .vux-mask-leave-active, .vux-mask-enter-active { -webkit-transition: opacity 300ms; transition: opacity 300ms; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .weui-mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .weui-mask_transparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; } @font-face { font-weight: normal; font-style: normal; font-family: "weui"; src: url('data:application/octet-stream;base64,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') format('truetype'); } [class^="weui-icon-"], [class*=" weui-icon-"] { display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 "weui"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } [class^="weui-icon-"]:before, [class*=" weui-icon-"]:before { display: inline-block; margin-left: 0.2em; margin-right: 0.2em; } .weui-icon-circle:before { content: "\EA01"; } /* '' */ .weui-icon-download:before { content: "\EA02"; } /* '' */ .weui-icon-info:before { content: "\EA03"; } /* '' */ .weui-icon-safe-success:before { content: "\EA04"; } /* '' */ .weui-icon-safe-warn:before { content: "\EA05"; } /* '' */ .weui-icon-success:before { content: "\EA06"; } /* '' */ .weui-icon-success-circle:before { content: "\EA07"; } /* '' */ .weui-icon-success-no-circle:before { content: "\EA08"; } /* '' */ .weui-icon-waiting:before { content: "\EA09"; } /* '' */ .weui-icon-waiting-circle:before { content: "\EA0A"; } /* '' */ .weui-icon-warn:before { content: "\EA0B"; } /* '' */ .weui-icon-info-circle:before { content: "\EA0C"; } /* '' */ .weui-icon-cancel:before { content: "\EA0D"; } /* '' */ .weui-icon-search:before { content: "\EA0E"; } /* '' */ .weui-icon-clear:before { content: "\EA0F"; } /* '' */ .weui-icon-back:before { content: "\EA10"; } /* '' */ .weui-icon-delete:before { content: "\EA11"; } /* '' */ [class^="weui-icon_"]:before, [class*=" weui-icon_"]:before { margin: 0; } .weui-icon-success { font-size: 23px; color: #09BB07; } .weui-icon-waiting { font-size: 23px; color: #10AEFF; } .weui-icon-warn { font-size: 23px; color: #F43530; } .weui-icon-info { font-size: 23px; color: #10AEFF; } .weui-icon-success-circle { font-size: 23px; color: #09BB07; } .weui-icon-success-no-circle { font-size: 23px; color: #09BB07; } .weui-icon-waiting-circle { font-size: 23px; color: #10AEFF; } .weui-icon-circle { font-size: 23px; color: #C9C9C9; } .weui-icon-download { font-size: 23px; color: #09BB07; } .weui-icon-info-circle { font-size: 23px; color: #09BB07; } .weui-icon-safe-success { color: #09BB07; } .weui-icon-safe-warn { color: #FFBE00; } .weui-icon-cancel { color: #F43530; font-size: 22px; } .weui-icon-search { color: #B2B2B2; font-size: 14px; } .weui-icon-clear { color: #B2B2B2; font-size: 14px; } .weui-icon-delete.weui-icon_gallery-delete { color: #FFFFFF; font-size: 22px; } .weui-icon_msg { font-size: 93px; } .weui-icon_msg.weui-icon-warn { color: #F76260; } .weui-icon_msg-primary { font-size: 93px; } .weui-icon_msg-primary.weui-icon-warn { color: #FFBE00; } .weui-toast { position: fixed; z-index: 5001; width: 7.6em; min-height: 7.6em; top: 180px; left: 50%; margin-left: -3.8em; background: rgba(17, 17, 17, 0.7); text-align: center; border-radius: 5px; color: #FFFFFF; } .weui-icon_toast { margin: 22px 0 0; display: block; } .weui-icon_toast.weui-icon-success-no-circle:before { color: #FFFFFF; font-size: 55px; } .weui-icon_toast.weui-loading { margin: 30px 0 0; width: 38px; height: 38px; vertical-align: baseline; } .weui-toast__content { margin: 0 0 15px; } .weui-toast.vux-toast-top { top: 10px; } .weui-toast.vux-toast-bottom { top: auto; bottom: 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .weui-toast.vux-toast-middle { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .vux-slide-from-top-enter, .vux-slide-from-top-leave-active { opacity: 0; -webkit-transform: translateX(-50%) translateY(-100%) !important; transform: translateX(-50%) translateY(-100%) !important; } .vux-slide-from-bottom-enter, .vux-slide-from-bottom-leave-active { opacity: 0; -webkit-transform: translateX(-50%) translateY(100%) !important; transform: translateX(-50%) translateY(100%) !important; } .vux-slide-from-top-enter-active, .vux-slide-from-top-leave-active, .vux-slide-from-bottom-enter-active, .vux-slide-from-bottom-leave-active { -webkit-transition: all 400ms cubic-bezier(0.36, 0.66, 0.04, 1); transition: all 400ms cubic-bezier(0.36, 0.66, 0.04, 1); } .weui-toast { -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0!important; } .weui-toast.weui-toast_forbidden { color: #F76260; } .weui-toast.weui-toast_forbidden .weui-toast__content { margin-top: 10px; } .weui-toast.weui-toast_text { min-height: 0; } .weui-toast_text .weui-toast__content { margin: 0; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; } .weui-toast__content { font-size: 16px; } .weui-loading_toast .weui-toast__content { margin-top: 0; } .weui-toast_success .weui-icon_toast:before { content: "\EA08"; } .weui-toast_cancel .weui-icon_toast:before { content: "\EA0D"; } .weui-toast_forbidden .weui-icon_toast.weui-icon-success-no-circle:before { content: "\EA0B"; color: #F76260; } .vux-label-desc { font-size:14px; color:#666; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .vux-tab-ink-bar { position: absolute; height: 2px; bottom: 0; left: 0; background-color: #04BE02; text-align: center; } .vux-tab-ink-bar-transition-forward { -webkit-transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s; transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s; } .vux-tab-ink-bar-transition-backward { -webkit-transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s, left 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s, left 0.3s cubic-bezier(0.35, 0, 0.25, 1); } .vux-tab-bar-top .vux-tab-ink-bar { top: 0; } .vux-tab { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; height: 44px; position: relative; } .vux-tab button { padding: 0; border: 0; outline: 0; background: 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vux-tab .vux-tab-item { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), color-stop(#e5e5e5), to(rgba(229, 229, 229, 0))) bottom left no-repeat; background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) bottom left no-repeat; background-size: 100% 1px; font-size: 14px; text-align: center; line-height: 44px; color: #666; } .vux-tab .vux-tab-item.vux-tab-selected { color: #04BE02; border-bottom: 3px solid #04BE02; } .vux-tab-bar-top .vux-tab .vux-tab-item { background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), color-stop(#e5e5e5), to(rgba(229, 229, 229, 0))) top left no-repeat; background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) top left no-repeat; background-size: 100% 1px; } .vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected { border-bottom: none; border-top: 3px solid #04BE02; } .vux-tab .vux-tab-item.vux-tab-disabled { color: #ddd; } .vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected { background: 0 0; } /** when=prop:custom-bar-width **/ .vux-tab-bar-inner { display: block; background-color: #04BE02; margin: auto; height: 100%; -webkit-transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1); } .vux-tab-item-badge { position: absolute; top: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 18px; min-width: 18px; padding: 0 4px; border-radius: 30px; margin: auto 0 auto 4px; line-height: 18px; font-size: 11px; background-clip: padding-box; vertical-align: middle; } .vux-tab-wrap { position: relative; padding-top: 44px; } .vux-tab-container { height: 44px; top: 0; left: 0; right: 0; overflow: hidden; position: absolute; } .scrollable { overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 17px; -webkit-box-sizing: content-box; box-sizing: content-box; } .scrollable::-webkit-scrollbar { display: none; } .scrollable .vux-tab-ink-bar { bottom: 17px; position: absolute; } .scrollable .vux-tab-item { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; } .xs-plugin-pullup-container { text-align: center; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .vux-modal-open { overflow: hidden; position: fixed; width: 100%; } .vux-modal-open-for-container { overflow: hidden!important; } .vux-popup-dialog { position: fixed; left: 0; bottom: 0; width: 100%; background: #eee; z-index: 501; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .vux-popup-dialog.vux-popup-left { width: auto; height: 100%; top: 0; right: auto; bottom: auto; left: 0; } .vux-popup-dialog.vux-popup-right { width: auto; height: 100%; top: 0; right: 0; bottom: auto; left: auto; } .vux-popup-dialog.vux-popup-top { width: 100%; top: 0; right: auto; bottom: auto; left: 0; } .vux-popup-mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; tap-highlight-color: rgba(0, 0, 0, 0); z-index: -1; -webkit-transition: opacity 400ms; transition: opacity 400ms; } .vux-popup-mask.vux-popup-show { opacity: 1; } .vux-popup-animate-bottom-enter, .vux-popup-animate-bottom-leave-active { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .vux-popup-animate-left-enter, .vux-popup-animate-left-leave-active { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .vux-popup-animate-right-enter, .vux-popup-animate-right-leave-active { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .vux-popup-animate-top-enter, .vux-popup-animate-top-leave-active { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .searchHeader { width: 100%; } .searchHeader .searchBox { /* 2.0 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; padding: 6px 16px 6px 16px; } .searchHeader .searchBox .headPortrait { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*border: 1px solid red;*/ } .searchHeader .searchBox .headPortrait img { width: 28px; height: 28px; border-radius: 28px; /*border: 1px solid red;*/ } .searchHeader .searchBox .headPortrait .redSpot { width: 8px; height: 8px; position: absolute; top: 3px; right: -2px; border-radius: 8px; background-image: linear-gradient(-179deg, #FE3434 0%, #EB6100 100%); } .searchHeader .searchBox .weui-cell:before { border: none; } .searchHeader .searchBox .weui-cell { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 9px; width: calc(100% - 33px); padding: 0; color: #999; background: #E3E3E3; border-radius: 18px; } .searchHeader .searchBox .weui-cell .weui-cell__hd .iconfont { font-size: 20px; /*position: relative;*/ /*top: 2px;*/ } .searchHeader .searchBox .weui-cell .weui-cell__bd { height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .searchHeader .searchBox .weui-cell input::-webkit-input-placeholder { opacity: 0.8; font-size: 14px; color: #999999; position: relative; top: 2px; } .searchHeader .searchBox .weui-cell .weui-cell__bd { padding: 0 10px 0 0; } .searchHeader .searchBox .weui-cell .weui-cell__hd div { padding: 3px 10px 3px 10px; } .searchHeader .searchBox .sarchBtn { color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 9px; } .searchHeader .searchBox .sarchBtn i { font-size: 20.5px; } .popupChecker { height: 100%; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; display: -webkit-box; display: -ms-flexbox; display: flex; } .popupChecker .checkerHeader { height: 40px; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fbf9fe; } .popupChecker .checkerHeader :nth-child(1) { color: #828282; height: 40px; font-size: 14px; } .popupChecker .checkerHeader :nth-child(2) { color: #04BE02; height: 40px; font-size: 14px; } .popupChecker .industryListBox { overflow-y: scroll; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /*border: 2px solid #298f54;*/ } .popupChecker .industryListBox .rowBox { width: 100%; /*height: 45px;*/ padding: 10px 16px; border-bottom: 1px solid #E3E3E3; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .popupChecker .industryListBox .rowBox .chooseIs { width: 20px; height: 20px; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popupChecker .industryListBox .rowBox .chooseIs .weui-icon-circle, .popupChecker .industryListBox .rowBox .chooseIs .weui-icon-success { font-size: 20px; } .popupChecker .industryListBox .rowBox .chooseIs .weui-icon-success { color: #36a8ff !important; } .popupChecker .industryListBox .rowBox .rowBoxDesc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 5px; } .popupChecker .industryListBox .rowBox .rowBoxDesc .rowBoxDescTitle { font-size: 16px; color: #333333; letter-spacing: 0; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .vux-tap-active { tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vux-tap-active:active { background-color: #ECECEC; } .weui-cells { margin-top: 1.17647059em; background-color: #FFFFFF; line-height: 1.41176471; font-size: 17px; overflow: hidden; position: relative; } .weui-cells:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells__title { margin-top: 0.77em; margin-bottom: 0.3em; padding-left: 15px; padding-right: 15px; color: #999999; font-size: 14px; } .weui-cells__title + .weui-cells { margin-top: 0; } .weui-cells__tips { margin-top: 0.3em; color: #999999; padding-left: 15px; padding-right: 15px; font-size: 14px; } .weui-cell { padding: 10px 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .weui-cell:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 15px; } .weui-cell:first-child:before { display: none; } .weui-cell_primary { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .weui-cell__bd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .weui-cell__ft { text-align: right; color: #999999; } .vux-cell-justify { height: 1.41176471em; } .vux-cell-justify.vux-cell-justify:after { content: "."; display: inline-block; width: 100%; overflow: hidden; height: 0; } .weui-loading { width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=") no-repeat; background-size: 100%; } .weui-loading.weui-loading_transparent { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTAwIDEwMCc+PHBhdGggZmlsbD0nbm9uZScgZD0nTTAgMGgxMDB2MTAwSDB6Jy8+PHJlY3QgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjU2KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0zMCknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDEwNS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjQzKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA3NS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjM4KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2NSA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjMyKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTguNjYgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4yOCknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoMTUwIDU0LjAyIDY1KScvPjxyZWN0IHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyB4PSc0Ni41JyB5PSc0MCcgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwuMjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA1MCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjIpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKC0xNTAgNDUuOTggNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xNyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTEyMCA0MS4zNCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjE0KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtOTAgMzUgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtNjAgMjQuMDIgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4wMyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTMwIC01Ljk4IDY1KScvPjwvc3ZnPgo="); } @-webkit-keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } @keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } .vux-cell-primary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .vux-label { display: inline-block; word-wrap: break-word; word-break: break-all; } .weui-cell__ft .weui-loading { display: inline-block; } .weui-cell__ft.vux-cell-align-left { text-align: left; } .weui-cell.vux-cell-no-border-intent:before { left: 0; } .weui-cell_access .weui-cell__ft.vux-cell-arrow-down:after { -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0) rotate(90deg); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0) rotate(90deg); } .weui-cell_access .weui-cell__ft.vux-cell-arrow-up:after { -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0) rotate(-90deg); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0) rotate(-90deg); } .vux-cell-arrow-transition:after { -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .vux-cell-disabled .vux-label { color: #b2b2b2; } .vux-cell-disabled.weui-cell_access .weui-cell__ft:after { border-color: #e2e2e2; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .weui-cell_access { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: inherit; } .weui-cell_access:active { background-color: #ECECEC; } .weui-cell_access .weui-cell__ft { padding-right: 13px; position: relative; } .weui-cell_access .weui-cell__ft:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 2px; } .weui-cell_link { color: #586C94; font-size: 14px; } .weui-cell_link.weui-cell:first-child:before { display: block; } .weui-cell_access.vux-cell-box { padding-right: 13px; position: relative; } .weui-cell_access.vux-cell-box:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 17px; } .weui-cells { margin-top: 1.17647059em; background-color: #FFFFFF; line-height: 1.41176471; font-size: 17px; overflow: hidden; position: relative; } .weui-cells:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells__title { margin-top: 0.77em; margin-bottom: 0.3em; padding-left: 15px; padding-right: 15px; color: #999999; font-size: 14px; } .weui-cells__title + .weui-cells { margin-top: 0; } .weui-cells__tips { margin-top: 0.3em; color: #999999; padding-left: 15px; padding-right: 15px; font-size: 14px; } .weui-cell { padding: 10px 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .weui-cell:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 15px; } .weui-cell:first-child:before { display: none; } .weui-cell_primary { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .weui-cell__bd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .weui-cell__ft { text-align: right; color: #999999; } .vux-cell-justify { height: 1.41176471em; } .vux-cell-justify.vux-cell-justify:after { content: "."; display: inline-block; width: 100%; overflow: hidden; height: 0; } /** * http://www.zhangxinxu.com/wordpress/2015/01/tips-blank-character-chinese-align/ */ .vux-blank-half:before { content: '\2002'; speak: none; } .vux-blank-full:before { content: '\2003'; speak: none; } .vux-no-group-title { margin-top: 0.77em; } .vux-group-footer-title.weui-cells__title { margin-top: 0.3em; margin-bottom: 0.77em; padding-top: 0; font-size: 12px; } /* global config for group items */ .vux-cell-value { color: #999; } .vux-cell-placeholder { color: #999; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .weui-cells { margin-top: 1.17647059em; background-color: #FFFFFF; line-height: 1.41176471; font-size: 17px; overflow: hidden; position: relative; } .weui-cells:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells__title { margin-top: 0.77em; margin-bottom: 0.3em; padding-left: 15px; padding-right: 15px; color: #999999; font-size: 14px; } .weui-cells__title + .weui-cells { margin-top: 0; } .weui-cells__tips { margin-top: 0.3em; color: #999999; padding-left: 15px; padding-right: 15px; font-size: 14px; } .weui-cell { padding: 10px 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .weui-cell:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 15px; } .weui-cell:first-child:before { display: none; } .weui-cell_primary { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .weui-cell__bd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .weui-cell__ft { text-align: right; color: #999999; } .vux-cell-justify { height: 1.41176471em; } .vux-cell-justify.vux-cell-justify:after { content: "."; display: inline-block; width: 100%; overflow: hidden; height: 0; } .weui-check__label { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .weui-check__label:active { background-color: #ECECEC; } .weui-check { position: absolute; left: -9999em; } .weui-cells_radio .weui-cell__ft { padding-left: 0.35em; } .weui-cells_radio .weui-check:checked + .weui-icon-checked:before { display: block; content: '\EA08'; color: #09BB07; font-size: 16px; } .weui-cells_checkbox .weui-cell__hd { padding-right: 0.35em; } .weui-cells_checkbox .weui-icon-checked:before { content: '\EA01'; color: #C9C9C9; font-size: 23px; display: block; } .weui-cells_checkbox .weui-check:checked + .weui-icon-checked:before { content: '\EA06'; color: #09BB07; } @font-face { font-weight: normal; font-style: normal; font-family: "weui"; src: url('data:application/octet-stream;base64,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') format('truetype'); } [class^="weui-icon-"], [class*=" weui-icon-"] { display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 "weui"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } [class^="weui-icon-"]:before, [class*=" weui-icon-"]:before { display: inline-block; margin-left: 0.2em; margin-right: 0.2em; } .weui-icon-circle:before { content: "\EA01"; } /* '' */ .weui-icon-download:before { content: "\EA02"; } /* '' */ .weui-icon-info:before { content: "\EA03"; } /* '' */ .weui-icon-safe-success:before { content: "\EA04"; } /* '' */ .weui-icon-safe-warn:before { content: "\EA05"; } /* '' */ .weui-icon-success:before { content: "\EA06"; } /* '' */ .weui-icon-success-circle:before { content: "\EA07"; } /* '' */ .weui-icon-success-no-circle:before { content: "\EA08"; } /* '' */ .weui-icon-waiting:before { content: "\EA09"; } /* '' */ .weui-icon-waiting-circle:before { content: "\EA0A"; } /* '' */ .weui-icon-warn:before { content: "\EA0B"; } /* '' */ .weui-icon-info-circle:before { content: "\EA0C"; } /* '' */ .weui-icon-cancel:before { content: "\EA0D"; } /* '' */ .weui-icon-search:before { content: "\EA0E"; } /* '' */ .weui-icon-clear:before { content: "\EA0F"; } /* '' */ .weui-icon-back:before { content: "\EA10"; } /* '' */ .weui-icon-delete:before { content: "\EA11"; } /* '' */ [class^="weui-icon_"]:before, [class*=" weui-icon_"]:before { margin: 0; } .weui-icon-success { font-size: 23px; color: #09BB07; } .weui-icon-waiting { font-size: 23px; color: #10AEFF; } .weui-icon-warn { font-size: 23px; color: #F43530; } .weui-icon-info { font-size: 23px; color: #10AEFF; } .weui-icon-success-circle { font-size: 23px; color: #09BB07; } .weui-icon-success-no-circle { font-size: 23px; color: #09BB07; } .weui-icon-waiting-circle { font-size: 23px; color: #10AEFF; } .weui-icon-circle { font-size: 23px; color: #C9C9C9; } .weui-icon-download { font-size: 23px; color: #09BB07; } .weui-icon-info-circle { font-size: 23px; color: #09BB07; } .weui-icon-safe-success { color: #09BB07; } .weui-icon-safe-warn { color: #FFBE00; } .weui-icon-cancel { color: #F43530; font-size: 22px; } .weui-icon-search { color: #B2B2B2; font-size: 14px; } .weui-icon-clear { color: #B2B2B2; font-size: 14px; } .weui-icon-delete.weui-icon_gallery-delete { color: #FFFFFF; font-size: 22px; } .weui-icon_msg { font-size: 93px; } .weui-icon_msg.weui-icon-warn { color: #F76260; } .weui-icon_msg-primary { font-size: 93px; } .weui-icon_msg-primary.weui-icon-warn { color: #FFBE00; } .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before { color: #09BB07; } .weui-cells_checkbox > label > * { pointer-events: none; } .vux-checklist-disabled .vux-checklist-icon-checked:before { opacity: 0.5; } .vux-checklist-label-left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .vux-group-tip, .vux-group-tip p { font-size:14px; color:#888; text-align:center; padding-top:0.3em; padding-left:10px; padding-right:5px; } .vux-group-tip .weui-icon { padding-right: 3px; } .RecommendationService { padding: 0 16px; background-color: #fff; } .RecommendationService .scrollContent { /*border: 1px solid cornflowerblue;*/ } .RecommendationService .scrollContent .vux-swiper { width: 100%; } .RecommendationService .scrollContent .vux-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .RecommendationService .scrollContent .vux-indicator-right > a { margin: 0 3px !important; } .RecommendationService .scrollContent .vux-indicator-right { position: relative !important; right: 0; left: 0; bottom: 2px; } .RecommendationService .scrollContent .vux-indicator-right .vux-icon-dot { width: 20px; height: 4px; border-radius: 5px; background-color: #d0cdd1; } .RecommendationService .scrollContent .vux-indicator-right .active { background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #1B79FF), color-stop(99%, #1D68D2)); background-image: linear-gradient(90deg, #1B79FF 2%, #1D68D2 99%); border-radius: 50%; width: 5px; height: 5px; } .RecommendationService .scrollContent .vux-swiper-item { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .RecommendationService .scrollContent .vux-swiper-item .hotBox-item:nth-child(3) { margin-top: 7px; } .RecommendationService .scrollContent .vux-swiper-item .hotBox-item:nth-child(4) { margin-top: 7px; } .RecommendationService .scrollContent .hotBox { height: 80px; position: relative; /*border: 2px solid darkseagreen;*/ } .RecommendationService .scrollContent .hotBox-item { width: calc(50% - 4px); height: calc(50% - 7px); overflow: hidden; /*超出部分隐藏*/ text-overflow: ellipsis; /* 超出部分显示省略号 */ white-space: nowrap; /*规定段落中的文本不进行换行 */ position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .RecommendationService .scrollContent .hotBox-item .bgPic { position: absolute; width: 100%; height: 100%; z-index: 10; } .RecommendationService .scrollContent .hotBox-item .textBoxBlue { padding-left: 10px; position: absolute; font-weight: bolder; z-index: 15; width: 65%; top: calc(50% - 10px); font-size: 14px; color: #1D68D2; text-overflow: ellipsis; /* 超出部分显示省略号 */ overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*规定段落中的文本不进行换行 */ } .RecommendationService .scrollContent .hotBox-item .textBoxRed { padding-left: 10px; position: absolute; font-weight: bolder; z-index: 15; width: 65%; top: calc(50% - 10px); font-size: 14px; color: #aa3d3b; text-overflow: ellipsis; /* 超出部分显示省略号 */ overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*规定段落中的文本不进行换行 */ } .RecommendationService .scrollContent .hotBox-item .textBoxGro { padding-left: 10px; position: absolute; font-weight: bolder; z-index: 15; width: 65%; top: calc(50% - 10px); font-size: 14px; color: #6153b9; text-overflow: ellipsis; /* 超出部分显示省略号 */ overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*规定段落中的文本不进行换行 */ } .RecommendationService .scrollContent .hotBox-item .textBoxOra { padding-left: 10px; position: absolute; font-weight: bolder; z-index: 15; width: 65%; top: calc(50% - 10px); font-size: 14px; color: #FDA742; text-overflow: ellipsis; /* 超出部分显示省略号 */ overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*规定段落中的文本不进行换行 */ } .RecommendationService .scrollContent .hotBox-item .textBoxGreen { padding-left: 10px; position: absolute; font-weight: bolder; z-index: 15; width: 65%; top: calc(50% - 10px); font-size: 14px; color: #177c56; text-overflow: ellipsis; /* 超出部分显示省略号 */ overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*规定段落中的文本不进行换行 */ } .RecommendationService .scrollContent .hotBox-item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .vux-slider { overflow: hidden; position: relative; } .vux-slider > .vux-indicator, .vux-slider .vux-indicator-right { position: absolute; right: 15px; bottom: 10px; } .vux-slider > .vux-indicator > a, .vux-slider .vux-indicator-right > a { float: left; margin-left: 6px; } .vux-slider > .vux-indicator > a > .vux-icon-dot, .vux-slider .vux-indicator-right > a > .vux-icon-dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 3px; background-color: #d0cdd1; } .vux-slider > .vux-indicator > a > .vux-icon-dot.active, .vux-slider .vux-indicator-right > a > .vux-icon-dot.active { background-color: #04BE02; } .vux-slider > .vux-indicator-center { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .vux-slider > .vux-indicator-left { left: 15px; right: auto; } .vux-slider > .vux-swiper { overflow: hidden; position: relative; } .vux-slider > .vux-swiper > .vux-swiper-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vux-slider > .vux-swiper > .vux-swiper-item > a { display: block; width: 100%; height: 100%; } .vux-slider > .vux-swiper > .vux-swiper-item > a > .vux-img { display: block; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; } .vux-slider > .vux-swiper > .vux-swiper-item > a > .vux-swiper-desc { position: absolute; left: 0; right: 0; bottom: 0; height: 1.4em; font-size: 16px; padding: 20px 50px 12px 13px; margin: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 100%); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .header-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; color: white; font-size: 0; padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #3486ff; } .header-center .left { height: 60px; line-height: 60px; width: 20px; font-size: 0.14rem; display: block; color: #fff; font-weight: bolder; position: absolute; } .header-center .vux-x-icon { fill: #fff; } .header-center .title { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.16rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; display: block; color: #fff; } .header-center .icon { margin-left: 5px; } .header-center .icon i { font-size: 0.26rem; } .header-center .right { font-size: 0.14rem; display: block; color: #fff; position: absolute; right: 10px; } .header-center .right i { font-size: 26px; } .btnArgee { padding: 0 16px; } .btnArgee button { background: rgba(206, 206, 206, 0.3); height: 40px; border-radius: 30px; font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0.17px; text-align: center; } .btnArgee .weui-btn:after { border: none; } .btnArgee .weui-btn:not(.weui-btn_disabled):visited { color: #999999; } .btnArgee .weui-btn:not(.weui-btn_disabled):active { color: #999999; background-color: #eaeaea; } .btnAll { padding: 0 16px; } .btnAll button { background: #2B64F4; border-radius: 31px; height: 60px; font-family: PingFangSC-Regular; font-size: 22px; color: #FFFFFF; text-align: center; } .btnAll .weui-btn:after { border: none; } .btnAll .weui-btn_primary { /*background-color: red;*/ } .btnAll .weui-btn_primary:not(.weui-btn_disabled):visited { color: yellow; } .btnAll .weui-btn_primary:not(.weui-btn_disabled):active { color: white; background-color: #028bec; } .btnAll .weui-btn { /*background-color: red;*/ } .btnAll .weui-btn:not(.weui-btn_disabled):visited { color: yellow; } .btnAll .weui-btn:not(.weui-btn_disabled):active { color: white; background-color: #028bec; } .universalTitle { width: 100%; background-color: #FFFFFF; padding: 40px 22px 40px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20.5px; color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: PingFangSC-Regular; letter-spacing: 0; } .universalTitle .universalSign { /*通用红色小竖条*/ background: #2B64F4; border-radius: 4px; width: 8px; height: 20.5px; margin-right: 10px; } .universalTitle .fontWeight { font-size: 0.16rem; color: #333333; font-weight: bolder; } .strip { width: 8px; height: 20.5px; background: #2B64F4; border-radius: 4px; } /* ↓ ↓ ↓ 全页默认样式 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ---*/ .generalStructure { width: 100%; height: 100%; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .generalStructure .generalBox { /*border: 1px solid red;*/ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: scroll; } .generalStructure .liubai { width: 100%; height: 48px; } /* ↓ ↓ ↓ ↓ ↓ 默认新闻列表样式 ↓ ↓ ↓ ↓ ↓ ↓ ↓ */ .newsStyle .SearchFunctionContent:not(:last-child) .goodBorder { /*border: 1px solid red;*/ border-bottom: 1px solid #E3E3E3; } .newsStyle .SearchFunctionContent { background-color: #fff; padding: 0 16px; } .newsStyle .SearchFunctionContent .border { padding: 10px 0 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*border: 1px solid red;*/ } .newsStyle .SearchFunctionContent .border .firstLineTitle { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bolder; } .newsStyle .SearchFunctionContent .border .SecondLineTitle { font-size: 0.12rem; color: #666666; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 3px; /*max-height: 0.34rem;*/ } .newsStyle .SearchFunctionContent .border .firstLineTitles { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; font-weight: bolder; } .newsStyle .SearchFunctionContent .border .imgListBox { padding: 10px 0 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(2) { padding: 0 2.5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(1) { padding-right: 5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(3) { padding-left: 5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList { -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33%; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList img { width: 100%; height: 70px; border-radius: 5px; } .newsStyle .SearchFunctionContent .border .footerLine { font-size: 0.12rem; color: #999999; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 8px; } .newsStyle .SearchFunctionContent .border .footerLines { font-family: PingFangSC-Regular; font-size: 14px; color: #666666; letter-spacing: 0; width: 100%; overflow: hidden; padding-top: 12px; } .newsStyle .SearchFunctionContent .leftRight { /*border: 1px solid green;*/ padding: 10px 0 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /*border: 1px solid red;*/ } .newsStyle .SearchFunctionContent .leftRight .leftBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .newsStyle .SearchFunctionContent .leftRight .leftBox .firstLineTitle { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bolder; } .newsStyle .SearchFunctionContent .leftRight .leftBox .SecondLineTitle { font-size: 0.12rem; color: #666666; width: 100%; /*overflow:hidden;*/ /*text-overflow:ellipsis;*/ /*white-space:nowrap*/ /*line-height: 20px;*/ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /*控制多行的行数 */ /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ padding-top: 3px; max-height: 0.34rem; } .newsStyle .SearchFunctionContent .leftRight .leftBox .footerLine { font-size: 0.12rem; color: #999999; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 8px; } .newsStyle .SearchFunctionContent .leftRight .imgListBox { width: 33%; margin-left: 5px; /*padding: 10px 0 0 0;*/ /*flex-wrap: wrap;*/ } .newsStyle .SearchFunctionContent .leftRight .imgListBox .imgList { -webkit-box-sizing: border-box; box-sizing: border-box; } .newsStyle .SearchFunctionContent .leftRight .imgListBox .imgList img { width: 100%; height: 70px; border-radius: 5px; } .newsStyle .SearchFunctionContent:active { background-color: #E3E3E3; } .formTitle { width: 100%; margin-bottom: 10px; background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 70px; border-bottom: 1px solid #E3E3E3; } .formTitle .strip { width: 8px; height: 20.5px; background: #2B64F4; border-radius: 4px; margin-right: 10px; } .formTitle .fromTitleWord { font-family: PingFangSC-Regular; font-size: 20.5px; color: #333333; letter-spacing: 0; } .formContent { padding: 20px 100px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .formContent .weui-cell__bd { border: 1px solid #E3E3E3; position: relative; top: 2px; padding: 12px 12px; } .formContent .qiye { padding-top: 32px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .formContent .qiye .left { width: 510px; } .formContent .hangye { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .formContent .hangye .vux-x-textarea { margin-top: 15px; padding: 0; } .formContent .hangye .vux-x-textarea .weui-cell__bd { padding: 0; height: 108px; } .formContent .hangye .vux-x-textarea .weui-cell__bd .weui-textarea { font-family: PingFangSC-Regular; padding: 0px 12px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .formContent .hangye .weui-cell_access .weui-cell__ft:after { content: " "; display: inline-block; border: 6px solid transparent !important; border-top: 6px solid #ccc !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: -10px; } .formContent .hangye .vux-cell-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .formContent .hangye .weui-cell__ft { padding-right: 0; } .formContent .hangye .weui-cell__bd { padding-right: 0; } .formContent .hangye .weui-cell { padding-right: 0; width: 100%; background-color: #fff; line-height: 40px; } .formContent .hangye .weui-cell .vux-popup-picker-select { width: 100%; border: 1px solid #E3E3E3; background-color: #fff; text-align: left !important; text-indent: 12px; border-radius: 8px; color: #666; padding: 12px 0; } .formContent .hangye .weui-cell .weui-cell_access .weui-cell__ft { padding-right: 0; right: 20px; } .formContent .mapWrapper { padding-top: 10px; overflow: hidden; width: 548px; height: 264px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 10px; text-align: center; } .formContent .mapWrapper .map { overflow: hidden; border-radius: 20px; } .formContent .btnCommit { width: 100%; margin: 0 auto; padding: 30px 0; } .formContent .btnCommit .weui-btn:after { display: none; } .formContent .btnCommit .weui-btn_default { width: 380px; height: 60px; background-color: #2b64f4; border-radius: 30px; font-size: 20.5px; color: #ffffff; } .formContent .weui-cell { width: 48%; padding: 12.5px 15px 12.5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .formContent .weui-cell .weui-input, .formContent .weui-cell .weui-textarea { font-size: 0.2rem; } .formContent .weui-cell .vux-cell-placeholder { font-size: 0.2rem; } .formContent .weui-cell .weui-label { font-size: 0.24rem; display: block; width: 120px !important; } .PolicyNewsList { width: 100%; /*height: inherit;*/ /*overflow-y: scroll;*/ /*border: 2px solid forestgreen;*/ min-height: 400px; /*max-height: 400px;*/ } .PolicyNewsList .footerLine { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .PolicyNewsList .hsoftNoData { height: 400px; } .PolicyNewsList .HsoftInlineLoading { /*margin-top: 300px;*/ /*border: 1px solid red;*/ padding-top: 100px; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .vux-header { position: relative; padding: 3px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #35495e; } .vux-header .vux-header-title { line-height: 40px; text-align: center; font-size: 18px; font-weight: 400; color: #fff; } .vux-header-title-area, .vux-header .vux-header-title { margin: 0 88px; height: 40px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vux-header .vux-header-title > span { display: inline-block; } .vux-header .vux-header-left, .vux-header .vux-header-right { position: absolute; top: 14px; display: block; font-size: 14px; line-height: 21px; color: #ccc; } .vux-header .vux-header-left a, .vux-header .vux-header-left button, .vux-header .vux-header-right a, .vux-header .vux-header-right button { float: left; margin-right: 8px; color: #ccc; } .vux-header .vux-header-left a:active, .vux-header .vux-header-left button:active, .vux-header .vux-header-right a:active, .vux-header .vux-header-right button:active { opacity: 0.5; } .vux-header .vux-header-left { left: 18px; } .vux-header .vux-header-left .vux-header-back { padding-left: 16px; } .vux-header .vux-header-left .left-arrow { position: absolute; width: 30px; height: 30px; top: -5px; left: -5px; } .vux-header .vux-header-left .left-arrow:before { content: ""; position: absolute; width: 12px; height: 12px; border: 1px solid #ccc; border-width: 1px 0 0 1px; -webkit-transform: rotate(315deg); transform: rotate(315deg); top: 8px; left: 7px; } .vux-header .vux-header-right { right: 15px; } .vux-header .vux-header-right a, .vux-header .vux-header-right button { margin-left: 8px; margin-right: 0; } .vux-header .vux-header-right .vux-header-more:after { content: "\2022 \2022 \2022 "; font-size: 16px; } .vux-header-fade-in-right-enter-active { -webkit-animation: fadeinR 0.5s; animation: fadeinR 0.5s; } .vux-header-fade-in-left-enter-active { -webkit-animation: fadeinL 0.5s; animation: fadeinL 0.5s; } @-webkit-keyframes fadeinR { 0% { opacity: 0; -webkit-transform: translateX(150px); transform: translateX(150px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeinR { 0% { opacity: 0; -webkit-transform: translateX(150px); transform: translateX(150px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeinL { 0% { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeinL { 0% { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .ErrorPage { background-color: whitesmoke; } .ErrorPage .divClass { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; /* 设置容器的高度为视口高度，以便垂直居中 */ } .el-message-box { width: 30vh; } #app { background-color: #fff; } .home .home_state { width: 100%; height: 210px; background: url(../../static/img/homebackground.027c202.png) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home .home_state p { font-size: 35px; font-weight: 400; color: #ffffff; font-family: Source Han Sans SC-Normal, Source Han Sans SC; } .home .home_main { margin-top: 33px; padding-bottom: 10px; } .home .home_main .homeson { width: 93.6%; height: 90px; background: #f4f7fe; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 13px; border-radius: 4px 4px 4px 4px; opacity: 1; border: 1px solid #eaeef5; -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.16); box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.16); } .home .home_main .homeson p { font-size: 23px; font-weight: 400; color: #2543cf; margin-left: 18px; } .home .home_main .homeson img { margin-right: 23px; } .vux-fade-enter-active, .vux-fade-leave-active { opacity: 1; -webkit-transition: opacity linear 0.2s; transition: opacity linear 0.2s; } .vux-fade-enter, .vux-fade-leave-to { opacity: 0; } .vux-dialog-enter-active { -webkit-animation: vux-dialog-in 0.5s; animation: vux-dialog-in 0.5s; } .vux-dialog-leave-active { -webkit-animation: vux-dialog-out 0.3s; animation: vux-dialog-out 0.3s; } @-webkit-keyframes vux-dialog-in { 0% { -webkit-transform: scale(1.185); transform: scale(1.185); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes vux-dialog-in { 0% { -webkit-transform: scale(1.185); transform: scale(1.185); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes vux-dialog-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.85); transform: scale(0.85); opacity: 0; } } @keyframes vux-dialog-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.85); transform: scale(0.85); opacity: 0; } } .vux-mask-enter, .vux-mask-leave-active { opacity: 0; } .vux-mask-leave-active, .vux-mask-enter-active { -webkit-transition: opacity 300ms; transition: opacity 300ms; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .weui-mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .weui-mask_transparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; } .weui-dialog { position: fixed; display: table; z-index: 5000; width: 80%; max-width: 300px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #FFFFFF; text-align: center; border-radius: 3px; overflow: hidden; } .weui-dialog__hd { padding: 1.3em 1.6em 0.5em; } .weui-dialog__hd.with-no-content { padding: 1.7em 1.6em; } .weui-dialog__title { font-weight: 400; font-size: 18px; } .weui-dialog__bd { padding: 0 1.6em 0.8em; min-height: 40px; font-size: 15px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #999999; } .weui-dialog__bd:first-child { padding: 2.7em 20px 1.7em; color: #353535; } .weui-dialog__ft { position: relative; line-height: 48px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; } .weui-dialog__ft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-dialog__btn { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #3CC51F; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } .weui-dialog__btn:active { background-color: #EEEEEE; } .weui-dialog__btn:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .weui-dialog__btn:first-child:after { display: none; } .weui-dialog__btn_default { color: #353535; } .weui-dialog__btn_primary { color: #0BB20C; } .weui-dialog__btn_warn { color: #E64340; } .weui-skin_android .weui-dialog { text-align: left; -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); } .weui-skin_android .weui-dialog__title { font-size: 21px; } .weui-skin_android .weui-dialog__hd { text-align: left; } .weui-skin_android .weui-dialog__bd { color: #999999; padding: 0.25em 1.6em 2em; font-size: 17px; text-align: left; } .weui-skin_android .weui-dialog__bd:first-child { padding: 1.6em 1.6em 2em; color: #353535; } .weui-skin_android .weui-dialog__ft { display: block; text-align: right; line-height: 42px; font-size: 16px; padding: 0 1.6em 0.7em; } .weui-skin_android .weui-dialog__ft:after { display: none; } .weui-skin_android .weui-dialog__btn { display: inline-block; vertical-align: top; padding: 0 0.8em; } .weui-skin_android .weui-dialog__btn:after { display: none; } .weui-skin_android .weui-dialog__btn:active { background-color: rgba(0, 0, 0, 0.06); } .weui-skin_android .weui-dialog__btn:visited { background-color: rgba(0, 0, 0, 0.06); } .weui-skin_android .weui-dialog__btn:last-child { margin-right: -0.8em; } .weui-skin_android .weui-dialog__btn_default { color: #808080; } @media screen and (min-width: 1024px) { .weui-dialog { width: 35%; } } .vux-prompt { padding-bottom: 1.6em; } .vux-prompt-msgbox { width: 80%; border: 1px solid #dedede; border-radius: 5px; padding: 4px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; font-size: 16px; } .vux-modal-open { overflow: hidden; position: fixed; width: 100%; } .vux-modal-open-for-container { overflow: hidden!important; } .vux-fade-enter-active, .vux-fade-leave-active { opacity: 1; -webkit-transition: opacity linear 0.2s; transition: opacity linear 0.2s; } .vux-fade-enter, .vux-fade-leave-to { opacity: 0; } .vux-dialog-enter-active { -webkit-animation: vux-dialog-in 0.5s; animation: vux-dialog-in 0.5s; } .vux-dialog-leave-active { -webkit-animation: vux-dialog-out 0.3s; animation: vux-dialog-out 0.3s; } @-webkit-keyframes vux-dialog-in { 0% { -webkit-transform: scale(1.185); transform: scale(1.185); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes vux-dialog-in { 0% { -webkit-transform: scale(1.185); transform: scale(1.185); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes vux-dialog-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.85); transform: scale(0.85); opacity: 0; } } @keyframes vux-dialog-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.85); transform: scale(0.85); opacity: 0; } } .vux-mask-enter, .vux-mask-leave-active { opacity: 0; } .vux-mask-leave-active, .vux-mask-enter-active { -webkit-transition: opacity 300ms; transition: opacity 300ms; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .weui-mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .weui-mask_transparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; } .weui-dialog { position: fixed; display: table; z-index: 5000; width: 80%; max-width: 300px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #FFFFFF; text-align: center; border-radius: 3px; overflow: hidden; } .weui-dialog__hd { padding: 1.3em 1.6em 0.5em; } .weui-dialog__hd.with-no-content { padding: 1.7em 1.6em; } .weui-dialog__title { font-weight: 400; font-size: 18px; } .weui-dialog__bd { padding: 0 1.6em 0.8em; min-height: 40px; font-size: 15px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #999999; } .weui-dialog__bd:first-child { padding: 2.7em 20px 1.7em; color: #353535; } .weui-dialog__ft { position: relative; line-height: 48px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; } .weui-dialog__ft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-dialog__btn { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #3CC51F; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } .weui-dialog__btn:active { background-color: #EEEEEE; } .weui-dialog__btn:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .weui-dialog__btn:first-child:after { display: none; } .weui-dialog__btn_default { color: #353535; } .weui-dialog__btn_primary { color: #0BB20C; } .weui-dialog__btn_warn { color: #E64340; } .weui-skin_android .weui-dialog { text-align: left; -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1); } .weui-skin_android .weui-dialog__title { font-size: 21px; } .weui-skin_android .weui-dialog__hd { text-align: left; } .weui-skin_android .weui-dialog__bd { color: #999999; padding: 0.25em 1.6em 2em; font-size: 17px; text-align: left; } .weui-skin_android .weui-dialog__bd:first-child { padding: 1.6em 1.6em 2em; color: #353535; } .weui-skin_android .weui-dialog__ft { display: block; text-align: right; line-height: 42px; font-size: 16px; padding: 0 1.6em 0.7em; } .weui-skin_android .weui-dialog__ft:after { display: none; } .weui-skin_android .weui-dialog__btn { display: inline-block; vertical-align: top; padding: 0 0.8em; } .weui-skin_android .weui-dialog__btn:after { display: none; } .weui-skin_android .weui-dialog__btn:active { background-color: rgba(0, 0, 0, 0.06); } .weui-skin_android .weui-dialog__btn:visited { background-color: rgba(0, 0, 0, 0.06); } .weui-skin_android .weui-dialog__btn:last-child { margin-right: -0.8em; } .weui-skin_android .weui-dialog__btn_default { color: #808080; } @media screen and (min-width: 1024px) { .weui-dialog { width: 35%; } } .vux-x-dialog-absolute .weui-dialog { position: absolute; } .PersonalInfo { width: 100%; height: 100%; background-color: #E3E3E3; overflow-y: auto; } .PersonalInfo .header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .PersonalInfo .header .headerPic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .PersonalInfo .header .headerPic img { width: 66px; height: 66px; border: 2px solid #E3E3E3; border-radius: 33px; } .PersonalInfo .header .name { margin-left: 15px; font-family: PingFangSC-Medium; font-size: 22px; color: #333333; letter-spacing: 0; } .PersonalInfo .header .headerContent { margin-left: 15px; } .PersonalInfo .header .headerContent .preaonalName { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .PersonalInfo .header .headerContent .preaonalName .nameWord { font-family: PingFangSC-Medium; font-size: 22px; color: #333333; letter-spacing: 0; margin-right: 6px; font-weight: bolder; position: relative; bottom: -4px; } .PersonalInfo .header .headerContent .preaonalName .gender { font-family: PingFangSC-Regular; font-size: 12px; color: #333333; letter-spacing: 0; margin-right: 4px; } .PersonalInfo .header .headerContent .preaonalName .namePic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 3.4px; position: relative; } .PersonalInfo .header .headerContent .preaonalName .namePic img { width: 60px; height: 18px; } .PersonalInfo .header .headerContent .preaonalName .namePic .renzheng { position: absolute; left: 18px; font-family: PingFangSC-Regular; font-size: 12px; color: #FFFFFF; letter-spacing: 0; } .PersonalInfo .header .headerContent .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; } .PersonalInfo .header .headerContent .card .cardPic { font-size: 16px; top: 1px; position: relative; color: #666666; } .PersonalInfo .header .headerContent .card .cardWord { margin-left: 7px; font-family: PingFangSC-Regular; font-size: 14px; color: #666666; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; bottom: -1px; } .PersonalInfo .header .standerCon { /*position: absolute;*/ /*right: 15px;*/ /*top: 15px;*/ /*text-align: center;*/ } .PersonalInfo .header .standerCon .operation { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABzCAYAAABn2gcNAAAFb0lEQVR4Xu2YTWhcVRiG3++cM2l+hqQtttIhmAyhUIjNtKUlLYgbBYUuXGVj0Z0LF4IguHCh1EUXghtxq7tCoBRXWYhmoYKtVLFJDFSbkh9sQKuBhDTO3L8j53ZG02KZJCR+mfa9cHMzM3fue+7z3PfekwgegcV73wngAoDPROSrVjolaaXB/tdYvfcOwNtZ5t81Rn4GMCIiv7TKebW0AO99GP/LWeY/rkXRXmdt5pz9QkReFZHfW0FCqwt4Jsv8xVoUPeW9z3m3FVzsnPsEwFsisrbbJbSsAO/9YQCjtSg+lqapWQ96T1vbmrXmfQAfikiymyW0pADv/UEAn0Zx/GKSpPZBwCKCPW2FP40xbwRJInKvHrtwaTkB3vsOAB+kafZaLYr2PIypMca3FQqzxsgrIvLtLmSfD6mlBNRnPG8mafpeFMXFZlALzqXO2R9E5JyIzDTbX+PzBwXIyMhIYXV1dVeJuXnzJnp7e+Xy5csv9fTs/SiKooMbvac4axNjZGx0dPT18+fPLx0+HB4dOkuxWPSXLl2KAfwz/AbosDULCwvPF4vFc2EyEYZYn+bpjHZdapZl+at9+/adjOK47P3mmltwrlqrVb+pVqtLxhiNiysHLiLR8vLyxXK5/CWAcFL5PDosdnh4uGt8fHzcOfd05iHhA20BjcskPFStMciyzKVZZsLrzS7O2tjDZ2ma5V9udoSNNmwj42hMAozAR1H004kTJ56bmZm5CyAN4whrYXBwcP+VK1emjXX7w1tbOMeNjGVT+9Sn9vkImwHb6IEbx2x2fvl++VW4XVufH8qn6dKZM6cHp6enlwDE+a0HQHu5XD4wMTExYazr2coVtlEAj/N+4Y/FLE2WK5VKZXZ29g6AahAQ5tGdAwMDT/54/fr3xlgK2KGr5J6AdPn48WMnb9269RuAtYaArv7+/tLE5OR31rpuNmBnDNQbsDI0NDQ8Nze3COBuQ0Cxr6+vNDk1dZUCdgZ+fVYZbkErR48ePT0/Px8E5PP98O/cLgrYOfCNIzcasE5A3gAK2Hn2eQIF/E+gHxZDARSgTEA5ng2gAGUCyvFsAAUoE1COZwMoQJmAcjwbQAHKBJTj2QAKUCagHM8GUIAyAeV4NoAClAkox7MBFKBMQDmeDaAAZQLK8WwABSgTUI5nAyhAmYByPBtAAcoElOPZAApQJqAczwZQgDIB5Xg2gAKUCSjHswEUoExAOZ4NoABlAsrxbAAFKBNQjmcDKECZgHI8G0ABygSU49kAClAmoBzPBlCAMgHleDaAApQJKMezARSgTEA5ng2gAGUCyvFsAAUoE1COZwMoQJmAcjwbQAHKBJTj2QAKUCagHM8GUIAyAeV4NoAClAkox7MBFKBMQDmeDaAAZQLK8WwABSgTUI5nAyhAmYByPBtAAcoElOPZAApQJqAczwZQgDIB5Xg2gAKUCSjHswEUoExAOZ4NoABlAsrxbAAFKBNQjmcDKECZgHJ88wZMTl61rtAtIspDfTTjg4A0iVeGhoZOz8/PLwK4G0hbAF2lUql048aNr40tPAF4GtjmayDAN8b4NIn/OHLkyLOLi4v3Cehsb28/MDU1deHQodILWZa6f/MFoI6t6fDha+FHABgE2OT27V8/r1Qq71Sr1TsA1sInBkAngO5Tp071nz179litVismSWKstUS/NfT3fcuHyx/IOjo6VsfGxq5fu3ZtDsDKegFtAIoAeurbDgChBRSwDQLqNUgA/AVgFcByfRs1AAfY7QAC+LAGIeHZwGX7CKQAorqEIKIKIGkIaDyMCwDCGuCH99iA7REQbkFhDRLi+hp+v2+20wAengnrxWzPEB7vo+SP47qErL7N3/sbL6oyY1KZHUYAAAAASUVORK5CYII=); } .PersonalInfo .header .standerCon .stander { font-size: 22px; font-family: Source Han Sans CN; font-weight: 400; color: #4A4A4A; /*text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.75);*/ } .PersonalInfo .handleList { width: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .PersonalInfo .handleList .handleCell { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #E3E3E3; } .PersonalInfo .handleList .handleCell .handleNum { font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; letter-spacing: 0; font-weight: bolder; } .PersonalInfo .handleList .handleCell .ybh { color: #FA6401; } .PersonalInfo .handleList .handleCell .handleWord { font-family: PingFangSC-Regular; font-size: 12px; color: #666666; letter-spacing: 0; } .PersonalInfo .jumpBtn { height: 80px; background: #FFFFFF; margin-top: 10px; padding: 0 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .PersonalInfo .jumpBtn .jumpBtn_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .PersonalInfo .jumpBtn span { margin-left: 20px; } .PersonalInfo .jumpBtn .arrow { margin-left: 30px; } .PersonalInfo .personalList { background-color: #fff; margin-top: 10px; } .PersonalInfo .personalList .cellBox { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .PersonalInfo .personalList .cellBox .listLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .PersonalInfo .personalList .cellBox .listLeft i { font-size: 24.5px; position: relative; top: 1px; } .PersonalInfo .personalList .cellBox .listLeft .leftWord { margin-left: 12px; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .PersonalInfo .personalList .cellBox .arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .PersonalInfo .personalList .cellBox .arrow .circle { width: 8px; height: 8px; border-radius: 4px; background-image: linear-gradient(-179deg, #FE3434 0%, #EB6100 100%); margin-right: 14px; } .PersonalInfo .personalList .cellBox .arrow i { color: #999999; font-size: 16px; } .PersonalInfo .personalList .read i { color: #1E6BD5; } .PersonalInfo .personalList .tousu i { color: #1E6BD5; } .PersonalInfo .personalList .bangding i { color: #216bd3; } .PersonalInfo .personalList .interaction i { color: #1E6BD5; } .PersonalInfo .personalList .focus i { color: #1E6BD5; } .PersonalInfo .weui-dialog { width: 250px; } .PersonalInfo .weui-dialog__title { font-family: PingFangSC-Medium; font-size: 16px; color: #4A4A4A; font-weight: bolder; } .PersonalInfo .weui-dialog__bd { font-family: PingFangSC-Regular; font-size: 12px; color: #333333; } .PersonalInfo .weui-dialog__btn.weui-dialog__btn_default { font-family: PingFangSC-Regular; font-size: 15px; color: #999999; } .PersonalInfo .weui-dialog__btn.weui-dialog__btn_primary { font-family: PingFangSC-Regular; font-size: 15px; color: #4A4A4A; } .RelationList { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; position: fixed; /*top: 180px;*/ top: 0; } .RelationList .title { font-family: PingFangSC-Medium; font-weight: bolder; font-size: 26px; color: #333333; } .RelationList .ejectBoxMask { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 999; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0, 0, 0, 0.6); } .RelationList .ejectBoxMask .ejectBox { /*height: 414px;*/ height: auto; max-height: 352px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; background-color: white; position: absolute; top: 0; } .RelationList .ejectBoxMask .ejectBox .ejectContentDefault { padding: 10px 26px; font-family: PingFangSC-Regular; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #1e6bd5; font-weight: bolder; } .AccountBinding { width: 100%; height: 100%; background-color: #fff; } .AccountBinding .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .AccountBinding .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .AccountBinding .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .AccountBinding .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .AccountBinding .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .AccountBinding .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .AccountBinding .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .AccountBinding .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .AccountBinding .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .AccountBinding .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .AccountBinding .card:last-child { border: none; } .AccountBinding .forgetPassword { font-family: PingFangSC-Regular; font-size: 14px; color: #666666; letter-spacing: 0; padding: 22px 16px 20px 16px; text-align: right; } .AccountBinding .btn { padding: 0 16px; } .AccountBinding .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .AccountBinding .btn button:active { color: #ffffff; } .AccountBinding .btn .weui-btn:after { border: none; } .AccountBinding .register { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; } .AccountBinding .register .clickRegister { color: #1B79FF; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .weui-btn { position: relative; display: block; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; color: #FFFFFF; line-height: 2.33333333; border-radius: 5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; } .weui-btn:after { content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; } .weui-btn_inline { display: inline-block; } .weui-btn_default { color: #000000; background-color: #F8F8F8; } .weui-btn_default:not(.weui-btn_disabled):visited { color: #000000; } .weui-btn_default:not(.weui-btn_disabled):active { color: rgba(0, 0, 0, 0.6); background-color: #DEDEDE; } .weui-btn_primary { background-color: #1AAD19; } .weui-btn_primary:not(.weui-btn_disabled):visited { color: #FFFFFF; } .weui-btn_primary:not(.weui-btn_disabled):active { color: rgba(255, 255, 255, 0.6); background-color: #179B16; } .weui-btn_warn { background-color: #E64340; } .weui-btn_warn:not(.weui-btn_disabled):visited { color: #FFFFFF; } .weui-btn_warn:not(.weui-btn_disabled):active { color: rgba(255, 255, 255, 0.6); background-color: #CE3C39; } .weui-btn_disabled { color: rgba(255, 255, 255, 0.6); } .weui-btn_disabled.weui-btn_default { color: rgba(0, 0, 0, 0.3); background-color: #F7F7F7; } .weui-btn_disabled.weui-btn_primary { background-color: #9ED99D; } .weui-btn_disabled.weui-btn_warn { background-color: #EC8B89; } .weui-btn_loading .weui-loading { margin: -0.2em 0.34em 0 0; } .weui-btn_loading.weui-btn_primary, .weui-btn_loading.weui-btn_warn { color: rgba(255, 255, 255, 0.6); } .weui-btn_loading.weui-btn_primary .weui-loading, .weui-btn_loading.weui-btn_warn .weui-loading { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTAwIDEwMCc+PHBhdGggZmlsbD0nbm9uZScgZD0nTTAgMGgxMDB2MTAwSDB6Jy8+PHJlY3QgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjU2KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0zMCknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDEwNS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjQzKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA3NS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjM4KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2NSA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjMyKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTguNjYgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4yOCknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoMTUwIDU0LjAyIDY1KScvPjxyZWN0IHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyB4PSc0Ni41JyB5PSc0MCcgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwuMjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA1MCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjIpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKC0xNTAgNDUuOTggNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xNyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTEyMCA0MS4zNCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjE0KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtOTAgMzUgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtNjAgMjQuMDIgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4wMyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTMwIC01Ljk4IDY1KScvPjwvc3ZnPg=="); } .weui-btn_loading.weui-btn_primary { background-color: #179B16; } .weui-btn_loading.weui-btn_warn { background-color: #CE3C39; } .weui-btn_plain-primary { color: #1aad19; border: 1px solid #1aad19; } .weui-btn_plain-primary:not(.weui-btn_plain-disabled):active { color: rgba(26, 173, 25, 0.6); border-color: rgba(26, 173, 25, 0.6); background-color: transparent; } .weui-btn_plain-primary:after { border-width: 0; } .weui-btn_plain-default { color: #353535; border: 1px solid #353535; } .weui-btn_plain-default:not(.weui-btn_plain-disabled):active { color: rgba(53, 53, 53, 0.6); border-color: rgba(53, 53, 53, 0.6); } .weui-btn_plain-default:after { border-width: 0; } /* * added by VUX */ button.weui-btn.weui-btn_plain-warn, input.weui-btn.weui-btn_plain-warn { border-width: 1px; background-color: transparent; } .weui-btn_plain-warn { color: #ce3c39; border: 1px solid #ce3c39; background: transparent; } .weui-btn_plain-warn:not(.weui-btn_plain-disabled):active { color: rgba(206, 60, 57, 0.6); border-color: rgba(206, 60, 57, 0.6); } .weui-btn_plain-warn:after { border-width: 0; } .weui-btn_plain-disabled { color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } button.weui-btn, input.weui-btn { width: 100%; border-width: 0; outline: 0; -webkit-appearance: none; } button.weui-btn:focus, input.weui-btn:focus { outline: 0; } button.weui-btn_inline, input.weui-btn_inline, button.weui-btn_mini, input.weui-btn_mini { width: auto; } button.weui-btn_plain-primary, input.weui-btn_plain-primary, button.weui-btn_plain-default, input.weui-btn_plain-default { border-width: 1px; background-color: transparent; } .weui-btn_mini { display: inline-block; padding: 0 1.32em; line-height: 2.3; font-size: 13px; } /*gap between btn*/ .weui-btn + .weui-btn { margin-top: 15px; } .weui-btn.weui-btn_inline + .weui-btn.weui-btn_inline { margin-top: auto; margin-left: 15px; } .weui-btn-area { margin: 1.17647059em 15px 0.3em; } .weui-btn-area_inline { display: -webkit-box; display: -ms-flexbox; display: flex; } .weui-btn-area_inline .weui-btn { margin-top: auto; margin-right: 15px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .weui-btn-area_inline .weui-btn:last-child { margin-right: 0; } .weui-loading { width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=") no-repeat; background-size: 100%; } .weui-loading.weui-loading_transparent { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTAwIDEwMCc+PHBhdGggZmlsbD0nbm9uZScgZD0nTTAgMGgxMDB2MTAwSDB6Jy8+PHJlY3QgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjU2KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0zMCknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDEwNS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjQzKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA3NS45OCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjM4KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2NSA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjMyKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTguNjYgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4yOCknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoMTUwIDU0LjAyIDY1KScvPjxyZWN0IHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyB4PSc0Ni41JyB5PSc0MCcgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwuMjUpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA1MCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjIpJyByeD0nNScgcnk9JzUnIHRyYW5zZm9ybT0ncm90YXRlKC0xNTAgNDUuOTggNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xNyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTEyMCA0MS4zNCA2NSknLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PScyMCcgeD0nNDYuNScgeT0nNDAnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjE0KScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtOTAgMzUgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4xKScgcng9JzUnIHJ5PSc1JyB0cmFuc2Zvcm09J3JvdGF0ZSgtNjAgMjQuMDIgNjUpJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHg9JzQ2LjUnIHk9JzQwJyBmaWxsPSdyZ2JhKDI1NSwyNTUsMjU1LC4wMyknIHJ4PSc1JyByeT0nNScgdHJhbnNmb3JtPSdyb3RhdGUoLTMwIC01Ljk4IDY1KScvPjwvc3ZnPgo="); } @-webkit-keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } @keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } .weui-btn.vux-x-button-no-border:after { display: none; } .BindingSuccess { width: 100%; } .BindingSuccess .content { padding: 74px 52px 0 52px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .BindingSuccess .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .BindingSuccess .content .title .pic i { font-size: 30px; color: #1D68D2; } .BindingSuccess .content .title .titleName { font-weight: bolder; margin-left: 9px; font-family: PingFangSC-Medium; font-size: 18px; color: #333333; letter-spacing: 0; text-align: center; } .BindingSuccess .content .warn { margin-top: 18px; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .BindingSuccess .content .btnAll { margin-top: 30px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .BindingSuccess .content .btnAll div { width: 100%; } .BindingSuccess .content .btnAll .weui-btn.weui-btn_default { width: 85%; height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .BindingSuccess .content .btnAll .weui-btn.delete.weui-btn_default { height: 40px; background: #fff; border: 1px solid #1B79FF; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #1B79FF; letter-spacing: 0.17px; text-align: center; } .BindingSuccess .content .btnAll .weui-btn:after { border: none; } .BindingSuccess .content .btnAll button:active { color: #ffffff; } .BindingFailure { width: 100%; } .BindingFailure .content { padding: 74px 52px 0 52px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .BindingFailure .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .BindingFailure .content .title .pic i { font-size: 30px; color: #FE3434; } .BindingFailure .content .title .titleName { font-weight: bolder; margin-left: 9px; font-family: PingFangSC-Medium; font-size: 18px; color: #333333; letter-spacing: 0; text-align: center; } .BindingFailure .content .warn { margin-top: 18px; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .BindingFailure .content .btnAll { margin-top: 30px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .BindingFailure .content .btnAll div { width: 100%; } .BindingFailure .content .btnAll .weui-btn.weui-btn_default { width: 85%; height: 40px; background-image: linear-gradient(-179deg, #FE3434 0%, #EB6100 100%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .BindingFailure .content .btnAll .weui-btn.delete.weui-btn_default { height: 40px; background: #fff; border: 1px solid #FE3434; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #FE3434; letter-spacing: 0.17px; text-align: center; } .BindingFailure .content .btnAll .weui-btn:after { border: none; } .BindingFailure .content .btnAll button:active { color: #ffffff; } .AccountBindingSbk { width: 100%; height: 100%; background-color: #fff; } .AccountBindingSbk .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .AccountBindingSbk .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .AccountBindingSbk .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .AccountBindingSbk .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .AccountBindingSbk .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .AccountBindingSbk .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .AccountBindingSbk .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .AccountBindingSbk .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .AccountBindingSbk .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .AccountBindingSbk .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .AccountBindingSbk .card:last-child { border: none; } .AccountBindingSbk .forgetPassword { font-family: PingFangSC-Regular; font-size: 14px; color: #666666; letter-spacing: 0; padding: 22px 16px 20px 16px; text-align: right; } .AccountBindingSbk .btn { padding: 0 16px; } .AccountBindingSbk .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .AccountBindingSbk .btn button:active { color: #ffffff; } .AccountBindingSbk .btn .weui-btn:after { border: none; } .AccountBindingSbk .register { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; } .AccountBindingSbk .register .clickRegister { color: #1B79FF; } .SyRegister { width: 100%; height: 100%; background-color: #fff; } .SyRegister .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .SyRegister .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .SyRegister .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .SyRegister .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .SyRegister .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .SyRegister .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .SyRegister .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .SyRegister .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .SyRegister .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .SyRegister .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .SyRegister .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .SyRegister .card:last-child { border: none; } .SyRegister .btn { margin-top: 30px; padding: 0 16px; } .SyRegister .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .SyRegister .btn button:active { color: #ffffff; } .SyRegister .btn .weui-btn:after { border: none; } .SyRegister .register { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; } .SyRegister .register .clickRegister { color: #1B79FF; } .header-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; color: white; font-size: 0; padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #3486ff; } .header-center .left { height: 60px; line-height: 60px; width: 20px; font-size: 0.14rem; display: block; color: #fff; font-weight: bolder; position: absolute; } .header-center .vux-x-icon { fill: #fff; } .header-center .title { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.16rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; display: block; color: #fff; } .header-center .icon { margin-left: 5px; } .header-center .icon i { font-size: 0.26rem; } .header-center .right { font-size: 0.14rem; display: block; color: #fff; position: absolute; right: 10px; } .header-center .right i { font-size: 26px; } .btnArgee { padding: 0 16px; } .btnArgee button { background: rgba(206, 206, 206, 0.3); height: 40px; border-radius: 30px; font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0.17px; text-align: center; } .btnArgee .weui-btn:after { border: none; } .btnArgee .weui-btn:not(.weui-btn_disabled):visited { color: #999999; } .btnArgee .weui-btn:not(.weui-btn_disabled):active { color: #999999; background-color: #eaeaea; } .btnAll { padding: 0 16px; } .btnAll button { background: #2B64F4; border-radius: 31px; height: 60px; font-family: PingFangSC-Regular; font-size: 22px; color: #FFFFFF; text-align: center; } .btnAll .weui-btn:after { border: none; } .btnAll .weui-btn_primary { /*background-color: red;*/ } .btnAll .weui-btn_primary:not(.weui-btn_disabled):visited { color: yellow; } .btnAll .weui-btn_primary:not(.weui-btn_disabled):active { color: white; background-color: #028bec; } .btnAll .weui-btn { /*background-color: red;*/ } .btnAll .weui-btn:not(.weui-btn_disabled):visited { color: yellow; } .btnAll .weui-btn:not(.weui-btn_disabled):active { color: white; background-color: #028bec; } .universalTitle { width: 100%; background-color: #FFFFFF; padding: 40px 22px 40px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20.5px; color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: PingFangSC-Regular; letter-spacing: 0; } .universalTitle .universalSign { /*通用红色小竖条*/ background: #2B64F4; border-radius: 4px; width: 8px; height: 20.5px; margin-right: 10px; } .universalTitle .fontWeight { font-size: 0.16rem; color: #333333; font-weight: bolder; } .strip { width: 8px; height: 20.5px; background: #2B64F4; border-radius: 4px; } /* ↓ ↓ ↓ 全页默认样式 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ---*/ .generalStructure { width: 100%; height: 100%; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .generalStructure .generalBox { /*border: 1px solid red;*/ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: scroll; } .generalStructure .liubai { width: 100%; height: 48px; } /* ↓ ↓ ↓ ↓ ↓ 默认新闻列表样式 ↓ ↓ ↓ ↓ ↓ ↓ ↓ */ .newsStyle .SearchFunctionContent:not(:last-child) .goodBorder { /*border: 1px solid red;*/ border-bottom: 1px solid #E3E3E3; } .newsStyle .SearchFunctionContent { background-color: #fff; padding: 0 16px; } .newsStyle .SearchFunctionContent .border { padding: 10px 0 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*border: 1px solid red;*/ } .newsStyle .SearchFunctionContent .border .firstLineTitle { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bolder; } .newsStyle .SearchFunctionContent .border .SecondLineTitle { font-size: 0.12rem; color: #666666; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 3px; /*max-height: 0.34rem;*/ } .newsStyle .SearchFunctionContent .border .firstLineTitles { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; font-weight: bolder; } .newsStyle .SearchFunctionContent .border .imgListBox { padding: 10px 0 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(2) { padding: 0 2.5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(1) { padding-right: 5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(3) { padding-left: 5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList { -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33%; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList img { width: 100%; height: 70px; border-radius: 5px; } .newsStyle .SearchFunctionContent .border .footerLine { font-size: 0.12rem; color: #999999; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 8px; } .newsStyle .SearchFunctionContent .border .footerLines { font-family: PingFangSC-Regular; font-size: 14px; color: #666666; letter-spacing: 0; width: 100%; overflow: hidden; padding-top: 12px; } .newsStyle .SearchFunctionContent .leftRight { /*border: 1px solid green;*/ padding: 10px 0 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /*border: 1px solid red;*/ } .newsStyle .SearchFunctionContent .leftRight .leftBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .newsStyle .SearchFunctionContent .leftRight .leftBox .firstLineTitle { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bolder; } .newsStyle .SearchFunctionContent .leftRight .leftBox .SecondLineTitle { font-size: 0.12rem; color: #666666; width: 100%; /*overflow:hidden;*/ /*text-overflow:ellipsis;*/ /*white-space:nowrap*/ /*line-height: 20px;*/ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /*控制多行的行数 */ /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ padding-top: 3px; max-height: 0.34rem; } .newsStyle .SearchFunctionContent .leftRight .leftBox .footerLine { font-size: 0.12rem; color: #999999; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 8px; } .newsStyle .SearchFunctionContent .leftRight .imgListBox { width: 33%; margin-left: 5px; /*padding: 10px 0 0 0;*/ /*flex-wrap: wrap;*/ } .newsStyle .SearchFunctionContent .leftRight .imgListBox .imgList { -webkit-box-sizing: border-box; box-sizing: border-box; } .newsStyle .SearchFunctionContent .leftRight .imgListBox .imgList img { width: 100%; height: 70px; border-radius: 5px; } .newsStyle .SearchFunctionContent:active { background-color: #E3E3E3; } .formTitle { width: 100%; margin-bottom: 10px; background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 70px; border-bottom: 1px solid #E3E3E3; } .formTitle .strip { width: 8px; height: 20.5px; background: #2B64F4; border-radius: 4px; margin-right: 10px; } .formTitle .fromTitleWord { font-family: PingFangSC-Regular; font-size: 20.5px; color: #333333; letter-spacing: 0; } .formContent { padding: 20px 100px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .formContent .weui-cell__bd { border: 1px solid #E3E3E3; position: relative; top: 2px; padding: 12px 12px; } .formContent .qiye { padding-top: 32px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .formContent .qiye .left { width: 510px; } .formContent .hangye { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .formContent .hangye .vux-x-textarea { margin-top: 15px; padding: 0; } .formContent .hangye .vux-x-textarea .weui-cell__bd { padding: 0; height: 108px; } .formContent .hangye .vux-x-textarea .weui-cell__bd .weui-textarea { font-family: PingFangSC-Regular; padding: 0px 12px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .formContent .hangye .weui-cell_access .weui-cell__ft:after { content: " "; display: inline-block; border: 6px solid transparent !important; border-top: 6px solid #ccc !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: -10px; } .formContent .hangye .vux-cell-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .formContent .hangye .weui-cell__ft { padding-right: 0; } .formContent .hangye .weui-cell__bd { padding-right: 0; } .formContent .hangye .weui-cell { padding-right: 0; width: 100%; background-color: #fff; line-height: 40px; } .formContent .hangye .weui-cell .vux-popup-picker-select { width: 100%; border: 1px solid #E3E3E3; background-color: #fff; text-align: left !important; text-indent: 12px; border-radius: 8px; color: #666; padding: 12px 0; } .formContent .hangye .weui-cell .weui-cell_access .weui-cell__ft { padding-right: 0; right: 20px; } .formContent .mapWrapper { padding-top: 10px; overflow: hidden; width: 548px; height: 264px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 10px; text-align: center; } .formContent .mapWrapper .map { overflow: hidden; border-radius: 20px; } .formContent .btnCommit { width: 100%; margin: 0 auto; padding: 30px 0; } .formContent .btnCommit .weui-btn:after { display: none; } .formContent .btnCommit .weui-btn_default { width: 380px; height: 60px; background-color: #2b64f4; border-radius: 30px; font-size: 20.5px; color: #ffffff; } .formContent .weui-cell { width: 48%; padding: 12.5px 15px 12.5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .formContent .weui-cell .weui-input, .formContent .weui-cell .weui-textarea { font-size: 0.2rem; } .formContent .weui-cell .vux-cell-placeholder { font-size: 0.2rem; } .formContent .weui-cell .weui-label { font-size: 0.24rem; display: block; width: 120px !important; } .SySubmitSuccess { position: fixed; z-index: 5; top: 0px; bottom: 0px; width: 100%; height: 100%; background-color: white; } .SySubmitSuccess .canvas { position: absolute; top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% - 50px); width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*border: 1px solid #0bb20c;*/ /*padding: 84px 52px 0px 52px;*/ } .SySubmitSuccess .canvas .titleBoxSuccess { padding-top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .SySubmitSuccess .canvas .titleBoxSuccess .cardPic i { font-size: 30px; color: #1D68D2; } .SySubmitSuccess .canvas .titleBoxSuccess .titleword { font-weight: bolder; margin-left: 9px; font-family: PingFangSC-Medium; font-size: 18px; color: #333333; letter-spacing: 0; text-align: center; } .SySubmitSuccess .canvas .content { padding-top: 16px; width: 256px; height: 60px; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .SySubmitSuccess .canvas .btnSubmit { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .SySubmitSuccess .canvas .btnSubmit .goBack { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; margin: 10px; width: 100px; height: 35px; font-family: PingFangSC-Regular; font-size: 14px; color: #FFFFFF; letter-spacing: 0.17px; text-align: center; } .SySubmitSuccess .canvas .btnSubmit .goDetail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #1B79FF; border-radius: 20px; width: 100px; height: 35px; font-family: PingFangSC-Regular; font-size: 14px; color: #1B79FF; letter-spacing: 0.17px; text-align: center; } .SySubmitSuccess .canvas .imgBox { margin-top: 20px; /*display: flex;*/ /*justify-content: center;*/ text-align: center; } .SySubmitSuccess .canvas .imgBox .img { width: 60%; } .AuthenticationFailure { width: 100%; } .AuthenticationFailure .content { padding: 74px 52px 0 52px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .AuthenticationFailure .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .AuthenticationFailure .content .title .pic i { font-size: 30px; color: #FE3434; } .AuthenticationFailure .content .title .titleName { font-weight: bolder; margin-left: 9px; font-family: PingFangSC-Medium; font-size: 18px; color: #333333; letter-spacing: 0; text-align: center; } .AuthenticationFailure .content .warn { margin-top: 18px; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .AuthenticationFailure .content .btnAllFailure { margin-top: 30px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .AuthenticationFailure .content .btnAllFailure div { width: 100%; } .AuthenticationFailure .content .btnAllFailure .weui-btn.weui-btn_default { width: 85%; height: 40px; background-image: linear-gradient(-179deg, #FE3434 0%, #EB6100 100%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .AuthenticationFailure .content .btnAllFailure .weui-btn.delete.weui-btn_default { height: 40px; background: #fff; border: 1px solid #FE3434; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #FE3434; letter-spacing: 0.17px; text-align: center; } .AuthenticationFailure .content .btnAllFailure .weui-btn:after { border: none; } .AuthenticationFailure .content .btnAllFailure button:active { color: #ffffff; } .AuthenticationSuccess { width: 100%; } .AuthenticationSuccess .content { padding: 74px 52px 0 52px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .AuthenticationSuccess .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .AuthenticationSuccess .content .title .pic i { font-size: 30px; color: #1d68d2; } .AuthenticationSuccess .content .title .cardPic i { font-size: 30px; color: #fe3434; } .AuthenticationSuccess .content .title .titleName { margin-left: 9px; font-family: PingFangSC-Medium; font-size: 18px; color: #333333; letter-spacing: 0; text-align: center; font-weight: bolder; } .AuthenticationSuccess .content .warn { margin-top: 18px; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .AuthenticationSuccess .content .btnAllSuccess { margin-top: 30px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .AuthenticationSuccess .content .btnAllSuccess div { width: 100%; } .AuthenticationSuccess .content .btnAllSuccess .weui-btn.weui-btn_default { width: 100px; height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1d68d2), color-stop(99%, #1b79ff)); background-image: linear-gradient(-90deg, #1d68d2 2%, #1b79ff 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .AuthenticationSuccess .content .btnAllSuccess .weui-btn.delete.weui-btn_default { height: 40px; background: #fff; border: 1px solid #1b79ff; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #1b79ff; letter-spacing: 0.17px; text-align: center; } .AuthenticationSuccess .content .btnAllSuccess .weui-btn:after { border: none; } .AuthenticationSuccess .content .btnAllSuccess button:active { color: #ffffff; } .AuthenticationSuccess .content .btnAllSuccess .commitLong { width: 200px !important; } .AuthenticationSuccess .content .btnAllSuccess .commitRg { background: #fe3434 !important; } .AuthenticationSuccess .content .btnAllSuccess .commitFh { background: #269909 !important; } .DZSBKLK { width: 100%; } .DZSBKLK .content { padding: 74px 52px 0 52px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DZSBKLK .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DZSBKLK .content .title .pic i { font-size: 30px; color: #1D68D2; } .DZSBKLK .content .title .cardPic i { font-size: 30px; color: #FE3434; } .DZSBKLK .content .title .titleName { margin-left: 9px; font-family: PingFangSC-Medium; font-size: 18px; color: #333333; letter-spacing: 0; text-align: center; font-weight: bolder; } .DZSBKLK .content .warn { margin-top: 18px; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .DZSBKLK .content .btnAllSuccess { margin-top: 30px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .DZSBKLK .content .btnAllSuccess div { width: 100%; } .DZSBKLK .content .btnAllSuccess .weui-btn.weui-btn_default { width: 100px; height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .DZSBKLK .content .btnAllSuccess .weui-btn.delete.weui-btn_default { height: 40px; background: #fff; border: 1px solid #1B79FF; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #1B79FF; letter-spacing: 0.17px; text-align: center; } .DZSBKLK .content .btnAllSuccess .weui-btn:after { border: none; } .DZSBKLK .content .btnAllSuccess button:active { color: #ffffff; } .DZSBKJK { width: 100%; } .DZSBKJK .content { padding: 74px 52px 0 52px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DZSBKJK .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DZSBKJK .content .title .pic i { font-size: 30px; color: #1D68D2; } .DZSBKJK .content .title .cardPic i { font-size: 30px; color: #FE3434; } .DZSBKJK .content .title .titleName { margin-left: 9px; font-family: PingFangSC-Medium; font-size: 18px; color: #333333; letter-spacing: 0; text-align: center; font-weight: bolder; } .DZSBKJK .content .warn { margin-top: 18px; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .DZSBKJK .content .btnAllSuccess { margin-top: 30px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .DZSBKJK .content .btnAllSuccess div { width: 100%; } .DZSBKJK .content .btnAllSuccess .weui-btn.weui-btn_default { width: 100px; height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .DZSBKJK .content .btnAllSuccess .weui-btn.delete.weui-btn_default { height: 40px; background: #fff; border: 1px solid #1B79FF; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #1B79FF; letter-spacing: 0.17px; text-align: center; } .DZSBKJK .content .btnAllSuccess .weui-btn:after { border: none; } .DZSBKJK .content .btnAllSuccess button:active { color: #ffffff; } .DZSBKXXLR { width: 100%; height: 100%; background-color: #fff; } .DZSBKXXLR .head { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .DZSBKXXLR .inputBox .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .DZSBKXXLR .inputBox .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .DZSBKXXLR .inputBox .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .DZSBKXXLR .inputBox .card .cardInput button { height: 35px; background: #FFFFFF; border: 1px solid #1E6BD5; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 14px; color: #1E6BD5; letter-spacing: 0; text-align: center; } .DZSBKXXLR .inputBox .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .DZSBKXXLR .inputBox .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .DZSBKXXLR .inputBox .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .DZSBKXXLR .inputBox .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .DZSBKXXLR .inputBox .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .DZSBKXXLR .inputBox .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .DZSBKXXLR .inputBox .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .DZSBKXXLR .inputBox .card:last-child { border: none; } .DZSBKXXLR .btn { margin-top: 30px; padding: 0 16px; } .DZSBKXXLR .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .DZSBKXXLR .btn button:active { color: #ffffff; } .DZSBKXXLR .btn .weui-btn:after { border: none; } .QYYLRZ { -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZ .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZ .serviceBox { /**滚动列表*/ height: calc(100% - 50px); width: 100%; position: absolute; top: 50px; background-color: #E3E3E3; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZIDcard { width: 100%; height: 100%; background-color: #fff; } .QYYLRZIDcard .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .QYYLRZIDcard .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .QYYLRZIDcard .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .QYYLRZIDcard .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .QYYLRZIDcard .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZIDcard .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .QYYLRZIDcard .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZIDcard .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZIDcard .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .QYYLRZIDcard .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .QYYLRZIDcard .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .QYYLRZIDcard .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .QYYLRZIDcard .card:last-child { border: none; } .QYYLRZIDcard .btn { margin-top: 30px; padding: 0 16px; } .QYYLRZIDcard .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .QYYLRZIDcard .btn button:active { color: #ffffff; } .QYYLRZIDcard .btn .weui-btn:after { border: none; } .YSGYRYDYZGRZ { width: 100%; height: 100%; background-color: #fff; } .YSGYRYDYZGRZ .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .YSGYRYDYZGRZ .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .YSGYRYDYZGRZ .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .YSGYRYDYZGRZ .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .YSGYRYDYZGRZ .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .YSGYRYDYZGRZ .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .YSGYRYDYZGRZ .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .YSGYRYDYZGRZ .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .YSGYRYDYZGRZ .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .YSGYRYDYZGRZ .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .YSGYRYDYZGRZ .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .YSGYRYDYZGRZ .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .YSGYRYDYZGRZ .card:last-child { border: none; } .YSGYRYDYZGRZ .btn { margin-top: 30px; padding: 0 16px; } .YSGYRYDYZGRZ .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .YSGYRYDYZGRZ .btn button:active { color: #ffffff; } .YSGYRYDYZGRZ .btn .weui-btn:after { border: none; } .QYYLRZXXCX { width: 100%; height: 100%; background-color: #fff; } .QYYLRZXXCX .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .QYYLRZXXCX #addressBox { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .QYYLRZXXCX .vux-x-input.disabled .weui-input { color: #000000; -webkit-text-fill-color: #000000; } .QYYLRZXXCX .distpicker-address-wrapper { position: relative; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZXXCX .distpicker-address-wrapper .address-header { position: fixed; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; } .QYYLRZXXCX .distpicker-address-wrapper .address-header li { color: #333333; } .QYYLRZXXCX .distpicker-address-wrapper .address-header .active { color: #000000; font-weight: bolder; border-bottom: 2px solid #1b79ff; } .QYYLRZXXCX .distpicker-address-wrapper .address-container { position: absolute; width: 100%; overflow-y: auto; top: 39px; z-index: 90; height: calc(100% - 39px); } .QYYLRZXXCX .distpicker-address-wrapper .address-container li { color: #000000; } .QYYLRZXXCX .distpicker-address-wrapper .address-container .active { color: #000000; font-weight: bolder; } .QYYLRZXXCX .serviceBox { /**滚动列表*/ height: calc(100% - 50px); width: 100%; position: absolute; top: 50px; background-color: #E3E3E3; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZXXCX .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .QYYLRZXXCX .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .QYYLRZXXCX .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .QYYLRZXXCX .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZXXCX .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .QYYLRZXXCX .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZXXCX .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .QYYLRZXXCX .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .QYYLRZXXCX .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .QYYLRZXXCX .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .QYYLRZXXCX .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .QYYLRZXXCX .card:last-child { border: none; } .QYYLRZXXCX .btn { margin-top: 30px; padding: 0 16px; } .QYYLRZXXCX .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .QYYLRZXXCX .btn button:active { color: #ffffff; } .QYYLRZXXCX .btn .weui-btn:after { border: none; } .SUBMENU { -webkit-box-sizing: border-box; box-sizing: border-box; } .SUBMENU .serviceBox { height: 100%; width: 100%; background-color: #E3E3E3; -webkit-box-sizing: border-box; box-sizing: border-box; } .SUBMENU .serviceBox .buttonEnterprise { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: white; padding: 0 16px; height: 80px; border-bottom: 1px solid #E3E3E3; width: calc(100% - 32px); } .SUBMENU .serviceBox .buttonEnterprise .titleBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .SUBMENU .serviceBox .buttonEnterprise .titleBox .titleName { font-family: PingFangSC-Regular; font-size: 16px; color: #333333; letter-spacing: 0; } .SUBMENU .serviceBox .buttonEnterprise .titleBox .titleDesc { padding-top: 4px; font-family: PingFangSC-Regular; font-size: 12px; color: #999999; letter-spacing: 0; } .SUBMENU .serviceBox .buttonAcquisition { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: white; padding: 0 16px; height: 80px; border-bottom: 1px solid #E3E3E3; width: calc(100% - 32px); } .SUBMENU .serviceBox .buttonAcquisition .titleBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .SUBMENU .serviceBox .buttonAcquisition .titleBox .titleName { font-family: PingFangSC-Regular; font-size: 16px; color: #333333; letter-spacing: 0; } .SUBMENU .serviceBox .buttonAcquisition .titleBox .titleDesc { padding-top: 4px; font-family: PingFangSC-Regular; font-size: 12px; color: #999999; letter-spacing: 0; } .SYRYQDRZ { height: inherit; overflow: hidden; background: white; } .SYRYQDRZ .head { background-color: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bold; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .SYRYQDRZ .main { -webkit-box-sizing: border-box; box-sizing: border-box; } .SYRYQDRZ .hsoftNoData { height: calc(100% - 50px); background: #E3E3E3; } .ZDYLRZ { -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZ .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZ .serviceBox { /**滚动列表*/ height: calc(100% - 50px); width: 100%; position: absolute; top: 50px; background-color: #E3E3E3; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZIDcard { width: 100%; height: 100%; background-color: #fff; } .ZDYLRZIDcard .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .ZDYLRZIDcard .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .ZDYLRZIDcard .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ZDYLRZIDcard .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ZDYLRZIDcard .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZIDcard .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .ZDYLRZIDcard .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZIDcard .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZIDcard .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDYLRZIDcard .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDYLRZIDcard .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDYLRZIDcard .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDYLRZIDcard .card:last-child { border: none; } .ZDYLRZIDcard .btn { margin-top: 30px; padding: 0 16px; } .ZDYLRZIDcard .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .ZDYLRZIDcard .btn button:active { color: #ffffff; } .ZDYLRZIDcard .btn .weui-btn:after { border: none; } .ZDYLRZIDcard .weui-dialog__btn_primary { color: #185eb2; } .ZDYLRZIDcardACQ { width: 100%; height: 100%; background-color: #fff; } .ZDYLRZIDcardACQ .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .ZDYLRZIDcardACQ .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .ZDYLRZIDcardACQ .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ZDYLRZIDcardACQ .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ZDYLRZIDcardACQ .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZIDcardACQ .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .ZDYLRZIDcardACQ .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZIDcardACQ .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDYLRZIDcardACQ .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDYLRZIDcardACQ .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDYLRZIDcardACQ .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDYLRZIDcardACQ .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDYLRZIDcardACQ .card:last-child { border: none; } .ZDYLRZIDcardACQ .btn { margin-top: 30px; padding: 0 16px; } .ZDYLRZIDcardACQ .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .ZDYLRZIDcardACQ .btn button:active { color: #ffffff; } .ZDYLRZIDcardACQ .btn .weui-btn:after { border: none; } .ZDYLRZIDcardACQ .weui-dialog__btn_primary { color: #185eb2; } .ZDDYHDRZIDcard { width: 100%; height: 100%; background-color: #fff; } .ZDDYHDRZIDcard .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .ZDDYHDRZIDcard .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .ZDDYHDRZIDcard .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ZDDYHDRZIDcard .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ZDDYHDRZIDcard .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDDYHDRZIDcard .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .ZDDYHDRZIDcard .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDDYHDRZIDcard .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZDDYHDRZIDcard .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDDYHDRZIDcard .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDDYHDRZIDcard .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDDYHDRZIDcard .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ZDDYHDRZIDcard .card:last-child { border: none; } .ZDDYHDRZIDcard .btn { margin-top: 30px; padding: 0 16px; } .ZDDYHDRZIDcard .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .ZDDYHDRZIDcard .btn button:active { color: #ffffff; } .ZDDYHDRZIDcard .btn .weui-btn:after { border: none; } .ZDDYHDRZIDcard .weui-dialog__btn_primary { color: #185eb2; } .SYRYQDRZIDcard { width: 100%; height: 100%; background-color: #fff; } .SYRYQDRZIDcard .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .SYRYQDRZIDcard .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .SYRYQDRZIDcard .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .SYRYQDRZIDcard .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .SYRYQDRZIDcard .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .SYRYQDRZIDcard .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .SYRYQDRZIDcard .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .SYRYQDRZIDcard .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .SYRYQDRZIDcard .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .SYRYQDRZIDcard .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .SYRYQDRZIDcard .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .SYRYQDRZIDcard .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .SYRYQDRZIDcard .card:last-child { border: none; } .SYRYQDRZIDcard .btn { margin-top: 30px; padding: 0 16px; } .SYRYQDRZIDcard .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .SYRYQDRZIDcard .btn button:active { color: #ffffff; } .SYRYQDRZIDcard .btn .weui-btn:after { border: none; } .TXRYSFRZcard { width: 100%; height: 100%; background-color: #fff; } .TXRYSFRZcard .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; } .TXRYSFRZcard .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e3e3e3; font-family: PingFangSC-Regular; font-size: 14px; color: #f92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .TXRYSFRZcard .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .TXRYSFRZcard .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .TXRYSFRZcard .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .TXRYSFRZcard .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #e3e3e3; } .TXRYSFRZcard .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .TXRYSFRZcard .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .TXRYSFRZcard .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .TXRYSFRZcard .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .TXRYSFRZcard .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .TXRYSFRZcard .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .TXRYSFRZcard .card:last-child { border: none; } .TXRYSFRZcard .btn { margin-top: 30px; padding: 0 16px; } .TXRYSFRZcard .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1d68d2), color-stop(99%, #1b79ff)); background-image: linear-gradient(-90deg, #1d68d2 2%, #1b79ff 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .TXRYSFRZcard .btn button:active { color: #ffffff; } .TXRYSFRZcard .btn .weui-btn:after { border: none; } .TXRYSFRZcard .weui-dialog__btn_primary { color: #185eb2; } .GSDQDYZGRZ { width: 100%; height: 100%; background-color: #fff; } .GSDQDYZGRZ .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .GSDQDYZGRZ .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .GSDQDYZGRZ .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .GSDQDYZGRZ .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .GSDQDYZGRZ .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .GSDQDYZGRZ .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .GSDQDYZGRZ .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .GSDQDYZGRZ .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .GSDQDYZGRZ .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .GSDQDYZGRZ .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .GSDQDYZGRZ .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .GSDQDYZGRZ .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .GSDQDYZGRZ .card:last-child { border: none; } .GSDQDYZGRZ .btn { margin-top: 30px; padding: 0 16px; } .GSDQDYZGRZ .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .GSDQDYZGRZ .btn button:active { color: #ffffff; } .GSDQDYZGRZ .btn .weui-btn:after { border: none; } .ZGRZZQ { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZGRZZQ .centerPageContent { position: fixed; top: 51px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: calc(100% - 51px); } .ZGRZZQ .centerPageContent .singleBox { background: white; width: 100%; padding: 13px 16px; border-bottom: 1px solid #e3e3e3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZGRZZQ .centerPageContent .singleBox .titleLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; } .ZGRZZQ .centerPageContent .singleBox .shuBox { width: 4px; height: 12px; background: #1D68D2; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZGRZZQ .centerPageContent .singleBox .textBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 10px; font-family: PingFangSC-Regular; font-size: 16px; color: #333333; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ZGRZZQ .centerPageContent .singleBox .iconBox { color: #666666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ZGRZZQ .centerPageTitle { -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; width: 100%; position: fixed; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*border: 1px solid red;*/ background: #FFFFFF; } .ZGRZZQ .centerPageTitle .socialInsuranceIcon { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ZGRZZQ .centerPageTitle .socialInsuranceIcon .socialInsuranceYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #1B79FF), color-stop(99%, #1D68D2)); background-image: linear-gradient(90deg, #1B79FF 2%, #1D68D2 99%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ZGRZZQ .centerPageTitle .socialInsuranceIcon .socialCardYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, from(#FF9F70), to(#F85250)); background-image: linear-gradient(90deg, #FF9F70 0%, #F85250 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ZGRZZQ .centerPageTitle .socialInsuranceIcon .personnelTalentsYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, right top, left top, from(#6400B4), to(#E78EF6)); background-image: linear-gradient(270deg, #6400B4 0%, #E78EF6 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ZGRZZQ .centerPageTitle .socialInsuranceIcon .employmentYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, right top, left top, from(#FDA742), to(#FAD14F)); background-image: linear-gradient(270deg, #FDA742 0%, #FAD14F 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ZGRZZQ .centerPageTitle .socialInsuranceIcon .relationsYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, from(#3CCC96), to(#177C56)); background-image: linear-gradient(90deg, #3CCC96 0%, #177C56 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ZGRZZQ .centerPageTitle .socialInsuranceIcon .socialInsuranceText { font-family: PingFangSC-Medium; font-size: 20px; color: #1D68D2; letter-spacing: 0; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; } .DYZGRZ { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .DYZGRZ .centerPageContent { position: fixed; top: 51px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: calc(100% - 51px); } .DYZGRZ .centerPageContent .singleBox { background: white; width: 100%; padding: 13px 16px; border-bottom: 1px solid #e3e3e3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; } .DYZGRZ .centerPageContent .singleBox .titleLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; } .DYZGRZ .centerPageContent .singleBox .shuBox { width: 4px; height: 12px; background: #1D68D2; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .DYZGRZ .centerPageContent .singleBox .textBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 10px; font-family: PingFangSC-Regular; font-size: 16px; color: #333333; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .DYZGRZ .centerPageContent .singleBox .iconBox { color: #666666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .DYZGRZ .centerPageTitle { -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; width: 100%; position: fixed; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*border: 1px solid red;*/ background: #FFFFFF; } .DYZGRZ .centerPageTitle .socialInsuranceIcon { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .DYZGRZ .centerPageTitle .socialInsuranceIcon .socialInsuranceYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #1B79FF), color-stop(99%, #1D68D2)); background-image: linear-gradient(90deg, #1B79FF 2%, #1D68D2 99%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DYZGRZ .centerPageTitle .socialInsuranceIcon .socialCardYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, from(#FF9F70), to(#F85250)); background-image: linear-gradient(90deg, #FF9F70 0%, #F85250 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DYZGRZ .centerPageTitle .socialInsuranceIcon .personnelTalentsYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, right top, left top, from(#6400B4), to(#E78EF6)); background-image: linear-gradient(270deg, #6400B4 0%, #E78EF6 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DYZGRZ .centerPageTitle .socialInsuranceIcon .employmentYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, right top, left top, from(#FDA742), to(#FAD14F)); background-image: linear-gradient(270deg, #FDA742 0%, #FAD14F 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DYZGRZ .centerPageTitle .socialInsuranceIcon .relationsYuan { width: 22px; height: 22px; border-radius: 50%; background-image: -webkit-gradient(linear, left top, right top, from(#3CCC96), to(#177C56)); background-image: linear-gradient(90deg, #3CCC96 0%, #177C56 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .DYZGRZ .centerPageTitle .socialInsuranceIcon .socialInsuranceText { font-family: PingFangSC-Medium; font-size: 20px; color: #1D68D2; letter-spacing: 0; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; } .ACDYZGRZ { width: 100%; height: 100%; background-color: #fff; } .ACDYZGRZ .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .ACDYZGRZ .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .ACDYZGRZ .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ACDYZGRZ .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ACDYZGRZ .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ACDYZGRZ .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .ACDYZGRZ .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ACDYZGRZ .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ACDYZGRZ .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ACDYZGRZ .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ACDYZGRZ .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ACDYZGRZ .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .ACDYZGRZ .card:last-child { border: none; } .ACDYZGRZ .btn { margin-top: 30px; padding: 0 16px; } .ACDYZGRZ .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .ACDYZGRZ .btn button:active { color: #ffffff; } .ACDYZGRZ .btn .weui-btn:after { border: none; } .ACDYZGRZ .weui-dialog__btn_primary { color: #185eb2; } .DASZDCXXXLR { width: 100%; height: 100%; background-color: #fff; } .DASZDCXXXLR .head { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .DASZDCXXXLR .inputBox .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .DASZDCXXXLR .inputBox .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .DASZDCXXXLR .inputBox .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .DASZDCXXXLR .inputBox .card .cardInput button { height: 35px; background: #FFFFFF; border: 1px solid #1E6BD5; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 14px; color: #1E6BD5; letter-spacing: 0; text-align: center; } .DASZDCXXXLR .inputBox .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .DASZDCXXXLR .inputBox .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .DASZDCXXXLR .inputBox .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .DASZDCXXXLR .inputBox .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .DASZDCXXXLR .inputBox .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .DASZDCXXXLR .inputBox .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .DASZDCXXXLR .inputBox .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .DASZDCXXXLR .inputBox .card:last-child { border: none; } .DASZDCXXXLR .btn { margin-top: 30px; padding: 0 16px; } .DASZDCXXXLR .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .DASZDCXXXLR .btn button:active { color: #ffffff; } .DASZDCXXXLR .btn .weui-btn:after { border: none; } .RGSHRZ { width: 100%; height: 100%; background-color: #fff; } .RGSHRZ .OrderDetailTitle { background: white; padding: 0 16px; font-family: PingFangSC-Medium; font-size: 20.5px; color: #333333; height: 50px; line-height: 50px; font-weight: bolder; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; } .RGSHRZ .badMessage { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #E3E3E3; font-family: PingFangSC-Regular; font-size: 14px; color: #F92705; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; } .RGSHRZ .card { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .RGSHRZ .card .title { font-family: PingFangSC-Medium; font-size: 18px; color: #333333; font-weight: bold; letter-spacing: 0.19px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .RGSHRZ .card .cardInput { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .RGSHRZ .card .cardInput .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; height: 50px; border-bottom: 1px solid #E3E3E3; } .RGSHRZ .card .cardInput .weui-input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .RGSHRZ .card .cardInput .weui-cell__primary { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .RGSHRZ .card .cardInput .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHRZ .card .cardInput .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHRZ .card .cardInput .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHRZ .card .cardInput .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHRZ .card:last-child { border: none; } .RGSHRZ .btn { margin-top: 30px; padding: 0 16px; } .RGSHRZ .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 0.14rem; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .RGSHRZ .btn button:active { color: #ffffff; } .RGSHRZ .btn .weui-btn:after { border: none; } .header-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; color: white; font-size: 0; padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #3486ff; } .header-center .left { height: 60px; line-height: 60px; width: 20px; font-size: 0.14rem; display: block; color: #fff; font-weight: bolder; position: absolute; } .header-center .vux-x-icon { fill: #fff; } .header-center .title { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.16rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; display: block; color: #fff; } .header-center .icon { margin-left: 5px; } .header-center .icon i { font-size: 0.26rem; } .header-center .right { font-size: 0.14rem; display: block; color: #fff; position: absolute; right: 10px; } .header-center .right i { font-size: 26px; } .btnArgee { padding: 0 16px; } .btnArgee button { background: rgba(206, 206, 206, 0.3); height: 40px; border-radius: 30px; font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0.17px; text-align: center; } .btnArgee .weui-btn:after { border: none; } .btnArgee .weui-btn:not(.weui-btn_disabled):visited { color: #999999; } .btnArgee .weui-btn:not(.weui-btn_disabled):active { color: #999999; background-color: #eaeaea; } .btnAll { padding: 0 16px; } .btnAll button { background: #2B64F4; border-radius: 31px; height: 60px; font-family: PingFangSC-Regular; font-size: 22px; color: #FFFFFF; text-align: center; } .btnAll .weui-btn:after { border: none; } .btnAll .weui-btn_primary { /*background-color: red;*/ } .btnAll .weui-btn_primary:not(.weui-btn_disabled):visited { color: yellow; } .btnAll .weui-btn_primary:not(.weui-btn_disabled):active { color: white; background-color: #028bec; } .btnAll .weui-btn { /*background-color: red;*/ } .btnAll .weui-btn:not(.weui-btn_disabled):visited { color: yellow; } .btnAll .weui-btn:not(.weui-btn_disabled):active { color: white; background-color: #028bec; } .universalTitle { width: 100%; background-color: #FFFFFF; padding: 40px 22px 40px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20.5px; color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: PingFangSC-Regular; letter-spacing: 0; } .universalTitle .universalSign { /*通用红色小竖条*/ background: #2B64F4; border-radius: 4px; width: 8px; height: 20.5px; margin-right: 10px; } .universalTitle .fontWeight { font-size: 0.16rem; color: #333333; font-weight: bolder; } .strip { width: 8px; height: 20.5px; background: #2B64F4; border-radius: 4px; } /* ↓ ↓ ↓ 全页默认样式 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ---*/ .generalStructure { width: 100%; height: 100%; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .generalStructure .generalBox { /*border: 1px solid red;*/ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: scroll; } .generalStructure .liubai { width: 100%; height: 48px; } /* ↓ ↓ ↓ ↓ ↓ 默认新闻列表样式 ↓ ↓ ↓ ↓ ↓ ↓ ↓ */ .newsStyle .SearchFunctionContent:not(:last-child) .goodBorder { /*border: 1px solid red;*/ border-bottom: 1px solid #E3E3E3; } .newsStyle .SearchFunctionContent { background-color: #fff; padding: 0 16px; } .newsStyle .SearchFunctionContent .border { padding: 10px 0 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*border: 1px solid red;*/ } .newsStyle .SearchFunctionContent .border .firstLineTitle { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bolder; } .newsStyle .SearchFunctionContent .border .SecondLineTitle { font-size: 0.12rem; color: #666666; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 3px; /*max-height: 0.34rem;*/ } .newsStyle .SearchFunctionContent .border .firstLineTitles { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; font-weight: bolder; } .newsStyle .SearchFunctionContent .border .imgListBox { padding: 10px 0 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(2) { padding: 0 2.5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(1) { padding-right: 5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList:nth-child(3) { padding-left: 5px; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList { -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33%; } .newsStyle .SearchFunctionContent .border .imgListBox .imgList img { width: 100%; height: 70px; border-radius: 5px; } .newsStyle .SearchFunctionContent .border .footerLine { font-size: 0.12rem; color: #999999; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 8px; } .newsStyle .SearchFunctionContent .border .footerLines { font-family: PingFangSC-Regular; font-size: 14px; color: #666666; letter-spacing: 0; width: 100%; overflow: hidden; padding-top: 12px; } .newsStyle .SearchFunctionContent .leftRight { /*border: 1px solid green;*/ padding: 10px 0 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /*border: 1px solid red;*/ } .newsStyle .SearchFunctionContent .leftRight .leftBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .newsStyle .SearchFunctionContent .leftRight .leftBox .firstLineTitle { font-size: 0.16rem; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bolder; } .newsStyle .SearchFunctionContent .leftRight .leftBox .SecondLineTitle { font-size: 0.12rem; color: #666666; width: 100%; /*overflow:hidden;*/ /*text-overflow:ellipsis;*/ /*white-space:nowrap*/ /*line-height: 20px;*/ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /*控制多行的行数 */ /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ padding-top: 3px; max-height: 0.34rem; } .newsStyle .SearchFunctionContent .leftRight .leftBox .footerLine { font-size: 0.12rem; color: #999999; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 8px; } .newsStyle .SearchFunctionContent .leftRight .imgListBox { width: 33%; margin-left: 5px; /*padding: 10px 0 0 0;*/ /*flex-wrap: wrap;*/ } .newsStyle .SearchFunctionContent .leftRight .imgListBox .imgList { -webkit-box-sizing: border-box; box-sizing: border-box; } .newsStyle .SearchFunctionContent .leftRight .imgListBox .imgList img { width: 100%; height: 70px; border-radius: 5px; } .newsStyle .SearchFunctionContent:active { background-color: #E3E3E3; } .formTitle { width: 100%; margin-bottom: 10px; background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 70px; border-bottom: 1px solid #E3E3E3; } .formTitle .strip { width: 8px; height: 20.5px; background: #2B64F4; border-radius: 4px; margin-right: 10px; } .formTitle .fromTitleWord { font-family: PingFangSC-Regular; font-size: 20.5px; color: #333333; letter-spacing: 0; } .formContent { padding: 20px 100px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .formContent .weui-cell__bd { border: 1px solid #E3E3E3; position: relative; top: 2px; padding: 12px 12px; } .formContent .qiye { padding-top: 32px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .formContent .qiye .left { width: 510px; } .formContent .hangye { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .formContent .hangye .vux-x-textarea { margin-top: 15px; padding: 0; } .formContent .hangye .vux-x-textarea .weui-cell__bd { padding: 0; height: 108px; } .formContent .hangye .vux-x-textarea .weui-cell__bd .weui-textarea { font-family: PingFangSC-Regular; padding: 0px 12px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .formContent .hangye .weui-cell_access .weui-cell__ft:after { content: " "; display: inline-block; border: 6px solid transparent !important; border-top: 6px solid #ccc !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: -10px; } .formContent .hangye .vux-cell-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .formContent .hangye .weui-cell__ft { padding-right: 0; } .formContent .hangye .weui-cell__bd { padding-right: 0; } .formContent .hangye .weui-cell { padding-right: 0; width: 100%; background-color: #fff; line-height: 40px; } .formContent .hangye .weui-cell .vux-popup-picker-select { width: 100%; border: 1px solid #E3E3E3; background-color: #fff; text-align: left !important; text-indent: 12px; border-radius: 8px; color: #666; padding: 12px 0; } .formContent .hangye .weui-cell .weui-cell_access .weui-cell__ft { padding-right: 0; right: 20px; } .formContent .mapWrapper { padding-top: 10px; overflow: hidden; width: 548px; height: 264px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 10px; text-align: center; } .formContent .mapWrapper .map { overflow: hidden; border-radius: 20px; } .formContent .btnCommit { width: 100%; margin: 0 auto; padding: 30px 0; } .formContent .btnCommit .weui-btn:after { display: none; } .formContent .btnCommit .weui-btn_default { width: 380px; height: 60px; background-color: #2b64f4; border-radius: 30px; font-size: 20.5px; color: #ffffff; } .formContent .weui-cell { width: 48%; padding: 12.5px 15px 12.5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .formContent .weui-cell .weui-input, .formContent .weui-cell .weui-textarea { font-size: 0.2rem; } .formContent .weui-cell .vux-cell-placeholder { font-size: 0.2rem; } .formContent .weui-cell .weui-label { font-size: 0.24rem; display: block; width: 120px !important; } .weui-dialog .weui-dialog__hd { padding: 0 !important; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .weui-dialog .weui-dialog__bd { max-height: 260px; overflow-y: auto; padding: 10px 16px 10px 16px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .weui-dialog .weui-dialog__btn_primary { color: #1D68D2; } .RGSHNEW .canvas { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; z-index: 100; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .RGSHNEW .canvas .title { padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0; z-index: 2; background-color: #fff; border-bottom: 1px solid #E3E3E3; letter-spacing: 0; line-height: 50px; } .RGSHNEW .canvas .title .left { font-family: PingFangSC-Medium; font-weight: bolder; font-size: 20.5px; color: #333333; } .RGSHNEW .btn { /*margin-top: 20px;*/ /*position: fixed;*/ width: 100%; /*bottom: 0;*/ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 16px 30px 16px; background-color: #ffffff; } .RGSHNEW .btn button { height: 40px; background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #1D68D2), color-stop(99%, #1B79FF)); background-image: linear-gradient(-90deg, #1D68D2 2%, #1B79FF 99%); border-radius: 20px; font-family: PingFangSC-Regular; font-size: 14px; color: #ffffff; letter-spacing: 0.17px; text-align: center; } .RGSHNEW .btn button:active { color: #ffffff; } .RGSHNEW .btn .weui-btn:after { border: none; } .RGSHNEW .myins { width: 100%; height: calc(100% - 51px); overflow-y: auto; position: absolute; top: 51px; background-color: white; } .RGSHNEW .myins .contentChoose .inputBox { padding: 7px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #E3E3E3; background-color: #fff; } .RGSHNEW .myins .contentChoose .inputBox .title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0.15px; margin-right: 5px; } .RGSHNEW .myins .contentChoose .inputBox .title span { color: red; } .RGSHNEW .myins .contentChoose .inputBox .vux-popup-picker-value.vux-cell-value { font-size: 14px; color: #333333; } .RGSHNEW .myins .contentChoose .inputBox .weui-cell.vux-tap-active { height: 19px; } .RGSHNEW .myins .contentChoose .inputBox .checkerChoose { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; background-color: #fff; } .RGSHNEW .myins .contentChoose .inputBox .checkerChoose .weui-cell { padding: 7px 12px 7px 8px; } .RGSHNEW .myins .contentChoose .inputBox .checkerChoose .popup { -webkit-box-sizing: border-box; box-sizing: border-box; height: 33px; line-height: 33px; } .RGSHNEW .myins .contentChoose .inputBox .checkerChoose .popup .iconyoufanhui:before { display: none; } .RGSHNEW .myins .contentChoose .inputBox .checkerChoose .popup span { margin-left: 8px; } .RGSHNEW .myins .contentChoose .inputBox .checkerChoose .popup i { display: inline-block; border: 5px solid transparent !important; border-top: 5px solid #999999 !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; margin-top: 15px; position: absolute; right: 30px; } .RGSHNEW .myins .contentChoose .inputBox .disabledCheckerChoose { background-color: #d6d6d6; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; } .RGSHNEW .myins .contentChoose .inputBox .disabledCheckerChoose .weui-cell { padding: 7px 12px 7px 8px; } .RGSHNEW .myins .contentChoose .inputBox .disabledCheckerChoose .popup { -webkit-box-sizing: border-box; box-sizing: border-box; height: 33px; line-height: 33px; } .RGSHNEW .myins .contentChoose .inputBox .disabledCheckerChoose .popup .iconyoufanhui:before { display: none; } .RGSHNEW .myins .contentChoose .inputBox .disabledCheckerChoose .popup span { margin-left: 8px; } .RGSHNEW .myins .contentChoose .inputBox .disabledCheckerChoose .popup i { display: inline-block; border: 5px solid transparent !important; border-top: 5px solid #999999 !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; margin-top: 15px; position: absolute; right: 30px; } .RGSHNEW .myins .contentChoose .inputBox .inputName { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; background-color: #fff; } .RGSHNEW .myins .contentChoose .inputBox .inputName button { height: 35px; background: #FFFFFF; border: 1px solid #1E6BD5; border-radius: 20px; font-family: PingFangSC-Regular; font-size: 14px; color: #1E6BD5; letter-spacing: 0; text-align: center; } .RGSHNEW .myins .contentChoose .inputBox .inputName .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 12px 7px 8px; } .RGSHNEW .myins .contentChoose .inputBox .inputName .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHNEW .myins .contentChoose .inputBox .inputName .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHNEW .myins .contentChoose .inputBox .inputName .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHNEW .myins .contentChoose .inputBox .inputName .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHNEW .myins .contentChoose .inputBox .disabledInputName { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; background-color: #d6d6d6; } .RGSHNEW .myins .contentChoose .inputBox .disabledInputName .weui-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 12px 7px 8px; } .RGSHNEW .myins .contentChoose .inputBox .disabledInputName .weui-input::-webkit-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHNEW .myins .contentChoose .inputBox .disabledInputName .weui-input:-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHNEW .myins .contentChoose .inputBox .disabledInputName .weui-input::-ms-input-placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHNEW .myins .contentChoose .inputBox .disabledInputName .weui-input::placeholder { font-size: 14px; font-family: PingFangSC-Regular; color: #999999; letter-spacing: 0.17px; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; height: 33px; line-height: 33px; width: 100%; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose .vux-no-group-title { margin-top: 0 !important; height: 33px; line-height: 33px; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose .weui-cells:before, .RGSHNEW .myins .contentChoose .inputBox .timeChoose .weui-cells:after { border: none; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose a { height: 19px; line-height: 19px; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose .weui-cell { padding: 7px 12px 7px 8px; background-color: #fff; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose .weui-cell__ft.vux-cell-primary.vux-datetime-value { text-align: left !important; position: relative; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose .weui-cell__ft.vux-cell-primary.vux-datetime-value .vux-cell-value { font-size: 14px; color: #333333; position: absolute; top: -9px; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose .weui-cell_access .weui-cell__ft { position: absolute; right: -3px; } .RGSHNEW .myins .contentChoose .inputBox .timeChoose .weui-cell_access .weui-cell__ft:after { border: 5px solid transparent !important; border-top: 5px solid #999999 !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; margin-top: 0px; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; height: 33px; line-height: 33px; width: 100%; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose .vux-no-group-title { margin-top: 0 !important; height: 33px; line-height: 33px; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose .weui-cells:before, .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose .weui-cells:after { border: none; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose a { height: 19px; line-height: 19px; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose .weui-cell { padding: 7px 12px 7px 8px; background-color: #d6d6d6; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose .weui-cell__ft.vux-cell-primary.vux-datetime-value { text-align: left !important; position: relative; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose .weui-cell__ft.vux-cell-primary.vux-datetime-value .vux-cell-value { font-size: 14px; color: #333333; position: absolute; top: -9px; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose .weui-cell_access .weui-cell__ft { position: absolute; right: -3px; } .RGSHNEW .myins .contentChoose .inputBox .disabledTimeChoose .weui-cell_access .weui-cell__ft:after { border: 5px solid transparent !important; border-top: 5px solid #999999 !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; margin-top: 0px; } .RGSHNEW .myins .contentChoose .inputBox .pickerChoose { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; background-color: #fff; } .RGSHNEW .myins .contentChoose .inputBox .pickerChoose .weui-cell { padding: 7px 12px 7px 8px; } .RGSHNEW .myins .contentChoose .inputBox .pickerChoose .vux-popup-picker-select { position: relative; /*right: 130px;*/ text-align: left !important; font-size: 14px; color: #333333; } .RGSHNEW .myins .contentChoose .inputBox .pickerChoose .weui-cell_access .weui-cell__ft:after { border: 5px solid transparent !important; border-top: 5px solid #999999 !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; margin-top: 0px; position: relative; left: 13px; } .RGSHNEW .myins .contentChoose .inputBox .disabledPickerChoose { background-color: #d6d6d6; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; } .RGSHNEW .myins .contentChoose .inputBox .disabledPickerChoose .weui-cell { padding: 7px 12px 7px 8px; } .RGSHNEW .myins .contentChoose .inputBox .disabledPickerChoose .vux-popup-picker-select { position: relative; /*right: 130px;*/ text-align: left !important; font-size: 14px; color: #333333; } .RGSHNEW .myins .contentChoose .inputBox .disabledPickerChoose .weui-cell_access .weui-cell__ft:after { border: 5px solid transparent !important; border-top: 5px solid #999999 !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; margin-top: 0px; position: relative; left: 13px; } .RGSHNEW .myins .contentChoose .inputBox .vux-cell-placeholder { font-size: 14px; } .RGSHNEW .myins .contentChoose .inputBox .politicalChoose { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; background-color: #fff; } .RGSHNEW .myins .contentChoose .inputBox .politicalChoose .weui-cell { padding: 7px 12px 7px 8px; } .RGSHNEW .myins .contentChoose .inputBox .politicalChoose .vux-popup-picker-select { text-align: left !important; font-size: 14px; color: #333333; } .RGSHNEW .myins .contentChoose .inputBox .politicalChoose .weui-cell_access .weui-cell__ft:after { border: 5px solid transparent !important; border-top: 5px solid #999999 !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; margin-top: 0px; position: relative; left: 13px; } .RGSHNEW .myins .contentChoose .inputBox .disabledPoliticalChoose { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #E3E3E3; border-radius: 2px; background-color: #d6d6d6; } .RGSHNEW .myins .contentChoose .inputBox .disabledPoliticalChoose .weui-cell { padding: 7px 12px 7px 8px; } .RGSHNEW .myins .contentChoose .inputBox .disabledPoliticalChoose .vux-popup-picker-select { text-align: left !important; font-size: 14px; color: #333333; } .RGSHNEW .myins .contentChoose .inputBox .disabledPoliticalChoose .weui-cell_access .weui-cell__ft:after { border: 5px solid transparent !important; border-top: 5px solid #999999 !important; border-bottom: none !important; border-radius: 5px; height: 0 !important; width: 0 !important; -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; -webkit-transform-origin: left; transform-origin: left; margin-top: 0px; position: relative; left: 13px; } .RGSHNEW .myins .content { /*margin-top: 52px;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*border: 1px solid #0bb20c;*/ padding: 0px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; /*border-bottom: 1px solid #E3E3E3;*/ } .RGSHNEW .myins .content .important { font-weight: bolder; font-family: PingFangSC-Medium; font-size: 16px; color: #333333; text-align: left; line-height: 30px; margin-top: 6px; } .RGSHNEW .myins .content .con { font-family: PingFangSC-Regular; font-size: 14px; color: #151515; text-align: left; padding-bottom: 6px; line-height: 30px; } .RGSHNEW .myins .uploadText { background-color: #E3E3E3; width: 100%; padding: 10px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .RGSHNEW .myins .uploadFile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 13px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #E3E3E3; } .RGSHNEW .myins .uploadFile .left { font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; } .RGSHNEW .myins .uploadFile .reRight { border: 1px solid #1E6BD5; border-radius: 17.5px; padding: 7.5px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: PingFangSC-Regular; font-size: 14px; color: #1E6BD5; } .RGSHNEW .myins .uploadFile .right { background-color: #1E6BD5; border-radius: 17.5px; padding: 7.5px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: PingFangSC-Regular; font-size: 14px; color: #ffffff; } .RGSHNEW .myins .photo { padding-top: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .dp-container.vux-datetime-view { position: static; -webkit-transition: none; transition: none; } .dp-container.vux-datetime-view .dp-header { display: none; } .vux-datetime-clear { text-align: center; } .scroller-component { display: block; position: relative; height: 238px; overflow: hidden; width: 100%; } .scroller-content { position: absolute; left: 0; top: 0; width: 100%; z-index: -1; } .scroller-mask { position: absolute; left: 0; top: 0; height: 100%; margin: 0 auto; width: 100%; z-index: 3; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)); background-position: top, bottom; background-size: 100% 102px; background-repeat: no-repeat; } .scroller-item { text-align: center; font-size: 16px; height: 34px; line-height: 34px; color: #000; } .scroller-indicator { width: 100%; height: 34px; position: absolute; left: 0; top: 102px; z-index: 3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), color-stop(#d0d0d0), color-stop(transparent), to(transparent)), -webkit-gradient(linear, left bottom, left top, from(#d0d0d0), color-stop(#d0d0d0), color-stop(transparent), to(transparent)); background-image: linear-gradient(to bottom, #d0d0d0, #d0d0d0, transparent, transparent), linear-gradient(to top, #d0d0d0, #d0d0d0, transparent, transparent); background-position: top, bottom; background-size: 100% 1px; background-repeat: no-repeat; } .dp-container { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 10000; background-color: #fff; display: none; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translateY(100%); transform: translateY(100%); } .dp-mask { z-index: 998; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; background-color: #000; z-index: 9999; } .dp-header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; box-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent)); background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent); background-position: bottom; background-size: 100% 1px; background-repeat: no-repeat; } .dp-header .dp-item { color: #04BE02; font-size: 16px; height: 44px; line-height: 44px; cursor: pointer; } .dp-header .dp-item.dp-left { color: #828282; } .dp-header .dp-item.dp-right { color: #04BE02; } .dp-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; box-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .dp-header .dp-item, .dp-content .dp-item { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .vux-datetime-cancel { text-align: left; padding-left: 15px; } .vux-datetime-confirm { text-align: right; padding-right: 15px; } .vux-datetime { color: #000; text-decoration: none; } .vux-datetime .vux-input-icon { float: right; } .vux-cell-primary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .vux-1px, .vux-1px-t, .vux-1px-b, .vux-1px-tb, .vux-1px-l, .vux-1px-r { position: relative; } .vux-1px:before { content: " "; position: absolute; left: 0; top: 0; width: 200%; border: 1px solid #C7C7C7; color: #C7C7C7; height: 200%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5); transform: scale(0.5); } .vux-1px-t:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-1px-b:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-1px-tb:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-1px-tb:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-1px-l:before { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .vux-1px-r:after { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .vux-cell-primary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .vux-cell-box { position: relative; } .vux-cell-box:not(:first-child):before { content: " "; position: absolute; top: 0; width: 100%; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 15px; } .vux-popup-picker-header { height: 44px; color: #04BE02; background-color: #fbf9fe; font-size: 16px; position: relative; } .vux-popup-picker-header:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-popup-picker-value { /* display: inline-block; */ } .vux-popup-picker-header-menu { text-align: left; padding-left: 15px; line-height: 44px; } .vux-popup-picker-header-menu-right { text-align: right; padding-right: 15px; } .vux-popup-picker-select { width: 100%; position: relative; } .vux-popup-picker-select-box.weui-cell__bd:after { content: " "; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; position: relative; top: -2px; position: absolute; top: 50%; right: 15px; margin-top: -3px; } .vux-popup-picker-cancel { color: #828282; } .vux-popup-picker-placeholder { color: #999; } .scroller-component { display: block; position: relative; height: 238px; overflow: hidden; width: 100%; } .scroller-content { position: absolute; left: 0; top: 0; width: 100%; z-index: 1; } .scroller-mask { position: absolute; left: 0; top: 0; height: 100%; margin: 0 auto; width: 100%; z-index: 3; -webkit-transform: translateZ(0px); transform: translateZ(0px); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.95)), to(rgba(255,255,255,0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.95)), to(rgba(255,255,255,0.6))); background-image: linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.6)), linear-gradient(to top, rgba(255,255,255,0.95), rgba(255,255,255,0.6)); background-position: top, bottom; background-size: 100% 102px; background-repeat: no-repeat; } .scroller-item { text-align: center; font-size: 16px; height: 34px; line-height: 34px; color: #000; } .scroller-indicator { width: 100%; height: 34px; position: absolute; left: 0; top: 102px; z-index: 3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), color-stop(#d0d0d0), color-stop(transparent), to(transparent)), -webkit-gradient(linear, left bottom, left top, from(#d0d0d0), color-stop(#d0d0d0), color-stop(transparent), to(transparent)); background-image: linear-gradient(to bottom, #d0d0d0, #d0d0d0, transparent, transparent), linear-gradient(to top, #d0d0d0, #d0d0d0, transparent, transparent); background-position: top, bottom; background-size: 100% 1px; background-repeat: no-repeat; } .scroller-item { line-clamp: 1; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .vux-flexbox { width: 100%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; box-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vux-flexbox .vux-flexbox-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; min-width: 20px; width: 0%; } .vux-flexbox .vux-flexbox-item:first-child { margin-left: 0!important; margin-top: 0!important; } .vux-flex-row { box-direction: row; box-orient: horizontal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .vux-flex-col { box-orient: vertical; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vux-flex-col > .vux-flexbox-item { width: 100%; } .vux-1px, .vux-1px-t, .vux-1px-b, .vux-1px-tb, .vux-1px-l, .vux-1px-r { position: relative; } .vux-1px:before { content: " "; position: absolute; left: 0; top: 0; width: 200%; border: 1px solid #C7C7C7; color: #C7C7C7; height: 200%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5); transform: scale(0.5); } .vux-1px-t:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-1px-b:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-1px-tb:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-1px-tb:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .vux-1px-l:before { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .vux-1px-r:after { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid #C7C7C7; color: #C7C7C7; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .vux-popup-header { display: -webkit-box; display: -ms-flexbox; display: flex; height: 44px; line-height: 44px; font-size: 16px; background-color: #fbf9fe; } .vux-popup-header-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #222; } .vux-popup-header-left { padding-left: 15px; color: #828282; } .vux-popup-header-right { padding-right: 15px; color: #04BE02; } .vux-popup-header.vux-1px-b:after { border-color: #D9D9D9; } /** * actionsheet */ /** * en: primary type text color of menu item * zh-CN: 菜单项primary类型的文本颜色 */ /** * en: warn type text color of menu item * zh-CN: 菜单项warn类型的文本颜色 */ /** * en: default type text color of menu item * zh-CN: 菜单项default类型的文本颜色 */ /** * en: disabled type text color of menu item * zh-CN: 菜单项disabled类型的文本颜色 */ /** * datetime */ /** * tabbar */ /** * tab */ /** * dialog */ /** * en: title and content's padding-left and padding-right * zh-CN: 标题及内容区域的 padding-left 和 padding-right */ /** * x-number */ /** * checkbox */ /** * check-icon */ /** * Cell */ /** * Mask */ /** * Range */ /** * Tabbar */ /** * Header */ /** * Timeline */ /** * Switch */ /** * Button */ /** * en: border radius * zh-CN: 圆角边框 */ /** * en: font color * zh-CN: 字体颜色 */ /** * en: margin-top value between previous button, not works when there is only one button * zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效 */ /** * en: button height * zh-CN: 按钮高度 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: the font color in disabled * zh-CN: disabled状态下的字体颜色 */ /** * en: font size * zh-CN: 字体大小 */ /** * en: the font size of the mini type * zh-CN: mini类型的字体大小 */ /** * en: the line height of the mini type * zh-CN: mini类型的行高 */ /** * en: the background color of the warn type * zh-CN: warn类型的背景颜色 */ /** * en: the background color of the warn type in active * zh-CN: active状态下，warn类型的背景颜色 */ /** * en: the background color of the warn type in disabled * zh-CN: disabled状态下，warn类型的背景颜色 */ /** * en: the background color of the default type * zh-CN: default类型的背景颜色 */ /** * en: the font color of the default type * zh-CN: default类型的字体颜色 */ /** * en: the background color of the default type in active * zh-CN: active状态下，default类型的背景颜色 */ /** * en: the font color of the default type in disabled * zh-CN: disabled状态下，default类型的字体颜色 */ /** * en: the background color of the default type in disabled * zh-CN: disabled状态下，default类型的背景颜色 */ /** * en: the font color of the default type in active * zh-CN: active状态下，default类型的字体颜色 */ /** * en: the background color of the primary type * zh-CN: primary类型的背景颜色 */ /** * en: the background color of the primary type in active * zh-CN: active状态下，primary类型的背景颜色 */ /** * en: the background color of the primary type in disabled * zh-CN: disabled状态下，primary类型的背景颜色 */ /** * en: the font color of the plain primary type * zh-CN: plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type * zh-CN: plain的primary类型的边框颜色 */ /** * en: the font color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的字体颜色 */ /** * en: the border color of the plain primary type in active * zh-CN: active状态下，plain的primary类型的边框颜色 */ /** * en: the font color of the plain default type * zh-CN: plain的default类型的字体颜色 */ /** * en: the border color of the plain default type * zh-CN: plain的default类型的边框颜色 */ /** * en: the font color of the plain default type in active * zh-CN: active状态下，plain的default类型的字体颜色 */ /** * en: the border color of the plain default type in active * zh-CN: active状态下，plain的default类型的边框颜色 */ /** * en: the font color of the plain warn type * zh-CN: plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type * zh-CN: plain的warn类型的边框颜色 */ /** * en: the font color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的字体颜色 */ /** * en: the border color of the plain warn type in active * zh-CN: active状态下，plain的warn类型的边框颜色 */ /** * swipeout */ /** * Cell */ /** * Badge */ /** * en: badge background color * zh-CN: badge的背景颜色 */ /** * Popover */ /** * Button tab */ /** * en: not used * zh-CN: 未被使用 */ /** * en: border radius color * zh-CN: 圆角边框的半径 */ /** * en: border color * zh-CN: 边框的颜色 */ /** * en: not used * zh-CN: 默认状态下圆角边框的颜色 */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default background color * zh-CN: 默认状态下的背景颜色 */ /** * en: selected background color * zh-CN: 选中状态下的背景颜色 */ /** * en: not used * zh-CN: 未被使用 */ /* alias */ /** * en: not used * zh-CN: 未被使用 */ /** * en: default text color * zh-CN: 默认状态下的文本颜色 */ /** * en: height * zh-CN: 元素高度 */ /** * en: line height * zh-CN: 元素行高 */ /** * Swiper */ /** * checklist */ /** * popup-picker */ /** * popup */ /** * popup-header */ /** * form-preview */ /** * sticky */ /** * group */ /** * en: margin-top of title * zh-CN: 标题的margin-top */ /** * en: margin-bottom of title * zh-CN: 标题的margin-bottom */ /** * en: margin-top of footer title * zh-CN: 底部标题的margin-top */ /** * en: margin-bottom of footer title * zh-CN: 底部标题的margin-bottom */ /** * toast */ /** * en: text size of content * zh-CN: 内容文本大小 */ /** * en: default top * zh-CN: 默认状态下距离顶部的高度 */ /** * en: position top * zh-CN: 顶部显示的高度 */ /** * en: position bottom * zh-CN: 底部显示的高度 */ /** * en: z-index * zh-CN: z-index */ /** * icon */ /** * calendar */ /** * en: forward and backward arrows color * zh-CN: 前进后退的箭头颜色 */ /** * en: text color of week highlight * zh-CN: 周末高亮的文本颜色 */ /** * en: background color when selected * zh-CN: 选中时的背景颜色 */ /** * en: text color when disabled * zh-CN: 禁用时的文本颜色 */ /** * en: text color of today * zh-CN: 今天的文本颜色 */ /** * en: font size of cell * zh-CN: 单元格的字号 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: size of date cell * zh-CN: 日期单元格尺寸大小 */ /** * en: line height of date cell * zh-CN: 日期单元格的行高 */ /** * en: text color of header * zh-CN: 头部的文本颜色 */ /** * week-calendar */ /** * search */ /** * en: text color of cancel button * zh-CN: 取消按钮文本颜色 */ /** * en: background color * zh-CN: 背景颜色 */ /** * en: text color of placeholder * zh-CN: placeholder文本颜色 */ /** * radio */ /** * en: checked icon color * zh-CN: 选中状态的图标颜色 */ /** * loadmore */ /** * en: not used * zh-CN: 未被使用 */ /** * loading */ /** * en: z-index * zh-CN: z-index */ .weui-cells { margin-top: 1.17647059em; background-color: #FFFFFF; line-height: 1.41176471; font-size: 17px; overflow: hidden; position: relative; } .weui-cells:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .weui-cells__title { margin-top: 0.77em; margin-bottom: 0.3em; padding-left: 15px; padding-right: 15px; color: #999999; font-size: 14px; } .weui-cells__title + .weui-cells { margin-top: 0; } .weui-cells__tips { margin-top: 0.3em; color: #999999; padding-left: 15px; padding-right: 15px; font-size: 14px; } .weui-cell { padding: 10px 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .weui-cell:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 15px; } .weui-cell:first-child:before { display: none; } .weui-cell_primary { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .weui-cell__bd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .weui-cell__ft { text-align: right; color: #999999; } .vux-cell-justify { height: 1.41176471em; } .vux-cell-justify.vux-cell-justify:after { content: "."; display: inline-block; width: 100%; overflow: hidden; height: 0; } .weui-label { display: block; width: 105px; word-wrap: break-word; word-break: break-all; } .weui-input { width: 100%; border: 0; outline: 0; -webkit-appearance: none; background-color: transparent; font-size: inherit; color: inherit; height: 1.41176471em; line-height: 1.41176471; } .weui-input::-webkit-outer-spin-button, .weui-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .weui-textarea { display: block; border: 0; resize: none; width: 100%; color: inherit; font-size: 1em; line-height: inherit; outline: 0; } .weui-textarea-counter { color: #B2B2B2; text-align: right; } .weui-cell_warn .weui-textarea-counter { color: #E64340; } .weui-toptips { display: none; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; left: 0; right: 0; padding: 5px; font-size: 14px; text-align: center; color: #FFF; z-index: 5000; word-wrap: break-word; word-break: break-all; } .weui-toptips_warn { background-color: #E64340; } .weui-cells_form .weui-cell__ft { font-size: 0; } .weui-cells_form .weui-icon-warn { display: none; } .weui-cells_form input, .weui-cells_form textarea, .weui-cells_form label[for] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .weui-cell_warn { color: #E64340; } .weui-cell_warn .weui-icon-warn { display: inline-block; } .vux-x-textarea.weui-cell { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pswp__button--fs { display: none !important; } .PhotoRenSheYun { width: 100%; height: 100%; padding-bottom: 10px; border-bottom: 1px solid #E3E3E3; font-size: 16px; } .PhotoRenSheYun .weui-dialog__btn_primary { color: #4A90E2; } .PhotoRenSheYun .loadings { height: 0; } .PhotoRenSheYun .pic { width: 100%; height: 100%; /*border: 1px solid red;*/ background-color: #fff; /*display: flex;*/ /*flex-direction: row;*/ /*!*flex-wrap: wrap;*!*/ /*justify-content: center;*/ /*align-items: center;*/ } .PhotoRenSheYun .pic .title { margin: 10px 0; padding: 0 16px 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .PhotoRenSheYun .pic .title :nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; color: #333333; } .PhotoRenSheYun .pic .title :nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #4A90E2; } .PhotoRenSheYun .pic .title :nth-child(2) i { color: #1e6bd5; font-size: 20px; margin: 0 6px 0 10px; } .PhotoRenSheYun .pic .picPiker { padding: 0 15px; width: calc(100% - 30px); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /*flex-flow: row wrap; !* 换行 *!*/ /*justify-content: flex-start;*/ -ms-flex-wrap: wrap; flex-wrap: wrap; /*justify-content:center;*/ /*justify-content: space-between;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*justify-items: start;*/ } .PhotoRenSheYun .pic .picPiker .image { height: 100px; width: calc((100% - 30px) / 3); /* 宽度 */ text-align: center; background-color: #E3E3E3; margin: 0 5px 5px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .PhotoRenSheYun .pic .picPiker .image .ima { width: 100%; height: calc(100% - 21px); float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .PhotoRenSheYun .pic .picPiker .image .ima img { width: 100%; height: 100%; /*border: 1px solid #dbdbdb;*/ -webkit-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 10px; border-top-right-radius: 10px; } .PhotoRenSheYun .pic .picPiker .image .cover { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 21px; background-color: rgba(0, 0, 0, 0.6); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; /*margin-left: 1px;*/ } .PhotoRenSheYun .pic .picPiker .image .cover .text { -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-align: center; line-height: 20px; font-size: 12px; } .PhotoRenSheYun .pic .picPiker .addPicOther { height: 100px; width: calc((100% - 30px) / 3); /* 宽度 */ text-align: center; background-color: #E3E3E3; border: 1px solid #E3E3E3; border-radius: 8px; margin: 0 5px 5px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .PhotoRenSheYun .pic .picPiker .addPicOther .vux-x-icon { fill: #d8d8d8; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*