*{margin:0;padding:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box}body{position:relative;scroll-behavior:smooth;width:100%;max-width:750px;margin:0 auto}html,body{height:100%}h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}table{border-collapse:collapse;border-spacing:0;text-align:left}ul,ol,menu{list-style:none}img,object,input,textarea,button,select{vertical-align:middle}article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}textarea{overflow:auto;resize:vertical}input,textarea,button,select,a{outline:none;border:none}input,textarea{display:block;-webkit-user-select:auto}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}mark{background-color:rgba(0,0,0,0)}a,ins,s,u,del{text-decoration:none;color:inherit}sup,sub{vertical-align:baseline}p{line-height:1.72}h1,h2,h3,h4,h5,h6,span,time,small,big{font-weight:400;line-height:1.2}video,img,audio,canvas{font-size:0;line-height:1;display:block;zoom:1}::-webkit-scrollbar{width:0px;display:none}img{width:100%}.pointer{pointer-events:none}html{font-size:13.3333333333vw}[data-theme=ak-android]{--mainBg: #1f2c32;--subBg: #2c3c44;--mainColor: #01dae3;--subColor: #f1f3ff;--subColorPrice: #95a0aa;--countBorder: #475a65;--buttonBg: linear-gradient(90deg, #00dbe2 0%, #00cceb 100%);--orderLine: #394b56}[data-theme=ak-ios]{--mainBg: #272532;--subBg: #363443;--mainColor: #d95fff;--subColor: #fcf7ff;--subColorPrice: #95a0aa;--countBorder: #545164;--buttonBg: linear-gradient(90deg, #ef35ff 0%, #b338ff 100%);--orderLine: #464356}[data-theme=yb-android]{--mainBg: #f3f3f3;--subBg: #ffffff;--mainColor: #00d4b7;--subColor: #333333;--subColorPrice: #666666;--countBorder: #d9d8dc;--buttonBg: #00d4b7;--orderLine: #ececec}[data-theme=yb-ios]{--mainBg: #f3f3f3;--subBg: #ffffff;--mainColor: #00d4b7;--subColor: #333333;--subColorPrice: #666666;--countBorder: #d9d8dc;--buttonBg: #00d4b7;--orderLine: #ececec}[data-theme=tm-android]{--mainBg: #1f2c32;--subBg: #2c3c44;--mainColor: #41de76;--subColor: #f1f3ff;--subColorPrice: #95a0aa;--countBorder: #536874;--buttonBg: linear-gradient(90deg, #4cab67 0%, #43de6f 0%, #31c18d 100%);--orderLine: #394b56}[data-theme=tm-ios]{--mainBg: #1f2c32;--subBg: #2c3c44;--mainColor: #41de76;--subColor: #f1f3ff;--subColorPrice: #95a0aa;--countBorder: #536874;--buttonBg: linear-gradient(90deg, #4cab67 0%, #43de6f 0%, #31c18d 100%);--orderLine: #394b56}@-webkit-keyframes portal{0%{opacity:0}100%{opacity:1}}@keyframes portal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes childrenAni{0%{-webkit-transform:scale(0.89);transform:scale(0.89);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes childrenAni{0%{-webkit-transform:scale(0.89);transform:scale(0.89);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes portalPayWay{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes portalPayWay{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}.console{position:absolute;width:.5rem;height:.5rem;top:30%}body{height:100%;overflow:hidden}body .App{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--mainBg);overflow:hidden}body .page{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--mainBg);-webkit-transition:.4s;transition:.4s;overflow:auto}body .home.active{-webkit-transform:translateX(-30%);transform:translateX(-30%);opacity:.7}body .order{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.4s;transition:.4s;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:.3rem}body .order.active{-webkit-transform:translateX(0);transform:translateX(0)}.popup{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.5);z-index:999;font-size:0;line-height:1;-webkit-animation:portal .5s forwards;animation:portal .5s forwards}.popup .popupWrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-animation:childrenAni .5s forwards;animation:childrenAni .5s forwards;width:6rem;height:5.84rem;background:var(--subBg);border-radius:.32rem;color:#fff}.popup .popupWrapper .close{position:absolute;right:.24rem;top:.24rem;width:.48rem;z-index:3}.popup .popupWrapper .icon{margin-top:.8rem;width:.96rem;height:.96rem}.popup .popupWrapper h5{font-size:.34rem;color:var(--subColor);margin:.48rem 0 .16rem;line-height:1.2}.popup .popupWrapper p{color:var(--subColor);margin-bottom:.96rem;font-size:.28rem}.popup .popupWrapper .confirm{width:4.64rem;height:.96rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.34rem;font-weight:700;background:var(--buttonBg);border-radius:1rem;color:#fff}.portalPayWay{position:fixed;top:0;height:100%;width:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:750px;z-index:99999999;overflow:hidden;pointer-events:none}.portalPayWay .portalPayWayWrapper{pointer-events:auto;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-animation:portal .4s forwards;animation:portal .4s forwards}.portalPayWay .payway{position:absolute;bottom:0;width:100%;height:4.48rem;background:var(--subBg);border-radius:.48rem .48rem 0 0;padding:.48rem .48rem 0 .48rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:portalPayWay .4s forwards;animation:portalPayWay .4s forwards}.portalPayWay .payway h5{color:var(--subColor);font-size:.28rem;line-height:1.2}.portalPayWay .payway .paywayItems .item{line-height:1;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-top:.64rem}.portalPayWay .payway .paywayItems .item .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.portalPayWay .payway .paywayItems .item .icon img{width:.48rem}.portalPayWay .payway .paywayItems .item .icon p{font-size:.34rem;margin-left:.2rem;color:var(--subColor)}.portalPayWay .payway .paywayItems .item .arrows{width:.6rem}.head{position:fixed;top:0;left:0;right:0;max-width:750px;height:.96rem;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;padding:0 .32rem;margin:0 auto;background:var(--mainBg);-webkit-box-shadow:0 .04rem .3rem -0.03rem rgba(0,0,0,.1);box-shadow:0 .04rem .3rem -0.03rem rgba(0,0,0,.1)}.head h5{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:.34rem;color:var(--subColor)}.head h6{font-size:.28rem;color:var(--mainColor)}.head .svg{position:relative;fill:var(--subColor);width:.5rem;height:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.head .svg svg{position:absolute;width:.4rem;height:.4rem}.account{margin-top:.96rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.24rem .32rem 0 .32rem}.account .placeItem{width:31.48%}.account .item{width:31.48%;border:.04rem solid var(--subBg);border-radius:.24rem;padding:.32rem 0 0 .2rem;height:2.78rem;margin-bottom:.48rem;background:var(--subBg);-webkit-transition:border .4s;transition:border .4s}.account .item.active{border-color:var(--mainColor)}.account .item .icon{width:.62rem;height:.44rem;margin-bottom:.12rem}.account .item .icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.account .item h5{font-size:.24rem;color:var(--subColor);line-height:1.6;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:90%;height:40px}.account .item .price{margin-top:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.account .item .price span{color:var(--subColorPrice);font-size:.24rem;display:inline-block;margin-right:.04rem}.account .item .price small{color:var(--mainColor);font-size:.24rem}.account .item .price p{color:var(--mainColor);font-size:.4rem;line-height:1}.account .item .price i{font-style:inherit;color:var(--mainColor);font-size:.24rem}.accountType{padding:0 .32rem;margin-bottom:4rem}.accountType .wrapper{background:var(--subBg);padding:.48rem .4rem;border-radius:.24rem}.accountType .accountTypeHead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.accountType .accountTypeHead img{width:.24rem}.accountType .accountTypeHead p{font-size:.28rem;color:var(--subColor);margin-left:.08rem}.accountType .list{margin-top:.16rem;font-size:.24rem;color:var(--subColor)}.accountType .list p{margin-bottom:.2rem}.accountType .list p:last-child{margin-bottom:0}.accountPay{position:fixed;bottom:0;width:100%;left:0;right:0;margin:0 auto;max-width:750px;height:3.42rem;background:var(--subBg);-webkit-box-shadow:0 -0.04rem .3rem -0.03rem rgba(0,0,0,.1);box-shadow:0 -0.04rem .3rem -0.03rem rgba(0,0,0,.1);padding:.48rem;opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);-webkit-transition:.4s;transition:.4s}.accountPay.active{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.accountPay .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.accountPay .title *{font-size:.24rem}.accountPay .title p{color:var(--subColorPrice);line-height:1.2}.accountPay .title .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.accountPay .title .flexEnd{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.accountPay .title small{color:var(--mainColor)}.accountPay .title span{color:var(--mainColor);font-size:.4rem;line-height:1}.accountPay .title .countWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--subColor)}.accountPay .title .countWrapper div{width:.48rem;height:.56rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.accountPay .title .countWrapper div i{font-style:initial}.accountPay .title .countWrapper div.active{pointer-events:none}.accountPay .title .countWrapper div.active i{opacity:.3}.accountPay .title .countWrapper .removeCount{border-radius:.1rem 0rem 0rem .1rem;border:1px solid var(--countBorder)}.accountPay .title .countWrapper .count{width:.8rem;border-top:1px solid var(--countBorder);border-bottom:1px solid var(--countBorder)}.accountPay .title .countWrapper .addCount{border-radius:0 .1rem .1rem 0;border:1px solid var(--countBorder)}.accountPay button{margin-top:.46rem;width:100%;height:1rem;background:var(--buttonBg);border-radius:.5rem;font-size:.4rem;color:#fff}.order .wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding-top:1.2rem}.order .wrapper h5{font-size:.34rem;font-weight:600;color:var(--subColor);text-align:center;margin-top:4.12rem}.order .wrapper .item{background:var(--subBg);width:calc(100% - .48rem);margin:0 auto;margin-bottom:.16rem;padding:.48rem;border-radius:.24rem}.order .wrapper .item *{font-size:.24rem}.order .wrapper .item p{color:var(--subColor)}.order .wrapper .item span{color:var(--subColor)}.order .wrapper .item .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.32rem}.order .wrapper .item span{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;width:75%;text-align:right}.order .wrapper .item ul{border:.02rem solid var(--orderLine);margin-bottom:.3rem}.order .wrapper .item ul li{padding:.3rem .32rem;border-bottom:.01rem solid var(--orderLine);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.order .wrapper .item ul li:last-child{border-bottom:none}.order .wrapper .item ul li span{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.order .wrapper .item ul li div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order .wrapper .item ul li button{color:var(--mainColor);background:rgba(0,0,0,0);margin-left:.1rem}@media(max-width: 860px){.yebaologin-content{margin:0 !important;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:6.6rem !important;height:7rem !important;padding:.4rem !important}.yebaologin-content *{font-size:.28rem !important}.yebaologin-title{font-size:.36rem !important}.yebaologin-phone-phone{width:100% !important}.yebaologin-reg-code{width:60% !important}.yebaologin-phone-send{float:none !important;width:36% !important;margin-left:auto !important}.yebaologin-phone-submit{width:100% !important;font-size:.32rem !important}.yebaologin-third{display:none}}