.box[data-v-7f8d7a1a]{padding:20px;background:#fff;height:100%}.box1[data-v-7f8d7a1a]{height:100%}#myCanvas[data-v-7f8d7a1a]{position:relative;top:0;left:0;z-index:3;cursor:crosshair}.div-box[data-v-7f8d7a1a]{width:960px;margin:0 auto}.p-div[data-v-7f8d7a1a]{position:relative;top:0;left:0}.d1[data-v-7f8d7a1a]{background:rgba(255,0,51,.4);position:absolute;z-index:1;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d2[data-v-7f8d7a1a]{background:#fff;width:186px;border:1px solid #eee;-webkit-box-shadow:0 1px 6px 0 #000;box-shadow:0 1px 6px 0 #000;position:absolute;top:10px;left:10px;z-index:5}.imgBG[data-v-7f8d7a1a]{width:960px;height:540px;position:absolute;top:0;left:0;z-index:0}.d1Index[data-v-7f8d7a1a]{z-index:4}.CanIndex[data-v-7f8d7a1a]{z-index:3}.d2-title[data-v-7f8d7a1a]{background:#fafafa;border-bottom:1px solid #f6f6f6}.d2-title[data-v-7f8d7a1a],.label-list[data-v-7f8d7a1a]{padding:0 12px;line-height:40px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.label-list[data-v-7f8d7a1a]:hover{color:#3a8ee6;background:rgba(58,142,230,.2)}.del-btn[data-v-7f8d7a1a]{width:100px;height:26px;line-height:26px;margin:10px auto;text-align:center;border:1px solid #3a8ee6;font-size:12px;color:#3a8ee6}.hua-box[data-v-7f8d7a1a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagehua[data-v-7f8d7a1a]{width:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#ddd;background:#f8f8f8}.c-hua[data-v-7f8d7a1a],.pagehua[data-v-7f8d7a1a]{height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-hua[data-v-7f8d7a1a]{width:100%}.img-bg[data-v-7f8d7a1a]{margin-left:10px;width:120px;height:68px;background:#666}.img2[data-v-7f8d7a1a]{width:100%;height:100%}.actice[data-v-7f8d7a1a]{border:2px solid #3a8ee6}.box1[data-v-7f8d7a1a]{border-left:1px solid #ccc}.r-title[data-v-7f8d7a1a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ccc}.r-cen[data-v-7f8d7a1a]{padding:0 12px;height:100%;overflow-y:auto}.r-list[data-v-7f8d7a1a]{margin-top:10px;border:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.r-list[data-v-7f8d7a1a]:hover{border:1px solid #3a8ee6;color:#3a8ee6}.labelBG[data-v-7f8d7a1a]{width:8px;height:40px;margin-right:10px}.continuity[data-v-7f8d7a1a]{color:#3a8ee6}.color-box[data-v-7f8d7a1a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.colir-list[data-v-7f8d7a1a]{width:30px;height:30px;margin-left:10px;border:1px solid;border-color:red}.jianyou[data-v-7f8d7a1a]{width:30px;height:100px;background:#f5f5f5;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:200px}