map { width: 100%; height: 100%; position: relative; } .menus{ width: 100%; position: absolute; left:0; top:0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center; } .top_1{ position: relative; width: 100%; background-color: #fff; } .top_1 .picker_1{ position: absolute; width: 90%; /* background-color: aqua; */ } .menu .van-dropdown-menu { width: 100%; position: fixed; left: 70rpx; top: 0rpx; z-index: 888; align-items: center; height: 129rpx !important; padding-top: 18rpx; } .menu1 .van-dropdown-menu { width: 100%; position: fixed; left: 70rpx; top: 0rpx; z-index: 888; align-items: center; height: 100rpx !important; padding-top: 75rpx; } .menus text{ margin-left:20rpx; font-size:35rpx; /* margin-top:18rpx; */ } .van-dropdown-menu__item { flex: 0.25 !important; z-index: 99999; } .operate { width: 100%; height: 70rpx; position: fixed; left: 0; bottom: 4%; } .operateCon { width: 90%; height: 100%; margin: 0 auto; background: #18d5b9; border-radius: 20rpx; color: #fff; } .operateCon view { width: 33.33%; text-align: center; } .noinfo { width: 100%; position: absolute; left: 0%; } .noinfo>view { width: 577rpx; margin: 25rpx auto 0; background: white; height: 86rpx; display: flex; align-items: center; justify-content: space-around; border-radius: 10rpx; } .noinfo view { display: flex; align-items: center; } .noinfo view text { font-size: 28rpx; padding-left: 15rpx; } .info { font-size: 28rpx; width: 100%; height: 76rpx; position: absolute; left: 0; top: 12%; } .info .infoCon { background: #fff; width: 90%; margin: 0 auto; padding: 10rpx; border-radius: 10rpx; display: flex; justify-content: space-between; align-items: center; } .info .infoCon .flexB { display: flex; flex-direction: column; align-items: flex-start; } .info .deleted { display: flex; align-items: center; justify-content: center; background: #f00; color: #fff; font-size: 26rpx; padding: 10rpx 30rpx; border-radius: 25rpx; margin-right: 15rpx; height: 35rpx; } .top { position: fixed; width: 300rpx; height: 70rpx; z-index: 999; bottom: 5%; left: 50%; margin-left: -150rpx; display: flex; align-items: center; justify-content: center; border-radius: 35rpx; background: #18d5b9; font-size: 28rpx; color: #fff; } .top view { width: 90%; margin: 0 auto; height: 80rpx; display: flex; justify-content: center; align-items: center; background: white; border-radius: 15rpx; font-size: 28rpx; } .position, .ref { position: fixed; left: 10%; bottom: 12%; display: flex; align-items: center; justify-content: center; } .ref { bottom: 22%; } .position image, .ref image { height: 72rpx; width: 72rpx; } .satellite { height: 63rpx; width: 63rpx; border-radius: 50%; background: #fff; } .satellite image { height: 40rpx; width: 40rpx; } .satellite { position: fixed; left: 80%; bottom: 12%; display: flex; align-items: center; justify-content: center; } .addPop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 600rpx; background: #fff; border-radius: 10rpx; z-index: 2222; padding: 30rpx 20rpx; } .addPop>view { margin-bottom: 15rpx; font-size: 28rpx; height: 70rpx; } .addPop>view input { border: 1rpx solid #dcdfe6; border-radius: 10rpx; margin-left: 20rpx; height: 68rpx; width: 362rpx; padding-left: 10rpx; } .place { font-size: 26rpx; color: #ddd; } .addPop>view text { display: inline-block; width: 180rpx; text-align: right; } .select image { width: 40rpx; height: 30rpx; } .select .picker { border: 1rpx solid #dcdfe6; border-radius: 10rpx; margin-left: 20rpx; height: 70rpx; width: 374rpx; } .select .picker input { width: 83%; border: none; margin-left: 0; } .handel { margin-top: 40rpx; } .handel view { text-align: center; background: #18d5b9; color: #fff; width: 200rpx; height: 60rpx; line-height: 60rpx; border-radius: 43rpx; font-size: 28rpx; } .picker { border: 1rpx solid #000; } .areaShow { background: #f4f4f4; border: 1rpx solid #e4e7ed; width: 374rpx; padding: 15rpx 0; border-radius: 10rpx; } .areaShow::before { content: ""; position: absolute; left: 26rpx; top: -7rpx; width: 0; height: 0; border-left: 8rpx solid transparent; border-bottom: 9rpx solid #e4e7ed; border-right: 8rpx solid transparent; } .typeShow { position: absolute; top: 170rpx; } .areaShow view { text-align: center; font-size: 26rpx; padding: 5rpx 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }