*{margin:0;padding:0}html{overflow-y:hidden;width:100vw;height:100%}img{max-width:100%}body{background-image:url(../img/navigation/web_bg2.jpg);background-position:bottom center;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:16px;font-family:-apple-system,"Helvetica Neue",Roboto,sans-serif}header{display:flex;align-items:center;justify-content:center;background:0 0}header .logo-pc{padding:0 20px;width:auto;margin:80px 0 50px}header .logo-h5{display:none}.content{overflow:hidden;margin:50px auto 78px;max-width:100%;width:960px;text-align:center}.content .slogan{position:absolute;right:40px;bottom:30px;z-index:-1;display:block;max-width:624px;width:65%}.content .player{position:absolute;bottom:0;left:0;z-index:-1;width:34vw}.content .title{color:#fff;text-align:center;text-shadow:0 0 10px rgba(40,70,150,.6);letter-spacing:2px;font-weight:400;font-stretch:normal;font-size:44px;line-height:62px;-webkit-text-stroke:1.5px #fff}.reload_btn{display:flex;align-items:center;justify-content:center;margin:30px auto;width:320px;height:60px;border:solid 1px rgba(255,255,255,.6);border-radius:30px;background-image:linear-gradient(281deg,#1e6edc,#648cdc);color:#fff;font-weight:700;font-size:24px;cursor:pointer}.reload_btn span{display:flex;align-items:center;justify-content:center;margin-right:20px;width:30px;height:30px;background:url(../img/navigation/icon-speed.svg) no-repeat center/100% 100%}#lineCtrl{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;min-height:241px;max-width:960px}#lineCtrl .speed-item{display:flex;align-items:center;flex-direction:column;width:240px}#lineCtrl .speed-item .progress-content{position:relative;margin:0 auto;width:174px;height:180px;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;border-radius:50%;transform:translate3d(-50%,0,0)}#lineCtrl .speed-item .progress-content .svg-list-bg .svg-item{position:absolute;top:2px;left:50%;display:block;width:8px;height:16px;transform-origin:center 68px}#lineCtrl .speed-item .progress-content .big-circle{position:absolute;top:50%;left:50%;width:108px;height:108px;border-radius:50%;transform:translate3d(-50%,-50%,0)}#lineCtrl .speed-item .progress-content .pointer{position:absolute;top:0;left:48px;z-index:2;width:12px;height:12px;background:url(../img/navigation/img-arrow.svg) no-repeat center/100% 100%;transform-origin:center 54px}#lineCtrl .speed-item .progress-content .circle-p{position:absolute;top:54%;left:50%;width:100px;height:100px;background:url(../img/navigation/circle.png) no-repeat center/100% 100%;transform:translate3d(-50%,-50%,0)}#lineCtrl .speed-item .progress-content .number{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:55px}#lineCtrl .speed-item .progress-content .number .val{color:#5fc8f0;font-weight:700;font-size:36px;line-height:55px}#lineCtrl .speed-item .progress-content .number .text{position:absolute;bottom:-34px;left:0;width:100%;color:#5fc8f0;text-align:center;font-weight:700;font-size:14.7px;line-height:17px}#lineCtrl .speed-item .address{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px;width:60%;background:url(../img/navigation/img-url-address.png) no-repeat center/100% 100%}#lineCtrl .speed-item .address a{display:block;padding:0 5px;width:100%;height:35px;line-height:35px;color:#4a76de;text-align:center;text-decoration:none;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-kf{position:absolute;right:65px;bottom:47px;width:100px;height:100px;animation:animationKf .8s ease-in-out infinite alternate}.online-kf a{display:block}.online-kf img{width:100%}@keyframes animationKf{0%{transform:scale(1)}100%{transform:scale(.85)}}.img-bot{display:none}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){body{background:url(../img/navigation/h5-bg.jpg) no-repeat bottom center;background-size:cover;font-size:.8em}header .logo-h5{display:block;margin:16vh auto 0 auto;width:55%}header .logo-pc{display:none}.content{position:absolute;top:50%;overflow:hidden;margin:0 auto;transform:scale(.69) translateY(-50%);transform-origin:top}.content .player{display:none}.content .slogan{position:relative;right:auto;bottom:auto;display:block;margin:0 auto;width:95%}.content .title{text-shadow:0 0 4px rgba(56,128,229,.6);letter-spacing:1px;font-size:20px;line-height:26px}.content #lineCtrl{display:flex;flex-wrap:wrap;margin-top:0}.content #lineCtrl .speed-item{margin:0;margin-top:0;width:50%}.content #lineCtrl .speed-item .progress-content{transform:scale(.75)}.content #lineCtrl .speed-item .address{display:flex;align-items:center;flex-wrap:wrap;margin:-15px auto 0;max-width:45vw;background:url(../img/navigation/img-url-address.png) no-repeat center/100% 100%}.content #lineCtrl .speed-item .address a{color:#4a76de;word-wrap:break-word;font-size:12px}.reload_btn{display:none;cursor:pointer}.reload_btn span{display:flex;align-items: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;z-index:10;width:80px;height:80px}.img-bot{position:fixed;bottom:0;left:0;z-index:5;display:block;pointer-events:none}}