.userContent{height:100%;overflow:hidden;overflow-y:auto;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff}.userContent header{width:100%;height:37px;line-height:37px;font-size:16px;font-weight:700;position:relative;text-align:center;background:#cb3246;color:#fff}.userContent header .backBtn{position:absolute;left:5px;line-height:35px;font-weight:400;font-size:14px}.userContent header .backBtn>i{position:relative;top:0;margin-right:0;color:#fff}.userContent.myPage header .backBtn>i{color:#fff}.userContent form{width:100%;padding:20px}.userContent form input{width:100%;background:#f3f4f9;border:none;-webkit-appearance:none;border-radius:4px;height:40px;padding:5px 10px}.userContent form input.verificationCodeIpt{width:56%;margin-right:3%}.userContent form .ivu-select-selection{background:#f3f4f9;border:none;-webkit-appearance:none;border-radius:4px;height:40px}.userContent form .el-select{width:100%}.userContent form .sendCodeBtn{display:inline-block;height:40px;width:40%;line-height:40px;text-align:center;background:#aab2b7;border-radius:4px;color:#fff;cursor:pointer}.userContent form .sendCodeBtn.canSendCode{background:#cb3246}input::-webkit-input-placeholder{color:#bbbec4}input:-moz-placeholder,input::-moz-placeholder{color:#bbbec4}input:-ms-input-placeholder{color:#bbbec4}.ivu-btn{font-size:14px}.ivu-btn-primary{background-color:#cb3246;border-color:#cb3246;height:40px;margin-top:20px}.passAlert,.phoneNoAlert,.verCodeAlert{text-align:left;font-size:12px;color:#bbbec4;position:absolute;top:34px}.bt{position:absolute;left:0;top:4px;font-size:20px;color:#ed3f14}#transparent{border-color:transparent;background:rgba(23,129,224,.6)}.registerType span{display:inline-block;height:30px;padding:0 10px;line-height:30px;font-size:13px;color:#cb3246;letter-spacing:-.08px;text-align:center;border:1px solid #cb3246;border-radius:4px;margin-left:-5px}.registerType span:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.registerType span:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.registerType span.currentType{color:#fff;background:#cb3246}.userContent .successPage{height:80%;overflow:hidden;position:absolute;top:44px;left:0;right:0;bottom:0;padding-top:44px;text-align:center}.userContent .successPage>img{width:68px;margin:40px auto}.userContent .successPage>h4{color:#cb3246;font-size:20px;font-weight:400;margin-bottom:20px}.userContent .successPage>p{font-size:15px}.ivu-btn-primary{font-size:14px;border-color:transparent;background:#cb3246}.userContent.myPage{background:url(../img/bj.e8c1d1d6.png) no-repeat;background-size:100% 80%}.myPageContent,.orderContent,.packageContent{width:100%;height:auto;padding:10px;background:#f5f6fa;position:fixed;bottom:0;top:44px;left:0;overflow:hidden;overflow-y:auto}.userContent.myPage .myPageContent{background:none}.userContent.myPage header{color:#fff}.myPageContent .myPageBox,.orderContent .myPageBox,.packageContent .myPageBox{background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(23,129,224,.1);box-shadow:0 0 20px 0 rgba(23,129,224,.1);border-radius:4px;width:100%;padding:0 15px;text-align:left;margin-bottom:10px}.myPageContent .myPageBox .appUserInfo{width:100%;height:88px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.myPageContent .myPageBox .appUserInfo>div{display:inline-block;height:100%;width:100%;padding-top:15px}.myPageContent .myPageBox .appUserInfo>div.appUserInfoHeader{text-align:center}.myPageContent .myPageBox .appUserInfo>div>img{width:72px}.myPageContent .myPageBox .balanceInfo{width:100%;height:60px;background-size:100% 100%;position:relative;margin-bottom:30px}.myPageContent .myPageBox .balanceInfo .balanceInfo_top{height:80px;text-align:center;padding-top:12px}.myPageContent .myPageBox .balanceInfo .balanceInfo_top p{font-size:14px;color:#a1adb8}.myPageContent .myPageBox .balanceInfo span{display:inline-block;width:49%;line-height:30px;text-align:center}.myPageContent .myPageBox .balanceInfo span p:first-child{color:#9aabbd;font-size:1em;margin-bottom:0}.myPageContent .myPageBox .balanceInfo span p:last-child{color:#ec3a4e;font-size:1.3em}.myPageContent .myPageBox .balanceInfo .goRechargeBtn{width:160px;height:40px;line-height:40px;background-size:100% 100%;border-radius:40px;color:#fff;text-align:center;margin-top:15px;-webkit-box-shadow:0 4px 10px 0 rgba(0,122,255,.3);box-shadow:0 4px 10px 0 rgba(0,122,255,.3);position:absolute;left:50%;margin-left:-80px;bottom:-20px;z-index:2}.myPageContent .myPageBox ul,.myPageContent .myPageBox ul>li{width:100%}.myPageContent .myPageBox ul>li{width:100%;height:60px;line-height:60px;border-bottom:2px solid #f5f5f5;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.myPageContent .myPageBox ul>li:last-child{border-bottom:none}.myPageContent .myPageBox ul>li span.nameInfo{color:#262626;margin-left:10px}.myPageContent .myPageBox ul>li span.valueInfo{display:inline-block;color:#d0d6e6;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.myPageContent .myPageBox ul>li a,.packageContent .myPageBox ul>li a{display:inline-block;width:100%;height:100%}.myPageContent .myPageBox ul>li img,.packageContent .myPageBox ul>li img{width:22px;height:22px;position:relative;top:18px}.myPageContent .myPageBox ul>li>a img,.packageContent .myPageBox ul>li>a img{top:5px}.packageContent .myPageBox h3{line-height:50px}.packageContent .myPageBox h3>i{position:relative;display:inline-block;background:#cb3246;width:3px;height:20px;top:2px;margin-right:15px}.packageContent .myPageBox ul{width:100%;padding:0 15px;border-bottom:1px dotted #d0d6e6;padding-bottom:15px;margin-bottom:15px}.packageContent .myPageBox ul>li{width:100%;height:40px;line-height:40px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.packageContent .myPageBox ul:last-child{border-bottom:none}.packageContent .myPageBox ul>li span.nameInfo{color:#9aabbd;margin-left:10px}.packageContent .myPageBox ul>li span.valueInfo{display:inline-block;color:#333;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.packageContent .myPageBox h3>span.title_right{float:right;color:#9aabbd;text-align:right;font-size:14px;font-weight:400}.packageContent .myPageBox h3>span.title_right b{color:#ec3a4e;font-weight:400}.packageContent .payFooter b{font-size:16px;font-weight:400}.packageContent .payFooter{width:100%;line-height:30px;color:#9aabbd;text-align:right;font-size:14px;font-weight:400;padding-right:20px}.orderContent .myPageBox ul{width:100%;color:#333}.orderContent .myPageBox ul>li{width:100%;height:auto;line-height:30px;border-bottom:1px solid #f5f5f5;font-size:14px;color:#171f24;padding:10px 0}.orderContent .myPageBox ul>li:last-child{border-bottom:none}.orderContent .myPageBox ul>li span.orderId{margin-left:10px}.orderContent .myPageBox ul>li span.orderStatue{float:right;color:#9aabbd}.orderContent .myPageBox ul>li span.orderTime{font-size:12px;color:#aab2b7}.orderContent .myPageBox ul>li span.orderMoney{font-size:16px;color:#333}.orderContent .myPageBox ul>li p{color:#9aabbd;font-size:12px;padding-left:10px}.orderContent .myPageBox ul>li a{display:inline-block;width:49%;height:100%;line-height:40px;text-align:center;color:#cb3246}.orderContent .myPageBox ul>li a:first-child{border-right:2px solid #f5f6fa}.orderContent .orderDetail{width:100%;min-height:100%;background:#fff;border-radius:4px;padding:20px}.orderContent .orderDetail h2{font-size:16px;color:#333;margin-top:15px;margin-bottom:15px}.orderContent .orderDetail p{line-height:48px;padding-top:0;text-align:center;font-size:1.5em;font-weight:700}.myPageBox .gnList,.orderContent .orderDetail .gnList{width:100%;height:auto;padding-left:20px;padding-right:20px;margin-top:30px}.myPageBox .gnList{padding-left:0;padding-right:0}.myPageBox .gnList ul,.orderContent .orderDetail .gnList ul{width:100%;height:100%;text-align:left;overflow:hidden;overflow-y:auto}.myPageBox .gnList ul li,.orderContent .orderDetail .gnList ul li{width:100%}.myPageBox .gnList ul>li,.orderContent .orderDetail .gnList ul>li{width:100%;height:40px;line-height:40px;border-bottom:2px solid #f5f5f5;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.myPageBox .gnList ul>li span:first-child,.orderContent .orderDetail .gnList ul>li span:first-child{display:inline-block;width:100px;color:#9aabbd}.myPageBox .gnList ul>li span:last-child,.orderContent .orderDetail .gnList ul>li span:last-child{display:inline-block;color:#262626;text-align:right;border-bottom:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.rechargeBox{width:100%;height:80px;border-bottom:1px dotted #d0d6e6;font-size:1.5em;padding:0 20px}.rechargeBox input{width:80%;font-size:2em;border:none}.rechargeBox input::-webkit-input-placeholder{font-size:20px}.rechargeBox input:-moz-placeholder,.rechargeBox input::-moz-placeholder{font-size:20px}.rechargeBox input:-ms-input-placeholder{font-size:20px}.ivu-modal-confirm-footer{text-align:center}.ivu-modal-confirm-footer>button{height:30px}.ivu-modal-confirm-footer>button:first-child{border:1px solid #cb3246;color:#cb3246}.ivu-modal-confirm-footer>button.ivu-btn-primary{margin-top:0;color:#fff}.ivu-btn-large{padding:6px 20px}.demo-spin-icon-load{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}@-webkit-keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dataNull{height:100%;position:relative}.dataNull>img{position:absolute;top:40%;left:50%;margin-left:-66px;margin-top:-60px}.mint-actionsheet-button,.mint-actionsheet-listitem{color:#cb3246;font-size:1em}.orderStatusContent,.orderStatusContent .orderStatusBox{width:100%;height:100%}.orderStatusContent .orderStatusBox .orderStatus_top{width:100%;height:50%;color:#fff;padding-top:16%;min-height:300px}.orderStatusContent .orderStatusBox .orderStatus_top.errorOrder,.orderStatusContent .orderStatusBox .orderStatus_top.successOrder{background-size:100% 100%}.orderStatusContent .orderStatusBox .orderStatus_top h2{font-size:24px;font-weight:400;margin:10px auto;letter-spacing:3px}.orderStatusContent .orderStatusBox .orderStatus_top img{width:80px}.orderStatusContent .orderStatusBox ul,.orderStatusContent .orderStatusBox ul li{width:100%;text-align:left;padding:0 20px;font-size:15px;color:#171f24}.orderStatusContent .orderStatusBox ul li{padding:0;line-height:40px;border-bottom:1px dotted #d0d6e6}.orderStatusContent .orderStatusBox ul li span.span_right{float:right;text-align:right}.orderStatusContent .orderStatusBox .orderStatus_bottom,.userContent .orderStatus_bottom{position:fixed;bottom:0;width:100%;background:#fff;height:40px;line-height:40px;font-size:15px;color:#cb3246;-webkit-box-shadow:0 0 10px 0 rgba(23,129,224,.1);box-shadow:0 0 10px 0 rgba(23,129,224,.1)}.orderStatusContent .orderStatusBox .orderStatus_bottom>span,.userContent .orderStatus_bottom>span{display:inline-block;width:49%}.orderStatusContent .orderStatusBox .orderStatus_bottom>span.cancelOrder,.userContent .orderStatus_bottom>span.cancelOrder{border-right:1px solid #e8ecef}@media only screen and (max-width:540px){.userContent form{padding:0 20px}}.nameInfo>i{font-size:12px}