.component-number-keyboard{position:relative;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;z-index:100000}.component-number-keyboard .number-keyboard-dialog{width:100%;position:fixed;bottom:0;left:0;background:#fff;-webkit-box-shadow:0 0 4vw 0 rgba(0,0,0,.1);box-shadow:0 0 4vw 0 rgba(0,0,0,.1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content:"viewport-units-buggyfill; -webkit-box-shadow: 0 0 4vw 0 rgba(0, 0, 0, .1); box-shadow: 0 0 4vw 0 rgba(0, 0, 0, .1)"}.component-number-keyboard .number-keyboard-dialog.slide-up-enter-active{-webkit-animation:van-slide-up-enter .4s ease both;animation:van-slide-up-enter .4s ease both}.component-number-keyboard .number-keyboard-dialog.slide-up-leave-active{-webkit-animation:van-slide-up-leave .4s ease both;animation:van-slide-up-leave .4s ease both}.component-number-keyboard .number-keyboard-dialog .pay-amount{width:100%;height:19.467vw;background-color:#fff;color:#333;font-size:3.733vw;font-weight:700;margin-left:4vw;padding-top:2.667vw;content:"viewport-units-buggyfill; height: 19.467vw; font-size: 3.733vw; margin-left: 4vw; padding-top: 2.667vw"}.component-number-keyboard .number-keyboard-dialog .pay-amount>div>span:first-of-type{color:#f4344c;font-size:6.933vw;vertical-align:middle;content:"viewport-units-buggyfill; font-size: 6.933vw"}.component-number-keyboard .number-keyboard-dialog .pay-amount>div>span:nth-of-type(2){color:#666;font-size:3.467vw;margin-left:2.667vw;border-radius:2.667vw 0 2.667vw 0;background-color:#f1f1f1;display:inline-block;padding:1.333vw 2vw;content:"viewport-units-buggyfill; font-size: 3.467vw; margin-left: 2.667vw; border-radius: 2.667vw 0 2.667vw 0; padding: 1.333vw 2vw"}.component-number-keyboard .number-keyboard-dialog .pay-amount>div>span:nth-of-type(2)>i{font-style:normal;color:#f4344c}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content{width:100%;height:100%}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap{width:100%}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item{width:25%;height:17.333vw;line-height:17.333vw;font-size:7.067vw;color:#333;font-weight:700;float:left;text-align:center;background:#fff;position:relative;content:"viewport-units-buggyfill; height: 17.333vw; line-height: 17.333vw; font-size: 7.067vw"}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item .key-enter{width:100%;height:52vw;background-color:#07c160;position:absolute;top:0;left:0;z-index:9;color:#fff;font-size:5.6vw;line-height:1.3;content:"viewport-units-buggyfill; height: 52vw; font-size: 5.6vw"}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item .key-enter:before{content:"";position:absolute;width:100%;height:100%;left:0;background-color:#000;opacity:0}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item .key-enter:active:before{opacity:.1}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item .key-enter>span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item .key-enter.aliPay{background-color:#2089d2}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item:active{background-color:#ebebeb}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item:before{content:"";position:absolute;z-index:2;border-right:1px solid #e4e4e4;top:0;right:0;width:1px;height:100%}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item:after{content:" ";position:absolute;z-index:2;border-top:1px solid #e4e4e4;top:0;left:0;width:100%;height:1px}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item.delete{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAA8CAYAAAAXDvbIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTA2QzVCNTlENUZGMTFFOTkzOTJFRTUyRkUzMTA5RjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTA2QzVCNUFENUZGMTFFOTkzOTJFRTUyRkUzMTA5RjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMDZDNUI1N0Q1RkYxMUU5OTM5MkVFNTJGRTMxMDlGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMDZDNUI1OEQ1RkYxMUU5OTM5MkVFNTJGRTMxMDlGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvzqVsoAAANnSURBVHja7NvNqxJRFADw4/gRhq5c9lZubBFUmxoQQdBNr6h1tWoTLQP/ANH+iVy4fqBElLURBf+AhIq3ElJU3sadoEkp2jnznHqJn+P9mNF74OBjHtw38+N45349l67rIDB8mK8wn2LewgyAs2OAeY55hvkW8zdd9Ai8gRuYnzDvwOEEFYU+zxeYjzAvNEF//PoBgi4GPdtnzGuaINAPBw5qxm3Ml5og0CQcTzzTFCjzuKspUObBpU89ZlAjNAVqb1QFyhhVgTJGVaCMURUoY1QFyhhVgTJGVaCMURUoY1SpoG63G3w+H7P2qC1qUyaqVNBIJAKlUgnK5TIkEom926M2qC1qk9pmXgAnJye2BvV6vZDP5yEUCoHH44F4PA7tdhtarZZl0Gw2a7Tr9/shFotBsViE6XQqrFKl96EEGQwG/92wphkoVirWBKU2zAgEAgawqEq1xUtpMplAt9s1KtTlchnX6HPXil0GStWZyWSg0WgIQbXVW57gOp2OZdhVoOl0GqrVqpA+1ZbDpmazaQl2HWilUuEzUllAtfU4dFdYGaCLqI4Y2G8LKwv0KqqjZkqbYMPhsDRQ4150Xae7eo/5xGnTwWQyaby9F/HMoZcMULNSH+DnGyfOsVdVrPmzDFBz8J8ABwdhEdqyGZEMUCurVI6L2WwmfvEHv/60VPPcqWjL+tW/LwwLMy9WqD/g8vDYzUN5UVF17jOlZTWk+oh5HzPsdFDqQ2u12t5rBSxQx5jvnAK7DpReSlantDxmVI6A3QS6zQSBrtPvRaDaHnZbUNmwy1apbAm7K6hM2FXrqbaC3XdxRHQfu27l3xawtI+Uy+X+2/KwMlNaBRuNRqFQKMB4PBY2o/o5X2ipyEKl7ZThcMhk6rlsSjsYDJiCbqpUW1QsAdTrdWPXk/bpqV/dZwuEKpa+8lSh/X4fUqkU9Ho9pvfs2uE//qRvVdPO6mg0Ytat0LeAdZXuuqAitSugh2cFSkFt8QC1skolvY91QlhZ+lOwHFAVLCfUq7BVxcgO1YR9rGDZoipYTqgKlhOqguWEqmA5oSpY4Lfvf8ywA56HKY4V9pz3CZVjhD0TcezHhP12BKDfMXOizlIR7EPMrwcMSkVzivlL5AG1C7jcPXiN+QVzeACQw/mz0DPdmz8j/BFgAJarG6LkVuOIAAAAAElFTkSuQmCC) 50% no-repeat;background-size:7.6vw 5.333vw;content:"viewport-units-buggyfill; background-size: 7.6vw 5.333vw"}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item.delete:active{background-color:#ebebeb}.component-number-keyboard .number-keyboard-dialog .number-keyboard-content .number-keyboard-body .list-wrap .list-item.slidedown{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAyCAYAAAATIfj2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODU3MDMyMUFENUZGMTFFOTkzOTJFRTUyRkUzMTA5RjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODU3MDMyMUJENUZGMTFFOTkzOTJFRTUyRkUzMTA5RjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NTcwMzIxOEQ1RkYxMUU5OTM5MkVFNTJGRTMxMDlGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NTcwMzIxOUQ1RkYxMUU5OTM5MkVFNTJGRTMxMDlGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhzDpMMAAAIdSURBVHja7JrNSwJBGMZndTVFSKKggoiILgVREHSKukREX9CHt67VLQj6FzoEdS9C6GpREHUpMjp0iOgiXQoiuuXFNLxElPa87ApSKaav7o7MAz9YXZ2dZ+bdmZ15V/N4fQJygiWwCDqBW8ihD3APtsEWSGkwRGb2wbSQWwcg4NRdbuqZVSG/ukCUDAVx0CiqQy0UchSHrqwv38CjJAY6gD/7ntJ/mCFdgQlJDJ2A8azPboeoMilDdpf+j99qYBI0VbiOUXAM0tyGRsCRRQ0/Ck65Q67ewkiqV4NCAYpZWM9YOQaFMzAFmits5sW8NruhtDnaqHlIGVKGiruHcqkN7IC6EsuJgwXwbLWhOTDM1MBU1obVIafbKWI4DKUZDaXsYCgMXhnKoTIu7BAutxY/uKp5SBmy28RK+1x9ktTf/2ufwOP10cZibZV0UNxhDrvVojD1UA8OboQ8KZRcoi3tfuqhCJgFCYnNJEwPEc1MeJEaQEAYCa8aSYy8CyPhtZfZd8g2pOYhZUgZUobUJkm+hukuobxPcMexYuUytC5KfzVgk6EMtpDj2FdIcVSE3lPgKOcStILeIv+/C1Y4THEZoopQds8DBooI12XwZaceyuhcGC9uUPpSK6ARqFfWOCvAbYh0DR6EkUty5nnUnwdBWeahEBgDyT/OJc1zIdkmVloJDwkjLZ8RHQ+Wc5VcieVDOzg0j2fAUzkv9i3AACCGVRJRQm2iAAAAAElFTkSuQmCC) 50% no-repeat;background-size:6.933vw 6.667vw;content:"viewport-units-buggyfill; background-size: 6.933vw 6.667vw"}.component-pop-tech-reward .bottom-popup{width:100%;border-radius:1.333vw 1.333vw 0 0;padding:4vw 4vw 13.333vw;background:#fff;overflow:visible;overflow:initial;content:"viewport-units-buggyfill; border-radius: 1.333vw 1.333vw 0 0; padding: 4vw 4vw 13.333vw"}.component-pop-tech-reward .bottom-popup>.title{font-size:5.067vw;font-weight:700;margin-bottom:5.333vw;content:"viewport-units-buggyfill; font-size: 5.067vw; margin-bottom: 5.333vw"}.component-pop-tech-reward .bottom-popup ul.items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1.333vw;content:"viewport-units-buggyfill; margin-top: 1.333vw"}.component-pop-tech-reward .bottom-popup ul.items li.item{position:relative;-webkit-box-flex:0;-ms-flex:0 0 22%;flex:0 0 22%;height:29.333vw;line-height:1em;background:#f7f7f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAuCAYAAACrrAD9AAAEEUlEQVRYhe2Zy28TRxzHv7O7TvxMiO2AQiKlhAAFkUalaUjbQzm0UtVWSBy4lVNv/Rd6RPwLrYpUCYkbHFuJUqoeUFoJKfQBlIcgAopNYsfrx64f+/IOmontem2D11uj+OCvtF7Pb2ZnPjP7+83M7hIAoGfm4wDOATgNYAI7pxyAywC+JhcfZQg9Mx8DcAPA/h2EatU6gOMCgLMDBoYaz1mhdisHUacZXHxA4eLCAEC8VEM4r5L6UQkdkWBHgoBAQHQTgloBKN05ODvkh7G4D+aBKVSjEUceMSxIT9MYvf2Un72KTcK9dZEQaMsHoC8fApW6e4WUlBH8+U8I+VLPiD35HJVEFE+tQHv/sCswJms6BvWLE7BmJ18jHCEonVyGNbu750aoT0Lp5AqsvdHXA6cdP9gGJhQ1CEqZ+1izWJrZWX4DUBJQ/uxd0FFff+HsSADa8sE2e+D6HYx9fw3+1bsOu//3e9zO8h31hP28k32F09+eA8T2omZtJH0tESklZH62ZtpXRuOtffw2d1NFMyE9S2YxtWcckiS+tLh5aNqRDl77i0cfMcztHuZLCF9a5X7JJG4V+Hnk1hP4HiRhTUd5EIH7nwhrbg+3d5JNKdJpBXKuCKmgVKAWNUzGI4hHwyC1Buqyx4KwwwGHTUzlGwCN0UrKbU3Vy9BR50hZe2Md4YolDc838jDM6nad7Me2KVJpBblcGbsnIxgfD6KOyOBapS/Ng5R1h3Xkzr8QZQXm/ilYMzFnB3eFHOnqhDOt6yY2txSoquawO7pkmBYSz3NIZ1TEJkIcslN0GW/OtNmkRIbDMTD9WJe9a81/mV/J2SLyhXLHYh090zAsbKQK2Ewr2BX0I9SSTywbpKy12LZvBdFMPo00i7uF8J+7GBUDD9dT0FumIFdwdVFKoTzLtMGJm1mEL//W8Rr/jQf8aJby5ccO9ygnsl3B4GYqqcoqqrli14p6kbG+4aq0q11J5eY6wh8tNtIs2gpffeooE7xyE77HKWgfHIG++IYjj22pGv8NC5VbT1zBuZqE1V/+BrXspqsID5Tmo+5TbJlqy2uankrX/wHVzP7BVbNFqFf/cFXhK+splKH8uOa6vOuFX/lhDfr9hFcuPvLZ81dht8yPr5L7LZNtQ/7mJ+j3OgMaR2dR+fBox/WU6ibkb69Af+guEOoit5cCve2EBQFjny8h8skxEBcbTuNxCrkLv8LcyPXUDDzB1SRGwwifWEDgnTlIk+OOPDZS2v0kyqt3tyPT47OOZ7hmCaFRiBMRPpLMp6yMyt3g/6ovj4Z2SedHvzV84veqIZxXDeG8agjnVUM4r2JwmQFl2xJqn3MGUZfYrmQQPy89ArAiLKxV2EuOFQDnax/GdlKs/e8AvLewVpFfAOWTojkE9/OVAAAAAElFTkSuQmCC) center 5.333vw/5.2vw 6.133vw no-repeat;border-radius:1.067vw;color:#333;font-size:3.733vw;text-align:center;padding-top:13.333vw;content:'viewport-units-buggyfill; height: 29.333vw; background: #f7f7f7 url("../assets/icon/icon-red-packet.png") center 5.333vw/5.2vw 6.133vw no-repeat; border-radius: 1.067vw; font-size: 3.733vw; padding-top: 13.333vw'}.component-pop-tech-reward .bottom-popup ul.items li.item:before{content:"￥";font-family:Medium}.component-pop-tech-reward .bottom-popup ul.items li.item span{position:absolute;bottom:3.733vw;left:50%;width:13.333vw;height:5.333vw;line-height:5.333vw;margin-left:-6.667vw;color:#fff;font-size:2.933vw;background-color:#f4344c;border-radius:2.667vw;text-align:center;content:"viewport-units-buggyfill; bottom: 3.733vw; width: 13.333vw; height: 5.333vw; line-height: 5.333vw; margin-left: -6.667vw; font-size: 2.933vw; border-radius: 2.667vw"}.component-pop-tech-reward .bottom-popup .custom{position:absolute;top:5.333vw;right:4vw;width:16vw;height:5.333vw;line-height:5.333vw;border-radius:2.667vw;border:1px solid #f4344c;text-align:center;font-size:2.933vw;color:#f4344c;content:"viewport-units-buggyfill; top: 5.333vw; right: 4vw; width: 16vw; height: 5.333vw; line-height: 5.333vw; border-radius: 2.667vw; font-size: 2.933vw"}.component-common-toast .success-modal{position:fixed;top:calc(50vh - 26.667vw);left:16.667vw;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-align:center;-ms-flex-align:center;align-items:center;width:66.667vw;height:53.333vw;border-radius:1.333vw;background-color:#fff;background-position:center 11.2vw;background-repeat:no-repeat;content:"viewport-units-buggyfill; top: calc(50vh - 26.667vw); left: 16.667vw; width: 66.667vw; height: 53.333vw; border-radius: 1.333vw; background-position: center 11.2vw"}.component-common-toast .success-modal.reward-success{background-image:url(../img/icon_Success.9613130b.png);background-size:28.8vw 16.4vw;content:"viewport-units-buggyfill; background-size: 28.8vw 16.4vw"}.component-common-toast .success-modal.chat-fail{background-image:url(../img/icon_Functionnotopen.8ad0f276.png);background-size:20.667vw 15.2vw;content:"viewport-units-buggyfill; background-size: 20.667vw 15.2vw"}.component-common-toast .success-modal.reward-fail{background-image:url(../img/icon_Notopenedyet.844c4edc.png);background-size:20.667vw 15.733vw;background-position:center 8vw;content:"viewport-units-buggyfill; background-size: 20.667vw 15.733vw; background-position: center 8vw"}.component-common-toast .success-modal p{position:absolute;bottom:8vw;left:0;width:100%;text-align:center;font-size:4vw;line-height:2;color:#333;white-space:pre-wrap;font-weight:700;content:"viewport-units-buggyfill; bottom: 8vw; font-size: 4vw"}