.link-card-replace {
    display: none !important
}

.link-card {
    text-decoration: none !important;
    background: #f4f5f6;
    padding: 15px;
    border-radius: 4px;
    border-bottom: none !important;
    position: relative
}

.link-card img {
    margin: 0 !important
}

.night .link-card img {
    opacity: .7
}

.night .link-card {
    background: #000
}

.night.amoled .link-card {
    background: #242424
}

.flex-column {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start
}

.flex-row {
    display: flex !important;
    flex-direction: row;
    align-items: center
}

.flex-fix {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.link-card .link-card-title {
    color: #333;
    font-size: 15px !important;
    line-height: 22px !important;
    max-height: 44px;
    overflow: hidden
}

.night .link-card .link-card-title {
    color: #999
}

.link-card .link-card-sub {
    color: #999;
    font-size: 12px !important;
    line-height: 15px !important;
}

.night .link-card .link-card-sub {
    color: #777
}

.link-card .link-card-tag {
    font-size: 11px !important;
    color: #fff;
    background: #d22222;
    margin-right: 6px !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
}

.night .link-card .link-card-tag {
    background: #7a3c3a;
    color: #ccc
}

.link-card.link-card-news img {
    width: 93px !important;
    height: 70px !important;
    border-radius: 4px;
    flex-shrink: 0
}

.link-card .link-card-newsmeta {
    height: 76px;
    padding-right: 6px;
    justify-content: space-between
}

.link-card .link-card-postmeta {
    margin-bottom: 10px
}

.link-card.link-card-post img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    margin: 0 15px 0 0 !important;
    padding: 0 !important;
    flex-shrink: 0
}

.link-card.link-card-user img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    margin: 0 15px 0 0 !important;
    padding: 0 !important;
    flex-shrink: 0
}

.link-card .link-card-usermeta {
    height: 50px;
    justify-content: space-between
}

.link-card .link-card-usermeta .link-card-title {
    margin-right: 6px;
    overflow: hidden
}

.link-card.link-card-user .link-card-tag {
    height: 15px !important;
    line-height: 15px !important;
}

.link-card.link-card-topic {
    display: block !important;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 33.3%;
    border-bottom: none !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    border-radius: 4px
}

.link-card.link-card-topic img,
.link-card .link-card-topic-content,
.link-card .link-card-topic-msk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px;
    max-width: 100% !important;
    margin: 0 !important
}

.link-card .link-card-topic-msk {
    content: "";
    display: block;
    background: rgba(0, 0, 0, .3);
    z-index: 78
}

.link-card .link-card-topic-content {
    padding: 0 15px 15px;
    box-sizing: border-box;
    z-index: 88;
    justify-content: flex-end
}

.link-card .link-card-topic-content .link-card-title {
    color: #fff;
    padding-bottom: 10px
}

.night .link-card .link-card-topic-content .link-card-title {
    color: #aaa
}

.link-card .link-card-topic-content .link-card-sub {
    color: #fff;
    height: 15px;
    line-height: 15px
}

.night .link-card .link-card-topic-content .link-card-sub {
    color: #aaa
}

/* IT号卡片 */
.link-card.link-card-ita img {
    width: 66px !important;
    height: 66px !important;
    border-radius: 50%;
    margin: 0 15px 0 0 !important;
    padding: 0 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.link-card.link-card-ita .link-card-itmeta {
    height: 66px !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.link-card.link-card-ita .link-card-name {
    color: #333;
    font-size: 16px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.night .link-card.link-card-ita .link-card-name {
    color: #fff;
}

.link-card.link-card-ita .link-card-name .label {
    height: 16px !important;
    line-height: 16px !important;
    font-size: 10px !important;
    margin-left: 6px;
    color: #fff !important;
    background: #d22222;
    border-radius: 2px;
    padding: 0 6px;
}

.link-card.link-card-ita .link-card-des {
    color: #999999;
    font-size: 13px !important;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

.link-card.link-card-ita .follow-btn {
    /* width: 40px; */
    height: 28px !important;
    line-height: 28px !important;
    font-size: 12px !important;
    margin-left: 10px;
    color: #fff !important;
    background: #d22222;
    border-radius: 20px;
    padding: 0 16px;
}

table {
    font-size: 14px;
    display: table;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0
}

table .firstRow td {
    background-color: #e74737;
    word-break: break-all;
    color: #fff;
    font-weight: 300;
    height: 20px;
    text-align: center
}

table td,
table th {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
    border-top: 0;
    border-right: 0;
    border-left: 1px solid rgba(0, 0, 0, .05) !important
}

.night table td,
.night table th {
    border-bottom: 1px solid #424242 !important;
    border-left: 1px solid #424242 !important
}

table {
    border-right: 1px solid rgba(0, 0, 0, .05) !important;
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important
}

table tr:nth-child(odd) {
    background: #f7f7f7
}

.night table tr:nth-child(odd) {
    background: #242424
}

.tagging1 {
    text-align: center;
    padding-bottom: 50px;
    font-size: 12px;
    color: #d2d2d2;
    line-height: 2;
    letter-spacing: 2px;
    padding: 10px;
}

.tagging2 {
    padding: 8px 10px !important;
    background-color: #eaeaea;
    font-size: 13px !important;
    box-sizing: border-box;
}

.night .tagging2 {
    background-color: #464646;
}

.vbox {
    width: 100%
}

.vscale {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    position: relative
}

.vitem {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute
}

/* 文章详情页强调文字、小标题样式 */
.news-content h2,
.post-content h2 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(26%, #f69393), color-stop(26%, transparent));
    background: -o-linear-gradient(bottom, #f69393 26%, transparent 26% 100%);
    background: linear-gradient(to top, #f69393 26%, transparent 26% 100%);
    display: inline;
    font-size: 1.1rem;
    font-weight: bold;
}

.night .news-content h2,
.night .post-content h2 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(26%, #d22222), color-stop(26%, transparent));
    background: -o-linear-gradient(bottom, #d22222 26%, transparent 26% 100%);
    background: linear-gradient(to top, #d22222 26%, transparent 26% 100%);
}

.ithome-ios .news-content h2,
.ithome-ios .post-content h2 {
    font-size: 1.2rem;
}

.maccatalyst .news-content h2,
.maccatalyst .post-content h2 {
    font-size: 1.5rem;
}

.ithome-ios.ipad .news-content h2,
.ithome-ios.ipad .post-content h2 {
    font-size: 1.4rem;
}

.news-content h2:before,
.news-content h2:after,
.post-content h2:before,
.post-content h2:after {
    content: "";
    display: block;
    height: 0.6rem;
}

.news-content h2:after,
.post-content h2:after {
    height: 1.25rem;
}

.post-content h3 {
    margin: 14px 0 14px;
}

.post-content iframe {
    margin: 8px 0 4px;
}

.ithome-android .news-content h2:before,
.ithome-android .news-content h2:after,
.ithome-android .post-content h2:before,
.ithome-android .post-content h2:after {
    height: 1.25rem;
}

.night .accentTextColor {
    color: #ffffff;
    font-weight: bold;
}

.news-content .accentTextColor {
    font-weight: normal;
    padding-left: 1px;
    padding-right: 1px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, transparent), color-stop(7%, #fbe4e4), color-stop(90%, transparent));
    background: -o-linear-gradient(bottom, transparent 7%, #fbe4e4 7% 90%, transparent 90% 100%);
    background: linear-gradient(to top, transparent 7%, #fbe4e4 7% 90%, transparent 90% 100%);
}

.night .news-content .accentTextColor {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, transparent), color-stop(7%, #cd2629), color-stop(90%, transparent));
    background: -o-linear-gradient(bottom, transparent 7%, #cd2629 7% 90%, transparent 90% 100%);
    background: linear-gradient(to top, transparent 7%, #cd2629 7% 90%, transparent 90% 100%);
}

.night .news-content .accentTextColor a {
    color: inherit !important;
}

/* 文章详情页参考资料样式 */
ul.custom_reference,
ul.small-size,
ul.medium-size {
    padding-bottom: 0.75rem;
}

ul.custom_reference li p,
ul.small-size li p,
ul.medium-size li p {
    margin-top: 0px;
    margin-bottom: 8px;
}

ul.custom_reference li p img.emoji,
ul.small-size li p img.emoji,
ul.medium-size li p img.emoji {
    width: 20px;
}

ul.custom_reference li p::before {
    content: "●";
    color: #FF8C90;
}

ul.small-size li p::before,
ul.medium-size li p::before  {
    content: "●";
    color: #d22222;
}

ul.custom_reference li *,
ul.small-size li *,
ul.medium-size li * {
    color: #666 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}
ul.medium-size li * {
    font-size: 14px !important;
}

ul.custom_reference li {
    border: 0 !important;
}

ul.small-size li *,
ul.medium-size li * {
    color: inherit !important;
}

.night ul.custom_reference li * {
    color: #bfbfbf !important;
}

.night ul.small-size li *,
.night ul.medium-size li * {
    color: inherit !important;
}

.referenceTitle {
    color: #363636;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 0 0 0.7rem 0;
    display: block;
}

.night .referenceTitle {
    color: #fff;
}

.ithome-android ul.custom_reference,
.ithome-android ul.small-size,
.ithome-android ul.medium-size {
    padding-bottom: 12.75px;
    padding-bottom: 0.75rem;
}

.ithome-android .referenceTitle {
    font-size: 17.6px;
    font-size: 1.1rem;
    padding: 9.6px 0 12.8px;
    padding: 0.6rem 0 0.8rem;
}

.ithome-android ul.custom_reference li p,
.ithome-android ul.small-size li p,
.ithome-android ul.medium-size li p {
    margin: 10px 0;
    line-height: 1.1rem;
}

.news-content ul li p {
    padding-left: 1.125rem !important;
    position: relative;
    width: inherit !important;
}

.news-content ul li p:before {
    position: absolute;
    left: -0.08rem;
    top: 0.02rem;
    font-size: inherit !important;
}

.news-content-encrypted .content {
    opacity: 0;
}

.news-content a img {
    display: block !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.sdk-level-2 .login_to_read_tip .login_btn {
    color: #d22222;
    border-bottom: 1px solid #d22222;
}

.show-login-tip .sdk-level-2 .login_to_read_tip {
    display: block;
}

.ithome-android .post_author>.user_meta .post_author_ico,
.ithome-android .user_moderator_trainee>.user_meta .post_moderator_trainee_ico,
.ithome-android .user_moderator_formal>.user_meta .post_moderator_formal_ico,
.ithome-android .user_moderator_total>.user_meta .post_moderator_total_ico,
.ithome-android .user_moderator_admin>.user_meta .post_moderator_admin_ico,
.ithome-android .post_author>.user_meta .post_author_ico {
    height: 12px;
}

.ithome_super_player {
    background: #000000;
    position: relative;
    width: 100%;
    height: 170px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: none !important;
    color: transparent !important;
}

.ithome_super_player::before {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(51, 51, 51, 0.8);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 888;
}

.ithome-android .ithome_video,
.ithome-ios .ithome_video {
    min-height: 200px;
    width: 100%;
}

.ithome_super_player:hover:before {
    width: 72px;
    height: 72px;
}

.ithome_super_player::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 23.68px solid rgba(255, 255, 255, 0.5);
    border-top: 13.65px solid transparent;
    border-right: 23.68px solid transparent;
    border-bottom: 13.65px solid transparent;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 999;
    top: calc(50% - 13.65px);
    left: calc(50% - 9px);
}

.ithome_super_player:hover:after {
    border-left: 23.68px solid rgba(255, 255, 255, 0.8);
}

.ithome_super_player img {
    height: 100% !important;
    position: absolute;
    z-index: 777;
    opacity: 0.7;
    transition: all 0.2s ease;
}

.ithome_super_player:hover img {
    opacity: 0.8;
}

video {
    max-width: 100% !important;
    background: #000000;
}

a.rm-tools-bar {
    background: #f8f8f8;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 13px;
    margin: 10px 0 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 46px;
    border-bottom: none !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08)
}

.night a.rm-tools-bar {
    background: #2e2e2e;
}

a.rm-tools-bar .go-btn {
    border: 1px solid #d22222;
    color: #d22222;
    border-radius: 16px;
    height: 22px;
    font-size: 10px;
    line-height: 22px;
    padding: 0 10px
}

a.rm-tools-bar.tools-dxo {
    background-image: linear-gradient(to bottom right, #f19d3c, #b84172, #2d90bf);
}

a.rm-tools-bar.tools-app {
    background-image: linear-gradient(to bottom right, #51d78b, #80be5f);
}

a.rm-tools-bar.tools-gnss {
    background-image: linear-gradient(to bottom right, #134695, #007FFF);
}

a.rm-tools-bar.tools-bench {
    background-image: linear-gradient(to bottom right, #512da8, #9575cd);
}

a.rm-tools-bar.tools-ios {
    background-image: linear-gradient(to bottom right, #1562d5, #004bd5, #2bcbfb);
}

a.rm-tools-bar.tools-itaccount {}

a.rm-tools-bar.tools-10 {
    background-image: none;
    background: #d12127;
}

a.rm-tools-bar.tools-10 img.icon {
    width: 46px !important;
    height: 46px !important;
    margin-left: -10px;
    margin-right: 12px;
}

.comm_list ul.list li.entry .emotion {
    width: 21px;
    height: 21px;
    vertical-align: text-bottom;
}

img.ruanmei-emotion {
    background: transparent !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: sub;
}

.thread_body iframe,
#post_comm iframe {
    width: 100% !important;
    height: 200px !important;
}

iframe.selfhidelogo,
iframe.selfadd {
    height: 0 !important;
}

/* iOS用 */
.related_post ul li a {
    display: block;
    padding-right: 0px;
    padding-left: 0px;
    color: #000;
    text-decoration: none;
    overflow: hidden;
    pointer-events: none;
}

/* 导语 */

.ithomerem {
    display: block;
    color: #686868;
    font-size: 15px;
    background: #f8f8f8;
    padding: 12px 15px 12px 15px;
    margin: 12px 0px 15px 0px;
}

.ithomerem span.accentTextColor {
    background: transparent !important;
    color: inherit;
    border-bottom: 1px solid #686868;
    padding-bottom: 1px
}

.night .ithomerem {
    color: #b3b3b3;
    background: #2e2e2e;
}

.night .ithomerem span.accentTextColor {
    border-bottom: 1px solid #b3b3b3;
}

.ithomerem p {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    padding-bottom: 25px;
}

.ithome-android .ithomerem {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 24px;
    line-height: 1.55rem;
    padding: 12px;
    padding: 0.75rem;
    margin: 32px 0 16px 0;
    margin: 2rem 0 1rem 0;
}

.ithome-android .ithomerem p {
    padding: 12.75px 0;
    padding: 0.75rem 0;
}

.ithomerem p:last-child {
    padding-bottom: 0;
}

/* IT号认证标记 */
/* .ithome-android .post_meta_container .post_meta_author_avatar {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08);
} */

.ithome-android .post_meta_container {
    position: relative;
}

.ithome-android .post_meta_container::after {
    content: "";
    display: none;
    background-size: contain;
    position: absolute;
    height: 14px;
    width: 14px;
    bottom: 0px;
    left: 45px;
    z-index: 10;
    opacity: 1;
}

.ithome-ios .it-account-menu .info-container {
    position: relative;
}

.ithome-ios .info-container::before {
    content: "";
    display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 22px;
    bottom: 0px;
    background-size: contain;
    z-index: 10;
    opacity: 1;
}

.ithome-android .post_meta_container.it-media::after,
.ithome-ios .info-container.it-media::before {
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTdBMjRGMzkxMjhGMTFFQkFERTZFNjgzNEU1MDQ3RUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTdBMjRGM0ExMjhGMTFFQkFERTZFNjgzNEU1MDQ3RUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1N0EyNEYzNzEyOEYxMUVCQURFNkU2ODM0RTUwNDdFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1N0EyNEYzODEyOEYxMUVCQURFNkU2ODM0RTUwNDdFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhgLVs4AAAZKSURBVHja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");
}

.ithome-android .post_meta_container.it-personal::after,
.ithome-ios .info-container.it-personal::before {
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTRBMTI0QUUxMjhGMTFFQkFERTZFNjgzNEU1MDQ3RUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTRBMTI0QUYxMjhGMTFFQkFERTZFNjgzNEU1MDQ3RUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NEExMjRBQzEyOEYxMUVCQURFNkU2ODM0RTUwNDdFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NEExMjRBRDEyOEYxMUVCQURFNkU2ODM0RTUwNDdFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuU2VrAAAAZFSURBVHja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");
}

/* 关注按钮，未关注状态红色 */
.ithome-android .post_meta_container .follow_btn.follow_state_-1 {
    background: #d22222 !important;
}

.ithome-android .follow_state_-1 .follow_state_text_nofollow {
    color: #fff !important;
}

.ithome-android .follow_state_text_nofollow img {
    filter: brightness(0) invert(1) !important;
}

.ithome-ios .attention-container[state="false"] {
    background-color: #d22222;
}

.night.ithome-ios .attention-container[state="false"] {
    background-color: #f95455;
}

.ithome-ios .attention-container[state="false"] .attention-title {
    font-size: 13px;
    color: #ffffff;
}


.open-bilibili {
    /* background-color: #1ea2d4; */
    background-color: #f8f8f8;
    /* color: #fff; */
    font-size: 13px;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    border-radius: 2px;
    /* margin-top: 8px; */
}

.night .open-bilibili {
    background-color: #424242;
}

.open-bilibili .btn {
    background: #FB7299;
    color: #fff;
    border-radius: 20px;
    line-height: 26px;
    height: 26px;
    font-size: 11px;
    padding: 0 12px;
}

.open-bilibili.ithome .btn {
    background: #d22222;
    animation: btnScale 1.85s ease infinite;
}

@keyframes btnScale {
    0% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(0.95);
    }
}


/* 云端新增样式-考虑圆角 */
.ithome-android .content img {
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0;
}

.ithome-android .content img:first-child {
    margin-top: 7px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.ithome-android .content img:last-child {
    margin-bottom: 7px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.ithome-ios .content p img {
    border-radius: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.ithome-ios .content p img:first-child {
    margin-top: 8px;
    border-top-left-radius: #borderRadius#px;
    border-top-right-radius: #borderRadius#px;
}

.ithome-ios .content p img:last-child {
    margin-bottom: 9px;
    border-bottom-left-radius: #borderRadius#px;
    border-bottom-right-radius: #borderRadius#px;
}

.ithome-ios .content p img.emotion {
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.ithome-ios .amoled ul li .harmony a,
.ithome-ios-comment.amoled ul li .harmony a {
    color: #888;
    background-position: left -400px;
}

.post_content img.emoji {
    vertical-align: sub;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

/* .night .post_content img[src*=".png"] {
    background: #fff;
}

.night .news-content img[src*=".png"] {
    background: #fff;
}

.night .post-content img[src*=".png"] {
    background: #fff;
} */

.ithome-content-placeholder {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

.comment-quote-mark {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAYAAADoSujCAAACTUlEQVRoge2Zz0sWQRjHP+/6mu+rB0+FBwmCQgwP3u1Sh6BO6akIohIPHULxpIgIHqJDXSqJN/MgCNZNsB+HCOrWP1AGBUHkQQ0jRTDyRzz1LAyD7/q+77jvvBv7geWdnXd29vudnWdmdidTKBQw6AEuA51AHtjVIy7agXWXurP6GwCvgDMxit2LjGsFoYH5PcRvHcQN4kYMXALOG/e5B0wCq3oepwmn7oMaGDDOHwL9rpVWk0ADKeROksSjBrLG+S+PWioi0GANOZQs+f8MmNT8qGNjG0gcqQHfpAZ8kxrwTWrAN6kB36QGfJMa8E22tuUVJa/vLrtJfAJ1wCdgA1hKY8A3/4UB80V+26OWUtkxdQYaFCFJMCBfyxs0nRUDa8afxz2JKocW4IiW/zuMvjQuvg8crWHxMv5PG93+vUxko8BVzegAPgIzwEpEkEsFv4HbOh5HcQU46bhRIl27GbgAtBr5w2LgG3AReGK47Cux4okIA23AY+CUg/AoxoDXYQs/BbqBr2VUsGl9VzWRBliISfwP3QIYx1oLzQHPgC795N5oPXZJ16vzpiKVHwOmgNNW/l1tnLoi1+1HoA32GXgH/AzL24s5adG3ehRjUA1krBjpBR4AOSNP4ukG8KZC4ftS7mo0Z1wjE8qyBtcscM4qewsYiUt4iMtS4rv29Q+W+C/A2WqIx/F9QCaUR1ae9PWhiOA+cFwM1BvpReCa7jVXlUq6kD0hybbsCR/iqeAJiPjDmpYAvg48j0FXyZRrQMpL8L4AbloLweoD/AGpBltKRe3YCAAAAABJRU5ErkJggg==");
    vertical-align: middle;
    position: relative;
    margin-left: 3px;
    user-select: none;
}

h1 .comment-quote-mark,
h2 .comment-quote-mark,
h3 .comment-quote-mark {
    margin-left: 8px;
}

.comment-quote-mark span {
    display: block;
    position: absolute;
    left: 12.6px;
    top: -4px;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    transform: scale(0.8);
    color: #999999;
    white-space: nowrap;
}

.ithome-ios .comment-quote-mark span {
    left: 12px;
}

.comment-quote-mark.red {
    filter: invert(39%) sepia(76%) saturate(6487%) hue-rotate(349deg) brightness(84%) contrast(94%);
}

.comment-quote-mark.red span {
    color: #d22222;
    font-weight: bold;
}

.comment-quote-element {
    border-bottom: 1.2px dashed #333333;
}

.night .comment-quote-element {
    border-bottom: 1.2px dashed #999999;
}

.card,
.rm-tools-bar {
    user-select: none;
}

.ithome-ios blockquote:before,
.ithome-ios blockquote:after {
    background-size: 16px 14px;
}

.link-text-start-with-http,
.breakall {
    word-break: break-all !important;
    display: inline !important;
}

.ed2k-link,
.magnet-link {
    margin-right: 8px;
}

.copyLinkBtn {
    background: #efefef;
    border-radius: 2px;
    font-size: 12px;
    padding: 1px 2px;
    border: 1px solid #efefef;
}

.night .copyLinkBtn {
    background: #333333;
    border-radius: 2px;
    font-size: 12px;
    padding: 1px 2px;
    border: 1px solid #333333;
}

#post_body .tougao-user {
    display: block !important;
    color: #655e5e;
    font-size: 0.75rem;
    line-height: 1.375rem;
    text-align: center;
    background: #f8f8f8;
    padding: 12px;
    padding: 0.75rem;
    margin: 16px 0 30px 0;
    margin: 1rem 0 1.875rem 0;
}

.night #post_body .tougao-user {
    color: #cac3c3;
    background: #2e2e2e;
}

#post_body .tougao-user a {
    color: #242424 !important;
    outline: none;
    background: none;
    text-decoration: none;
    border-bottom: 0px solid #000000 !important;
}

.night #post_body .tougao-user a {
    color: #bebebe !important;
}



a.mp-card {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    background: #f8f8f8;
    padding: 12px 12px !important;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    text-decoration: none !important;
    border-bottom: none !important;
    margin: 10px 0 10px;
}

.night .mp-card {
    background: #2e2e2e;
}

.mp-card .mp-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mp-card .mp-avatar {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-right: 8px
}

.mp-card .mp-account .mp-avatar .mp-avatar-main {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1) inset;
}

.mp-card .mp-account .mp-avatar .mp-avatar-add {
    width: 12px;
    height: 12px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
    display: block;
    position: absolute;
    bottom: 1px;
    right: 1px;
}

.mp-card .mp-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mp-card .mp-meta .mp-name {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px
        /*     font-weight: bold; */
}

.mp-card .mp-meta .mp-des {
    font-size: 12px;
    line-height: 14px;
    color: #888888 !important;
}

.mp-card .mp-follow-btn {
    background: #FB7299;
    color: #fff;
    border-radius: 20px;
    line-height: 30px;
    height: 30px;
    font-size: 11px;
    padding: 0 14px;
}

.mp-card .mp-follow-btn {
    background: #1AAD19;
    -webkit-animation: btnScale 1.85s ease infinite;
    animation: btnScale 1.85s ease infinite;
}

/* 深色模式文字颜色 */
.font-color-yellow {
    color: #ECA500;
}

.font-color-orange {
    color: #FF7E00;
}

.font-color-orangered {
    color: #FB4E01;
}

.font-color-red {
    color: #D22222;
}

.font-color-purple {
    color: #9B0080;
}

.font-color-lyonsblue {
    color: #3E007B;
}

.font-color-blue {
    color: #0F3193;
}

.font-color-skyblue {
    color: #0091EA;
}

.font-color-darkcyan {
    color: #255965;
}

.font-color-aqua {
    color: #00968B;
}

.font-color-darkgreen {
    color: #548B30;
}

.font-color-green {
    color: #379E28;
}

.font-color-greytip {
    color: #999999;
}

.font-color-greytip a {
    color: #999999 !important;
    border-bottom: 1px solid #999999 !important;
    box-shadow: none !important;
}

.night .font-color-greytip {
    color: #999999;
}

.night .font-color-greytip a {
    color: #999999 !important;
    border-color: #999999 !important;
}

.night .font-color-yellow {
    color: #f7b311;
}

.night .font-color-orange {
    color: #f17a07;
}

.night .font-color-orangered {
    color: #f55912;
}

.night .font-color-red {
    color: #e15252;
}

.night .font-color-purple {
    color: #db4ac1;
}

.night .font-color-lyonsblue {
    color: #ab80d7;
}

.night .font-color-blue {
    color: #6f88d5;
}

.night .font-color-skyblue {
    color: #44aceb;
}

.night .font-color-darkcyan {
    color: #67b4c5;
}

.night .font-color-aqua {
    color: #34bdb1;
}

.night .font-color-darkgreen {
    color: #2dd513;
}

.night .font-color-green {
    color: #6dc530;
}

.content figcaption {
    font-size: 13px;
    text-align: center;
    margin-top: -16px;
    margin-bottom: 22px;
    color: #999999;
}

.ithome-android .content figcaption,
.ithome-ios .content figcaption {
    margin-top: 0;
    margin-bottom: 12px;
}

.post_content table+figcaption,
.content table+figcaption {
    margin-top: 0px;
}

.it-news-source-tip {
    color: #999999 !important;
}

.it-news-source-tip a {
    border-bottom: none !important;
    box-shadow: none !important;
    color: #999999 !important;
}

.content sub img {
    width: auto !important;
    height: 1.3rem !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    display: inline !important;
    vertical-align: sub !important;
}

/* iOS卡片 */
.app-item {
    display: block;
    width: 100%;
    padding: 12px;
    background: #f9f9fa;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 20px;
}

.night .app-item,
.dark .app-item {
    background: #363636;
}

.night.amoled .app-item {
    background: #242424;
}

.dark.amoled .app-item {
    background: #242424;
}

.app-item>* {
    margin: 8px 0;
}

.app-item .s_tag {
    color: inherit !important;
    height: auto !important;
    padding: 0 !important;

}

.app-item .app-head {
    display: flex;
    align-items: center;
}

.app-item .app-head>img {
    height: 80px;
    width: 80px;
    border-radius: 8px !important;
    margin-right: 16px !important;
    flex-shrink: 0;
    margin-top: 0 !important;
}

.app-item .app-head .meta {
    flex-shrink: 1;
    flex-grow: 1;
    width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2px 0;
    box-sizing: border-box;
    height: 76px;
}

.app-item .app-head .app-name {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.app-item .app-head .catg {
    background: #d5e1ff;
    color: #1055ff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 8px;
    border-radius: 4px;
    transform: scale(.9);
    transform-origin: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.night .app-item .app-head .catg,
.dark .app-item .app-head .catg {
    background: #1055ff;
    color: #d5e1ff;
}

.app-item .app-head .score {
    color: #ffa916;
    font-weight: bold;
    font-size: 14px;
}

.app-item .app-desc {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    letter-spacing: .5px;
    line-height: 20px;
}

.app-item .app-plat {
    display: flex;
    align-items: center;
}

.app-item .app-plat .plat {
    display: flex;
    align-items: center;
    background-color: #ececec;
    color: #777;
    padding: 0 4px;
    border-radius: 4px;
    margin-right: 4px;
    height: 20px;
    font-size: 13px;
    padding-left: 18px;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 3px center
}

.night .app-item .app-plat .plat,
.dark .app-item .app-plat .plat {
    background-color: #080808;
}

.app-item .app-plat .plat.plat-ios {
    background-image: url(https://www.ithome.com/images/p_iphone.png);
    ;
}

.app-item .app-plat .plat.plat-ipad {
    background-size: 12px 12px;
    padding-left: 20px;
    background-position: 4px center;
    background-image: url(https://www.ithome.com/images/p_ipad.png);
}

.app-item .app-price {
    border-top: 1px solid #efefef;
    margin-top: 12px;
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.night .app-item .app-price,
.dark .app-item .app-price {
    border-color: #111111;
}

.app-item .app-price .l {
    display: flex;
    flex-direction: column;
}

.app-item .app-price .l .price {
    color: #222;
    font-size: 14px;
}

.night .app-item .app-price .l .price,
.dark .app-item .app-price .l .price {
    color: #bbbbbb;
}

.app-item .app-price .l .date {
    color: #777;
    font-size: 13px;
}

.app-item .app-price .btn {
    text-decoration: none;
    border-bottom: none !important;
    box-shadow: none !important;
    background: #1a1a1a;
    color: #fff;
    height: 36px !important;
    padding: 0 12px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    transition: all .2s ease;
    border-radius: 2px;
}

.night .app-item .app-price .btn {
    background: #000000;
}



.card-logo {
    position: relative;
    display: block;
}

.card-logo::after {
    content: "广告";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    border-top-right-radius: 2px;
    padding: 0 3px;
    transform: scale(0.8);
    transform-origin: bottom left;
}

.card-logo img {
    display: block;
}

.ad-tips {
    font-size: 12px !important;
    color: #999 !important;
    line-height: 20px !important;
    padding: 10px 0 !important;
}

/* a[href*=".jd.com"]::after,
a[href*=".taobao.com"]::after {
    display: inline-block;
    content: "广告";
    color: #999999;
    font-weight: normal;
    border: 1px solid #999999;
    font-size: 12px;
    line-height: 14px;
    border-radius: 2px;
    padding: 0 1px;
    margin-left: 4px;
    vertical-align: text-top;
    position: relative;
    top: 0px;
    transform: scale(0.6);
    transform-origin: left;
    margin-right: -8px;
}

dir a::after {
    content: '';
    display: none !important;
} */