.area[data-v-78a0ca2d]{max-height:600px;overflow-x:hidden;overflow-y:auto;white-space:nowrap;text-overflow:ellipsis}.edit-icon[data-v-78a0ca2d]{display:none;margin-left:10px}.area-setting:hover .edit-icon[data-v-78a0ca2d]{display:inline-block}.example[data-v-78a0ca2d]{text-align:center;border-radius:4px;margin-bottom:20px;padding:30px 50px;margin:20px 0}.empty[data-v-78a0ca2d]{width:100%;margin:0;height:200px}.content[data-v-387e9558]{padding-left:10px;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content .area-title[data-v-387e9558]{border-left:4px solid #606266;font-size:16px;color:grey;background-color:#eee;padding:5px 15px}.content .card[data-v-387e9558]{width:30%;height:180px;margin-bottom:20px;-webkit-box-shadow:0 0 20px 0 hsla(0,0%,83.9%,.5);box-shadow:0 0 20px 0 hsla(0,0%,83.9%,.5);cursor:pointer;padding:10px 20px}.content .card .card-content[data-v-387e9558]{width:100%;height:100%}.content .card .card-content .card-left[data-v-387e9558]{width:40%;height:100%}.content .card .card-content .card-left .area-name[data-v-387e9558]{height:30px;width:100%;text-align:center;line-height:30px;font-size:16px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .card .card-content .card-left .area-img[data-v-387e9558]{margin-top:10px;width:80px;height:80px;text-align:center;line-height:80px}.content .card .card-content .card-left .area-img img[data-v-387e9558]{width:auto;height:auto;max-height:100%;max-width:100%}.content .card .card-content .card-right[data-v-387e9558]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding-left:10px}.content .card .card-content .card-right .material-number[data-v-387e9558]{width:130px;height:30px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height:30px;font-size:16px;color:#333}.content .card .card-content .card-right .right-list[data-v-387e9558]{margin-top:5px;height:100px}.content .card .card-content .card-right .right-list .material-list[data-v-387e9558]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:130px;overflow:hidden}.content .card .card-content .card-right .right-list .material-list span[data-v-387e9558]{display:inline-block;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (min-width:1800px){.content .card .card-content .card-right[data-v-387e9558]{padding-left:0}.content .card .card-content .card-right .material-list[data-v-387e9558],.content .card .card-content .card-right .material-list span[data-v-387e9558],.content .card .card-content .card-right .material-number[data-v-387e9558]{width:200px}}.content .card .card-content .name-none[data-v-387e9558]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#969896}.content .add-area-button[data-v-387e9558]{width:30%;height:180px;margin-bottom:20px;background-color:#fff;-webkit-box-shadow:0 0 20px 0 hsla(0,0%,83.9%,.5);box-shadow:0 0 20px 0 hsla(0,0%,83.9%,.5)}.content .right-bottom-icon[data-v-387e9558]{position:absolute;right:15px;bottom:10px;font-size:18px}.content[data-v-387e9558]:after{content:"";width:30%;height:0;visibility:hidden}.area-list[data-v-387e9558]{margin-top:30px;width:100%}.area-list .list[data-v-387e9558]{width:100%}.area-list .list .list-img[data-v-387e9558]{width:160px;height:120px;margin-left:30px}.area-list .list .list-img .img[data-v-387e9558]{width:auto;height:auto;border-radius:10px;max-width:100%;max-height:100%}.area-list .list .list-img .mask[data-v-387e9558]{position:absolute;width:160px;height:110px;background:hsla(0,0%,39.6%,.6);color:#fff;opacity:0;z-index:1;border-radius:10px}.area-list .list .list-img:hover .mask[data-v-387e9558]{opacity:1}.area-list .list .list-item-right[data-v-387e9558]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:30px;cursor:pointer}.area-list .list .list-item-right .list-item-name[data-v-387e9558]{font-size:16px;font-weight:700}.area-list .list .list-item-right .list-item-number[data-v-387e9558]{font-size:16px;margin-left:30px}.area-list .list .list-item-right .material-name[data-v-387e9558]{margin-top:10px;height:60px}.area-list .list .list-item-right .material-name .name-list[data-v-387e9558]{display:inline-block;width:159px;height:100%}.area-list .list .list-item-right .material-name .name-list span[data-v-387e9558]{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.area-list .list .list-item-right .material-name .list-space[data-v-387e9558]{margin-right:10px}@media screen and (min-width:1800px){.area-list .list .list-item-right .material-name .name-list[data-v-387e9558]{width:251px}.area-list .list .list-item-right .material-name .list-space[data-v-387e9558]{margin-right:20px}}.area-list .list .list-item-right .list-name-none[data-v-387e9558]{margin-top:10px;height:60px}.area-list .list .list-item-option[data-v-387e9558]{margin-top:5px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.area-list .add-area-btn[data-v-387e9558]{height:120px;text-align:center;line-height:120px;cursor:pointer;font-size:16px;font-weight:700;color:#1890ff;margin-bottom:30px}.option-tag[data-v-387e9558]{color:#909399;border-bottom:1px solid transparent}.option-tag[data-v-387e9558]:hover{color:#a6a9ad;border-bottom:1px solid #313131}.delete-tag[data-v-387e9558]{color:#f56c6c;border-bottom:1px solid transparent}.delete-tag[data-v-387e9558]:hover{color:#f78989;border-bottom:1px solid #f56c6c}