@charset "utf-8";

* {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none
}

@media (max-width:413px) {
    .blog-menu-content-right>p {
        font-size: .32rem !important
    }

    .common-blog-icons {
        font-size: 0 !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
        -webkit-align-items: center
    }

    .common-blog-icons span {
        margin-top: -.08rem;
        margin-right: .2666666666666667rem !important;
        margin-left: .08rem !important
    }

    .common-blog-icons .common-blog-praise+span {
        margin-right: 0rem !important
    }

    .common-blog-eye {
        margin-top: -.15rem !important
    }
}

@media (max-width:768px) {

    #portal_usercenter_6_iblognew_guanzhu2,
    .header-max a,
    .header-menu,
    .header-right,
    .layer,
    .page,
    .personal-center-following-my-following-content p,
    .personal-center-my-collection-switch,
    .side-bar-right,
    .wrapper {
        display: none
    }

    .personal-center-content-nav ul li:nth-child(1),
    .personal-center-content-nav ul li:nth-child(3),
    .personal-center-content-nav ul li:nth-child(6),
    .personal-center-content-nav ul li:nth-child(7),
    .personal-center-content-nav ul li:nth-child(8) {
        display: none
    }

    .personal-center-following-my-following-info span:nth-child(3) {
        display: none
    }

    .blog-menu-content-right .common-blog-icons .author-min-head,
    .blog-menu-content-right .common-blog-icons .sub-content-username,
    .blog-menu-content>a,
    .blog-menu-footer {
        display: none
    }

    .wrapper-main>div:nth-child(1) {
        float: none !important
    }

    .personal-center-top-userinfo {
        height: auto
    }

    .headmenu-slide-down-register {
        height: 16.56rem
    }

    .update-times-how {
        display: block;
        float: left;
        color: #999;
        font-size: .32rem !important;
        margin: .4rem 0rem .4rem 0rem
    }

    #UpData,
    .m-community-header {
        display: block !important
    }

    #UpData img {
        width: 2rem;
        height: 2rem;
        position: relative;
        top: .5333333333333333rem
    }

    .personal-center-top-userinfo {
        background: url(../../images/beijing_02.png);
        background-size: 100% 100%
    }

    .wrapper-top {
        width: 100%;
        height: 1.226666666666667rem;
        background-color: #222;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999
    }

    .header-max {
        width: 100%;
        text-align: center;
        line-height: 1.226666666666667rem;
        color: #fff
    }

    .header-max p {
        position: relative;
        left: -.2666666666666667rem
    }

    .personal-center-top-userinfo {
        width: 100%;
        text-align: center
    }

    .top-userinfo-wrap {
        width: 100%;
        padding: 0rem !important
    }

    .top-userinfo-avatar {
        width: calc(100vw / 5);
        height: calc(100vw / 5);
        float: none;
        border: 0rem;
        margin-top: .7733333333333333rem
    }

    .top-userinfo-content .icon-v-mb-L {
        position: absolute;
        display: inline-block;
        top: .7733333333333333rem;
        margin-top: calc(100vw / 5 - 0.7812394768389434rem);
        margin-left: -0.7812394768389434rem;
        width: 0.7812394768389434rem;
        height: 0.7812394768389434rem;
        min-width: 25px;
        min-height: 25px;
        background: url(../images/identity/mb-25.png) no-repeat center;
        background-size: cover;
    }

    .top-userinfo-content .icon-accredit-mb-L {
        position: absolute;
        display: inline-block;
        top: .7733333333333333rem;
        margin-top: calc(100vw / 5 - 0.7812394768389434rem);
        margin-left: -0.7812394768389434rem;
        width: 0.7812394768389434rem;
        height: 0.7812394768389434rem;
        min-width: 25px;
        min-height: 25px;
        background: url(../images/identity/mobile_accredit_2.png) no-repeat center;
        background-size: cover;
    }

    .top-userinfo-content-right {
        color: #fff;
        padding: .4533333333333333rem 0 0 0
    }

    .top-userinfo-content-right h1 {
        width: 7.1rem;
        margin: 0 auto
    }

    h1 {
        font-size: .4266666666666667rem !important
    }

    .top-userinfo-content-right h1 span {
        color: #fff
    }

    .top-userinfo-content-right .top-userinfo-follow-btn {
        border: 1px solid #e41f2b;
        color: #e41f2b;
        padding: 4px 20px;
        display: inline-block!important;
    }

    .top-userinfo-content-right .top-userinfo-follow-btn:hover {
        color: #fff
    }

    .top-userinfo-following {
        color: #fff;
        margin-top: .4rem
    }

    .top-userinfo-following span {
        border-left: 1px #fff solid
    }

    .top-userinfo-content p {
        color: #fff;
        text-align: left;
        margin: 65px .5066666666666667rem 0rem .5066666666666667rem;
        padding-bottom: .3733333333333333rem;
        word-break: break-all;
        text-indent: 0rem !important
    }

    .top-userinfo-content p span {
        word-break: break-all
    }

    .top-userinfo-content-right p b {
        color: #e41f2b;
        display: none
    }

    .top-userinfo-following a {
        color: #fff
    }

    .main-content,
    .personal-center-content-nav {
        width: 100%;
        margin-top: 0;
        color: #333
    }

    .personal-center-content-nav {
        border-bottom: .2666666666666667rem solid #f6f6f6
    }

    .wrapper-main {
        width: 100%
    }

    .wrapper-main>p {
        width: 100%;
        text-align: center;
        padding: .5333333333333333rem
    }

    .personal-center-content-nav ul {
        display: -webkit-box;
        display: box;
        display: flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        box-pack: justify;
        justify-content: space-around;
        -webkit-justify-content: space-around
    }

    .personal-center-content-nav a {
        color: #333;
        font-size: .4266666666666667rem
    }

    .personal-center-content-nav ul li {
        display: inline-block;
        margin: .1333333333333333rem 0 0 0;
        padding-top: 0;
    }

    .personal-center-content-nav ul li label {
        display: block;
        margin-left: 0;
        padding: 0;
        text-align: center;
        font-size: .3733333333333333rem;
        background-color: #fff
    }

    .pcShow {
        display: none !important
    }

    .list-actived a {
        color: #e41f2b
    }

    .list-actived {
        color: #e41f2b;
        border-bottom: .0533333333333333rem solid #e41f2b
    }

    .personal-center-content-nav li.list-actived label {
        background-color: #fff
    }

    .personal-center-following-my-following-btn:hover {
        background: #fff;
        border-color: #e41e2b;
        color: #e41e2b
    }

    .cancel-follow:hover {
        color: #999 !important;
        border-color: #999 !important;
        background: 0 0
    }

    .personal-center-following-my-following {
        width: 100%
    }

    .container-blog-list-personal-center {
        margin-top: 0rem !important
    }

    .container-blog-list {
        width: 100%;
        margin-top: 0rem !important
    }

    .container-blog-list>p {
        text-align: center;
        padding: .5333333333333333rem
    }

    .blog-menu-header,
    .common-blog-title {
        width: 100% !important
    }

    .common-blog-text,
    .common-blog-title {
        text-overflow: clip;
        -webkit-box-orient: inherit;
        white-space: normal
    }

    .common-blog-title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        max-height: 1.333333333333333rem
    }

    .container-blog-list-software-dev-cloud .common-blog-title,
    .container-blog-list .common-blog-title {
        margin-left: 0rem;
        font-size: .48rem;
        font-weight: 400;
        max-height: 55px
    }

    .blog-menu-header {
        padding-top: .4rem;
    }

    .blog-menu-content-right {
        width: 100% !important;
        font-size: inherit !important;
        margin-top: 0 !important
    }

    .blog-menu-content-right>a {
        float: left;
        display: -webkit-box;
        -webkit-box-orient: inherit;
        -webkit-line-clamp: 3;
        overflow: hidden;
        word-wrap: break-word;
        word-break: break-all;
        width: 100%;
        display: block;
        text-align: justify;
        color: #999;
        overflow: hidden;
        max-height: 63px !important;
        text-overflow: clip !important;
        margin-top: .4rem
    }

    .blog-menu {
        border-bottom: .2666666666666667rem solid #f6f6f6;
        padding: 0 .48rem
    }

    .common-blog-icons {
        float: right;
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
        -webkit-align-items: center;
        margin-bottom: 0rem !important;
        margin: .4rem 0 .5333333333333333rem 0
    }

    .common-blog-icons span {
        cursor: default;
        display: inline-block;
        height: .64rem;
        line-height: .64rem;
        margin-left: .08rem;
        margin-right: .2666666666666667rem !important;
        font-size: .32rem;
        color: #999;
        vertical-align: top
    }

    .common-blog-icons .common-blog-praise+span {
        margin-right: 0rem !important
    }

    .common-blog-text {
        color: #999;
        float: left
    }

    .blog-menu-content-right>p {
        font-size: .3733333333333333rem;
        color: #999
    }

    .personal-center-following-my-following {
        width: 100%;
        padding: .32rem .2666666666666667rem;
        display: -webkit-flex;
        border-bottom: .2666666666666667rem solid #f6f6f6
    }

    .personal-center-following-my-following .icon-v-mb-M {
        position: absolute;
        display: inline-block;
        top: 1.066666666666667rem;
        margin-top: 3px;
        margin-left: -15px;
        width: 0.4rem;
        height: 0.4rem;
        min-width: 15px;
        min-height: 15px;
        background: url(../images/identity/mb-15.png) no-repeat center;
        background-size: cover;
    }

    .personal-center-following-my-following .icon-accredit-mb-M {
        position: absolute;
        display: inline-block;
        top: 1.066666666666667rem;
        margin-top: 3px;
        margin-left: -15px;
        width: 0.4rem;
        height: 0.4rem;
        min-width: 15px;
        min-height: 15px;
        background: url(../images/identity/accredit_1.png) no-repeat center;
        background-size: cover;
    }

    .personal-center-following-my-following-avatar {
        width: 1.066666666666667rem;
        height: 1.066666666666667rem;
        float: left;
        position: relative;
        top: 0;
        left: .2666666666666667rem
    }

    .personal-center-following-my-following h1 {
        width: calc(100vw - 4.533333333333333rem)
    }

    .personal-center-following-my-following-content a {
        color: #666
    }

    .personal-center-following-my-following-info span:nth-child(4) label:after {
        content: "人"
    }

    .personal-center-following-my-following-content {
        float: left;
        position: relative;
        top: 0;
        padding-left: .32rem
    }

    .personal-center-following-my-following-content h1 a {
        color: #333;
        font-size: .3466666666666667rem !important
    }

    .personal-center-following-my-following-info {
        color: #333;
        padding-top: .1333333333333333rem;
        font-size: .32rem !important
    }

    .personal-center-following-my-following-btn {
        float: right;
        color: #e41f2b;
        border: 1px solid #e41f2b;
        padding: .0533333333333333rem .1333333333333333rem;
        text-align: center;
        min-width: 1.6rem;
        position: absolute;
        top: 34%;
        right: .48rem
    }

    .page-customize {
        padding: 0rem !important
    }

    .m-community-header {
        position: fixed
    }

    .nav_fixed {
        position: fixed;
        background: #fff;
        top: 1.226666666666667rem;
        width: 100%;
        padding: .08rem 0rem 0rem 0rem;
        z-index: 10005;
        line-height: .5866666666666667rem;
        left: 0;
        height: 1.73rem;
        border-bottom: 1px solid #e2e2e2
    }

    .no-data {
        background-color: #f6f6f6;
        width: 100%;
        margin: 0 auto;
        padding-top: 2rem;
        text-align: center;
    }

    .no-data .no-data-tips {
        margin-top: .4rem;
        font-size: .4266666666666667rem;
        color: rgb(102, 106, 117);
    }
}

@media (max-width:320px) {
    .m-current .common-blog-bubbling {
        margin-bottom: .08rem;
        width: 14px !important;
        height: 14px !important;
        max-width: 45px !important
    }
}

@media (min-width:414px) and (max-width:768px) {
    .m-current .common-blog-eye {
        margin-top: -9px
    }

    .m-current .common-blog-bubbling {
        margin-top: -2px
    }

    .m-current .common-blog-praise {
        margin-top: -6px
    }
}

@media (max-width:375px) {
    .m-current .common-blog-praise {
        margin-top: -5px;
        width: 14px !important;
        height: 14px !important
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .top-userinfo-avatar {
        width: calc(100vw / 8);
        height: calc(100vw / 8);
        float: none;
        border: 0rem;
        margin-top: .7733333333333333rem
    }

    .top-userinfo-content .icon-v-mb-L {
        position: absolute;
        display: inline-block;
        top: .7733333333333333rem;
        margin-top: calc(100vw / 8 - 25px);
        margin-left: -25px;
        width: 0.7812394768389434rem;
        height: 0.7812394768389434rem;
        max-width: 25px;
        max-height: 25px;
        background: url(../images/identity/mb-25.png) no-repeat center;
        background-size: cover;
    }

    .top-userinfo-content .icon-accredit-mb-L {
        position: absolute;
        display: inline-block;
        top: .7733333333333333rem;
        margin-top: calc(100vw / 8 - 25px);
        margin-left: -25px;
        width: 0.7812394768389434rem;
        height: 0.7812394768389434rem;
        max-width: 25px;
        max-height: 25px;
        background: url(../images/identity/mobile_accredit_2.png) no-repeat center;
        background-size: cover;
    }

    .m-current .common-blog-eye {
        display: inline-block;
        width: .48rem;
        height: .3466666666666667rem;
        margin-top: -.16rem;
        vertical-align: middle
    }

    .m-current .common-blog-praise {
        display: inline-block;
        width: .4266666666666667rem;
        height: .4266666666666667rem;
        margin-top: -.1066666666666667rem;
        vertical-align: middle
    }
}