html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: rgba(14, 18, 45, 1);
}
.titleText {
font-size: 20px;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(27, 146, 253, 1);
}
.main {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
min-width: 1560px;
}
.main .header {
position: relative;
width: 100%;
height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main .header .dateBox {
width: 363px;
position: absolute;
right: 10px;
}
.main .header .dateBox span {
font-size: 18px;
font-family: HiraginoSansGB-W3;
font-weight: normal;
color: rgba(255, 255, 255, 1);
}
.main .content {
width: 100%;
padding: 0 10px 15px 10px;
display: flex;
}
.main .content .leftBox .pingfen {
width: 100%;
height: 232px;
background: rgba(50, 72, 106, 0.2);
}
.main .content .leftBox .pingfen .pfcontent {
display: flex;
justify-content: center;
margin-top: 30px;
}
.main .content .leftBox .pingfen .pfcontent .leftBox {
width: 84px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.main .content .leftBox .pingfen .pfcontent .rightBox {
width: 100px;
height: 100px;
/* background-image: url(../img/pfyq.png);
background-repeat: no-repeat;
background-size: 100% 100%; */
display: flex;
align-items: center;
justify-content: center;
margin-left: 20px;
font-size: 36px;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
}
.comLine {
width: 1px;
height: 180px;
border: 1px solid rgba(62, 99, 151, 1);
border-right: none;
border-top: none;
border-bottom: none;
}
.smdate {
font-size: 12px;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
position: absolute;
left: 25px;
}
.smtext {
font-size: 14px;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
margin: 0 10px;
}
.main .content .leftBox .pingfen .pfcontent .leftBox span {
margin-top: 10px;
font-size: 14px;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(55, 180, 228, 1);
}
.main .content .pfTitle {
margin: 17px;
display: flex;
align-items: center;
}
.main .content .leftBox .pingfen .pfTitle > img {
margin-right: 10px;
}
.main .content .leftBox .pingfen > div {
height: 230px;
border: 1px solid rgba(27, 146, 253, 0.5);
}
.main .content .leftBox .paimin {
width: 100%;
height: 220px;
background: rgba(50, 72, 106, 0.2);
margin-top: 18px;
}
.main .content .leftBox .paimin > div {
height: 220px;
border: 1px solid rgba(27, 146, 253, 0.5);
}
/* 安全隐患 */
.main .content .leftBox .top10 {
width: 100%;
height: 438px;
background: rgba(50, 72, 106, 0.2);
margin-top: 18px;
}
.main .content .leftBox .top10 > div {
height: 438px;
border: 1px solid rgba(27, 146, 253, 0.5);
}
.main .content .middleBox .baiduMap {
height: 705px;
background: rgba(50, 72, 106, 0.2);
position: relative;
}
.main .content .middleBox .baiduMap #container {
height: 705px;
border: 1px solid rgba(27, 146, 253, 0.5);
}
.main .content .middleBox .tongjiList {
height: 203px;
background: rgba(50, 72, 106, 0.2);
margin-top: 20px;
}
.main .content .middleBox .tongjiList > div {
height: 203px;
border: 1px solid rgba(27, 146, 253, 0.5);
display: flex;
align-items: center;
}
.main .content .rightBox .weihutj {
height: 232px;
background: rgba(50, 72, 106, 0.2);
margin-bottom: 18px;
}
.main .content .rightBox .weihutj > div {
height: 232px;
width: 100%;
border: 1px solid rgba(27, 146, 253, 0.5);
}
.main .content .rightBox .guzhangtj {
height: 220px;
background: rgba(50, 72, 106, 0.2);
margin-bottom: 18px;
}
.main .content .rightBox .guzhangtj > div {
height: 220px;
width: 100%;
border: 1px solid rgba(27, 146, 253, 0.5);
}
.main .content .rightBox .huojingtj {
height: 220px;
background: rgba(50, 72, 106, 0.2);
margin-bottom: 18px;
}
.main .content .rightBox .huojingtj > div {
height: 220px;
width: 100%;
border: 1px solid rgba(27, 146, 253, 0.5);
}
.main .content .rightBox .zhifatj {
height: 200px;
background: rgba(50, 72, 106, 0.2);
margin-bottom: 18px;
}
.main .content .rightBox .zhifatj > div {
height: 200px;
width: 100%;
border: 1px solid rgba(27, 146, 253, 0.5);
}
.pfcontent .leftBox .sbwx {
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: url(../img/sbwx.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.wbfgl {
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: url(../img/wbfg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.flexcolom {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.flexrow {
display: flex;
justify-content: center;
align-items: center;
}
.animText {
font-size: 30px;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: #880e23;
}
.sbwxtext{
color: #880e23;
}
#FontScroll ul {
list-style: none;
width: 230px;
font-size: 14px;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 28px;
}
#FontScroll ul li a{
display: flex;
justify-content: space-between;
}
#FontScroll ul li .leftSpan{
display: block;
width: 128px;
text-align: right;
}
.anchorBL{
display:none;
}