*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%}body{position:relative;min-height:100vh;width:100vw;background-color:#731500;background-image:url(../img/navigation/bg.jpg);background-position:center bottom;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:16px;font-family:Roboto,sans-serif}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){body{background-image:url(../img/navigation/bg-h5.jpg);background-position:center top}}header{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 32px 0}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){header{padding:20px 16px 0}}header .title{width:1200px}header .title-h5{display:none}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){header .title{display:none}header .title-h5{position:relative;z-index:1;display:block}}.content{position:relative;z-index:3;margin:auto;padding-top:25px;max-width:1050px;text-align:center}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.content{padding:0;margin-top:-16px}}.art-h5{display:none}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.art-h5{position:absolute;left:0;bottom:0;display:block}}.reload_btn{position:relative;z-index:1;display:flex;align-items:center;box-sizing:border-box;margin:0 auto;max-width:620px;height:90px;background:url(./../img/navigation/btn.png) center/contain no-repeat;cursor:pointer}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.reload_btn{margin:0 auto;width:80%;height:40px;padding:0}}#lineCtrl{position:relative;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:0}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){#lineCtrl{margin-top:16px}}#lineCtrl .speed-item{margin-bottom:32px;position:relative;display:flex;align-items:center;flex-direction:column;width:25%}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){#lineCtrl .speed-item{margin-bottom:0;width:33%;transform:scale(.8)}}#lineCtrl .speed-item .progress-content{position:relative;width:174px;height:180px;background:url(../img/navigation/img-progress-bar.png) no-repeat center/100% 100%;transform:scale(1.3)}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){#lineCtrl .speed-item .progress-content{margin-top:-32px;transform:scale(.8)}}#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{font-weight:700;font-size:36px;line-height:55px}#lineCtrl .speed-item .progress-content .number .text{position:absolute;bottom:-34px;left:0;width:100%;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:28px;width:90%;background:url(../img/navigation/newYear-address.png) no-repeat center/100% 100%;transition:.3s ease}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){#lineCtrl .speed-item .address{margin-top:-10px;width:100%}}#lineCtrl .speed-item .address a{width:100%;height:69px;text-decoration:none;font-weight:500;font-size:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:-webkit-linear-gradient(#fff,#ffe000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:58px}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){#lineCtrl .speed-item .address a{height:35px;font-size:12px;line-height:30px}}#lineCtrl .speed-item .address:hover{filter:brightness(1.2)}.online-kf{z-index:1;position:fixed;bottom:32px;right:32px;width:100px;height:100px}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.online-kf{right:0;bottom:0;width:80px;height:80px}}.online-kf a{display:block}.online-kf:hover img{filter:drop-shadow(0 0 15px #fff)}.online-kf img{width:100%}.float_worldcup{margin:16px auto 0 auto;position:relative;top:-10px;display:block;width:200px;height:200px;background:url(../img/float/worldcup.gif) center/contain no-repeat}@media (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.float_worldcup{display:none}}.float_worldcup #countdown{padding:0 6px;padding-top:146px;position:absolute;left:0;display:flex;justify-content:space-around;width:100%;height:100%;color:brown}.float_worldcup #countdown .dd,.float_worldcup #countdown .hh,.float_worldcup #countdown .mm{margin-right:2px;width:98px;position:relative;display:flex;flex-direction:column;align-items:center;font-size:21px;font-weight:700}.float_worldcup #countdown .hh{transform:translateX(2px)}.float_worldcup #countdown .mm{transform:translateX(4px)}.float_worldcup .close{position:absolute;top:10px;right:0;z-index:2;display:block;width:25px;height:25px;border:1px solid #fffa87;border-radius:50%;cursor:pointer}.float_worldcup .close:after,.float_worldcup .close:before{position:absolute;top:50%;left:50%;width:1px;height:60%;background:#fffa87;content:'';transform:translate(-50%,-50%)}.float_worldcup .close:before{transform:translate(-50%,-50%) rotate(45deg)}.float_worldcup .close:after{transform:translate(-50%,-50%) rotate(-45deg)}