/*! Copyright © COGNOSPHERE. All Rights Reserved. */
.mihoyo-adyen-flow__loading{position:fixed;top:0;bottom:0;left:0;right: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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100001;background:rgba(0,0,0,0)}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mihoyo-adyen-flow__loading--rotation{width:60px;height:60px;border-radius:4px;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}.mihoyo-adyen-flow__loading--rotation div{border-radius:50%;height:43px;width:43px;border:3px solid rgba(204,204,204,.4);border-top-color:transparent;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}
.modal{position:fixed;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;left:0;top:0;bottom:0;right:0}.modal__mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3)}.modal__main{width:476px;background:#fff;border-radius:4px;padding:36px 40px;text-align:center;z-index:1}.modal__title{line-height:26px;font-size:20px;color:#333;border-bottom:10px solid transparent}.modal__content{line-height:20px;font-size:16px;color:#666;border-top:6px solid transparent}.modal__btns{margin-top:22px;margin-bottom:4px;font-size:0}.modal__btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:228px;height:64px;padding:0 20px;font-size:20px;line-height:26px;word-wrap:break-word;border-radius:4px;cursor:pointer;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box}.modal__btn_cancel{margin-right:20px;color:#00c3ff;border:1px solid #00c3ff}.modal__btn_confirm{color:#fff;background:#00c3ff}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.fade-enter-active .scale,.fade-leave-active .scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.fade-enter,.fade-leave-to{opacity:0}.fade-enter .scale,.fade-leave-to .scale{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
.modal-flat{position:fixed;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;z-index:99;left:0;top:0;bottom:0;right:0}.modal-flat__mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3)}.modal-flat__main{width:440px;background:#fff;border-radius:8px;padding:24px 32px;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-flat__main--success{border-radius:6px}.modal-flat__label--warning{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-flat__type--warning{width:32px;height:32px;margin-right:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEVHcEz//wD2pgv3pgz3qQz3pwv4qAv2pwz3pwv3pgz3pgv3pwv2pgv3qgj3ogj7qQ34ow73pwr2pgv2pwv2pQz2pgv2pgvm7yeFAAAAFnRSTlMAAevGPueJVPg/2ML5ISE7JNvYwseMyDS1VAAAALZJREFUOMutk+sOgyAMRityUxTvff9H3caMaYVuZNn5hz0R+GgB/kij7Wa8N5vVTanuerxYXVaOOzL2yOudwhuqY/UBMwZijAoLqPESWizSXucnH6eJLM67NOR+CEAW6zsPjZKAOglWFmwSgiyEJBhZMEnwsuDrBLYFy+HcIqDIll+TY7OglnlesqBo1AfAkUVNH4v/wdU+N8Ryw8T6lvvetM+2vJ2jHT8OTu+E0Quv0QvC6P3KA39HMR0D/SywAAAAAElFTkSuQmCC) no-repeat 100% 100%}.modal-flat__type--success{display:block;width:64px;height:64px;margin:8px auto 7px auto;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAsVBMVEVHcEww23Yw23cw3Hgv3Xgx23cz5oAw23cr43Ew23cw23cv2nYw23cw3Hcw2ncw3Xgw23ck220x2HYw23cv3Xkv2ncw23Yy3ncA/1UzzGYz/2Yw3Hcw23cw23cw23f////q+/FP4Isx23eq8MeO67X1/fli45jN9t6r8MdZ4pKU7Ln7/vyj7sKP67Xe+enr+/J356X+/v5B3YJc4pSK6rKO67RG3oWE6a5D3oPL9dzu+/QronDbAAAAHnRSTlMA4PCEcc0K6xKawYJP/t81qwca+CbzlU0DBQXf6d6Ttl21AAABoElEQVRYw+2X2XaCMBCGi4CRHUVQRCZttbX7vr//g/XUtjHGrMS79r8MfP85SWYmMwcH/xJqmnlB2KKiQG0YeNnUjK7jvAdb6uVxrY0PIgQcoWighffdEgQq3b6anzggkTNR4MMqAamSaijjRz4o5Y/E/DgFDaVjIT8HLc0FDqMUNJVydzH0QVs+7yQrMFDFuf/ExCDZiYe+A0Zy2Jh0wVAukz+lqUG5nVkRGCui+RkyN0AzyiCGDoopg1z9+9v13fH2Sk7Vv56SPzrE+IKpcps6mWnx+J1ZzIiBp8XjZ2bVIwaBFn/GnAEExCDsxENIDBrmy/lq9cjyix0eGmLAhtENxienSh4QMSiYLx944yDmoRAavGLiIOEpg51MWP46yHhqCy0IHKQ8tLJr/Ha4lfHUNfICae0g5alA4obyj8NCHGCeIpmWCp5KJkE6P13eX0l4Kp1FBeXhRZYi+T5LWt2lqNb7LOv2D4v102b/uFo/7/YNhn2LY91k2bd59o2mfatr32zbt/t7GDjsR55108UbumYdxr7ma+xrOox9f0ufRZIg4CViwfwAAAAASUVORK5CYII=) no-repeat 100% 100%}.modal-flat__title{line-height:26px;font-size:18px;color:#333}.modal-flat__title--warning{max-width:338px;margin:3px 0;color:#333;overflow:hidden}.modal-flat__title--success{display:block;margin:2px 0;color:#273142;text-align:center}.modal-flat__btns{padding-top:27px;font-size:0}.modal-flat__btns--warning{text-align:center}.modal-flat__btns--success{text-align:center}.modal-flat__btns--both{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;float:right;margin-top:-44px}.modal-flat__btns--both .modal-flat__btn:first-child{-webkit-transform:translate(calc(-100% - 20px), 100%);-ms-transform:translate(calc(-100% - 20px), 100%);transform:translate(calc(-100% - 20px), 100%)}.modal-flat__btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:178px;height:44px;padding:0 20px;font-size:14px;line-height:24px;word-wrap:break-word;border-radius:4px;cursor:pointer;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.modal-flat__btn--small{line-height:18px}.modal-flat__btn_cancel{color:#666;border:1px solid #ccc;background:#fff}.modal-flat__btn_confirm{color:#fff;background:#00c3ff}.modal-flat__btn_confirm:hover{background:#00bcf5}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.fade-enter-active .scale,.fade-leave-active .scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.fade-enter,.fade-leave-to{opacity:0}.fade-enter .scale,.fade-leave-to .scale{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
#root{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}.app-wrapper{width:716px;padding:30px;border-radius:6px;background:#fff}.app-header{display:-webkit-box;display:-ms-flexbox;display:flex}.app-header__back{width:24px;height:24px;padding:2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAASFBMVEVHcEybm5uampqYmJiampqLi4uZmZkAAACUlJSZmZmZmZmOjo6ZmZmampqZmZmcnJyZmZmZmZmXl5eYmJiqqqqZmZmYmJiZmZlo9TRHAAAAF3RSTlMAlpcvzwvAAROAZgnOW2sk0LsbbQO+hvLDmBgAAABKSURBVCjPY2AgDrAL82EXZxIX58chLiqCRZxRXJyNdRCJM2EXZ8ChnoFBUFxcDGtQCAmIi3NileFgGaoyvNhleMS5sCcTbmYoAwDSZwXeGlqMyQAAAABJRU5ErkJggg==) center no-repeat;cursor:pointer}.app-header__back:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAASFBMVEVHcEwAxP8AxP8Aw/8AxP8Auf8Aw/8A//8AvP8Aw/8Aw/8AxP8Axv8AxP8Axv8Aw/8Axv8Aw/8Aw/8Awv8A//8Aw/8AxP8Aw/+CxS3pAAAAF3RSTlMAlpcvzwvAAROAZs4JWyRrG9C7bQO+hnP1J50AAABKSURBVCjPY2AgDrAL82MXZxIX58MhLiqCRZxRXJyNdRCJM2EXZ8ChnoFBSFxcDGtQCAiKi3NileFgGaoyvNhluMW5sCcTHmYoAwDSgAXeCk6h7QAAAABJRU5ErkJggg==) center no-repeat}.app-header__title{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:28px;padding-right:18px;font-size:20px;color:#333;font-weight:normal;text-align:center}.app-main{position:relative;padding:0 2px}.app-main__goods{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:23px 0}.app-main__goods-name{font-size:18px;color:#999;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.app-main__goods-price{line-height:31px;padding-left:40px;font-size:24px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:bold;color:#ff5b04}.app-main__title{line-height:24px;font-size:18px;color:#333;font-weight:normal}.app-main__list{width:calc(100% + 20px);margin-top:24px}.app-main__item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:220px;height:44px;padding:1px;margin:0 20px 20px 0;border:1px solid #e6e6e6;border-radius:5px;vertical-align:top;cursor:pointer}.app-main__item--active{padding:0;border:2px solid #00c3ff}.app-main__logo{max-height:44px}.app-main__payment--card .adyen-filed{min-height:270px;padding:20px 32px;background:#fbfbfb;border-radius:6px}.app-main__payment .adyen-storedCard__switcher{position:relative;margin-top:9px;top:3px}.app-main__button{display:block;height:40px;margin:0 auto;margin-top:20px;padding:0;border-radius:3px;background:#00c3ff;text-align:center;font-size:16px;color:#fff;text-decoration:none;border:none;outline:none;cursor:pointer}.app-main__button--normal:hover{background:#00bcf5}.app-main__button--disabled{background:#ccc;cursor:not-allowed}.app-main__button-text{line-height:40px;padding:0 40px}
@-webkit-keyframes rotateZ{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotateZ{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.toast{position:absolute;left:50%;top:50%;margin:auto;z-index:1;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;max-width:520px;line-height:21px;padding:9px 20px 10px 20px;font-size:16px;color:#fff;word-wrap:break-word;text-align:center;background:#333;border-radius:8px;opacity:.8;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.toast--loading{width:88px;height:88px;font-size:0;background:transparent;border-radius:4px}.toast--loading::after{content:"";border-radius:50%;height:43px;width:43px;border:3px solid rgba(204,204,204,.4);border-top-color:transparent;-webkit-animation:rotateZ 3s linear infinite;animation:rotateZ 3s linear infinite}.toast-mask{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.toast-enter-active,.toast-leave-active{-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.toast-enter,.toast-leave-to{opacity:0}
@-webkit-keyframes rotateZ{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotateZ{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.toast-flat{position:absolute;left:50%;top:50%;margin:auto;z-index:1;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;max-width:520px;line-height:21px;padding:9px 20px 10px 20px;font-size:16px;color:#fff;word-wrap:break-word;background:#333;border-radius:4px;opacity:.8;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.toast-flat--loading{width:88px;height:88px;font-size:0;background:rgba(30,31,32,.5);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box}.toast-flat--loading::after{width:46px;height:46px;content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAABOxJREFUaEPNmlmsXVMcxn+feZ5nghC8GIKEEIJ44kXEFEHSBGkTggdBYiqRiAeJqaG0IiKEJy+GiBqSCk0khnhpK5pUUEXa0pbb1v3Ld6z/ybqn+957ent6zl7Jzt537332+q1vfWv6ryu2M0XEPsB5wPnAKcBJwCHA/sAfwEOS3tjObLb6uWbywYjYFbgMuBa4BNgN2Kk6dgZ8+PvjLoykn2aS12S/2SbwiDDgDcBs4OgCZ8Aa2tc1+C7AhZI+Hwl4RFwAPAKcUJTsBTagoS2Gr1PxFcCZkv4ZKnixxX3AjQ3K1rAG/Qv4HvgF2ACsBBZI+n2Q0P7WlFaJiIOA54HTG6D9W8N+C7wNfCpp2aABt9njEXEk8CJwfFXtWf0+fwA8J+m7YcHW+TQqHhEHAq8AxxVo/yahXf3u4paMAjjz3Aq8eHoBcFqxUlrC53eAuZL+HiV0o8cj4m7gugKWKhv6JUnzRg3cqHhEnAM8XZTOrs3QCyW5kbYmda1SLPJq8XXet+LvSXq4NcQFpAa/Criz8rUV/xGY1QZP9wrXAY8IDySvA4dVNvGjOyR91Ta1u40zIi4GHqzU9rPFknyvlSkVfww4txBmo5wtaXkrqa1wROwFvAV4quqC+Fgq6fa2QnesUrrAuT3zlvmSPP9obTL4LODqCtyKz5Hkob21yeD3V/429HpJ17eWOPvxiHgWOKYCXSbp3jaCl257XNK4FX+5LGxzMPpM0pNtAo8Is+1R2XnM4K8Bu1egiyS90EJww0dyGdzzEy+CM30saX5LwbtYBre6+1WgX0h6pmXgOb2eAP5ECTX4pqtiuaRHWwZuR9SLnrDidzl8UPlng6TbWga+Z8VjcTu9yjXA5T0PHpD0cxvgI8Jzp70LSzbOTQY/w9PX6oEfvinpw5aAu8dzV5jJfBsN7ptPlbhJ+vwHSfb+yFNEOHjq9YJjkIb28WdOaz0TPLXyuR8+LskroJGlspx0UMrQPpw2S+qCnw3cXMDzha8lLRwZ9f8rM0O7R0lv+7xO0lgq7n7SU9sDKni/NE+SY4FDT8XCh/ZYZIuk3wxTL5YvAq7sKd0q+1/SpmGSl7nJUcXb6Ws7Ya0kB1MngLsB3FN2E+qG8KUkr5CGliLicMA7HYb+N73tKLCkjm0mhOAiwlsht5QXs0H4RU+8Fg2DPCJsD3u7hjbLqjpM0hQ7vKLs6WQVucS+/kjSJzsSPiKOAA6uoDujZGmQHW9nagJ3Q50D2GNpmYT/BnhX0uZBFqCMjseWdUEqnWfvZKxMi0wK7gcR4SH21lJlCZ1nl/z9QfXxEeGZqWPwjjL0Qo8BKySlzydXPJ9EhLvGmwDHymvlfe0PefdhiaTVM1G/bDNaZedTi5PXVtojeGPtTreV4piLF872Xq/yW4pCnowtdZxR0tqpClFg7WGH+lyrKUJ2BJmH95IM7Twa07TbhRFhz19apr6ZQZ2RM8u/NwJryiaWq9lV79mdRz+D5r6n3zdU/b38+9ciQneZ1kQ+LXhlHfvQBfCkp1a/Vs33syAJ4r+zdnyuC5rXPrvQVnldP9brG7w0WqvvHbizANsoQbNR1SD9XLvQ3pZx8Kk7uAwcvFLf1X8icHLpNv0oq7/fQrh3cvtY3dvV7TDw+sNl6umtRTc4d237ljlGhhPsdau63gNJ+ceENVM1vH7A/wPc7ghTvqt3eQAAAABJRU5ErkJggg==);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:rotateZ 3s linear infinite;animation:rotateZ 3s linear infinite}.toast-flat-mask{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.toast-enter-active,.toast-leave-active{-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.toast-enter,.toast-leave-to{opacity:0}
html,body{height:100%;font-size:14px;color:#333;font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,.5)}*{margin:0}#root{width:100%;height:100%}ul{list-style:none;padding:0}
