.imgClip{z-index:9999;position:fixed;top:0;width:100%;height:100%;left:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:ease .5s}
.imgClip .upload-headimg{height:50px;line-height:50px;width:90%;color:#282828;border-bottom:1px solid #eaeaea;position:relative;margin:0 auto}
.imgClip .upload-headimg .btn_close{float:right;line-height:50px;font-size:18px;cursor:pointer}
.imgClip.active{opacity:1;visibility:inherit}
.imgClip .imgClipBox{width:709px;background:#fff;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:10px;overflow:hidden}
.imgClip .imgClipBox .btnClip{text-align:center;padding:20px 0;margin-top:20px;border-top:1px solid #eee}
.imgClip .imgClipBox .btnClip button{width:120px;line-height:36px;border:none;margin:0 5%}
.imgClip .imgClipBox .btnClip #clipBtn{background:#2ca26f;color:#fff}
.imgClip .imgClipBox .btnClip #clipBtn:hover{background:#34bd82}
.imgClip .imgClipBox #file{position:absolute;width:90%;height:40vh;top:50px;left:5%;opacity:0;visibility:inherit;cursor:pointer}
.imgClip .imgClipBox #file.active{opacity:0;visibility:hidden}
.imgClip .imgData{float:right;display:none}
.imgClip #clipArea{width:90%;height:40vh;margin:0 auto}
.imgClip #view{margin:0 auto;width:200px;height:200px}