1672 lines
27 KiB
CSS
1672 lines
27 KiB
CSS
/****** PLACE YOUR CUSTOM STYLES HERE ******/
|
|
body {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #051655;
|
|
font-family: 微软雅黑, MicrosoftYahei, sans-serif;
|
|
color: #fff;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
ul,
|
|
ol,
|
|
pre,
|
|
table,
|
|
blockquote,
|
|
input,
|
|
button,
|
|
select,
|
|
em,
|
|
textarea {
|
|
margin: 0;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
font-style: normal;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-family: 微软雅黑, MicrosoftYahei, sans-serif;
|
|
color: #fff;
|
|
background: #00065b url(../img/bg.jpg);
|
|
background-size: 100% 100%;
|
|
background-position: 0 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.wpbox {
|
|
width: 100%;
|
|
height: calc(100% - 10px)
|
|
}
|
|
|
|
.bnt {
|
|
height: 9%;
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.left1 {
|
|
width: 18%;
|
|
height: calc(100% - 10%);
|
|
float: left;
|
|
padding-left: 2.2%;
|
|
text-align: center;
|
|
}
|
|
|
|
.pleft1 {
|
|
width: 18.6%;
|
|
float: left;
|
|
padding-left: 2.2%;
|
|
text-align: center;
|
|
}
|
|
|
|
.puleft {
|
|
padding-left: 2.2%;
|
|
width: 35.2%;
|
|
text-align: center;
|
|
height: 100%
|
|
}
|
|
|
|
.puleft2 {
|
|
width: 35%;
|
|
height: 100%;
|
|
padding-left: .4%
|
|
}
|
|
|
|
.mr_right {
|
|
width: 25%;
|
|
height: 100%
|
|
}
|
|
|
|
.left2 {
|
|
width: 18%;
|
|
float: left;
|
|
height: 100%
|
|
}
|
|
|
|
.mrbox {
|
|
float: left;
|
|
width: 79%;
|
|
height: 100%
|
|
}
|
|
|
|
.mrbox.prbox {
|
|
float: left;
|
|
width: 60%;
|
|
height: 100%
|
|
}
|
|
|
|
.mrbox_bottom {
|
|
float: left;
|
|
width: 100%;
|
|
height: 28%
|
|
}
|
|
|
|
.mrbox_top_midd {
|
|
width: 68%;
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.mrbox_topmidd {
|
|
float: left;
|
|
width: 76%;
|
|
padding-left: .2%;
|
|
height: 100%;
|
|
}
|
|
|
|
.amidd_bott,
|
|
.box {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pmidd_bott {
|
|
width: 100%;
|
|
height: 57.4%;
|
|
}
|
|
|
|
.mrbox_top_right {
|
|
float: right;
|
|
width: 29.4%;
|
|
padding-right: 1.4%;
|
|
height: 100%
|
|
}
|
|
|
|
.mrbox_top {
|
|
width: 100%;
|
|
height: 62.4%;
|
|
}
|
|
|
|
.hdmrbox_top {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.lefttime {
|
|
background: url(../img/time.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 84%;
|
|
height: 9.3%;
|
|
margin-left: 6%
|
|
}
|
|
|
|
.lefttime_text {
|
|
padding: 2% 5% 0 5%
|
|
}
|
|
|
|
.lefttime_text li {
|
|
font-size: 12px;
|
|
color: rgba(255, 255, 255, .9);
|
|
width: 20%;
|
|
float: left;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.lefttime_text li.bg {
|
|
background: rgba(0, 183, 238, .1);
|
|
}
|
|
|
|
.lefttime_text li.active {
|
|
background: rgba(0, 183, 238, .6);
|
|
color: #fff;
|
|
}
|
|
|
|
*/ .lefttoday {
|
|
background: url(../img/left1box.png);
|
|
background-repeat: no-repeat;
|
|
background-position: -3px 2px;
|
|
width: 350px;
|
|
height: 584px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.lefttoday_tit {
|
|
overflow: hidden;
|
|
padding: 1.9% 5% .2%;
|
|
height: 6%;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
/* .lefttoday_tit.height{height: 12%;} */
|
|
|
|
.lefttoday_tit.height {
|
|
height: 6%;
|
|
}
|
|
|
|
.lefttoday_number {
|
|
overflow: hidden;
|
|
height: 74%;
|
|
width: 91%;
|
|
margin: 1% 4%;
|
|
background: rgba(1, 202, 217, .2);
|
|
}
|
|
|
|
|
|
/* .lefttoday_tit p.fl{ font-size: 12px; color: rgba(255,255,255,1); position: absolute;left: 5%;top: 22%} */
|
|
|
|
.lefttoday_tit p.fl {
|
|
font-size: 12px;
|
|
color: rgba(255, 255, 255, 1);
|
|
position: absolute;
|
|
left: 5%;
|
|
top: 25%
|
|
}
|
|
|
|
.lefttoday_tit p.fr {
|
|
font-size: 12px;
|
|
color: rgba(255, 255, 255, .6);
|
|
position: absolute;
|
|
right: 5%;
|
|
top: 25%
|
|
}
|
|
|
|
.lefttoday_tit p.fm {
|
|
font-size: 12px;
|
|
color: rgba(255, 255, 255, 1);
|
|
position: absolute;
|
|
left: 40%;
|
|
top: 25%
|
|
}
|
|
|
|
|
|
/* .lefttoday_tit.height.ht{height: 16%;} */
|
|
|
|
.lefttoday_tit.height.ht {
|
|
height: 8%;
|
|
}
|
|
|
|
|
|
/* .lefttoday_tit.height p.fl{position: absolute;left:5%;top: 15%;} */
|
|
|
|
.lefttoday_tit.height p.fl {
|
|
position: absolute;
|
|
left: 5%;
|
|
top: 40%;
|
|
}
|
|
|
|
|
|
/* .lefttoday_tit.height p.fr{position: absolute;left:5%;top: 65%; right: auto;} */
|
|
|
|
.lefttoday_tit.height p.fr {
|
|
position: absolute;
|
|
right: 5%;
|
|
top: 40%;
|
|
left: auto;
|
|
}
|
|
|
|
.lefttoday_bar ul {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.lefttoday_bar li {
|
|
color: #333;
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
line-height: 140%
|
|
}
|
|
|
|
.lefttoday_bar li span {
|
|
padding-top: 30%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.c1 {
|
|
background: #ac3ff2
|
|
}
|
|
|
|
.c2 {
|
|
background: #ffff00
|
|
}
|
|
|
|
.c3 {
|
|
background: #0078ff
|
|
}
|
|
|
|
.c4 {
|
|
background: #9cff00
|
|
}
|
|
|
|
.c5 {
|
|
background: #ff6c00
|
|
}
|
|
|
|
.c6 {
|
|
background: #77b5fb
|
|
}
|
|
|
|
.big0 {
|
|
width: 10px;
|
|
height: 10px
|
|
}
|
|
|
|
.big1 {
|
|
width: 20px;
|
|
height: 20px
|
|
}
|
|
|
|
.big2 {
|
|
width: 30px;
|
|
height: 30px
|
|
}
|
|
|
|
.big3 {
|
|
width: 40px;
|
|
height: 40px
|
|
}
|
|
|
|
.big4 {
|
|
width: 50px;
|
|
height: 50px
|
|
}
|
|
|
|
.big5 {
|
|
width: 60px;
|
|
height: 60px
|
|
}
|
|
|
|
.big6 {
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
|
|
.leftclass {
|
|
background: url(../img/leftb1.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 350px;
|
|
height: 291px;
|
|
}
|
|
|
|
.leftbox2_table {
|
|
background: url(../img/leftbox2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: -2px -2px;
|
|
width: 354px;
|
|
height: 680px;
|
|
}
|
|
|
|
.left2_table {
|
|
width: 91%;
|
|
margin-left: 5%;
|
|
font-size: 12px;
|
|
height: 81.6%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hdleft2_table {
|
|
width: 91%;
|
|
margin-left: 5%;
|
|
font-size: 12px;
|
|
height: 91.6%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.left2_table li {
|
|
background: rgba(1, 202, 217, .2) url(../img/icosjx.png) no-repeat top left;
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 2% 6%;
|
|
color: rgba(255, 255, 255, .7);
|
|
line-height: 150%
|
|
}
|
|
|
|
.left2_table li b {
|
|
color: rgba(255, 255, 255, 1);
|
|
font-weight: normal;
|
|
}
|
|
|
|
.left2_table li p.fl {
|
|
width: 80%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.left2_table li p.fr {
|
|
position: absolute;
|
|
right: 5%;
|
|
top: -20%;
|
|
}
|
|
|
|
.yellow {
|
|
color: #fff45c
|
|
}
|
|
|
|
.green {
|
|
color: #00c2fd
|
|
}
|
|
|
|
.left2_table li.bg {
|
|
background: rgba(0, 255, 255, .4) url(../img/icosjx.png) no-repeat top left;
|
|
}
|
|
|
|
.mrbox_tr_box {
|
|
background: url(../img/rbox1.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 354px;
|
|
height: 291px;
|
|
}
|
|
|
|
.mrboxtm-mbox {
|
|
background: url(../img/midtop.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 63.6%;
|
|
}
|
|
|
|
.mrboxtm-b1 {
|
|
background: url(../img/mbox1.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 460px;
|
|
height: 233px;
|
|
float: left;
|
|
}
|
|
|
|
.mrboxtm-b2 {
|
|
background: url(../img/mbox2.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 330px;
|
|
height: 233px;
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* .mrbox_tr_box{background:url(../img/rbox1.png);background-size: 100% 100%; background-repeat: no-repeat;background-position: top center; width:350px; height:680px;} */
|
|
|
|
.hdmrboxtm-mbox {
|
|
background: url(../img/hdbj.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 61.6%;
|
|
}
|
|
|
|
.rbottom_box1 {
|
|
background: url(../img/b-rbox2.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 33.5%;
|
|
height: 89.4%;
|
|
float: left;
|
|
}
|
|
|
|
.rbottom_box2 {
|
|
background: url(../img/bbox2.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 33.5%;
|
|
height: 89.4%;
|
|
float: left;
|
|
margin-left: .8%
|
|
}
|
|
|
|
.rbottom_box3 {
|
|
background: url(../img/b-rbox2.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 30%;
|
|
height: 89.4%;
|
|
float: left;
|
|
margin-left: 1%
|
|
}
|
|
|
|
.prbottom_box1cont {
|
|
margin-left: 5.2%;
|
|
width: 90.6%;
|
|
height: 82%;
|
|
margin-top: 1.8%;
|
|
}
|
|
|
|
.prbottom_box2cont {
|
|
margin-left: 5.2%;
|
|
width: 90.6%;
|
|
height: 82%;
|
|
margin-top: 1.8%;
|
|
}
|
|
|
|
.prbottom_box3cont {
|
|
margin-left: 5.2%;
|
|
width: 90.6%;
|
|
height: 82%;
|
|
margin-top: 1.8%;
|
|
}
|
|
|
|
.tith2 {
|
|
text-align: center;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
padding-top: 1.9%;
|
|
font-weight: normal;
|
|
letter-spacing: 2px;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
.topbnt_left {
|
|
width: 33%
|
|
}
|
|
|
|
.topbnt_left ul {
|
|
padding-top: 38px;
|
|
padding-left: 10%;
|
|
width: 100%
|
|
}
|
|
|
|
.topbnt_left li {
|
|
background: url(../img/bnt.png) center;
|
|
font-size: 14px;
|
|
line-height: 33px;
|
|
background-repeat: no-repeat;
|
|
width: 18%;
|
|
height: 35px;
|
|
float: left;
|
|
text-align: center;
|
|
margin-left: 1%
|
|
}
|
|
|
|
.topbnt_left li.active,
|
|
.topbnt_right li.active {
|
|
background: url(../img/bntactive.png) no-repeat center;
|
|
}
|
|
|
|
.topbnt_left li a {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
|
|
.tith1 {
|
|
width: 33%;
|
|
text-align: center;
|
|
padding-top: 16px;
|
|
font-weight: bold;
|
|
letter-spacing: 8px;
|
|
font-size: 36px;
|
|
}
|
|
|
|
.topbnt_right {
|
|
padding-top: 2%;
|
|
padding-right: 2.5%;
|
|
width: 27%
|
|
}
|
|
|
|
.topbnt_right li {
|
|
background: url(../img/bnt.png) center;
|
|
font-size: 14px;
|
|
line-height: 33px;
|
|
background-repeat: no-repeat;
|
|
width: 22%;
|
|
height: 35px;
|
|
float: right;
|
|
text-align: center;
|
|
margin-right: 1%
|
|
}
|
|
|
|
.topbnt_right li a {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
|
|
.pt1 {
|
|
padding-top: 1.3%;
|
|
}
|
|
|
|
.pt2 {
|
|
padding-top: 2.2%;
|
|
}
|
|
|
|
.pt3 {
|
|
padding-top: 3.3%;
|
|
}
|
|
|
|
.pt6 {
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.pt17 {
|
|
padding-top: 17px;
|
|
}
|
|
|
|
.pt14 {
|
|
padding-top: 14px
|
|
}
|
|
|
|
.pt12 {
|
|
padding-top: 12px
|
|
}
|
|
|
|
.pt20 {
|
|
padding-top: 22px;
|
|
}
|
|
|
|
|
|
/* .box_pad{ margin: 3px 20px; } */
|
|
|
|
.mrboxtm-map {
|
|
background: url(../img/mapbg.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 90%;
|
|
margin-left: 4%;
|
|
margin-top: 1%;
|
|
height: 90%;
|
|
position: relative;
|
|
}
|
|
|
|
.hdmrboxtm-map {
|
|
background: url(../img/hdmap.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 90%;
|
|
margin-left: 4%;
|
|
margin-top: 1%;
|
|
height: 66%;
|
|
position: relative;
|
|
}
|
|
|
|
.mrboxtm-map li {
|
|
width: 23px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
}
|
|
|
|
.mrboxtm-map li.bluer {
|
|
background-image: url(../img/blue_rico.png);
|
|
}
|
|
|
|
.mrboxtm-map li.redr {
|
|
background-image: url(../img/red_rico.png);
|
|
}
|
|
|
|
.ricontop {
|
|
width: 29px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: #fff;
|
|
text-align: center;
|
|
bbackground-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
font-size: 12px;
|
|
margin-right: 5px;
|
|
font-style: normal;
|
|
display: inline-block;
|
|
}
|
|
|
|
i.bluer {
|
|
background-image: url(../img/ricon2.png);
|
|
}
|
|
|
|
i.redr {
|
|
background-image: url(../img/ricon1.png);
|
|
}
|
|
|
|
.font14 p.fl,
|
|
.font14 p.fr {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mrtop1 {
|
|
background: rgba(1, 202, 217, .2);
|
|
overflow: hidden;
|
|
margin: 4px 15px;
|
|
}
|
|
|
|
.widget-inline-box {
|
|
text-align: center;
|
|
color: rgba(255, 255, 255, .9);
|
|
width: 50%;
|
|
padding: 10% 0;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.widget-inline-box h3 {
|
|
font-size: 22px;
|
|
font-weight: 100;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ceeb1fd {
|
|
color: #eeb1fd
|
|
}
|
|
|
|
.c24c9ff {
|
|
color: #24c9ff
|
|
}
|
|
|
|
.cffff00 {
|
|
color: #ffff00
|
|
}
|
|
|
|
.c11e2dd {
|
|
color: #11e2dd
|
|
}
|
|
|
|
.text-muted {
|
|
font-size: 12px;
|
|
color: #789ce0;
|
|
}
|
|
|
|
.text-muted img {
|
|
vertical-align: middle;
|
|
margin: 0 3px
|
|
}
|
|
|
|
.mrtop2 {
|
|
margin: 4px 15px;
|
|
padding: 20px 0;
|
|
background: rgba(1, 202, 217, .2);
|
|
width: 305px
|
|
}
|
|
|
|
.tith4 {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mrtop3 {
|
|
margin: 4px 15px;
|
|
padding: 20px 0;
|
|
background: rgba(1, 202, 217, .2);
|
|
width: 305px
|
|
}
|
|
|
|
.mrboxtm-b1wp {
|
|
margin: 4px 25px;
|
|
padding: 20px 0;
|
|
background: rgba(1, 202, 217, .2);
|
|
width: 415px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mrboxtm_text {
|
|
overflow: hidden;
|
|
padding-left: 12px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.mrbtext_info {
|
|
background: rgba(1, 202, 217, .2);
|
|
font-weight: normal;
|
|
padding: 10px 0;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: rgba(255, 255, 255, .7);
|
|
float: left;
|
|
margin: 2px 0 10px 8px;
|
|
width: 140px;
|
|
}
|
|
|
|
.mrbtext_info b {
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.lefttoday_number .widget-inline-box {
|
|
width: 25%
|
|
}
|
|
|
|
|
|
/* 警情警力分析 完*/
|
|
|
|
.aleftboxttop {
|
|
background: url(../img/leftb1.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 99%;
|
|
height: 27.5%;
|
|
margin-bottom: 1%
|
|
}
|
|
|
|
.aleftboxttop .lefttoday_number {
|
|
background: none;
|
|
}
|
|
|
|
.aleftboxttop .widget-inline-box {
|
|
width: 24.2%;
|
|
margin: 0 .4%;
|
|
background: rgba(1, 202, 217, .2);
|
|
padding: 16% 0;
|
|
height: 100%;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.aleftboxtmidd {
|
|
background: url(../img/aleftboxtmidd.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 98.5%;
|
|
height: 29.4%;
|
|
margin-bottom: 1%
|
|
}
|
|
|
|
|
|
/* .aleftboxtmiddcont{width:91%; height:66%;margin-left: 4.4%; margin-top: 1%;} */
|
|
|
|
.aleftboxtmiddcont {
|
|
width: 91%;
|
|
height: 72%;
|
|
margin-left: 4.4%;
|
|
margin-top: 1%;
|
|
}
|
|
|
|
.aleftboxtbott {
|
|
background: url(../img/aleftboxtbott.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 40%
|
|
}
|
|
|
|
|
|
/* .aleftboxtbott_cont{width:91%; height:72.6%; margin-top: 1.8%;margin-left: 4.4%;} */
|
|
|
|
.aleftboxtbott_cont {
|
|
width: 91%;
|
|
height: 79%;
|
|
margin-top: 1.8%;
|
|
margin-left: 4.4%;
|
|
}
|
|
|
|
.aleftboxtbott_cont2 {
|
|
width: 89.9%;
|
|
height: 86.6%;
|
|
margin-top: 2.8%;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.aleftboxtbott_contr {
|
|
width: 89.9%;
|
|
height: 90.6%;
|
|
margin-top: 1.8%;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.amiddboxttop {
|
|
overflow: hidden;
|
|
background: url(../img/amiddboxttop.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 99%;
|
|
height: 52.1%;
|
|
}
|
|
|
|
.amiddboxttop_map {
|
|
background: url(../img/img.jpg);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
position: relative;
|
|
width: 90%;
|
|
height: 86%;
|
|
margin: 1.4% 5% 0;
|
|
}
|
|
|
|
.hot_map {
|
|
width: 90%;
|
|
height: 86%;
|
|
margin: 1.4% 5% 0;
|
|
}
|
|
|
|
.amidd_bott {
|
|
width: 100%;
|
|
height: 38%;
|
|
padding-top: .8%
|
|
}
|
|
|
|
|
|
/* .amiddboxttop_map span{background:url(../img/camera.png);background-repeat: no-repeat;background-position: 0 0; width: 24px; height: 19px; display: inline-block; position: absolute;} */
|
|
|
|
|
|
/* .amiddboxttop_map span.camera_l{background:url(../img/camera_l.png);background-repeat: no-repeat;background-position: 0 0; width: 24px; height: 19px; display: inline-block; position: absolute;} */
|
|
|
|
.amiddboxtbott1 {
|
|
background: url(../img/amiddboxtbott1.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 48%;
|
|
height: 91.6%;
|
|
margin-left: .5%;
|
|
margin-right: 1%
|
|
}
|
|
|
|
.amiddboxtbott1content {
|
|
width: 91%;
|
|
height: 86.5%;
|
|
margin-left: 4.8%;
|
|
margin-top: 1.6%;
|
|
}
|
|
|
|
.amiddboxtbott1content2 {
|
|
width: 91%;
|
|
height: 80%;
|
|
margin-left: 4.8%;
|
|
margin-top: .6%;
|
|
}
|
|
|
|
.amiddboxtbott2 {
|
|
background: url(../img/amiddboxtbott2.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
float: right;
|
|
width: 49%;
|
|
height: 91.8%;
|
|
margin-right: .9%;
|
|
}
|
|
|
|
.amiddboxtbott2content {
|
|
width: 91.8%;
|
|
height: 86%;
|
|
margin-left: 4.4%;
|
|
margin-top: 1.6%;
|
|
}
|
|
|
|
.arightboxtop {
|
|
background: url(../img/arightboxtop.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 51.9%;
|
|
}
|
|
|
|
.arightboxbott {
|
|
background: url(../img/arightboxbott.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 35%;
|
|
margin-top: 3%
|
|
}
|
|
|
|
.arightboxbottcont {
|
|
width: 91%;
|
|
margin-top: 1%;
|
|
margin-left: 5%;
|
|
height: 79%;
|
|
}
|
|
|
|
.arightboxbottcont2 {
|
|
width: 90%;
|
|
margin-top: 1.6%;
|
|
margin-left: 5.3%;
|
|
height: 85.5%;
|
|
}
|
|
|
|
.plefttoday {
|
|
background: url(../img/pleft1middt.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 96%;
|
|
height: 30%;
|
|
margin-top: .4%;
|
|
}
|
|
|
|
.plefttoday .widget-inline-box {
|
|
width: 48%;
|
|
padding: 4% 0
|
|
}
|
|
|
|
.lpeftmidbot {
|
|
background: url(../img/pleft1middb.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 95.8%;
|
|
height: 27.6%;
|
|
margin-top: 3.4%;
|
|
}
|
|
|
|
.lpeftmidbotcont {
|
|
width: 90.1%;
|
|
margin-top: 2%;
|
|
margin-left: 5.2%;
|
|
height: 82%;
|
|
}
|
|
|
|
.lpeftbot {
|
|
background: url(../img/pleft1middb.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 95.8%;
|
|
height: 27.6%;
|
|
margin-top: 3.4%;
|
|
}
|
|
|
|
.lpeftbotcont {
|
|
width: 90.1%;
|
|
margin-top: 2%;
|
|
margin-left: 5.2%;
|
|
height: 82%;
|
|
}
|
|
|
|
.pleftbox2top {
|
|
background: url(../img/pleftbox2top.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 96.8%;
|
|
height: 35.2%;
|
|
margin-top: 1%;
|
|
}
|
|
|
|
.pleftbox2topcont {
|
|
width: 90.1%;
|
|
margin-top: 2%;
|
|
margin-left: 5%;
|
|
height: 88%
|
|
}
|
|
|
|
.pleftbox2midd {
|
|
background: url(../img/pleftbox2mid.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 96.8%;
|
|
height: 24.6%;
|
|
margin-top: 3.8%;
|
|
}
|
|
|
|
.pleftbox2middcont {
|
|
width: 90.1%;
|
|
margin-top: 2%;
|
|
margin-left: 5.2%;
|
|
height: 82%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.lpeft2bot {
|
|
background: url(../img/pleft1middb.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 97.8%;
|
|
height: 24.6%;
|
|
margin-top: 4.2%;
|
|
}
|
|
|
|
.lpeftb2otcont1 {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.hdrightboxtop {
|
|
background: url(../img/hdbjr.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 87%;
|
|
}
|
|
|
|
.lpeftb2otcont {
|
|
width: 90.1%;
|
|
margin-top: 2%;
|
|
margin-left: 5.2%;
|
|
height: 82%;
|
|
}
|
|
|
|
.pmrboxbottom {
|
|
background: url(../img/pmiddboxmidd.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 32.9%;
|
|
margin-top: 1.8%;
|
|
}
|
|
|
|
.pmrboxbottomcont {
|
|
width: 94.1%;
|
|
margin-top: 1.1%;
|
|
margin-left: 3.1%;
|
|
height: 76%;
|
|
}
|
|
|
|
.mrbox_bottom_bott {
|
|
width: 100%;
|
|
height: 27%;
|
|
margin-top: 1.8%;
|
|
}
|
|
|
|
.pmrtop {
|
|
background: url(../img/prighttop.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 56.6%;
|
|
}
|
|
|
|
.pmrtop_contheight {
|
|
height: 30%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pmrtop1 {
|
|
background: url(../img/prighttop.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 40.4%;
|
|
}
|
|
|
|
.pmrtop_cont1 {
|
|
height: 87%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pmrmiddcont {
|
|
width: 98.1%;
|
|
margin-top: 1.1%;
|
|
margin-left: 3.1%;
|
|
height: 64%;
|
|
}
|
|
|
|
.pmrtop_contheight .widget-inline-box {
|
|
padding: 5% 0;
|
|
}
|
|
|
|
.lefttoday_bar {
|
|
height: 56%;
|
|
width: 100%;
|
|
}
|
|
|
|
.pmrtop_cont {
|
|
background: rgba(1, 202, 217, .2);
|
|
width: 90.6%;
|
|
height: 86%;
|
|
margin: 2.2% 0 0 5.1%
|
|
}
|
|
|
|
.pmrtop_wid .widget-inline-box {
|
|
width: 33%;
|
|
}
|
|
|
|
.pulefttop {
|
|
background: url(../img/pulefttop.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 29%;
|
|
}
|
|
|
|
.puleftboxtmidd {
|
|
background: url(../img/puleftmidd.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 28.6%;
|
|
margin-top: 1%
|
|
}
|
|
|
|
.puleftboxtbott {
|
|
background: url(../img/puleftbott.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 28%;
|
|
margin-top: 1%
|
|
}
|
|
|
|
.pumiddboxttop1 {
|
|
background: url(../img/pumiddtop1.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 47.7%;
|
|
height: 100%;
|
|
padding-left: 1.4%;
|
|
}
|
|
|
|
.pumiddboxttop2 {
|
|
background: url(../img/pumiddtop2.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 47.7%;
|
|
height: 100%;
|
|
margin-left: 1.4%;
|
|
}
|
|
|
|
.pmiddboxtbott {
|
|
background: url(../img/pumiddbott.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 98.4%;
|
|
height: 27.8%;
|
|
margin-top: 2%
|
|
}
|
|
|
|
.purightboxtop {
|
|
background: url(../img/purighttop.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 29%;
|
|
}
|
|
|
|
.purightboxmidd {
|
|
background: url(../img/purightmidd.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 28%;
|
|
margin-top: 1.8%
|
|
}
|
|
|
|
.purightboxbott {
|
|
background: url(../img/purightbott.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
height: 28%;
|
|
margin-top: 2.2%
|
|
}
|
|
|
|
.purightboxtopcont {
|
|
width: 90.2%;
|
|
height: 77%;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.purightboxmiddcont {
|
|
width: 90.2%;
|
|
height: 77%;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.purightboxbottcont {
|
|
width: 90.2%;
|
|
height: 77%;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.pumiddboxtbott1cont {
|
|
width: 62%;
|
|
height: 100%;
|
|
margin-left: 3%;
|
|
}
|
|
|
|
.tith2 span {
|
|
display: inline-block;
|
|
float: left;
|
|
width: 40%;
|
|
}
|
|
|
|
.pbox {
|
|
width: 100%;
|
|
height: 76%;
|
|
}
|
|
|
|
.pulefttoday_bar {
|
|
width: 46.7%;
|
|
height: 100%;
|
|
margin-left: 2.5%;
|
|
}
|
|
|
|
.pulefttoday_bar2 {
|
|
width: 46.7%;
|
|
height: 100%;
|
|
margin-right: 2.5%;
|
|
}
|
|
|
|
.puleftboxtmidd1 {
|
|
width: 46.7%;
|
|
height: 100%;
|
|
margin-left: 2.5%;
|
|
}
|
|
|
|
.puleftboxtbott1 {
|
|
width: 62.7%;
|
|
height: 100%;
|
|
margin-left: 2.5%;
|
|
}
|
|
|
|
.puleftboxtbott2 {
|
|
width: 30.7%;
|
|
height: 100%;
|
|
margin-right: 2.5%;
|
|
}
|
|
|
|
.puleft2height {
|
|
width: 96%;
|
|
height: 88%;
|
|
margin-left: 3%;
|
|
}
|
|
|
|
.puleftbox2bott_cont {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.pulefttoday_bar,
|
|
.puleftboxtbott2,
|
|
.pumiddboxtbott2 {
|
|
background: rgba(1, 202, 217, .2);
|
|
}
|
|
|
|
.puleftboxtbott2 .widget-inline-box {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 2% 0
|
|
}
|
|
|
|
.pumiddboxttop1 .widget-inline-box {
|
|
width: 45%;
|
|
background: rgba(1, 202, 217, .2);
|
|
margin-left: 2%;
|
|
margin-bottom: 1.5%;
|
|
height: 38%;
|
|
}
|
|
|
|
.pumiddboxttop1 .widget-inline-box p {
|
|
padding-top: 30%;
|
|
}
|
|
|
|
.f30 {
|
|
font-size: 40px !important;
|
|
margin: 10% 0
|
|
}
|
|
|
|
.pumiddboxtbott2 {
|
|
width: 30.9%;
|
|
height: 100%;
|
|
margin-right: 2.5%;
|
|
}
|
|
|
|
.pumiddboxtbott2 .widget-inline-box {
|
|
width: 100%;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.pumiddboxtbott2 .widget-inline-box p {
|
|
padding-top: 19%
|
|
}
|
|
|
|
.pumiddboxttop2_cont {
|
|
width: 90%;
|
|
margin-left: 4.5%;
|
|
margin-top: 0;
|
|
height: 85.4%;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
}
|
|
|
|
.pumiddboxttop2_cont ul {
|
|
height: 100%;
|
|
}
|
|
|
|
.pumiddboxttop2_cont li {
|
|
background: rgba(1, 202, 217, .2) url(../img/hot.png) no-repeat 12px 12px;
|
|
height: 13.8%
|
|
}
|
|
|
|
.pumiddboxttop2_cont li p.text_l {
|
|
line-height: 160%;
|
|
width: 95%;
|
|
overflow: hidden;
|
|
padding-left: 10%;
|
|
}
|
|
|
|
.pumiddboxttop2_cont li p.text_r {
|
|
text-align: right;
|
|
width: 99%;
|
|
height: 40%;
|
|
}
|
|
|
|
.pumiddboxttop2_cont li.bg {
|
|
background: rgba(0, 255, 255, .4) url(../img/hot.png) no-repeat 12px 12px;
|
|
}
|
|
|
|
.pvr {
|
|
position: relative;
|
|
}
|
|
|
|
.pvr ul {
|
|
position: absolute;
|
|
left: 11%;
|
|
top: 13%;
|
|
}
|
|
|
|
.pvr ul li {
|
|
width: 16px;
|
|
height: 16px;
|
|
text-align: center;
|
|
line-height: 16px;
|
|
margin-top: 82%;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
display: block;
|
|
color: #fff;
|
|
z-index: 1111
|
|
}
|
|
|
|
.hot1 {
|
|
background-color: #ff0000
|
|
}
|
|
|
|
.hot2 {
|
|
background-color: #ff7200
|
|
}
|
|
|
|
.hot3 {
|
|
background-color: #ffbd5e
|
|
}
|
|
|
|
.hot4 {
|
|
background-color: #b3b3b3
|
|
}
|
|
|
|
.hot5 {
|
|
background-color: #597a9f
|
|
}
|
|
|
|
.liwp ul li {
|
|
margin-top: 79%;
|
|
}
|
|
|
|
.hdtop ul li {
|
|
margin-top: 95%;
|
|
}
|
|
|
|
.pulefttoday_bar2 ul {
|
|
position: absolute;
|
|
left: 4.7%;
|
|
top: 8%;
|
|
}
|
|
|
|
.pulefttoday_bar2 ul li {
|
|
margin-top: 110%;
|
|
}
|
|
|
|
.tlbox {
|
|
overflow: hidden;
|
|
height: 74%;
|
|
width: 91%;
|
|
margin: 1% 4%;
|
|
background: rgba(1, 202, 217, .2);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.tlbox p.text {
|
|
padding-left: 3%;
|
|
}
|
|
|
|
.tlbox p.text span {
|
|
width: 27.8%;
|
|
color: rgba(255, 255, 255, .6);
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
|
|
.tlbox ul {
|
|
height: 100%
|
|
}
|
|
|
|
.tlbox li {
|
|
height: 20%;
|
|
padding-top: 5.6%;
|
|
}
|
|
|
|
.tlbox p.rwith {
|
|
width: 90%;
|
|
height: 10px;
|
|
background: #4ab4ff;
|
|
margin: 2% 5%;
|
|
}
|
|
|
|
.tlbox span.rwith_img {
|
|
height: 10px;
|
|
background: #f8e19a;
|
|
float: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
.tlbox p.text span.w12 {
|
|
width: 28%;
|
|
text-align: left;
|
|
}
|
|
|
|
.tlbox p.bgc3 {
|
|
background: #f19ec2
|
|
}
|
|
|
|
.tlbox span.qgc2 {
|
|
background: #7ecef4
|
|
}
|
|
|
|
.tlbox p.bgc2 {
|
|
background: #99b0f7
|
|
}
|
|
|
|
.tlbox span.qgc3 {
|
|
background: #cce198
|
|
}
|
|
|
|
.tlbox p.text span.tr {
|
|
text-align: right;
|
|
width: 10%;
|
|
padding-right: 3%;
|
|
}
|
|
|
|
.tlbox li span i {
|
|
width: 14px;
|
|
height: 6px;
|
|
display: inline-block;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.ricon1 {
|
|
background: #f8e19a;
|
|
}
|
|
|
|
.ricon2 {
|
|
background: #7ecef4;
|
|
}
|
|
|
|
.ricon3 {
|
|
background: #f19ec2;
|
|
}
|
|
|
|
.tricon1 {
|
|
background: #4ab4ff;
|
|
}
|
|
|
|
.tricon2 {
|
|
background: #99b0f7;
|
|
}
|
|
|
|
.tricon3 {
|
|
background: #cce198;
|
|
}
|
|
|
|
.hdwid {
|
|
width: 49.6%;
|
|
}
|
|
|
|
|
|
/* 交通分析*/
|
|
|
|
|
|
/* 智慧停车 */
|
|
|
|
.zhtc_table_title {
|
|
width: 80%;
|
|
display: flex;
|
|
font-size: small;
|
|
margin: 0 10%;
|
|
text-align:center
|
|
}
|
|
|
|
.zhtc_table_title div:nth-child(1) {
|
|
flex: 1;
|
|
}
|
|
.zhtc_table_title div:nth-child(2) {
|
|
flex: 1.8;
|
|
}
|
|
.zhtc_table_title div:nth-child(3) {
|
|
flex: 1.5;
|
|
}
|
|
.zhtc_table_title div:nth-child(4) {
|
|
flex: 0.7;
|
|
}
|
|
|
|
.zhtc_table_li_content {
|
|
width: 100%;
|
|
display: flex;
|
|
font-size: small;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.zhtc_table_li_content div:nth-child(1) {
|
|
flex: 1;
|
|
}
|
|
.zhtc_table_li_content div:nth-child(2) {
|
|
flex: 1.8;
|
|
}
|
|
.zhtc_table_li_content div:nth-child(3) {
|
|
flex: 1.5;
|
|
}
|
|
.zhtc_table_li_content div:nth-child(4) {
|
|
flex: 0.7;
|
|
} |