@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ view.data-v-0cdc6c50 { box-sizing: border-box; } .container.data-v-0cdc6c50 { min-height: 100vh; background: #F7F8FB; } .data-v-0cdc6c50::-webkit-scrollbar { display: none; } .box.data-v-0cdc6c50 { padding: 24rpx 30rpx; padding-bottom: 100px; } .box .itemBox.data-v-0cdc6c50 { display: flex; white-space: nowrap; flex-wrap: nowrap; overflow-x: scroll; height: 188rpx; margin-bottom: 12rpx; } .box .itemBox .delBtn.data-v-0cdc6c50 { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 150rpx; height: 188rpx; color: white; background: red; border-radius: 0 20rpx 20rpx 0; } .box .item.data-v-0cdc6c50 { flex-shrink: 0; width: 100%; height: 188rpx; border-radius: 20rpx; padding: 32rpx 24rpx; background-size: 100% 100%; background-repeat: no-repeat; } .box .item .top .currLabel.data-v-0cdc6c50 { display: flex; align-items: center; } .box .item .top .currLabel .icon.data-v-0cdc6c50 { width: 36rpx; height: 36rpx; margin-right: 24rpx; } .box .item .top .currLabel .name.data-v-0cdc6c50 { margin-right: 32rpx; font-size: 30rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 800; color: #080F18; } .box .item .top .currLabel .phone.data-v-0cdc6c50 { font-size: 30rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 800; color: #080F18; } .box .item .bot.data-v-0cdc6c50 { display: flex; justify-content: space-between; width: 100%; margin-top: 20rpx; } .box .item .bot .left.data-v-0cdc6c50 { font-size: 26rpx; font-family: PingFang-SC, PingFang-SC; font-weight: 500; color: #080F18; line-height: 36rpx; } .box .item .bot .bianjiBox.data-v-0cdc6c50 { width: 100rpx; display: flex; justify-content: center; align-items: center; } .box .item .bot .bianjiBox .bianji.data-v-0cdc6c50 { margin-top: 8rpx; width: 26rpx; height: 26rpx; } .box .addBtn.data-v-0cdc6c50 { height: 50px; background: #eee; border-radius: 5px; display: flex; justify-content: center; align-items: center; position: fixed; width: calc(100% - 20px); bottom: 50px; } .btnBox.data-v-0cdc6c50 { height: 176rpx; background: #FFFFFF; box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); border-radius: 32rpx 32rpx 0rpx 0rpx; position: fixed; bottom: 0; width: 100%; padding-left: 30rpx; padding-right: 30rpx; padding-top: 32rpx; z-index: 9999999999999999999999999999999; } .btnBox .btn.data-v-0cdc6c50 { height: 96rpx; background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%); box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 122, 255, 0.2); border-radius: 54rpx; display: flex; justify-content: center; align-items: center; font-size: 32rpx; font-family: SourceHanSansCN, SourceHanSansCN; font-weight: bold; color: #FFFFFF; }