@media (min-width:992px) {
    .custom-col-md-9 {
        width:72%;
        margin-right:20px;
    }
}

.bg-light {
    background-color:#f5f5f5 !important;
}

.bg-white {
    background-color:#ffffff !important;
    box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.10);
}

.m-20 {
    margin-top:20px;
    margin-bottom:20px;
}

.text-dark {
    color:#343a40 !important;
}

.pl-2, .px-2 {
    padding-left:10px !important;
}

.mr-2, .mx-2 {
    margin-right:10px !important;
}

.gg-area a {
    cursor:pointer;
}

.text-dark {
    color:#3f3f3f !important;
}

.font-14 {
    font-size:.875rem;
}

.text-ellipsis {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    display:block;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

input::-webkit-input-placeholder {
    color:#adb0b8
}

.px-lg-3 {
    padding:10px;
}

.tongbubeike-list img {
    max-width:100%;
    vertical-align:middle;
}

.item-list h5 {
    display:inline-block;
    border-bottom:2px solid #39f;
    font-size:16px;
    padding:10px 0;
}

.item-list li {
    border-bottom:1px solid #eaeaea;
    padding-top:10px;
    padding-bottom:10px;
    -ms-flex-align:center !important;
    align-items:center !important;
    display:-ms-flexbox !important;
    display:flex !important;
}

.item-list li b {
    display:block;
    width:3px;
    height:3px;
    background-color:#f99;
    border-radius:100%;
    padding:.1rem
}

input:-moz-placeholder,
input::-moz-placeholder {
    color:#adb0b8;
    opacity:1
}

#content input,
#content textarea {
    border:1px solid #adb0b8
}

#content input:hover,
#content textarea:hover {
    border:1px solid #575d6c
}

input::-ms-input-placeholder {
    color:#adb0b8
}

textarea::-webkit-input-placeholder {
    color:#adb0b8
}

textarea:-moz-placeholder,
textarea::-moz-placeholder {
    color:#adb0b8;
    opacity:1
}

textarea::-ms-input-placeholder {
    color:#adb0b8
}

.blog-content-body .isMb {
    display:none;
}

#content {
    position:relative;
    background:#f5f5f5;
    padding-bottom:56px;
}

.main-content {
    max-width:1200px;
    margin:0 auto;
}

.wrapper-main {
    position:relative;
    overflow:hidden;
}

.cloud-blog-detail-left {
    width:100%;
    padding:20px 5px;

}

@media only screen and (min-width:1439px) {
    .main-content {
        max-width:1280px;
    }
}

@media only screen and (max-width:1370px) and (min-width:1201px) {
    .main-content {
        max-width:1024px;
    }
}

.main-content .por-breadcrumb {
    padding:20px 0 16px;
}

.cloud-blog-detail-title {
    font-size:32px;
    line-height:40px;
    color:#252b3a;
    margin-bottom:19px;
    margin-top:0;
    font-weight:600;
    word-wrap:break-word;
    word-break:break-all;
}

.common-blog-icons-cloud-blog {
    position:relative;
    margin-bottom:20px;
}

.common-blog-icons-cloud-blog .m-blog-view-info {
    font-size:0;
    margin-top:1px;
    display:inline-block;
}

.m-author-min-head {
    font-size:0;
    margin-right:24px;
    display:inline-block;
}

.m-author-min-head * {
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
}

.author-min-head {
    margin-right:10px;
    display:inline-block;
    height:24px;
    width:24px;
    line-height:24px;
    font-size:0;
}

.common-blog-icons {
    overflow:hidden;
}

.common-blog-icons .author-min-head img {
    width:24px;
    height:24px;
    border-radius:100%;
}

.m-author-min-head .sub-content-username {
    margin-right:5px;
    color:#252b3a;
}

.page-transit .cloud-que-detail-answerBtn {
    display:none;
}

.cloud-blog-detail-summary {
    background:#f5f5f5;
    padding:24px;
    line-height:28px;
    font-size:16px;
    margin-bottom:20px;
    white-space:normal;
    word-break:break-all;
}

.cloud-blog-detail-attachment-download {
    margin-bottom:20px;
}

.cloud-blog-detail-attachment-download li {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    color:#252b3a;
    margin-bottom:15px;
}

.cloud-blog-detail-attachment-download li img {
    height:20px;
    width:20px;
    margin-right:10px;
}

.cloud-blog-detail-attachment-download li .attLink {
    margin-right:12px;
    overflow:hidden;
    word-break:break-all;
    max-width:600px;
    overflow-wrap:break-word;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
}

.cloud-blog-detail-attachment-download li .attSize {
    margin-right:32px;
    color:#8a8e99;
}

.cloud-blog-detail-attachment-download li .downloadNum {
    color:#8a8e99;
}

.cloud-blog-detail-attachment-download li .downloadNum i {
    font-style:normal;
}

.cloud-blog-detail-copyrights {
    padding:24px;
    font-size:16px;
    line-height:28px;
    background:#f5f5f6;
    margin-bottom:24px;
}

.blog-menu-footer {
    font-size:0;
    margin-bottom:40px;
}

.blog-menu-footer .common-blog-menu-btn {
    padding:0 12px;
    line-height:24px;
    height:24px;
    margin-right:8px;
    margin-bottom:8px;
}

.operate-block {
    font-size:0;
    text-align:center;
    margin-bottom:32px;
}

.operate-block li {
    display:inline-block;
    height:40px;
    line-height:40px;
    border-radius:20px;
    padding:0 24px 0 54px;
    margin-right:24px;
    font-size:14px;
    border:1px solid #252b3a;
    cursor:pointer;
    position:relative;
}

.operate-block li i {
    position:absolute;
    left:24px;
    top:9px;
    width:20px;
    height:20px;
}

.operate-block li.active,
.operate-block li:hover {
    border-color:#c7000b;
    color:#c7000b;
}

.operate-block li:last-child {
    margin-right:0;
}

.operate-block li.active [class^=icon-],
.operate-block li:hover [class^=icon-] {
    background-position:right;
}

.float-left-lists {
    position:fixed;
    top:180px;
    margin-left:-80px;
    padding-right:30px;
    font-size:0;
    z-index:9;
}

.scrolled .float-left-lists {
    top:95px;
}

@media (max-width:1380px) and (min-width:769px) {
    .scrolled .float-left-lists {
        top:130px;
    }
}

.float-left-lists .list-item {
    position:relative;
    margin-bottom:20px;
    width:48px;
}

.float-left-lists .list-item.hasTips {
    padding-right:80px;
}

.float-left-lists .list-item i {
    width:48px;
    height:48px;
    display:inline-block;
    background-color:#fff;
    border-radius:50%;
    cursor:pointer;
}

.float-left-lists .list-item:last-child i {
    margin-bottom:0;
}

.float-left-lists .list-item:not(.disabled).active i,
.float-left-lists .list-item:not(.disabled):hover i {
    background-position-x:right;
}

.float-left-lists .list-item.active .float-tips-block,
.float-left-lists .list-item:hover .float-tips-block {
    display:block;
}

.float-left-lists .list-item.disabled i {
    background-color:#f7f7f7;
    opacity:0.7;
    cursor:default;
}

.float-share-list li {
    text-align:center;
    display:inline-block;
    padding:0 8px;
    cursor:pointer;
}

.float-share-list li:last-child {
    padding-right:0;
}

.float-share-list li:first-child {
    padding-left:0;
}

.icon-float-share-list {
    width:32px;
    height:32px;
    display:inline-block;
    margin-bottom:4px;
}

.por-tooltip-content {
    font-size:0;
}

.float-left-lists .float-tips-block {
    position:absolute;
    background:#fff;
    padding:12px 20px;
    left:64px;
    top:0;
    display:none;
    -webkit-box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.20);
    box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.20);
    min-width:186px;
}

.float-left-lists .float-tips-block:before {
    content:"";
    border-width:6px;
    border-style:solid;
    position:absolute;
    border-color:transparent rgb(255, 255, 255) transparent transparent;
    left:-12px;
    top:15px;
}

.float-left-lists .float-tips-block .content-list {
    font-size:14px;
    width:243px;
    max-height:300px;
    overflow-y:scroll;
}

.float-left-lists .float-tips-block .content-list > li {
    padding-left:22px;
    position:relative;
    line-height:22px;
    font-weight:bold;
    color:#252b3a;
    margin-bottom:16px;
}

.float-left-lists .float-tips-block .content-list > li.hasExpand {
    cursor:pointer;
}

.float-left-lists .float-tips-block .content-list > li:last-child {
    margin-bottom:0;
}

.float-left-lists .float-tips-block .content-list > li a {
    white-space:normal;
    word-break:break-word;
    -webkit-line-clamp:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
}

.float-left-lists .float-tips-block .content-second-list > li {
    padding-left:31px;
    font-weight:100;
    color:#575d6c;
    position:relative;
    margin-top:8px;
}

.float-left-lists .float-tips-block .content-list > li:before,
.float-left-lists .float-tips-block .content-second-list > li:before {
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:16px;
    height:16px;
    display:inline-block;
}

.float-left-lists .float-tips-block .content-list > li.hasExpand:before {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEVHcExhYW1YXmxXXm1daHRXXWxN3zriAAAABXRSTlMAFdS/FrilO9YAAAA+SURBVBjTY2AYGMBsCCKFDSCcIAEGBkZVCIdRVZGBQQgkAgJABlgAJgWXAEnBJUBSCAkGBidFJKtYBGjgfgDYdQUNEq/6yQAAAABJRU5ErkJggg==) no-repeat center/cover;
}

.float-left-lists .float-tips-block .content-list > li.hasExpand.active:before {
    transform:rotateX(180deg);
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEVHcExhYW1YXmxXXm1daHRXXWxN3zriAAAABXRSTlMAFdS/FrilO9YAAAA+SURBVBjTY2AYGMBsCCKFDSCcIAEGBkZVCIdRVZGBQQgkAgJABlgAJgWXAEnBJUBSCAkGBidFJKtYBGjgfgDYdQUNEq/6yQAAAABJRU5ErkJggg==) no-repeat center/cover;
}

.float-left-lists .float-tips-block .content-second-list > li a:hover,
.float-left-lists .float-tips-block .content-list > li a:hover {
    color:#c7000b;
}

.float-left-lists .float-tips-block .content-list > li.active:before {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
}

.float-left-lists .float-tips-block .content-second-list > li:before {
    width:6px;
    height:1px;
    background:#adb0b8;
    left:18px;
    top:10px;
}

.other-article-block {
    margin-bottom:32px;
}

.other-article-block .por-text-title-t5 {
    margin-bottom:16px;
}

.other-article-block .link-list li {
    margin-bottom:12px;
    font-size:0;
    padding-left:5px;
    position:relative;
}

.other-article-block .link-list li:before {
    content:'';
    position:absolute;
    left:0;
    top:10px;
    display:inline-block;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#adb0b8;
}

.other-article-block .link-list li a {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
    max-width:100%;
}

.comment-block {
    padding-top:32px;
    border-top:1px solid #dfe1e6;
    position:relative;
}

.comment-block .por-text-title-t5 {
    margin-bottom:20px;
}

.comment-textarea-wrap {
    width:100%;
    position:relative;
    font-size:0;
    /*padding-bottom: 56px;*/
    margin-bottom:32px;
    margin-top:16px;
}

.comment-textarea-wrap:hover {
    border-color:#575d6c;
}

.comment-textarea-wrap .comment-textarea {
    width:100%;
    resize:none;
    font-size:14px;
    border:none;
    height:100%;
    line-height:22px;
    padding:9px 9px 21px 12px;
    border:1px solid #adb0b8;
    min-height:80px;
}

.comment-textarea-wrap .comment-textarea-tips {
    text-align:center;
    padding:0;
    height:80px;
    line-height:80px;
    display:block;
    color:#575d6c;
    background:#f9f9f9;
    border-radius:2px;
    font-size:14px;
}

.comment-textarea-wrap .comment-textarea-wordwrap {
    position:absolute;
    bottom:60px;
    padding-right:4px;
    color:#adb0b8;
    font-size:12px;
    display:inline-block;
    right:0;
}

.comment-textarea-wrap .comment-textarea-wordwrap var {
    font-style:normal;
    color:#252b3a;
}

.comment-btn.por-btn {
    padding:0 24px;
    position:absolute;
    bottom:0px;
    right:0;
}

.comment-list {
    position:relative;
}

.comment-list > li,
.comment-list-second > li {
    margin-bottom:32px;
    overflow:hidden;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}

.comment-list .commenter-head {
    width:36px;
    margin-right:16px;
}

.comment-list .commenter-head a {
    font-size:0;
    width:36px;
    height:36px;
    display:inline-block;
    position:relative;
}

.comment-list .commenter-head img {
    width:36px;
    height:36px;
    border-radius:50%;
}

.comment-list .commenter-head i {
    position:absolute;
    width:16px;
    height:16px;
    right:0;
    bottom:0;
    display:inline-block;
}

.comment-list .comment-detail {
    width:calc(100% - 52px);
}

.comment-list .comment-detail .comment-info {
    font-size:0;
    line-height:36px;
    height:36px;
    margin-bottom:5px;
    color:#575d6c;
}

.comment-list .comment-detail .comment-info * {
    display:inline-block;
    font-size:14px;
    line-height:22px;
    vertical-align:middle;
}

.comment-detail .commenter-name {
    color:#252b3a;
    font-weight:bold;
    margin-right:16px;
}

.comment-detail .comment-timer {
    color:#8a8e99;
}

.comment-detail .comment-reply-btn, .comment-detail .comment-floor {
    margin-top:5px;
}

.comment-detail .comment-operate * {
    vertical-align:middle;
}

.comment-detail .comment-reply-btn {
    margin-right:0px;
    padding-left:20px;
    position:relative;
}

.comment-detail .comment-reply-btn.cancel:before {
    display:none;
}

.comment-detail .comment-reply-btn:before {
    content:"";
    background:url(../images/icon-comments.svg) no-repeat center;
    display:inline-block;
    left:0;
    top:4px;
    position:absolute;
    height:16px;
    width:16px;
}

.comment-detail .comment-reply-btn:hover:before {
    background:url(../images/icon-comments-hover.svg) no-repeat center;
}

.comment-list .comment-detail .comment-info .comment-floor {
    margin-left:16px;
    font-size:12px;
}

.comment-detail .comment-reply-btn,
.comment-detail .comment-floor,
.comment-detail .comment-operate {
    float:right;
}

.comment-detail .comment-msg {
    color:#252b3a;
    position:relative;
    word-break:break-word;
    display:flex;
    align-items:baseline;
}

.check-flag {
    display:inline-block;
    color:#fff;
    padding:0 4px;
    border-radius:2px;
    font-size:12px;
    margin-right:4px;
    flex-shrink:0;
}

.auditing-flag {
    background:#5E7CE0;
}

.nopass-flag {
    background-color:#F66F6A;
}

.comment-detail .comment-msg.nopass-text {
    color:#B4B7BE;
}

.comment-detail .comment-msg.has-more,
.comment-list-second .comment-detail .comment-msg.has-more {
    max-height:132px;
    overflow:hidden;
    margin-bottom:0px;
}

.comment-detail .comment-msg.show-more,
.comment-list-second .comment-detail .comment-msg.show-more {
    max-height:none;
}

.comment-detail .comment-info .comment-operate {
    float:right;
    margin-right:0px;
    margin-left:16px;
}

.comment-detail .comment-info .comment-operate * {
    display:none;
    margin-top:5px;
}

.comment-detail .comment-operate a {
    margin-right:25px;
    position:relative;
    font-size:14px;
}

.comment-detail .comment-operate a:after {
    content:"";
    position:absolute;
    right:-13px;
    width:1px;
    display:inline-block;
    height:14px;
    top:4px;
    background:#d8d8d8;
}

.comment-detail .comment-operate a:last-child {
    margin-right:0;
}

.comment-detail .comment-operate a:last-child:after {
    display:none;
}

.comment-list-second {
    background:rgba(245, 245, 246, 0.60);
    padding:20px 34px 20px 20px;
    position:relative;
    margin-top:16px;
}

.comment-list .comment-list-second .comment-operate {
    margin-right:0;
}

.comment-detail .comment-list-second[data-comment-two-total='0'] {
    display:none;
}

.comment-list-second li {
    margin-bottom:0px;
}

.comment-list-second .comment-detail .comment-msg {
    margin-bottom:20px;
}

.comment-list .view-more-second {
    margin:0 auto;
}

.comment-block .comment-more-cover {
    position:absolute;
    bottom:0;
    width:100%;
    margin-bottom:0;
    left:0;
}

.comment-block .comment-more-cover.second-more {
    position:relative;
}

.comment-block .comment-more-cover:not(.second-more) {
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), color-stop(83%, #ffffff));
    background:linear-gradient(180deg, rgba(255, 255, 255, 0.00), #ffffff 83%);
    height:80px;
    line-height:80px;
}

.comment-detail .show-more-comment {
    margin-bottom:16px;
}

.check-more-tip {
    padding-left:48px;
}

.comment-block .comment-more,
.comment-detail .show-more-comment {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.comment-block .comment-more-cover:not(.second-more) .view-more {
    background:#f5f5f6;
    border-radius:2px;
}

.comment-list .hide-second .comment-list-second {
    display:none;
}

.comment-list .hide-this {
    display:none;
}

.sidebar-right {
    /*width: 288px;*/
    padding:20px;
    background:#fff;
    margin-bottom:16px;
    /*box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.10); */
}

.sidebar-right > h3 {
    margin-bottom:20px;
}

.sidebar-right .link-list li {
    margin-bottom:16px;
    line-height:20px;
    font-size:14px;
}

.sidebar-right .link-list li a {
    -webkit-line-clamp:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    word-break:break-all;
    overflow:hidden;
    white-space:normal;
    color:#252b3a;
}

.sidebar-right li a:hover {
    color:#c7000b;
}

.sidebar-right .product-list li {
    font-size:0;
    margin-bottom:16px;
    color:#252b3a;
}

.sidebar-right .product-list li:last-child {
    margin-bottom:0;
}

.sidebar-right .product-list .product-icon {
    width:32px;
    height:32px;
    font-size:32px;
    vertical-align:middle;
}

.sidebar-right .product-list .product-title {
    font-weight:bold;
    display:inline-block;
    max-width:calc(100% - 48px);
    padding-left:16px;
    vertical-align:middle;
    color:inherit;
}

.sidebar-right.ad-card img {
    height:150px;
    width:calc(100% + 40px);
    margin:-20px;
}

.sidebar-right .blogger-content .blogger-info {
}

.sidebar-right .blogger-content .blogger-img {
    margin-right:20px;
    display:inline-block;
    vertical-align:top;
}

.sidebar-right .blogger-content .blogger-img img {
    width:48px;
    height:48px;
    border-radius:50%;
}

.sidebar-right .blogger-content .blogger-detail {
    width:calc(100% - 74px);
    display:inline-block;
    vertical-align:top;
    margin-bottom:20px;
}

.sidebar-right .blogger-detail p {
    margin-bottom:8px;
}

.sidebar-right .blogger-detail p i {
    display:inline-block;
    width:20px;
    height:20px;
}

.sidebar-right .blogger-content .blogger-detail p * {
    display:inline-block;
    vertical-align:middle;
}

.sidebar-right .blogger-detail .blogger-name {
    font-weight:bold;
    margin-right:8px;
    max-width:calc(100% - 28px);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.sidebar-right .blogger-detail .blog-counter {
    margin-bottom:0;
}

.sidebar-right .blogger-detail .blog-counter label {
    display:inline-block;
    margin-right:32px;
    height:18px;
    line-height:18px;
}

.sidebar-right .blogger-detail .blog-counter label:last-child {
    margin-right:0;
}

.sidebar-right .blogger-detail .blog-counter label a {
    vertical-align:top;
    color:#252b3a;
}

.sidebar-right .blogger-detail .blog-counter label a:hover {
    color:#c7000b;
}

.sidebar-right .blogger-num-list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.sidebar-right.hide-btn .blogger-content .blogger-btn-list {
    display:none;
}

.sidebar-right .blogger-btn-list {
    border-top:1px solid #dfe1e6;
    padding-top:20px;
    margin-top:20px;
}

.sidebar-right .blogger-num-list li {
    margin-right:17px;
    width:72px;
    text-align:center;
    position:relative;
    padding:6px 4px 8px;
}

.sidebar-right .blogger-num-list li:after {
    content:"";
    position:absolute;
    height:25px;
    width:1px;
    background:#dfe1e6;
    display:inline-block;
    right:-8px;
    top:16px;
}

.sidebar-right .blogger-num-list li .counter-label {
    margin-bottom:5px;
}

.sidebar-right .blogger-num-list li:last-child {
    margin-right:0;
}

.sidebar-right .blogger-num-list li:last-child:after {
    display:none;
}

.sidebar-right .blogger-btn-list {
    text-align:center;
}

.sidebar-right .blogger-btn-list button {
    width:calc(50% - 20px);
    margin-right:12px;
}

.sidebar-right .blogger-btn-list button:last-child {
    margin-right:0;
}

.sidebar-cover .sidebar-right:last-child {
    margin-bottom:0;
}

.mobile-commenter,
.mobile-commenter-cover {
    display:none;
}

.cloud-blog-detail-right .sidebar-cover {
    float:right;
}

.sidebar-right.sidebar-fixed {
    position:fixed;
    top:75px;
    z-index:9;
    margin-bottom:0;
    margin-top:20px;
}

.sidebar-right.sidebar-absolute {
    position:absolute;
    bottom:0;
    right:0;
    z-index:9;
    margin-bottom:0;
    margin-top:20px;
}

.mce-content-body video, .markdown-preview video, .cloud-blog-detail-content video {
    max-width:100%;
    height:auto;
}

.mce-content-body img, .markdown-preview img, .cloud-blog-detail-content img {
    cursor:pointer;
}

@media only screen and (max-width:1200px) {
    .cloud-blog-detail-right {
        display:none;
    }

    .cloud-blog-detail-left,
    .main-content .por-breadcrumb {
        width:calc(100% - 200px);
        margin:0 auto;
        float:none;
    }

    .float-left-lists {
        margin-left:30px;
        top:280px;
    }
}

@media only screen and (max-width:768px) {
    .cloud-blog-detail-content video {
        width:calc(100vw - 30px);
        height:56vw;
    }

    .cloud-blog-detail-content iframe {
        width:calc(100vw - 30px);
        height:calc(75vw - 22.5px);
    }

    #content input, #content textarea {
        border:1px solid #dfe1e6;
    }

    #content {
        padding-bottom:48px;
    }

    #footer {
        display:none;
    }

    .pagination-cover {
        display:none;
    }

    .cloud-blog-detail-content-wrap {
        overflow:hidden;
    }

    .blog-content-body .isPc {
        display:none;
    }

    .blog-content-body .isMb {
        display:initial;
    }

    .wrapper-main {
        display:block;
    }

    .main-content .por-breadcrumb,
    .main-content .float-left-lists {
        display:none;
    }

    .cloud-blog-detail-left {
        width:100%;
        padding:0;
        background:#f5f5f6;
    }

    .blog-content-body {
        padding:20px 15px;
        background:#fff;
        margin-bottom:15px;
    }

    .cloud-blog-detail-title {
        font-size:20px;
        line-height:24px;
        margin-bottom:12px;
    }

    .m-author-min-head {
        float:left;
    }

    .m-blog-view-info {
        float:right;
    }

    .author-min-head {
        margin-right:8px;
        width:20px;
        height:20px;
    }

    .common-blog-icons .author-min-head img {
        width:20px;
        height:20px;
        vertical-align:top;
    }

    .m-blog-view-info .icon-comment,
    .m-blog-view-info .comment-count,
    .m-blog-view-info .vote-count,
    .m-blog-view-info .icon-vote {
        display:none;
    }

    .m-author-min-head .sub-content-username {
        margin-right:32px;
    }

    .m-author-min-head * {
        font-size:12px;
        line-height:16px;
    }

    .m-blog-view-info .view-count {
        margin-right:0;
        font-size:12px;
        line-height:16px;
    }

    .common-blog-icons-cloud-blog {
        display:block;
        overflow:hidden;
        margin-bottom:16px;
    }

    .cloud-blog-detail-summary {
        padding:16px 15px;
        font-size:14px;
        line-height:24px;
        margin-bottom:0px;
    }

    .cloud-blog-detail-summary.color_text_primary_dark {
        color:#575d6c !important;
    }

    .cloud-blog-detail-attachment-download {
        display:none;
    }

    .cloud-blog-detail-content,
    .mce-content-body {
        margin-bottom:24px;
    }

    .cloud-blog-detail-copyrights {
        padding:16px 15px;
        font-size:14px;
        line-height:24px;
        margin-bottom:20px;
    }

    .blog-menu-footer {
        margin-bottom:-8px;
    }

    .cloud-blog-detail-content-wrap .operate-block {
        display:none;
    }

    .cloud-blog-detail-right {
        display:none;
    }

    .sidebar-right {
        width:100%;
        padding:20px 15px;
    }

    .sidebar-right h3 {
        font-size:18px;
        line-height:22px;
        margin-bottom:16px;
    }

    .sidebar-right .link-list li {
        position:relative;
        padding-left:5px;
        color:#575d6c;
    }

    .sidebar-right .link-list li:before {
        content:'';
        position:absolute;
        left:0;
        top:10px;
        display:inline-block;
        width:2px;
        height:2px;
        border-radius:50%;
        background:#adb0b8;
    }

    .sidebar-right.ad-card {
        display:none;
    }

    .other-article-block {
        margin:12px 0;
        padding:20px 15px;
        background:#fff;
    }

    .other-article-block .link-list li a {
        -webkit-line-clamp:2;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        text-overflow:ellipsis;
        word-break:break-all;
        overflow:hidden;
        white-space:normal;
    }

    .pop-block .pop-detail-block.nick-block .warning-box .nick-input {
        width:100%;
    }
}

.por-text-title-t1 {
    font-weight:700;
    font-size:52px;
    line-height:66px;
    color:#252b3a
}

.por-text-title-t1[data-theme=light] {
    color:#fff
}

.por-text-title-t2 {
    font-weight:700;
    font-size:40px;
    line-height:50px;
    color:#252b3a
}

.por-text-title-t2[data-theme=light] {
    color:#fff
}

.por-text-title-t3 {
    font-weight:700;
    font-size:24px;
    line-height:30px;
    color:#252b3a
}

.por-text-title-t3[data-theme=light] {
    color:#fff
}

.por-text-title-t4 {
    font-weight:700;
    font-size:20px;
    line-height:26px;
    color:#252b3a
}

.por-text-title-t4[data-theme=light] {
    color:#fff
}

.por-text-title-t5 {
    font-weight:700;
    font-size:18px;
    line-height:22px;
    color:#252b3a
}

.por-text-title-t5[data-theme=light] {
    color:#fff
}

.por-text-title-t6 {
    font-weight:700;
    font-size:16px;
    line-height:20px;
    color:#252b3a
}

.por-text-title-t6[data-theme=light] {
    color:#fff
}

.por-text-title-t7 {
    font-weight:700;
    font-size:14px;
    line-height:18px;
    color:#252b3a
}

.por-text-title-t7[data-theme=light] {
    color:#fff
}

.por-text-subtitle-t1 {
    font-size:24px;
    line-height:30px;
    color:#575d6c
}

.por-text-subtitle-t1[data-theme=light] {
    color:#adb0b8
}

.por-text-subtitle-t2 {
    font-size:18px;
    line-height:22px;
    color:#575d6c
}

.por-text-subtitle-t2[data-theme=light] {
    color:#adb0b8
}

.por-text-subtitle-t3 {
    font-size:16px;
    line-height:20px;
    color:#575d6c
}

.por-text-subtitle-t3[data-theme=light] {
    color:#adb0b8
}

.por-text-body-t1 {
    font-size:16px;
    line-height:24px;
    color:#575d6c
}

.por-text-body-t1[data-theme=light] {
    color:#fff
}

.por-text-body-t2 {
    font-size:14px;
    line-height:22px;
    color:#575d6c
}

.por-text-body-t2[data-theme=light] {
    color:#fff
}

.por-text-caption-t1 {
    font-size:12px;
    line-height:18px;
    color:#8a8e99
}

.por-text-caption-t1[data-theme=blue] {
    color:#526ecc
}