*{margin:0;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%}body{overflow-x:hidden;font-size:16px}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}html{--primary-color: #007aff;--UI-BG: #fff;--UI-BG-1: #f7f7f7;--UI-BG-2: #fff;--UI-BG-3: #f7f7f7;--UI-BG-4: #4c4c4c;--UI-BG-5: #fff;--UI-FG: #000;--UI-FG-0: rgba(0, 0, 0, .9);--UI-FG-HALF: rgba(0, 0, 0, .9);--UI-FG-1: rgba(0, 0, 0, .5);--UI-FG-2: rgba(0, 0, 0, .3);--UI-FG-3: rgba(0, 0, 0, .1)}uni-page[data-type] uni-page-body{background-color:transparent}body:after{position:fixed;content:"";left:-1000px;top:-1000px;animation:shadow-preload .1s;animation-delay:3s}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}.uni-font-size{font-size:15px}.fill{height:400px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:60%}.menu-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.menu{text-align:center;background-color:brown;color:#fff;font-size:18px;width:33%;padding:8px 0;border-radius:8px;cursor:pointer}.menu:hover{background-color:#8b0000}.bg{background-color:rgba(0,0,0,.016)}.top{width:100%;margin-top:65px}.body-1200{max-width:1080px;width:calc(100% - 30px)}.head-container{width:100%;top:0;left:0;background-color:#fbfbfb;border-bottom:1px solid #eee;position:fixed;display:flex;justify-content:center;align-items:center;z-index:100}.head{font-size:15px;padding:3px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1080px;width:calc(100% - 30px)}.top-btn{margin:2px 8px;color:brown}.banner{width:100%;aspect-ratio:9 / 2;border-radius:8px}.foot{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;text-align:center;background-color:#fff;border-top:1px solid #eee;color:#646464}.logo-img{width:48px;height:48px;border-radius:12px;margin-right:20px}.erweima{width:70px;height:70px;border-radius:16px;margin:10px 10px 5px;border:1px solid rgb(240,240,240)}.store{width:150px}.machine{width:100%;display:flex;flex-direction:row;justify-content:space-between}.left-unit{width:35%;display:flex;flex-direction:column;align-items:center}.right-unit{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:8px;border:1px solid rgb(240,240,240);margin:6px 0}.title-0{width:100%;text-align:center;padding:8px 0;font-size:20px;background-color:#fff;border-radius:24px;border:1px solid rgb(245,245,245)}.pm-img{width:90%}.key-unit{width:65%;height:100%;padding:5px .3125rem;display:flex;flex-direction:column;justify-content:flex-start;background-size:cover;background-position:center;background-repeat:no-repeat;flex:1}.title-1{width:100%;margin:20px 0 8px;font-size:20px;text-align:center}.title-btn{padding:10px 20px;margin:16px 0 4px;font-size:20px;border-radius:30px;background-color:#cd5c5c;text-align:center;color:#fff}.dark-blue{background-color:#00045a}.smq,.ymq{width:99%;margin-bottom:30px}.initial-area,.tone-area,.final-area{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:space-between}.initial-area{position:relative}.tone-area{flex-wrap:nowrap}.letter-initial,.letter-final,.letter-whole{width:calc(25% - 16px);padding:6px 0;background-color:#fff;font-size:24px;border-radius:10px;text-align:center;margin:5px 0;box-shadow:2px 2px 2px gray;color:#3c3c3c;border:1px solid rgb(245,245,245);cursor:pointer}.letter-initial{color:#8a2be2}.letter-final{color:#2e8b57}.letter-initial:active,.letter-final:active,.letter-whole:active{box-shadow:inset 2px 2px 2px gray}.letter-initial:hover,.letter-final:hover,.letter-whole:hover{background-color:#f5f5f5}@media (max-width: 650px){.top-btn,.hide{display:none}.menu{padding:4px 0;font-size:14px}.letter-initial,.letter-final,.letter-whole{font-size:20px}.title-1{font-size:16px}}a{text-decoration:none}a:link,a:visited{color:#a9a9a9}a:hover{color:#000}a:active{color:#cd5c5c}.comment,.follow{font-size:calc(.3125rem + 8px);padding:5px 10px;color:#fff;border-radius:10px;background-color:#fff;box-shadow:2px 2px 2px gray;margin:1.3% 5px}.comment:active{box-shadow:inset 2px 2px 2px gray}.anq{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;height:10%;width:100%}.voice-button,.clear-button,.sure-button{color:#fff;display:flex;align-items:center;justify-content:center;padding:3px;height:75%;border-radius:.625rem;border:1px solid rgba(0,0,0,.1);font-size:calc(8px + .75rem)}.voice-button{background-color:orange;width:calc(40% - .625rem);margin-right:1.875rem}.clear-button{background-color:#67aefa;width:calc(20% - .625rem)}.sure-button{background-color:#0000cd;width:calc(30% - .625rem);margin-left:.3125rem}.sure-button-lock{background-color:#d3d3d3;pointer-events:none}.voice-button:active,.clear-button:active,.sure-button:active{transform:scale(.9);opacity:.5}.big-title{color:#fff;font-size:3.125rem;animation:show-up 1s 1;animation-fill-mode:forwards}.open-pic{margin-bottom:.9375rem;width:18.75rem;height:18.75rem;border-radius:9.375rem;animation:show-up 1s 1;animation-fill-mode:forwards}.open-transition{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;animation:fade 3s 1;animation-fill-mode:forwards}.pink-bg{background-color:#ffb6c1}.blue-bg{background-color:#7ae1be}@keyframes fade{0%,70%{opacity:1;transform:scale(1)}99%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes show-up{0%{transform:scale(0)}to{transform:scale(1)}}.bg-blue{background-color:rgba(122,225,190,.7)}.bg-pink{background-color:rgba(255,182,193,.9)}.bg-dark{background-color:rgba(0,0,0,.2)}.bg-light{background-color:#fff}.z-2{position:absolute;width:100%;height:100%;z-index:2;align-self:center;display:flex;flex-direction:column;justify-content:space-between}.sing-in{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.2);color:gold;font-size:2.5rem;z-index:300}.sing-in span{border:.0625rem solid gold;padding:.625rem;background-color:#eee;border-radius:.9375rem;animation:pulse 8s infinite}.blindbox-icon{position:absolute;bottom:-40px;right:-30px;width:75px;height:75px;border-radius:100%;z-index:200}.blindbox-icon-animation{animation:pulse-reverse 20s infinite}.blank{position:absolute;top:0%;width:100%;height:100vh;background-color:rgba(0,0,0,.3)}.component-title{position:absolute;top:calc(-5px - .625rem);padding:.1875rem 1.5625rem;border-radius:1.25rem;font-size:calc(10px + .625rem);color:#fff;background-color:sienna;display:flex;justify-content:center;align-items:center;z-index:2}@keyframes pulse{0%,to{transform:scale(1)}41%,43%,45%,47%{transform:scale(1.2)}42%,44%,46%,48%{transform:scale(1)}}@keyframes pulse-reverse{0%,to{transform:scale(1)}92%,94%,96%,98%{transform:scale(1)}93%,95%,97%,99%{transform:scale(1.2)}}.small-icon{width:24px;height:24px}.xsmall-icon{width:21px;height:21px}.medium-icon{width:calc(15px + .9375rem);height:calc(15px + .9375rem)}.big-icon{width:calc(24px + 1.5rem);height:calc(24px + 1.5rem)}.store-icon{width:calc(36px + 2.25rem);height:calc(36px + 2.25rem);border-radius:calc(20px + .125rem)}.m-left-10{margin-left:.3125rem}.m-left-30{margin-left:.9375rem}.m-left-20{margin-left:.75rem}.machine-inner-mask{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.71875rem;background-color:rgba(255,250,240,.9)}.py-font{font-family:iPY,Arial,Helvetica,微软雅黑,Heiti SC,sans-serif}.violet{color:#8a2be2}.seagreen{color:#2e8b57}.gray{color:#606060}.bg-green{background-color:green}.voice-ico{height:35px;width:35px}.voice-ico-l{height:24px}.logo{height:2.1875rem;width:2.1875rem;border-radius:100%}.milk-white{background-color:#fffaf0}.active{background-color:#ff4500;color:#fff;font-weight:700}.active2{background-color:#ff7530;color:#fff;font-weight:700}.locked{pointer-events:none}.align-center-colum{display:flex;flex-direction:column;align-items:center;justify-content:center}.align-center-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.gift-picture{width:100%;height:100%;border-radius:20px}@keyframes rotate{0%,90%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes scale-up{0%{transform:scale(0)}to{transform:scale(1)}}.share-button,.video-button{position:relative;padding:1px 15px;border-radius:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;font-size:medium}.share-button:active,.video-button:active{background-color:wheat;transform:scale(.95)}.sx-button{position:absolute;right:-2.5rem;top:-2.5rem;margin-left:-.9375rem;width:1.25rem;height:1.25rem;border:.03125rem solid rgb(255,255,255);color:#fff;border-radius:1.25rem;display:flex;justify-content:center;align-items:center;font-size:.625rem}.naked-x-button{position:absolute;top:.3125rem;right:.3125rem;padding:.3125rem;z-index:2;font-size:calc(8px + .5rem)}.bg-wheat{background-color:#fffaf0}.back-to{position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:row;padding:calc(var(--status-bar-height) + .9375rem) .9375rem .9375rem .9375rem}.info{margin:calc(var(--status-bar-height) + 3.75rem) .9375rem .9375rem .9375rem}.info-s{text-align:center;font-size:12px;color:gray;margin-bottom:5px}@font-face{font-family:iPY;src:url(/assets/iPinYin-C1yqqgDf.ttf)}html,body{font-family:Arial,Helvetica,微软雅黑,Heiti SC,sans-serif}