html,body{
    background: #FFFFFF;
}

.mui-bar-nav{
    background: #CEE5FF;
}

.page-container{
    background-image: url("/h5/static/main-bg.png");
    background-color: #FFFFFF;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.main-header{
	padding: .66rem .32rem .38rem;
}
.main-header .user-view{
    display: flex;
    
}
.main-header .user-view .avatar{
    width: .98rem;
    height: .98rem;
    margin-right: .16rem;
    border-radius: .24rem;
}
.main-header .user-view .info{
    flex: 1;
}
.main-header .user-view .info .account{
    font-weight: 800;
    font-size: .38rem;
    color: #333333;
    line-height: .54rem;
}
.main-header .user-view .info .label{
    margin-top: .06rem;
    font-weight: 500;
    font-size: .26rem;
    color: #727272;
    line-height: .36rem;
    
}
.main-header .user-view .info .label.gap{
    margin: 0 .12rem;
}

.main-header .edit-pwd{
    margin-top: .3rem;
    padding: .12rem .24rem .12rem .3rem;
    display: inline-flex;
    align-items: center;
    background: #2B4FB7;
    border-radius: 100px;
    opacity: 0.33;

    font-weight: 500;
    font-size: .26rem;
    color: #FFFFFF;
    line-height: .38rem;
}
.main-header .edit-pwd .text{
    margin-left: .08rem;
    margin-right: .14rem;
}
.main-header .edit-pwd .edit{
    width: .32rem;
    height: .32rem;
}
.main-header .edit-pwd .right{
    width: .13rem;
    height: .25rem;
}

.page-main{
	padding: 0 .32rem;
}
.main-row{
	display: flex;
	justify-content: space-between;
    gap: .5rem;
}

.main-item{
	box-sizing: border-box;
	border-radius: .32rem;
	margin-bottom: .24rem;
	
}
.main-item .icon{
    width: 1.12rem;
    height: 1.12rem;
    margin-bottom: .24rem;
}
.main-item .text{
    font-weight: 500;
    font-size: .36rem;
    color: #FFFFFF;
    line-height: .5rem;
}


.main-item.col{
    flex: 1;
    height: 2.66rem;
    padding: .36rem .28rem 0;
}
/* .main-item.row{
    width: 100%;
    padding: 22px 14px 0;
} */
.main-item.row{
    width: 6.86rem;
    height: 2.50rem;
    padding: .44rem .28rem 0;
}
.main-item.qrcode{
	background: linear-gradient( 180deg, #2672FB 0%, #5691FC 100%);
    background-color: #456FFE;
	background-image: url("/h5/static/image/qrcode-bg.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.main-item.examine{
	background: linear-gradient( 180deg, #2672FB 0%, #5691FC 100%);
    background-color: #FFA90C;
	background-image: url("/h5/static/image/examine-bg.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.main-item.accept{
	background: linear-gradient( 180deg, #2672FB 0%, #5691FC 100%);
    background-color: #A680F9;
	background-image: url("/h5/static/image/accept-bg.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.main-item.aftersales{
	background: linear-gradient( 180deg, #2672FB 0%, #5691FC 100%);
    background-color: #F68438;
	background-image: url("/h5/static/image/aftersales-bg.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.login-btn{
    width: 5.72rem;
    height: 0.9rem;
    display: block;
    margin: 1.2rem auto 0;
    border-radius: 1rem;
    background: #F6F5F7 !important;

    font-weight: 500;
    font-size: .32rem;
    color: #919199;
    line-height: .48rem;
    }