html,body{height:100%;}
body{background:url(../images/body-bg.jpg) #011c2f no-repeat;background-size:100% 100%;}
.back-btn{top:0;left:0;width:100%;height:85px;display:block;}
.data-box{padding:0 1.35%;width:100%;height:100%;box-sizing: border-box;}
.data-box h1{width:97%;height:11.5%;background:url(../images/tit.png) no-repeat center center;}
/*（近六个月）活动次数、服务时长排行*/
.work2019{top:11.5%;left:1.35%;width:31%;height:30%;background:url(../images/bg1.png) no-repeat;background-size:100% 100%;}
span.color-1{background-color:#f4a76d;}
span.color-2{background-color:#bf71c5;}
span.color-3{background-color:#44a3ca;}
span.color-4{background-color:#5ca942;}
span.color-5{background-color:#fe9e2e;}
span.color-6{background-color:#e7739a;}
span.color-7{background-color:#6597c9;}
span.color-8{background-color:#fc919b;}
span.color-9{background-color:#ff9f48;}
span.color-10{background-color:#fdd65b;}
h2{height:35px;line-height:35px;font-size:.18rem;color:#afd1e0;font-weight:500;background-size:auto 100% !important;}
.tab-public h2{padding-right:.2rem;margin:.1rem .1rem 0 0;background:url(../images/tit-1-bg.png) no-repeat right center;box-sizing:border-box;}
.tab-public .tab-public-tit{font-size:.16rem;color:#b5d2e2;}
.tab-public .tab-public-tit span{margin:10px 1.6666%;width:30%;height:30px;line-height:30px;display:block;background:url(../images/tab-tit-bg.png) no-repeat center center;background-size:100% 100%;cursor:pointer;}
.tab-public .tab-public-tit span:hover{color:#fffc00;}
.tab-public .tab-public-tit span.on{color:#fffc00;}
.tab-public{padding:0 1px;}
.tab-public table{width:100%;font-size:.14rem;color:#b5d2e2;}
.tab-public thead th{font-weight:500;border:1px solid #002e73;}
.tab-public tbody td{padding-right:3px;height:25px;line-height:25px;border:1px solid #002e73;box-sizing:border-box;}
.tab-public tbody td.display-f{display:flex;}
.tab-public tbody td.display-f span{margin:8px 3px 0 5px;height:9px;display:block;}
.tab-public-con .tab-public-item{display:none;}
/*志愿队活动排行*/
.active-Ranking{top:43%;}
.active-con .active-tab-item{display:none;}
/*规划图*/
.Plan-img{left:32.8%;top:11.5%;width:32.5%;height:65%;border:2px solid #002d6f;box-sizing:border-box;border-radius:6px;box-shadow:inset 0 0 10px rgba(16,95,177,0.6);}
.Plan-img h2{height:.37rem;line-height:.37rem;background:url(../images/ico3.png) no-repeat center center;}
.Plan-img i.t-style{top:-.18rem;width:1.4rem;height:.15rem;display:block;background:url(../images/ico2.png) no-repeat;}
.Plan-img .t-l{left:0;}
.Plan-img .t-r{right:0;}

.Plan-img i.l-r-style{top:50%;margin-top:-19%;width:.08rem;height:50%;}
.Plan-img i.l-ico{left:0;background:url(../images/l-ico-1.png) no-repeat;background-size:contain;}
.Plan-img i.r-ico{right:0;background:url(../images/r-ico-1.png) no-repeat;background-size:contain;}

.Plan-img .map-info-Overview{padding-top:5px;font-size:.14rem;color:#fff;}
.Plan-img .map-info-Overview em{color:#fffc00;}

.map-data{left:5%;top:15%;width:94%;height:40%;font-size:.14rem;color:#fff;}
.map-data li{line-height:.28rem;}
.map-data li:nth-child(odd){width:65%;}
.map-data li:nth-child(even){width:35%;}
/*地图版块*/
.map-Info{margin:10px auto 0;width:496px;height:523px;background:url(../images/map-bg.png) no-repeat center center;}
.map-Info img{display:none;}
.map-Info img.on{display:block;}
.map-Info .fpx-ico{top:372px;left:179px;}
.map-Info .lmz-ico{top:3px;right:4px;}
.map-Info .myz-ico{top:69px;right:43px;}
.map-Info .xz-ico{top:5px;right:109px;}
.map-Info .dxz-ico{top:187px;right:97px;}
.map-Info .ccz-ico{top:120px;left:122px;}
.map-Info .glz-ico{top:212px;left:122px;}
.map-Info .qcz-ico{bottom:115px;left:119px;}
.map-Info .zlz-ico{bottom:110px;left:28px;}
.map-Info .mjpz-ico{bottom:174px;left:4px;}
.map-Info .dcz-ico{bottom:19px;left:65px;}
.map-Info .cgjdb-ico{bottom:14px;left:140px;}
.map-Info .dhjd-ico{bottom:7px;left:165px;}
.map-Info .lgz-ico{bottom:8px;right:119px;}
.map-Info .zqz-ico{right:42px;bottom:18px;}
.map-Info .ljz-ico{right:52px;bottom:93px;}
.map-Info .lqz-ico{right:144px;bottom:85px;}
/*文明求助、助人*/
.help-info-data{bottom:0;left:0;width:100%;height:80%;}
.help-data{top:11.5%;right:1.3%;width:32.72%;height:31.7% !important;background:url(../images/bg2.png) no-repeat;background-size:100% 100%;}
.help-data h2{margin:.1rem 0 0 .1rem;width:78%;height:.38rem;line-height:.38rem;background:url(../images/ico4.png) no-repeat;background-size:inherit;text-indent:.1rem;}
.help-data i.l-r-style{top:50%;margin-top:-15%;width:.06rem;height:46%;display:block;}
.help-data i.l-ico{left:2px;background:url(../images/l-ico-1.png) no-repeat;background-size:100% 100%;}
.help-data i.r-ico{right:2px;background:url(../images/r-ico-1.png) no-repeat;background-size:100% 100%;}
.help-pie-info{right:0;top:10%;width:40%;height:40%;}
/*参与趋势*/
.involved-in{bottom:30%;right:1.3%;width:32.72%;height:25%;background:url(../images/bg2.png) no-repeat;background-size:100% 100%;}
.involved-in h2{margin:.1rem 0 0 .1rem;width:78%;height:.38rem;line-height:.38rem;background:url(../images/ico4.png) no-repeat;background-size:inherit;text-indent:.1rem;}
.involved-in i.l-r-style{top:27%;width:.06rem;height:46%;display:block;}
.involved-in i.l-ico{left:2px;background:url(../images/l-ico-1.png) no-repeat;background-size:100% 100%;}
.involved-in i.r-ico{right:2px;background:url(../images/r-ico-1.png) no-repeat;background-size:100% 100%;}

#main{top:20%;width:100%;height:80%;}

/*平台访问量分析*/
.increase{left:1.35%;bottom:3%;width:31%;height:22.5%;background:url(../images/bg3.png) no-repeat;background-size:100% 100%;}
.increase h2{margin:.12rem .12rem 0 ;padding-right:.2rem;background:url(../images/tit-1-bg.png) no-repeat right center;box-sizing:border-box;}

#main2{left:0;bottom:0;width:100%;height:78%;}

/*本月数据概括*/
.This-month-data{bottom:3%;left:33.3%;width:31.5%;height:17%;border:2px solid #002e73;border-radius:6px;box-sizing: border-box;}
.This-month-data .t-style{top:-.18rem;width:23%;height:.15rem;background:url(../images/ico2.png) no-repeat center center;background-size:100% 100%;}
.This-month-data i.t-l{left:0;}
.This-month-data i.t-r{right:0;}
.This-month-data h2{margin-top:0;height:.35rem;line-height:.35rem;background:url(../images/bg4.png) no-repeat center center;}
.This-month-data i.l-r-style{top:20%;width:.08rem;height:60%;}
.This-month-data i.l-ico{left:0;background:url(../images/l-ico-1.png) no-repeat center center;background-size:100% 100%;}
.This-month-data i.r-ico{right:0;background:url(../images/r-ico-1.png) no-repeat center center;background-size:100% 100%;}

.water-list{top:32%;left:0;width:100%;}
.water-list ul{width:100%;height:100%;}
.water-list li{width:16.6666%;height:100%;font-size:.16rem;color:#afd1e0;}
.water-list li div{margin:0 auto;width:.75rem;height:.75rem;border:1px solid #4a7b90;border-radius:50%;box-sizing:border-box;overflow:hidden;}
.water-list li div p{width:100%;height:100%;line-height:.65rem;overflow:hidden;z-index:99;}
.water-list li div em{left:0;bottom:0;width:100%;height:30%;display:block;background:url(../images/water-bg.png) no-repeat;animation:water 2.5s linear infinite;}
.water-list li:nth-child(1) div em{height:50%;animation:water 3.5s linear infinite;}
.water-list li:nth-child(2) div em{height:29%;animation:water 2.5s linear infinite;}
.water-list li:nth-child(3) div em{height:45%;animation:water 1.5s linear infinite;}
.water-list li:nth-child(4) div em{height:30%;animation:water 4s linear infinite;}
.water-list li:nth-child(5) div em{height:20%;animation:water 2.8s linear infinite;}
.water-list li:nth-child(6) div em{height:70%;animation:water 3s linear infinite;}
.water-list li strong{margin-top:5px;display:block;font-size:14px;font-weight:500;}
@keyframes water{
	0%{background-position:50% 0;}
	25%{background-position:100% 0;}
	50%{background-position:50% 0;}
	100%{background-position:100% 0;}
}
/*数据总览*/
.Overview{top:70%;left:1.35%;width:63.5%;height:27%;background:url(../images/bg5.png) no-repeat;background-size:100% 100%;}
.Overview h2{padding-right:.15rem;margin:.1rem .1rem 0 0;width:77%;height:.36rem;line-height:.34rem;background:url(../images/bg6.png) no-repeat right center;box-sizing:border-box;background-size:100% 100% !important;box-sizing:border-box;}
.Overview i.l-r-style{top:27.5%;width:.08rem;height:45%;}
.Overview i.l-ico{left:2px;background:url(../images/l-ico-1.png) no-repeat;background-size:100% 100%;}
.Overview i.r-ico{right:2px;background:url(../images/r-ico-1.png) no-repeat;background-size:100% 100%;}

.Overview-data{top:22%;width:100%;height:90%;}
.Overview-data2{right:0;top:10%;width:25%;height:80%;}

.data-info-pop{top:50%;margin-top:-337px;left:50%;margin-left:-422.5px;width:845px;height:674px;background:url(../images/data-info-bg.jpg) no-repeat center center;z-index:99999;font-size:.2rem;display:none;}
.data-info-pop .close-data-btn{right:0;top:0;width:.33rem;height:.33rem;display:block;}
.data-info-pop .close-data-btn img{width:100%;height:100%;display:block;}
.data-info-pop h3{padding:.9rem 0 0 .75rem;font-size:.3333rem;font-weight:500;}
.data-info-pop li{margin-top:.4rem;padding-left:.75rem;height:.25rem;line-height:.25rem;}
.data-info-pop li span{margin:0 .12rem 0 .1rem;height:.25rem;display:block;}
.data-info-pop li.whfw span{width:20px;background-color:#84ccc9;}
.data-info-pop li.jsty span{width:20px;background-color:#ef9d80;}
.data-info-pop li.kjkp span{width:20px;background-color:#4b91e3;}
.data-info-pop li.jysj span{width:20px;background-color:#ad78df;}
.data-info-pop li.llxj span{width:20px;background-color:#46917e;}

/*点单数据分析*/
.Data-analysis{right:1.3%;bottom:3%;width:32.88%;height:25%;background:url(../images/bg2.png) no-repeat;background-size:100% 100%;}
.Data-analysis h2{margin:.12rem 0 0 .12rem;padding-left:.14rem;width:77%;height:.39rem;line-height:.36rem;background:url(../images/ico4.png) no-repeat;box-sizing:border-box;}
.Data-analysis i.l-r-ico{top:28.5%;width:.08rem;height:43%;display:block;}
.Data-analysis i.l-ico{left:2px;background:url(../images/l-ico-1.png) no-repeat;background-size:100% 100%;}
.Data-analysis i.r-ico{right:2px;background:url(../images/r-ico-1.png) no-repeat;background-size:100% 100%;}
#analysis{width:100%;height:85%;top:.6rem;}