.base{height:100%;padding:0;margin:0;overflow:auto}li,ul{list-style:none;display:block}.main-snakLine{width:100%;min-width:500px;height:100%;margin:0;padding:20px;overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.snakLine *,:after,:before{-webkit-box-sizing:unset;box-sizing:unset}.snakLine{width:100%;height:100px;position:relative}.snakLine:before{content:"";width:calc(100% - 100px);height:4px;background-color:#008bcc;position:absolute;left:0;top:calc(50% - 2px);left:50px}.snakLine:last-child:after{border:0!important;display:none!important}.snakLine:nth-child(2n):before{width:calc(100% - 100px);left:50px;margin-right:50px;margin-top:4px}.snakLine:nth-child(odd):after{content:"";display:block;width:100px;height:100px;border:4px solid #008bcc;border-radius:0 100px 100px 0;position:absolute;right:0;top:48px;border-left:0}.snakLine:nth-child(2n):after{content:"";display:block;width:91px;height:92px;border:4px solid #008bcc;border-radius:100px 0 0 100px;position:absolute;top:52px;border-right:0}.main-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100px;position:relative;z-index:1;margin:0 auto;padding:0}.main-box,.main-box li{display:-webkit-box;display:-ms-flexbox;display:flex}.main-box li{width:100px;height:60px;padding:0 5px;margin:20px 20px;background-color:#f2f4f5;border-radius:0 15px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:5px 5px 5px #c5c5c5;box-shadow:5px 5px 5px #c5c5c5;word-break:break-word;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;cursor:pointer}.main-box li:hover{-webkit-box-shadow:1px 1px 8px #c5c5c5;box-shadow:1px 1px 8px #c5c5c5}.begin-circle,.end-circle{width:25px;height:25px;border-radius:50%;border:4px solid #008bcc;position:absolute;right:25px;top:35px}.snakLine:nth-child(2n) .end-circle{left:25px;top:40px}.begin-circle{left:25px;top:36px}.green{background-color:#aad76e!important}.span0,.span1,.span2{width:30%;height:100%}.yellow{background-color:#f3d57f!important;color:#333!important}.red{background-color:#efa37c!important}