html,body,.app{height:100%;}
body{font-size:1.4rem;}
.app{max-width: 400px;margin:0 auto;display:flex;flex-direction: column;text-align: center;background:#fff}
header{height:4.8rem;line-height: 44px;display:flex;justify-content: space-between;padding:0 1.5rem;align-items: center;box-shadow: 0 0 5px rgba(0,0,0,0.15);z-index:1;}
header h1{font-size:1.7rem;flex:1;text-align: center;}
header a{color:#1063bf;}
.banner-box{width:100%;height:auto!important;overflow:hidden;background: #fff;}
.banner-box img{width:100%;}
.iconfont{font-size: 2.2rem;}
/* .container-box{flex:1;overflow-y: auto;} */
.container-box{flex:1;}
.login-form{padding:1.5rem 3rem;}
.login-form .mui-input-row{height:4.4rem;line-height: 4.4rem;margin-bottom:0.5rem;display:flex;justify-content: space-between;align-items: center;}
.login-form .mui-input-row label{width:10%;padding:0;padding-right:1.5rem;}
.login-form .mui-input-row label i{font-size:2rem;color:#95c8ff;}
.login-form .mui-input-row label ~ input,.login-form .mui-input-row input, .login-form .mui-input-row label ~ select, .login-form .mui-input-row label ~ textarea{flex:1;font-size:1.6rem;}
.login-form:before,.login-form:after{display:none;}
.login-form .mui-input-row input{padding-left:0;}
.login-form .mui-input-row:after{left:0;}
.glob-btn{width:100%;height:4.4rem;line-height: 4.4rem;background:#106ed5;color:#fff;padding:0;border:0;font-size:1.6rem;margin:2rem auto 0;    box-shadow: 0 0 6px rgba(16,110,213,.3);}
.get-code{display:block;padding:0.5rem 1rem;border:1px solid #f1f1f1;line-height: 1.4;border-radius:3px;color:#fff;background:#4d9aef;font-size: 1.4rem;}
footer{line-height: 4.4rem;text-align: center;font-size: 1.3rem;color:#555;    position: fixed;    bottom: 0;}
footer>a{color:#444}
.dis-code{background:#eee;color:#666;}
::-webkit-input-placeholder{
	color:#bbb;
}
.top-box{display:flex;justify-content: space-between;padding:1.5rem 0;margin:0 2rem;border-bottom:1px solid #eee;}
.top-box h1{font-size: 2.2rem;text-align: left;}
.top-box p{font-size:1.1rem;color:#90999b;font-weight:bold;}
.top-box p span{margin-left:1rem;color:#444;}
.header-img{width:6rem;height:6rem;border-radius:50%;overflow:hidden;border:1px solid #eee;}
.header-img img{width:100%;}
.mine-list{padding:0 2rem;}
.mine-list>li{list-style: none;}
.mine-list>li a{padding:1.3rem 0;display:flex;align-items:center;border-bottom:1px solid #eee;justify-content: space-between}
.mine-list>li a>div{display:flex;align-items:center;color:#343c48;font-size:1.4rem;font-weight:bold;}
.mine-list>li a>div em{display:block;width:2.5rem;line-height:2.5rem;margin-right:0.8rem;color:#1063bf;font-weight:normal;}
.mine-list>li a>div p{margin:0;color:#777}
.mine-list>li a i{display:block;width:1rem;height:1rem;border-top-right-radius:0.2rem;border-top:0.2rem solid #6e798b;border-right:0.2rem solid #6e798b;transform: rotate(45deg);}
.btn-out,.btn-out:hover{color:#4e5d72;border:0.1rem solid #abc5ea;}
.btn-box{padding:1.5rem 3rem 0.5rem;}
.exit-btn{width:100%;height:4.4rem;line-height: 4.4rem;background:#fff;color:#444;padding:0;border-color:#e6e6e6;font-size:1.6rem;box-shadow: 0 0 6px rgba(0,0,0,0.1);}
/*****完善个人信息******/
.form-box{padding:0 2rem;}
.form-box .mui-input-row>label{width:28%;font-size:1.4rem;text-align: left;padding-left:0;color:#777;display:flex;align-items: center;}
.form-box .mui-input-row>label i{font-size:2rem;color:#ff0000;font-weight: bold;padding:0.3rem 0.3rem 0 0;font-style: normal;}
.form-box .mui-input-row{height:4.4rem;line-height: 4.4rem;display: flex;margin:.5rem 0;}
.form-box .mui-input-row:after{left:0;}
.form-box .mui-input-row input[type="text"]{font-size:1.6rem;flex:1}
.radio-box{flex:1;text-align: left;}
.radio-box>label{width:40%;padding-left:0;display:flex;align-items: center;font-size:1.6rem;}
.radio-box>label input[type="radio"]{margin-right:5px;margin-top:-3px;}
.form-box:before,.form-box:after{display:none;}
.tips-box{text-align: left;padding:0 2rem;}
.tips-box dt{font-weight: bold;}
.tips-box dd{margin:0;display:flex;color:#777;padding-left:1rem;font-size:1.4rem;}
.tips-box dd span{padding:0.3rem 0.8rem 0 0;}
.tips-box dd p{color:#777;font-size:1.4rem;}
.text-box{flex:1;text-align: right;font-size:1.6rem;}
.last-row:after{display:none;}
.glob-text{border-top:1px solid #0062CC;display:flex;justify-content: space-between;line-height: 2.5;}
.g-text-box{font-size:1.6rem;font-weight: bold;color:#1063bf}
.picker-box{flex:1;position: relative;}
.picker-box:after{content:'';display:block;width: .7rem;height:.7rem;border-top-right-radius: 0.2rem;border-bottom: 0.2rem solid #6e798b; border-right: 0.2rem solid #6e798b;transform: rotate(
45deg) translateY(-100%);position: absolute;right:1rem;top:50%;}
.picker-box input[type="text"]{padding-left:0;}