* {
|
margin: 0;
|
padding: 0;
|
box-sizing: border-box;
|
scrollbar-color: rgba(7, 22, 37, 0.8) rgba(216, 216, 216, 0.2);
|
scrollbar-width: thin;
|
}
|
|
html,
|
body {
|
width: 100%;
|
height: 100%;
|
}
|
|
ul li {
|
list-style: none;
|
}
|
|
.deblurring {
|
image-rendering: -moz-crisp-edges;
|
image-rendering: -o-crisp-edges;
|
image-rendering: -webkit-optimize-contrast;
|
image-rendering: crisp-edges;
|
-ms-interpolation-mode: nearest-neighbor;
|
}
|
|
::-webkit-scrollbar {
|
width: 6px;
|
height: 10px;
|
background-color: none;
|
}
|
|
::-webkit-scrollbar-thumb {
|
border-radius: 6px;
|
background-color: rgba(7, 22, 37, 0.8);
|
padding-left: 2px;
|
padding-right: 2px;
|
}
|
|
::-webkit-scrollbar-track {
|
background-color: rgba(216, 216, 216, 0.2);
|
}
|
|
::-webkit-scrollbar-thumb:window-inactive {
|
background-color: rgba(7, 22, 37, 0.8);
|
}
|
|
:not(select)::-webkit-scrollbar {
|
background-color: rgba(216, 216, 216, 0.2);
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
background-color: rgba(7, 22, 37, 0.8);
|
}
|
|
.car-video-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 720px;
|
height: 480px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.car-video-box .el-dialog .el-dialog__body {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
height: 100%;
|
}
|
|
.police-affairs-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 540px;
|
height: 320px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.police-affairs-details-box .el-dialog .el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.police-affairs-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
}
|
|
.police-affairs-details-box .el-dialog .el-dialog__body .item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
}
|
|
.police-affairs-details-box .el-dialog .el-dialog__body .item > div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
.police-affairs-details-box .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
|
.resident-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 320px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.resident-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
}
|
|
.panorama-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 960px;
|
height: 600px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.phone-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 720px;
|
height: 400px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.phone-details-box .el-dialog .el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.phone-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
}
|
|
.phone-details-box .el-dialog .el-dialog__body .item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
}
|
|
.phone-details-box .el-dialog .el-dialog__body .item > div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
.phone-details-box .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
|
.area-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 700px;
|
height: 400px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.area-details-box .el-dialog .el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.area-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
}
|
|
.area-details-box .el-dialog .el-dialog__body .item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
}
|
|
.area-details-box .el-dialog .el-dialog__body .item > div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
.area-details-box .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
|
.equiment-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 1000px;
|
height: 600px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.equiment-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
}
|
|
.land-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 630px;
|
height: 300px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.land-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
}
|
|
.keyPerson-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 1000px;
|
height: 700px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.keyPerson-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
}
|
|
.policeSituation-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 800px;
|
height: 500px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.policeSituation-details-box .el-dialog .el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.policeSituation-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
}
|
|
.policeSituation-details-box .el-dialog .el-dialog__body .item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
}
|
|
.policeSituation-details-box .el-dialog .el-dialog__body .item > div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
.policeSituation-details-box .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
|
.policeSituation-details-box .el-dialog .el-dialog__body .dialog-content {
|
display: flex;
|
height: 36px;
|
line-height: 36px;
|
flex-direction: row;
|
text-align: left;
|
margin-left: 10px;
|
}
|
|
.policeSituation-details-box .el-dialog .el-dialog__body .dialog-content > div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
.policeSituation-details-box .el-dialog .el-dialog__body .dialog-content > div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
|
.activity-details-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 640px;
|
height: 400px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.activity-details-box .el-dialog .el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.activity-details-box .el-dialog .el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
}
|
|
.activity-details-box .el-dialog .el-dialog__body .item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
}
|
|
.activity-details-box .el-dialog .el-dialog__body .item > div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
.activity-details-box .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
|
.special-animal-enter-active {
|
transition: all 0.2s ease;
|
}
|
|
.special-animal-leave-active {
|
transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
|
}
|
|
.special-animal-enter,
|
.special-animal-leave-to {
|
transform: translateX(-100%);
|
opacity: 0;
|
}
|
|
.video-draw-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 320px;
|
height: 180px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.video-draw-box .el-dialog .el-dialog__body {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
height: 100%;
|
flex-wrap: wrap;
|
}
|
|
.video-draw-box .el-dialog .el-dialog__body input {
|
width: 90%;
|
height: 30px;
|
font-size: 16px;
|
text-indent: 1em;
|
color: #ffffff;
|
background-color: transparent;
|
border: 1px solid #005ca9;
|
}
|
|
.video-draw-box .el-dialog .el-dialog__body input:focus {
|
outline: none;
|
}
|
|
.video-draw-box .el-dialog .el-dialog__body input::-webkit-input-placeholder {
|
color: rgba(238, 238, 238, 0.7);
|
}
|
|
.video-draw-box .el-dialog .el-dialog__body button {
|
width: 60px;
|
height: 30px;
|
background-color: #65b1ff;
|
color: #fff;
|
border-radius: 4px;
|
cursor: pointer;
|
margin-top: 10px;
|
}
|
|
.choose-police-box .el-dialog {
|
margin: 0 !important;
|
display: flex;
|
flex-direction: column;
|
width: 320px;
|
height: 200px;
|
top: 50%;
|
left: 50% !important;
|
transform: translate(-50%, -50%);
|
}
|
|
.choose-police-box .el-dialog .el-dialog__body .el-button {
|
padding: 0;
|
background-color: rgba(2, 140, 184, 0.8);
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
margin-top: 40px;
|
}
|
