.years_box[data-v-4fcc3e84]{width:100%;height:calc(100% - 30px)}.years_box .years[data-v-4fcc3e84]{width:100%;height:100%}.years_box .gender-ratio-age-ratio[data-v-4fcc3e84]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.years_box .gender-ratio-age-ratio .gender-ratio[data-v-4fcc3e84]{width:40%}.years_box .gender-ratio-age-ratio .gender-ratio .gender-ratio-item[data-v-4fcc3e84]{padding-top:2%;display:block;text-align:center;list-style:none;margin-right:8px;color:#16c8df;width:100%}.years_box .gender-ratio-age-ratio .gender-ratio .gender-ratio-item .img[data-v-4fcc3e84]{position:absolute;margin-left:2%;margin-right:15px;color:#043a48;background-color:#01202c;border:1px solid;padding:7px;text-align:center;border-radius:10%}.years_box .gender-ratio-age-ratio .gender-ratio .gender-ratio-item .text[data-v-4fcc3e84]{display:block;margin-left:15%}.years_box .gender-ratio-age-ratio .gender-ratio .gender-ratio-item .text .dot[data-v-4fcc3e84]{font-family:微软雅黑;font-weight:400;font-style:normal;font-size:16px;color:#abf5ff}.years_box .gender-ratio-age-ratio .gender-ratio .gender-ratio-item .text .dot p[data-v-4fcc3e84]{font-family:"\5FAE\8F6F\96C5\9ED1   Bold","\5FAE\8F6F\96C5\9ED1   Regular",微软雅黑;font-weight:700;font-style:normal;margin:0 auto;color:#15c3d7}.years_box .gender-ratio-age-ratio .age-ratio[data-v-4fcc3e84]{width:60%;height:100%}.years_box .gender-ratio-age-ratio .age-ratio .age-ratio-chart[data-v-4fcc3e84]{width:90%;height:100%;font-size:18px!important}.genders_box .genders[data-v-361abc7c],.genders_box[data-v-361abc7c],.months_box .months[data-v-a1ab4a92],.months_box[data-v-a1ab4a92],.openModes_box .openModes[data-v-6553a96e],.openModes_box[data-v-6553a96e],.opens_box .opens[data-v-005972a6],.opens_box[data-v-005972a6],.sticss_box .sticss[data-v-20068c15],.sticss_box[data-v-20068c15]{width:100%;height:100%}.opens_box[data-v-f510e188]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.opens_box .opens[data-v-f510e188]{width:200px;height:100%}.opens_box .item-content[data-v-f510e188]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:10px 30px 10px 0}.opens_box .item-content[data-v-f510e188],.opens_box .item-content div[data-v-f510e188]{display:-webkit-box;display:-ms-flexbox;display:flex}.opens_box .item-content div .badge[data-v-f510e188]{width:5px;height:5px;background:#40a9ff;border-radius:50%;margin:auto 5px auto 0}.opens_box .item-content div .num[data-v-f510e188]{font-family:DIN-Bold;font-size:18px;color:#fff;letter-spacing:0;line-height:18px;font-weight:700;margin-left:16px}.buttonStyle[data-v-f510e188]{color:#40a9ff;border-color:#40a9ff}.sticss_box .sticss[data-v-251d17d7],.sticss_box[data-v-251d17d7]{width:100%;height:100%}.total-num .num[data-v-5076e28a]{color:#abf5ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.total-num .num ul[data-v-5076e28a]{overflow:hidden;margin-bottom:0}.total-num .num ul li[data-v-5076e28a]{width:40px;height:40px;border:2px solid #68d8fe;margin-right:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;font-weight:bolder;font-size:24px}.total-num .num .person[data-v-5076e28a]{margin-left:15px;font-size:20px}.total-num .add-item[data-v-5076e28a]{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.total-num .add-item .person[data-v-5076e28a]{font-size:20px;color:#abf5ff;text-align:center}.regional-distribution[data-v-818a19b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.regional-distribution .seamless-warp[data-v-818a19b8]{height:90%;overflow:hidden;font-size:16px;color:#fff;width:100%}.regional-distribution .seamless-warp .item[data-v-818a19b8]{padding:10px;border:1px solid #085e6d;margin:10px}.regional-distribution .seamless-warp .item .title[data-v-818a19b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;margin-bottom:5px}.regional-distribution .seamless-warp .item .title .label[data-v-818a19b8]{display:inline-block;padding:0 5px;border-radius:5px;background-image:-webkit-gradient(linear,left top,right bottom,from(#eda10a),to(red));background-image:linear-gradient(to bottom right,#eda10a,red);background-color:red}.regional-distribution .seamless-warp .item .content[data-v-818a19b8]{font-size:14px}.regional-distribution .seamless-warp .item .content span[data-v-818a19b8]{margin-right:15px}ul.PieShow{padding:0}.clear:after,.clear:before{content:"";display:block;clear:both}.fl{float:left}.fr{float:right}.zfc li{width:40px;height:60px;line-height:60px;border:1px solid #16c8df;text-align:center;font-size:40px;font-weight:700;color:#abf5ff;border-radius:5px;margin-right:5px;background:-webkit-gradient(linear,left top,left bottom,from(#043242),to(#064155));background:linear-gradient(180deg,#043242,#064155)}html{background-color:#001824;background-size:100% 100%;height:100%;width:100%;position:fixed}html .echarts{width:100%;height:100vh}html .echarts .banner{width:100%;height:100%;background-color:#001824}html .echarts .banner .top{background-color:#001824;margin-bottom:10px;background:url(../../static/img/top.34fc74dc.png) no-repeat;background-size:100% 100%;width:100%;height:10%;display:-webkit-box;display:-ms-flexbox;display:flex}html .echarts .banner .top img{width:100%;height:100%}html .echarts .banner .top div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 2%}html .echarts .banner .top div .time{color:#15c3d7;font-size:25px;margin:auto 0;font-weight:700;width:20%}html .echarts .banner .top div .t-center{width:30%;text-align:center;font-size:35px;color:#fff;background:-webkit-gradient(linear,left bottom,left top,from(#aad4fe),color-stop(99.58496%,#fff));background:linear-gradient(0deg,#aad4fe,#fff 99.58496%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:auto 0;font-weight:600}html .echarts .banner .all{width:100%;height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}html .echarts .banner .all .right{width:30%;height:90%;margin:0 10px 0 0}html .echarts .banner .all .right .data{height:32%;border:1px solid #085e6d;background-size:100% 100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;overflow:hidden}html .echarts .banner .all .right .data,html .echarts .banner .all .right .data .PieShow{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}html .echarts .banner .all .right .data .PieShow li{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}html .echarts .banner .all .right .data .PieShow li .box{width:100%}html .echarts .banner .all .right .data .PieShow li .air{font-family:微软雅黑;font-weight:400;font-style:normal;font-size:16px;color:#abf5ff;text-align:center}html .echarts .banner .all .right .data .PieShow li .air p{text-align:center;margin:0 auto;font-size:12px;opacity:.8}html .echarts .banner .all .right .data .PieShow li .air .num{font-weight:700;font-style:normal;font-size:40px;color:rgba(21,195,215,.8)}html .echarts .banner .all .right .data .PieShow li .text{text-align:center;color:#abf5ff;margin-bottom:10px}html .echarts .banner .all .right .data .PieShow li .text span{font-style:normal;font-size:14px;text-align:center;margin-left:20px;padding:2px 6px 2px 6px;border:1px solid #064a9a;border-radius:10px;color:#abf5ff}html .echarts .banner .all .right .gender_item{width:100%;height:36%;border:1px solid #085e6d;margin-left:10px;margin-top:1.3%;background-size:100% 100%;overflow:hidden}html .echarts .banner .all .right .gender_item .gender_title{color:#0d9bab;font-weight:700;width:120px;margin-bottom:12px;border:1px solid #064b5b;border-radius:0 0 10px 10px;text-align:center}html .echarts .banner .all .right .year_item{width:100%;height:32%;border:1px solid #085e6d;margin-left:10px;margin-top:1.3%;background-size:100% 100%;overflow:hidden}html .echarts .banner .all .right .year_item .year_title{color:#0d9bab;font-weight:700;width:120px;margin-bottom:12px;border:1px solid #064b5b;border-radius:0 0 10px 10px;text-align:center}html .echarts .banner .all .center{width:40%;height:90%;margin:0 0 0 10px}html .echarts .banner .all .center .top_item{width:100%;height:10%}html .echarts .banner .all .center .top_item .inner{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}html .echarts .banner .all .center .top_item .inner .item{padding-top:2%;width:33%;height:100%;display:block;text-align:center;list-style:none;margin-right:8px;color:#16c8df;border:1px solid #085e6d}html .echarts .banner .all .center .top_item .inner .item .img{position:absolute;margin-left:2%;margin-right:15px;color:#043a48;background-color:#01202c;border:1px solid;padding:7px;text-align:center;border-radius:10%}html .echarts .banner .all .center .top_item .inner .item .text{display:block;margin-left:15%}html .echarts .banner .all .center .top_item .inner .item .text .dot{font-family:微软雅黑;font-weight:400;font-style:normal;font-size:16px;color:#abf5ff}html .echarts .banner .all .center .top_item .inner .item .text .dot p{font-family:"\5FAE\8F6F\96C5\9ED1   Bold","\5FAE\8F6F\96C5\9ED1   Regular",微软雅黑;font-weight:700;font-style:normal;margin:0 auto;color:#15c3d7}html .echarts .banner .all .center .dayName{width:100%;height:20%;margin-top:2%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #064b5b}html .echarts .banner .all .center .dayName .line_title{color:#0d9bab;font-weight:700;width:120px;border:1px solid #064b5b;border-radius:0 0 10px 10px;text-align:center}html .echarts .banner .all .center .dayName .month{height:100%;width:100%}html .echarts .banner .all .center .child_box{width:100%;height:85%;position:relative;margin-top:10px;border:1px solid #064b5b}html .echarts .banner .all .center .child_box .child_title_left{position:absolute;bottom:-4px;left:6px;color:#11a1b3}html .echarts .banner .all .center .child_box .child_title_left ul{width:100%;height:100%;border:1px solid #1e2e53;background-color:#001824;margin-top:3px}html .echarts .banner .all .center .child_box .child_title_left .total{width:100%;height:8%;color:#11a1b3}html .echarts .banner .all .center .child_box .child_title_left .total span{margin-left:5px}html .echarts .banner .all .center .child_box .child_title_right{color:#0d9bab;font-weight:700;float:right;width:120px;margin-bottom:12px;border:1px solid #064b5b;border-radius:0 0 10px 10px;text-align:center}html .echarts .banner .all .center .child_box .totlo{width:100%;height:100%}html .echarts .banner .all .center .child_box .child_table{width:420px;height:101px;position:absolute;top:37px;left:48px}html .echarts .banner .all .center .child_box .child_table span{display:inline-block;padding:0 10px;height:101px;font-size:67px;margin-left:13px;color:#abf5ff;padding-right:2px;border:1px solid #15c3d7;text-align:center}html .echarts .banner .all .left{width:30%;height:90%;margin:0 10px 0 10px}html .echarts .banner .all .left .left-data,html .echarts .banner .all .left .openModeh_item{width:100%;height:24%;border:1px solid #085e6d;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}html .echarts .banner .all .left .left-data .total-num,html .echarts .banner .all .left .openModeh_item .total-num{width:100%;margin-top:20px}html .echarts .banner .all .left .left-data .total-num .num,html .echarts .banner .all .left .openModeh_item .total-num .num{color:#abf5ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}html .echarts .banner .all .left .left-data .total-num .num ul,html .echarts .banner .all .left .openModeh_item .total-num .num ul{overflow:hidden;margin-bottom:0}html .echarts .banner .all .left .left-data .total-num .num ul li,html .echarts .banner .all .left .openModeh_item .total-num .num ul li{width:40px;height:40px;border:2px solid #68d8fe;margin-right:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;font-weight:bolder;font-size:24px}html .echarts .banner .all .left .left-data .total-num .num .person,html .echarts .banner .all .left .openModeh_item .total-num .num .person{margin-left:15px;font-size:20px}html .echarts .banner .all .left .left-data .person-statistics,html .echarts .banner .all .left .openModeh_item .person-statistics{width:100%;margin-top:20px}html .echarts .banner .all .left .left-data .person-statistics .statistics-item,html .echarts .banner .all .left .openModeh_item .person-statistics .statistics-item{padding-top:2%;display:inline-block;text-align:center;list-style:none;margin-right:8px;color:#16c8df;width:40%;margin-left:5%;position:relative}html .echarts .banner .all .left .left-data .person-statistics .statistics-item .img,html .echarts .banner .all .left .openModeh_item .person-statistics .statistics-item .img{position:absolute;margin-left:2%;margin-right:15px;color:#043a48;background-color:#01202c;border:1px solid;padding:7px;text-align:center;border-radius:10%}html .echarts .banner .all .left .left-data .person-statistics .statistics-item .img img,html .echarts .banner .all .left .openModeh_item .person-statistics .statistics-item .img img{width:40px;height:40px}html .echarts .banner .all .left .left-data .person-statistics .statistics-item .text,html .echarts .banner .all .left .openModeh_item .person-statistics .statistics-item .text{text-align:left;margin-left:85px}html .echarts .banner .all .left .left-data .person-statistics .statistics-item .text .dot,html .echarts .banner .all .left .openModeh_item .person-statistics .statistics-item .text .dot{font-family:微软雅黑;font-weight:400;font-style:normal;font-size:16px;color:#abf5ff}html .echarts .banner .all .left .left-data .person-statistics .statistics-item .text .dot p,html .echarts .banner .all .left .openModeh_item .person-statistics .statistics-item .text .dot p{font-family:"\5FAE\8F6F\96C5\9ED1   Bold","\5FAE\8F6F\96C5\9ED1   Regular",微软雅黑;font-weight:700;font-style:normal;margin:0 auto;color:#15c3d7}html .echarts .banner .all .left .left-data .lefts-how,html .echarts .banner .all .left .openModeh_item .lefts-how{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}html .echarts .banner .all .left .left-data .lefts-how li,html .echarts .banner .all .left .openModeh_item .lefts-how li{width:33%;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}html .echarts .banner .all .left .left-data .lefts-how li .left-box,html .echarts .banner .all .left .openModeh_item .lefts-how li .left-box{width:100%}html .echarts .banner .all .left .left-data .lefts-how li .left-air,html .echarts .banner .all .left .openModeh_item .lefts-how li .left-air{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:微软雅黑;font-weight:400;font-style:normal;font-size:16px;color:#abf5ff;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}html .echarts .banner .all .left .left-data .lefts-how li .left-air p,html .echarts .banner .all .left .openModeh_item .lefts-how li .left-air p{text-align:center;margin:0 auto;font-size:12px;opacity:.8}html .echarts .banner .all .left .left-data .lefts-how li .left-air .left-ture,html .echarts .banner .all .left .openModeh_item .lefts-how li .left-air .left-ture{font-weight:700;font-style:normal;font-size:25px;color:rgba(21,195,215,.8);margin:0}html .echarts .banner .all .left .openModeh_item{margin-top:1.3%;width:100%;height:24%;border:1px solid #085e6d;background-size:100% 100%;overflow:hidden}html .echarts .banner .all .left .openModeh_item .openModeh_title{color:#0d9bab;font-weight:700;width:120px;margin-bottom:12px;border:1px solid #064b5b;border-radius:0 0 10px 10px;text-align:center}html .echarts .banner .all .left .stics_item{width:100%;height:24%;margin-top:1.3%;border:1px solid #085e6d;background-size:100% 100%;overflow:hidden}html .echarts .banner .all .left .stics_item .stics_title{color:#0d9bab;font-weight:700;width:120px;margin-bottom:12px;border:1px solid #064b5b;border-radius:0 0 10px 10px;text-align:center}html .echarts .banner .all .left .seamless-warp{height:90%;overflow:hidden;font-size:18px;color:#fff}html .echarts .banner .all .left .openDay_item{width:100%;height:56%;margin-top:1.3%;border:1px solid #085e6d;background-size:100% 100%;overflow:hidden}html .echarts .banner .all .left .openDay_item .openDay_title{color:#0d9bab;font-weight:700;width:120px;margin-bottom:12px;border:1px solid #064b5b;border-radius:0 0 10px 10px;text-align:center}html .echarts .banner .all .left .openDay_item .total-num{width:100%}html .echarts .banner .all .left .openDay_item .total-num .num{color:#abf5ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}html .echarts .banner .all .left .openDay_item .total-num .num ul{overflow:hidden;margin-bottom:0}html .echarts .banner .all .left .openDay_item .total-num .num ul li{width:40px;height:40px;border:2px solid #68d8fe;margin-right:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;font-weight:bolder;font-size:24px}html .echarts .banner .all .left .openDay_item .total-num .num .person{margin-left:15px;font-size:20px}html .echarts .banner .all .left .openDay_item .person-statistics{width:100%;margin-top:20px}html .echarts .banner .all .left .openDay_item .person-statistics .statistics-item{padding-top:2%;display:inline-block;text-align:center;list-style:none;margin-right:8px;color:#16c8df;width:40%;margin-left:5%;position:relative}html .echarts .banner .all .left .openDay_item .person-statistics .statistics-item:hover{background-color:#01202c;cursor:pointer}html .echarts .banner .all .left .openDay_item .person-statistics .statistics-item .img{position:absolute;margin-left:2%;margin-right:15px;color:#043a48;background-color:#01202c;border:1px solid;padding:7px;text-align:center;border-radius:10%}html .echarts .banner .all .left .openDay_item .person-statistics .statistics-item .img img{width:40px;height:40px}html .echarts .banner .all .left .openDay_item .person-statistics .statistics-item .text{text-align:left;margin-left:85px}html .echarts .banner .all .left .openDay_item .person-statistics .statistics-item .text .dot{font-family:微软雅黑;font-weight:400;font-style:normal;font-size:16px;color:#abf5ff}html .echarts .banner .all .left .openDay_item .person-statistics .statistics-item .text .dot p{font-family:"\5FAE\8F6F\96C5\9ED1   Bold","\5FAE\8F6F\96C5\9ED1   Regular",微软雅黑;font-weight:700;font-style:normal;margin:0 auto;color:#15c3d7}#sq-big-data .bottom-center{height:auto}#sq-big-data .bottom-center p{margin:0;padding:0;margin:10px}.body-bg{background-attachment:fixed;overflow:hidden}.body-bg .right-layout-content{margin:0 0!important}.openModeh_title{color:#0d9bab;font-weight:700;width:120px;margin-bottom:12px;border:1px solid #064b5b;border-radius:0 0 10px 10px;text-align:center}