.mq[data-v-211a74c2]{width:200px;height:200px;background:#f0f0f0}.app-container[data-v-6bf78630]{height:815px}.app-container .grid-left[data-v-6bf78630]{padding:30px 20px 20px;min-height:815px;border:1px solid #ccc}.app-container .grid-left .searchinput[data-v-6bf78630]{margin-bottom:20px}.app-container .grid-right[data-v-6bf78630]{width:100%;height:815px;position:relative}.app-container .grid-right .grid-top[data-v-6bf78630]{width:100%}.app-container .grid-right .bigImg[data-v-6bf78630]{display:block;width:700px;height:600px;position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-54%);transform:translate(-50%,-54%)}.app-container .grid-right .canvas-box[data-v-6bf78630]{width:1000px;height:600px;padding:10px;background-color:#fff;position:absolute;top:40%;left:80%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%);cursor:pointer}.app-container .grid-right .canvas-box .canvas-title[data-v-6bf78630]{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;margin-bottom:10px}.app-container .grid-right .bottom[data-v-6bf78630]{width:95%;height:100px;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;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}.app-container .grid-right[data-v-6bf78630] .el-popover{padding:0}.app-container .grid-right[data-v-6bf78630] .el-popover .popover-top{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}.app-container .grid-right[data-v-6bf78630] .el-popover .popover-top .popover-title{width:30px;height:35px;cursor:pointer;background-color:#e72528;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;border-radius:0 5px 0 0}.app-container .grid-right[data-v-6bf78630] .el-popover .popover-top .popover-title i{font-size:25px}.app-container .grid-right[data-v-6bf78630] .el-popover .popover-top i{font-style:normal}.app-container .grid-right[data-v-6bf78630] .el-popover p{margin:3px 0}.app-container .grid-table[data-v-6bf78630]{padding:30px 15px;border:1px solid #ccc}.app-container .grid-table .grid-top[data-v-6bf78630]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-container .grid-table .grid-top i[data-v-6bf78630]{display:block;width:3px;height:19px;background-color:#409eff;margin-right:5px}.app-container .grid-table .grid-top p[data-v-6bf78630]{color:#242525}.app-container .grid-table .newtable[data-v-6bf78630]{background-color:#fff}.app-container .grid-table .newtable .new-item[data-v-6bf78630]{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;height:80px;padding:0 5px;cursor:pointer;border-top:2px solid #c8c8c8}.app-container .grid-table .newtable .new-item[data-v-6bf78630]:last-child{border-bottom:2px solid #c8c8c8}.app-container .grid-table .newtable .new-item img[data-v-6bf78630]{width:45px;height:45px}.app-container .grid-table .newtable .new-item .newconter[data-v-6bf78630]{margin-left:10px;font-size:12px}.app-container .grid-table .newtable .new-item .newconter p[data-v-6bf78630]{padding:0;margin:2px 0}.app-container .grid-table .pagination[data-v-6bf78630]{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.submit[data-v-6bf78630]{margin-top:20px;margin-left:40%}.container[data-v-1e5071e8]{width:120px;height:auto;border:1px solid #ddd;border-radius:3px;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.container div.editcontainer[data-v-1e5071e8]{position:absolute;top:10px;width:94%;padding:0 10px}.container .timecontainer[data-v-1e5071e8]{position:absolute;bottom:28px;width:95%;padding:0 10px;color:#fff;background-color:rgba(0,0,0,.4)}.container .pic[data-v-1e5071e8]{width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .pic>.img[data-v-1e5071e8]{width:100%;max-width:120px;height:100px}.container .download[data-v-1e5071e8],.container .edit[data-v-1e5071e8]{float:left}.container .delete[data-v-1e5071e8]{float:right}.container .name[data-v-1e5071e8]{width:100%;text-align:center;margin-top:10px;line-height:normal}