.z-flex[data-v-4af1f4f9]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.z-flex-col[data-v-4af1f4f9]{flex-direction:column}.z-flex-between[data-v-4af1f4f9]{justify-content:space-between}.z-flex-around[data-v-4af1f4f9]{justify-content:space-around}.z-flex-center[data-v-4af1f4f9]{justify-content:center}.z-flex-end[data-v-4af1f4f9]{justify-content:flex-end}.aside-r[data-v-4af1f4f9]{width:520px}.mode-list[data-v-4af1f4f9]{align-items:stretch;box-sizing:border-box}.mode-list .item[data-v-4af1f4f9]{padding:15px 10px;box-sizing:border-box;border-radius:4px;width:calc(25% - 5px);font-size:15px;cursor:pointer;text-align:justify;background:#222}.mode-list .item .icon[data-v-4af1f4f9]{width:40px;height:40px;display:block;margin-bottom:10px}.mode-list .item[data-v-4af1f4f9]:hover{background:#353535}.mode-list .item.active[data-v-4af1f4f9]{background:linear-gradient(135deg,#c64ec8,#7575fa);color:#fff}.input-box[data-v-4af1f4f9]{margin-top:10px}.input-box[data-v-4af1f4f9] .el-textarea__inner{background:#222;border:1px solid #3a3a3a;color:#fff;padding:10px}.input-box[data-v-4af1f4f9] .el-textarea__inner:focus{border-color:#cc73ff}.btn-group[data-v-4af1f4f9]{margin-top:10px}.btn-group .btn[data-v-4af1f4f9]{padding:10px 30px;flex:1}.btn-group .btn.btn-clear[data-v-4af1f4f9]{background:none;color:#cc73ff;border-color:#cc73ff}.quick-box[data-v-4af1f4f9]{align-items:stretch;margin-top:20px}.quick-box .item[data-v-4af1f4f9]{padding:10px;border:1px solid #3a3a3a;box-sizing:border-box;border-radius:4px;width:calc(50% - 5px);cursor:pointer;margin-bottom:10px;font-size:15px;text-align:justify}.quick-box .item[data-v-4af1f4f9]:hover{border-color:#cc73ff}.quick-box .item.active[data-v-4af1f4f9]{border-color:#cc73ff;color:#cc73ff}.quick-box2[data-v-4af1f4f9]{margin-top:30px}.quick-box2 .hd[data-v-4af1f4f9]{margin-bottom:10px}.quick-box2 .item[data-v-4af1f4f9]{font-size:15px;padding:12px 0;border-bottom:1px dotted #3a3a3a;cursor:pointer;color:#ccc;position:relative;padding-left:12px}.quick-box2 .item[data-v-4af1f4f9]:before{content:"";width:5px;height:5px;display:block;background:#fff;border-radius:100%;position:absolute;left:0;top:19px}.quick-box2 .item[data-v-4af1f4f9]:hover{color:#cc73ff}.quick-box2 .item[data-v-4af1f4f9]:hover:before{background:#cc73ff}.dialog-writingmode .d-con .item[data-v-4af1f4f9]{width:calc(50% - 10px);margin-bottom:20px;background:#f5f5f5;border-radius:6px;padding:20px 40px;box-sizing:border-box;cursor:pointer}.dialog-writingmode .d-con .item .icon[data-v-4af1f4f9]{width:60px;height:60px;margin-right:30px}.dialog-writingmode .d-con .item .title[data-v-4af1f4f9]{font-size:20px;margin-bottom:10px}.dialog-writingmode .d-con .item .desc[data-v-4af1f4f9]{color:#999;font-size:14px}.dialog-writingmode .d-con .item[data-v-4af1f4f9]:hover{background:rgba(198,78,200,.15)}.dialog-writingmode .d-con .item.active[data-v-4af1f4f9]{background:linear-gradient(135deg,#c64ec8,#7575fa);color:#fff}.dialog-writingmode .d-con .item.active .desc[data-v-4af1f4f9]{color:#eee}