.personal{min-height:14.666667rem;padding:1.6rem 0 0;background-color:#f6f6f6;position:relative}.personal .head{margin-bottom:.133333rem;padding:0 .533333rem;height:1.466667rem;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#fff;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.personal .head .back{font-size:.373333rem;color:#333;line-height:1.466667rem}.personal .head .back a{display:block;padding-left:.4rem;font-weight:500;color:#333;line-height:1.466667rem;background:url(../images/back.png) no-repeat left center;background-size:.226667rem .413333rem}.personal .head .msg{display:inline-block;width:.8rem;height:.8rem;background:url(../images/p-msg.png) no-repeat center;background-size:contain;vertical-align:middle;position:relative}.personal .head .msg span{padding:.08rem .146667rem;border-radius:50%;background-color:#ff4122;font-size:.213333rem;color:#fff;line-height:1;position:absolute;right:-.213333rem;top:-.18rem}.personal .head .msg span.cur{right:-.346667rem;border-radius:.293333rem}.personal .head .task{display:inline-block;width:.8rem;height:.8rem;background:url(../images/p-task.png) no-repeat center;background-size:contain;vertical-align:middle;margin-left:.32rem}.personal .user{margin-bottom:.266667rem;padding:0 .533333rem;height:2.666667rem;background-color:#fff;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.personal .user .avatar{width:1.706667rem;height:1.706667rem;border-radius:50%;overflow:hidden;background:url(../images/avatar.png) no-repeat center;background-size:contain}.personal .user .avatar img{width:100%;height:100%}.personal .user .info{-webkit-box-flex:1;flex:1;padding:0 .266667rem}.personal .user .info .name{margin-bottom:.133333rem}.personal .user .info .name span{display:inline-block;font-size:.48rem;color:#333;line-height:1.2}.personal .user .info .name img{display:inline-block;max-width:1.173333rem;vertical-align:middle;position:relative;left:.053333rem;top:-.053333rem}.personal .user .info p{font-size:.32rem;color:#999}.personal .user .info p span{color:#009def}.personal .user .edit{width:1.653333rem;padding-right:.367rem;text-align:right;font-size:.266667rem;color:#999;background:url(../images/right.png) no-repeat center right;background-size:.226667rem .413333rem}.personal .user .edit span{font-size:.453333rem;color:#333;line-height:1}.personal .user .edit a{color:#999}.personal .progress{margin-bottom:.266667rem;padding:0 .533333rem;height:1.866667rem;background-color:#fff}.personal .progress .box{padding:.4rem 0 .24rem;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.personal .progress .box img{max-width:1.066667rem}.personal .progress .pro{width:5.066667rem;height:.213333rem;margin:0 .32rem;background-color:#d6d3d3;border-radius:.133333rem;position:relative}.personal .progress .pro .bar{height:100%;background-color:#ffc600;border-radius:.133333rem;position:absolute;left:0;top:0}.personal .progress .pro .dot{display:block;width:.373333rem;height:.373333rem;border-radius:50%;background-color:#ffc600;position:absolute;right:-.133333rem;top:-.08rem}.personal .progress .point{font-size:.32rem;color:#999}.personal .progress .tips{font-size:.32rem;color:#333}.personal .progress .tips em,.personal .progress .tips span{color:#009def}.personal .menu{padding:0 .533333rem;background-color:#fff;margin-bottom:.266667rem}.personal .menu li{height:1.28rem;font-size:.373333rem;color:#666;line-height:1.28rem;border-bottom:1px solid #eee;background:url(../images/ri.png) no-repeat center right;background-size:.16rem .293333rem;position:relative}.personal .menu li a{display:block;color:#666;padding-left:.933333rem}.personal .menu li.menu1 a{background:url(../images/p-m1.png) no-repeat left center;background-size:.666667rem}.personal .menu li.menu2 a{background:url(../images/p-m2.png) no-repeat left center;background-size:.666667rem}.personal .menu li.menu3 a{background:url(../images/p-m3.png) no-repeat left center;background-size:.666667rem}.personal .menu li.menu4 a{background:url(../images/p-m4.png) no-repeat left center;background-size:.666667rem}.personal .menu li.menu5 a{background:url(../images/p-m5.png) no-repeat left center;background-size:.666667rem}.personal .menu li.menu6 a{background:url(../images/p-m6.png) no-repeat left center;background-size:.666667rem}.personal .menu li.menu7 a{background:url(../images/p-m7.png) no-repeat left center;background-size:.666667rem}.personal .logout{height:1.333333rem;font-size:.373333rem;color:#999;line-height:1.333333rem;text-align:center;background-color:#fff}.personal .logout a{color:#999}.personal .logout i{display:inline-block;width:.666667rem;height:.666667rem;background:url(../images/logout.png) no-repeat center right;background-size:.666667rem;vertical-align:middle}