/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .u-line[data-v-3e1cc47b] { vertical-align: middle; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .u-loading-circle[data-v-32db0ed8] { display: inline-flex; vertical-align: middle; width: 0.875rem; height: 0.875rem; background: 0 0; border-radius: 50%; border: 2px solid; border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e; animation: u-circle-32db0ed8 1s linear infinite; } .u-loading-flower[data-v-32db0ed8] { width: 20px; height: 20px; display: inline-block; vertical-align: middle; animation: u-flower-32db0ed8 1s steps(12) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; background-size: 100%; } @keyframes u-flower-32db0ed8 { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes u-circle-32db0ed8 { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .u-load-more-wrap[data-v-e9906cfb] { display: flex; flex-direction: row; justify-content: center; align-items: center; } .u-load-more-inner[data-v-e9906cfb] { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0 0.375rem; } .u-more[data-v-e9906cfb] { position: relative; display: flex; flex-direction: row; justify-content: center; } .u-dot-text[data-v-e9906cfb] { font-size: 0.875rem; } .u-loadmore-icon-wrap[data-v-e9906cfb] { margin-right: 0.25rem; } .u-loadmore-icon[data-v-e9906cfb] { display: flex; flex-direction: row; align-items: center; justify-content: center; } .shadow[data-v-f6ef18d5] { width: 100%; height: 0; position: absolute; left: 0; bottom: 0vw; border-radius: 50%; filter: blur(0.46875rem); background: linear-gradient(to top, #eff0f4, rgba(239, 240, 244, 0.1)); /* 根据需要调整 */ } .guodu[data-v-f6ef18d5] { transition: 0.4s; -webkit-transform-style: preserve-3d; -webkit-overflow-scrolling: touch; } .heig[data-v-f6ef18d5] { height: 16vw !important; } .toast[data-v-29da2345] { width: 26vw; max-height: 40vh; position: fixed; z-index: 105; right: 1.5vw; bottom: 1.5vw; background: #fff; border-radius: 1.6vw; padding: 2vw 1vw 5vw; } .toast .cfg[data-v-29da2345] { width: 100%; height: 3.5vw; display: flex; position: absolute; bottom: 0; left: 0vw; } .toast .cfg > uni-view[data-v-29da2345] { width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.2vw; font-weight: 600; border-top: 1px solid #eff0f4; } .toast .cfg > uni-view[data-v-29da2345]:nth-child(2) { color: #0385fa; border-left: 1px solid #eff0f4; } .toast .cont[data-v-29da2345] { width: 100%; font-size: 1.3vw; margin: 0.5vw auto 0; overflow-y: scroll; max-height: 23.5vh; text-align: center; } .toast .tit[data-v-29da2345] { width: 100%; height: 3vw; display: flex; justify-content: center; align-items: center; font-size: 1.4vw; font-weight: bolder; letter-spacing: 0.3vw; } .uncgd[data-v-29da2345] { bottom: -96vh !important; } .caigoudan[data-v-29da2345] { width: 50vw; height: 95vh; background: #FFFFFF; border-radius: 1.6vw; position: fixed; z-index: 104; bottom: 1.5vw; left: 22vw; padding: 1.5vw 2vw 0; } .caigoudan .cgdscroll[data-v-29da2345] { width: 100%; height: calc(95vh - 7vw); } .caigoudan .cgdscroll .cardcd > .boxitem[data-v-29da2345] { width: 22vw; height: 19.3vw; background: rgba(255, 255, 255, 0.7); border-radius: 1.6vw; margin: 0 1vw 1.2vw 0; display: inline-block; padding: 1.5vw 2.3vw 2.3vw; position: relative; border: 2px solid rgba(187, 187, 187, 0.34); } .caigoudan .cgdscroll .cardcd > .boxitem .dbgys[data-v-29da2345] { width: 100%; height: 4.3vw; position: absolute; left: 0; bottom: 0vw; background: #eff0f4; border-radius: 0 0 1.6vw 1.6vw; border: 2px solid #eff0f4; display: flex; padding: 0.6vw 1.5vw 0; justify-content: space-between; } .caigoudan .cgdscroll .cardcd > .boxitem .dbgys .act[data-v-29da2345] { background: #e7f0fb !important; border: 1px solid #0076d6 !important; } .caigoudan .cgdscroll .cardcd > .boxitem .dbgys > uni-view[data-v-29da2345] { white-space: nowrap; } .caigoudan .cgdscroll .cardcd > .boxitem .dbgys > uni-view[data-v-29da2345]:nth-child(1) { display: flex; flex-direction: column; font-weight: 400; font-size: 1vw; color: #888888; } .caigoudan .cgdscroll .cardcd > .boxitem .dbgys > uni-view:nth-child(1) uni-view[data-v-29da2345] { display: flex; align-items: center; } .caigoudan .cgdscroll .cardcd > .boxitem .dbgys > uni-view:nth-child(1) uni-text[data-v-29da2345] { font-weight: bold; font-size: 1.4vw; color: #555555; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view .hl[data-v-29da2345] { color: #0385FA; background: #E7F0FB; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view .yl[data-v-29da2345] { background: #DCF6F3; color: #00C6A9; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view .bj[data-v-29da2345] { background: #E9EBFC; color: #727BFF; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(1) { font-weight: bold; font-size: 1.5vw; color: #333; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(2) { font-weight: 400; font-size: 1.2vw; color: #555555; margin-top: 0.6vw; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(3), .caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(4) { font-weight: 400; font-size: 1.2vw; color: #666666; margin-top: 0.6vw; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view[data-v-29da2345]:nth-child(5) { width: 100%; height: 7vw; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view .znk[data-v-29da2345] { width: 8vw; height: 7vw; position: absolute; right: 1vw; bottom: 4.3vw; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view .znk uni-image[data-v-29da2345] { width: 100%; height: 100%; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view .carditem[data-v-29da2345] { width: 5.8vw; height: 2.1vw; border-radius: 1vw; display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 0.9vw; margin-top: 0.8vw; } .caigoudan .cgdscroll .cardcd > .boxitem > uni-view .carditem uni-image[data-v-29da2345] { width: 1.4vw; height: 1.4vw; } .caigoudan .cgdscroll .cardcd .cgdh[data-v-29da2345] { width: 100%; height: 4.3vw; display: flex; justify-content: space-between; align-items: center; color: #333333; font-weight: bold; } .caigoudan .cgdscroll .cardcd .cgdh uni-view[data-v-29da2345] { font-size: 1.1vw; } .caigoudan .cgdscroll .cardcd .cgdh uni-text[data-v-29da2345] { font-size: 1.4vw; } .caigoudan .cgdscroll .cardcd .gys[data-v-29da2345] { width: 100%; height: 2vw; background: rgba(238, 238, 238, 0.5); text-align: right; font-weight: 400; font-size: 1.1vw; color: #666666; padding-right: 0.8vw; line-height: 2vw; } .caigoudan .tj[data-v-29da2345] { width: 100%; height: 3.5vw; display: flex; justify-content: flex-end; align-items: center; } .caigoudan .tj > uni-text[data-v-29da2345]:nth-child(1) { width: 5.2vw; height: 2.2vw; display: inline-block; text-align: center; line-height: 2.2vw; font-weight: 400; font-size: 1vw; color: #5C7992; background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important; border-radius: 1.1vw; } .caigoudan .title[data-v-29da2345] { height: 2vw; font-weight: 400; font-size: 1.4vw; color: #333333; } .uncrkcard[data-v-29da2345] { right: -26vw !important; } .wuliao[data-v-29da2345] { width: 25.2vw; height: 48.8vw; background: #FFFFFF; box-shadow: 0 0 1vw 0 rgba(171, 171, 172, 0.29); border-radius: 1.6vw; position: fixed; bottom: 11vw; right: 1.5vw; z-index: 103; padding: 2vw 2.2vw 2vw; } .wuliao .dibu[data-v-29da2345] { width: 100%; display: flex; justify-content: space-between; margin: 3vw auto 0; } .wuliao .dibu uni-view[data-v-29da2345] { width: 4vw; height: 80%; font-weight: 400; font-size: 0.9vw; color: #8F92A1; display: flex; flex-direction: column; margin-left: 2.1vw; margin-top: -0.2vw; align-items: center; } .wuliao .dibu uni-view .l[data-v-29da2345] { color: #0385fa; } .wuliao .dibu uni-view .f[data-v-29da2345] { color: #fab2b6; } .wuliao .dibu uni-view > uni-text[data-v-29da2345] { white-space: nowrap; display: inline-block; display: flex; } .wuliao .dibu uni-view > uni-text[data-v-29da2345]:nth-child(1) { font-weight: bold; font-size: 1.4vw; color: #555555; } .wuliao .dibu uni-view > uni-text[data-v-29da2345]:nth-child(2) { font-weight: 400; font-size: 0.9vw; color: #8F92A1; white-space: nowrap; } .wuliao .zil[data-v-29da2345] { font-weight: 400; font-size: 1.1vw; color: #777777; margin-top: 0.9vw; } .wuliao .life[data-v-29da2345] { width: 60%; height: 2vw; margin: 0 auto 3vw; display: flex; justify-content: space-around; } .wuliao .life uni-view[data-v-29da2345] { width: 5.3vw; height: 1.8vw; border-radius: 0.9vw; border: 1px solid #D2D2D2; display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 0.9vw; color: #555555; margin-left: 0.6vw; } .wuliao .znk[data-v-29da2345] { width: 16vw; height: 15vw; margin: 2vw auto 0; } .wuliao .name[data-v-29da2345] { width: 100%; font-weight: bold; font-size: 1.4vw; color: #212327; height: 3vw; line-height: 1.5vw; } .shuru[data-v-29da2345] { width: 20.6vw; height: 34.5vw; position: fixed; bottom: 1.5vw; right: 1.6vw; z-index: 103; } .mengban[data-v-29da2345] { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 100; background: rgba(239, 240, 244, 0.55); } .tp uni-image[data-v-29da2345] { width: 100%; height: 100%; } .box[data-v-29da2345] { width: 100vw; height: 100vh; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0vw 1vw 0; } .box .rights[data-v-29da2345] { width: 27vw; height: calc(100% - 4vw); margin-top: 4vw; } .box .rights .serchs[data-v-29da2345] { width: 27vw; height: 3.2vw; background: rgba(255, 255, 255, 0.5); border-radius: 1.6vw; display: flex; justify-content: space-between; padding: 0.5vw; align-items: center; margin-top: 1.1vw; } .box .rights .serchs .ipt[data-v-29da2345] { display: flex; align-items: center; } .box .rights .serchs .ipt uni-image[data-v-29da2345] { width: 2.2vw; height: 2.2vw; margin-left: 0.5vw; } .box .rights .serchs .ipt uni-input[data-v-29da2345] { width: 18vw; height: 2.4vw; font-size: 1.1vw; padding-left: 1.6vw; } .box .rights .serchs .scr[data-v-29da2345] { width: 4.2vw; height: 2.4vw; background: url('../../static/index/warehouse/procurement/sh.png') no-repeat; background-size: 100% 100%; border-radius: 1.2vw; border: 1px solid #009bfc; font-weight: 400; font-size: 1vw; color: #1083F8; display: flex; justify-content: center; align-items: center; } .box .rights .anmikc[data-v-29da2345] { width: 100%; height: 9vw; display: flex; justify-content: space-between; flex-wrap: wrap; } .box .rights .anmikc > uni-view[data-v-29da2345] { width: 8.5vw; height: 3.7vw; display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 1.3vw; color: #212327; background: #FFFFFF; margin: 0.25vw 0; border-radius: 1.6vw; } .box .rights .anmikc > uni-view[data-v-29da2345]:nth-child(1), .box .rights .anmikc > uni-view[data-v-29da2345]:nth-child(2) { width: 12.5vw; } .box .rights .anmikc > uni-view uni-view[data-v-29da2345] { margin-right: 0.4vw; } .box .rights .anmikc > uni-view uni-view uni-image[data-v-29da2345] { width: 2vw; height: 2vw; } .box .rights .anmikc > uni-view uni-view .donghua[data-v-29da2345] { margin: 0; } .box .rights .anmikc > uni-view uni-text[data-v-29da2345] { white-space: nowrap; } .box .rights .typeitem[data-v-29da2345] { width: 100%; height: 54vh; } .box .rights .typeitem .scroltype[data-v-29da2345] { width: 100%; height: calc(54vh - 2vw); display: flex; justify-content: space-around; } .box .rights .typeitem .scroltype .scroll-Y[data-v-29da2345] { width: 8.5vw; height: calc(54vh - 2vw); } .box .rights .typeitem .scroltype .scroll-Y uni-view[data-v-29da2345] { width: 100%; height: 3.8vw; background: rgba(255, 255, 255, 0.5); border-radius: 1.9vw; font-weight: 400; font-size: 1.3vw; color: #212327; display: flex; justify-content: center; align-items: center; padding: 0 0.4vw; margin-bottom: 0.8vw; text-align: center; } .box .rights .typeitem .scroltype .scroll-Y uni-view uni-text[data-v-29da2345] { white-space: nowrap; } .box .rights .typeitem .scroltype .scroll-Y uni-view > uni-image[data-v-29da2345] { width: 2vw; height: 2vw; } .box .rights .typeitem .scroltype .scroll-Y .act[data-v-29da2345] { background: #ffffff !important; font-weight: 600; color: #0385FA !important; } .box .rights .typeitem .toptype[data-v-29da2345] { width: 100%; height: 2vw; display: flex; justify-content: space-around; margin: 0.4vw 0 0.4vw 0; } .box .rights .typeitem .toptype uni-view[data-v-29da2345] { width: 7vw; height: 1.9vw; border-radius: 1vw; display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 1.2vw; color: #333333; } .box .rights .shitem[data-v-29da2345] { width: 27vw; height: 10.3vw; background: #E8E9ED; border-radius: 1.6vw; padding: 1.2vw 1.8vw; } .box .rights .shitem .jqry[data-v-29da2345] { width: 100%; display: flex; align-items: center; } .box .rights .shitem .jqry .left[data-v-29da2345] { width: 5vw; height: 5vw; margin-right: 0.8vw; border-radius: 0.3vw; overflow: hidden; } .box .rights .shitem .jqry .rigname[data-v-29da2345] { height: 4vw; display: flex; flex-direction: column; justify-content: space-around; } .box .rights .shitem .jqry .rigname uni-view[data-v-29da2345]:nth-child(1) { font-weight: bold; font-size: 1.4vw; color: #212327; } .box .rights .shitem .jqry .rigname uni-view[data-v-29da2345]:nth-child(2) { width: 11vw; font-weight: 400; font-size: 1vw; color: #212327; display: flex; justify-content: space-between; } .box .rights .shitem .shypk[data-v-29da2345] { width: 100%; display: flex; justify-content: space-between; } .box .rights .shitem .shypk uni-view[data-v-29da2345]:nth-child(1) { font-weight: bold; font-size: 1.1vw; color: #333333; } .box .rights .shitem .shypk uni-view[data-v-29da2345]:nth-child(2) { display: flex; flex-direction: column; align-items: center; } .box .rights .shitem .shypk uni-view:nth-child(2) uni-text[data-v-29da2345] { font-weight: 400; font-size: 1vw; color: #666666; } .box .lefts[data-v-29da2345] { width: 70vw; margin-left: 1vw; height: calc(100%); position: relative; } .box .lefts .fxj[data-v-29da2345] { width: 23vw; height: 22vw; position: absolute; left: 0; bottom: 2vw; z-index: 11; border-radius: 1.6vw; } .box .lefts .fxj uni-text[data-v-29da2345] { width: 100%; font-weight: 400; font-size: 0.9vw; color: #999999; display: flex; justify-content: center; position: absolute; left: 0; bottom: 0vw; } .box .lefts .mblbg[data-v-29da2345] { width: 24.5vw; height: 21vw; position: absolute; left: -1vw; bottom: 0.5vw; border-radius: 1.6vw; filter: blur(0.46875rem); background: #eff0f4; z-index: 10; } .box .lefts .scroll-Y[data-v-29da2345] { width: 100%; height: 100%; display: flex; flex-wrap: wrap; } .box .lefts .scroll-Y .boxitem[data-v-29da2345]:nth-child(1), .box .lefts .scroll-Y .boxitem[data-v-29da2345]:nth-child(2), .box .lefts .scroll-Y .boxitem[data-v-29da2345]:nth-child(3) { margin-top: 4vw; } .box .lefts .boxitem[data-v-29da2345] { width: 22vw; height: 19.3vw; background: rgba(255, 255, 255, 0.7); border-radius: 1.6vw; margin: 0 1.3vw 1.2vw 0; border: 2px dashed #fff; display: inline-block; padding: 1vw 2.3vw 2.3vw; position: relative; } .box .lefts .boxitem .dbgys[data-v-29da2345] { width: 100%; height: 5.3vw; position: absolute; left: 0; bottom: 0vw; background: #f7f7fa; border-radius: 0 0 1.6vw 1.6vw; border: 2px solid #eff0f4; display: flex; padding: 0.4vw 1.5vw 0; justify-content: space-between; align-items: center; } .box .lefts .boxitem .dbgys .act[data-v-29da2345] { background: #e7f0fb !important; border: 1px solid #0076d6 !important; } .box .lefts .boxitem .dbgys > uni-view[data-v-29da2345]:nth-child(2) { width: 2.2vw; height: 2.2vw; display: flex; justify-content: center; align-items: center; background: #EEEEEE; border-radius: 50%; border: 1px solid #CBCFD0; padding: 0 !important; } .box .lefts .boxitem .dbgys > uni-view:nth-child(2) uni-image[data-v-29da2345] { width: 1.6vw; height: 1.6vw; } .box .lefts .boxitem .dbgys > uni-view[data-v-29da2345]:nth-child(1) { display: flex; flex-direction: column; font-weight: 400; font-size: 1vw; color: #888888; width: 14vw; } .box .lefts .boxitem .dbgys > uni-view:nth-child(1) uni-text[data-v-29da2345] { font-weight: bold; font-size: 1.4vw; color: #555555; } .box .lefts .boxitem > uni-view .hl[data-v-29da2345] { color: #0385FA; background: #E7F0FB; } .box .lefts .boxitem > uni-view .yl[data-v-29da2345] { background: #DCF6F3; color: #00C6A9; } .box .lefts .boxitem > uni-view .bj[data-v-29da2345] { background: #E9EBFC; color: #727BFF; } .box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(1) { font-weight: bold; font-size: 1.5vw; color: #333; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; } .box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(2) { font-weight: 400; font-size: 1.2vw; color: #555555; margin-top: 0.6vw; } .box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(3), .box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(4) { font-weight: 400; font-size: 1.2vw; color: #666666; margin-top: 0.6vw; } .box .lefts .boxitem > uni-view[data-v-29da2345]:nth-child(5) { width: 100%; height: 7vw; } .box .lefts .boxitem > uni-view .znk[data-v-29da2345] { width: 8vw; height: 7vw; position: absolute; right: 1vw; bottom: 5.3vw; } .box .lefts .boxitem > uni-view .znk uni-image[data-v-29da2345] { width: 100%; height: 100%; } .box .lefts .boxitem > uni-view .carditem[data-v-29da2345] { width: 5.8vw; height: 2.1vw; border-radius: 1vw; display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 0.9vw; margin-top: 0.8vw; } .box .lefts .boxitem > uni-view .carditem uni-image[data-v-29da2345] { width: 1.4vw; height: 1.4vw; } .yujing[data-v-29da2345] { border: 2px solid rgba(255, 102, 107, 0.51) !important; box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset; } .yujing uni-view .num uni-view[data-v-29da2345]:nth-child(1) { color: #FF5757 !important; } .active[data-v-29da2345] { border: 2px dashed #017DE9 !important; } .swsh[data-v-29da2345] { width: 2.7vw; height: 1.5vw; background: #D6D8DC; border-radius: 0.75vw; border: 1px solid #D6D8DC; padding: 0.2vw; box-sizing: border-box; display: flex; align-items: center; } .swsh > uni-view[data-v-29da2345] { width: 1.1vw; height: 1.1vw; background: #FCFCFD; border-radius: 50%; } .act[data-v-29da2345] { background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important; border: 1px solid rgba(0, 130, 251, 0.34) !important; padding-left: 1.3vw; } .act uni-view[data-v-29da2345] { background: #0385FA; position: absolute; } .guodu[data-v-29da2345] { transition: 0.4s; -webkit-transform-style: preserve-3d; -webkit-overflow-scrolling: touch; } .leftr[data-v-29da2345] { width: 70vw; margin-left: 1vw; height: calc(100%); position: relative; } .leftr .fxj[data-v-29da2345] { width: 30vw; height: 16vw; position: absolute; left: 1vw; bottom: 0vw; z-index: 111; border-radius: 1.6vw; } .leftr .fxj uni-text[data-v-29da2345] { width: 76%; font-weight: 400; font-size: 0.9vw; color: #999999; display: flex; justify-content: center; position: absolute; left: 0; bottom: 0vw; } .leftr .mblbg[data-v-29da2345] { width: 35vw; height: 16vw; position: absolute; left: -1vw; bottom: 0vw; border-radius: 1.6vw; filter: blur(0.46875rem); background: #eff0f4; z-index: 10; } .leftr .scroll-Y[data-v-29da2345] { width: 100%; height: 100%; display: flex; flex-wrap: wrap; } .leftr .scroll-Y .boxitem[data-v-29da2345]:nth-child(1), .leftr .scroll-Y .boxitem[data-v-29da2345]:nth-child(2), .leftr .scroll-Y .boxitem[data-v-29da2345]:nth-child(3) { margin-top: 4vw; } .leftr .boxibigtem[data-v-29da2345]:nth-child(1), .leftr .boxibigtem[data-v-29da2345]:nth-child(2) { margin-top: 4vw; } .leftr .boxibigtem[data-v-29da2345] { width: 33.3vw; height: 21.7vw; background: rgba(255, 255, 255, 0.7); border-radius: 1.6vw; margin: 0 1.3vw 1.2vw 0; border: 2px dashed #fff; display: inline-block; padding: 2.3vw; position: relative; } .leftr .boxibigtem > uni-view .hl[data-v-29da2345] { color: #0385FA; background: #E7F0FB; } .leftr .boxibigtem > uni-view .yl[data-v-29da2345] { background: #DCF6F3; color: #00C6A9; } .leftr .boxibigtem > uni-view .bj[data-v-29da2345] { background: #E9EBFC; color: #727BFF; } .leftr .boxibigtem > uni-view[data-v-29da2345]:nth-child(1) { font-weight: bold; font-size: 1.5vw; color: #333; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; } .leftr .boxibigtem > uni-view[data-v-29da2345]:nth-child(2) { font-weight: 400; font-size: 1.2vw; color: #555555; margin-top: 0.9vw; } .leftr .boxibigtem > uni-view[data-v-29da2345]:nth-child(3) { font-weight: 400; font-size: 1.2vw; color: #666666; margin-top: 0.6vw; } > .leftr .boxibigtem > uni-view[data-v-29da2345]:nth-child(4) { width: 100%; height: 10vw; position: absolute; left: 0; bottom: 0; } .leftr .boxibigtem > uni-view .num[data-v-29da2345] { position: absolute; bottom: 2vw; left: 2.5vw; display: flex; flex-direction: column; justify-content: center; } .leftr .boxibigtem > uni-view .num uni-view[data-v-29da2345]:nth-child(1) { font-weight: bold; font-size: 2.2vw; color: #555; } .leftr .boxibigtem > uni-view .num uni-view[data-v-29da2345]:nth-child(2) { font-weight: 400; font-size: 1vw; color: #999999; } .leftr .boxibigtem > uni-view .znk[data-v-29da2345] { width: 12vw; height: 11.5vw; position: absolute; right: 1.5vw; bottom: 1vw; } .leftr .boxibigtem > uni-view .znk uni-image[data-v-29da2345] { width: 100%; height: 100%; } .leftr .boxibigtem > uni-view .carditem[data-v-29da2345] { width: 5.8vw; height: 2.1vw; border-radius: 1vw; display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 0.9vw; margin-top: 0.8vw; } .leftr .boxibigtem > uni-view .carditem uni-image[data-v-29da2345] { width: 1.4vw; height: 1.4vw; } body { background: RGBA(239, 240, 244, 1); }