.yuumi-clip{position:fixed;z-index:99;top:0;left:0;overflow:hidden;width:100%;height:100%;background-color:#000}.yuumi-clip .yuumi-clip-footer,.yuumi-clip .yuumi-clip-header{position:absolute;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:#fff;background-color:#333;font-size:16px}.yuumi-clip .yuumi-clip-header{top:0;overflow:hidden;height:50px;padding:0 15px;text-align:center;white-space:nowrap;text-overflow:ellipsis;line-height:50px}.yuumi-clip .yuumi-clip-footer{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:50px}.yuumi-clip .yuumi-clip-footer .footer-cancel,.yuumi-clip .yuumi-clip-footer .footer-confirm{display:block;padding:0 15px;line-height:50px}.yuumi-clip .yuumi-clip-body{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-top:50px;padding-bottom:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.yuumi-clip .yuumi-clip-body .clip-body-content{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:10px}.yuumi-clip .yuumi-clip-body .clip-wrapper{position:relative;width:100%;height:100%}.yuumi-clip .yuumi-clip-body .clip-wrapper .source-wrapper{position:absolute}.yuumi-clip .yuumi-clip-body .clip-wrapper .clip-grid{position:absolute}.yuumi-clip .yuumi-clip-body .clip-wrapper .clip-grid .clip-grid-body{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-box-shadow:0 0 0 100vh rgba(0,0,0,.6);box-shadow:0 0 0 100vh rgba(0,0,0,.6)}.yuumi-clip .yuumi-clip-body .clip-wrapper .clip-grid .clip-grid-body::before{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;content:'';border:1px solid #fff}.yuumi-clip .yuumi-clip-body .clip-wrapper .clip-grid .clip-grid-body .rect{position:absolute;z-index:1;width:30px;height:30px}.yuumi-clip .yuumi-clip-body .clip-wrapper .clip-grid .clip-grid-body .rect.left-top{top:-2px;left:-2px;border-top:2px solid #fff;border-left:2px solid #fff}.yuumi-clip .yuumi-clip-body .clip-wrapper .clip-grid .clip-grid-body .rect.right-top{top:-2px;right:-2px;border-top:2px solid #fff;border-right:2px solid #fff}.yuumi-clip .yuumi-clip-body .clip-wrapper .clip-grid .clip-grid-body .rect.right-bottom{right:-2px;bottom:-2px;border-right:2px solid #fff;border-bottom:2px solid #fff}.yuumi-clip .yuumi-clip-body .clip-wrapper .clip-grid .clip-grid-body .rect.left-bottom{bottom:-2px;left:-2px;border-bottom:2px solid #fff;border-left:2px solid #fff}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.yuumi-clip .yuumi-clip-footer{height:70px;padding-bottom:20px}.yuumi-clip .yuumi-clip-body{padding-bottom:70px}}@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3){.yuumi-clip .yuumi-clip-footer{height:70px;padding-bottom:20px}.yuumi-clip .yuumi-clip-body{padding-bottom:70px}}@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2){.yuumi-clip .yuumi-clip-footer{height:70px;padding-bottom:20px}.yuumi-clip .yuumi-clip-body{padding-bottom:70px}}