.ggy-section-box{margin-bottom:10px;padding:10px;border:1px dashed #e7e6e6;clear:both}
|
.ggy-section-box:after{content:'';display:block;clear:both}
|
.ggy-section-box .loading{background:url(../image/upload/loading.gif) no-repeat center}
|
.ggy-section-box .ggy-image-show{display:block;width:100%;height:100%}
|
.ggy-section-box .ggy-image-section{border:1px dashed #e7e6e6;margin-right:10px}
|
.ggy-section-box .ggy-image-section:hover{border:1px solid #e7e6e6}
|
.ggy-image-section .ggy-image-shade{display:block;width:100%;height:100%;visibility:hidden;position:absolute;top:0;left:0;background:rgba(0,0,0,.5)}
|
.ggy-image-section:hover .ggy-image-shade{visibility:visible}
|
.ggy-image-section,.ggy-upload-section{position:relative;width:190px;height:190px;float:left;cursor: pointer;}
|
.ggy-upload-section .ggy-upload-input{cursor:pointer;width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:100}
|
.ggy-upload-section .ggy-upload-icon{cursor: pointer;display:block;width:100%;height:100%;border:1px dashed #d0d0d0;background:url(../image/upload/upload.png) no-repeat center}
|
.ggy-section-box .ggy-modal-section{z-index:1000;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
|
.ggy-modal-section .ggy-modal-box{border:5px solid #fff;box-shadow:2px 2px 2px rgba(0,0,0,.2);background:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
|
.ggy-image-section .ggy-delete-icon{position:absolute;width:30px;height:30px;top:5px;right:5px;display:none;z-index:999;background:url(../image/upload/delete.png) no-repeat center}
|
.ggy-image-section:hover .ggy-delete-icon{display:block;cursor:pointer}
|
.ggy-modal-section .ggy-delete-box{width:500px;height:160px}
|
.ggy-delete-box p{margin:0;padding:0}
|
.ggy-delete-box .ggy-delete-tip{color:#555;height:94px;line-height:94px;font-size:18px;border-bottom:1px solid #d1d1d1}
|
.ggy-delete-box .ggy-delete-btn{height:66px;line-height:66px;position:absolute;bottom:0;left:0;width:100%}
|
.ggy-delete-btn span{width:49.8%;display:inline-block;text-align:center;color:#d4361d;font-size:18px}
|
.ggy-delete-btn span:first-child{border-right:1px solid #d1d1d1}
|
.ggy-delete-btn:hover span{cursor:pointer}
|
.ggy-image-section .ggy-zoom-icon{position:absolute;width:32px;height:32px;top:80px;right:80px;display:none;z-index:999;background:url(../image/upload/zoom.png) no-repeat center}
|
.ggy-image-section:hover .ggy-zoom-icon{display:block;cursor:pointer}
|
.ggy-zoom-box img{height:100%;width:auto;max-height:100%;max-width:100%;padding:0;display:inline-block;line-height:0;vertical-align:middle}
|
