/****************************************************************
 *																*		
 * 						      代码库							*
 *                        www.dmaku.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/
body,html{height:100%;width:100%}
body{background:#091439}
.data{width:100%;height:100%;background:url(../img/map_bg.png) center;min-width:1366px}
.data>.data-title{width:100%;height:105px;padding:30px 0 35px 0;box-sizing:border-box}
.data>.data-title>.title-center{width:440px;box-sizing:border-box;border-right:5px solid #0089ff;border-left:5px solid #0089ff;
text-align: center;background-image:-webkit-linear-gradient(bottom,#48bff2,#f3fafe); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;  font-size:36px; font-weight: bold; line-height: 100%; letter-spacing: 1px;}

.data>.data-title>.title-left,.data>.data-title>.title-right{width:calc(50% - 220px);height:3px;background:#0089ff;margin-top:18px}
.data>.data-content{width:100%;height:calc(100% - 105px);padding:0 20px 20px 20px;box-sizing:border-box}
.data>.data-content>.con-left{width:23.4375%;height:100%}
.data>.data-content>.con-left>.left-top{width:100%;height:calc(75% - 20px);margin-bottom:20px;position:relative}
.data>.data-content>.con-left>.left-top>.info{height:62%;width:100%;border:1px solid #20558b;box-sizing:border-box;position:relative}
.data>.data-content>.con-left>.left-top>.info>.info-title{width:158px;height:43px;background:url(../img/info-title.png) no-repeat;position:absolute;top:-22px;left:50%;margin-left:-74px;color:#fff;font-size:18px;font-weight:600;line-height:43px;text-align:center}
.data>.data-content>.con-left>.left-top>.info>.info-main{width:100%;height:80%}
.data>.data-content>.con-left>.left-top>.info>.info-main>div{width:275px;height:25%;background:url(../img/info-text.png) no-repeat;margin:8px auto}
.data>.data-content>.con-left>.left-top>.info>.info-main>div.info-1{margin-top:40px}
.data>.data-content>.con-left>.left-top>.info>.info-main .info-img{width:100px;height:60px;position:relative}
.data>.data-content>.con-left>.left-top>.info>.info-main .info-img>img{position:absolute;top:50%;left:50%;margin-left:-24px;margin-top:-24px}
.data>.data-content>.con-left>.left-top>.info>.info-main .info-text{width:175px;height:70px;padding-left:30px;padding-top:16px;box-sizing:border-box}
.data>.data-content>.con-left>.left-top>.info>.info-main .info-text>p:nth-child(1){color:#fff;font-weight:600;font-size:14px}
.data>.data-content>.con-left>.left-top>.info>.info-main>.info-1>.info-text>p:nth-child(2){font-weight:600;color:#ff4;font-size:22px}
.data>.data-content>.con-left>.left-top>.info>.info-main>.info-2>.info-text>p:nth-child(2){font-weight:600;color:#25f3e6;font-size:22px}
.data>.data-content>.con-left>.left-top>.info>.info-main>.info-3>.info-text>p:nth-child(2){font-weight:600;color:#f84a4a;font-size:22px}
.data>.data-content>.con-left>.left-top>.info>.info-main>.info-4>.info-text>p:nth-child(2){font-weight:600;color:#f5c847;font-size:22px}
.data>.data-content>.con-left>.left-top>.top-bottom{height:calc(38% - 20px);width:100%;background-color:rgba(0,24,106,.5);margin-top:20px;border:1px solid #20558b;box-sizing:border-box;position:relative}
.data>.data-content>.con-left>.left-bottom{width:100%;height:25%;background-color:rgba(0,24,106,.5);border:1px solid #20558b;box-sizing:border-box;position:relative}
.data>.data-content>.con-center{width:53.125%;height:100%;padding:0 20px;box-sizing:border-box;position:relative}
.data>.data-content>.con-center>.map-num{width:500px;height:120px;position:absolute;top:15px;left:50px;z-index:1000}
.data>.data-content>.con-center>.map-num>p{font-size:18px;font-weight:600;color:#fff}
.data>.data-content>.con-center>.map-num span{display:inline-block;width:45px;height:65px;text-align:center;line-height:65px;background-color:#0089ff;color:#fff;font-size:68px;font-weight:600;font-family:LcdD;margin-top:15px}
.data>.data-content>.con-center>.map-num span:nth-child(2),.data>.data-content>.con-center>.map-num span:nth-child(6){background-color:transparent;width:30px}
.data>.data-content>.con-center>.cen-top{width:100%;height:calc(75% - 20px);margin-bottom:20px}
.data>.data-content>.con-center>.cen-bottom{width:100%;height:25%;background-color:rgba(0,24,106,.5);border:1px solid #20558b;box-sizing:border-box;position:relative}
.data>.data-content>.con-right{width:23.4375%;height:100%}
.data>.data-content>.con-right>.right-top{width:100%;height:32%;background-color:rgba(0,24,106,.5);border:1px solid #20558b;box-sizing:border-box;position:relative}
.data>.data-content>.con-right>.right-center{width:100%;height:calc(36% - 40px);margin:20px 0;background-color:rgba(0,24,106,.5);border:1px solid #20558b;box-sizing:border-box;position:relative}
.data>.data-content>.con-right>.right-bottom{width:100%;height:32%;background-color:rgba(0,24,106,.5);border:1px solid #20558b;box-sizing:border-box;position:relative}
.data>.data-content .title{height:35px;line-height:35px;width:100%;color:#fff;font-weight:600;padding-left:15px;box-sizing:border-box}
.data>.data-content .charts{width:100%;height:calc(100% - 35px)}
.data>.data-content img.bj-1{position:absolute;left:-1px;top:-1px}
.data>.data-content img.bj-2{position:absolute;right:-1px;top:-1px}
.data>.data-content img.bj-3{position:absolute;right:-1px;bottom:-1px}
.data>.data-content img.bj-4{position:absolute;left:-1px;bottom:-1px}