/* pages/personCenter/personCenter.wxss */
page{
    background-image: linear-gradient( #cdf0ff,#F7F9F9 30%);
}
.page{
    margin-top: 180rpx;
}
.nav{
    position: fixed;
    top:0;
    height:290rpx;
    width:750rpx;
}
.nav .title{
    font-size: 36rpx;
    font-weight: 600;
    color: #272B34;
    margin: 106rpx 32rpx 0;
}
.headbox{
    margin:0 32rpx 24rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.headbox .name{
    margin-top: 15rpx;
font-size: 36rpx;
line-height: 54rpx;
font-weight: 550;
color: rgba(0,0,0,0.85);
}
.hospital{
    line-height: 44rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: rgba(0,0,0,0.65);  
}
.van-image--round{
    box-shadow: 0 5rpx 10rpx 0 #ccc;
}

.databox{
    padding:24rpx 0 ;
    margin:0 32rpx;
    display: flex;
    background: #FFFFFF;
   box-shadow: 0rpx 12rpx 28rpx 0rpx rgba(0,0,0,0.03);
   border-radius: 16rpx;
    justify-content: space-around;
}
.datacell{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.datacell .num{
   font-size: 40rpx;
   font-weight: bold;
   color: #333333;
   line-height: 48rpx;
}
.datacell .num.active{
    color: #3881F7;
}
.datacell .name{
    font-size: 28rpx;
    font-weight: 400;
    color: rgba(0,0,0,0.45);
    line-height: 44rpx; 
}
.itembox{
    margin:24rpx 32rpx 0;
    background: #FFFFFF;
    box-shadow: 0rpx 12rpx 28rpx 0rpx rgba(0,0,0,0.03);
    border-radius: 16rpx 
}
.itembox .cell{
    padding:0 24rpx;
}
.cell .row{
    padding:32rpx 0;
    border-bottom: 1rpx solid rgba(0,0,0,0.1);
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.cell:last-child .row{
    border-bottom:none
}
.cell .left{
    display: flex;
    align-items: center;
}
.cell .item{
    width:40rpx;
    height:40rpx;
}
.itembox .left .name{
    font-size: 32rpx;
    margin-left: 12rpx;
font-weight: 400;
color: rgba(0,0,0,0.65);
}
.logout{
    margin:32rpx 32rpx 0;
    height: 88rpx;
    font-size: 32rpx;
font-weight: 400;
color: #FF4D4F;
    background: #FFFFFF;
    border-radius: 8rpx;
    align-items: center;
    display: flex;
    justify-content: center;
}