@charset "utf-8";::-webkit-scrollbar{width:8px;height:1px}::-webkit-scrollbar-thumb{border-radius:8px;background-color:rgba(162,162,162,0.9)}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border:0}*{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}@font-face{font-family:"HighlandGothicFLF";src:url('../font/HighlandGothicFLF.woff')}@font-face{font-family:"pingfang-jian";src:url('../font/pingfang-jian.ttf')}html,body{width:19.2rem;height:10.8rem;overflow-x:hidden}body{position:relative;font-family:"Microsoft Yahei",Arial,sans-serif}#header{position:relative;height:.72rem;background:url("../img/header.png") no-repeat;background-size:100% 100%;overflow:hidden;z-index:99}.time{z-index:99;position:absolute;right:.12rem;top:.04rem;color:#fff;font-size:.18rem}.header-title{line-height:.64rem;text-align:center;font-size:.32rem;font-weight:400;color:#bef2ff}#container{width:19.2rem;height:10.8rem;position:absolute;top:0;bottom:0;left:0;right:0;z-index:9}.num-box{padding-top:.1rem;width:6.15rem;height:3.2rem;position:absolute;top:.72rem;left:0;z-index:99;color:#bef2ff;font-size:.24rem}.chart-b{padding:0 0 .15rem 0;box-sizing:border-box;width:100%;height:2.66rem;position:absolute;bottom:0;left:0;z-index:99}.chart-b .chart-box{height:100%;background:url("../img/rectangle.png") no-repeat;background-size:100% 100%;float:left;position:relative}.chart-b .chart-box .chart-tit{width:2.8rem;height:.41rem;font-size:.16rem;padding:.14rem 0 0 .48rem;position:absolute;left:0;top:0;background-image:url(../img/bubble-title.png);background-size:100% 100%;background-position:right bottom;color:#bef2ff;font-weight:bolder}.chart-b .chart-box .chart-wrapper .chart-div .carTop6{width:100%;height:100%}.chart-b .chart-box .chart-wrapper .chart-div .carTop6 ul{width:100%;position:absolute;left:.28rem;top:.64rem}.chart-b .chart-box .chart-wrapper .chart-div .carTop6 ul li{padding-left:.26rem;width:30%;height:.8rem;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;font-size:.12rem;color:#0df}.chart-b .chart-box .chart-wrapper .chart-div .carTop6 ul li img{width:.36rem;border-radius:50%}.chart-b .chart-box .chart-wrapper .chart-div .carTop6 ul li p{color:#fdb628;font-size:.24rem;font-weight:bold;margin-left:.1rem}.chart-b .chart-b1{width:30%}.chart-b .chart-b2{width:40%}.chart-b .chart-b3{width:30%}.chart-r{padding:0;box-sizing:border-box;width:30%;position:absolute;top:.84rem;right:0;z-index:99}.chart-r .chart-box{width:100%;height:2.24rem;background:url("../img/rectangle.png") no-repeat;background-size:100% 100%;margin-bottom:.15rem;position:relative}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving{width:100%;height:100%}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad1{width:100%;position:absolute;left:.28rem;top:.44rem}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad1 li{color:#e4e4e4;font-size:.16rem;padding-left:.3rem;width:30%;height:.8rem;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad1 li p:nth-of-type(1){font-weight:bold}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad1 li p:nth-of-type(2){font-size:.14rem}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad1 li p:nth-of-type(2) span:nth-of-type(1){color:#fdb628;font-size:.26rem;font-family:HighlandGothicFLF}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad2{width:100%;position:absolute;left:.28rem;top:1.3rem}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad2 li{color:#e4e4e4;font-size:.16rem;padding-left:.3rem;width:30%;height:.8rem;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad2 li p:nth-of-type(1){font-weight:bold}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad2 li p:nth-of-type(2){font-size:.14rem}.chart-r .chart-box .chart-wrapper .chart-div .bad-driving ul.bad2 li p:nth-of-type(2) span:nth-of-type(1){color:#0df;font-size:.26rem;font-family:HighlandGothicFLF}.chart-r .chart-box .chart-tit{width:2.8rem;height:.41rem;font-size:.16rem;padding:.14rem 0 0 .48rem;position:absolute;left:0;top:0;background-image:url(../img/bubble-title.png);background-size:100% 100%;background-position:right bottom;color:#bef2ff;font-weight:bolder}.chart-r .chart-r3{margin-bottom:0}.chart-wrapper{z-index:99;position:relative;height:100%}.chart-title{height:30px;font-size:20px;font-weight:normal;color:#5ac8fa}.chart-div{position:absolute;top:0;bottom:0;left:0;right:0}.chart-loader{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background:rgba(255,255,255,0);-webkit-transition:all .8s;transition:all .8s}.chart-loader .loader{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:3px solid transparent;border-top-color:#3498db;border-radius:50% !important;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.chart-loader .loader:before{content:"";position:absolute;top:3px;left:5px;right:5px;bottom:5px;border:3px solid transparent;border-top-color:#e74c3c;border-radius:50% !important;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.chart-loader .loader:after{content:"";position:absolute;top:9px;left:10px;right:10px;bottom:10px;border:3px solid transparent;border-top-color:#f9c922;border-radius:50% !important;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.chart-done .chart-loader{display:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}