.slide-verify{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.slide-verify .mask{background:#00000080;width:100%;height:100%;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.slide-verify .mask.show{opacity:1}.slide-verify .verify-box{position:absolute;width:320px;height:300px;top:50%;left:50%;-webkit-transform:translate3d(-50%,-60%,0);transform:translate3d(-50%,-60%,0);background:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0}.slide-verify .verify-box.show{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:1}.slide-verify .verify-img-box{width:300px;height:200px;margin:10px;position:relative}.slide-verify .verify-img-box .verify-bg-img{width:300px;height:200px;overflow:hidden}.slide-verify .verify-img-box .verify-bg-img .verify-bg-unit{width:30px;height:100px;float:left}.slide-verify .verify-img-box .verify-fg-img{position:absolute;opacity:0;left:10px;-webkit-box-shadow:0 0 10px #555;box-shadow:0 0 10px #555;width:40px;height:40px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.slide-verify .verify-img-box .verify-fg-img.show{opacity:1}.slide-verify .verify-img-box .verify-tips{position:absolute;bottom:0;left:0;-webkit-transition:all .3s ease;transition:all .3s ease;height:0;overflow:hidden;text-align:center;color:#fff;width:100%}.slide-verify .verify-img-box .verify-tips.success{height:20px;line-height:20px;background:#5dc800}.slide-verify .verify-img-box .verify-tips.err{height:20px;line-height:20px;background:red}.slide-verify .verify-drag-box{position:relative;height:60px;margin:10px}.slide-verify .verify-drag-box .verify-drag-track{height:40px;background:#f0f0f0;border:solid 1px #dfdfdf;position:relative;top:10px;border-radius:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.slide-verify .verify-drag-box .verify-drag-track p{font-size:14px;color:#9c9c9c;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}.slide-verify .verify-drag-box .verify-drag-track p.transparent{opacity:0}.slide-verify .verify-drag-box .verify-drag-track a{margin-left:20px;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}.slide-verify .verify-drag-box .verify-drag-track a.transparent{opacity:0}.slide-verify .verify-drag-box .verify-drag-trigger{width:60px;height:60px;border-radius:100%;-webkit-box-shadow:0 0 10px #555;box-shadow:0 0 10px #555;position:absolute;left:0;top:0;background:#fff;cursor:move;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.slide-verify .verify-drag-box .verify-drag-trigger div{width:3px;height:15px;border-radius:3px;margin:0 2px;background:#5dc800}