*{margin:0;padding:0;box-sizing:border-box}li,ol,ul{list-style:none}body{width:100vw;min-height:100vh;color:#fff;font-size:16px;font-family:-apple-system,"Helvetica Neue",Roboto,sans-serif}body.layout-circle{position:relative;width:100%;padding:5% 0;background-attachment:fixed;background-image:url(../img/navigation/layout-circle/bg.jpg);background-position:top center;background-size:100% auto;background-repeat:no-repeat}@media (max-width:641px){body.layout-circle{padding:8% 0 0;background-image:url(../img/navigation/layout-circle/bg-h5.jpg);background-position:top center;background-size:cover;background-repeat:no-repeat}body.layout-circle:before{position:absolute;content:"";bottom:0;left:0;width:88px;height:288px;background-image:url(../img/navigation/layout-circle/bg-h5_left.png);background-position:bottom left;background-size:cover;background-repeat:no-repeat;z-index:2}body.layout-circle:after{position:absolute;bottom:0;right:0;width:120px;height:260px;content:"";background-image:url(../img/navigation/layout-circle/bg-h5_right.png);background-position:bottom right;background-size:cover;background-repeat:no-repeat;z-index:2}}body.layout-circle header{position:relative;text-align:center}body.layout-circle header .logo{position:relative;height:160px}@media (max-width:641px){body.layout-circle header .logo{height:83px}}body.layout-circle header .visual{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:100%}@media (max-width:641px){body.layout-circle header .visual{display:none}}body.layout-circle .lineCtrl-wrap{position:relative;max-width:900px;height:532px;margin:0 auto;border-radius:20px;padding:1.6px;background:linear-gradient(90deg,#90f 8.77%,#4800ff 44.08%,#002bff 77.45%);box-shadow:0 12px 30px 0 rgba(4,0,26,.4)}@media (max-width:641px){body.layout-circle .lineCtrl-wrap{max-width:342px;height:600px;background:0 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:unset}}body.layout-circle #lineCtrl{position:relative;height:100%;padding:64px 82px;border-radius:18.4px;overflow-y:auto;background:radial-gradient(57.17% 96.71% at -1.5% 0,rgba(231,96,255,.4) 0,rgba(231,96,255,.100396) 59.27%,rgba(231,96,255,0) 100%),radial-gradient(14.72% 24.91% at -1.5% 0,rgba(231,96,255,.1) 0,rgba(231,96,255,.030098) 53.45%,rgba(231,96,255,0) 100%),rgba(1,7,73,.9);-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px);display:flex;flex-wrap:wrap;justify-content:flex-start}@media (max-width:641px){body.layout-circle #lineCtrl{background:url(../img/navigation/layout-circle/h5-panel.png);background-size:contain;background-position:top center;background-repeat:no-repeat;-webkit-backdrop-filter:unset;backdrop-filter:unset;width:100%;padding:20px;flex-flow:column}}body.layout-circle #lineCtrl .progress-content{position:relative;display:flex;align-items:center;justify-content:center;width:358px;height:192px;background-image:url(../img/navigation/layout-circle/frame-bg.png);background-repeat:no-repeat;background-size:100% auto;border-radius:20px;text-decoration:none}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content{background-image:url(../img/navigation/layout-circle/frame-bg-h5.png);margin:4px;width:100%;height:120px;border-radius:12px}}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 .tag{display:inline-flex;align-items:center;justify-content:flex-start;left:-4px;top:-4px;width:124px;height:28px;text-shadow:0 0 .4px rgba(0,0,0,.6);font-weight:500;font-size:16px;font-style:Italic;line-height:16px;padding-left:30px;background-size:100% auto;background-repeat:no-repeat}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .tag{padding-left:26px;font-size:12px;line-height:20px;width:100px;height:23px;font-weight:600;background-position:center;background-size:100%}}body.layout-circle #lineCtrl .progress-content .name{margin:12px 0;font-weight:500;font-size:14px;line-height:12px;color:rgba(193,199,226,.8)}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .name{width:calc(100% - 12px);font-size:12px;font-weight:500;text-overflow:ellipsis;overflow:hidden}}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .truncate-name .tag{left:12px}}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .truncate-name .name{max-width:100%;margin-right:0}}body.layout-circle #lineCtrl .progress-content .circleArea{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:152px;height:152px;background-position:top center;background-size:100% 100%;background-repeat:no-repeat;margin-right:20px}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea{margin-right:40px;width:100px;height:100px}}body.layout-circle #lineCtrl .progress-content .circleArea .cap{position:absolute;z-index:1;top:50%;left:50%;width:114px;height:114px;transform:translate(-50%,-50%);border-radius:50%}body.layout-circle #lineCtrl .progress-content .circleArea .cap:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";border-radius:50%;width:102px;height:102px}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .cap:before{width:64px;height:64px}}body.layout-circle #lineCtrl .progress-content .circleArea .cap:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";border-radius:50%;width:90px;height:90px}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .cap:after{width:57px;height:57px}}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .cap{width:72%;height:72%}}body.layout-circle #lineCtrl .progress-content .circleArea .process{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:127px;height:127px;border-radius:50%}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .process{width:80px;height:80px}}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;padding-right:30px;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{background-image:url(../img/navigation/layout-circle/play-h5.png);width:108px;height:28px;font-size:12px;font-weight:700}}body.layout-circle #lineCtrl .progress-content .play .hot{position:absolute;top:-12px;right:-12px;width:28px;height:28px;display:none}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .play .hot{top:-13px;right:-4px;width:20px;height:20px}}body.layout-circle #lineCtrl .progress-content.speed-green .tag{background-image:url(../img/navigation/layout-circle/tag-green.png);color:#40d895}body.layout-circle #lineCtrl .progress-content.speed-green .circleArea{background-image:url(../img/navigation/layout-circle/speed_green.png);filter:drop-shadow(0 0 20px rgba(0, 210, 122, .6))}body.layout-circle #lineCtrl .progress-content.speed-green .circleArea .cap{background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-green .circleArea .cap:before{background:#0a834a}body.layout-circle #lineCtrl .progress-content.speed-green .circleArea .cap:after{background-image:radial-gradient(rgba(0,210,122,.7),#12172a 60%)}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{background-image:url(../img/navigation/layout-circle/play-on-h5.png)}}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:#00acff}body.layout-circle #lineCtrl .progress-content.speed-blue .circleArea{background-image:url(../img/navigation/layout-circle/speed_blue.png);filter:drop-shadow(0 0 20px rgba(0, 117, 255, .6))}body.layout-circle #lineCtrl .progress-content.speed-blue .circleArea .cap{background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-blue .circleArea .cap:before{background:#085a99}body.layout-circle #lineCtrl .progress-content.speed-blue .circleArea .cap:after{background-image:radial-gradient(rgba(0,117,255,.7),#12172a 60%)}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:#7d7aff}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .circleArea{background-image:url(../img/navigation/layout-circle/speed-blue-purple.png);filter:drop-shadow(0 0 20px rgba(80, 64, 255, .6))}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .circleArea .cap{background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .circleArea .cap:before{background:#2e2881}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .circleArea .cap:after{background-image:radial-gradient(rgba(80,64,255,.7),#12172a 60%)}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:#b627ff}body.layout-circle #lineCtrl .progress-content.speed-purple .circleArea{background-image:url(../img/navigation/layout-circle/speed_purple.png);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 .cap:before{background:#7d2a8e}body.layout-circle #lineCtrl .progress-content.speed-purple .circleArea .cap:after{background-image:radial-gradient(rgba(153,0,255,.7),#12172a 60%)}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:#ff9700}body.layout-circle #lineCtrl .progress-content.speed-orange .circleArea{background-image:url(../img/navigation/layout-circle/speed_orange.png);filter:drop-shadow(0 0 20px rgba(255, 77, 0, .6))}body.layout-circle #lineCtrl .progress-content.speed-orange .circleArea .cap{background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-orange .circleArea .cap:before{background:#80440f}body.layout-circle #lineCtrl .progress-content.speed-orange .circleArea .cap:after{background-image:radial-gradient(rgba(255,77,0,.7),#12172a 60%)}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:#ec254e}body.layout-circle #lineCtrl .progress-content.speed-red .circleArea{background-image:url(../img/navigation/layout-circle/speed_red.png);filter:drop-shadow(0 0 20px rgba(179, 0, 0, .6))}body.layout-circle #lineCtrl .progress-content.speed-red .circleArea .cap{background-color:#12172a}body.layout-circle #lineCtrl .progress-content.speed-red .circleArea .cap:before{background:#991520}body.layout-circle #lineCtrl .progress-content.speed-red .circleArea .cap:after{background-image:radial-gradient(rgba(179,0,0,.7),#12172a 60%)}body.layout-circle #lineCtrl .progress-content.speed-red .circleArea .ms{color:#fe1a55}body.layout-circle .online-kf{position:fixed;width:120px;height:120px;bottom:59px;right:342px;z-index:3}@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%}