body[data-v-8d28aa4e]{background-color:#e3e3e3}.guide .footer[data-v-8d28aa4e]{position:fixed;bottom:0}.nav[data-v-8d28aa4e]{width:600px;margin:0 auto 40px;display:flex}.nav li[data-v-8d28aa4e]{flex:1;color:#666}.nav li.on[data-v-8d28aa4e]{color:#4fc5dc}.nav li.on span[data-v-8d28aa4e]{background-color:#4fc5dc;color:#fff}.nav li span[data-v-8d28aa4e]{width:24px;height:24px;border-radius:12px;display:block;border:3px solid #e3e3e3;text-align:center;margin-bottom:10px;color:#666;background-color:#f2f2f2}.nav li span i[data-v-8d28aa4e]{display:block;margin-top:3px}.nav li[data-v-8d28aa4e]:before{content:"";display:block;width:100%;height:8px;background-color:#e3e3e3;border-top:3px solid #e3e3e3;position:absolute;border-bottom:3px solid #e3e3e3;margin-top:8px}.nav li[data-v-8d28aa4e]:first-child:before{margin-left:42px;width:249px}.nav li.finished[data-v-8d28aa4e]:before{background-color:#4fc5dc}.nav li[data-v-8d28aa4e]:nth-child(2):before{margin-left:109px;width:268px}.nav li[data-v-8d28aa4e]:last-child:before{display:none}