.upload-my-class{position:relative;width:140px;height:140px}.upload-my-class img{width:100%;height:100%;display:block}.upload-my-class .my-mask{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;top:0;left:0}.upload-my-class .icon-box{width:100%;position:absolute;bottom:calc(50% - 22px);color:#fff;font-size:22px;text-align:center}.upload-my-class:hover .my-mask{opacity:1}.detail-dask-box{position:absolute;top:0;left:0;width:100%;height:auto;z-index:998;background-color:#fff;-webkit-transition:all .5s;transition:all .5s;margin-bottom:20px;padding-bottom:10px}.detail-dask-box .detail-header{border-bottom:1px solid #eee;font-size:16px;color:#333;padding-bottom:10px;background-color:#f2f2f2}.detail-dask-box .msk-cont{height:calc(100% - 60px)}.contextmenu{margin:0;background:#fff;z-index:2;position:absolute;list-style-type:none;padding:5px 0;border-radius:2px;font-size:12px;font-weight:400;color:#333;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.3);box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.contextmenu li{margin:0;padding:7px 16px;cursor:pointer}.contextmenu li:hover{background:#eee}.router-box{background-color:#009688;height:40px;padding:0 40px;line-height:40px;color:#fff;border:1px solid #d9ecff;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;cursor:pointer}