.add .btn-view[data-v-128d7e46]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 50px}.add .btn-add-new[data-v-128d7e46]{color:#fff!important;background:#12c08b!important;color:#000;background:#f5f5f5}.add .btn-add-new[data-v-128d7e46],.add .btn[data-v-128d7e46]{padding:10px 20px;font-size:14px;border-radius:5px;cursor:pointer}.add .btn[data-v-128d7e46]{color:#000;background:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:20px;left:150px;pointer-events:all}.add .btn .iconfont[data-v-128d7e46]{font-size:14px}.add .btn .icon-zuo-you[data-v-128d7e46]{display:block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:8px;-webkit-transition:all .5s;transition:all .5s}.add .btn .icon-add[data-v-128d7e46]{margin-right:8px}.add .btn .active[data-v-128d7e46]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.add .route[data-v-128d7e46]{position:fixed;top:20px;right:550px;padding:10px 20px;font-size:14px;color:#000;border-radius:5px;background:#f5f5f5;cursor:pointer}.add .add-map[data-v-128d7e46]{pointer-events:all}.add .add-map .tip[data-v-128d7e46]{font-size:14px;color:red;text-align:center}.add .add-map .close[data-v-128d7e46]{float:right;width:30px;height:30px;text-align:center;line-height:30px;color:#fff;background:#8a9592;border-radius:50%;cursor:pointer}.add .add-map .tabs[data-v-128d7e46]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:20px 20px 0 0;overflow:hidden;background:#fff}.add .add-map .tabs .tab[data-v-128d7e46]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#898c8b;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-size:18px}.add .add-map .tabs .tab span[data-v-128d7e46]{display:inline-block;padding:10px 10px}.add .add-map .tabs .active[data-v-128d7e46]{background:#ddfffb;color:#12c08b}.add .add-map .tabs .active span[data-v-128d7e46]{border-bottom:2px solid #12c08b}.add .add-map .tab-container[data-v-128d7e46]{width:370px;min-height:100px}.add .add-map .tab-container .content[data-v-128d7e46]{padding:0 7px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.add .add-map .tab-container .content .barrier-item[data-v-128d7e46]{border:1px solid #ccc;padding:5px 15px;text-align:center;border-radius:6px;-webkit-transition:all .3s;transition:all .3s;margin-right:10px;margin-bottom:10px;cursor:pointer;position:relative}.add .add-map .tab-container .content .barrier-item[data-v-128d7e46]:nth-child(4n){margin-right:0}.add .add-map .tab-container .content .barrier-item .area[data-v-128d7e46]{font-size:14px}.add .add-map .tab-container .content .barrier-item .name[data-v-128d7e46]{font-size:12px;color:#636363}.add .add-map .tab-container .content .barrier-item .close-item[data-v-128d7e46]{position:absolute;right:-10px;top:-10px;border-radius:50%;background:#ccc;width:20px;height:20px;overflow:hidden}.add .add-map .tab-container .content .barrier-item .close-item i[data-v-128d7e46]{font-size:10px}.add .add-map .tab-container .content .active[data-v-128d7e46]{border:1px solid #12c08b;background:#e2fffc}.add .add-map .update[data-v-128d7e46]{padding:20px;width:100%;background:#12c08b;color:#fff;text-align:center;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.add .add-map .update div[data-v-128d7e46]{-webkit-box-flex:1;-ms-flex:1;flex:1}.add .add-map .map-info[data-v-128d7e46]{display:-webkit-box;display:-ms-flexbox;display:flex}.add .add-map .map-info>div[data-v-128d7e46]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.add .add-map .map-info>div p[data-v-128d7e46]{font-size:24px;color:#12c08b;margin-bottom:0}.add .add-map .map-info>div span[data-v-128d7e46]{color:#636363;font-size:14px;white-space:nowrap}.add .add-map .btn-box[data-v-128d7e46]{position:relative;left:0;top:0;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.add .add-map .btn-box .add[data-v-128d7e46],.add .add-map .btn-box .back[data-v-128d7e46],.add .add-map .btn-box .start[data-v-128d7e46]{margin:0;padding:5px 10px;font-size:14px;border-radius:5px;background:#f5f5f5;cursor:pointer}.add .add-map .btn-box .add .iconfont[data-v-128d7e46],.add .add-map .btn-box .back .iconfont[data-v-128d7e46],.add .add-map .btn-box .start .iconfont[data-v-128d7e46]{margin-right:5px}.add .add-map .btn-box .start[data-v-128d7e46]{background:#e2fffc;color:#12c08b;-webkit-transition:all .3s;transition:all .3s}.add .add-map .btn-box .active[data-v-128d7e46]{background:#12c08b;color:#fff}.add .add-map .btn-box .back[data-v-128d7e46]{background:#889d97;color:#fff}@media screen and (max-width:768px){.update[data-v-128d7e46]{padding:10px 20px!important}}.field-list .input-box[data-v-1fb6a21e]{margin-bottom:10px;padding:0 10px}.field-list .input-box input[data-v-1fb6a21e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;border:1px solid #dcdee2;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;border-radius:4px;margin:0 8px;width:160px;-webkit-box-sizing:border-box;box-sizing:border-box}.field-list .input-box input[data-v-1fb6a21e]:hover{border-color:#57a3f3}.field-list .input-box input[data-v-1fb6a21e]:focus{border-color:#57a3f3;outline:0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.field-list .input-box button[data-v-1fb6a21e]{font-size:14px;background:#12c08b;color:#fff}.field-list .modal[data-v-1fb6a21e]{pointer-events:all}.field-list .btn[data-v-1fb6a21e]{padding:10px 20px;font-size:14px;color:#000;border-radius:5px;background:#f5f5f5;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:20px;left:200px;pointer-events:all}.field-list .btn .iconfont[data-v-1fb6a21e]{font-size:14px}.field-list .btn .icon-zuo-you[data-v-1fb6a21e]{display:block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:8px;-webkit-transition:all .5s;transition:all .5s}.field-list .btn .active[data-v-1fb6a21e]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.field-list .map-list[data-v-1fb6a21e]{pointer-events:all;width:100%;padding:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.field-list .map-list .map-header[data-v-1fb6a21e]{margin-left:10px;padding-left:10px;border-left:4px solid #12c08b;margin-bottom:5px}.field-list .map-list .map-item[data-v-1fb6a21e]{padding:5px 20px;border-bottom:1px solid #e4e4e4;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}.field-list .map-list .map-item[data-v-1fb6a21e]:last-child{border-bottom:0}.field-list .map-list .map-item[data-v-1fb6a21e]:hover{background:#ddfffb}.field-list .map-list .map-item .icon-box[data-v-1fb6a21e]{margin-left:auto}.field-list .map-list .map-item .icon-box i[data-v-1fb6a21e]{margin-left:10px}.field-list .map-list .active[data-v-1fb6a21e]{background:#ddfffb}.field-list .field .map-item[data-v-1fb6a21e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.field-list .field .map-item>div span[data-v-1fb6a21e]{font-size:14px}.route-move[data-v-551e3485]{position:absolute;height:167px;width:253px;bottom:350px;right:450px;background:#fff;padding:3px 5px;border-radius:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.title[data-v-551e3485]{font-size:16px}.content[data-v-551e3485]{height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-item[data-v-551e3485]{-webkit-box-flex:1;-ms-flex:1;flex:1}.content-item .icon[data-v-551e3485]{cursor:pointer;font-size:30px}.content-item .icon[data-v-551e3485]:hover{color:#87ceeb}.content-item .content-item-value[data-v-551e3485]{font-size:14px}.content .top[data-v-551e3485]{text-align:center}.content .mid[data-v-551e3485]{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.content .mid-item[data-v-551e3485]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content .mid-item>div[data-v-551e3485]{-webkit-box-flex:1;-ms-flex:1;flex:1}.content .bottom[data-v-551e3485]{text-align:center}.content-item-value b[data-v-551e3485]{display:inline-block;width:15px}.add .btn[data-v-eca0a6be]{padding:10px 20px;font-size:14px;color:#000;border-radius:5px;background:#f5f5f5;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:20px;pointer-events:all;position:fixed;right:20px}.add .btn .iconfont[data-v-eca0a6be]{font-size:14px}.add .btn .icon-zuo-you[data-v-eca0a6be]{display:block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:8px;-webkit-transition:all .5s;transition:all .5s}.add .btn .icon-add[data-v-eca0a6be]{margin-right:8px}.add .btn .active[data-v-eca0a6be]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.add .map-list[data-v-eca0a6be]{pointer-events:all;position:absolute;left:20px;top:70px;width:260px;background:#fff;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;-webkit-box-shadow:0 0 6px 0 rgba(6,66,48,.4588235294117647);box-shadow:0 0 6px 0 rgba(6,66,48,.4588235294117647);max-height:55%;overflow-y:auto}.add .map-list .map-header[data-v-eca0a6be]{margin-left:10px;padding-left:10px;border-left:4px solid #12c08b;margin-bottom:10px}.add .map-list .map-item[data-v-eca0a6be]{padding:10px 20px;border-bottom:1px solid #e4e4e4;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}.add .map-list .map-item[data-v-eca0a6be]:hover{background:#ddfffb}.add .map-list .map-item .icon-box i[data-v-eca0a6be]{margin-left:10px}.add .map-list .active[data-v-eca0a6be]{background:#ddfffb}.add .route[data-v-eca0a6be]{right:450px;left:auto;width:180px}.add .route .add-route[data-v-eca0a6be]{width:120px;padding:5px 0;margin:10px auto;background:#12c08b;text-align:center;color:#fff;border-radius:10px;cursor:pointer}.add .route .no-data[data-v-eca0a6be]{text-align:center;padding:20px 0}.add .route .map-item[data-v-eca0a6be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add .route .map-item>div span[data-v-eca0a6be]{font-size:14px}.add .add-map[data-v-eca0a6be]{position:absolute;bottom:30px;right:450px;padding:50px 0;background:hsla(0,0%,100%,.8);border-radius:20px;z-index:100;pointer-events:all;-webkit-box-shadow:0 0 6px 0 rgba(6,66,48,.4588235294117647);box-shadow:0 0 6px 0 rgba(6,66,48,.4588235294117647)}.add .add-map .tip[data-v-eca0a6be]{font-size:14px;color:red;text-align:center;margin-top:15px}.add .add-map .close[data-v-eca0a6be]{position:absolute;top:-10px;right:-10px;width:30px;height:30px;text-align:center;line-height:30px;color:#fff;background:#8a9592;border-radius:50%;cursor:pointer;z-index:10}.add .add-map .tabs[data-v-eca0a6be]{width:100%;position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:20px 20px 0 0;overflow:hidden;background:#fff;white-space:nowrap}.add .add-map .tabs .tab[data-v-eca0a6be]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#898c8b;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-size:18px;white-space:nowrap}.add .add-map .tabs .tab span[data-v-eca0a6be]{display:inline-block;padding:10px 10px}.add .add-map .tabs .active[data-v-eca0a6be]{background:#ddfffb;color:#12c08b}.add .add-map .tabs .active span[data-v-eca0a6be]{border-bottom:2px solid #12c08b}.add .add-map .tab-container[data-v-eca0a6be]{min-height:100px;white-space:nowrap}.add .add-map .tab-container .attribute[data-v-eca0a6be]{padding:0 30px;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add .add-map .update[data-v-eca0a6be]{position:absolute;bottom:0;left:0;padding:10px;width:100%;background:#12c08b;color:#fff;text-align:center;border-radius:0 0 20px 20px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.add .add-map .update div[data-v-eca0a6be]{-webkit-box-flex:1;-ms-flex:1;flex:1}.add .add-map .btn-box[data-v-eca0a6be]{position:relative;left:0;top:0;margin-top:20px;margin-bottom:20px;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.add .add-map .btn-box .add[data-v-eca0a6be],.add .add-map .btn-box .back[data-v-eca0a6be],.add .add-map .btn-box .start[data-v-eca0a6be]{margin:0;padding:5px 10px;font-size:14px;border-radius:5px;background:#f5f5f5;cursor:pointer}.add .add-map .btn-box .add .iconfont[data-v-eca0a6be],.add .add-map .btn-box .back .iconfont[data-v-eca0a6be],.add .add-map .btn-box .start .iconfont[data-v-eca0a6be]{margin-right:5px}.add .add-map .btn-box .start[data-v-eca0a6be]{background:#e2fffc;color:#12c08b;-webkit-transition:all .3s;transition:all .3s;margin-right:10px}.add .add-map .btn-box .start[data-v-eca0a6be]:last-child{margin-right:0}.add .add-map .btn-box .active[data-v-eca0a6be]{background:#12c08b;color:#fff}.add .add-map .btn-box .back[data-v-eca0a6be]{background:#889d97;color:#fff}