/** * 这里是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; } .plsbuy-contain[data-v-10a8dca1] { display: flex; align-items: center; flex-direction: column; width: 100%; height: 100%; background: #fafbfc; overflow: hidden; border-radius: 2.2vw; } .plsbuy-bottom[data-v-10a8dca1] { width: 90%; margin-top: 0.625rem; height: 2.1875rem; display: flex; justify-content: space-around; font-size: 1.09375rem; margin-left: 5%; } .plsbuy-bottom uni-view[data-v-10a8dca1] { display: flex; justify-content: center; align-items: center; width: 5.625rem; height: 2.1875rem; color: #5c7992; border-radius: 1.09375rem; font-size: 0.9375rem; border: 1px solid #A2B4CF; } .plsbuy-bottom .quxiao[data-v-10a8dca1] { background: #FFFFFF; } .plsbuy-bottom .plsbuy-bottom-blue[data-v-10a8dca1] { background: linear-gradient(-61deg, #EAF5FF, #CBE7FF); } .calculator-father[data-v-10a8dca1] { width: 13.125rem; height: 15.625rem; margin-top: 0.625rem; flex-wrap: wrap; display: flex; } .calculator-father .calculator-kuai[data-v-10a8dca1] { display: flex; justify-content: center; align-items: center; background: url('../../static/index/warehouse/procurement/bt.png') no-repeat; background-size: 100% 100%; border-radius: 0.78125rem; font-size: 1.3125rem; font-weight: 500; margin: 0.46875rem 0.625rem 0 0.625rem; width: 3.125rem; height: 3.125rem; } .calculator-father .calculator-kuai-target[data-v-10a8dca1] { background: linear-gradient(to bottom, #00C9FF, #0076FF); color: #fff; display: flex; justify-content: center; align-items: center; background-color: #DCDCEE; border-radius: 0.78125rem; font-size: 1.40625rem; font-weight: 500; margin: 0.46875rem 0.625rem 0 0.625rem; width: 3.125rem; height: 3.125rem; } .stringShow-father[data-v-10a8dca1] { width: 13.125rem; height: 2.1875rem; margin-top: 0.625rem; margin-left: 0.71875rem; display: flex; } .stringShow-father .stringShow-kuai[data-v-10a8dca1] { display: flex; justify-content: center; align-items: center; border-radius: 0.78125rem; font-size: 1.3125rem; font-weight: 500; margin: 0 0.46875rem; width: 2.1875rem; height: 2.1875rem; border: 0.0625rem solid #cbcfd0; } .qinggou-font[data-v-10a8dca1] { font-size: 0.84375rem; font-weight: 500; margin-top: 0.3125rem; } .uncrkcard { right: -38vw !important; } .crkcard { width: 38vw; height: 50vw; background: #ffffff; box-shadow: 0 0 1vw 0 rgba(171, 171, 172, 0.29); border-radius: 1.6vw; position: fixed; right: 1.5vw; bottom: 11vw; z-index: 102; } .crkcard .crkscroll { width: 100%; height: 29vw; } .crkcard .crkscroll .cgrk { width: 35vw; height: 8.5vw; background: rgba(236, 237, 239, 0.4); border-radius: 1.6vw; margin: 0.8vw auto 0; padding: 1.8vw 2vw; display: flex; justify-content: space-between; } .crkcard .crkscroll .cgrk > uni-view { display: flex; flex-direction: column; justify-content: space-between; } .crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(2), .crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(3) { font-weight: 400; font-size: 1.1vw; color: #888888; } .crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(1) { font-weight: bold; font-size: 1.2vw; color: #333333; } .crkcard .crkscroll .cgrk > uni-view:nth-child(2) .c { color: #FF6600; } .crkcard .crkscroll .cgrk > uni-view:nth-child(2) .l { color: #0076D6; } .crkcard .crkscroll .cgrk > uni-view:nth-child(2) uni-text { font-weight: 400; font-size: 1.1vw; color: #888888; text-align: right; } .crkcard .crkscroll .cgrk > uni-view:nth-child(2) uni-text:nth-child(2) { font-weight: bold; font-size: 1.4vw; color: #333333; } .crkcard .select { width: 100%; height: 7vw; display: flex; flex-direction: column; justify-content: space-between; padding: 1vw 1.5vw; } .crkcard .select > uni-view { display: flex; } .crkcard .select > uni-view:nth-child(2) { justify-content: space-between; } .crkcard .select > uni-view:nth-child(2) uni-text { font-weight: 400; font-size: 1.1vw; color: #555555; } .crkcard .select > uni-view:nth-child(1) { justify-content: flex-end; } .crkcard .select > uni-view:nth-child(1) uni-view { min-width: 5vw; height: 2.6vw; border-radius: 1.3vw; border: 1px solid #DCDCDC; padding: 0 1.4vw; display: flex; align-items: center; margin: 0 0.5vw; } .crkcard .select > uni-view:nth-child(1) uni-view uni-image { width: 0.7vw; height: 0.5vw; margin-left: 0.4vw; } .crkcard .shopcont { width: 100%; height: 10vw; background: rgba(236, 237, 239, 0.3); border-bottom: 1px solid #DCDCDC; display: flex; align-items: center; } .crkcard .shopcont .cont { width: 26vw; height: 100%; display: flex; flex-direction: column; justify-content: space-around; position: relative; padding: 2vw 0; } .crkcard .shopcont .cont uni-view:nth-child(4) { width: 5vw; height: 5vw; background: #ecedef; border-radius: 1.4vw; display: flex; flex-direction: column; justify-content: space-around; align-items: center; font-weight: 400; font-size: 1vw; position: absolute; color: #888888; top: 2.5vw; right: 1.8vw; padding: 0.5vw 0; } .crkcard .shopcont .cont uni-view:nth-child(4) uni-text { font-weight: bold; font-size: 1.8vw; color: #555555; } .crkcard .shopcont .cont uni-view:nth-child(2), .crkcard .shopcont .cont uni-view:nth-child(3) { font-weight: 400; font-size: 1.1vw; color: #888888; } .crkcard .shopcont .cont uni-view:nth-child(1) { font-weight: bold; font-size: 1.4vw; color: #212327; } .crkcard .shopcont .img { width: 10vw; height: 9vw; } .shuru { width: 20.6vw; height: 34.5vw; position: fixed; bottom: 1.5vw; right: 1.6vw; z-index: 103; } .unrigbot { right: -25vw !important; } .rigbot { width: 24.5vw; height: 13vw; background: #FFFFFF; border-radius: 1.6vw; position: fixed; bottom: 1.5vw; right: 1.6vw; z-index: 102; padding: 1.1vw; display: flex; flex-direction: column; justify-content: space-between; } .rigbot uni-view { display: flex; align-items: center; } .rigbot uni-view:nth-child(3) { align-items: center; white-space: nowrap; } .rigbot uni-view:nth-child(3) uni-text { font-weight: 400; font-size: 1.1vw; color: #555555; white-space: nowrap; margin-right: 1.2vw; } .rigbot uni-view:nth-child(3) .jj { width: 3.5vw; height: 3.5vw; background: rgba(85, 85, 85, 0.1); border-radius: 1vw; display: flex; justify-content: center; align-items: center; margin: 0 0 0 1vw; position: relative; padding: 0 !important; } .rigbot uni-view:nth-child(3) .jj:active { content: ''; width: 3.5vw; height: 3.5vw; background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important; } .rigbot uni-view:nth-child(3) .num { width: 6.5vw; height: 3.5vw; border-radius: 1vw; background: rgba(85, 85, 85, 0.1); display: flex; justify-content: center; align-items: center; margin: 0 0 0 1vw; } .rigbot uni-view:nth-child(2) { width: 21.6vw; height: 3vw; background: rgba(85, 85, 85, 0.1); border-radius: 1vw; padding-left: 1.5vw; } .rigbot uni-view:nth-child(1) { justify-content: space-between; font-weight: 400; font-size: 1.1vw; color: #555555; } .rigbot uni-view:nth-child(1) uni-text { 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; } .uncg { left: -47vw !important; } .cgou { width: 47vw; height: 26vw; background: #FFFFFF; box-shadow: 0 0 0.5vw 0 #E8E9ED; border-radius: 1.6vw; position: fixed; left: 2vw; top: 16vw; z-index: 101; padding: 2vw 0 0; } .cgou .tj { width: 100%; height: 3.5vw; display: flex; justify-content: flex-end; font-weight: 400; font-size: 1.1vw; color: #555555; align-items: center; padding-right: 2vw; } .cgou .gyscont { width: 100%; height: 5.7vw; background: #EFF0F4; padding: 2vw; display: flex; border-top: 1px solid #E8E9ED; border-bottom: 1px solid #E8E9ED; } .cgou .gyscont uni-view { width: 50%; } .cgou .gyscont uni-view:nth-child(2) { display: flex; align-items: center; white-space: nowrap; } .cgou .gyscont uni-view:nth-child(2) uni-text { font-weight: 400; font-size: 1.1vw; color: #555555; white-space: nowrap; } .cgou .gyscont uni-view:nth-child(2) .jj { width: 3.5vw; height: 3.5vw; background: rgba(85, 85, 85, 0.1); border-radius: 1vw; display: flex; justify-content: center; align-items: center; margin: 0 1vw; position: relative; } .cgou .gyscont uni-view:nth-child(2) .jj:active { content: ''; width: 3.5vw; height: 3.5vw; background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important; } .cgou .gyscont uni-view:nth-child(2) .num { width: 6.5vw; height: 3.5vw; border-radius: 1vw; background: rgba(85, 85, 85, 0.1); display: flex; justify-content: center; align-items: center; } .cgou .gyscont uni-view:nth-child(1) { display: flex; flex-direction: column; } .cgou .gyscont uni-view:nth-child(1) uni-text { font-weight: 400; font-size: 1vw; margin-left: 1vw; } .cgou .gyscont uni-view:nth-child(1) uni-text:nth-child(1) { color: #555555; margin-top: -0.4vw; } .cgou .gyscont uni-view:nth-child(1) uni-text:nth-child(2) { margin-top: 0.4vw; color: #555555; } .cgou .topcont { width: 100%; height: 14.6vw; padding: 0 2vw; } .cgou .topcont .life { width: 100%; height: 4.4vw; display: flex; justify-content: space-around; } .cgou .topcont .life > uni-view { width: 50%; height: 100%; display: flex; justify-content: space-between; } .cgou .topcont .life > uni-view:nth-child(2) { display: flex; justify-content: flex-end; } .cgou .topcont .life > uni-view:nth-child(2) uni-view { min-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; padding-right: 2.1vw; } .cgou .topcont .life > uni-view:nth-child(2) uni-view .l { color: #0385fa; } .cgou .topcont .life > uni-view:nth-child(2) uni-view .f { color: #fab2b6; } .cgou .topcont .life > uni-view:nth-child(2) uni-view:nth-child(1) { border-right: 1px solid #eff0f4; } .cgou .topcont .life > uni-view:nth-child(2) uni-view > uni-text:nth-child(1) { font-weight: bold; font-size: 1.4vw; color: #555555; } .cgou .topcont .life > uni-view:nth-child(2) uni-view > uni-text:nth-child(2) { font-weight: 400; font-size: 0.9vw; color: #8F92A1; } .cgou .topcont .life > uni-view:nth-child(1) { display: flex; justify-content: flex-start; } .cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(1), .cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(2) { 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; } .cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) { 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; } .cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) > uni-text:nth-child(1) { font-weight: bold; font-size: 1.4vw; color: #555555; } .cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) > uni-text:nth-child(2) { font-weight: 400; font-size: 0.9vw; color: #8F92A1; } .cgou .topcont .top { width: 100%; height: 10.2vw; display: flex; justify-content: space-between; } .cgou .topcont .top .leftimg { width: 7vw; height: 6vw; } .cgou .topcont .top .rightcont { width: 29vw; height: 100%; display: flex; flex-direction: column; } .cgou .topcont .top .rightcont > uni-view { width: 100%; } .cgou .topcont .top .rightcont > uni-view:nth-child(1) { display: flex; justify-content: space-between; margin-bottom: 0.5vw; } .cgou .topcont .top .rightcont > uni-view:nth-child(1) uni-text { width: 25vw; font-weight: bold; font-size: 1.4vw; color: #212327; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cgou .topcont .top .rightcont > uni-view:nth-child(2), .cgou .topcont .top .rightcont > uni-view:nth-child(3), .cgou .topcont .top .rightcont > uni-view:nth-child(4) { display: flex; font-weight: 400; font-size: 1vw; color: #777777; align-items: center; white-space: nowrap; } .cgou .topcont .top .rightcont > uni-view:nth-child(2) > uni-view, .cgou .topcont .top .rightcont > uni-view:nth-child(3) > uni-view, .cgou .topcont .top .rightcont > uni-view:nth-child(4) > uni-view { width: 16vw; margin-top: 0.8vw; } .cgou .topcont .top .rightcont > uni-view:nth-child(2) uni-text, .cgou .topcont .top .rightcont > uni-view:nth-child(3) uni-text, .cgou .topcont .top .rightcont > uni-view:nth-child(4) uni-text { display: inline-block; white-space: nowrap; } .mengban { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 100; background: rgba(239, 240, 244, 0.55); } .tp uni-image { width: 100%; height: 100%; } .box { width: 100vw; height: 100vh; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0vw 1vw 0; } .box .rights { width: 27vw; height: calc(100% - 4vw); margin-top: 4vw; } .box .rights .serchs { 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 { display: flex; align-items: center; } .box .rights .serchs .ipt uni-image { width: 2.2vw; height: 2.2vw; margin-left: 0.5vw; } .box .rights .serchs .ipt uni-input { width: 18vw; height: 2.4vw; font-size: 1.1vw; padding-left: 1.6vw; } .box .rights .serchs .scr { 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 { width: 100%; height: 9vw; display: flex; justify-content: space-between; flex-wrap: wrap; } .box .rights .anmikc > uni-view { 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 uni-view { margin-right: 0.4vw; } .box .rights .anmikc > uni-view uni-view uni-image { width: 2vw; height: 2vw; } .box .rights .anmikc > uni-view uni-view .donghua { margin: 0; } .box .rights .anmikc > uni-view uni-text { white-space: nowrap; } .box .rights .typeitem { width: 100%; height: 54vh; } .box .rights .typeitem .scroltype { width: 100%; height: calc(54vh - 2vw); display: flex; justify-content: space-around; } .box .rights .typeitem .scroltype .scroll-Y { width: 8.5vw; height: calc(54vh - 2vw); } .box .rights .typeitem .scroltype .scroll-Y uni-view { 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 { white-space: nowrap; } .box .rights .typeitem .scroltype .scroll-Y uni-view > uni-image { width: 2vw; height: 2vw; } .box .rights .typeitem .scroltype .scroll-Y .act { background: #ffffff !important; font-weight: 600; color: #0385FA !important; } .box .rights .typeitem .toptype { width: 100%; height: 2vw; display: flex; justify-content: space-around; margin: 0.4vw 0 0.4vw 0; } .box .rights .typeitem .toptype uni-view { 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 { width: 27vw; height: 10.3vw; background: #E8E9ED; border-radius: 1.6vw; padding: 1.2vw 1.8vw; } .box .rights .shitem .jqry { width: 100%; display: flex; align-items: center; } .box .rights .shitem .jqry .left { width: 5vw; height: 5vw; margin-right: 0.8vw; border-radius: 0.3vw; overflow: hidden; } .box .rights .shitem .jqry .rigname { height: 4vw; display: flex; flex-direction: column; justify-content: space-around; } .box .rights .shitem .jqry .rigname uni-view:nth-child(1) { font-weight: bold; font-size: 1.4vw; color: #212327; } .box .rights .shitem .jqry .rigname uni-view:nth-child(2) { width: 11vw; font-weight: 400; font-size: 1vw; color: #212327; display: flex; justify-content: space-between; } .box .rights .shitem .shypk { width: 100%; display: flex; justify-content: space-between; } .box .rights .shitem .shypk uni-view:nth-child(1) { font-weight: bold; font-size: 1.1vw; color: #333333; } .box .rights .shitem .shypk uni-view:nth-child(2) { display: flex; flex-direction: column; align-items: center; } .box .rights .shitem .shypk uni-view:nth-child(2) uni-text { font-weight: 400; font-size: 1vw; color: #666666; } .box .lefts { width: 70vw; margin-left: 1vw; height: calc(100%); position: relative; } .box .lefts .fxj { width: 23vw; height: 22vw; position: absolute; left: 0; bottom: 2vw; z-index: 11; border-radius: 1.6vw; } .box .lefts .fxj uni-text { 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 { 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 { width: 100%; height: 100%; display: flex; flex-wrap: wrap; } .box .lefts .scroll-Y .boxitem:nth-child(1), .box .lefts .scroll-Y .boxitem:nth-child(2), .box .lefts .scroll-Y .boxitem:nth-child(3) { margin-top: 4vw; } .box .lefts .boxitem { 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: 2.3vw; position: relative; } .box .lefts .boxitem > uni-view .hl { color: #0385FA; background: #E7F0FB; } .box .lefts .boxitem > uni-view .yl { background: #DCF6F3; color: #00C6A9; } .box .lefts .boxitem > uni-view .bj { background: #E9EBFC; color: #727BFF; } .box .lefts .boxitem > uni-view: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:nth-child(2) { font-weight: 400; font-size: 1.2vw; color: #555555; margin-top: 0.6vw; } .box .lefts .boxitem > uni-view:nth-child(3) { font-weight: 400; font-size: 1.2vw; color: #666666; margin-top: 0.6vw; } > .box .lefts .boxitem > uni-view:nth-child(4) { width: 100%; height: 10vw; position: absolute; left: 0; bottom: 0; } .box .lefts .boxitem > uni-view .num { position: absolute; bottom: 2vw; left: 2.5vw; display: flex; flex-direction: column; justify-content: center; } .box .lefts .boxitem > uni-view .num uni-view:nth-child(1) { font-weight: bold; font-size: 2.2vw; color: #555; } .box .lefts .boxitem > uni-view .num uni-view:nth-child(2) { font-weight: 400; font-size: 1vw; color: #999999; } .box .lefts .boxitem > uni-view .znk { width: 10vw; height: 9.5vw; position: absolute; right: 1.5vw; bottom: 1vw; } .box .lefts .boxitem > uni-view .znk uni-image { width: 100%; height: 100%; } .box .lefts .boxitem > uni-view .carditem { 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 { width: 1.4vw; height: 1.4vw; } .yujing { 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:nth-child(1) { color: #FF5757 !important; } .active { border: 2px dashed #017DE9 !important; } .swsh { 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 { width: 1.1vw; height: 1.1vw; background: #FCFCFD; border-radius: 50%; } .act { 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 { background: #0385FA; position: absolute; } .guodu { transition: 0.4s; -webkit-transform-style: preserve-3d; -webkit-overflow-scrolling: touch; } .leftr { width: 70vw; margin-left: 1vw; height: calc(100%); position: relative; } .leftr .fxj { width: 30vw; height: 16vw; position: absolute; left: 1vw; bottom: 0vw; z-index: 111; border-radius: 1.6vw; } .leftr .fxj uni-text { width: 76%; font-weight: 400; font-size: 0.9vw; color: #999999; display: flex; justify-content: center; position: absolute; left: 0; bottom: 0vw; } .leftr .mblbg { 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 { width: 100%; height: 100%; display: flex; flex-wrap: wrap; } .leftr .scroll-Y .boxitem:nth-child(1), .leftr .scroll-Y .boxitem:nth-child(2), .leftr .scroll-Y .boxitem:nth-child(3) { margin-top: 4vw; } .leftr .boxibigtem:nth-child(1), .leftr .boxibigtem:nth-child(2) { margin-top: 4vw; } .leftr .boxibigtem { 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 { color: #0385FA; background: #E7F0FB; } .leftr .boxibigtem > uni-view .yl { background: #DCF6F3; color: #00C6A9; } .leftr .boxibigtem > uni-view .bj { background: #E9EBFC; color: #727BFF; } .leftr .boxibigtem > uni-view: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:nth-child(2) { font-weight: 400; font-size: 1.2vw; color: #555555; margin-top: 0.9vw; } .leftr .boxibigtem > uni-view:nth-child(3) { font-weight: 400; font-size: 1.2vw; color: #666666; margin-top: 0.6vw; } > .leftr .boxibigtem > uni-view:nth-child(4) { width: 100%; height: 10vw; position: absolute; left: 0; bottom: 0; } .leftr .boxibigtem > uni-view .num { position: absolute; bottom: 2vw; left: 2.5vw; display: flex; flex-direction: column; justify-content: center; } .leftr .boxibigtem > uni-view .num uni-view:nth-child(1) { font-weight: bold; font-size: 2.2vw; color: #555; } .leftr .boxibigtem > uni-view .num uni-view:nth-child(2) { font-weight: 400; font-size: 1vw; color: #999999; } .leftr .boxibigtem > uni-view .znk { width: 12vw; height: 11.5vw; position: absolute; right: 1.5vw; bottom: 1vw; } .leftr .boxibigtem > uni-view .znk uni-image { width: 100%; height: 100%; } .leftr .boxibigtem > uni-view .carditem { 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 { width: 1.4vw; height: 1.4vw; } body{ background: RGBA(239, 240, 244, 1); }