.box[data-v-ba4fa5e4]{padding:20px;display:flex;align-items:center;width:calc((100% - 60px)/3);background-color:#fff;box-shadow:0 0 10px #ccc}.box .box-title[data-v-ba4fa5e4]{margin:0;font-size:16px;font-weight:600}.box .box-content[data-v-ba4fa5e4]{margin:0;color:#606266}.main[data-v-ba4fa5e4]{margin:30px 20px;background-color:#fff;border-radius:5px;box-shadow:2px 5px 10px #ccc}.main .header-writing[data-v-ba4fa5e4]{padding:20px 30px;border-bottom:1px solid rgba(30,31,33,.1294117647)}.main .header-writing .writing[data-v-ba4fa5e4]{position:relative;color:#343537;font-weight:600}.main .header-writing .writing[data-v-ba4fa5e4]:after{position:absolute;left:-10px;top:50%;transform:translateY(-50%);content:"";width:3px;height:15px;background-color:#237beb;border-radius:3px}.main .main-content[data-v-ba4fa5e4]{padding:20px}.main .main-content .text-title[data-v-ba4fa5e4]{color:rgba(0,0,0,.5803921569);font-size:20px;font-weight:600}.main .main-content .text-content[data-v-ba4fa5e4]{margin:0;padding-bottom:10px;font-size:16px;border-bottom:1px solid rgba(132,129,129,.5098039216)}.main .main-content .bottom[data-v-ba4fa5e4]{margin-top:30px;display:flex;justify-content:space-between}.main .steps[data-v-ba4fa5e4]{position:relative;padding-left:2.5%;margin:0}.main .steps li[data-v-ba4fa5e4]{padding:6px 10px;margin-right:5%;width:calc(10% - 20px);position:relative;float:left;list-style-type:none;font-size:12px;text-align:center;background-color:#fff;color:#a2a0a0;border:1px solid #a2a0a0;border-radius:2px}.main .steps li[data-v-ba4fa5e4]:after{content:"";width:calc(50% + 1px);height:2px;background-color:red;position:absolute;left:100%;top:50%;transform:translateY(-50%)}.main .steps li[data-v-ba4fa5e4]:last-of-type:after{width:0}.main .steps li.active[data-v-ba4fa5e4]{color:red;border-color:red}