@media screen and (max-height: 9000px) {
html,
body {
font-size: countSizeVh(16) !important;
#app {
.wrapper {
width: 100vw;
height: 100%;
.main-header {
width: 100vw;
height: countSizeVh(60);
line-height: countSizeVh(60);
.title {
font-size: countSizeVh(24);
width: countSizeVw(450, 1920);
letter-spacing: countSizeVw(6, 1920);
}
.menu-list.left {
margin-left: countSizeVh(72);
}
.menu-list.right {
margin-right: countSizeVh(72);
}
.menu-list {
.nav-list {
width: countSizeVw(132, 1920);
height: countSizeVh(36);
font-size: countSizeVh(18);
.sub-nav-list {
border-top: countSizeVh(14) solid transparent;
top: countSizeVh(28);
left: countSizeVw(72, 1920);
div {
height: countSizeVh(36);
line-height: countSizeVh(36);
font-size: countSizeVh(16);
}
div:first-child {
padding-top: countSizeVh(10);
}
div:last-child {
padding-bottom: countSizeVh(10);
}
}
}
}
}
.main-content {
.home-page {
.left-container,
.right-container {
top: countSizeVh(60);
width: countSizeVw(400, 1920);
height: calc(100% - countSizeVh(60));
.person-box,
.land-box,
.case-box,
.crowd-box {
height: countSizeVh(320);
}
.person-box,
.house-box,
.land-box,
.case-box,
.alert-box,
.crowd-box {
.title {
padding: 0 countSizeVw(18, 1920) 0 countSizeVw(18, 1920);
height: 17.6%;
font-size: countSizeVh(16);
.title-num {
font-size: countSizeVh(16);
}
.timer {
width: countSizeVw(250, 1920);
.el-range-editor.el-input__inner {
width: 100% !important;
height: countSizeVh(32);
}
.el-range-editor .el-range-input {
font-size: countSizeVh(14);
height: countSizeVh(32);
line-height: countSizeVh(32);
}
.el-icon-date:before {
font-size: countSizeVh(14);
}
.el-date-editor .el-range__icon {
line-height: countSizeVh(32);
height: countSizeVh(32);
margin-left: countSizeVw(4, 1920);
}
.el-date-editor .el-range-separator {
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(14);
}
.el-select {
height: countSizeVh(32);
}
.el-input--suffix .el-input__inner {
height: countSizeVh(32);
font-size: countSizeVh(14);
padding-left: countSizeVw(10, 1920);
}
.el-select .el-input .el-select__caret {
font-size: countSizeVh(14);
line-height: countSizeVh(32);
}
}
}
.table-box {
.el-checkbox__inner {
width: countSizeVh(20);
height: countSizeVh(20);
}
.el-checkbox__label {
font-size: countSizeVh(16) !important;
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
}
}
.el-table .el-table__cell {
padding: 0;
}
.el-table th.el-table__cell {
height: 100%;
}
.el-table th.el-table__cell>.cell {
height: 100%;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
.sub-title {
line-height: countSizeVh(36);
}
.sub-tab {
padding: countSizeVh(10);
.tab,
.tab3 {
&>div {
height: countSizeVh(22);
line-height: countSizeVh(22);
}
&>div.tab-title-small {
height: maxCountSizeVh(32);
line-height: maxCountSizeVh(32);
}
}
}
.echarts-box {
height: calc(100% - countSizeVh(46));
}
}
.person-box {
.back {
top: countSizeVh(102);
}
}
.case-box {
.table-box {
height: calc(100% - 18.6%);
.title-header {
height: countSizeVh(40);
li {
display: flex;
background: $table-header-bg-color !important;
span {
line-height: 24px;
}
.time {
width: 20%;
}
.zbry {
width: 40%;
}
.fxlry {
width: 40%;
}
}
}
.warp {
height: calc(100% - countSizeVh(54));
overflow: hidden;
li {
display: flex;
span {
line-height: 24px;
}
.time {
width: 20%;
}
.zbry {
width: 40%;
}
.fxlry {
width: 40%;
}
}
}
}
}
}
.bottom-container {
left: countSizeVw(400, 1920);
width: calc(100% - countSizeVw(400, 1920) * 2);
height: calc((100% - maxCountSizeVh(120)) / 3);
.header {
height: countSizeVh(56);
.bottom-title {
left: countSizeVw(18, 1920);
height: countSizeVh(56);
line-height: countSizeVh(56);
font-size: countSizeVh(16);
letter-spacing: countSizeVw(2, 1920);
}
.timeTab {
top: countSizeVh(22);
right: countSizeVw(400, 1920);
border-radius: countSizeVh(6);
span {
padding: 0 countSizeVw(10, 1920);
height: countSizeVh(26);
line-height: countSizeVh(26);
}
}
.timeSeclect {
top: countSizeVh(15);
right: countSizeVw(128, 1920);
}
.history-tab {
top: countSizeVh(22);
right: countSizeVw(12, 1920);
border-radius: countSizeVh(6);
span {
padding: 0 countSizeVw(10, 1920);
height: countSizeVh(26);
line-height: countSizeVh(26);
}
}
}
.current-table-body,
.body {
margin: countSizeVh(12);
margin-top: countSizeVh(10);
margin-bottom: countSizeVh(14);
width: calc(100% - countSizeVw(24, 1920));
height: calc(100% - countSizeVh(80));
}
.body {
.warp {
height: calc(100% - countSizeVh(44));
}
ul {
li {
height: countSizeVh(44);
line-height: countSizeVh(44);
}
}
}
.current-table-body {
.pages {
height: countSizeVh(40);
}
}
}
.region-select {
top: countSizeVh(80);
width: countSizeVw(640, 1920);
height: countSizeVh(36);
.selects-container .selects-box .text {
font-size: countSizeVh(15);
}
.selects-container .select-options div {
height: countSizeVh(36);
line-height: countSizeVh(36);
}
.selects-container .issel {
max-height: countSizeVh(140) !important;
}
}
.center-container {
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(12));
.layers-control-btn {
width: countSizeVw(96, 1920);
height: countSizeVh(40);
border-radius: countSizeVh(20);
.el-checkbox .el-checkbox__label {
font-size: countSizeVh(16);
}
.el-checkbox .el-checkbox__inner {
width: countSizeVh(20);
height: countSizeVh(20);
}
.el-checkbox .el-checkbox__inner::after {
height: countSizeVh(12);
left: countSizeVw(7, 1920);
}
}
}
}
.house-page {
.container-content {
.search-box {
height: countSizeVh(48);
input {
font-size: countSizeVh(18);
}
button {
width: countSizeVw(80, 1920);
font-size: countSizeVh(24);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
}
.el-input__inner {
height: countSizeVh(40);
line-height: countSizeVh(40);
padding: 0 countSizeVw(15, 1920);
border-radius: countSizeVh(4);
}
}
.search-val-box {
top: countSizeVh(48);
left: countSizeVw(6, 1920);
width: calc(100% - 2 * countSizeVw(6, 1920));
max-height: countSizeVh(160);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
cursor: pointer;
}
}
}
.result-content {
height: calc(100% - countSizeVh(48));
.housing-estate-info {
.housing-title {
padding: countSizeVh(4) countSizeVw(20, 1920);
height: countSizeVh(40);
line-height: countSizeVh(40);
font-size: countSizeVh(28);
box-sizing: content-box;
&::after {
top: countSizeVh(18);
left: countSizeVw(10, 1920);
right: countSizeVw(10, 1920);
top: countSizeVh(4);
}
}
.housing-bg {
margin-top: countSizeVh(6);
height: countSizeVh(200);
}
.housing-introduce {
&>div {
padding: 0 countSizeVw(10, 1920);
font-size: countSizeVh(16);
.l {
width: countSizeVw(80, 1920);
line-height: countSizeVh(40);
}
.r {
line-height: countSizeVh(40);
}
}
}
}
.nav-tab {
.nav {
height: countSizeVh(40);
line-height: countSizeVh(40);
border-bottom: countSizeVh(1) solid #33566c;
}
}
.base-info {
.sub-nav-list {
padding: countSizeVw(14, 1920) 0;
.sub-nav {
width: countSizeVw(76, 1920);
height: countSizeVh(26);
line-height: countSizeVh(26);
border-radius: countSizeVh(13);
}
.on {
border: countSizeVh(1) solid #fff;
}
}
&>.floor-content {
.build-item {
height: countSizeVh(100);
}
.build-info {
height: countSizeVh(100);
.nextBtn {
left: countSizeVw(1, 1920);
width: countSizeVw(20, 1920);
height: countSizeVh(60);
padding-top: countSizeVh(12);
i {
font-size: countSizeVh(30);
margin-left: countSizeVw(-5, 1920);
}
}
.rightBtn {
left: countSizeVw(369, 1920);
}
.build-outBox {
left: countSizeVw(18, 1920);
width: countSizeVw(356, 1920);
height: countSizeVh(100);
.build-box {
.ridgepole-list {
width: countSizeVw(356, 1920);
&>div {
margin: countSizeVh(6) countSizeVw(8, 1920);
width: countSizeVw(54, 1920);
height: countSizeVh(36);
line-height: countSizeVh(36);
border: countSizeVh(1) solid #ccc;
}
}
}
}
}
.ridgepole-info {
.content {
&>div {
height: countSizeVh(26);
line-height: countSizeVh(26);
border-right: countSizeVh(1) solid #50555f;
&>div:last-child {
margin-left: countSizeVw(14, 1920);
font-size: countSizeVh(18);
}
}
}
}
.people-info {
.content {
.two {
margin-top: countSizeVh(16);
}
.one,
.two {
&>div {
&>div:first-child {
height: countSizeVh(30);
line-height: countSizeVh(30);
font-size: countSizeVh(18);
}
&>div:last-child {
height: countSizeVh(26);
line-height: countSizeVh(26);
}
}
}
}
}
.house-info {
.content {
&>div {
&>div:first-child {
height: countSizeVh(30);
line-height: countSizeVh(30);
font-size: countSizeVh(18);
}
}
}
border-bottom: countSizeVh(1) dashed #ccc;
}
.ridgepole-info,
.people-info,
.house-info {
.title {
height: countSizeVh(40);
line-height: countSizeVh(40);
}
.content {
padding: countSizeVh(10) 0;
}
}
.house-element-info {
.condo,
.legend {
height: countSizeVh(36);
.type {
width: countSizeVw(80, 1920);
}
.type-select {
margin-left: countSizeVw(20, 1920);
:deep(.el-input--suffix .el-input__inner) {
padding-right: countSizeVw(54, 1920);
}
.el-input--small {
font-size: countSizeVh(18);
}
.el-select:hover .el-input__inner {
height: countSizeVh(36);
}
.el-input--small .el-input__inner {
height: countSizeVh(36);
}
.el-input__suffix {
height: countSizeVh(36);
margin-right: countSizeVw(6, 1920);
.el-icon-arrow-up:before {
font-size: countSizeVh(18);
height: countSizeVh(36);
line-height: countSizeVh(36);
}
}
}
.type-val {
&>div {
&>span {
margin: 0 countSizeVw(10, 1920);
width: countSizeVw(14, 1920);
height: countSizeVh(8);
}
.chuzu {
border: countSizeVh(1) solid #348b3a;
}
.zizhu {
border: countSizeVh(1) solid #2c77bb;
}
.kongzhi {
border: countSizeVh(1) solid #5c6169;
}
.shangye {
border: countSizeVh(1) solid #cc9456;
}
}
}
}
.floor-outBox {
height: countSizeVh(26);
margin-top: countSizeVh(9);
.floorBtn {
left: countSizeVw(30, 1920);
top: -countSizeVh(2);
width: countSizeVw(20, 1920);
height: countSizeVh(26);
i {
font-size: countSizeVh(30);
margin-left: -countSizeVw(5, 1920);
}
}
.rightFloorBtn {
left: countSizeVw(350, 1920);
}
.floor-box {
width: countSizeVw(252, 1920);
height: countSizeVh(26);
left: countSizeVw(67, 1920);
.floor-num {
width: countSizeVw(504, 1920);
left: 0;
&>div {
margin: 0 countSizeVw(4, 1920);
width: countSizeVw(84, 1920);
height: countSizeVh(26);
border-radius: countSizeVh(13);
}
&>.on {
border: countSizeVh(1) solid orange;
}
}
}
}
.floor-detail {
margin-top: countSizeVh(14);
height: countSizeVh(220);
&>div {
margin: countSizeVh(8);
height: countSizeVh(36);
line-height: countSizeVh(36);
.title {
width: countSizeVw(50, 1920);
}
.detail {
&>div {
margin: 0 countSizeVw(4, 1920);
width: countSizeVw(68, 1920);
height: countSizeVh(36);
border: countSizeVh(1) solid #ccc;
.flow,
.focus,
.warning {
right: countSizeVw(4, 1920);
width: countSizeVw(6, 1920);
height: countSizeVh(6);
}
.flow {
top: calc((100% - countSizeVh(18)) / 4);
}
.focus {
top: calc((100% - countSizeVh(18)) / 4 * 2 + countSizeVh(6));
}
.warning {
top: calc((100% - countSizeVh(18)) / 4 * 3 + countSizeVh(12));
}
}
&>.chuzu {
border: countSizeVh(1) solid #3a8b3a;
}
&>.zizhu {
border: countSizeVh(1) solid #2c77bb;
}
&>.kongzhi {
border: countSizeVh(1) solid #5c6169;
}
&>.shangye {
border: countSizeVh(1) solid #cc9456;
}
}
}
}
}
}
&>.come-out-content,
&>.park-content,
&>.business-content {
height: countSizeVh(380);
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
width: countSizeVw(400, 1920) !important;
}
}
.el-table__body {
width: countSizeVw(400, 1920) !important;
}
.el-table .el-table__cell {
padding: 0;
}
.el-table th.el-table__cell {
height: 100%;
}
.el-table th.el-table__cell>.cell {
height: 100%;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
}
.police-info {
.tableClass {
width: countSizeVw(600, 1920);
height: countSizeVh(400);
}
.tableClass th,
.tableClass td {
width: countSizeVw(200, 1920);
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
width: countSizeVw(400, 1920) !important;
}
}
.el-table__body {
width: countSizeVw(400, 1920) !important;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
}
}
.search-content {
left: countSizeVw(760, 1920);
top: countSizeVh(100);
width: countSizeVw(500, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(400, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
.clear {
right: countSizeVw(70, 1920);
img {
width: countSizeVh(16);
height: countSizeVh(16);
margin-top: countSizeVh(10);
}
}
button {
font-size: countSizeVh(24);
width: countSizeVw(60, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(810, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
}
.police-page {
.switch-box {
padding: countSizeVh(6);
.el-input__inner {
height: countSizeVh(40);
font-size: countSizeVh(16);
}
.el-icon-arrow-up:before {
font-size: countSizeVh(16);
line-height: countSizeVh(40);
}
.el-input__suffix {
right: countSizeVw(5, 1920);
}
.el-select-dropdown__wrap {
height: countSizeVh(274);
}
}
.list-show {
// height: calc(100% - countSizeVh(50));
.search-box {
padding: countSizeVh(6) countSizeVw(6, 1920);
height: countSizeVh(46);
input {
height: countSizeVh(32);
font-size: countSizeVh(16);
border: countSizeVh(1) solid rgb(0, 92, 169);
}
.el-input-group__append {
color: #fff;
border-color: rgba(8, 56, 185, 0.9) !important;
background: rgba(8, 56, 185, 0.9) !important;
}
.el-input-group__append:hover {
background: #66b1ff !important;
border-color: #66b1ff !important;
}
}
.list {
height: calc(100% - countSizeVh(48));
.el-button--text {
font-size: countSizeVh(18);
}
.pages {
height: countSizeVh(80);
&>div {
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
.state-box {
width: countSizeVh(20);
height: countSizeVh(20);
line-height: countSizeVh(20);
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
}
}
.el-table__body-wrapper {
td {
.cell {
display: flex;
justify-content: center;
align-items: center;
}
}
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
}
.track-box {
height: calc(100% - countSizeVh(50));
.back-btn {
height: countSizeVh(42);
line-height: countSizeVh(42);
border-bottom: countSizeVh(1) solid #fff;
}
.back-btn::before {
height: countSizeVh(28);
line-height: countSizeVh(28);
top: countSizeVh(4);
left: countSizeVw(8, 1920);
}
li {
padding: 0 countSizeVw(4, 1920);
height: countSizeVh(42);
line-height: countSizeVh(42);
border-bottom: countSizeVh(1) solid #fff;
}
li:last-child {
.el-button {
width: countSizeVw(68, 1920);
height: countSizeVh(32);
line-height: countSizeVh(32);
}
}
}
.search-content {
left: countSizeVw(760, 1920);
top: countSizeVh(100);
width: countSizeVw(500, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(400, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
.clear {
right: countSizeVw(70, 1920);
img {
width: countSizeVh(16);
height: countSizeVh(16);
margin-top: countSizeVh(10);
}
}
button {
font-size: countSizeVh(24);
width: countSizeVw(60, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(810, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
}
.video-page {
.list {
.search-box {
padding: countSizeVw(6, 1920) countSizeVh(6);
height: countSizeVh(52);
input {
height: countSizeVh(32);
font-size: countSizeVh(16);
border: countSizeVh(1) solid rgb(0, 92, 169);
}
button {
font-size: countSizeVh(24);
width: countSizeVw(80, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVw(20, 1920) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.search-val-box {
top: countSizeVh(48);
left: countSizeVw(6, 1920);
width: calc(100% - countSizeVw(12, 1920));
max-height: countSizeVh(160);
border-radius: countSizeVh(10) countSizeVw(10, 1920);
&>div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
.draw-btn {
margin: countSizeVh(8) countSizeVw(8, 1920);
height: countSizeVh(26);
.el-button--mini {
font-size: countSizeVh(16);
padding: countSizeVh(8) 0;
border-radius: countSizeVh(4);
}
}
.range-input {
right: countSizeVw(-190, 1920);
top: countSizeVh(20);
width: countSizeVw(180, 1920);
height: countSizeVh(100);
input {
border: countSizeVh(1) solid #005ca9;
width: countSizeVw(160, 1920);
height: countSizeVh(30);
margin-top: countSizeVh(10);
padding-left: countSizeVw(6, 1920);
}
.btn {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
border-radius: countSizeVh(4);
margin-top: countSizeVh(10);
}
.close {
width: countSizeVw(20, 1920);
height: countSizeVh(10);
}
.close::before {
font-size: countSizeVh(18);
}
}
.list-show {
.pages {
height: countSizeVh(40);
&>div {
display: flex;
align-items: center;
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
display: flex;
align-items: center;
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
}
}
.el-table .el-table__cell {
padding: 0;
}
.el-table th.el-table__cell {
height: 100%;
}
.el-table th.el-table__cell>.cell {
height: 100%;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
}
.search-content {
left: countSizeVw(760, 1920);
top: countSizeVh(100);
width: countSizeVw(500, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(400, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
.clear {
right: countSizeVw(70, 1920);
img {
width: countSizeVh(16);
height: countSizeVh(16);
margin-top: countSizeVh(10);
}
}
button {
font-size: countSizeVh(24);
width: countSizeVw(60, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(810, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
}
.region {
.region-left-container {
.search-box {
padding: countSizeVw(6, 1920) countSizeVh(6);
height: countSizeVh(52);
input {
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20) 0 0 countSizeVw(20, 1920);
}
button {
font-size: countSizeVh(24);
width: countSizeVw(80, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVw(20, 1920) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.search-val-box {
top: countSizeVh(48);
left: countSizeVw(6, 1920);
width: calc(100% - countSizeVw(12, 1920));
max-height: countSizeVh(160);
border-radius: countSizeVh(10) countSizeVw(10, 1920);
&>div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
.list-show {
&>div {
.list-box {
.btn {
width: 60px;
height: countSizeVh(30);
border-radius: countSizeVh(4) countSizeVw(4, 1920);
margin-top: countSizeVh(10);
}
.btn:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
}
.el-table__header-wrapper {
height: countSizeVh(48);
.el-table__header {
height: 100%;
}
}
.el-table .el-table__cell {
padding: 0;
}
.el-table th.el-table__cell {
height: 100%;
}
.el-button--text {
font-size: countSizeVh(16);
}
.el-table th.el-table__cell>.cell {
height: 100%;
}
.el-table__empty-text {
font-size: countSizeVh(16);
}
.pages {
height: countSizeVh(40);
&>div {
display: flex;
align-items: center;
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
display: flex;
align-items: center;
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
}
}
.search-content {
left: countSizeVw(760, 1920);
top: countSizeVh(100);
width: countSizeVw(500, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(400, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
.clear {
right: countSizeVw(70, 1920);
img {
width: countSizeVh(16);
height: countSizeVh(16);
margin-top: countSizeVh(10);
}
}
button {
font-size: countSizeVh(24);
width: countSizeVw(60, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(810, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
}
}
.activity-page {
.container-content {
font-size: countSizeVh(24);
.title {
height: countSizeVh(40);
line-height: countSizeVh(40);
font-size: countSizeVh(24);
letter-spacing: countSizeVw(20, 1920);
}
.search-box {
padding: 0 countSizeVw(10, 1920);
&>div {
margin-top: countSizeVh(10);
.category {
width: countSizeVw(88, 1920);
font-size: countSizeVh(16);
}
.category-value {
display: flex;
align-items: center;
.category-input {
width: 80%;
height: countSizeVh(32);
font-size: countSizeVh(14);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(5) 0 0 countSizeVw(5, 1920);
}
.category-button {
font-size: countSizeVh(20);
// width: countSizeVw(60, 1920);
width: 20%;
height: countSizeVh(32);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVw(5, 1920) countSizeVh(5) 0;
}
.category-button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
.el-range-editor.el-input__inner {
width: 100% !important;
height: countSizeVh(32);
}
.el-range-editor .el-range-input {
font-size: countSizeVh(14);
height: countSizeVh(32);
line-height: countSizeVh(32);
}
.el-icon-date:before {
font-size: countSizeVh(14);
}
.el-date-editor .el-range__icon {
line-height: countSizeVh(32);
height: countSizeVh(32);
margin-left: countSizeVw(4, 1920);
}
.el-date-editor .el-range-separator {
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(14);
}
.el-select {
width: 100%;
height: countSizeVh(32);
}
.el-input--suffix .el-input__inner {
height: countSizeVh(32);
font-size: countSizeVh(14);
padding-left: countSizeVw(10, 1920);
padding-right: countSizeVw(20, 1920);
}
.el-select .el-input .el-select__caret {
font-size: countSizeVh(14);
line-height: countSizeVh(32);
}
}
}
}
.result-content {
margin-top: countSizeVh(8);
.table-box {
.row-box {
margin: countSizeVh(10) countSizeVw(10, 1920);
padding: countSizeVh(10) countSizeVw(10, 1920);
font-size: countSizeVh(14);
.row-content {
&>div {
line-height: countSizeVh(28);
.category {
width: countSizeVw(88, 1920);
font-size: countSizeVh(16);
}
}
}
}
.tableClass {
width: countSizeVw(400, 1920);
}
.tableClass td {
width: countSizeVw(300, 1920);
}
.no-data {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: countSizeVh(16);
}
}
.pages {
height: countSizeVh(40);
&>div {
display: flex;
align-items: center;
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
display: flex;
align-items: center;
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
}
}
.draw-btn-box {
padding: countSizeVh(8);
left: countSizeVw(692, 1920);
bottom: countSizeVh(40);
border-radius: countSizeVh(8);
width: countSizeVw(546, 1920);
z-index: 99;
.left {
h3 {
font-size: countSizeVh(16);
height: countSizeVh(30);
line-height: countSizeVh(30);
}
&>div {
height: countSizeVh(44);
line-height: countSizeVh(44);
}
.plot-box {
height: countSizeVh(88);
}
ul {
li {
button {
padding: 0 countSizeVw(6, 1920);
min-width: countSizeVw(60, 1920);
line-height: countSizeVh(30);
height: countSizeVh(30);
margin: countSizeVh(7) countSizeVw(5, 1920);
border: countSizeVw(1, 1920) solid #cecece;
border-radius: countSizeVh(4) countSizeVw(4, 1920);
font-size: countSizeVw(14, 1920);
}
}
}
}
// .right {
// padding-top: countSizeVh(35);
// ul li {
// height: countSizeVh(50);
// }
// }
}
.second-container {
top: countSizeVh(10);
width: countSizeVw(240, 1920);
z-index: 99;
.el-tree-node__content {
height: countSizeVh(30);
font-size: countSizeVh(16);
}
.el-tree-node__label {
font-size: countSizeVh(16);
}
.el-checkbox .el-checkbox__inner {
height: countSizeVh(20);
width: countSizeVh(20);
border-radius: countSizeVh(2);
}
.el-tree-node__expand-icon {
font-size: countSizeVh(16);
}
.el-checkbox .el-checkbox__inner::after {
height: countSizeVh(16);
left: countSizeVw(7, 1920);
}
}
.second-container.spread {
left: countSizeVw(444, 1920);
}
.second-container.take-back {
top: countSizeVh(60);
left: countSizeVw(10, 1920);
}
.activity-details-box {
top: countSizeVh(90);
right: countSizeVw(20, 1920);
width: countSizeVw(400, 1920);
padding: countSizeVh(10) countSizeVw(10, 1920);
border-radius: countSizeVh(10) countSizeVw(10, 1920);
z-index: 1;
.title {
height: countSizeVh(36);
line-height: countSizeVh(36);
}
.row-box {
line-height: countSizeVh(28);
.category {
width: countSizeVw(96, 1920);
}
.el-switch {
font-size: countSizeVh(14);
height: countSizeVh(12);
line-height: countSizeVh(12);
}
.el-switch__core {
width: countSizeVw(30, 1920) !important;
height: countSizeVh(14);
border-radius: countSizeVh(7);
border: countSizeVh(1) solid #DCDFE6;
}
.el-switch__core:after {
margin: auto;
top: 0;
bottom: 0;
left: 0;
width: countSizeVw(12, 1920);
height: countSizeVw(12, 1920);
}
.el-switch.is-checked .el-switch__core::after {
margin-left: countSizeVw(18, 1920) !important;
}
}
.row-btn-box {
height: countSizeVh(30);
.el-button {
padding: countSizeVh(7) 20px;
font-size: countSizeVh(14);
border: countSizeVh(1) solid #2e3fad;
}
}
}
.btn-box {
min-height: countSizeVh(40);
padding: countSizeVh(10) countSizeVw(10, 1920) 0 countSizeVw(10, 1920);
border-radius: countSizeVw(10, 1920);
ul {
li {
button {
padding: 0 countSizeVh(6);
margin: 0 countSizeVw(5, 1920);
min-width: countSizeVw(60, 1920);
height: countSizeVh(30);
line-height: countSizeVh(30);
border: countSizeVh(1) solid #cecece;
border-radius: countSizeVw(4, 1920);
font-size: countSizeVh(16);
}
}
}
}
.search-content {
left: countSizeVw(760, 1920);
top: countSizeVh(100);
width: countSizeVw(500, 1920);
height: countSizeVh(36);
input {
width: countSizeVw(400, 1920);
font-size: countSizeVh(18);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(20);
// vertical-align: top;
}
.clear {
right: countSizeVw(70, 1920);
img {
width: countSizeVh(16);
height: countSizeVh(16);
margin-top: countSizeVh(10);
}
}
button {
font-size: countSizeVh(24);
width: countSizeVw(60, 1920);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
}
button:active {
border: countSizeVh(1) solid rgb(0, 92, 169);
}
}
.searchExtensively-val-box {
top: countSizeVh(80);
left: countSizeVw(810, 1920);
width: countSizeVw(380, 1920);
max-height: countSizeVh(400);
border-radius: countSizeVh(10);
&>div {
div {
padding: 0 countSizeVw(10, 1920);
line-height: countSizeVh(36);
}
}
}
.plan-control {
top: countSizeVh(150);
right: countSizeVw(450, 1920);
width: countSizeVw(180, 1920);
padding: countSizeVh(10);
border-radius: countSizeVh(8);
.row-box {
line-height: countSizeVh(28);
.category {
width: countSizeVw(96, 1920);
}
}
}
}
.select {
.el-input--suffix .el-input__inner {
padding-right: countSizeVw(40, 1920) !important;
}
}
}
.main-content {
.car-video-box {
.el-dialog .el-dialog__header {
height: countSizeVh(30);
line-height: countSizeVh(30);
font-size: countSizeVh(16);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog {
width: countSizeVw(1000, 1920);
height: countSizeVh(620);
}
}
.police-affairs-details-box {
.el-dialog {
width: countSizeVw(540, 1920);
height: countSizeVh(320);
font-size: countSizeVh(16);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog .el-dialog__header {
height: countSizeVh(56);
line-height: countSizeVh(56);
font-size: countSizeVh(16);
}
.el-dialog .el-dialog__body .item {
width: calc(50% - countSizeVw(20, 1920));
height: countSizeVh(36);
line-height: countSizeVh(36);
margin: 0 countSizeVw(10, 1920);
font-size: countSizeVh(16);
}
.el-dialog .el-dialog__body .item>div:first-child {
width: countSizeVw(100, 1920);
margin-right: countSizeVw(20, 1920);
font-size: countSizeVh(16);
}
.el-dialog .el-dialog__body .item>div:nth-of-type(2) {
width: calc(100% - countSizeVw(120, 1920));
font-size: countSizeVh(16);
}
}
.resident-details-box {
.el-dialog {
width: countSizeVw(420, 1920);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
}
.panorama-details-box {
.el-dialog {
width: countSizeVw(960, 1920);
height: countSizeVh(600);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
margin-bottom: countSizeVh(10);
font-size: countSizeVh(16);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
}
.phone-details-box {
.el-dialog {
width: countSizeVw(720, 1920);
height: countSizeVh(400);
font-size: countSizeVh(16);
}
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog .el-dialog__header {
height: countSizeVh(56);
line-height: countSizeVh(56);
}
.el-dialog .el-dialog__body .item {
width: calc(50% - countSizeVw(20, 1920));
height: countSizeVh(36);
line-height: countSizeVh(36);
margin: 0 countSizeVw(10, 1920);
}
.el-dialog .el-dialog__body .item>div:first-child {
width: countSizeVw(100, 1920);
margin-right: countSizeVw(20, 1920);
}
.el-dialog .el-dialog__body .item>div:nth-of-type(2) {
width: calc(100% - countSizeVw(120, 1920));
}
}
.area-details-box,
.keyPerson-details-box,
.land-details-box,
.equiment-details-box {
.el-dialog {
width: countSizeVw(1000, 1920);
height: countSizeVh(640);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog .el-dialog__body .el-table {
height: calc(100% - countSizeVh(60)) !important;
}
}
.keyPerson-details-box-two {
.el-dialog {
width: countSizeVw(1000, 1920);
height: countSizeVh(560);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-main {
height: calc(100% - countSizeVh(50)) !important;
}
.el-dialog .el-dialog__body .el-table {
height: calc(100% - countSizeVh(40)) !important;
}
.el-table__header-wrapper {
height: countSizeVh(60);
line-height: countSizeVh(60);
}
.el-table .cell {
height: countSizeVh(30);
line-height: countSizeVh(30);
}
.header {
margin-bottom: countSizeVh(10);
padding-left: countSizeVw(10, 1920);
&>div {
height: countSizeVh(32);
line-height: countSizeVh(32);
margin-right: countSizeVw(10, 1920);
input {
width: countSizeVw(150, 1920);
height: countSizeVh(32);
font-size: countSizeVh(12);
border: countSizeVh(1) solid rgb(0, 92, 169);
border-radius: countSizeVh(5);
}
}
&>div:first-child input {
width: countSizeVw(120, 1920);
}
.el-button--primary {
border: countSizeVh(1) solid rgba(29, 92, 228, 0.6);
}
}
}
.policeSituation-details-box {
.el-dialog {
width: countSizeVw(800, 1920);
height: countSizeVh(500);
.el-dialog__header {
height: countSizeVh(40);
line-height: countSizeVh(40);
span {
font-size: countSizeVh(18);
}
button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
}
.el-dialog__body {
height: calc(100% - countSizeVh(40));
font-size: countSizeVh(16);
.btn-change {
height: countSizeVh(32);
line-height: countSizeVh(32);
border-bottom: countSizeVh(2) solid #3d5ad5;
&>div {
padding: 0 countSizeVw(12, 1920);
}
}
.box {
.item {
width: calc(50% - countSizeVw(20, 1920));
height: countSizeVh(32);
line-height: countSizeVh(32);
margin: 0 countSizeVw(10, 1920);
&>div:first-child {
width: countSizeVw(120, 1920);
margin-right: countSizeVw(20, 1920);
}
&>div:nth-of-type(2) {
width: calc(100% - countSizeVw(140, 1920));
}
}
.dialog-content {
line-height: countSizeVh(32);
margin-left: countSizeVw(10, 1920);
&>div:first-child {
width: countSizeVw(120, 1920);
margin-right: countSizeVw(20, 1920);
}
&>div:nth-of-type(2) {
width: calc(100% - countSizeVw(140, 1920));
}
}
}
}
}
}
.activity-details-box {
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog {
width: countSizeVw(640, 1920);
height: countSizeVh(400);
}
.el-dialog .el-dialog__header {
height: countSizeVh(56);
line-height: countSizeVh(56);
}
.el-dialog .el-dialog__body .item {
width: calc(50% - countSizeVw(20, 1920));
height: countSizeVh(36);
line-height: countSizeVh(36);
margin: 0 countSizeVw(10, 1920);
}
.el-dialog .el-dialog__body .item>div:first-child {
margin-right: countSizeVw(20, 1920);
}
.el-dialog .el-dialog__body .item>div:nth-of-type(2) {
width: calc(100% - countSizeVw(120, 1920));
}
}
.video-draw-box {
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog {
width: countSizeVw(320, 1920);
}
.pick-color-box {
width: countSizeVw(200, 1920);
}
.el-dialog .el-dialog__body input {
width: countSizeVw(200, 1920);
height: countSizeVh(30);
font-size: countSizeVh(16);
border: countSizeVh(1) solid #005ca9;
}
.el-dialog .el-dialog__body button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
border-radius: countSizeVh(4);
margin-top: countSizeVh(10);
}
}
.choose-police-box {
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
&>div {
padding: countSizeVh(14);
padding-top: 0;
}
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog {
width: countSizeVw(320, 1920);
height: countSizeVh(220);
}
.el-dialog .el-dialog__body .el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
margin-top: countSizeVh(16);
border: countSizeVh(1) solid rgba(8, 56, 185, 0.9);
}
.el-dialog .el-dialog__body .el-button:hover {
background-color: #409EFF;
}
.el-tree {
height: countSizeVh(240);
top: countSizeVh(46);
width: calc(100% - countSizeVw(16, 1920));
}
.el-input {
width: calc(100% - countSizeVw(20, 1920));
}
.police-btn-box {
bottom: countSizeVh(16);
}
.value-name-box {
height: countSizeVh(32);
line-height: countSizeVh(32);
width: countSizeVw(100, 1920);
}
.line {
top: countSizeVh(52);
}
.area {
top: countSizeVh(92);
}
.input-width-box {
input {
width: countSizeVw(80, 1920);
height: countSizeVh(28);
border-radius: countSizeVh(4);
padding-left: countSizeVw(15, 1920);
}
}
}
.choose-policeCar-box {
.el-dialog__header span {
font-size: countSizeVh(18);
}
.el-dialog .el-dialog__body {
font-size: countSizeVh(16);
&>div {
padding: countSizeVh(14);
padding-top: 0;
&>div {
line-height: countSizeVh(36);
}
}
}
.police-btn-box {
bottom: countSizeVh(16);
}
.line {
top: countSizeVh(52);
}
.el-dialog__header button {
font-size: countSizeVh(18);
right: countSizeVw(10, 1920);
}
.el-dialog {
width: countSizeVw(320, 1920);
height: countSizeVh(220);
}
.el-dialog .el-dialog__body .el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
margin-top: countSizeVh(20);
border: countSizeVh(1) solid rgba(8, 56, 185, 0.9);
}
.el-dialog .el-dialog__body .el-button:hover {
background-color: #409EFF;
}
.value-name-box {
height: countSizeVh(32);
line-height: countSizeVh(32);
width: countSizeVw(130, 1920);
}
.input-width-box {
input {
width: countSizeVw(80, 1920);
height: countSizeVh(28);
border-radius: countSizeVh(4);
padding-left: countSizeVw(15, 1920);
}
}
}
.edit-line-box {
.el-dialog {
width: countSizeVw(300, 1920);
height: countSizeVh(190);
.el-dialog__body {
.el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
margin-top: countSizeVh(10);
}
&>div {
margin-bottom: countSizeVh(10);
}
.input-width-box {
input {
width: countSizeVw(80, 1920);
height: countSizeVh(28);
border-radius: countSizeVh(4);
padding-left: countSizeVw(15, 1920);
}
}
.value-name-box {
height: countSizeVh(32);
line-height: countSizeVh(32);
}
.units {
width: countSizeVw(60, 1920);
height: countSizeVh(26);
padding-left: countSizeVw(10, 1920)
}
}
}
}
.add-polygon-box {
.el-dialog {
width: countSizeVw(340, 1920);
height: countSizeVh(220);
.el-dialog__body {
.el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
}
.line {
margin-bottom: countSizeVh(10);
}
.value-name-box {
width: countSizeVh(120);
}
input {
height: countSizeVh(30);
font-size: countSizeVh(16);
border: countSizeVh(1) solid rgb(0, 92, 169);
}
.alpha {
width: calc(100% - countSizeVh(140));
}
}
}
}
.edit-plot-box {
.el-dialog {
width: countSizeVw(340, 1920);
height: countSizeVh(220);
.el-dialog__body {
.el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
margin-top: countSizeVh(10);
}
&>div {
margin-bottom: countSizeVh(10);
}
.value-name-box {
height: countSizeVh(32);
line-height: countSizeVh(32);
width: countSizeVw(120, 1920);
}
input {
height: countSizeVh(30);
font-size: countSizeVh(16);
border: countSizeVh(1) solid rgb(0, 92, 169);
}
.placeholder {
height: countSizeVh(15);
margin-bottom: countSizeVh(0);
}
.alpha {
width: calc(100% - countSizeVh(160));
}
}
}
}
.edit-range-box {
.el-dialog {
width: countSizeVw(240, 1920);
height: countSizeVh(170);
.el-dialog__body {
.el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
}
&>div {
margin-bottom: countSizeVh(2);
}
.value-name-box {
height: countSizeVh(32);
line-height: countSizeVh(32);
width: countSizeVw(120, 1920);
}
.input-width-box {
input {
width: countSizeVw(80, 1920);
height: countSizeVh(28);
border-radius: countSizeVh(4);
padding-left: countSizeVw(15, 1920);
}
}
.units {
width: countSizeVw(40, 1920);
height: countSizeVh(26);
padding-left: countSizeVw(10, 1920)
}
.placeholder {
height: countSizeVh(26);
}
}
}
}
.add-label-box {
.el-dialog {
width: countSizeVw(300, 1920);
height: countSizeVh(220);
.el-dialog__body {
.el-button {
width: countSizeVw(60, 1920);
height: countSizeVh(30);
}
&>div {
margin-bottom: countSizeVh(10);
}
.value-name-box {
height: countSizeVh(32);
line-height: countSizeVh(32);
width: countSizeVw(120, 1920);
}
input {
height: countSizeVh(30);
font-size: countSizeVh(16);
border: countSizeVh(1) solid rgb(0, 92, 169);
}
.el-input-number input {
height: countSizeVh(30);
}
.input-fontsize-box {
width: countSizeVw(100, 1920);
}
.el-input-number__decrease,
.el-input-number__increase {
width: countSizeVw(30, 1920);
height: countSizeVh(30);
line-height: countSizeVh(30);
border: countSizeVh(1) solid #3d5ad5;
}
}
}
}
}
.flexible-btn {
font-size: countSizeVh(24);
}
.dc-location-bar {
font-size: countSizeVh(16);
}
.main-content.spread {
position: absolute;
top: countSizeVh(60);
width: countSizeVw(400, 1920);
height: calc(100% - countSizeVh(60));
z-index: 98;
}
.flexible-btn {
padding: 0 countSizeVw(2, 1920);
width: countSizeVw(32, 1920);
height: countSizeVh(64);
line-height: countSizeVh(32);
border-radius: 0 countSizeVh(5) countSizeVh(5) 0;
box-shadow: countSizeVh(1) 0px countSizeVh(4) countSizeVh(1) $bg-color;
}
.flexible-btn.spread {
left: countSizeVw(400, 1920);
}
.over-look-btn.homebottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(222));
}
.over-look-btn.shrink-btn {
left: countSizeVw(410, 1920) !important;
bottom: countSizeVh(220);
}
// 地图，控制按钮
.over-look-btn,
.screen-full-btn {
left: countSizeVh(10);
bottom: countSizeVh(10);
width: countSizeVh(36);
height: countSizeVh(36);
font-size: countSizeVh(20);
}
.screen-full-btn.homebottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(16));
}
.screen-full-btn.shrink-btn {
left: countSizeVw(410, 1920) !important;
}
.dc-zoom-controller {
left: countSizeVh(10) !important;
bottom: countSizeVh(56) !important;
width: countSizeVh(36) !important;
&>div {
width: countSizeVh(36) !important;
height: countSizeVh(36) !important;
svg {
width: countSizeVh(20) !important;
height: countSizeVh(20) !important;
}
}
}
.dc-zoom-controller.homebottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(60)) !important;
}
.dc-zoom-controller.shrink-btn {
left: countSizeVw(410, 1920) !important;
}
.image-switch-icon-btn {
left: countSizeVh(10);
bottom: countSizeVh(176);
width: countSizeVh(36);
height: countSizeVh(36);
font-size: countSizeVh(20);
}
.image-switch-icon-btn.iconbottom {
left: countSizeVw(402, 1920) !important;
bottom: calc((100% - maxCountSizeVh(120)) / 3 + countSizeVh(178)) !important;
}
.image-switch-icon-btn.shrink-btn {
left: countSizeVw(410, 1920) !important;
}
.dc-location-bar.homebottom {
bottom: countSizeVh(390) !important;
}
.image-switch-img-btn {
top: 0;
left: countSizeVw(46, 1920);
font-size: countSizeVh(16);
border-radius: countSizeVh(5);
.layer-change-box {
.title {
position: relative;
padding: 0 countSizeVw(8, 1920);
height: countSizeVh(32);
line-height: countSizeVh(32);
text-align: left;
}
.content {
padding: 0 countSizeVw(8, 1920);
height: countSizeVh(66);
line-height: countSizeVh(66);
&>div:last-child {
margin: 0;
}
&>div {
margin-right: countSizeVw(8, 1920);
width: countSizeVh(80);
height: 100%;
border: 2px solid #fff;
border-radius: countSizeVw(4, 1920);
overflow: hidden;
span {
width: 100%;
height: countSizeVh(24);
line-height: countSizeVh(24);
}
}
}
}
.angle-btn {
padding: 0 countSizeVw(8, 1920);
height: countSizeVh(32);
text-align: left;
display: flex;
align-items: center;
.el-checkbox {
width: countSizeVh(20);
height: countSizeVh(20);
.el-checkbox__input {
width: countSizeVh(20);
height: countSizeVh(20);
}
}
}
}
.popup-dom .content .data-box .line {
font-size: countSizeVw(14, 1920);
}
}
.auth-page {
.loginTitle {
font-size: countSizeVh(46);
letter-spacing: countSizeVh(6);
}
.login_content {
width: countSizeVw(300, 1920);
padding: countSizeVh(30);
background-size: 100% 100%, countSizeVh(25), countSizeVh(25), countSizeVh(25), countSizeVh(25);
p {
font-size: countSizeVh(26);
margin-bottom: countSizeVh(15);
letter-spacing: countSizeVh(4);
}
.el-button--primary {
height: countSizeVh(34);
border-radius: countSizeVh(2);
}
.el-button {
height: countSizeVh(34);
line-height: countSizeVh(24);
font-size: countSizeVh(14);
}
.el-input__inner,
.el-input__icon {
font-size: countSizeVh(14);
line-height: countSizeVh(34);
}
.el-input__inner {
height: countSizeVh(34);
}
.el-input__prefix {
left: countSizeVw(5, 1920);
}
.el-input--prefix .el-input__inner {
padding-left: countSizeVw(30, 1920);
}
}
}
}
.option-css,
.activity-option,
.unit-option {
height: countSizeVh(40);
line-height: countSizeVh(40);
font-size: countSizeVh(16);
}
.option-css:hover,
.option-css.selected {
color: #409EFF;
}
.video-option-css {
width: 13.8333333333vw;
.video-status {
display: inline-block;
width: countSizeVh(10);
height: countSizeVh(10);
border-radius: 50%;
background-color: #eee;
vertical-align: middle;
}
}
.activity-video-option-css {
width: 13.8333333333vw;
.video-status {
display: inline-block;
width: countSizeVh(10);
height: countSizeVh(10);
border-radius: 50%;
background-color: #eee;
vertical-align: middle;
}
}
.el-select-dropdown__wrap {
max-height: countSizeVh(200);
}
.date-day-style.el-picker-panel {
width: countSizeVw(536, 1920) !important;
}
.el-date-range-picker__header div {
font-size: countSizeVh(16);
height: countSizeVh(36);
line-height: counztSizeVh(36);
}
.el-date-range-picker.has-sidebar {
width: countSizeVw(756, 1920) !important;
}
.el-picker-panel .el-date-range-picker__header button {
font-size: countSizeVh(16);
height: countSizeVh(36);
line-height: countSizeVh(36);
}
.el-date-table td span,
.el-date-table th {
font-size: countSizeVh(16);
}
.el-date-table tr {
height: countSizeVh(40);
}
.el-picker-panel__sidebar {
width: countSizeVw(110, 1920);
}
.el-picker-panel__shortcut {
font-size: countSizeVh(14);
height: countSizeVh(32);
}
.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
margin-left: countSizeVw(110, 1920);
display: flex;
}
.el-picker-panel__body {
display: flex;
}
.el-date-table .disabled div {
background-color: $sub-tab-border-color;
}
.tree-search-popup {
top: countSizeVh(116) !important;
left: countSizeVw(0, 1920) !important;
}
// el-popover-6062
.el-popover {
min-width: countSizeVw(150, 1920);
width: countSizeVw(400, 1920);
padding: countSizeVh(12);
border-radius: countSizeVh(4);
font-size: countSizeVh(14);
.el-input {
font-size: countSizeVh(14);
}
.el-tree {
height: countSizeVh(360) !important;
width: 100% !important;
.el-tree-node__content {
height: countSizeVh(26);
}
.el-tree-node__expand-icon {
font-size: countSizeVh(12);
}
.el-tree-node__label {
font-size: countSizeVh(14);
}
}
}
}
.el-dialog {
font-size: countSizeVh(16);
.el-dialog__header {
height: countSizeVh(40);
line-height: countSizeVh(40);
span {
font-size: countSizeVh(18);
}
}
.el-dialog__body {
padding: countSizeVh(10);
padding-top: 0;
height: calc(100% - countSizeVh(40));
font-size: countSizeVh(16);
.header {
display: flex;
margin-bottom: countSizeVh(10);
padding-left: countSizeVh(10);
height: countSizeVh(36);
line-height: countSizeVh(36);
&>div {
height: countSizeVh(32);
line-height: countSizeVh(32);
margin-right: countSizeVw(10, 1920);
input {
width: countSizeVw(150, 1920);
height: countSizeVh(32);
font-size: countSizeVh(12);
text-indent: 1em;
color: #ffffff;
background-color: rgba(24, 79, 202, 0.6);
border: 1px solid rgb(0, 92, 169);
border-radius: countSizeVh(5);
}
input:focus {
outline: none;
}
input::-webkit-input-placeholder {
color: rgba(238, 238, 238, 0.7);
}
}
.el-button--primary {
background-color: rgba(29, 92, 228, 0.6);
border: countSizeVh(1) solid rgba(29, 92, 228, 0.6);
}
.el-button {
padding: 0 countSizeVw(12, 1920);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
.body {
height: calc(100% - countSizeVh(36));
.el-table {
margin-bottom: countSizeVh(10);
height: calc(100% - countSizeVh(40));
}
.pages {
display: flex;
align-items: center;
justify-content: center;
height: countSizeVh(40);
&>div {
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
.el-pagination__total {
color: #fff;
}
}
}
}
}
.el-table {
th,
td {
padding: 0 !important;
.cell {
font-size: countSizeVh(16) !important;
height: countSizeVh(36) !important;
line-height: countSizeVh(36) !important;
padding: 0 !important;
}
}
.el-table__header-wrapper {
height: countSizeVh(36) !important;
line-height: countSizeVh(36) !important;
}
.el-table__body-wrapper {
height: calc(100% - countSizeVh(36)) !important;
}
}
.police-info {
.el-table th .cell,
.el-table td .cell {
height: auto !important;
}
}
.all-pagination-sty {
display: flex;
align-items: center;
justify-content: center;
height: countSizeVh(40);
&>div {
&>button {
width: countSizeVh(32);
height: countSizeVh(32);
&>i {
font-size: countSizeVh(16);
}
}
&>ul {
li {
width: countSizeVh(32);
height: countSizeVh(32);
line-height: countSizeVh(32);
font-size: countSizeVh(16);
}
}
}
}
}