<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.9/cropper.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.9/cropper.min.js"></script>
<style media="screen" type="text/css">
    .ddd{background-color: aquamarine; display: inline-block;width: 50px;height: 30px;margin: 10px;;}
    .imgholder{width: 90%;padding-top: @{!model.padding}%;margin: 0 auto;background-color: transparent;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .imgholder>i{color:rgb(240, 50, 50);position: absolute;top:0;left:5%;cursor:pointer;font-size:30px;}
    .imgplus{width: 90%;padding-top: 45%;margin: 0 auto;background-color:rgb(182, 182, 182);}
    .imgplus::before{content:"";position: absolute;top:25%;left:37.5%;cursor:pointer;border:2px solid rgb(51, 51, 51);width:25%;border-radius: 50%;height: 50%;}
    .imgplus::after{content:"+";padding-left: 30%;font-size: 65px;text-align: center;color:rgb(51, 51, 51);position: absolute;top:0;left:5%;cursor:pointer;width:30%;height: 30%;}
    #shower{width:@{!model.width}px;height:@{!model.height}px;background:#fff;border-radius:5px;position:relative;font-size: 35px;}
    #shower>i{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;color:rgb(93, 91, 93);visibility:visible;}
    #shower>b{position: absolute;top:0;right:0;cursor:pointer;color:green;visibility:hidden}
    #shower>#cancleax{color:rgb(224, 74, 74);visibility:hidden;position: absolute;top:18px;left:18px;}
   .croper_picpro {width:@{!model.width}px;height:@{!model.height}px;background-color:rgb(255, 255, 255);border:2px dashed #aaa;} 
   
    #shower{width:@{!model.width}px;height:@{!model.height}px;background:#fff;border-radius:5px;position:relative;font-size: 35px;}
    #shower>i{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;color:rgb(93, 91, 93);visibility:visible;}
    #shower>b{position: absolute;top:0;right:0;cursor:pointer;color:green;visibility:hidden}
    #shower>#cancleax{color:rgb(224, 74, 74);visibility:hidden;position: absolute;top:18px;left:18px;}



    .ddd{background-color: aquamarine; display: inline-block;width: 50px;height: 30px;margin: 10px;;}
    
    .Nimgholder{margin: 5px;border:1px solid red;background:transparent;display:inline-block;position:relative;height:100px;}
    .Nimgholder>img{position:relative;}
    .Nimgholder>i{color:rgb(240, 50, 50);position: absolute;left:3px;top:3px;cursor:pointer;font-size:25px;}
    .Nimgplus{width: 90%;padding-top: 45%;margin: 0 auto;background-color:rgb(182, 182, 182);}
    .Nimgplus::before{content:"";position: absolute;top:25%;left:37.5%;cursor:pointer;border:2px solid rgb(51, 51, 51);width:25%;border-radius: 50%;height: 50%;}
    .Nimgplus::after{content:"+";padding-left: 30%;font-size: 65px;text-align: center;color:rgb(51, 51, 51);position: absolute;top:0;left:5%;cursor:pointer;width:30%;height: 30%;}
    #shower{border-radius:5px;position:relative;font-size: 35px;}
    #shower>div{width:@{!model.width}px;height:@{!model.height}px;background:transparent;}
    #shower>div>i{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;color:rgb(93, 91, 93);visibility:visible;}
    #shower>div>b{position: absolute;top:0;right:0;cursor:pointer;color:green;visibility:hidden}
    #shower>div>#cancleax{color:rgb(224, 74, 74);visibility:hidden;position: absolute;top:18px;left:18px;}
</style> 