.msg-page{z-index:110;position:fixed;top:initial;right:0;bottom:100%;left:0}.msg-page .msg-base{position:absolute;top:initial;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.msg-page .msg-base .msg-transform{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.msg-page .msg-base .msg-transform .msg-box{margin:20px;padding:15px 20px;background:#fff;max-width:90vw;border-radius:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-width:1px;border-style:solid}.msg-page .msg-base .msg-transform .msg-box .msg-info{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.msg-page .msg-base .msg-transform .msg-box .msg-info .msg-icon{width:25px;height:25px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex}.msg-page .msg-base .msg-transform .msg-box .msg-info .msg-icon .icon-box{width:100%;height:100%}.msg-page .msg-base .msg-transform .msg-box .msg-info .msg-icon .icon-box .icon-dark{display:none}.msg-page .msg-base .msg-transform .msg-box .msg-info .progress-base{position:relative;width:40px;height:40px;background:#b5ddf7;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:50%}.msg-page .msg-base .msg-transform .msg-box .msg-info .progress-base .progress-bar-box{z-index:10;overflow:hidden;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.msg-page .msg-base .msg-transform .msg-box .msg-info .progress-base .progress-bar-box .right-bar,.msg-page .msg-base .msg-transform .msg-box .msg-info .progress-base .progress-bar-box .left-bar{background:#2faaf7;transform-origin:right;z-index:13;position:absolute;top:0;right:50%;bottom:0;left:0}.msg-page .msg-base .msg-transform .msg-box .msg-info .progress-base .progress-bar-box .right-cover{z-index:14;background:#b5ddf7;position:absolute;top:0;right:50%;bottom:0;left:0}.msg-page .msg-base .msg-transform .msg-box .msg-info .progress-base .inside-box{position:relative;width:calc(100% - 6px);height:calc(100% - 6px);margin:3px;background:#fff;z-index:15;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.msg-page .msg-base .msg-transform .msg-box .msg-info .progress-base .inside-box .title{font-size:12px}.msg-page .msg-base .msg-transform .msg-box .msg-info .msg-content{margin:0 30px;max-width:800px;max-height:80px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.msg-page .msg-base .msg-transform .msg-box .msg-info .msg-content::-webkit-scrollbar{width:10px}.msg-page .msg-base .msg-transform .msg-box .msg-info .msg-content::-webkit-scrollbar{width:3px;height:10px}.msg-page .msg-base .msg-transform .msg-box .msg-info .msg-content .text{word-wrap:break-word;font-size:15px;letter-spacing:2px;line-height:25px}.msg-page .msg-base .msg-transform .msg-box .msg-operating .msg-operating-close{cursor:pointer;width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;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}.msg-page .msg-base .msg-transform .msg-box .msg-operating .msg-operating-close .icon-box{width:80%;height:80%}.msg-page .msg-base .msg-transform .msg-box .msg-operating .msg-operating-close .icon-box .icon-dark{display:none}.msg-page .msg-base .msg-transform .msg-box .msg-operating .msg-operating-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.msg-page .msg-base .msg-transform .msg-box .msg-operating .msg-operating-button .msg-button{flex:1;padding:10px 20px;margin:0 10px 0 0;font-size:14px;line-height:17px;background:#fff;border:0;border-radius:10px;border:1px solid #e3e3e3;white-space:nowrap;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1)}.msg-page .msg-base .msg-transform .msg-box .msg-operating .msg-operating-button .msg-button:last-child{margin-right:0}.msg-page .msg-base .msg-transform .msg-box .msg-operating .msg-operating-button .msg-button::after{border:0}.msg-page .msg-base .msg-transform .msg-box .msg-operating .msg-operating-button .msg-button-confirm{background:#1cb8d6;color:#fff;border:0}@media (max-width:400px){.msg-page .msg-base .msg-transform .msg-box[type="all"],.msg-page .msg-base .msg-transform .msg-box[type="confirm"]{-ms-flex-wrap:wrap;flex-wrap:wrap}.msg-page .msg-base .msg-transform .msg-box[type="all"] .msg-operating,.msg-page .msg-base .msg-transform .msg-box[type="confirm"] .msg-operating{margin-top:10px;width:100%}}.msg-page .msg-base .msg-display{animation:msg_display .5s forwards}.msg-page .msg-base .msg-hide{animation:msg_hide .5s forwards}@keyframes msg_display{from{transform:translateY(0)}to{transform:translateY(130%)}}@keyframes msg_hide{from{transform:translateY(130%)}to{transform:translateY(0)}}.msg-page-dark .msg-base .msg-transform .msg-box{background:#1c1c1e;-webkit-box-shadow:0 0 10px rgba(100,100,100,0.1);box-shadow:0 0 10px rgba(100,100,100,0.1)}.msg-page-dark .msg-base .msg-transform .msg-box .msg-info .progress-base .inside-box{background:#2c2c2e}.msg-page-dark .msg-base .msg-transform .msg-box .msg-info .msg-icon .icon-box .icon-dark{display:initial}.msg-page-dark .msg-base .msg-transform .msg-box .msg-info .msg-icon .icon-box .icon-light{display:none}.msg-page-dark .msg-base .msg-transform .msg-box .msg-operating{width:auto}.msg-page-dark .msg-base .msg-transform .msg-box .msg-operating .msg-operating-close .icon-box .icon-dark{display:initial}.msg-page-dark .msg-base .msg-transform .msg-box .msg-operating .msg-operating-close .icon-box .icon-light{display:none}.msg-page-dark .msg-base .msg-transform .msg-box .msg-operating .msg-operating-button .msg-button-cancel{background:#2c2c2e;color:#d3d3d3;border-color:#2c2c2e}