*{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%;background:url(../img/navigation/layout-circle/bg.jpg) no-repeat;padding:40px 0 20px}body.layout-circle:after{position:absolute;content:"";display:block;width:100%;height:341px;bottom:0;background:url(../img/navigation/layout-circle/bottom.png) no-repeat,linear-gradient(180deg,rgba(200,220,255,.0901960784) 0,#f3f8fd 15%);z-index:-1}@media (max-width:641px){body.layout-circle{background-position:top center;background-size:329%;background-color:#f2f7fc;padding:0 10px}body.layout-circle:after{display:none;background:unset}}body.layout-circle header{position:relative;display:flex;align-items:end;justify-content:center;height:380px;margin-bottom:24px}@media (max-width:641px){body.layout-circle header{height:300px}}body.layout-circle header .logo{position:relative;height:62px}@media (max-width:641px){body.layout-circle header .logo{height:68px}}body.layout-circle #lineCtrl{margin:0 auto;max-width:1508px;display:flex;flex-wrap:wrap;justify-content:center;padding:50px;background:url(../img/navigation/layout-circle/rate-bg.png) no-repeat}@media (max-width:641px){body.layout-circle #lineCtrl{background-size:100% 100%;padding:10px;width:100%;max-width:100%;background:unset}}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:313px;border-radius:16px;text-decoration:none;background:url(../img/navigation/layout-circle/cardbg.png) no-repeat;background-size:cover;background-position:center;padding:16px 0}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content{padding:6px 0;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%;justify-content:center}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .head{line-height:18px}}body.layout-circle #lineCtrl .progress-content .head .name{font-size:20px;font-weight:400;color:rgba(109,118,147,.8);text-decoration:underline}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .head .name{text-align:center;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 .name{max-width:100%;margin-right:0}}body.layout-circle #lineCtrl .progress-content .circleArea{margin:13px 0 10px 0;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:149px;height:149px;overflow:hidden}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea{margin:5px 0 10px 0;width:75px;height:75px}}body.layout-circle #lineCtrl .progress-content .circleArea .cover-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;border-radius:50%;z-index:1}body.layout-circle #lineCtrl .progress-content .circleArea .process{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-133deg);width:130px;height:130px;border-radius:50%;z-index:0}@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:27px;color:#30303d;font-weight:700}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .circleArea .val{font-size:18px}}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:10px}}body.layout-circle #lineCtrl .progress-content .text{position:relative;display:block;font-weight:400;font-style:Italic;font-size:18px;line-height:24px;text-align:center;background-repeat:no-repeat;background-position:center;background-size:100% auto;margin-bottom:20px}@media (max-width:641px){body.layout-circle #lineCtrl .progress-content .text{font-size:13px;margin-bottom:5px;line-height:15px}}body.layout-circle #lineCtrl .progress-content .text::after{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotateX(180deg);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}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 .cover-bg{background-image:url(../img/navigation/layout-circle/display_green.png)}body.layout-circle #lineCtrl .progress-content.speed-green .ms{color:#44e29d}body.layout-circle #lineCtrl .progress-content.speed-green .play{background-image:url(../img/navigation/layout-circle/play-on.png)}body.layout-circle #lineCtrl .progress-content.speed-green .play .hot{display:block}body.layout-circle #lineCtrl .progress-content.speed-green .text{color:#40d895;background-image:url(../img/navigation/layout-circle/speedlabel_green.png)}body.layout-circle #lineCtrl .progress-content.speed-green .text::after{border-top:6px solid rgba(64,216,149,.2)}body.layout-circle #lineCtrl .progress-content.speed-blue .cover-bg{background-image:url(../img/navigation/layout-circle/display_blue.png)}body.layout-circle #lineCtrl .progress-content.speed-blue .ms{color:#01c1ff}body.layout-circle #lineCtrl .progress-content.speed-blue .text{color:#578cf6;background-image:url(../img/navigation/layout-circle/speedlabel_blue.png)}body.layout-circle #lineCtrl .progress-content.speed-blue .text::after{border-top:6px solid rgba(87,140,246,.2)}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .cover-bg{background-image:url(../img/navigation/layout-circle/display_bluepurple.png)}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .ms{color:#9296ff}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .text{color:#5040ff;background-image:url(../img/navigation/layout-circle/speedlabel_bluepurple.png)}body.layout-circle #lineCtrl .progress-content.speed-blue-purple .text::after{border-top:6px solid rgba(80,64,255,.2)}body.layout-circle #lineCtrl .progress-content.speed-purple .cover-bg{background-image:url(../img/navigation/layout-circle/display_purple.png)}body.layout-circle #lineCtrl .progress-content.speed-purple .ms{color:#eb6dff}body.layout-circle #lineCtrl .progress-content.speed-purple .text{color:#df40ff;background-image:url(../img/navigation/layout-circle/speedlabel_purple.png)}body.layout-circle #lineCtrl .progress-content.speed-purple .text::after{border-top:6px solid rgba(223,64,255,.2)}body.layout-circle #lineCtrl .progress-content.speed-orange .cover-bg{background-image:url(../img/navigation/layout-circle/display_purple.png)}body.layout-circle #lineCtrl .progress-content.speed-orange .ms{color:#ff9c01}body.layout-circle #lineCtrl .progress-content.speed-orange .text{color:#ff8400;background-image:url(../img/navigation/layout-circle/speedlabel_orange.png)}body.layout-circle #lineCtrl .progress-content.speed-orange .text::after{border-top:6px solid rgba(255,132,0,.2)}body.layout-circle #lineCtrl .progress-content.speed-red .cover-bg{background-image:url(../img/navigation/layout-circle/display_red.png)}body.layout-circle #lineCtrl .progress-content.speed-red .ms{color:#fe1a55}body.layout-circle #lineCtrl .progress-content.speed-red .text{color:#e6463a;background-image:url(../img/navigation/layout-circle/speedlabel_red.png)}body.layout-circle #lineCtrl .progress-content.speed-red .text::after{border-top:6px solid rgba(230,70,58,.2)}body.layout-circle .online-kf{position:fixed;width:100px;height:100px;bottom:59px;right:100px}@media (max-width:641px){body.layout-circle .online-kf{width:87px;height:auto;bottom:80px;right:8px}}body.layout-circle .online-kf img{width:100%}