.dialog{position:fixed;z-index:99;top:30%;left:10%;right:10%;border-radius:.08rem;overflow:hidden;background:#fff}.dialog-mask{position:fixed;left:0;top:0;bottom:0;right:0;z-index:6;background:rgba(0,0,0,.25)}.dialog-header{text-align:center;font-size:16px;line-height:1.33333rem;color:#333;background:#f5f5f5}[data-dpr="2"] .dialog-header{font-size:32px}[data-dpr="3"] .dialog-header{font-size:48px}.dialog-body{text-align:center;padding:.56rem;font-size:14px;color:#666}[data-dpr="2"] .dialog-body{font-size:28px}[data-dpr="3"] .dialog-body{font-size:42px}.dialog-body .dialog-title{font-size:18px;font-weight:500;color:#333;line-height:1em;padding-bottom:.32rem}[data-dpr="2"] .dialog-body .dialog-title{font-size:36px}[data-dpr="3"] .dialog-body .dialog-title{font-size:54px}.dialog-body p{display:table-cell;vertical-align:middle;text-align:center}.dialog-body img{width:.93333rem;height:.93333rem}.dialog-body .dialog-main{display:table;width:100%}.dialog-operate{display:-webkit-box;display:-webkit-flex;display:flex;border-top:.01333rem solid #e3e3e3}.dialog-operate button{-webkit-box-flex:1;-webkit-flex:1;flex:1;border:0 none;font-size:17px;font-weight:500;background:none;height:1.22667rem}[data-dpr="2"] .dialog-operate button{font-size:34px}[data-dpr="3"] .dialog-operate button{font-size:51px}.dialog-operate button:first-child{border-right:.01333rem solid #e3e3e3}.dialog-operate .cancel{color:#999}.dialog-operate .confirm{color:#39f}.dialog-msg{position:fixed;z-index:9;top:50%;left:50%;max-width:4.26667rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;padding:.6em 1em;line-height:1.4;font-size:14px;border-radius:.05333rem;color:#fff;background:rgba(0,0,0,.6)!important;-webkit-animation:toShow .4s ease-in-out alternate;animation:toShow .4s ease-in-out alternate}[data-dpr="2"] .dialog-msg{font-size:28px}[data-dpr="3"] .dialog-msg{font-size:42px}.dialog-msg p{white-space:normal}@-webkit-keyframes toShow{0%{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(-1deg) scale3d(.8,.8,.8) perspective(1.33333rem);transform:translate(-50%,-50%) rotate(-1deg) scale3d(.8,.8,.8) perspective(1.33333rem)}to{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0) scaleX(1) perspective(0);transform:translate(-50%,-50%) rotate(0) scaleX(1) perspective(0)}}@keyframes toShow{0%{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(-1deg) scale3d(.8,.8,.8) perspective(1.33333rem);transform:translate(-50%,-50%) rotate(-1deg) scale3d(.8,.8,.8) perspective(1.33333rem)}to{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0) scaleX(1) perspective(0);transform:translate(-50%,-50%) rotate(0) scaleX(1) perspective(0)}}.dialog-tips{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dialog-tips .dialog-main{text-indent:2em}.ys-loading-box{text-align:center;font-size:14px;color:#999;margin-top:2rem}[data-dpr="2"] .ys-loading-box{font-size:28px}[data-dpr="3"] .ys-loading-box{font-size:42px}.ys-loading-icon{position:relative;width:2.13333rem;height:2.13333rem;margin:0 auto}.ys-loading-icon .circle{position:absolute;left:50%;top:50%;border:.02667rem solid transparent;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ys-loading-icon .inner{-webkit-animation:anRipple 2s cubic-bezier(.3,.61,.355,1) infinite 1s;animation:anRipple 2s cubic-bezier(.3,.61,.355,1) infinite 1s}.ys-loading-icon .outer{-webkit-animation:anRipple 2s cubic-bezier(.3,.61,.355,1) infinite;animation:anRipple 2s cubic-bezier(.3,.61,.355,1) infinite}@-webkit-keyframes anRipple{0%{width:0;height:0;opacity:1;border-color:#d2d2d2}60%{opacity:.3;border-color:hsla(0,0%,82%,.8)}to{width:2.13333rem;height:2.13333rem;opacity:0;border-color:hsla(0,0%,82%,0)}}@keyframes anRipple{0%{width:0;height:0;opacity:1;border-color:#d2d2d2}60%{opacity:.3;border-color:hsla(0,0%,82%,.8)}to{width:2.13333rem;height:2.13333rem;opacity:0;border-color:hsla(0,0%,82%,0)}}