.dot{width:8px;height:8px;border-radius:8px;background:#eee}.page{background:#f2f3f5}.main{width:940px;margin:0 auto}.head{height:50px;background:#fff;padding:0 20px}.body{width:100%;min-height:calc(100vh - 50px);padding:10px;box-sizing:border-box}.story{height:100%}.aside{width:360px;height:100%}.project{background:#fff;padding:10px;border-radius:4px}.avatar{width:40px;height:40px;border-radius:45px;border:1px solid #333}.profile{background:#fff;border-radius:4px;padding:10px;box-sizing:border-box}.profile-line{line-height:1.6}.more-project+.more-project{margin-top:10px;border-top:1px solid #ccc;padding-top:10px;box-sizing:border-box}.project-qr{width:100px;height:100px}html,body{padding:0;margin:0;font-size:14px;color:#000}.flex{display:flex;align-items:center;justify-content:center}.col-c{align-items:center}.col-s{align-items:flex-start}.row-c{justify-content:center}.row-s{justify-content:flex-start}.row-e{justify-content:flex-end}.row-sb{justify-content:space-between}.flex-column{flex-direction:column}.grow,.flex-grow{flex-grow:1}.shrink,.flex-shrink{flex-shrink:0}.wrap,.flex-wrap{flex-wrap:wrap}.p10{padding:10px}.p20{padding:20px}.mt-5{margin-top:5px}.mb-5{margin-bottom:5px}.mr-5{margin-right:5px}.mt-10{margin-top:10px}.mr-10{margin-right:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.cursor,.pointer,.cur_p{cursor:pointer}.danger{color:#f56c6c}.black{color:#333}.gray{color:#666}.grey{color:#999}.success,.main-color,.primary-color{color:var(--main-theme-color)}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f24{font-size:24px}.f32{font-size:32px}.fb{font-weight:700}.fbr{font-weight:bolder}.bb{border-bottom:1px solid #ccc}