.kui-upload-cropper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000}.kui-upload-grid{position:absolute;top:138px;left:50%;width:670px;height:670px;-webkit-transform:translate(-50%);transform:translate(-50%)}.kui-upload-grid-line{position:absolute;z-index:2;pointer-events:none}.kui-upload-grid-line-1{top:224px}.kui-upload-grid-line-1,.kui-upload-grid-line-2{left:0;width:100%;height:1px;background-color:hsla(0,0%,100%,.4)}.kui-upload-grid-line-2{top:448px}.kui-upload-grid-line-3{left:224px}.kui-upload-grid-line-3,.kui-upload-grid-line-4{top:0;width:1px;height:100%;background-color:hsla(0,0%,100%,.4)}.kui-upload-grid-line-4{left:448px}.kui-upload-grid-line-5{top:0;left:0;width:2px;height:100%;background-color:#fff}.kui-upload-grid-line-6{top:0;left:0;width:100%;height:2px;background-color:#fff}.kui-upload-grid-line-7{top:0;right:0;width:2px;height:100%;background-color:#fff}.kui-upload-grid-line-8{bottom:0;left:0;width:100%;height:2px;background-color:#fff}.kui-upload-grid-corner{position:absolute;z-index:2;width:32px;height:32px;pointer-events:none}.kui-upload-grid-corner-1{top:-6px;left:-6px;border-top:6px solid #fff;border-left:6px solid #fff}.kui-upload-grid-corner-2{top:-6px;right:-6px;border-top:6px solid #fff;border-right:6px solid #fff}.kui-upload-grid-corner-3{right:-6px;bottom:-6px;border-right:6px solid #fff;border-bottom:6px solid #fff}.kui-upload-grid-corner-4{bottom:-6px;left:-6px;border-bottom:6px solid #fff;border-left:6px solid #fff}.kui-upload-mask{z-index:1;height:100%;pointer-events:none;box-shadow:0 0 999px 999px rgba(0,0,0,.35)}.kui-upload-img,.kui-upload-mask{position:absolute;top:0;left:0;width:100%}.kui-upload-img{max-width:none;height:auto}.kui-upload-rotate{position:absolute;bottom:228px;left:40px;font-size:44px;color:#fff}.kui-upload-footer{position:absolute;bottom:70px;left:0;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:0 50px}.kui-upload-cancel{font-family:PingFangSC-Medium,PingFang SC;font-size:34px;font-weight:500;color:#fff}.kui-upload-reset{font-family:PingFangSC-Regular,PingFang SC;font-size:34px;font-weight:400;color:#fff;-webkit-transition:all .3s;transition:all .3s}.kui-upload-done{font-family:PingFangSC-Medium,PingFang SC;font-size:34px;font-weight:500;color:#fff}.kui-upload-disabled{opacity:.3}.kui-upload-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top:36px}.kui-upload-list-item{position:relative;width:calc(33.33333% - 24px);margin-bottom:36px}.kui-upload-list-item:nth-child(3n - 1){width:calc(33.33333% + 48px);padding:0 36px}.kui-upload-list-img{width:100%;height:100%;object-fit:cover}.kui-upload-list-circle{border-radius:50%}.kui-upload-list-add{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;text-align:center;background:#f8f8f8;border-radius:8px}.kui-upload-list-add-tip{font-family:PingFangSC-Regular,PingFang SC;font-size:26px;font-weight:400;line-height:40px;color:#999}.kui-upload-list-add-icon{font-size:30px;color:#333}.kui-upload-list-delete{position:absolute;top:-30px;right:-30px;z-index:1;width:60px;height:60px;background-image:url(../images/icon-delete.png);background-repeat:no-repeat;background-position:50%;background-size:30px auto}.kui-upload-list-item:nth-child(3n - 1) .kui-upload-list-delete{right:7px}