*{margin:0;padding:0;box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}body{position:relative;width:100vw;min-height:100vh;background-image:url(../img/navigation/web_bg.jpg);background-size:cover;background-position:bottom center;background-repeat:no-repeat;color:#fff;font-size:16px;font-family:-apple-system,"Helvetica Neue",Roboto,sans-serif}body.layout-circle{width:100%}body.layout-circle header{padding-top:50px;position:relative;height:389px;text-align:center}@media (max-width:641px){body.layout-circle header{padding-top:31px;height:auto}}body.layout-circle header .logo{z-index:10;position:relative;top:-20px;height:110px}@media (max-width:641px){body.layout-circle header .logo{height:58px;top:0}}body.layout-circle header .visual{position:absolute;left:50%;bottom:-50px;transform:translateX(-50%);height:100%}@media (max-width:641px){body.layout-circle header .visual{display:none}}body.layout-circle #lineCtrl{margin:0 auto 40px auto;max-width:1196px;display:flex;flex-wrap:wrap;justify-content:center}@media (max-width:641px){body.layout-circle #lineCtrl{padding:0 7px;margin:20px auto 24px auto;width:100%;max-width:100%}}body.layout-circle #lineCtrl.double-box{justify-content:center}body.layout-circle #lineCtrl .progress-content{margin:8px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:calc((100% - 96px)/ 6);height:272px;background-color:#212236;border:.5px solid #404268;border-radius:16px;text-decoration:none}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content{margin:4px;width:calc((100% - 24px)/ 3);height:170px;border-radius:14px;justify-content:flex-start}}body.layout-circle #lineCtrl .progress-content.double-item{width:300px}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content.double-item{width:calc((100% - 16px)/ 2)}}body.layout-circle #lineCtrl .progress-content .head{display:flex;align-items:center;position:relative;width:100%;line-height:38px;justify-content:flex-start}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .head{padding-left:15px;line-height:18px}}body.layout-circle #lineCtrl .progress-content .head .tag{display:inline-flex;align-items:center;justify-content:center;position:absolute;left:-4px;top:-4px;width:41px;height:41px;color:#111;font-weight:700;font-size:20px;text-shadow:0 0 .4px rgba(0,0,0,.6);background-image:url(../img/navigation/layout-circle/tag-green.png);background-position:4px 4px;background-size:calc(100% - 4px);background-repeat:no-repeat}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .head .tag{margin-top:14px;font-size:13px;line-height:21px;width:21px;height:21px;left:12px;background-position:center;background-size:100%}}body.layout-circle #lineCtrl .progress-content .head .name{margin-left:45px;font-size:16px;color:#b9bbe8}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .head .name{padding-left:24px;margin:12px 10px 4px 0;margin-left:0!important;width:calc(100% - 12px);font-size:13px;font-weight:500;text-overflow:ellipsis;overflow:hidden}}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .head.truncate-name .tag{left:12px}}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .head.truncate-name .name{max-width:100%;margin-right:0}}body.layout-circle #lineCtrl .progress-content .circleArea{margin:38px 0 34px 0;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:108px;height:108px;background:#12172a;border-radius:50%}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea{margin:6px 0 12px 0;width:75px;height:75px}}body.layout-circle #lineCtrl .progress-content .circleArea .cap{position:absolute;z-index:1;top:50%;left:50%;width:78%;height:78%;transform:translate(-50%,-50%);border-radius:50%}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .cap{width:78%;height:78%}}body.layout-circle #lineCtrl .progress-content .circleArea .process{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .process{width:67px;height:67px}}body.layout-circle #lineCtrl .progress-content .circleArea .val{position:relative;z-index:1;font-size:32px;color:#fff;font-weight:700;text-shadow:0 3px 4px rgba(0,0,0,.4)}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .val{font-size:24px}}body.layout-circle #lineCtrl .progress-content .circleArea .ms{margin-top:-5px;position:relative;z-index:1;font-size:14px;color:#fff;font-weight:700}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .ms{font-size:12px}}body.layout-circle #lineCtrl .progress-content .play{position:relative;width:128px;height:40px;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:500;background-image:url(../img/navigation/layout-circle/play.png);background-size:contain;background-repeat:no-repeat;background-position:center}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .play{margin:2px 0;width:100px;height:24px;font-size:12px;font-weight:700}}body.layout-circle #lineCtrl .progress-content .play .hot{position:absolute;top:-12px;right:-12px;width:34px;height:34px;display:none}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .play .hot{top:-10px;right:-4px;width:24px;height:24px}}body.layout-circle #lineCtrl .progress-content.speed-green{background-image:url(../img/navigation/layout-circle/mirror.png);background-position:top center;background-size:100% 50%;background-repeat:no-repeat}body.layout-circle #lineCtrl .progress-content.speed-green .tag{background-image:url(../img/navigation/layout-circle/tag-green.png);color:#00522d}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content.speed-green .tag{background-image:url(../img/navigation/layout-circle/tag-green-h5.png)}}body.layout-circle #lineCtrl .progress-content.speed-green .circleArea{filter:drop-shadow(0 0 20px rgba(0, 210, 122, .6))}body.layout-circle #lineCtrl .progress-content.speed-green .circleArea .cap{background-image:radial-gradient(rgba(0,210,122,.7),#12172a 60%);background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-green .circleArea .ms{color:#44e29d}body.layout-circle #lineCtrl .progress-content.speed-green .play{background-image:url(../img/navigation/layout-circle/play-on.png)}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content.speed-green .play{margin:0;height:35px;font-size:12px}}body.layout-circle #lineCtrl .progress-content.speed-green .play .hot{display:block}body.layout-circle #lineCtrl .progress-content.speed-blue .tag{background-image:url(../img/navigation/layout-circle/tag-blue.png);color:#003169}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content.speed-blue .tag{background-image:url(../img/navigation/layout-circle/tag-blue-h5.png)}}body.layout-circle #lineCtrl .progress-content.speed-blue .circleArea{filter:drop-shadow(0 0 20px rgba(0, 117, 255, .6))}body.layout-circle #lineCtrl .progress-content.speed-blue .circleArea .cap{background-image:radial-gradient(rgba(0,117,255,.7),#12172a 60%);background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-blue .circleArea .ms{color:#01c1ff}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .tag{background-image:url(../img/navigation/layout-circle/tag-blue-purple.png);color:#1a1554}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content.speed-blue-purple .tag{background-image:url(../img/navigation/layout-circle/tag-blue-purple-h5.png)}}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .circleArea{filter:drop-shadow(0 0 20px rgba(80, 64, 255, .6))}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .circleArea .cap{background-image:radial-gradient(rgba(80,64,255,.7),#12172a 60%);background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .circleArea .ms{color:#9296ff}body.layout-circle #lineCtrl .progress-content.speed-purple .tag{background-image:url(../img/navigation/layout-circle/tag-purple.png);color:#321554}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content.speed-purple .tag{background-image:url(../img/navigation/layout-circle/tag-purple-h5.png)}}body.layout-circle #lineCtrl .progress-content.speed-purple .circleArea{filter:drop-shadow(0 0 20px rgba(153, 0, 255, .6))}body.layout-circle #lineCtrl .progress-content.speed-purple .circleArea .cap{background-image:radial-gradient(rgba(153,0,255,.7),#12172a 60%);background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-purple .circleArea .ms{color:#eb6dff}body.layout-circle #lineCtrl .progress-content.speed-orange .tag{background-image:url(../img/navigation/layout-circle/tag-orange.png);color:#6e2100}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content.speed-orange .tag{background-image:url(../img/navigation/layout-circle/tag-orange-h5.png)}}body.layout-circle #lineCtrl .progress-content.speed-orange .circleArea{filter:drop-shadow(0 0 20px rgba(255, 77, 0, .6))}body.layout-circle #lineCtrl .progress-content.speed-orange .circleArea .cap{background-image:radial-gradient(rgba(255,77,0,.7),#12172a 60%);background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-orange .circleArea .ms{color:#ff9c01}body.layout-circle #lineCtrl .progress-content.speed-red .tag{background-image:url(../img/navigation/layout-circle/tag-red.png);color:#540001}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content.speed-red .tag{background-image:url(../img/navigation/layout-circle/tag-red-h5.png)}}body.layout-circle #lineCtrl .progress-content.speed-red .circleArea{filter:drop-shadow(0 0 20px rgba(179, 0, 0, .6))}body.layout-circle #lineCtrl .progress-content.speed-red .circleArea .cap{background-image:radial-gradient(rgba(179,0,0,.7),#12172a 60%);background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-red .circleArea .ms{color:#fe1a55}body.layout-circle .footer{z-index:10;position:relative;padding-top:80px;min-height:368px}@media (max-width:641px){body.layout-circle .footer{min-height:0;padding-top:0}}body.layout-circle .footer ul{display:flex;justify-content:center}@media (max-width:641px){body.layout-circle .footer ul{flex-direction:column}}body.layout-circle .footer ul li{display:flex;flex-direction:column;min-width:140px;align-items:center}body.layout-circle .footer ul li:not(:last-child){margin-right:110px}@media (max-width:641px){body.layout-circle .footer ul li{flex-direction:row;padding-left:24px;padding-bottom:18px}}body.layout-circle .footer ul li img{width:72px}@media (max-width:641px){body.layout-circle .footer ul li img{width:38px;filter:none!important}}body.layout-circle .footer ul li p{margin-top:16px;color:#fff;font-size:20px;text-transform:capitalize}@media (max-width:641px){body.layout-circle .footer ul li p{margin-top:0;margin-left:12px;font-size:14px}}body.layout-circle .footer ul li:nth-child(1) img{filter:drop-shadow(0 0 15px rgba(63, 252, 167, .8))}body.layout-circle .footer ul li:nth-child(2) img{filter:drop-shadow(0 0 15px rgba(255, 181, 0, .8))}body.layout-circle .footer ul li:nth-child(3) img{filter:drop-shadow(0 0 15px rgba(0, 187, 255, .8))}body.layout-circle .footer ul li:nth-child(4) img{filter:drop-shadow(0 0 15px rgba(145, 0, 255, .8))}body.layout-circle .online-kf{position:fixed;width:120px;height:120px;bottom:59px;right:342px}@media (max-width:641px){body.layout-circle .online-kf{width:87.5px;height:90px;bottom:21px;right:8px}}body.layout-circle .online-kf img{width:100%}.slot{position:absolute;bottom:142px;height:286px;width:auto}@media (max-width:641px){.slot{display:none}}.slot-left{left:0}.slot-right{right:0}.collaboration{padding:0 10px 20px 10px;display:flex;justify-content:center;background:url(../img/navigation/light.png) top -20px center/1920px auto no-repeat #000}@media (max-width:641px){.collaboration{padding:16px 0;flex-direction:column;justify-content:center;align-items:center;height:auto}}.collaboration .trophy{height:141px}@media (max-width:641px){.collaboration .trophy{height:8vh}}.collaboration ul{margin-left:7vw;display:flex;flex-wrap:wrap;align-items:center}@media (max-width:641px){.collaboration ul{padding:0 16px;margin-top:16px;margin-left:0;justify-content:space-between}}@media (max-width:641px){.collaboration ul li{padding-left:4vw;margin-bottom:8px;width:33%}}@media (max-width:641px) and (max-width:641px){.collaboration ul li img{height:30px}}.collaboration ul li:not(:last-child){margin-right:4vw}@media (max-width:641px){.collaboration ul li:not(:last-child){margin-right:0}}