* {
|
margin: 0;
|
padding: 0;
|
box-sizing: border-box;
|
scrollbar-color: rgba(7, 22, 37, 0.8) hsla(0, 0%, 84.7%, 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: 6px;
|
background-color: none;
|
}
|
|
// hsla(0, 0%, 84.7%, 0.6);
|
::-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: hsla(0, 0%, 84.7%, 0.2);
|
}
|
|
::-webkit-scrollbar-thumb:window-inactive {
|
background-color: rgba(7, 22, 37, 0.8);
|
}
|
|
:not(select)::-webkit-scrollbar {
|
background-color: hsla(0, 0%, 84.7%, 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%);
|
|
.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%);
|
|
.el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>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%);
|
|
.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%);
|
|
.el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>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%);
|
|
.el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>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%);
|
|
.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%);
|
|
.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%);
|
|
.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%);
|
|
.el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
}
|
|
.dialog-content {
|
display: flex;
|
height: 36px;
|
line-height: 36px;
|
flex-direction: row;
|
text-align: left;
|
margin-left: 10px;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
|
}
|
|
&>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%);
|
|
.el-dialog__header {
|
height: 56px;
|
line-height: 56px;
|
}
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-self: flex-start;
|
align-content: flex-start;
|
|
.item {
|
display: flex;
|
flex-direction: row;
|
width: calc(50% - 20px);
|
height: 36px;
|
line-height: 36px;
|
margin: 0 10px;
|
text-align: left;
|
|
&>div:first-child {
|
width: 100px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 120px);
|
}
|
}
|
}
|
}
|
}
|
|
.special-animal-enter-active {
|
transition: all .2s ease;
|
}
|
|
.special-animal-leave-active {
|
transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
|
}
|
|
.special-animal-enter,
|
.special-animal-leave-to {
|
transform: translateX(-100%);
|
opacity: 0;
|
}
|
