.container{height:100vh;width:100vw;font-family:Helvetica}.loader{width:6.66667rem;top:0;bottom:0;left:0;right:0;margin:auto}.loader,.loader--dot{height:.53333rem;position:absolute}.loader--dot{animation-name:loader;animation-timing-function:ease-in-out;animation-duration:3s;animation-iteration-count:infinite;width:.53333rem;border-radius:100%;background-color:#000;border:.05333rem solid #fff}.loader--dot:first-child{background-color:#8cc759;animation-delay:.5s}.loader--dot:nth-child(2){background-color:#8c6daf;animation-delay:.4s}.loader--dot:nth-child(3){background-color:#ef5d74;animation-delay:.3s}.loader--dot:nth-child(4){background-color:#f9a74b;animation-delay:.2s}.loader--dot:nth-child(5){background-color:#60beeb;animation-delay:.1s}.loader--dot:nth-child(6){background-color:#fbef5a;animation-delay:0s}.loader--text{position:absolute;top:200%;right:0;width:4rem;margin:auto}.loader--text:after{content:"Loading";font-weight:700;animation-name:loading-text;animation-duration:3s;animation-iteration-count:infinite}@keyframes loader{15%{transform:translateX(0)}45%{transform:translateX(6.13333rem)}65%{transform:translateX(6.13333rem)}95%{transform:translateX(0)}}@keyframes loading-text{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:border-box;margin:0}html{background:#f9f9f9}body,html{font-size:.74667rem}body{color:#333;font-family:PingFangSC-Regular,PingFang SC;background:#f7f7f7}.app_container,body,html{height:100%}body{margin:0 auto;max-width:10rem}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}a{text-decoration:none}img{vertical-align:middle}button,input,textarea{outline:none;-webkit-appearance:none;border:none;caret-color:#fbc027}textarea{resize:none}button{border:none;padding:0;background-color:transparent}.back_icon{width:.56rem;height:.56rem}.page_container{padding-top:46PX}.page_container_topUp{padding-top:0}.page_container_topUp .header_content{position:fixed;width:100%;left:0;top:0;z-index:99}.public_button_container{width:100%;position:fixed;left:0;bottom:0;display:flex;justify-content:center;padding-bottom:1.06667rem;z-index:99}.public_button_container .btn{width:8.4rem;height:1.22667rem;background:#fbc027;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.42667rem;font-weight:500}.public_button_content{position:fixed;width:100%;left:0;bottom:0;height:1.22667rem;display:flex;z-index:99}.public_button_content .total{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.32rem}.public_button_content .total span{color:#f26e28}.public_button_content .total span span{font-size:.48rem;font-weight:700}.public_button_content .btn{width:4.8rem;background:#fbc027;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.42667rem}.public_button_content .disabled{background:#9b947f}.container{width:9.46667rem;margin:0 auto;clear:both}.page_top_left{float:left}.page_top_right{float:right}.clear{clear:both}