@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);
}

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

@media (max-width: 768px) {
    body {
        font-family: -apple-system,HuaweiSans,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,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
    }
}

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: #222;
        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;
        height: 1.226666667rem;
        background: url(../../images/mobile/logo-mb.png) no-repeat center;
        background-size: contain
    }
    .headmenu {
        float: right;
        height: 1.226666667rem;
        background: url(../../images/mobile/headMenu.png) no-repeat center;
        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: #222;
        background-color: rgba(34, 34, 34, .97)
    }
    .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 {
        display: table;
        margin: 1.333333333rem auto;
        color: #fff
    }
    .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: #e41e2b !important
    }
    .m-community-arrow {
        width: .266666667rem;
        height: 1.226666667rem;
        background: url(../../images/mobile/m-blog-nav-arrow.png) 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: 999;
        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.226666667rem;
        width: 100%;
        z-index: 10000;
        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
    }
    .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
    }
    .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
    }
    .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
    }
    .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
    }
    .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: 1.946666666666667rem
    }
    .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
    }
    .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
    }
    .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: -1.066666666666667rem;
        margin-bottom: .2666666666666667rem;
        width: 100%;
        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: 100;
        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: #e41f2b;
        border-bottom: #e41f2b 2px solid
    }
    .m-main-content-blog .common-blog-icons a {
        display: inline-block;
        overflow: hidden;
        height: .9rem;
        line-height: .8533333333333333rem;
        margin-left: 0 !important;
        float: left
    }
    .m-main-content-blog .author-min-head {
        width: .8rem
    }
    .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: .8rem;
        margin-bottom: .4rem
    }
    .cloud-blog-detail-left .common-blog-icons .author-min-head img {
        width: .8rem;
        height: .8rem;
        margin-top: 0rem
    }
    .m-author-min-head {
        height: .8rem
    }
    .m-author-min-head .author-min-head {
        width: .8rem;
        height: .8rem
    }
    .m-author-min-head span {
        font-size: .32rem;
        line-height: .4266666666666667rem;
        height: .4266666666666667rem;
        overflow: hidden
    }
    .bufer {
        padding-left: 0rem;
        margin-left: .0533333333333333rem
    }
    .cloud-blog-detail-left .m-author-min-head span a {
        color: #2d56b1 !important;
        font-size: .32rem;
        line-height: .5066666666666667rem;
        height: .5066666666666667rem
    }
    .phone-article-write-time {
        color: #999 !important;
        font-size: .24rem !important;
        height: 10px !important;
        line-height: 10px !important;
        display: block !important;
        position: relative;
        top: -9px;
        left: .9333333333333333rem
    }
    .m-main-content-blog .common-blog-icons span {
        margin-right: .2666666666666667rem;
        line-height: .8rem;
        height: .8rem;
        font-size: .32rem
    }
    .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
    }
}

@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: 225px !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: .4533333333333333rem
    }
}

@media (max-width: 320px) {
    .m-main-content-index {
        margin-top: .4533333333333333rem
    }
    .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) {
    .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: auto;
        padding: .4rem .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: .6933333333333333rem;
        margin-bottom: .4rem;
        margin-top: 0;
        font-weight: 500;
        word-break: break-all
    }
    .cloud-blog-detail-crumbs {
        padding: .5333333333333333rem 0rem .4rem 0rem;
        font-size: .32rem
    }
    .main-content-blog-detail .nav_fixed {
        position: fixed;
        background: #fff;
        top: 0rem;
        width: 100%;
        padding: .32rem 0rem .2133333333333333rem .4rem;
        z-index: 10005;
        line-height: .5866666666666667rem;
        left: 0;
        height: 1.226666666666667rem;
        border-bottom: #e2e2e2 1px solid
    }
    .main-content-blog-detail .title_top {
        font-size: .6933333333333333rem;
        margin-bottom: .2666666666666667rem;
        margin-top: .8rem;
        font-weight: 500;
        line-height: .9333333333333333rem
    }
    .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
    }
    .main-content-blog-detail .cloud-blog-detail-crumbs a {
        color: #666
    }
    .main-content-blog-detail .cloud-blog-detail-crumbs a:active {
        color: #2d56b1
    }
    .main-content-blog-detail .cloud-blog-detail-copyrights {
        font-size: .2666666666666667rem;
        line-height: 1.8
    }
    .m-blog-menu-footer-top {
        display: none
    }
    .cloud-blog-detail-content img:last-child {
        margin-bottom: .4266666666666667rem
    }
    .m-blog-menu-footer-bottom {
        display: block;
        padding: 0rem .4rem .5866666666666667rem .4rem;
        margin: .2666666666666667rem -.4rem .4rem -.4rem
    }
    .cloud-blog-detail-section-title {
        border-left: #e41f2b .1066666666666667rem solid;
        line-height: normal;
        padding-left: .2666666666666667rem;
        position: relative
    }
    .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
    }
    .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 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: 100%;
        margin-left: -.4rem;
        background: #f6f6f6;
        font-size: .3733333333333333rem;
        color: #999;
        margin-top: -.32rem;
        padding: .4rem 0rem;
        display: block
    }
    .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
    }
    .hidden-comment {
        z-index: 10000
    }
    .dt-layerbox {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 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: .8rem;
        line-height: 1.5;
        border: #e2e2e2 1px solid;
        padding: .1333333333333333rem;
        overflow-y: hidden;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        resize: none;
        border-radius: 0
    }
    .comment-content-sent {
        height: .8rem;
        align-self: flex-end;
        -webkit-align-self: flex-end;
        padding: .1333333333333333rem .2666666666666667rem;
        background: #e41f2b;
        margin-left: .5333333333333333rem;
        color: #fff;
        display: none
    }
    .comment-content-sent:active {
        background: #c8000d
    }
    .m-blog-praise-btn {
        margin-left: .2666666666666667rem
    }
    .cloud-blog-detail-content {
        font-size: .48rem;
        margin-bottom: .6666666666666667rem !important
    }
    .cloud-blog-detail-content p * {
        font-size: .48rem !important
    }
    .cloud-blog-detail-content p {
        text-indent: 0 !important;
        font-size: .48rem !important;
        line-height: .8533333333333333rem !important;
        padding: 0rem !important;
        min-height: 0rem !important;
        text-align: left !important;
        margin-left: 0 !important
    }
    .cloud-blog-detail-content p span {
        text-decoration: none !important;
        font-size: .48rem !important
    }
    .cloud-blog-detail-content p br {
        display: block
    }
    .cloud-blog-detail-content p img {
        margin-bottom: 0rem !important
    }
    .cloud-blog-detail-content h1 {
        font-size: .48rem !important;
        font-weight: 600 !important;
        margin-bottom: .4266666666666667rem !important;
        padding: 0rem !important
    }
    .cloud-blog-detail-content h2 {
        font-size: .48rem !important;
        font-weight: 600 !important;
        margin-bottom: .4266666666666667rem !important;
        padding: 0rem !important
    }
    .cloud-blog-detail-content h3 {
        font-size: .48rem !important;
        font-weight: 600 !important;
        margin-bottom: .4266666666666667rem !important;
        padding: 0rem !important
    }
    .cloud-blog-detail-content ol,
    .cloud-blog-detail-content ul {
        font-size: .48rem !important;
        margin-bottom: .4266666666666667rem !important;
        padding: 0rem !important;
        line-height: .8533333333333333rem !important;
        margin-left: 1rem !important
    }
    .m-blog-praise-btn .m-praise-icon {
        width: 18px;
        height: 17px;
        vertical-align: middle;
        background: url(../images/praise.png);
        display: inline-block;
        background-size: cover
    }
    .m-blog-praise-btn .m-praise-icon-active {
        width: 18px;
        height: 17px;
        vertical-align: middle;
        background: url(../images/praise-comment.png) no-repeat;
        background-size: cover;
        display: inline-block
    }
    .cloud-blog-detail-content-wrap {
        height: auto;
        overflow: hidden
    }
    .blog-detail-content-btn {
        padding: 10px 0;
        position: relative;
        color: #e41f2b;
        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
    }
    .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: #e41f2b;
        font-size: .4266666666666667rem
    }
    .the_height {
        height: 12rem
    }
    .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 #e41f2b;
        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 #e41f2b;
        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
    }
    .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
    }
    .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: .1333333333333333rem !important;
        margin-left: .08rem
    }
    .m-main-content-blog .common-blog-icons span {
        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: .2133333333333333rem
    }
}

@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;
        padding-top: .6933333333333333rem
    }
    .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-to-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);
        background-position: center;
        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
    }
    .pc_current {
        display: none
    }
    body {
        background-color: #f6f6f6 !important
    }
    #content .m-main-content-blog .container-blog-list-cloud-blog {
        margin-top: 2.48rem !important
    }
    #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 (min-width: 768px) {
    .cl-loadmore {
        display: none
    }
    .cloud-blog-detail-comment-list-phone {
        display: none
    }
    .pc_current {
        display: block
    }
    .blog-menu-header-pc {
        display: block
    }
    .blog-menu-header-mobile {
        display: none
    }
    .m-main-content-index .m-author-min-head {
        display: none;
        float: left
    }
    .mobile_banner {
        display: none
    }
    .blog-menu-footer-mobile {
        display: none
    }
    .blog-menu-footer-pc {
        display: block
    }
    .mobile {
        display: none
    }
    .m-main-content-blog .m-author-min-head {
        display: none;
        float: left
    }
    .m-current {
        display: none !important
    }
    .m-author-min-head-pc {
        float: left;
        display: block
    }
    .m-main-content-index .m-author-min-head {
        display: block;
        float: left
    }
    .main-content-blog-detail .m-author-min-head {
        display: block;
        float: left
    }
    .blog-detail-content-btn,
    .m-blog-list-loading,
    .m-community-header,
    .m-community-header-avatar,
    .m-current {
        display: none
    }
    .m-blog-menu-footer-bottom,
    .m-blog-user-comment,
    .m-detail-commenter-info {
        display: none
    }
}

@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 (min-width: 768px) {
    .phone-article-write-time {
        display: none !important
    }
    .aui-dialog.show .comment-mobile-delete-dialog {
        visibility: hidden !important
    }
    body,
    html {
        font-size: 14px !important;
        max-width: inherit !important
    }
}

@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-eye {
        margin-top: 0
    }
    .main-content-blog-detail .common-blog-icons-cloud-blog .common-blog-bubbling {
        width: 15px !important;
        height: 15px !important;
        margin-bottom: 0
    }
      .poster-content-box-customized-ui .poster-caption{
        text-align: center!important;
        margin-top: 60px!important;
        margin: auto;
        font-size:22px;
        color:#252b3a;
    }
    .main-content-blog-detail .common-blog-icons-cloud-blog .m-blog-view-info .common-blog-praise {
        margin-top: 0;
        width: 16px !important;
        height: 16px !important
    }

    .wrapper-top .poster-content-box {
    text-align: center!important;
    padding: 76px 24px 0px 24px!important;
}

}


/******************2019-7-9 10:16:45** add***********************/

@media (max-width:768px) {
    html,
    body {
        min-width: auto!important;
        overflow-x: hidden;
    }
    .community-recommended-wrap,
    .community-special-wrap,
    .main-advertisement-img,
    .main-static-img,
    .side-bar-right,
    .wrapper{
        display: block!important;
    }
    .wrapper .mico-advantage {
        width: auto!important;
        box-shadow: none!important;
        top: 0px!important;
        background: #EDF5FF!important;
        padding-top: 76px!important;
        padding: 0px 20px;
    }
    .header-container {
        right: auto!important;
        width: 100vw!important;
    }
    .mico-advantage .advantage-block {
        display: inherit!important;
        width: inherit!important;
        overflow: hidden;
        border: #ddd 1px solid;
        margin-bottom: 10px;
        background: #fff;
        padding: 25px 15px!important;
    }
    .mico-steps .steps-block {
        text-align: left!important;
    }
    .steps-block .step-box {
        display: inherit!important;
        margin: 0px 20px!important;
        padding: 0!important;
    }
    .step-box .text-block {
        position: relative;
        left: 70px;
        top: -51px;
        font-size: 14px!important;
        line-height: 18px!important;
    }
    .advantage-block .text-block {
        display: inherit!important;
        float: none!important;
        width: auto!important;
        overflow: hidden;
    }
    .steps-block .step-line {
        width: 71px!important;
        margin-top: 5px!important;
        position: relative;
        transform: rotate(90deg);
        top: -21px;
        left: 62px;
    }
    .steps-block .step-box:before {
        width: 5px!important;
        height: 5px!important;
        top: 11px!important;
        left: 74px!important;
    }
    .wrapper .mico-advantage:after {
        content: "微认证新优势";
        position: absolute;
        top: 27px;
        left: 0px;
        right: 0;

        text-align: center;
        font-size: 20px;

        color: #252B3A;
    }
    .mico-product,
    .test-bg {
        display: none;
    }
    .content-block .titleBar .caption {
        font-size: 20px!important;
    }
    .bg-part02 {
        background: #F1F7FF!important;
    }
    .content-block .titleBar {
        margin: 0 auto 0px!important;
    }
    .poster-caption-mobile {
        font-size: 24px!important;
        color: #fff;
        margin-bottom: 10px;
    }

    .poster-text {
        font-size: 0.37333333333rem!important;

        line-height: 0.74666666rem!important;
    }
    #container .wrapper-top .leader-poster {
        height: 8rem!important;
    }
    .text-block .register-title,
    .text-block .register-detail {
        font-size: 18px!important;
    }
    .innner-content,
    .register-block .text-block {
        width: inherit!important;
        display: inherit!important;
    }
    .text-block .register-detail,
    .text-block .register-title {
        margin: 0 auto!important;
        text-align: center!important;
        width: 7.1rem;
    }
    .content-block.register-block {
        height: inherit!important;
        padding: 13px 10px 16px!important;
    }
    .register-block .red-btn {
        display: table!important;
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        background-image: linear-gradient(36deg, #E41F2B 0%, #ED4C31 100%);
        background: #F66E6A;
        box-shadow: 0 4px 8px 0 rgba(227, 24, 31, 0.30);
        border-radius: 2px;
        min-width: inherit!important;
        width: 105px!important;
        height: 30px!important;
        line-height: 30px!important;
        font-size: 12px!important;
        margin-top: 8px;
    }
    .empty-btn:focus,
    .empty-btn:active,
    .white-btn:focus,
    .white-btn:active {
        background: #c7000b;
        border: 1px solid #c7000b;
        color: #fff;
    }
    .white-font span {
        font-size: 14px!important;
    }
    .text-block .register-title {
        font-weight: 600;
        margin-bottom: 10px!important;
    }
    .table-shadow {
        width: inherit!important;
        box-shadow: none!important;
        padding-bottom: 20px;
        margin: 0!important;
    }
    .white-font span:first-child,
    .rights-list tr td:first-child {
        width: 70%!important;
    }
    .white-font span:last-child,
    .rights-list tr td:last-child {
        width: 30%!important;
    }
    .content-block.mico-rights .titleBar {
        background: #fff;
        margin: 0px!important;
        padding: 20px 0px 10px 0px;
    }
    #container .wrapper-top .leader-poster {
        background: url(../images/micoAuthenticationImg/micro-certification_home_banner@2x.jpg) no-repeat center!important;
        background-size: cover!important;
    }
    .rights-list {
        border-left: none!important;
        border-right: none!important;
    }
    .step-box .img-block img {
        width: 48px!important;
        height: 48px!important;
    }
    .mico-advantage .advantage-block:nth-child(2) .img-block {
        position: relative;
        top: -3px;
    }
    .advantage-block .img-block {
        width: 42px!important;
        height: 42px!important;
    }
    .text-block .text-title {
        font-size: 16px!important;
        color: #252B3A!important;
    }
    .text-block .text-desc {
        display: block!important;
        color: #666a75!important;
    }
    /* course lists  start */
    .mico-courses-wrap {
        height: 100%;
        background: #fff;
        transition: all .3s
    }
    .mico-courses-wrap .course-pannel-item>span {
        display: block;
        width: 100vw;
        overflow: hidden;
        padding-left: 20px;
        line-height: 70px;
        max-height: 70px;
        color: #666a75;
        transition: all .3s;
        font-size: 16px;
        background: #fff;
    }
    .course-pannel-item>span span {
        margin-left: 30px;
        position: relative;
        left: 51px;
        font-size: 16px;
        color: #252B3A;
    }
    .course-pannel-item {
        position: relative;
        background: #fff;
        border-top: 1px solid #ddd;
    }
    .course-pannel-item.nav-show>span:before {
        content: "";
        width: 3px;
        height: 72px;
        background: #c7000b;
        position: absolute;
        left: 0;
        top: -1px;
    }
    .course-pannel-item ul {
        display: none;
        width: 100vw;
    }
    .course-pannel-item.nav-show ul {
        display: block;
        border-top: 1px solid #dedede;
    }
    .course-pannel-item>a:before {
        content: "";
        position: absolute;
        left: 0;
        width: 3px;
        height: 70px;
        background: #c7000b;
        opacity: 0;
        transition: all .3s
    }
    .mico-courses-wrap .nav-icon {
        width: 68px;
        height: 68px;
        position: absolute;
        margin-left: -1px
    }
    .nav-icon[data-categoryid="88f0bd"] {
        background: url(../images/micoAuthenticationImg/micro-certification_home_yunjisuan@2x.jpg);
        background-size: cover;
    }
    .nav-icon[data-categoryid="88f0bb"] {
        background: url(../images/micoAuthenticationImg/micro-certification_home_big_data_icon@2x.jpg);
        background-size: cover;
    }
    .nav-icon[data-categoryid="88f0be"] {
        background: url(../images/micoAuthenticationImg/micro-certification_home_AI_icon@2x.jpg);
        background-size: cover;
    }
    .nav-icon[data-categoryid="88f0bc"] {
        background: url(../images/micoAuthenticationImg/micro-certification_home_software_icon@2x.jpg);
        background-size: cover;
    }
    .nav-icon[data-categoryid="6cc451"] {
        background: url(../images/micoAuthenticationImg/micro-certification_home_cloud_security_icon@2x.jpg);
        background-size: cover;
    }
    .nav-icon[data-categoryid="09d56f"] {
        background: url(../images/micoAuthenticationImg/micro-certification_home_Internet_Things@2x.jpg);
        background-size: cover;
    }
    .nav-icon[data-categoryid="ab48b6"] {
        background: url(../images/micoAuthenticationImg/micro-certification_home_kunpeng@2x.PNG);
        background-size: cover;
    }
    .nav-more {
        float: right;

        font-size: 12px;
        width: 12px;
        height: 12px;
        position: relative;
        top: 30px;
        right: 15px;
        background: url(../images/micoAuthenticationImg/micro-certification_home_arrow_down@2x.svg);
        transition: transform .3s;
        transform: rotate(0deg);
    }
    .nav-show .nav-more {
        transform: rotate(180deg)
    }
    .nav-more-toggle {
        transform: rotate(0deg)!important
    }
    .nav-show>a:before {
        opacity: 1
    }
    .mico-title .default-show {
        margin-left: 5px!important;
        left: 0!important;
        font-size: 16px!important;
        color: #252B3A!important;
        line-height: 20px!important;
    }
    .mico-desc {
        color: #666a75!important;
    }
    .mico-wrapper {
        background: #EDF5FF!important;
        padding: 10px 15px 0px 15px;
    }
    .mico-wrapper>a {
        display: inline-block;
        height: inherit!important;
        padding: 15px 13px 15px 15px!important;
        background: #fff;
    }
    .course-pannel-item ul li {
        padding: 10px 0px 20px;
        background: #EDF5FF!important;
    }
    .mico-steps {
        padding: 20px 0 0!important;
    }
    .mico-courses-lists {
        width: 100vw;
        height: 76px;
        font-size: 20px;
        text-align: center;
        line-height: 90px;

    }
    /* course lists  end */
    #header .header-top {
        position: relative;
    }
    .poster-caption-index {
        display: none;
    }
    .warning-box .icon-warning {
        display: inherit!important;
        float: left;
        margin-top: 6px;
    }
    .pop-detail-block {
        width: 345px!important;
        height: 221px!important;
    }
    .warning-box .warning-detail {
        display: inherit!important;
        width: inherit!important;
        overflow: hidden;
        height: 66px!important;
    }
    .warning-box {
        padding: 27px 30px 10px 30px!important;
    }
}

@media (max-width:374px) {
    .pop-detail-block {
        width: 300px!important;
        height: 215px!important;
    }
    .warning-box {
        padding: 20px 30px 10px 30px!important;
    }
}

@media (min-width:769px) {
    .mico-courses-wrap {
        display: none;
    }
    .poster-caption-index {
        font-size: 48px;
        color: #ffffff;
        letter-spacing: 0;
        text-align: center;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .poster-caption-mobile {
        display: none;
    }
}


/* ***********************wrz   detail 2019-7-16 20:2:54*************************************** */

@media (max-width: 768px) {
    html,
    body {
        min-width: auto!important;
        overflow-x: hidden;
    }
    .wrapper {
        display: block!important;
    }
    .header-container {
        position: fixed;
        left: 0;
        right: inherit!important;
        z-index: 199;
        width: 100vw!important;
    }
    #container .wrapper-top .leader-poster-detail {
        height: 350px;
        width: 100vw!important;
    }
    #container .wrapper-top .leader-poster-detail {
        background: url(../images/micoAuthenticationDetailImg/micro-certification_banner@2x.jpg) no-repeat center!important;
        background-size: cover!important;
    }
    .wrapper,
    body,
    .bg-register {
        width: 100vw!important;
    }
    html,
    body {
        min-width: inherit!important;
    }
    .poster-caption-detail {
        font-size: 24px!important;
        text-align: center!important;
        line-height: 30px!important;
        margin-bottom: 10px;
        margin-top:-20px
    }
    .poster-text {
        font-size: 14px!important;
        line-height: 22px!important;
        width: inherit!important;
        text-align: center!important;
        margin-bottom:10px!important;
    }
    .price {
        margin-bottom:10px!important;
        line-height:22px!important;
    }
    .price .discount{
        font-size:18px!important;
    }
    .price .origin{
        font-size:14px!important;
    }
    .price .originalamount{
        font-size:14px!important;
    }
    .poster-content-box .red-btn{
        margin-right:10px!important;
    }
    .leader-poster-detail{
        height:300px!important;
    }
    .authentication_buy,
    .authentication_study {
        width: 104px!important;
        height: 32px!important;
        line-height: 32px!important;
    }

    .overall-block>div:hover {
        box-shadow: none!important;
    }
    .content-block .titleBar .caption {
        font-size: 20px!important;
    }
    .overall-block>div {
        width: inherit!important;
        padding: 25px 20px 25px 20px!important;
        margin-bottom: 10px!important;
        margin-right: inherit!important;
        border: #ddd 1px solid!important;
    }
    .overall-block .img-block img {
        width: 42px!important;
        height: 42px!important;
    }
    .overall-block .img-block {
        margin-bottom: 0!important;
        float: left;
        margin-right: 15px;
    }
    .overall-block .text-block {
        overflow: hidden;
    }
    .overall-block .text-block .title,
    .overall-block .text-block .detail {
        text-align: left!important;
    }
    .overall-block .text-block .title {
        font-size: 16px!important;
        margin-bottom: 4px!important;
    }
    .overall-block .text-block .detail {
        width: inherit!important;
        height: inherit!important;
        color: #666a75!important;
    }
    .content-block .overall-block {
        padding: 10px 15px!important;
    }
    .content-block.mico-detail-overall {
        padding: 20px 0px 0px 0px!important;
    }
    .bg-part01 {
        background: #EDF5FF!important;
    }
    .titleBar {
        margin: 0!important;
    }
    .content-block .titleBar .caption {
        margin: 0!important;
    }
    .mico-detail-steps {
        display: none;
    }
    .content-block.register-block {
        padding: inherit!important;
        height: inherit!important;
        padding-bottom: 16px!important;
        padding-top: 16px!important;
    }
    .innner-content {
        width: inherit!important;
    }
    .register-block .text-block {
        display: inherit!important;
        width: inherit!important;
    }
    .text-block .register-detail {
        margin-left: 0!important;
    }
    #header .header-top {
        position: relative;
    }
    .register-block .red-btn {
        display: table!important;
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        background-image: linear-gradient(36deg, #E41F2B 0%, #ED4C31 100%);
        background: #F66E6A;
        box-shadow: 0 4px 8px 0 rgba(227, 24, 31, 0.30);
        border-radius: 2px;
        min-width: inherit!important;
        width: 105px!important;
        height: 30px!important;
        line-height: 30px!important;
        font-size: 12px!important;
        margin-top: 8px;
    }
    .text-block .register-title,
    .text-block .register-detail {
        font-size: 18px!important;
    }
    .innner-content,
    .register-block .text-block {
        width: inherit!important;
        display: inherit!important;
    }
    .text-block .register-detail,
    .text-block .register-title {
        margin: 0 auto!important;
        text-align: center!important;
        width: 266px;
    }
    .content-block.register-block {
        height: inherit!important;
    }
    .text-block .register-title {
        margin-bottom: 10px!important;
        font-weight: bold;
    }
    /* ******************认证步骤  开始************************* */
    .mico-courses-detail-wrap {
        height: 100%;
        transition: all .3s;
        width: 100vw;
    }
    .mico-courses-detail-wrap .course-detail-pannel-item>span {
        display: block;
        overflow: hidden;
        padding-left: 20px;
        line-height: 70px;
        max-height: 70px;
        color: #fff;
        transition: all .3s;
        font-weight: bold;
        font-size: 16px;
        background-image: linear-gradient(-263deg, rgba(86, 147, 255, 0.90) 0%, rgba(101, 197, 242, 0.90) 100%);
    }
    .mico-courses-detail-wrap span span {
        margin-left: 30px;
        position: relative;
        left: 25px;
    }
    .course-detail-pannel-item {
        position: relative;
        background: #fff;
        border-top: 1px solid #fff;
    }
    .course-detail-pannel-item.nav-detail-show {}
    .course-detail-pannel-item ul {
        display: none;
        width: 100vw;
    }
    .course-detail-pannel-item.nav-detail-show ul {
        display: block
    }
    .mico-courses-detail-wrap .nav-icon {
        width: 48px;
        height: 48px;
        position: absolute;
        margin-left: -1px;
        top: 11px;
        left: 20px;
    }
    .nav-icon.goumairenzhen {
        background: url(../images/micoAuthenticationDetailImg/micro-certification_detail_01@2x.svg);
        background-size: cover;
    }
    .nav-icon.zaixianxuexi {
        background: url(../images/micoAuthenticationDetailImg/micro-certification_detail_02@2x.svg);
        background-size: cover;
    }
    .nav-icon.dongshoushiyan {
        background: url(../images/micoAuthenticationDetailImg/micro-certification_detail_03@2x.svg);
        background-size: cover;
    }
    .nav-icon.zanxiankaoshi {
        background: url(../images/micoAuthenticationDetailImg/micro-certification_detail_04@2x.svg);
        background-size: cover;
    }
    .nav-icon.huoquzhenshu {
        background: url(../images/micoAuthenticationDetailImg/micro-certification_detail_05@2x.svg);
        background-size: cover;
    }
    .nav-detail-more {
        float: right;
        font-size: 12px;
        width: 12px;
        height: 12px;
        position: relative;
        top: 30px;
        right: 14px;
        background: url(../images/micoAuthenticationDetailImg/micro-certification_detail_arrow@2x.svg);
        transition: transform .3s;
        transform: rotate(0deg);
    }
    .nav-detail-show .nav-detail-more {
        transform: rotate(180deg)
    }
    .nav-detail-show>a:before {
        opacity: 1
    }
    .step-box {
        width: inherit!important;
        padding: 20px 15px 15px 15px!important;
    }
    .mico-courses-detail-lists {
        width: 100vw;
        height: 76px;
        font-size: 20px;
        text-align: center;
        line-height: 90px;
        background: #fff;
    }
    .step-box .step-button {
        position: relative!important;
        right: inherit!important;
        top: 15px!important;
        margin-bottom: 20px;
        text-align: center;
    }
    .step-box .step-button a {
        display: inherit!important;
        padding: inherit!important;
        margin: auto;
        width: 104px;
        height: 32px;
        line-height: 32px!important;
    }
    .white-font-detail span:first-child,
    .study-table tr td:first-child {
        min-width: 30.6%!important;
        text-align: left;
        padding-left: 15px!important;
        word-break: break-all;
    }
    .white-font-detail span:last-child,
    .study-table tr td:last-child {
        width: 40.3%!important;
    }
    .white-font-detail span:nth-child(2),
    .study-table tr td:nth-child(2) {
        width: 27%!important;
    }
    .white-font-detail {
        background: inherit!important;
        background-image: linear-gradient(-263deg, rgba(86, 147, 255, 0.90) 0%, rgba(101, 197, 242, 0.90) 100%)!important;
    }
    .white-font-detail span {
        display: inline-block;
        color: #fff;
        font-size: 14px!important;
        padding: 0!important;
        padding-left: 15px!important;
        height: 48px;
        line-height: 48px;
        border-right: 1px solid #DFECFF!important;
    }
    .step-box-learning {
        width: 100%!important;
        padding: 20px 0px 15px 0px!important;
    }
    .study-table {
        border: none!important;
    }
    .study-table tr td {
        padding: 20px 15px!important;
    }
    .white-font-detail span:first-child {
        position: relative;
        left: 10px;
        padding-left: 0!important;
        text-align: center;
    }
    .white-font-detail span:nth-child(2) {
        position: relative;
        left: 5px;
        padding-left: 0px!important;
        text-align: center;
    }
    .white-font-detail span:nth-child(3) {
        text-align: center;
        padding-left: 0!important;
    }
    .step-box-learning .step-caption,
    .step-box-learning .step-info {
        margin: 0px 15px 15px;
    }
    .exper-caption i.exper-icon {
        display: inline-block;
        width: 18px!important;
        height: 18px!important;
        vertical-align: middle;
        margin-right: 10px;
    }
    .experiment-step .exper-caption:nth-child(1) i.exper-icon {
        background: url(../images/micoAuthenticationDetailImg/micro-step-one.png) no-repeat center/contain!important;
    }
    .experiment-step .exper-caption:nth-child(3) i.exper-icon {
        background: url(../images/micoAuthenticationDetailImg/micro-step-two.png) no-repeat center/contain!important;
    }
    .experiment-step .exper-caption:nth-child(5) i.exper-icon {
        background: url(../images/micoAuthenticationDetailImg/micro-step-three.png) no-repeat center/contain!important;
    }
    .exper-content {
        position: relative;
        padding: 10px 0;
    }
    .exper-content:last-child {
        padding-bottom: 0;
    }
    .experiment-step .exper-content:nth-child(2)::after {
        display: inline-block;
        width: 1px;
        height: 95%!important;
        content: '';
        background: none!important;
        border-left: 1px dashed #666a75;
        left: 8px!important;
        top: 3px!important;
    }
    .experiment-step .exper-content:nth-child(4)::after {
        display: inline-block;
        width: 1px;
        height: 98%!important;
        content: '';
        background: none!important;
        border-left: 1px dashed #666a75;
        left: 8px!important;
        top: 3px!important;
    }
    .exper-caption span {
        font-size: 14px!important;
        color: #252B3A!important;
        font-weight: bold;
    }
    .step-box-expriment {
        padding: 20px 0px 15px 0px!important;
    }
    .step-box-expriment .step-info {
        padding: 0px 15px;
    }
    .step-box-online-test {
        padding: 20px 0px 15px 0px!important;
        width: 100vw!important;
    }
    .mb-test-prompt {
        height: 50px;
        line-height: 50px;
        padding-left: 15px;
        background: rgba(255, 136, 51, .1)
    }
    .test-prompt-img {
        position: relative;
        top: 6px;
        display: inline-block;
        margin-right: 6px;
        width: 25px;
        height: 22px;
        background: url(../images/micoAuthenticationDetailImg/tips_02@2x.svg)
    }

    /* ******************认证步骤  结束************************* */
    .step-box .step-info {
     color: #666a75!important;
    }
	.register-block .inner-content{
    position:relative;
    height:117px;
}

.text-block.register-title{
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
}
.text-block.register-detail{
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
}


.register-block.red-btn{
top:85px;
}
	/* ******************个人中心  微认证移动端  开始************************* */
	/* top pannel  start */
            .course-back-btn {
                height: 44px;
                width: 100vw;
                position: fixed;
                display: flex;
                justify-content: space-between;
                line-height: 44px;
                top: 0px;
                z-index: 1000;
            }
            .course-back-btn a {
                display: inline-block;
                padding: 0px 15px;
            }
            .course-back-btn a img {
                vertical-align: middle;
            }
            .course-back-name {
                margin: auto;
                position: absolute;
                width: 100px;
                left: 0;
                right: 0;
                display: table;
                font-size: 16px;
                text-align: center;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            /* top pannel  end */
            /* tabs   start */
            .table-tabs {
                position: fixed;
                top: 24px;
                height: 44px;
                width: 100vw;
                z-index: 100;
                display: flex!important;
                justify-content: space-around;
                padding-top: 9px;
                background: #fff;
                border-bottom: #ddd 1px solid;
                margin-bottom: 16px!important;
            }
            .table-tabs a {
                width: auto!important;
                border: none!important;
                color: #222;
            }
            .table-tabs .active {
                color: #252b3a!important;
                background: #fff!important;
                border: none!important;
                font-weight: 600;
                margin-right: 0px!important;
                border-bottom: #c7000b 2px solid!important;
            }
            /* tabs   end */
            /* nodata   start */
            #content .no-data-hide {
                padding-top: 205px;
                width: inherit;
            }
            .result-tips {
                width: 82%;
                margin: 25px auto;
            }
            .result-img-cover {
                width: 70px;
                height: 85px;
            }
            /* nodata  end */
            /* back to top   start */

            /* back to top   end */
            /* data status  start */
            .wrz-finished-status-wrap {
                margin-top: 90px;
            }
            .wrz-finished-status-wrap>li {
                display: none;
            }
            /* data status  end */
            /* getting certificate tip  start */
            .getting-certificate-tip {
                padding: 14px 15px;
                background: rgba(246, 111, 106, 0.10);
                position: relative;
                top: 88px;
            }
            .getting-certificate-tip-icon {
                width: 25px;
                height: 22px;
                float: left;
                margin-right: 5px;
                background-size: contain;
                background-image: url(../images/myinfo/getting-certificate-tips-icon.svg);
            }
            .getting-certificate-text {
                overflow: hidden;
                font-size: 14px;
                color: #c7000b;
                display: block;
                letter-spacing: 0.5px;
            }
            /* getting certificate tip   end */
            /* certificate course lists  start */
            .getting-certificate-wrap {
                margin: 0px 15px;
                border-radius: 2px;
                border: #ddd 1px solid;
                margin-bottom: 58px;
                position: relative;
                top: 28px;
            }
            .getting-certificate-wrap .certificate-pannel-item>span {
                display: block;
                overflow: hidden;
                padding-left: 15px;
                line-height: 48px;
                max-height: 48px;
                color: #000;
                font-weight: 600;
                transition: all .3s;
                font-size: 14px;
                background: #fff;
            }
            .certificate-pannel-item>span span {
                position: relative;
                font-size: 14px;
                color: #000;
                width: 88%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: inline-block;
				cursor: pointer;
            }
            .certificate-pannel-item:not(:first-child) {
                position: relative;
                background: #fff;
                border-top: 1px solid #ddd;
            }
            .certificate-pannel-item ul {
                display: none;
                padding: 0px 15px;
                background: #f6f6f6;
            }
            .certificate-pannel-item.certificate-nav-show ul {
                display: block;
                border-top: 1px solid #ddd;
            }
            .certificate-pannel-item ul li:not(:last-child) {
                border-bottom: 1px solid #ddd;
                height: 48px;
                line-height: 48px;
                font-size: 12px;
                color: #575D6C;
            }
            .certificate-grid-name {
                padding-right: 30px;
            }
            .certificate-grid-pass-icon {
                width: 16px;
                height: 16px;
                background: url(../images/myinfo/done.svg);
                display: inline-block;
                vertical-align: text-bottom;
                margin-right: 8px;
            }
            .certificate-grid-nopass-icon {
                width: 16px;
                height: 16px;
                background: url(../images/myinfo/undo.svg);
                display: inline-block;
                vertical-align: text-bottom;
                margin-right: 8px;
            }
            .enter-micro-certificate {
                background: #c7000b;
                border-radius: 2px;
                width: 108px;
                height: 32px;
                line-height: 32px;
                display: block;
                color: #fff;
                text-align: center;
                margin: 16px auto;
                font-size: 12px;
            }
            .certificate-download {
                color: #526ECC;
                text-decoration: underline;
				cursor: pointer;
            }
            .certificate-nav-more {
                float: right;
                font-size: 12px;
                width: 13px;
                height: 12px;
                position: relative;
                top: 20px;
                right: 14px;
                background: url(../images/micoAuthenticationImg/micro-certification_home_arrow_down@2x.svg);
                transition: transform .3s;
                transform: rotate(0deg);
                opacity: .8;
            }
            .certificate-nav-show .certificate-nav-more {
                top: 18px;
                transform: rotate(180deg);
            }
            .certificate-nav-more-toggle {
                transform: rotate(0deg)!important;
            }
            .certificate-nav-show>a:before {
                opacity: 1
            }
            /*certificate course lists  end */
            .wrz-finished-finished {
                padding-top: 1px;
            }

            /* 2019-10-25 14:25:59  add   start */
            .table-tabs span {
                display: none!important;
            }

            .mycertificate-back-icon {
                width: 24px;
                height: 24px;
                display: block;
                background: url(../images/myinfo/hd-arrow-back.svg);
                cursor: pointer;
                margin: 10px 0;
            }



	/* ******************个人中心  微认证移动端  结束************************* */

}

@media (min-width:768px) {
    .mico-courses-detail-wrap {
        display: none;
    }
    .poster-caption-detail {
        font-size: 48px;
        color: #ffffff;
        letter-spacing: 0;
        text-align: left;
        line-height: 60px;
        margin-bottom: 10px;
    }
	 .wrz-finished-status-wrap,
            .course-back-btn {
                display: none;
            }
}
@media (max-width: 1660px) {
    .hwc-home-header .isDeveloper .show-search-box .header-nav {
    width: calc(100% - 377px)!important;
}
}