.FaceInfo{width:100%;background-color:#fff}.FaceInfo-box{width:65%;display:flex;margin:.3rem auto}.FaceInfo-box .FaceInfo-l{width:66%;margin-right:2%;padding:0 .2rem}.FaceInfo-box .FaceInfo-l .box-text{font-size:.14rem;color:#999}.FaceInfo-box .FaceInfo-l .FaceInfo-title{margin:.2rem 0;font-size:.2rem;font-weight:700}.FaceInfo-box .FaceInfo-l .fabuInfo{height:.2rem;line-height:.2rem;margin-bottom:.3rem}.FaceInfo-box .FaceInfo-l .fabuInfo img{width:.3rem;height:.3rem;border-radius:50%;margin-right:.1rem}.FaceInfo-box .FaceInfo-l .fabuInfo .name-time{display:inline-block;font-size:.13rem}.FaceInfo-box .FaceInfo-l .fabuInfo .name-time p:first-child{color:#333}.FaceInfo-box .FaceInfo-l .fabuInfo .name-time p:last-child{color:#999}.FaceInfo-box .FaceInfo-l .FaceInfo-center p{font-size:.14rem;margin:.2rem 0}.FaceInfo-box .FaceInfo-l .FaceInfo-center img{width:100%}.FaceInfo-box .FaceInfo-l .commentOn{margin-top:.5rem}.FaceInfo-box .FaceInfo-l .commentOn .comment-title{font-size:.18rem;font-weight:700;margin-bottom:.1rem}.FaceInfo-box .FaceInfo-l .commentOn .comment-my{display:flex}.FaceInfo-box .FaceInfo-l .commentOn .comment-my img{width:.3rem;height:.3rem;margin-right:.1rem;border-radius:50%;margin-top:.05rem}.FaceInfo-box .FaceInfo-l .commentOn .comment-my .shurukuang{width:100%;height:1.5rem;background-color:#f7f7f7;position:relative}.FaceInfo-box .FaceInfo-l .commentOn .comment-my .shurukuang .el-textarea__inner{border:none;padding:15px 15px;background-color:#f7f7f7}.FaceInfo-box .FaceInfo-l .commentOn .comment-my .shurukuang span{float:right;position:absolute;right:.2rem;bottom:.2rem;font-size:.12rem;padding:.05rem .2rem;border-radius:5px;color:#999;background-color:#d8d8d8}.FaceInfo-box .FaceInfo-l .commentOn .comment-other{margin-top:.4rem}.FaceInfo-box .FaceInfo-l .commentOn .comment-other .comment-item{display:flex;margin-bottom:.3rem}.FaceInfo-box .FaceInfo-l .commentOn .comment-other .comment-item img{width:.3rem;height:.3rem;margin-right:.1rem;border-radius:50%;margin-top:.05rem}.FaceInfo-box .FaceInfo-l .commentOn .comment-other .comment-item p{font-size:.15rem;padding:.04rem 0}.FaceInfo-box .FaceInfo-l .commentOn .comment-other .comment-item p:last-child{font-size:.12rem;color:#999}.FaceInfo-box .FaceInfo-l .commentOn .comment-other .btn{width:6.5rem;height:.6rem;line-height:.6rem;margin-top:.3rem;text-align:center;font-size:.14rem;color:#333;background-color:#f7f7f7;border-radius:5px}.FaceInfo-box .face-r{width:33%}.FaceInfo-box .face-r .r-list{padding:.3rem;border-radius:10px;background-color:#fff}.FaceInfo-box .face-r .r-list .title{color:#333;font-size:.19rem;font-weight:700}.FaceInfo-box .face-r .r-list .r-item{margin-top:.2rem;border-bottom:1px solid #e6e6e6}.FaceInfo-box .face-r .r-list .r-item:last-child{border-bottom:none}.FaceInfo-box .face-r .r-list .r-item p{font-size:.15rem;color:#333;margin-bottom:.1rem}.FaceInfo-box .face-r .r-list .r-item .name-time{padding-bottom:.2rem}.FaceInfo-box .face-r .r-list .r-item .name-time img{width:.15rem;border-radius:50%;vertical-align:middle;margin-right:.1rem}.FaceInfo-box .face-r .r-list .r-item .name-time span{font-size:.14rem}.FaceInfo-box .face-r .r-list .r-item .name-time .time{color:#999;float:right}.comments-my{position:fixed;display:flex;background-color:#fff;width:29%;padding:0 .3rem}.comments-my img{width:.3rem;height:.3rem;margin-right:.1rem;border-radius:50%;margin-top:.05rem}.comments-my .shurukuang{width:100%;height:1.25rem;background-color:#f7f7f7;position:relative}.comments-my .shurukuang .el-textarea__inner{border:none;padding:15px 15px;background-color:#f7f7f7}.comments-my .shurukuang span{float:right;position:absolute;right:.2rem;bottom:.2rem;font-size:.12rem;padding:.05rem .2rem;border-radius:5px;color:#999;background-color:#d8d8d8}.comments-item{display:flex;margin-bottom:.3rem;padding:0 .3rem}.comments-item img{width:.3rem;height:.3rem;margin-right:.1rem;border-radius:50%;margin-top:.05rem}.comments-item p{font-size:.15rem;padding:.04rem 0}.comments-item p:last-child{font-size:.12rem;color:#999}@media only screen and (max-width:767px){.FaceInfo-box{width:100%;padding-top:0}.FaceInfo-box .FaceInfo-l{position:relative;padding:0}.FaceInfo-box .FaceInfo-l .FaceInfo-title{margin:0;padding-top:1.15rem;padding-left:.55rem;padding-bottom:1.35rem;padding-right:.55rem}.FaceInfo-box .FaceInfo-l .fabuInfo{height:2.5rem;padding-left:.55rem;margin-bottom:.75rem;display:flex;justify-content:flex-start;align-items:center}.FaceInfo-box .FaceInfo-l .fabuInfo>img{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:1rem}.FaceInfo-box .FaceInfo-l .fabuInfo .name-time p:first-child{font-size:.7rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#333;line-height:.65rem}.FaceInfo-box .FaceInfo-l .fabuInfo .name-time p:last-child{margin-top:.75rem;font-size:.6rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#999;line-height:.5rem}.FaceInfo-box .FaceInfo-l .business{display:flex;justify-content:flex-start;align-items:center;padding:1.25rem .5rem;background-color:#f6f6f6}.FaceInfo-box .FaceInfo-l .business .logo-box{position:relative;width:4.55rem;height:3.05rem;background:#2f354f;border-radius:.25rem;border:.05rem solid #ebebeb;overflow:hidden;margin-right:.8rem}.FaceInfo-box .FaceInfo-l .business .logo-box .b-label{position:absolute;z-index:10;height:.8rem;padding:0 .15rem;background:#69b365;border-radius:.25rem 0 5px 0;font-size:.5rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#fff;line-height:.8rem;text-shadow:1px 0 1px #034900}.FaceInfo-box .FaceInfo-l .business .logo-box .logo{width:4.45rem;height:2.95rem}.FaceInfo-box .FaceInfo-l .business .b-info{width:calc(100% - 6.3rem)}.FaceInfo-box .FaceInfo-l .business .b-info .name{font-size:.75rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#000;line-height:.6rem;margin-bottom:.25rem}.FaceInfo-box .FaceInfo-l .business .b-info .grade{font-size:.7rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#555;line-height:.85rem;margin-bottom:.4rem}.FaceInfo-box .FaceInfo-l .business .b-info .grade span{display:inline-block;padding:0 .3rem;height:.85rem;background:#d6bbff;border-radius:.15rem;line-height:.85rem;font-size:.65rem;font-weight:500;color:#000;margin-left:.25rem}.FaceInfo-box .FaceInfo-l .business .b-info .desc .desc-item{display:inline-block;font-size:.5rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#878787;line-height:.5rem}.FaceInfo-box .FaceInfo-l .business .b-info .desc .desc-item .fg{margin:0 .15rem;color:#ebebeb}.FaceInfo-box .FaceInfo-l .FaceInfo-center{padding:1.25rem .55rem}}