*{margin:0;padding:0}body{width:100vw;min-height:100vh;background-image:url(../img/navigation/web_bg.jpg);background-size:100% 100%;background-position:top center;background-repeat:no-repeat;color:#fff;font-size:16px;font-family:-apple-system,"Helvetica Neue",Roboto,sans-serif}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100px;background-color:rgba(70,128,229,.6)}header img{height:80px}.content{max-width:1050px;margin:78px auto;text-align:center;overflow:hidden}.content .title{color:#fff;text-align:center;letter-spacing:2px;line-height:62px;font-weight:400;font-stretch:normal;text-shadow:0 0 10px rgba(40,70,150,.6);-webkit-text-stroke:1.5px #fff;font-size:44px}.reload_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:60px;width:320px;border-radius:30px;border:solid 1px rgba(255,255,255,.6);background-image:linear-gradient(281deg,#1e6edc,#648cdc);color:#fff;font-weight:700;font-size:24px;margin:30px auto}.reload_btn span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:20px;width:30px;height:30px;background:url(../img/navigation/icon-speed.svg) no-repeat center/100% 100%}#lineCtrl{margin-top:60px;min-height:241px;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#lineCtrl .speed-item{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#lineCtrl .speed-item .progress-content{position:relative;width:174px;height:180px;margin:0 auto;background:url(../img/navigation/img-progress-bar.png) no-repeat center/100% 100%}#lineCtrl .speed-item .progress-content .svg-list-bg{position:absolute;top:23px;left:50%;width:140px;height:140px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);border-radius:50%}#lineCtrl .speed-item .progress-content .svg-list-bg .svg-item{display:block;position:absolute;top:2px;left:50%;-webkit-transform-origin:center 68px;-ms-transform-origin:center 68px;transform-origin:center 68px;width:8px;height:16px}#lineCtrl .speed-item .progress-content .big-circle{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:108px;height:108px;border-radius:50%}#lineCtrl .speed-item .progress-content .pointer{position:absolute;top:0;left:48px;width:12px;height:12px;-webkit-transform-origin:center 54px;-ms-transform-origin:center 54px;transform-origin:center 54px;background:url(../img/navigation/img-arrow.svg) no-repeat center/100% 100%;z-index:2}#lineCtrl .speed-item .progress-content .circle-p{position:absolute;top:54%;left:50%;width:100px;height:100px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background:url(../img/navigation/circle.png) no-repeat center/100% 100%}#lineCtrl .speed-item .progress-content .number{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:55px;margin:auto}#lineCtrl .speed-item .progress-content .number .val{font-size:36px;line-height:55px;font-weight:700}#lineCtrl .speed-item .progress-content .number .text{position:absolute;left:0;bottom:-34px;width:100%;font-size:14.7px;font-weight:700;text-align:center;line-height:17px}#lineCtrl .speed-item .address{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:15px;background:url(../img/navigation/address-bg.png) no-repeat center/100% 100%}#lineCtrl .speed-item .address a{display:block;width:100%;height:35px;line-height:35px;padding:0 5px;text-decoration:none;text-align:center;color:#1e6edc;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-kf{width:100px;height:100px;position:absolute;right:65px;bottom:47px}.online-kf img{width:100%}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){body{font-size:.8em;min-height:100vh;background:url(../img/navigation/bg-mobile.jpg) no-repeat top center;background-size:auto 100%}header{height:66px}header img{height:45px}.content{margin-top:20px;overflow:hidden}.content .title{font-size:20px;line-height:26px;letter-spacing:1px;text-shadow:0 0 4px rgba(56,128,229,.6)}.content #lineCtrl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;min-height:193px}.content #lineCtrl .speed-item{width:50%;margin:0}.content #lineCtrl .speed-item .progress-content{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.content #lineCtrl .speed-item .address{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:45vw;margin:-15px auto 0;background:url(../img/navigation/img-url-address.png) no-repeat center/100% 100%}.content #lineCtrl .speed-item .address a{font-size:12px;color:#fff;word-wrap:break-word}.reload_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:44px;width:210px;border-radius:22px;border:solid 1px rgba(255,255,255,.6);background-image:linear-gradient(281deg,#1e6edc,#648cdc);color:#fff;font-weight:700;font-size:14px;margin:40px auto}.reload_btn span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:10px;width:18px;height:18px;background:url(../img/navigation/icon-speed.svg) no-repeat center/100% 100%}.online-kf{position:fixed;right:5px;bottom:9px;width:80px;height:80px}}