You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
588 lines
14 KiB
588 lines
14 KiB
.gis-left {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 20%;
|
|
background: linear-gradient(270deg, rgba(0, 19, 46, 0) 0%, #000000 100%);
|
|
}
|
|
|
|
.gis-right {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 20%;
|
|
background: linear-gradient(90deg, rgba(0, 19, 46, 0) 0%, #000000 100%);
|
|
}
|
|
|
|
.gis-top {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 10%;
|
|
width: 100%;
|
|
background: linear-gradient(0deg, rgba(0, 19, 46, 0) 0%, #000000 100%);
|
|
}
|
|
|
|
.gis-bottom {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -1px;
|
|
height: 10%;
|
|
width: 100%;
|
|
background: linear-gradient(180deg, rgba(0, 19, 46, 0) 0%, #000000 100%);
|
|
}
|
|
|
|
.gis-button1 {
|
|
position: absolute;
|
|
left: 39%;
|
|
bottom: -2%;
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 12px;
|
|
color: #ECF7FF;
|
|
letter-spacing: 0;
|
|
width: 76.95px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
z-index: 999;
|
|
|
|
.button_img {
|
|
background: url('/assets/images/homepage/communtity/home.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 76.95px;
|
|
height: 64px;
|
|
}
|
|
|
|
.button_img_select {
|
|
background: url('/assets/images/homepage/communtity/homeselect.png');
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.gis-button2 {
|
|
position: absolute;
|
|
left: 48%;
|
|
bottom: -3%;
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 12px;
|
|
color: #ECF7FF;
|
|
letter-spacing: 0;
|
|
width: 76.95px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
z-index: 999;
|
|
|
|
.button_img {
|
|
background: url('/assets/images/homepage/communtity/personbutton.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 76.95px;
|
|
height: 64px;
|
|
}
|
|
|
|
.button_img_select {
|
|
background: url('/assets/images/homepage/communtity/personbuttonselect.png');
|
|
}
|
|
}
|
|
|
|
.gis-button3 {
|
|
position: absolute;
|
|
left: 57%;
|
|
bottom: -2%;
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 12px;
|
|
color: #ECF7FF;
|
|
letter-spacing: 0;
|
|
width: 76.95px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
z-index: 999;
|
|
|
|
.button_img {
|
|
background: url('/assets/images/homepage/communtity/devicebutton.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 76.95px;
|
|
height: 64px;
|
|
}
|
|
|
|
.button_img_select {
|
|
background: url('/assets/images/homepage/communtity/devicebuttonselect.png');
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.gis-infowindow {
|
|
width: 302px;
|
|
height: 420px;
|
|
background: url('/assets/images/homepage/communtity/infowindowbg.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
opacity: 0.8;
|
|
padding-left: 69px;
|
|
padding-left: 22px;
|
|
padding-top: 157px;
|
|
color: #fff;
|
|
|
|
.gis_exit {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 42px;
|
|
width: 30.75px;
|
|
height: 23px;
|
|
background: url('/assets/images/homepage/communtity/exit.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.gis_item {
|
|
height: 35px;
|
|
background-image: linear-gradient(180deg, #0555a791 0%, #022a6f91 100%);
|
|
width: 93%;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 20px;
|
|
|
|
.gis_title {
|
|
font-family: SourceHanSansCN-Regular;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #C3E6FF;
|
|
letter-spacing: 0;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.gis_text {
|
|
font-family: SourceHanSansCN-Regular;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 0;
|
|
line-height: 21px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.personinfowindow {
|
|
width: 302px;
|
|
height: 420px;
|
|
background: url('/assets/images/homepage/communtity/personinfowindow.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
opacity: 0.8;
|
|
padding-left: 69px;
|
|
padding-left: 22px;
|
|
padding-top: 157px;
|
|
color: #fff;
|
|
|
|
.gis_exit {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 42px;
|
|
width: 30.75px;
|
|
height: 23px;
|
|
background: url('/assets/images/homepage/communtity/exit.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.gis_item {
|
|
height: 35px;
|
|
background-image: linear-gradient(180deg, #0555a791 0%, #022a6f91 100%);
|
|
width: 93%;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 20px;
|
|
|
|
.gis_title {
|
|
font-family: SourceHanSansCN-Regular;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #C3E6FF;
|
|
letter-spacing: 0;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.gis_text {
|
|
font-family: SourceHanSansCN-Regular;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 0;
|
|
line-height: 21px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.cummuntity-gis-infowindow-alarm {
|
|
background: url('/assets/images/homepage/communtity/alarminfowindow.png') no-repeat;
|
|
height: 432px;
|
|
width: 311px;
|
|
padding-top: 107px;
|
|
|
|
.gis_exit {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 2px;
|
|
top: 15px;
|
|
width: 30.75px;
|
|
height: 23px;
|
|
background: url('/assets/images/homepage/communtity/exitalarm.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.gis_item {
|
|
margin-bottom: 10px;
|
|
height: 35px;
|
|
background-image: linear-gradient(180deg, #a7050591 0%, #48010191 100%);
|
|
;
|
|
|
|
}
|
|
|
|
.confirm_text {
|
|
font-family: SourceHanSansCN-Medium;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 0;
|
|
line-height: 21px;
|
|
}
|
|
|
|
.alarm_confirm {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-top: 15px;
|
|
|
|
.alarm_cancel {
|
|
width: 81px;
|
|
height: 30px;
|
|
background-image: linear-gradient(180deg, #C50000 1%, #b600006e 52%, #C50000 100%);
|
|
box-shadow: inset 0 1px 14px 0 #ff2b2b59;
|
|
border-radius: 4px;
|
|
|
|
font-family: SourceHanSansCN-Medium;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
color: #FFE8E8;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
|
|
background: url('/assets/images/homepage/communtity/alarmcancel.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.alarm_ok {
|
|
text-align: center;
|
|
line-height: 30px;
|
|
width: 81px;
|
|
height: 30px;
|
|
background-image: linear-gradient(180deg, #C50000 1%, #b600006e 52%, #C50000 100%);
|
|
box-shadow: inset 0 1px 14px 0 #ff2b2b59;
|
|
border-radius: 4px;
|
|
font-family: SourceHanSansCN-Medium;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.alarm_button {
|
|
width: 103px;
|
|
height: 30px;
|
|
margin-top: 24px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: SourceHanSansCN-Medium;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 0;
|
|
background: url('/assets/images/homepage/communtity/alarmbutton.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-left: 89px;
|
|
cursor: pointer;
|
|
|
|
.alarm_icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
background: url('/assets/images/homepage/communtity/alarmicon.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.home_left {
|
|
position: absolute;
|
|
left: 26%;
|
|
top: 3%;
|
|
z-index: 999;
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 16px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 1.33px;
|
|
text-shadow: -2px 0 0 #0C5FA6;
|
|
|
|
.hometotalbg {
|
|
width: 126.45px;
|
|
height: 26.23px;
|
|
padding-left: 24px;
|
|
background: url('/assets/images/homepage/communtity/total.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.home_total_number {
|
|
font-family: D-DIN-Italic;
|
|
font-weight: Italic;
|
|
font-size: 28px;
|
|
color: #EAF2FF;
|
|
letter-spacing: 0;
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.hqtotal {
|
|
width: 126.45px;
|
|
height: 26.23px;
|
|
padding-left: 24px;
|
|
background: url('/assets/images/homepage/communtity/hqtotal.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.cztotal {
|
|
width: 126.45px;
|
|
height: 26.23px;
|
|
padding-left: 24px;
|
|
background: url('/assets/images/homepage/communtity/cztotal.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.lztotal {
|
|
width: 126.45px;
|
|
height: 26.23px;
|
|
padding-left: 24px;
|
|
background: url('/assets/images/homepage/communtity/lztotal.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
}
|
|
|
|
.home_right {
|
|
position: absolute;
|
|
right: 26%;
|
|
bottom: 7%;
|
|
z-index: 999;
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 14px;
|
|
background: #021d33ad;
|
|
// border: 1px solid rgba(2, 29, 51, 0.68);
|
|
padding: 7px 14px 7px 14px;
|
|
border: 1px solid;
|
|
border-image: linear-gradient(133deg, rgba(0, 197, 255, 0.53) 0%, rgba(0, 138, 255, 0.62)) 1;
|
|
|
|
._lz {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
._icon {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
background: url('/assets/images/homepage/communtity/lzicon.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
span {
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 14px;
|
|
letter-spacing: 0;
|
|
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 1%, rgba(250, 196, 110, 1) 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
}
|
|
|
|
._hq {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 10px;
|
|
|
|
._icon {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
background: url('/assets/images/homepage/communtity/hqicon.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
span {
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 14px;
|
|
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 1%, rgba(36, 220, 247, 1) 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
|
|
._cz {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 10px;
|
|
|
|
._icon {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
background: url('/assets/images/homepage/communtity/czicon.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
span {
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 14px;
|
|
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 1%, rgba(1, 140, 255, 1) 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.device_home_right {
|
|
position: absolute;
|
|
right: 26%;
|
|
bottom: 7%;
|
|
z-index: 999;
|
|
width: 106px;
|
|
height: 126px;
|
|
background: rgba(2, 29, 51, 0.68);
|
|
padding-left: 5px;
|
|
border: 1px solid #1e5899;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding-top: 8px;
|
|
|
|
img {
|
|
width: 13px;
|
|
height: 13px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
span {
|
|
font-family: YouSheBiaoTiHei;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.checkbox {
|
|
width: 12px;
|
|
height: 12px;
|
|
background: url(/assets/images/homepage/communtity/checkbox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
cursor: pointer;
|
|
margin-right: 4px;
|
|
display: inline-block;
|
|
color: #b4d2ed;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
|
|
.map_delay {
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1000;
|
|
background: #000000;
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.delay_img {
|
|
background: url('/assets/images/homepage/bigscreen/loading.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 753px;
|
|
height: 753px;
|
|
}
|
|
}
|
|
|
|
.markerClass {
|
|
|
|
width: 12px;
|
|
height: 12px;
|
|
|
|
background-color: #dd524d;
|
|
border-radius: 6px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.device-infowindow {
|
|
width: 302px;
|
|
height: 338.43px;
|
|
background: url('/assets/images/homepage/communtity/deviceinfowindow.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
opacity: 0.8;
|
|
padding-left: 69px;
|
|
padding-left: 22px;
|
|
padding-top: 157px;
|
|
color: #fff;
|
|
|
|
.gis_exit {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 42px;
|
|
width: 30.75px;
|
|
height: 23px;
|
|
background: url('/assets/images/homepage/communtity/exit.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.gis_item {
|
|
border-bottom: 1px solid #125DB0;
|
|
width: 93%;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 20px;
|
|
margin-bottom: 10px;
|
|
min-height: 35px;
|
|
display: flex;
|
|
|
|
.gis_title {
|
|
font-family: SourceHanSansCN-Regular;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #C3E6FF;
|
|
letter-spacing: 0;
|
|
margin-right: 12px;
|
|
width: 65px;
|
|
}
|
|
|
|
.gis_text {
|
|
width: 188px;
|
|
font-family: SourceHanSansCN-Regular;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 0;
|
|
line-height: 21px;
|
|
}
|
|
}
|
|
|
|
}
|