.dom{width:100%;height:285px}#app,body,html{width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;background:#f4f4f4}#app.dark{background-color:#121212}*{margin:0;padding:0;box-sizing:border-box}#app{display:flex;flex-wrap:wrap}#app.dark .loginOut{border-color:#1f1f1f}.loginOut{width:100%;height:10%;display:flex;justify-content:space-between;align-items:center;padding:0 40px;border-bottom:3px solid #ececec}.loginOut img:first-child{width:235px;height:40px;-o-object-fit:cover;object-fit:cover}.loginOut img:nth-child(2){width:40px;height:40px;cursor:pointer}#app.dark .left{border-color:#1f1f1f}.left{width:70%;height:100%;padding-top:20px;padding-bottom:40px;padding-left:20px;padding-right:20px;border-right:3px solid #ececec}.left .top{display:flex;height:40%}#app.dark .tips{background:#1e1e1e}.tips{display:flex;align-items:center;background:#fff;border-radius:10px;width:70%;height:100%;padding:20px 40px}.tips .center{width:100%;display:flex;justify-content:space-between}#app.dark .timeType p{color:#c1c1c1}.tips .info .timeType{margin-top:20px;font-size:20px}.tips .info .timeType span{margin-left:5px;color:#16cca6;font-size:20px}.tips .info .timeType span.high{color:#ffaa29}.tips .info .timeType span.low{color:#ff6e6e}.tips .info .nums{margin-top:25px;display:flex}#app.dark .tips .info .nums h4{color:#eaeaea}.tips .info .nums h4{font-size:65px;font-weight:bolder}.tips .info .nums .unit{margin-left:25px;padding-top:10px;box-sizing:border-box}@media (max-width:1060px){.tips .info .nums .unit{margin-left:10px}}.tips .info .nums .unit img{width:40px;height:40px}.tips .info .nums .unit p{font-size:25px;margin-top:-15px;color:#aaa}.tips .tir{display:flex;justify-content:center;align-items:center}.tips .tir .tirChart{height:125px;margin-top:-20px}.tips .tir .tirChart>div{min-height:2px;width:55px;margin-top:2px;border-radius:2px}.tips .tir .tirChart .vhigh{background-color:#ffb700}.tips .tir .tirChart .high{background-color:#ffe452}.tips .tir .tirChart .normal{background-color:#26d1b5}.tips .tir .tirChart .low{background-color:#ff6e6e}.tips .tir .tirChart .vlow{background-color:#eb3f3f}.tips .tir .tirInfo{margin-top:2px;margin-left:15px;color:#868686}@media (max-width:1060px){.tips .tir .tirInfo{margin-left:10px}}.tips .tir .tirInfo p:first-of-type{font-size:16px}@media (max-width:1060px){.tips .tir .tirInfo p:first-of-type{font-size:14px}}.tips .tir .tirInfo p:nth-of-type(2){font-size:18px}@media (max-width:1060px){.tips .tir .tirInfo p:nth-of-type(2){font-size:16px}}.tips .tir .tirInfo p:nth-of-type(3){font-size:22px}@media (max-width:1060px){.tips .tir .tirInfo p:nth-of-type(3){font-size:18px}}.tips .tir .tirInfo p:nth-of-type(4){font-size:18px}@media (max-width:1060px){.tips .tir .tirInfo p:nth-of-type(4){font-size:16px}}.tips .tir .tirInfo p:nth-of-type(5){font-size:16px}@media (max-width:1060px){.tips .tir .tirInfo p:nth-of-type(5){font-size:14px}}#app.dark .head{background-color:#1e1e1e}.left .top .head{width:calc(30% - 20px);height:100%;background-color:#fff;margin-left:20px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.left .top .head img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:50%}#app.dark .head p{color:#a7a7a7}.left .top .head p{font-size:24px;width:100%;text-align:center;color:#868686}#app.dark .charts{background-color:#1e1e1e}.charts{width:100%;margin-top:20px;height:60%;background-color:#fff;padding:20px 40px;padding-top:0;border-radius:10px}.charts .dom{height:100%}.right{width:30%;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px}.right,.right .margin{height:100%;overflow-y:scroll}.right .margin{width:100%}.right .margin::-webkit-scrollbar{display:none}.right .dataList{margin-top:10px}.right .dataList:first-of-type{margin-top:0}#app.dark .right .list{background-color:#1e1e1e}.notData{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#app.dark .right .notData{color:#a7a7a7}.right .dataList .list{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;border-radius:5px}#app.dark .right .dataList .list>p{color:#7d7d7d}.right .dataList .list>p{font-size:22px;color:#868686}.right .dataList .list .value{display:flex;align-items:center}#app.dark .right .dataList .list .value p{color:#eaeaea}.right .dataList .list .value p{font-weight:700;font-size:28px}.right .dataList .list img{width:20px;height:20px;margin-left:10px}.privacy{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:99999;flex-wrap:wrap}.privacy .content{position:absolute;bottom:0;left:0;width:100%;height:250px;background-color:#fff;flex-direction:column;padding-top:50px;border-top-left-radius:50px;border-top-right-radius:50px}.privacy .content .title{text-align:center;font-size:28px;font-weight:700}.privacy .content .contents{padding:0 40px;margin-top:20px;line-height:25px}.privacy .button{position:absolute;bottom:-120px;left:0;width:100%;height:180px;display:flex;justify-content:space-around}.privacy .button .true{width:300px;height:45px;line-height:45px;text-align:center;background-color:#16cca6;border-radius:50px;color:#fff}.privacy .button .out{width:300px;height:45px;line-height:45px;color:#109c7d}