@charset "utf-8";
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
fieldset,
figure,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    border: 0;
    font-style: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

button,
input,
textarea {
    -webkit-appearance: none;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: PingFang-SC-Regular, STHeiTi, Arial, sans-serif;
}

button:focus,
input:focus,
textarea:focus {
    outline: 0
}

@media (max-width: 768px) {
    body {
        font-family: -apple-system, Roboto, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif !important;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    a,
    abbr,
    acronym,
    address,
    applet,
    big,
    blockquote,
    body,
    caption,
    cite,
    code,
    dd,
    del,
    dfn,
    div,
    dl,
    dt,
    em,
    fieldset,
    figure,
    font,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    html,
    iframe,
    ins,
    kbd,
    label,
    legend,
    li,
    object,
    ol,
    p,
    pre,
    q,
    s,
    samp,
    small,
    span,
    strike,
    sub,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    tr,
    tt,
    ul,
    var {
        border: 0;
        font-family: inherit;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline
    }
    .top-userinfo-following a:hover {
        color: #fff;
    }
    .expert-list-stage,
    .hot-topic-stage {
        display: none;
    }
}

@media (max-width: 768px) {
    .top-userinfo-content-right {
        margin-left: 0px;
    }
    .hisBlog ul li{
        display: none;
    }
    .side-bar-left,
    .personal-center-nav-customize,
    .blog-menu-footer-none,
    .top-userinfo-follow-btn {
        display: none !important;
    }
    .personalInfo,
    .personalBlog,
    .leader-follow,
    .leader-fans,
    .btn-follow {
        display: block !important;
    }
    .main-content {
        margin-top: 0px;
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

blockquote,
q {
    hyphens: none;
    quotes: none
}

blockquote p {
    margin-bottom: 0 !important
}

a:active,
a:hover {
    outline: 0
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

a {
    color: inherit;
    text-decoration: none
}

input[disabled] {
    cursor: default;
    color: rgba(0, 0, 0, .8);
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 768px) {
    img {
        max-width: 100%;
        height: auto;
        overflow: hidden
    }
    .html_hidden {
        overflow: hidden;
        position: fixed;
        width: 100vw
    }
    .page-customize {
        display: none
    }
    .m-community-header {
        height: 1.226666667rem;
        line-height: 1.226666667rem;
        background: #252B3A;
        text-align: center;
        position: fixed;
        padding: 0rem .32rem;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10001;
        display: block;
    }
    .m-community-header span {
        display: inline-block;
        position: absolute;
        margin: 0rem auto;
        left: 0;
        font-size: .4266666666666667rem;
        right: 0;
        color: #fff;
        line-height: 1.333333333rem
    }
    .m-community-header>a {
        display: block;
        height: 1.226666667rem;
        text-align: left;
        float: left;
        position: relative;
        z-index: 10
    }
    .m-community-header .logo {
        float: left;
        width: 2.48rem !important;
        height: 1.226666667rem !important;
        background-image: url(../../images/mobile/logo-mb-new.png) !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }
    .headmenu {
        float: right !important;
        height: 1.226666667rem !important;
        background: url(../../images/global/home-mb.svg) no-repeat center!important;
        width: .96rem;
        position: relative;
        cursor: pointer;
    }
    .headmenu-slide-down {
        position: absolute;
        top: 1.226666667rem;
        left: 0;
        right: 0;
        display: none;
        z-index: 35000;
        background-color: #252b3a;
    }
    .headmenu-slide-down:after {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .2);
        z-index: -1;
    }
    .headmenu-active {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    .headmenu-slide-down .headmenu-list {
        display: block;
        text-align: left;
        padding: .266666667rem .533333333rem;
        color: #fff;
        line-height: normal;
        border-bottom: rgba(102, 106, 117, .2) 1px solid;
    }
    .headmenu-slide-down .headmenu-list:active {
        color: #c7000b !important
    }
    .headmenu-slide-down-register {
        position: relative;
        display: table;
        margin: 1.333333333rem auto;
        color: #fff;
        text-align: center
    }
    .headmenu-slide-down-register label .icon-v-mb-S {
        position: absolute;
        display: inline-block;
        top: .5rem;
        margin-left: -.586666667rem;
        width: 0.32rem;
        height: 0.32rem;
        min-width: 12px;
        min-height: 12px;
        background: url(../images/identity/mb-12.png) no-repeat center;
        background-size: cover;
    }
    .headmenu-slide-down-register label .icon-accredit-mb-S {
        position: absolute;
        display: inline-block;
        top: .5rem;
        margin-left: -.586666667rem;
        width: 0.32rem;
        height: 0.32rem;
        min-width: 12px;
        min-height: 12px;
        background: url(../images/identity/accredit_1.png) no-repeat center;
        background-size: cover;
    }
    .headmenu-slide-down-register label {
        max-width: 1.866666667rem;
        overflow: hidden;
        color: #fff
    }
    .headmenu-slide-down-register label a:active {
        color: #c7000b !important
    }
    .headmenu-slide-down-register label:first-child:after {
        content: "";
        border-left: #fff 1px solid;
        margin-right: .533333333rem;
        margin-left: .533333333rem
    }
    .logged-in-avatar {
        width: .8rem;
        height: .8rem;
        border-radius: .8rem;
        line-height: .8rem;
        vertical-align: middle;
        margin-right: .266666667rem
    }
    .headmenu-list-selected {
        color: #c7000b!important;
    }
    .m-community-arrow {
        width: 0.4266666666666667rem;
        height: 1.226666667rem;
        background: url(../../images/mobile/return-mb-new.svg) center no-repeat;
        background-size: contain;
        display: inline-block;
        float: left;
        position: relative;
        z-index: 100
    }
    .m-main-content-index .special-switch-tab {
        border-bottom: #f6f6f6 .266666667rem solid;
        font-size: .4266666666666667rem;
        color: #333;
        height: 1.466666667rem;
        width: auto;
        padding: 0rem .4rem;
        overflow: hidden;
        z-index: 9;
        position: relative
    }
    .m-main-content-index .wrapper-main>div:first-child {
        width: auto
    }
    .m-main-content-index .switch-tab-content {
        width: 100%;
        white-space: nowrap;
        overflow-x: scroll;
        padding-bottom: .266666667rem
    }
    .m-main-content-index .special-switch-tab a {
        display: inline-block;
        margin-right: .586666667rem;
        font-size: .3733333333333333rem;
        font-weight: 700;
        padding: .32rem 0rem .2666666666666667rem 0rem
    }
    .m-main-content-index .nav_fixed {
        position: fixed;
        background: #fff;
        top: 1.173333333333333rem;
        width: 100%;
        z-index: 11;
        height: 1.226666667rem;
        border-bottom: 1px solid #e2e2e2
    }
    .m-main-content-index .m-blog-list-loading {
        text-align: center;
        background: #f6f6f6;
        font-size: .3733333333333333rem;
        color: #999;
        position: relative;
        margin-top: -.026666667rem;
        padding: .4rem 0rem;
        display: block
    }
    .m-main-content-blog .m-blog-list-loading {
        text-align: center;
        background: #f6f6f6;
        font-size: .3733333333333333rem;
        color: #999;
        margin-top: 0rem;
        padding: .4rem 0rem;
        display: block
    }
    .top-userinfo-wrap {
        width: auto
    }
}

@media (max-width: 768px) {
    .cloud-blog-detail-comment-list {
        padding-top: 0rem;
        padding-bottom: 0;
        display: none
    }
    .cloud-blog-detail-comment-list:last-child {
        margin-bottom: 0rem !important;
        display: none
    }
    .cloud-blog-detail-comment-list-phone {
        margin-top: .4rem;
        padding-bottom: .4rem;
        border-bottom: 1px solid #e2e2e2
    }
    .comment-mobile-list {
        margin-bottom: 61px;
    }
    .main-content-blog-detail .comment-mobile-list{
    	position: relative;
	    padding-bottom: 90px;
	    margin-bottom: 0;
    }

    .first {
        padding-top: .3466666666666667rem
    }
    .m-detail-commenter-info {
        display: block;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: .2666666666666667rem
    }
    .detail-commenter-info {
        padding-top: 0rem;
        height: auto;
    }
    .detail-commenter-info>img {
        float: right;
        width: .3733333333333333rem;
        margin: -.7733333333333333rem .4rem 0 0
    }
    .detail-commenter-info h1 a {
        font-size: .32rem;
        height: .5066666666666667rem;
        line-height: .5066666666666667rem;
        display: inline-block;
        margin-top: -.0533333333333333rem
    }
    .time {
        font-size: .24rem !important;
        display: block;
        margin-top: -.0533333333333333rem;
        width: 120px
    }
    .two-commenter-detail .time {
        margin-top: -.2133333333333333rem
    }
    .detail-commenter-content {
        padding: .16rem 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-height: 1.5
    }
    .reply-mobile-comment {
        padding-bottom: 0rem;
        text-align: justify
    }
    .main-content-blog-detail .reply-mobile-comment{
        margin-left: 1.0667rem;
    }
    .main-content-blog-detail .detail-commenter-info .time{
        margin-top: -.2133333333333333rem;
    }
    .more {
        color: #2d56b1;
        font-size: .3466666666666667rem;
        display: none;
        margin-top: .16rem
    }
    .more-commenter {
        display: none;
        color: #2d56b1 !important;
        font-size: .32rem;
        padding-bottom: .4rem;
        max-width: 2.133333333333333rem
    }
    .detail-commenter-avatar {
        width: .8rem;
        height: .8rem;
        border-radius: .8rem
    }
    .detail-commenter-info span {
        margin-right: 0rem;
    }
    .detail-commenter-info div span:not(.time){
        margin-left: 5px;
        margin-right: 0;
    }
    .m-detail-commenter-info span {
        margin-right: 0rem;
        display: block
    }
    .two-commenter {
        margin-top: .4rem;
        background-color: #f6f6f6;
        padding: .4533333333333333rem 0 0 .6133333333333333rem
    }
    .two-commenter>div:last-child .two-detail {
        border-bottom: 0rem;
        white-space: normal;
        word-break: break-all;
        margin-bottom: .4rem
    }
    .two-detail-more {
        margin-bottom: .2666666666666667rem;
        max-width: 2.666666666666667rem
    }
    .two-detail-line {
        margin-right: .4rem !important
    }
    .two-commenter>div:last-child .two-detail-line {
        display: none
    }
    .two-commenter-detail .detail-commenter-info h1 {
        margin-bottom: .16rem
    }
    .two-detail {
        padding: .4rem 0;
        border-bottom: 1px solid #e2e2e2;
        margin-bottom: .16rem;
        padding-right: .4rem;
        white-space: normal;
        word-break: break-all;
        font-size: 14.0625px;
    }
    .cloud-blog-headline-blog,
    .cloud-blog-nav {
        display: none
    }
    .m-main-content-blog .common-blog-text {
        display: block;
        color: #999;
        overflow: hidden;
        max-height: 63px;
        text-overflow: clip !important
    }
    .m-main-content-blog .container-blog-list-cloud-blog {
        overflow: hidden;
        margin-top: .2666666666666667rem
    }
    .m-main-content-blog {
        margin-top: -.2666666666666667rem;
    }
    .m-main-content-blog .blog-menu-content-left,
    .m-main-content-blog .page-customize {
        display: none
    }
    .m-main-content-blog .blog-menu-header {
        margin-top: .4rem
    }
    .m-main-content-blog .blog-menu-content-right {
        float: none;
        width: auto;
        margin-top: .2133333333333333rem;
        min-height: auto;
    }
    .m-main-content-blog .wrapper-main>div {
        float: none !important;
        padding-top: 0rem
    }
    .m-main-content-blog .container-blog-list-cloud-blog .common-blog-title {
        white-space: normal;
        font-size: .48rem;
        font-weight: 400;
        max-height: 1.28rem;
        line-height: .64rem;
        word-break: break-all;
        max-width: 344px;
    }
    .m-main-content-blog .blog-menu {
        padding: 0rem .4rem;
        border-top: #f6f6f6 .2666666666666667rem solid;
        border-bottom: none;
        position: relative;
        min-height: auto
    }
    .m-main-content-blog .common-blog-icons {
        position: absolute;
        bottom: -1rem;
        margin-bottom: .2666666666666667rem!important;
        width: 100%;
        height: 22px;
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .m-main-content-blog .blog-menu-footer {
        position: relative;
        margin-bottom: 1.333333333333333rem;
        padding-bottom: 0
    }
    .common-blog-menu-btn:hover {
        border-color: #ddd !important;
        cursor: default;
        color: #999 !important
    }
    .m-main-content-blog .special-switch-tab {
        border-bottom: #e2e2e2 1px solid;
        position: fixed;
        width: 100%;
        background: #fff;
        top: 1.226666666666667rem;
        z-index: 93;
        font-size: .4266666666666667rem;
        color: #333
    }
    .m-main-content-blog .switch-tab-content {
        background: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
    .app_open_hide .switch-tab-content {
        background: #fff;
        justify-content: initial;
        -webkit-justify-content: initial
    }
    #blog_ydcomm {
        text-align: center;
        margin: .16rem 2.16rem .16rem .5333333333333333rem;
        padding-right: .2666666666666667rem;
        border-right: 1px solid #ddd
    }
    .app_open_hide .switch-tab-content {
        height: 1.253333333333333rem
    }
    .m-main-content-blog .special-switch-tab a img {
        width: .48rem;
        height: .48rem
    }
    .m-main-content-blog .special-switch-tab a p {
        font-size: .24rem;
        color: #333;
        position: relative;
        top: -.1066666666666667rem
    }
    .m-main-content-blog .special-switch-tab a {
        display: inline-block;
        margin-right: .5866666666666667rem;
        padding: .2666666666666667rem 0rem .2666666666666667rem 0rem
    }
    .app_open_hide .switch-tab-content a {
        margin-right: 0rem;
        padding: 0rem
    }
    .app_open_hide .switch-tab-active {
        margin-right: 2.16rem
    }
    #blog_forum {
        margin-left: 2.16rem
    }
    #blog_forum,
    .app_open_hide .switch-tab-active {
        padding: .32rem 0rem !important
    }
    .m-main-content-blog .special-switch-tab a:last-child {
        margin-right: 0
    }
    .m-main-content-blog .switch-tab-active {
        color: #c7000b;
        border-bottom: #c7000b 2px solid
    }
    .m-main-content-blog .common-blog-icons a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 136px;
        display: inline-block;
        overflow: hidden;
        height: .9rem;
        width: auto;
        line-height: .8533333333333333rem;
        margin-left: 0 !important;
        float: left;
        color: #666;
    }
    .m-main-content-blog .author-min-head {
        width: .8rem;
        display: none;
    }
    .m-main-content-blog .common-blog-icons .author-min-head img {
        width: .8rem;
        height: .8rem;
        border-radius: .8rem
    }
    .cloud-blog-detail-left .common-blog-icons {
        height: auto;
        margin-bottom: 0.6400rem
    }
    .cloud-blog-detail-left .common-blog-icons .icon-v-mb-S {
        position: absolute;
        display: none;
        top: calc(.8rem - .3333333333333333rem);
        margin-left: .44rem;
        margin-top: 0;
        width: 0.3333333333333333rem;
        height: 0.3333333333333333rem;
        min-width: 12px;
        min-height: 12px;
        background: url(../images/identity/mb-12.png) no-repeat center;
        background-size: cover;
    }
    .cloud-blog-detail-left .common-blog-icons .icon-accredit-mb-S {
        position: absolute;
        display: none;
        top: calc(.8rem - .3333333333333333rem);
        margin-left: .44rem;
        margin-top: 0;
        width: 0.3333333333333333rem;
        height: 0.3333333333333333rem;
        min-width: 12px;
        min-height: 12px;
        background: url(../images/identity/accredit_1.png) no-repeat center;
        background-size: cover;
    }
    .cloud-blog-detail-left .common-blog-icons .author-min-head img {
        width: .8rem;
        height: .8rem;
        margin-top: 0rem；
    }
    .m-author-min-head {
        height: .8rem
    }
    .common-blog-icons a.author-min-head {
        width: .8rem;
        height: .8rem;
    }
    .main-content-blog-detail a.author-min-head {
        display: none;
    }
    .m-author-min-head span {
        font-size: .32rem;
        line-height: .48rem;
        height: .48rem;
        overflow: hidden;
    }
    .bufer {
        padding-left: 0rem;
        margin-left: 0;
        font-style: normal
    }
    .cloud-blog-detail-left .m-author-min-head span a {
        color: #2d56b1 !important;
        font-size: .32rem;
        line-height: 18px;
        height: 18px;
        margin: 0;
        max-width: 136px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .phone-article-write-time {
        color: #a0a2a8 !important;
        font-size: .32rem !important;
    }
    .m-main-content-blog .common-blog-icons span {
        margin-right: .2666666666666667rem;
        line-height: .8rem;
        height: .8rem;
        font-size: .32rem;
        padding: 0;
    }
    .m-main-content-blog .common-blog-icons .author-min-head+span {
        margin-left: 10px !important
    }
    .m-main-content-blog .m-blog-view-info {
        height: .8rem;
        margin-right: .4rem;
        display: flex;
        -webkit-align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
    }
    .container-blog-list-cloud-blog .blog-menu-content-right {
        font-size: inherit;
    }
}

@media (min-width: 375px) and (max-width:768px) {
    .aui-dialog.show .aui-dialog-main {
        width: 345px;
        height: 165px
    }
    .aui-dialog.show .aui-dialog-main-timed-reminder {
        width: 345px !important;
        height: 242px !important
    }
    .aui-dialog.show .comment-mobile-delete-dialog {
        width: 366px;
        height: 198px
    }
    .timed-reminder-info {
        margin-top: .5333333333333333rem !important
    }
}

@media (min-width: 321px) and (max-width:375px) {
    .aui-dialog.show .aui-dialog-main {
        width: calc(100vw / 1.084);
        height: 4.133333333333333rem
    }
    .aui-dialog.show .aui-dialog-main-timed-reminder {
        width: calc(100vw / 1.084);
        height: 6rem !important
    }
    .aui-dialog.show .comment-mobile-delete-dialog {
        height: 5.12rem;
        width: calc(100vw / 1.084)
    }
}

@media (max-width: 360px) {
    .m-main-content-index {
        margin-top: 0rem
    }
}

@media (max-width: 320px) {
    .m-main-content-index {
        margin-top: 0rem
    }
    .m-main-content-blog .common-blog-icons span {
        margin-right: .2666666666666667rem
    }
    .aui-dialog.show .aui-dialog-main {
        width: calc(100vw / 1.084);
        height: 4.133333333333333rem
    }
    .aui-dialog.show .aui-dialog-main-timed-reminder {
        width: calc(100vw / 1.084);
        height: calc(100vw / 1.42) !important
    }
    .aui-dialog.show .comment-mobile-delete-dialog {
        height: calc(100vw / 1.66) !important;
        width: calc(100vw / 1.084)
    }
    .common-blog-icons-cloud-blog .common-blog-eye {
        margin-top: -3px
    }
    .common-blog-icons-cloud-blog .common-blog-bubbling {
        margin-bottom: 0
    }
    .common-blog-icons-cloud-blog .common-blog-praise {
        width: 15px;
        height: 15px
    }
}

@media (max-width: 768px) {
    #content .wrapper-main.nav_fixed {
        position: relative;
        z-index: 90;
    }
    .main-content-blog-detail .cloud-blog-detail-comment-like-btn,
    .main-content-blog-detail .cloud-blog-detail-line,
    .main-content-blog-detail .cloud-blog-detail-pre-next-article,
    .main-content-blog-detail .cloud-blog-detail-summary {
        display: none
    }
    .common-blog-btn {
        border-color: #ccc;
        color: #bbb
    }
    .service-dialog .dialog-block-title {
        margin-left: -.5333333333333333rem
    }
    .dialog-block-title {
        color: #333;
        font-size: .4266666666666667rem;
        line-height: .85rem;
        padding-left: .5333333333333333rem;
        margin-bottom: 0rem;
        border-left: .08rem solid #e31d2a;
        font-weight: 400
    }
    .comment-mobile-delete-dialog .dialog-block-title {
        margin-bottom: .32rem
    }
    .timed-reminder-info {
        margin-top: .2666666666666667rem !important
    }
    .aui-dialog-main .dialog-content {
        padding: .5333333333333333rem .5333333333333333rem 0;
        background: #fff
    }
    .comment-mobile-delete-dialog .dialog-content {
        padding: .6666666666666667rem .5333333333333333rem 0;
        background: #fff
    }
    .aui-dialog-main .dialog-content p {
        font-size: .32rem;
        color: #666
    }
    .comment-mobile-delete-dialog .dialog-content .dialog-info {
        position: relative;
        top: -1.12rem;
        left: 1.253333333333333rem;
        color: #333;
        width: 4rem;
        font-size: .3733333333333333rem
    }
    .comment-mobile-delete-dialog .dialog-content .dialog-delete-info {
        position: relative;
        top: -1.066666666666667rem;
        left: 1.253333333333333rem;
        width: 5.333333333333333rem;
        color: #666;
        font-size: .32rem
    }
    .comment-mobile-delete-dialog .dialog-content img {
        width: .8533333333333333rem;
        height: .8533333333333333rem
    }
    .timed-reminder-info input {
        width: 95% !important;
        height: .8rem !important;
        line-height: .8rem !important;
        padding-left: .2666666666666667rem;
        margin-bottom: .1333333333333333rem;
        border: #e2e2e2 1px solid
    }
    .aui-dialog .dialog-actions {
        padding: .2666666666666667rem .2666666666666667rem .8rem
    }
    .comment-mobile-delete-dialog .dialog-actions {
        padding: .2666666666666667rem .2666666666666667rem .8rem;
        margin-top: -.95rem
    }
    .aui-dialog.show .aui-dialog-main,
    .aui-dialog.show .aui-dialog-mask {
        visibility: visible !important;
        opacity: 1
    }
    .mobile-alert.show .aui-dialog-main {
        width: 90%
    }
    .mobile-alert.show .aui-dialog-main,
    .mobile-alert.show .aui-dialog-mask {
        visibility: visible !important
    }
    .main-content-blog-detail .m-blog-view-info {
        float: right;
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }
    .cloud-blog-detail-crumbs .m-current {
        display: inline-block;
        color: #333;
        margin: 0
    }
    .common-blog-icons-cloud-blog {
        overflow: hidden
    }
    .common-blog-icons-cloud-blog .m-blog-view-info .common-blog-praise {
        margin-top: -.08rem
    }
    .main-content-blog-detail .common-blog-icons-cloud-blog .article-write-time {
        display: none
    }
    .main-content-blog-detail .cloud-blog-detail-left {
        width: 100%;
        padding: 0.5333rem .4rem 0rem .4rem;
    }
    .main-content-blog-detail .wrapper-main>div {
        float: none !important
    }
    .hide-scroll {
        overflow-y: hidden
    }
    .main-content-blog-detail {
        width: 100%;
        overflow: hidden
    }
    .main-content-blog-detail .article-write-time {
        margin-left: -.6666666666666667rem !important;
        bottom: -1px;
        position: relative;
        overflow: hidden;
        white-space: nowrap
    }
    .main-content-blog-detail .common-blog-praise+span {
        margin-right: 0
    }
    .m-community-header-avatar {
        display: none
    }
    .m-community-header-avatar a img {
        width: .6666666666666667rem;
        height: .6666666666666667rem;
        vertical-align: middle;
        border-radius: .6666666666666667rem;
        margin-right: .1333333333333333rem
    }
    .m-community-header-avatar label {
        color: #fff;
        white-space: nowrap
    }
    .cloud-blog-detail-title {
        font-size: 0.5867rem;
        margin-bottom: 0.3200rem;
        margin-top: 0;
        font-weight: 500;
        word-break: break-all;
        color: #333333;
        line-height: 0.8000rem;
    }
    .cloud-blog-detail-crumbs {
        padding: 0rem 0rem .4rem 0rem;
        font-size: .32rem;
        display: none;
    }

    .main-content-blog-detail .title_top {
        font-size: 0.5867rem;
        margin-bottom: 0.3200rem;
        margin-top: 0;
        font-weight: 500;
        word-break: break-all;
        color: #333333;
        line-height: 0.8000rem;
    }
    .crumbs-header-avatar {
        display: none
    }
    .nav_fixed .m-community-header-avatar a img {
        margin-right: .2666666666666667rem !important
    }
    .main-content-blog-detail .cloud-blog-detail-crumbs .m-community-header-avatar {
        display: none !important
    }
    .main-content-blog-detail .m-author-min-head {
        float: left;
        height: auto;
    }
    .main-content-blog-detail .cloud-blog-detail-crumbs a {
        color: #666;
        line-height: .5866666666666667rem;
    }
    .main-content-blog-detail .cloud-blog-detail-crumbs a:active {
        color: #2d56b1
    }
    .main-content-blog-detail .cloud-blog-detail-copyrights {
        font-size: .32rem;
        line-height: 0.5333rem;
        padding: 10px;
    }
    .m-blog-menu-footer-top {
        display: none
    }

    .m-blog-menu-footer-bottom {
        display: block;
        padding: 0rem .4rem .5866666666666667rem .4rem;
        margin: .2666666666666667rem -.4rem .4rem -.4rem
    }
    .cloud-blog-detail-section-title {
        border-left: #c7000b .1066666666666667rem solid;
        line-height: normal;
        padding-left: .2666666666666667rem;
        position: relative;
        padding-bottom: 0;
        padding-top: 0;
    }
    .cloud-blog-detail-section-title:before {
        content: '';
        position: absolute;
        border-top: #f6f6f6 .2666666666666667rem solid;
        border-bottom: .1333333333333333rem #fff solid;
        left: -.48rem;
        right: -.4rem;
        background: #fff;
        top: -.6933333333333333rem;
        padding-top: .32rem
    }
    .cloud-blog-detail-section-title:after {
        content: '';
        position: absolute;
        border-top: #e2e2e2 1px solid;
        border-bottom: .1333333333333333rem #fff solid;
        left: -.48rem;
        right: -.4rem;
        background: #fff;
        bottom: -.8rem;
        padding-top: .32rem
    }
    .cloud-blog-detail-section-title span {
        position: relative;
        top: -.0533333333333333rem;
        vertical-align: middle
    }
    .cloud-blog-detail-relation-article p {
        position: relative;
        padding-left: .4rem;
        line-height: .64rem;
        width: inherit;
        margin-left: 0!important;
        margin-bottom: 0;
    }
    .cloud-blog-detail-relation-article p a {
        width: inherit
    }
    .cloud-blog-detail-relation-article p:before {
        content: "";
        display: inline-block;
        width: .08rem;
        height: .08rem;
        border-radius: .08rem;
        position: absolute;
        background-color: #bfbfbf;
        vertical-align: middle;
        top: .32rem;
        left: 0rem
    }
    .cloud-blog-detail-relation-article p a {
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: inherit;
        -webkit-line-clamp: 2;
        overflow: hidden;
        padding: .08rem 0rem 0rem 0rem;
        font-size: .4266666666666667rem;
        max-height: 1.28rem;
        text-overflow: initial !important;
        white-space: normal !important;
        word-wrap: break-word;
        word-break: break-all;
        line-height: 1.5
    }
    .cloud-blog-detail-relation-article:first-child {
        border-top: none
    }
    .cloud-blog-detail-comment-section {
        padding-bottom: 0rem;
        padding-top: .6666666666666667rem
    }
    .ask-tip {
        display: none
    }
    .cloud-blog-detail-comment-list {
        padding-top: 0rem;
        padding-bottom: 0rem
    }
    .cloud-blog-detail-comment-list:last-child {
        margin-bottom: 0rem !important
    }
    .main-content-blog-detail .m-blog-list-loading {
        text-align: center;
        position: absolute;
        width: calc(100% + .8rem);
        height:100%;
        background: #f6f6f6;
        font-size: .3733333333333333rem;
        color: #999;
        padding: .4rem 0rem;
        display: block;
    	margin: 0 -.4rem;
    }
    .comment-mobile-list .m-blog-list-loading img {
        width: 1.6rem;
        height: 1.6rem
    }
    .detail-commenter-btn {
        display: none
    }
    .m-detail-commenter-info {
        display: block;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: .2666666666666667rem
    }
    .detail-commenter-avatar {
        width: .8rem;
        height: .8rem;
        border-radius: .8rem
    }
    .detail-commenter-info>div:nth-child(1) {
        margin-top: -.72rem
    }
    .detail-commenter-info span+div {
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }
    .m-detail-commenter-info span {
        margin-right: 0;
        display: block
    }
    .comment-block {
        padding-bottom: 1.04rem !important
    }
    .m-blog-user-comment {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 10007
    }
    .main-content.main-content-blog-detail .m-blog-user-comment{
        z-index: 98;
    }
    .main-content.main-content-blog-detail .dt-layerbox{
        z-index: 97;
    }
    .hidden-comment {
        z-index: 10000;
        position: relative;
    }
    .dt-layerbox {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1004;/*评论时的遮罩层会覆盖昵称弹窗10006*/
        display: none
    }
    .layer {
        width: 100%;
        height: 100%;
        background: #222;
        opacity: .5
    }
    .detail-commenter-info h1 {
        color: #666
    }
    .m-blog-user-comment-content {
        border-top: #e2e2e2 1px solid;
        background: #fff;
        padding: .4rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
        justify-content: space-around;
        -webkit-justify-content: space-around
    }
    .m-blog-user-comment-content textarea {
        height: 0.8533rem;
        line-height: 1.5;
        padding: .1333333333333333rem;
        padding-left: 0.9067rem;
        overflow-y: hidden;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        resize: none;
        border-radius: 0;
        background: #F7F7F7;
        border: 1px solid #DDDDDD;
        border-radius: 2px;
        position: relative;
    }
    .m-blog-user-comment-content:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 25px;
        left: 25px;
        width: 14px;
        height: 14px;
        background: url(../../images/qianbi.svg) no-repeat center;
        z-index: 1;
    }
    .comment-content-sent {
        height: .8rem;
        align-self: flex-end;
        -webkit-align-self: flex-end;
        padding: .1333333333333333rem .2666666666666667rem;
        background: #c7000b;
        margin-left: .5333333333333333rem;
        color: #fff;
        display: none
    }
    .comment-content-sent:active {
        background: #c8000d
    }
    .m-blog-praise-btn {
        margin-left: 0.4rem;
        width: 1.3000rem;
        font-size: 0.3200rem;
        color: #252B3A;
    }
    .m-blog-like-btn {
        margin-left: 0.4rem;
        width: 1.3000rem;
        font-size: 0.3200rem;
        color: #252B3A;
    }
    .m-blog-praise-btn .m-praise-icon {
        width: 15px;
        height: 16px;
        vertical-align: middle;
        background-image: url(../../images/dianzan2.svg)!important;
        display: inline-block;
        background-size: auto;
        margin-right: 0.1600rem;
        margin-top: 0.1600rem;
    }
    .m-blog-like-btn .m-like-icon {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        background-image: url(../../images/blog_like.svg)!important;
        display: inline-block;
        background-size: auto;
        margin-right: 0.1600rem;
        margin-top: 0.1600rem;
    }
    .m-blog-praise-btn .m-praise-icon.m-praise-icon-active {
        width: 15px;
        height: 16px;
        vertical-align: middle;
        background: url(../../images/praise-active.svg) no-repeat center!important;
        background-size: auto;
        display: inline-block
    }
    .m-blog-like-btn .m-like-icon.m-like-icon-active {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        background: url(../../images/blog_like_active.svg) no-repeat center!important;
        background-size: auto;
        display: inline-block
    }
    .m-blog-praise-btn span {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0.1600rem;
    }
    .m-blog-like-btn span {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0.1600rem;
    }
    .cloud-blog-detail-content-wrap {
        height: auto;
        overflow: hidden
    }
    .blog-detail-content-btn {
        padding: 10px 0;
        position: relative;
        color: #c7000b;
        display: -webkit-box;
        display: -webkit-flex;
        display: box;
        display: flexbox;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        display: none;
    }
    .blog-detail-content-btn:before {
        content: '';
        position: absolute;
        top: -80px;
        width: 100%;
        height: 80px;
        background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
        background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
        background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0))
    }
    .blog-detail-content-btn a {
        color: #c7000b;
        font-size: .4266666666666667rem
    }
    .the_height {

        height: auto;
    }
    .slidedown {
        height: auto
    }
    .arrowdown {
        height: 1.333333333333333rem;
        width: 1.333333333333333rem;
        display: block;
        position: relative;
        transform: scaleX(1.28)
    }
    .arrowdown:after {
        content: "";
        width: .2133333333333333rem;
        height: .2133333333333333rem;
        border: 1px solid #c7000b;
        position: absolute;
        top: 3px;
        right: 21px;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(135deg)
    }
    .arrowdown:before {
        content: "";
        width: .2133333333333333rem;
        height: .2133333333333333rem;
        border: 1px solid #c7000b;
        position: absolute;
        top: 8px;
        right: 21px;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(135deg)
    }
    .cloud-blog-detail-relation-article {
        padding-top: .64rem;
        padding-bottom: .9333333333333333rem;
        width: 100%;
    }
    .detail-commenter-info .common-blog-bubbling img:nth-child(1) {
        width: .3733333333333333rem;
        margin-right: .2666666666666667rem
    }
    .common-blog-bubbling {
        margin-bottom: .08rem;
        width: .3733333333333333rem !important;
        height: .3733333333333333rem !important;
        max-width: 1.2rem !important;
        margin-top: 0;
    }
    .container-blog-list-cloud-blog .common-blog-eye {
        display: inline-block;
        width: .48rem;
        height: .3466666666666667rem;
        margin-top: -.16rem;
        vertical-align: middle
    }
    .detail-commenter-info .common-blog-bubbling {
        margin-right: .1333333333333333rem;
        vertical-align: inherit !important;
        width: auto !important
    }
    .cloud-blog-detail-comment-list-phone .common-blog-bubbling {
        margin-bottom: 0rem
    }
    .detail-commenter-info .common-blog-bubbling img {
        vertical-align: inherit !important;
        top: 0rem;
        position: relative;
        left: .0533333333333333rem;
        width: .3733333333333333rem;
        float: left
    }
    .cloud-blog-detail-attachment-download {
        display: none
    }
}

@media (max-width: 320px) {
    .main-content-blog-detail .common-blog-icons span:not(:last-child) {
        margin-right: .2666666666666667rem;
        margin-right: .2666666666666667rem !important;
        margin-left: .08rem
    }
    .main-content-blog-detail .m-blog-list-loading {
        padding: .6rem 0rem
    }
}

@media (min-width: 321px) and (max-width:375px) {
    .main-content-blog-detail .common-blog-icons span:not(:last-child) {
        margin-right: .2666666666666667rem;
    }
}

@media (max-width: 768px) {
    .common-blog-title:after {
        display: none
    }
    .cloud-blog-detail-comment-section p {
        display: none
    }
    .common-blog-icons span {
        margin-left: 3px
    }
    .common-blog-icons .author-min-head+span {
        margin-left: 0 !important
    }
    .dt-layerbox {
        display: none
    }
    .community-recommended-wrap,
    .community-special-wrap,
    .main-advertisement-img,
    .main-static-img,
    .side-bar-right,
    .wrapper {
        display: none
    }
    .blog-menu,
    .blog-menu-content,
    .common-blog-text,
    .container-blog-list,
    .main-banner-img,
    .wrapper-main {
        width: auto;
        max-width: 100%
    }
    .m-main-content-index .common-blog-title {
        max-width: inherit;
        white-space: normal;
        font-size: .48rem;
        line-height: .64rem;
        margin-left: 0 !important;
        margin-right: .2666666666666667rem;
        max-height: 1.28rem;
        overflow: hidden;
        font-weight: 400;
        width: calc(100% - 2.48rem);
        word-break: break-all
    }
    .m-main-content-index .blog-menu-content-left,
    .m-main-content-index .blog-menu-content-right {
        float: none;
        width: auto !important
    }
    .common-blog-btn {
        cursor: default;
        text-align: center;
        width: 38px;
        display: block;
        height: 22px;
        border: #e2e2e2 1px solid;
        color: #999;
        font-size: 12px;
        margin-top: 3px;
        margin-left: 0
    }
    .blog-menu-content-left:before {
        display: none
    }
    .blog-menu-content-left:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 2.08rem;
        height: 1.333333rem;
        background: rgba(0, 0, 0, .04)
    }
    .m-main-content-index .blog-menu-content-left img {
        width: 2.08rem;
        height: 1.333333rem;
        max-width: inherit
    }
    .m-main-content-index .wrapper-main>div {
        float: none !important;
    }
    .m-main-content-index .blog-menu-footer,
    .m-main-content-index .common-blog-icons a,
    .m-main-content-index .common-blog-text {
        display: none
    }
    .m-main-content-index .blog-menu-noImg .common-blog-title {
        width: 100%
    }
    .m-main-content-index .blog-menu-noImg .common-blog-eye+span {
        right: 0rem;
        margin-right: 0
    }
    .m-main-content-index .blog-menu {
        margin: .4rem;
        position: relative;
        top: .4rem;
        padding-top: 0;
        min-height: 2.666666666666667rem
    }
    .m-main-content-index .common-blog-btn {
        position: absolute;
        bottom: .48rem;
        left: 0;
        width: 1.0133333rem;
        font-size: .32rem;
        display: block !important;
        height: .666666666666666rem;
        line-height: .6333333333333333rem
    }
    .m-main-content-index .community-index-slide li {
        height: calc(100vw / 1.875);
        width: 100vw
    }
    .m-main-content-index .community-index-slide li img {
        width: 100vw;
        height: calc(100vw / 1.875)
    }
    .m-main-content-index .main-banner-img,
    .m-main-content-index .main-carousel {
        width: 100vw;
        height: calc(100vw / 1.875)
    }
    .m-main-content-index .main-carousel {
        float: none;
        position: relative
    }
    .m-main-content-index .container-blog-list {
        margin-top: -.2666666666666667rem !important
    }
    .m-main-content-index .jDiaporama li .desc {
        display: none !important
    }
    .m-main-content-index .jDiaporama_status {
        text-align: center;
        width: 100%;
        top: calc(100vw * .45);
        margin-top: 0;
        margin-left: 0 !important;
        position: absolute;
        left: calc(100vw / 2.5);
        right: inherit;
        display: none;
        font-size: 0;
        z-index: 1000
    }
    .m-main-content-index .common-blog-icons img,
    .m-main-content-index .common-blog-icons span {
        display: none
    }
    .m-main-content-index .common-blog-eye+span {
        display: block !important;
        position: absolute;
        right: 2.1111111rem;
        bottom: .3466666666666667rem
    }
    .m-main-content-index .common-blog-eye+span:after {
        content: "人浏览";
        margin-left: .0533333333333333rem
    }
    .m-main-content-index .blog-menu-content-right {
        margin-top: 0
    }
    .m-main-content-index .blog-menu-content-left {
        height: inherit;
        margin-top: .08rem;
        margin-right: 0;
        position: absolute;
        right: 0;
        top: 0rem
    }
    .m-main-content-index .blog-menu-header {
        margin-top: 0
    }
    .m-main-content-index .common-blog-bubbling,
    .m-main-content-index .common-blog-eye,
    .m-main-content-index .common-blog-praise {
        display: none
    }
    .m-main-content-index .common-blog-icons {
        margin-bottom: 0;
        height: auto
    }
    #back-to-top.show {
        opacity: 1;
        display: block
    }
    .back-top {
        position: fixed;
        bottom: -2.133333333333333rem;
        right: -0.4rem;
        z-index: 1000;
        opacity: 0;
        text-align: center;
        line-height: 1.066666666666667rem;
        width: 1.066666666666667rem;
        height: 1.066666666666667rem;
        border-radius: 1.066666666666667rem;
        display: none;
        vertical-align: middle;
        background-image: url(../../images/mobile/scroll-top-icon.png) !important;
        background-position: center !important;
        background-repeat: no-repeat;
        background-color: rgba(51, 51, 51, .6);
        cursor: pointer;
        transition: .3s ease-out
    }
    .pc_banner {
        display: none
    }
}

@media (min-width: 321px) and (max-width:768px) {
    .m-main-content-index .common-blog-eye+span {
        display: block !important;
        position: absolute;
        right: 2.111111rem;
        bottom: .3466666666666667rem;
        font-size: .32rem
    }
}

@media (max-width: 768px) {
    .main-carousel img {
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        z-index: 3
    }
    .main-carousel:hover img {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        z-index: 3
    }
    #UpData {
        text-align: center;
        background: #f6f6f6;
        font-size: .3733333333333333rem;
        color: #999;
        position: relative;
        padding: .4rem 0rem;
        display: block
    }
    .my-talking {
        display: none
    }
    .m-author-min-head-pc {
        float: left;
        display: none
    }
    .blog-menu-footer-pc {
        display: none
    }
    .blog-menu-footer-mobile {
        display: block
    }
    .m-main-content-blog .m-author-min-head {
        display: block;
        float: left
    }
    .blog-menu-header-pc {
        display: none
    }
    .blog-menu-header-mobile {
        display: block
    }
    .main-content-blog-detail .app-banner-show span {
        margin: 0 !important;
        line-height: .5866666666666667rem;
    }
    .pc_current {
        display: none
    }
    body {
        background-color: #f6f6f6 !important
    }
    #content .m-main-content-blog .container-blog-list-cloud-blog {
        margin-top: 0 !important
    }
    .container-blog-list-cloud-blog .blog-menu-content.cf {
        min-height: 30px;
    }
    #wrapper {
        overflow: hidden;
        height: 100%
    }
    #pullDown {
        padding: .1333333333333333rem 0 .2666666666666667rem 0;
        text-align: center;
        background: #f6f6f6;
        z-index: -999;
        height: .8266666666666667rem
    }
    #pullDown a {
        font-size: .4266666666666667rem;
        color: #999
    }
    .blog-menu,
    .container-blog-list,
    .main-carousel,
    .main-content-blog-detail .wrapper-main,
    .personal-center-content-nav,
    .special-switch-tab,
    .wrapper-main-usercenter {
        background-color: #fff
    }
    .container-blog-list-software-dev-cloud .blog-menu {
        min-height: auto
    }
    .container-blog-list-software-dev-cloud .blog-menu .blog-menu-footer-none {
        height: 0
    }
}

@media (max-width: 320px) {
    .m-main-content-index .blog-menu {
        margin: 0rem .4rem .4rem .4rem !important;
        position: relative;
        min-height: 2.666666666666667rem;
        border-bottom: .0133333333333333rem solid #e6e7ee
    }
    .cloud-blog-detail-title {
        line-height: .9066666666666667rem
    }
    .cloud-blog-detail-relation-article p {
        position: relative;
        padding-left: .4rem;
        line-height: .7466666666666667rem !important
    }
    .blog-menu-content-left:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 2.08rem;
        height: 1.333rem;
        background: rgba(0, 0, 0, .04)
    }
    .m-main-content-index .blog-menu-content-left img {
        width: 2.08rem;
        height: 1.333rem;
        max-width: inherit
    }
    .container-blog-list-cloud-blog .common-blog-eye {
        width: 18px;
        height: 13px;
        margin-top: -6px
    }
    .common-blog-bubbling {
        margin-bottom: 3px;
        width: 14px !important;
        height: 14px !important;
        max-width: 45px !important
    }
}

@media (min-width: 376px) and (max-width:768px) {
    .m-blog-view-info .common-blog-praise {
        margin-top: -.2rem
    }
    .common-blog-icons-cloud-blog .common-blog-eye {
        margin-top: -9px
    }
}

@media (max-width: 768px) and (orientation:landscape) {
    .common-blog-praise {
        display: inline-block;
        width: .3733333333333333rem;
        height: .3733333333333333rem;
        margin-top: -.1066666666666667rem;
        vertical-align: middle
    }
}

@media (max-width: 768px) {
    .main-content-blog-detail .common-blog-icons-cloud-blog .common-blog-bubbling,
    .main-content-blog-detail .common-blog-icons-cloud-blog .m-blog-view-info .common-blog-praise,
    .main-content-blog-detail .common-blog-icons .m-blog-view-info span {
        display: none;
    }
    .main-content-blog-detail .common-blog-icons-cloud-blog .common-blog-eye {
        margin-top: 0px;
        display: inline-block;
    }
    #viewNum {
        display: inline-block;
        height: 17px;
        padding: 0;
        margin-right: 0;
    }
    .cancel-follow {
        color: #333 !important;
        border-color: #ccc !important
    }
    .hover-box {
        display: none
    }
    .main-content-blog-detail .common-blog-icons-cloud-blog .common-blog-bubbling {
        width: 17px !important;
        height: 16px !important;
        margin-bottom: 0
    }
    .main-content-blog-detail .common-blog-icons-cloud-blog .m-blog-view-info .common-blog-praise {
        margin-top: 0;
        width: 18px !important;
        height: 17px !important;
    }
}