/* 手机 */
@media screen and (max-width: 768px) {
    .web-name{font-size: 18px;}
    .web-name-1{display: block;margin-top: 15px;font-size: 16px;}
    .navbar-first{margin: left 10px!important;}
    .web-navbar{font-size: 16px!important}
    .data-top{width: 100%;}
    .user-info .card-title{padding-top: 0.6rem!important;}
    .pagination{width: 100%;flex-wrap: wrap;}
}
/* 电脑 */
@media screen and (min-width: 768px) {
   .navbar-first{margin-left: 3rem!important}
   .data-top{width: 75%;}
   .user-info .card-title{padding-top: 1rem!important;}
   .pagination{position: absolute;}
}
.sex {
    width: 15px;
    height: 15px;
}
.img-index{
    height: 300px;
    margin-right: 8px;
}
.img-meet{
    width: 100%;
}
.img-sao{
    width: 50%;
}
.red{
    color: red;
}
.avatar {
    width: 100%;
    height: 100%;
}
.user-avatar{
    position: absolute;
    left: 30px;
    border-radius:90px;
    width: 90px;
    height: 90px;
    overflow: hidden;
}
.user-info{
    position: absolute;
    left: 140px;
}
.user-header{height: 90px;}
#popover-code{
    width: 250px;
}
#hot_key b{font-weight: normal;color: grey;margin-right: 10px;display:inline-block}