1467 lines
34 KiB
CSS
1467 lines
34 KiB
CSS
/**
|
||
* 这里是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;
|
||
}
|
||
|
||
.wuliao {
|
||
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 {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin: 3vw auto 0;
|
||
}
|
||
.wuliao .dibu uni-view {
|
||
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 {
|
||
color: #0385fa;
|
||
}
|
||
.wuliao .dibu uni-view .f {
|
||
color: #fab2b6;
|
||
}
|
||
.wuliao .dibu uni-view > uni-text {
|
||
white-space: nowrap;
|
||
display: inline-block;
|
||
display: flex;
|
||
}
|
||
.wuliao .dibu uni-view > uni-text:nth-child(1) {
|
||
font-weight: bold;
|
||
font-size: 1.4vw;
|
||
color: #555555;
|
||
}
|
||
.wuliao .dibu uni-view > uni-text:nth-child(2) {
|
||
font-weight: 400;
|
||
font-size: 0.9vw;
|
||
color: #8F92A1;
|
||
white-space: nowrap;
|
||
}
|
||
.wuliao .zil {
|
||
font-weight: 400;
|
||
font-size: 1.1vw;
|
||
color: #777777;
|
||
margin-top: 0.9vw;
|
||
}
|
||
.wuliao .life {
|
||
width: 60%;
|
||
height: 2vw;
|
||
margin: 0 auto 3vw;
|
||
display: flex;
|
||
justify-content: space-around;
|
||
}
|
||
.wuliao .life uni-view {
|
||
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 {
|
||
width: 16vw;
|
||
height: 15vw;
|
||
margin: 2vw auto 0;
|
||
}
|
||
.wuliao .name {
|
||
width: 100%;
|
||
font-weight: bold;
|
||
font-size: 1.4vw;
|
||
color: #212327;
|
||
height: 3vw;
|
||
line-height: 1.5vw;
|
||
}
|
||
.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 !important;
|
||
}
|
||
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) .l {
|
||
color: #0076D6 !important;
|
||
}
|
||
.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: 25.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 > .tanchu {
|
||
width: 22vw;
|
||
height: 7vw;
|
||
background: #FFFFFF;
|
||
box-shadow: 0 0 0.5vw 0 rgba(174, 175, 176, 0.35);
|
||
border-radius: 1.1vw;
|
||
padding: 0 1.4vw;
|
||
position: absolute;
|
||
right: 1.2vw;
|
||
bottom: 1.2vw;
|
||
}
|
||
.rigbot > .tanchu .gysscrol {
|
||
width: 100%;
|
||
height: 7vw;
|
||
}
|
||
.rigbot > .tanchu .gysscrol .acts {
|
||
color: #0385FA !important;
|
||
}
|
||
.rigbot > .tanchu .gysscrol .acts uni-image {
|
||
display: block;
|
||
}
|
||
.rigbot > .tanchu .gysscrol uni-view {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
font-weight: 400;
|
||
font-size: 1vw;
|
||
color: #666666;
|
||
margin-bottom: 0.9vw;
|
||
}
|
||
.rigbot > .tanchu .gysscrol uni-view:nth-child(1) {
|
||
margin-top: 0.9vw;
|
||
}
|
||
.rigbot > .tanchu .gysscrol uni-view uni-image {
|
||
width: 1vw !important;
|
||
height: 0.7vw !important;
|
||
display: none;
|
||
}
|
||
.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: 100%;
|
||
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: space-between;
|
||
align-items: center;
|
||
padding: 0 2vw;
|
||
}
|
||
.cgou .tj > uni-text: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;
|
||
}
|
||
.cgou .tj > uni-text:nth-child(2) {
|
||
font-weight: 400;
|
||
font-size: 1.1vw;
|
||
color: #555555;
|
||
align-items: center;
|
||
}
|
||
.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: 10vw;
|
||
height: 9vw;
|
||
margin-left: 1vw;
|
||
}
|
||
.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;
|
||
position: relative;
|
||
}
|
||
.box .rights .anmikc > uni-view .dot {
|
||
position: absolute;
|
||
right: 0;
|
||
top: -0.5vw;
|
||
min-width: 1.5vw;
|
||
height: 1.5vw;
|
||
border-radius: 0.75vw;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background: red;
|
||
color: #fff;
|
||
font-size: 1vw;
|
||
margin: 0 !important;
|
||
padding: 0 0.25vw;
|
||
}
|
||
.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);
|
||
}
|