* {
|
margin: 0;
|
padding: 0;
|
box-sizing: border-box;
|
|
scrollbar-color: rgba(17, 38, 163, .5) hsla(0, 0%, 84.7%, .2);
|
scrollbar-width: thin;
|
}
|
|
html,
|
body {
|
width: 100%;
|
height: 100%;
|
font-size: 16px;
|
overflow-x: hidden;
|
overflow-y: auto;
|
background: $bg-one-color;
|
|
// scrollbar-width: none;
|
// -ms-overflow-style: none;
|
}
|
|
// body::-webkit-scrollbar {
|
// display: none;
|
// /* Chrome Safari */
|
// }
|
|
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: 5px;
|
// height: 5px;
|
// background-color: transparent;
|
// }
|
|
// ::-webkit-scrollbar {
|
// width: 7px;
|
// height: 7px;
|
// background-color: transparent;
|
// }
|
|
// ::-webkit-scrollbar-thumb {
|
// border-radius: 5px;
|
// background-color: hsla(220deg, 4%, 58%, 0.3);
|
// }
|
|
// ::-webkit-scrollbar-thumb {
|
// border-radius: 5px;
|
// background-color: hsla(220deg, 4%, 58%, 0.3);
|
// }
|
|
// ::-webkit-scrollbar-track-piece {
|
// background-color: transparent;
|
// }
|
|
// ::-webkit-scrollbar-track-piece {
|
// background-color: transparent;
|
// }
|
|
::-webkit-scrollbar {
|
width: 8px;
|
height: 8px;
|
background-color: none;
|
}
|
|
::-webkit-scrollbar-thumb {
|
background-color: rgba(17, 38, 163, .5);
|
padding-left: 2px;
|
padding-right: 2px;
|
}
|
|
::-webkit-scrollbar-track {
|
background-color: hsla(0, 0%, 84.7%, .2);
|
}
|
|
.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 {
|
padding-top: 0;
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
|
.btn-change {
|
display: flex;
|
align-items: center;
|
height: 36px;
|
line-height: 36px;
|
border-bottom: 2px solid #3d5ad5;
|
|
&>div {
|
padding: 0 12px;
|
cursor: pointer;
|
|
&.on {
|
background: #3d5ad5;
|
}
|
}
|
}
|
|
.box {
|
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: 120px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 140px);
|
}
|
}
|
|
.dialog-content {
|
width: 100%;
|
display: flex;
|
height: 36px;
|
line-height: 36px;
|
flex-direction: row;
|
text-align: left;
|
margin-left: 10px;
|
|
&>div:first-child {
|
width: 120px;
|
text-align: justify;
|
display: inline-block;
|
text-align-last: justify;
|
margin-right: 20px;
|
|
}
|
|
&>div:nth-of-type(2) {
|
width: calc(100% - 140px);
|
}
|
}
|
}
|
|
|
}
|
}
|
}
|
|
.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;
|
}
|
|
.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%);
|
|
.el-dialog__body {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
height: 100%;
|
flex-wrap: wrap;
|
|
input {
|
width: 90%;
|
height: 30px;
|
font-size: 16px;
|
text-indent: 1em;
|
color: #ffffff;
|
background-color: transparent;
|
border: 1px solid rgb(0, 92, 169);
|
}
|
|
input:focus {
|
outline: none;
|
}
|
|
input::-webkit-input-placeholder {
|
color: rgba(238, 238, 238, 0.7);
|
}
|
|
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%);
|
|
.el-dialog__body {
|
.el-button {
|
padding: 0;
|
background-color: #409eff;
|
color: #fff;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
margin-top: 40px;
|
}
|
}
|
}
|
}
|
|
|
.select-on-tab {
|
box-shadow: 0 2px 2px $menu-tab-shadow;
|
color: #fff;
|
}
|
