.up-load-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-top:10px;min-height:190px}.up-load-box .img-box{cursor:pointer;overflow:hidden;border:1px solid #e0e0e0;border-radius:8px;margin-right:10px}.up-load-box .img-box:active{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.up-load-box .video-box{cursor:pointer;position:relative}.up-load-box .video-box svg{position:absolute;left:50%;top:50%;-webkit-transform:translate(-60%,-65%);transform:translate(-60%,-65%);opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s}.up-load-box .video-box:hover svg{opacity:1}.up-load-box svg.img-box:active{background:#eee}.up-load-box .add-box{overflow:hidden;border:1px solid #eaeaea;fill:#eaeaea;border-radius:8px;padding:8px;margin-right:10px;margin-bottom:10px}.up-load-box .add-box:active{background:#eee;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.up-load-box .diy-add-box{cursor:pointer;width:150px;height:150px;vertical-align:middle;fill:#ccc;border:1px solid #e2e2e2;background:#fff;text-align:center;line-height:170px}.up-load-box .diy-add-box:hover{-webkit-transition:all .2s;transition:all .2s;-webkit-filter:brightness(.98);filter:brightness(.98)}.up-load-box .name{font-size:14px;width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}@media screen and (max-width:500px){.up-load-box .name{font-size:13px}}.up-load-box .close-box{width:20px;height:20px;font-size:14px;background:#ddd;border-radius:20px;color:#fff;position:absolute;top:-10px;right:1px}.up-load-box .close-box:active{background:#ff7171;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.up-load-box .close-box span{position:relative;bottom:0;left:4px}.dialogForm{max-width:1200px;background:#fff;position:relative}.dialogForm img{width:100%;display:block}.dialogForm i.material-icons.q-icon.notranslate{color:#fff}.dialogForm .close{right:10px;top:10px;border-radius:50%}.dialogForm .box>div,.dialogForm .close{position:absolute;background:rgba(0,0,0,.5)}.dialogForm .box>div{width:100px;height:100px;line-height:100px}.dialogForm .box>div svg{vertical-align:middle}.dialogForm .box .right{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:-100px;top:50%}.dialogForm .box .left{top:50%}.up-dialog .q-card{min-width:600px}.up-dialog .video-box{padding:15px}