.user_info_wrapper,.card{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 0 0 0;
    width: 100%;
    justify-content: flex-start;
    color: rgb(104,104,104);
    /*padding-bottom: 7px;*/
    /*border-bottom: 1px dashed lightgray;*/
}
.user_info_wrapper{
    position: relative;
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px solid rgb(104,104,104);*/
}
#idImgWrapper{
    position: absolute;
    left: 15px;
    top: 15px;
    width: 100px;
    height: 100px;
    opacity: 0.2;
}
#idImgWrapper:hover{
    opacity: 0.6;
    cursor: pointer;
}
#idImg{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 130px;
    height: 130px;
    outline: 1px solid lightgrey;
    border-radius: 65px;
    overflow: hidden;
}
#idImg img{
    display: block;
    width: 130px;
    height: 130px;
    object-fit: cover;
}
#activity_graph svg{
    width: 850px;
}
#id_info{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
#id_info input{
    width: 550px;
    font-size: 16px;
    font-family: "sans-serif thinner";
    background: none;
    border-bottom: 1px solid rgb(206,206,206);
}
#id_info input.user_info_id{
    display: none;
}
#id_info input.user_name{
    height: 34px;
    line-height: 34px;
    font-size: 24px;
}
#id_info input.motto{
    height: 34px;
}
.browseData{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: end;
    font-family: "sans-serif thinner";
}
.browseData .toFollow{
    /*padding: 0 15px;*/
    /*outline: 1px solid lightgrey;*/
    border-radius: 15px;
    width: 75px;
    background: orangered;
    color: white;
    opacity: 1;
    height: 22.5px;
}
.browseData .toFollow::before{
    content: "+ ";
}
.browseData .toFollow:hover{
    opacity: 0.8;
}
.browseData .toFollow.approved{
    background: none;
    background: orangered;
    /*background: #5ea854;*/
}
.browseData .toFollow.approved::before{
    content: "已";
}
.browseData .follow_list{
    margin-top: 15px;
    width: 75px;
    cursor: pointer;
    /*text-decoration: underline;*/
}
.browseData .follow_list:hover{
    color: #0f0f0f;
}
.browseData .viewed{
    margin-right: 5px;
}
.user_info_wrapper .id_img{
    opacity: 0.75;
}
.id_img img,.id_img svg,.comment img,.myTrace .build img{
    display: block;
    width: 130px;
    height: 130px;
    object-fit: cover;
}
.card.gallery_wrap{
    height: auto !important;
}
.gallery_wrap.collected{
    margin-right: 14.66px;
    height: 130px;
}
.gallery_wrap.collected:nth-child(4n){
    margin-right: 0;
}
.gallery_wrap.collected:hover{
    background: none;
}
.gallery_wrap .gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 508px;
}
.gallery_wrap a:hover{
    background: none;
}
.gallery_wrap img{
    cursor: pointer;
    display: block;
    width: 114px;
    height: 114px;
    object-fit: cover;
    margin-top: 14px;
    border: 1px solid lightgray;
}
.gallery_wrap .gallery i{
    width: 116px;
    height: 0;
}
/*.centerBox .case_img img{*/
/*    display: block;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    object-fit: cover;*/
/*}*/
.cards_wrap img{
    margin: 0 14px 13px 0;
}
.cards_wrap a:last-child img{
    margin-right: 0;
}
.myTrace .build img{
    cursor: pointer;
}
.id_img_wrapper .avatar{
    display: block;
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 65px;
    outline: 0.5px solid lightgrey;
}
ul.user_info{
    font-size: 15px;
    padding-left: 14px;
    width: 556px;
    position: relative;
}
ul.user_info li{
    margin-bottom: 5px;
}
.user_info .user_name{
    font-size: 24px;
    margin-bottom: 0;
}
.user_info .alterInfo{
    display: flex;
    align-items: center;
}
.user_info .editInfo{
    display: inline-block;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMC4wMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTc2OCA4MTAuNjY2NjY3di0yOTguNjY2NjY3YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDEgODUuMzMzMzMzIDB2MzQxLjMzMzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAxLTQyLjY2NjY2NiA0Mi42NjY2NjdIMTcwLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAxLTQyLjY2NjY2Ny00Mi42NjY2NjdWMjEzLjMzMzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAxIDQyLjY2NjY2Ny00Mi42NjY2NjZoMzQxLjMzMzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAxIDAgODUuMzMzMzMzSDIxMy4zMzMzMzN2NTU0LjY2NjY2N2g1NTQuNjY2NjY3eiBtNTUuMTY4LTY3MC4xNjUzMzRhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMSA2MC4zMzA2NjcgNjAuMzMwNjY3bC00MDUuODg4IDQwNS44ODhhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMS02MC4zMzA2NjctNjAuMzMwNjY3bDQwNS44ODgtNDA1Ljg4OHoiIC8+PC9zdmc+") no-repeat bottom;
    width: 20px;
    height: 20px;
    background-size: 20px;
    cursor: pointer;
    margin-left: 10px;
    opacity: 0.3;
}
.user_info:hover .user_name .user_name::after{
    opacity: 0.6;
}
/*.id_info .time{*/
/*    font-style: oblique;*/
/*}*/
.id_info .constellation::before,.id_info .city::before,.userCity::before{
    content: "  -  ";
    opacity: 0.5;
}
.id_info .constellation:after{
    content: "座";
}
.id_info .social_links{
    height: 20px;
}
.id_info .social_links a{
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin-right: 10px;
}
.id_info .social_links .db{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDguMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zNjMuNTIgNDE5Ljg0aDMxMC4yNzJ2MTEzLjY2NEgzNjMuNTJ6IiBmaWxsPSIjNEQ0RDREIiAvPjxwYXRoIGQ9Ik01MTIgNTAuMTc2Yy0yNTMuOTUyIDAtNDU4Ljc1MiAyMDQuOC00NTguNzUyIDQ1OC43NTJzMjA0LjggNDU5Ljc3NiA0NTguNzUyIDQ1OS43NzYgNDU4Ljc1Mi0yMDUuODI0IDQ1OC43NTItNDU4Ljc1MlM3NjUuOTUyIDUwLjE3NiA1MTIgNTAuMTc2ek0yNTQuOTc2IDIzOC41OTJoNTI3LjM2djU5LjM5MkgyNTQuOTc2di01OS4zOTJ6TTczNy4yOCAzNjAuNDQ4djIzMi40NDhIMzAxLjA1NlYzNjAuNDQ4SDczNy4yOHogbTYwLjQxNiA0MjQuOTZIMjM5LjYxNlY3MjcuMDRoMTYyLjgxNmMtMTUuMzYtMzEuNzQ0LTMzLjc5Mi02NS41MzYtNTguMzY4LTEwMS4zNzZsNTguMzY4LTIzLjU1MmMyMy41NTIgMzMuNzkyIDQ0LjAzMiA3NS43NzYgNjIuNDY0IDEyMy45MDRoMTA5LjU2OGMyMS41MDQtMzYuODY0IDQwLjk2LTc4Ljg0OCA1Ny4zNDQtMTIzLjkwNGw2My40ODggMjMuNTUyYy0xNi4zODQgMzguOTEyLTMzLjc5MiA3Mi43MDQtNTMuMjQ4IDEwMS4zNzZoMTU1LjY0OHY1OC4zNjh6IiBmaWxsPSIjNEQ0RDREIiAvPjwvc3ZnPg==");
    background-size: 20px;
}
.id_info .social_links .xhs{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDguMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDI0IDUxMmMwIDI4MS42LTIzMC40IDUxMi01MTIgNTEyUzAgNzkzLjYgMCA1MTIgMjMwLjQgMCA1MTIgMHM1MTIgMjMwLjQgNTEyIDUxMnoiIGZpbGw9IiM0ODQ4NDgiIC8+PHBhdGggZD0iTTUxMiAwQzIzMC40IDAgMCAyMzAuNCAwIDUxMnMyMzAuNCA1MTIgNTEyIDUxMiA1MTItMjMwLjQgNTEyLTUxMlM3OTMuNiAwIDUxMiAweiBtMCA5OTguNEMyNDMuMiA5OTguNCAyNS42IDc4MC44IDI1LjYgNTEyUzI0My4yIDI1LjYgNTEyIDI1LjZzNDg2LjQgMjE3LjYgNDg2LjQgNDg2LjQtMjE3LjYgNDg2LjQtNDg2LjQgNDg2LjR6IiBmaWxsPSIjZmZmZmZmIiAvPjxwYXRoIGQ9Ik03NTcuNzYgNDk0LjA4Yy01LjEyIDAtNy42OCAwLTEyLjgtMi41NnYtMi41Ni0yMy4wNGMwLTIwLjQ4LTEwLjI0LTMzLjI4LTMwLjcyLTM4LjQtNy42OC0yLjU2LTEyLjgtMi41Ni0yMC40OC0yLjU2LTIuNTYgMC0yLjU2IDAtMi41Ni0yLjU2di01LjEyYzAtMi41NiAwLTIuNTYtMi41Ni0yLjU2aC0zMC43MmMtMi41NiAwLTIuNTYgMC0yLjU2IDIuNTZ2MTAuMjRoLTI1LjZWNDYwLjhjMCAyLjU2IDAgNS4xMiA1LjEyIDUuMTJoMjAuNDh2MzAuNzJoLTMzLjI4Yy0yLjU2IDAtMi41NiAwLTIuNTYgMi41NnYzMC43MmMwIDIuNTYgMCA1LjEyIDIuNTYgMi41NmgzMy4yOFY2MDYuNzJjMCA1LjEyIDAgNS4xMiA1LjEyIDUuMTJoMjguMTZjMi41NiAwIDUuMTIgMCA1LjEyLTUuMTJWNTM3LjZ2LTUuMTJINzQyLjRjNy42OCAwIDEwLjI0IDUuMTIgMTIuOCAxMi44VjU4MS4xMmgtMzMuMjhjLTIuNTYgMC0yLjU2IDAtMi41NiAyLjU2IDIuNTYgMTIuOCAxMC4yNCAyMy4wNCAyMy4wNCAyNS42IDcuNjggMi41NiAxNy45MiAyLjU2IDI1LjYgMCAxNS4zNi0yLjU2IDIzLjA0LTE1LjM2IDI1LjYtMjguMTZ2LTUzLjc2Yy03LjY4LTE3LjkyLTE3LjkyLTMwLjcyLTM1Ljg0LTMzLjI4eiBtLTY2LjU2LTIuNTZWNDYwLjhoMTIuOGMyLjU2IDAgNS4xMiAyLjU2IDUuMTIgNS4xMnYyNS42SDY5MS4yek02MTQuNCA1NzMuNDRINTgzLjY4di0xMTAuMDhoMjAuNDhjMi41NiAwIDUuMTIgMCAyLjU2LTIuNTZ2LTI4LjE2YzAtMi41NiAwLTUuMTItNS4xMi01LjEyaC04MS45MlY0NjAuOGMwIDIuNTYgMCAyLjU2IDIuNTYgMi41NmgxNy45MmMyLjU2IDAgNS4xMiAwIDUuMTIgNS4xMnYxMDcuNTJINTEyYy0yLjU2IDAtNS4xMiAwLTUuMTIgMi41Ni0yLjU2IDUuMTItNS4xMiAxMC4yNC03LjY4IDE3LjkybC03LjY4IDE1LjM2SDYxNi45NmMyLjU2IDAgMi41NiAwIDIuNTYtMi41NnYtMzAuNzJjLTIuNTYtNS4xMi0yLjU2LTUuMTItNS4xMi01LjEyek0zNDAuNDggNDE0LjcyaC0yOC4xNmMtMi41NiAwLTUuMTIgMC01LjEyIDUuMTJ2MTYxLjI4aC0yMy4wNHYyLjU2YzAgMTUuMzYgMTAuMjQgMjguMTYgMjUuNiAyOC4xNiAxNy45MiAyLjU2IDMwLjcyLTUuMTIgMzMuMjgtMjMuMDQgMC0yLjU2IDIuNTYtNS4xMiAyLjU2LTEwLjI0di0xNjEuMjhjLTIuNTYtMi41Ni0yLjU2LTIuNTYtNS4xMi0yLjU2ek00MzIuNjQgNDk5LjJjMi41NiAwIDUuMTIgMCAxMC4yNCAyLjU2aDE1LjM2Yy0yLjU2IDIuNTYtMi41NiA3LjY4LTUuMTIgMTAuMjQtNS4xMiA3LjY4LTcuNjggMTUuMzYtMTIuOCAyNS42IDAgMi41Ni0yLjU2IDUuMTItMi41NiA3LjY4LTUuMTIgMTIuOCAwIDIwLjQ4IDEyLjggMjAuNDhoMzMuMjhzMi41NiAwIDIuNTYtMi41NmM1LjEyLTcuNjggNy42OC0xNS4zNiAxMi44LTI1LjYgMCAwIDAtMi41NiAyLjU2LTUuMTJINDg2LjRjLTcuNjggMC03LjY4LTIuNTYtNS4xMi03LjY4IDEwLjI0LTE3LjkyIDE3LjkyLTM1Ljg0IDI4LjE2LTUzLjc2IDAgMCAwLTIuNTYgMi41Ni01LjEyaC0zMC43MmMtNS4xMiAwLTcuNjggMC0xMC4yNCA1LjEyLTIuNTYtMi41Ni01LjEyLTIuNTYtMi41Ni03LjY4IDcuNjgtMTUuMzYgMTUuMzYtMjguMTYgMjMuMDQtNDMuNTIgMCAwIDAtMi41NiAyLjU2LTUuMTJoLTM1Ljg0bC0yLjU2IDIuNTZjLTcuNjggMTUuMzYtMTUuMzYgMzAuNzItMjMuMDQgNDguNjQtMi41NiA1LjEyLTUuMTIgMTIuOC03LjY4IDE3LjkyLTIuNTYgNS4xMiAyLjU2IDEyLjggNy42OCAxNS4zNnpNMjQ4LjMyIDQ2My4zNmMtMi41NiAwLTUuMTIgMC01LjEyIDUuMTItMi41NiAyMC40OC0yLjU2IDQwLjk2LTUuMTIgNjEuNDQgMCA3LjY4IDAgMTUuMzYtNS4xMiAyMy4wNHYyLjU2YzUuMTIgMTIuOCAxMi44IDIzLjA0IDE3LjkyIDM1Ljg0IDAgMCAwIDIuNTYgMi41NiAyLjU2IDAtMi41NiAyLjU2LTIuNTYgMi41Ni01LjEyIDEwLjI0LTE1LjM2IDE1LjM2LTMwLjcyIDE3LjkyLTQ4LjY0IDIuNTYtMTUuMzYgMi41Ni0zMy4yOCA1LjEyLTQ4LjY0IDAtMTAuMjQgMi41Ni0xNy45MiAyLjU2LTI4LjE2SDI0OC4zMnpNNDE0LjcyIDU1MC40YzAtNS4xMi0yLjU2LTEwLjI0LTIuNTYtMTIuOC0yLjU2LTIzLjA0LTIuNTYtNDYuMDgtNS4xMi02OS4xMiAwLTIuNTYgMC0yLjU2LTIuNTYtMi41NmgtMzMuMjh2Mi41NmMyLjU2IDIwLjQ4IDIuNTYgNDMuNTIgNS4xMiA2NCAyLjU2IDE3LjkyIDUuMTIgMzguNCAxNS4zNiA1My43NiAyLjU2IDIuNTYgMi41NiA1LjEyIDUuMTIgMTAuMjQgNy42OC0xMi44IDEyLjgtMjUuNiAyMC40OC0zOC40LTIuNTYtNS4xMi0yLjU2LTcuNjgtMi41Ni03LjY4ek00ODMuODQgNTczLjQ0aC0zMC43MmMtNS4xMiAwLTEwLjI0IDAtMTcuOTItMi41Ni0yLjU2IDAtMi41NiAwLTUuMTIgMi41Ni01LjEyIDEwLjI0LTEwLjI0IDE3LjkyLTE1LjM2IDI4LjE2IDAgMi41Ni0yLjU2IDUuMTItNS4xMiA3LjY4IDUuMTIgMCAxMC4yNCAyLjU2IDEyLjggMi41Nkg0NjAuOGMyLjU2IDAgNS4xMiAwIDUuMTItMi41NmwxNS4zNi0zMC43MnYtMi41NmM1LjEyLTIuNTYgNS4xMi0yLjU2IDIuNTYtMi41NnoiIGZpbGw9IiNmZmZmZmYiIC8+PHBhdGggZD0iTTc3MC41NiA0MjQuOTZjLTEwLjI0IDAtMTcuOTIgNy42OC0xNy45MiAxNy45MnYxNS4zNmMwIDIuNTYgMCAyLjU2IDIuNTYgMi41NmgxNS4zNmMxMC4yNCAwIDE3LjkyLTcuNjggMTcuOTItMTcuOTIgMC03LjY4LTEwLjI0LTE3LjkyLTE3LjkyLTE3LjkyeiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
    background-size: 20px;
}
.id_info .social_links .gzh{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDguMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05ODEuMzMzMzMzIDYyNS4wNjY2NjdDOTgxLjMzMzMzMyA0OTAuNjY2NjY3IDg0OS4wNjY2NjcgMzg0IDY5OS43MzMzMzMgMzg0Yy0xNTcuODY2NjY3IDAtMjgxLjYgMTA2LjY2NjY2Ny0yODEuNiAyNDEuMDY2NjY3IDAgMTMyLjI2NjY2NyAxMjMuNzMzMzMzIDI0MS4wNjY2NjcgMjgxLjYgMjQxLjA2NjY2NiAzNC4xMzMzMzMgMCA2OC4yNjY2NjctOC41MzMzMzMgOTguMTMzMzM0LTE3LjA2NjY2Nmw4OS42IDUxLjItMjEuMzMzMzM0LTgxLjA2NjY2N2M2OC4yNjY2NjctNTMuMzMzMzMzIDExNS4yLTExNy4zMzMzMzMgMTE1LjItMTk0LjEzMzMzM3ogbS0zNjYuOTMzMzMzLTM2LjI2NjY2N2MtMjEuMzMzMzMzIDAtMzguNC0xNy4wNjY2NjctMzguNC0zOC40czE3LjA2NjY2Ny0zOC40IDM4LjQtMzguNCAzOC40IDE3LjA2NjY2NyAzOC40IDM4LjQtMTkuMiAzOC40LTM4LjQgMzguNHogbTE4My40NjY2NjcgMGMtMjEuMzMzMzMzIDAtMzguNC0xNy4wNjY2NjctMzguNC0zOC40czE3LjA2NjY2Ny0zOC40IDM4LjQtMzguNCAzOC40IDE3LjA2NjY2NyAzOC40IDM4LjQtMTcuMDY2NjY3IDM4LjQtMzguNCAzOC40eiIgZmlsbD0iIzUxNTE1MSIgLz48cGF0aCBkPSJNMzc1LjQ2NjY2NyAxMjUuODY2NjY3QzE5MiAxMjUuODY2NjY3IDQyLjY2NjY2NyAyNTEuNzMzMzMzIDQyLjY2NjY2NyA0MDkuNmMwIDg5LjYgNTEuMiAxNjguNTMzMzMzIDEzMi4yNjY2NjYgMjI4LjI2NjY2N2wtMzQuMTMzMzMzIDk4LjEzMzMzMyAxMTUuMi01OS43MzMzMzNjNDIuNjY2NjY3IDguNTMzMzMzIDc2LjggMTcuMDY2NjY3IDExNS4yIDE3LjA2NjY2Nkg0MDUuMzMzMzMzYy02LjQtMjEuMzMzMzMzLTguNTMzMzMzLTM4LjQtOC41MzMzMzMtNjQgMC0xNDcuMiAxMjMuNzMzMzMzLTI2Mi40IDI4MS42LTI2Ni42NjY2NjZoMzQuMTMzMzMzYy0yOS44NjY2NjctMTM0LjQtMTcwLjY2NjY2Ny0yMzYuOC0zMzcuMDY2NjY2LTIzNi44eiBtLTExMC45MzMzMzQgMjQxLjA2NjY2NmMtMjUuNiAwLTQ2LjkzMzMzMy0yMS4zMzMzMzMtNDYuOTMzMzMzLTQ2LjkzMzMzMyAwLTI1LjYgMjEuMzMzMzMzLTQ2LjkzMzMzMyA0Ni45MzMzMzMtNDYuOTMzMzMzIDI1LjYgMCA0Ni45MzMzMzMgMjEuMzMzMzMzIDQ2LjkzMzMzNCA0Ni45MzMzMzMgMCAyNS42LTIxLjMzMzMzMyA0Ni45MzMzMzMtNDYuOTMzMzM0IDQ2LjkzMzMzM3ogbTIzNC42NjY2NjcgMGMtMjUuNiAwLTQ2LjkzMzMzMy0yMS4zMzMzMzMtNDYuOTMzMzMzLTQ2LjkzMzMzMyAwLTI1LjYgMjEuMzMzMzMzLTQ2LjkzMzMzMyA0Ni45MzMzMzMtNDYuOTMzMzMzIDI1LjYgMCA0Ni45MzMzMzMgMjEuMzMzMzMzIDQ2LjkzMzMzMyA0Ni45MzMzMzMgMCAyNS42LTIxLjMzMzMzMyA0Ni45MzMzMzMtNDYuOTMzMzMzIDQ2LjkzMzMzM3oiIGZpbGw9IiM1MTUxNTEiIC8+PC9zdmc+");
    background-size: 20px;
}
.id_info .social_links .blog{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDguMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNC40MTIgNTEyYTQ5Ny41ODggNDk3LjU4OCAwIDEgMCA5OTUuMTc2IDAgNDk3LjU4OCA0OTcuNTg4IDAgMSAwLTk5NS4xNzYgMHoiIGZpbGw9IiMyQzJDMkMiIC8+PHBhdGggZD0iTTM0NC4zMTMgNzg2LjQzOFYyMzcuNTYyaDE3Ny4yMTRjNjIuNDMgMCAxMDkuMjUgMTAuOTIzIDE0MC40NzggMzIuNzU2IDMxLjIxNCAyMS44MzMgNDYuODIxIDU0Ljg4IDQ2LjgyMSA5OS4xMDUgMCAxMy43MjYtMS42MTQgMjcuMDg4LTQuODMgNDAuMTEtMy4yMTYgMTMuMDIyLTguMTkyIDI0Ljk4OS0xNC45MDMgMzUuOTEyLTYuNzI0IDEwLjkyMi0xNS4xMjIgMjAuNTgzLTI1LjE5NSAyOC45ODEtMTAuMDczIDguMzk4LTIxLjk3OSAxNC45NzYtMzUuNjkzIDE5LjczNCAxMy43MTQgMi4yNDUgMjYuODEgNi42NSAzOS4yNjEgMTMuMjI4YTExNi42OTggMTE2LjY5OCAwIDAgMSAzMi43NTYgMjUuNjJjOS4zODEgMTAuNDk4IDE2Ljc5NiAyMi44ODkgMjIuMjU4IDM3LjE2MSA1LjQ2MSAxNC4yNzMgOC4xOTIgMzAuMjMyIDguMTkyIDQ3Ljg3OCAwIDU1Ljk5Ny0xOC43NjMgOTguMDYxLTU2LjI3NiAxMjYuMTkzLTM3LjUyNiAyOC4xMzItOTEuNjkgNDIuMjEtMTYyLjUxNyA0Mi4yMUgzNDQuMzEzeiBtMjU3LjAxLTM5OC45NTZjMC0xMC4zNTMtMS42NzUtMTkuNzM0LTUuMDM2LTI4LjEzMi0zLjM2Mi04LjM5OS04Ljc1LTE1LjUzNS0xNi4xNjYtMjEuNDItNy40MTUtNS44NzUtMTYuOTQyLTEwLjQyNi0yOC41NTctMTMuNjU0LTExLjYyNi0zLjIxNi0yNS42OTItNC44My00Mi4yMS00LjgzSDQ0Ni43OFY0NjQuNzRoNjIuNTc0YzE2Ljc5NyAwIDMxLjAwOS0yLjAyNiA0Mi42MjMtNi4wOTIgMTEuNjE0LTQuMDU0IDIxLjEzLTkuNjYgMjguNTU3LTE2Ljc5NyA3LjQxNS03LjEzNiAxMi43My0xNS4zMjggMTUuOTU5LTI0LjU2NCAzLjIxNi05LjIyMyA0LjgzLTE5LjE2MyA0LjgzLTI5LjgwNnogbS04Mi4zMiAzMTQuNTQ4YzE2LjUxNyAwIDMxLjAwOC0yLjEgNDMuNDYtNi4yOTkgMTIuNDUyLTQuMTk5IDIyLjg4OS0xMC4wMTIgMzEuMjg3LTE3LjQyNyA4LjM5OC03LjQxNiAxNC43NTgtMTYuMTY2IDE5LjEwMy0yNi4yNTEgNC4zMzItMTAuMDczIDYuNTA1LTIwLjg1IDYuNTA1LTMyLjMzMSAwLTIzLjc4Ny04Ljg5Ni00Mi40MTctMjYuNjY0LTU1Ljg1MS0xNy43OC0xMy40MzUtNDUuMDAxLTIwLjE1OS04MS42NzctMjAuMTU5aC02NC4yNVY3MDIuMDNoNzIuMjM2eiIgZmlsbD0iI0ZGRkZGRiIgLz48L3N2Zz4=");
    background-size: 20px;
}
.id_info .social_links a:hover{
    opacity: 1;
}
.user_info_wrapper .motto{
    max-width: 550px;
    height: 44px;
    word-break: break-word;
    overflow: auto;
}
.trace{
    display: flex;
    position: relative;
    width: 130px;
    /*height: 180px;*/
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    color: rgb(189, 189, 189);
    text-align: right;
    padding: 10px;
    /*align-self: flex-end;*/
}
.alterCase{
    display: flex;
    height: 25px;
    justify-content: flex-end;
}
.trace img{
    cursor: pointer;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    /*border: 1px solid black;*/
    opacity: 15%;
}
.trace img:hover{
    opacity: 60%;
}
.trace_wrap .title{
    margin: 30px 0 10px 0;
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px dashed lightgray;*/
}
.trace_wrap .title,.trace_wrap .cards_wrap{
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    width: 850px;
    color: rgb(104,104,104);
}
/*.build .cardsg_wrap a{*/
/*    width: 130px;*/
/*}*/
.trace_wrap i{
    width: 130px;
    height: 0;
}
.cards_wrap a:hover{
    background: none;
}
.cards_wrap.topic .topic_data{
    border-bottom: 1px dashed lightgray;
    padding-bottom: 6px;
}
/* .topic .card_content:hover{
    background-color: rgb(245, 245, 245);
} */
.cards_wrap2 .card{
    margin: 33px 0 33px 0;
}

.card_content{
    margin-left: 14px;
}
.card .interest{
    display: flex;
    justify-content: space-between;
    /*margin-bottom: 13px;*/
}
.card .content{
    overflow: auto;
}
.cards_wrap .card{
    width: 850px;
}
.cards_wrap .card_content{
    width: 706px;
}
/*.cards_wrap2 .card_content .left{*/
/*    width: 300px;*/
/*}*/
.trace_wrap .discussion .card_content{
    padding-bottom: 10px;
    border-bottom: 1px dashed lightgray;
}
.cards_wrap .card .content,.trace_wrap .discussion .left{
    width: 556px;
}
.trace_wrap  .card .weighted{
    color: #686868;
}
.trace_wrap .card .weighted:hover{
    text-decoration: underline;
    color: black;
}
.trace_wrap .discussion .time{
    display: inline-block;
    width: 130px;
    text-align: right;
    font-style: oblique;
    padding-top: 5px;
    color: rgb(170,170,170);
}
/* .topic .left{
    height: 20px;
    overflow:hidden;
} */
.trace_wrap .discussion .right{
    align-self: auto;
}
.cards_wrap2{
    display: flex;
    /*flex-direction: column;*/
    flex-wrap: wrap;
}
.centerBox .cards_wrap2{
    width: 508px;
    /*设置纵向flex布局*/
    align-content: baseline;
}
.cards_wrap2 .card{
    width: 508px;
    height: 130px;
    margin: 20px 0 0 0;
}
.cards_wrap2 .card_content{
    width: 364px;
    height: 130px;
    overflow: auto;
    /*padding-bottom: 3px;*/
    border-bottom: 1px solid lightgray;
}
.cards_wrap2 .card_content p{
    white-space: pre-wrap;
}
.cards_wrap2 .card .content{
    /*width: 214px;*/
    height: 90px;
}
.comment .content{
    height: 90px;
}
/* .topic .content{
    height: 45px;
} */
.trace_wrap .discussion .right{
    /* opacity: 0; */
    width: 120px;
    line-height: 25px;
    height: 25px;
    /*margin-right: 10px;*/
    overflow: visible;
}
.right a img{
    width: 48.5px;
    height: 48.5px;
    object-fit: cover;
    opacity: 1;
}
.right a img:hover{
    opacity: 0.5;
}
/* .card:hover .right{
    opacity: 1;
} */
.right span{
    color: rgb(170,170,170);
    margin-right: 5px;
}
/*弹出面板*/
.list_board_wrap .messageHeader{
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 15px;
}
.list_board_wrap .messageType{
    text-align: center;
    display: flex;
    margin-right: 0;
    justify-content: space-around;
}

.list_board_wrap .messageType a{
    /*margin: 0 42px;*/
    display: inline-block;
    width: 100px;
    margin-right: 0;
}
.cards_wrap2 .messageTitle{
    display: flex;
    justify-content: space-between;
    width: 425px;
    position: relative;
}
.cards_wrap2 .messageTitle .right{
    position: absolute;
    right: -5px;
}
.card .status,.messageTitle .status{
    display: inline-block;
    margin: 0 5px 0 5px;
    opacity: 1;
    width: 12px;
    height: 12px;
    background-size:12px 12px !important ;
    vertical-align: middle;
}
.status.completed{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzIuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MTIgNTEybS01MTIgMGE1MTIgNTEyIDAgMSAwIDEwMjQgMCA1MTIgNTEyIDAgMSAwLTEwMjQgMFoiIGZpbGw9IiM2OWRmNzEiIC8+PC9zdmc+");
}
.status.draft{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzIuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MTIgNTEybS01MTIgMGE1MTIgNTEyIDAgMSAwIDEwMjQgMCA1MTIgNTEyIDAgMSAwLTEwMjQgMFoiIGZpbGw9IiMxN2FiZTMiIC8+PC9zdmc+");
}
.cards_wrap2 .card_content:hover .status.draft,.cards_wrap2 .content_wrap:hover .status.draft{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0QzNTQzMTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNiwwLjFDNy4yLDAuMSwwLjIsNy4yLDAuMiwxNnM3LDE1LjgsMTUuOCwxNS44UzMxLjksMjQuNywzMS45LDE2UzI0LjgsMC4xLDE2LDAuMXoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI2LjksMTguNEw1LjIsMTguNGMtMC45LDAtMS44LTEuMi0xLjgtMi41bDAsMGMwLTEuMywwLjgtMi41LDEuOC0yLjVsMjEuNywwLjFjMC45LDAsMS44LDEuMiwxLjgsMi41bDAsMAoJQzI4LjYsMTcuNCwyNy44LDE4LjUsMjYuOSwxOC40eiIvPgo8L3N2Zz4K");
    cursor: pointer;
}
.status.history{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzIuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MTIgNTEybS01MTIgMGE1MTIgNTEyIDAgMSAwIDEwMjQgMCA1MTIgNTEyIDAgMSAwLTEwMjQgMFoiIGZpbGw9IiNiZmJmYmYiIC8+PC9zdmc+");
}
#activity_graph {
    margin-top: 30px;
}
.loadMore{
    margin: 5px 5px 0 0;
    text-align: right;
    width: 100%;
    font-style: italic;
}

/*关注list*/
.follow_wrap .avatarImg{
    position: initial;
}
.follow_wrap .content_wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}