.article-details-container,.layout,body,html{ min-height: 100%;}
body,html{ overflow: visible;}
div.layout{ min-width: unset;}
.flex-max{ flex: 1;}
.flex-column{ flex-direction: column;}
.jc-between{ justify-content: space-between;}
.protip{ border: none;}
.protip-content{ word-break: break-all;}
.article-details-container{ background: var(--color-bg-1);position: relative;gap: 24px;}
.article-details-box{ padding-top: 24px;flex: 1;}
.article-details-crumbs{ display: flex;align-items: center;height: 56px;font-size: var(--font-body);font-weight: 500;padding: 0 24px;background: var(--color-bg-1);position: sticky;top: 48px;border-radius: 8px;z-index: 9;}
.article-details-crumbs .crumbs_before_page{ white-space: nowrap;}
.article-details-crumbs svg{ width: 12px;height: 12px;min-width: 12px;margin: 0 4px;}
.crumbs_before_page{ cursor: pointer;color: var(--color-text-3);}
.crumbs_before_page:hover{ color: var(--color-brand-1);}
.crumbs_curr_title{ -webkit-line-clamp: 1;color: var(--color-text-1);}
.article-details-title{ font-size: var(--font-h3);margin-bottom: 24px;color: var(--color-text-1);-webkit-line-clamp: 3;font-weight: 700;word-break: break-word;}
.article-details-base-info{ align-items: center;color: var(--color-text-3);margin-bottom: 24px;font-size: var(--font-body);}
.article-details-main{margin-top: 16px;}
.article_details_info_split{ display: inline-block;width: 1px;height: 12px;background: var(--color-divider-2);margin: 0 12px;}
.article-dtl-content{ color: var(--color-text-1);font-size: var(--font-body);}
.article-details-related-share-box{width: 332px;min-width: 332px;padding-bottom: 24px;}
.article-details-related-share{ position: sticky;top: 72px;display: flex;flex-direction: column;gap: 20px;}
.article-details-share-title{ font-size: var(--font-subtitle);margin-bottom: 16px;font-weight: 700;color: var(--color-text-1);}
.article-details-share-list{ display: flex;align-items: center;flex-wrap: wrap;gap: 24px;}
.article-details-share-item{ width: 24px;height: 24px;min-width: 24px;cursor: pointer;border-radius: 50%;background: transparent;display: flex;align-items: center;justify-content: center;border: 1px solid var(--color-divider-5);box-sizing: border-box;}
.article-details-share-item:hover svg path{ fill: var(--color-icon-1);}
.article-details-related{ border: 1px solid var(--color-divider-5);padding: 20px 24px;border-radius: 8px;background: var(--color-card-2);}
.article-details-related-list{ display: flex;flex-direction: column;width: 100%;box-sizing: border-box;}
.article-details-related-item{ display: flex;cursor: pointer;color: var(--color-text-1);padding: 16px 0;box-sizing: border-box;width: 100%;align-items: center;font-size: var(--font-body-m);min-height: 40px;-webkit-line-clamp: 2;border-radius: 4px;font-weight: 500;margin-bottom: 4px;line-height: 150%;}
.article-details-related-item:hover{ color: var(--color-text-5);}
.article-details-related-con{ width: 100%;}
.article-disclaimer-tips{ margin-top: 40px;padding: 8px 12px;display: flex;align-items: flex-start;border-radius: 4px;background: var(--color-cmpt-3);color: var(--color-text-1);line-height: 150%;font-size: var(--font-body-s);}
.article-disclaimer-tips svg{ color: var(--color-other-2);display: inline-block;width: var(--font-body-s);height: var(--font-body-s);min-width: var(--font-body-s);margin: 3px 8px 3px 0;}
.article-details-container .article-dtl-content .article-disclaimer-tips a{ text-decoration-line: none;}
.article-source{ cursor: pointer;color: var(--color-brand-1);}
.article-details-container .article-dtl-content,.article-details-container .article-dtl-content p,div.editormd-preview-theme-ceshi{ color: var(--color-text-1);font-size: var(--font-body);line-height: 160%!important;font-weight: 400;word-break: break-word;}
.article-details-container .article-dtl-content a{ color: var(--color-brand-1);text-decoration-line: unset;max-width: 100%;word-break: break-word;}
.article-details-container .article-dtl-content img{ margin: 12px auto;max-width: 100%;}
.article-details-container .article-dtl-content h2,.markdown-body h2,div.editormd-preview-theme-ceshi h2{ font-size: var(--font-h3)!important;line-height: 150%;font-weight: 700;padding: 0;border: none;position: relative;display: flex;align-items: center;margin: 56px 0 16px 0;}
.article-details-container .article-dtl-content h3,.markdown-body h3,div.editormd-preview-theme-ceshi h3{ font-size: var(--font-h5);}
.editormd-preview-theme-ceshi ul, .editormd-preview-theme-ceshi ol{ font-size: var(--font-body); }
.markdown-body h2{ border-bottom: none;}
.markdown-body table{word-break: keep-all;max-width: calc(var(--layout-maxWidth) - 332px - var(--article-menu-width) - 120px - 2 * var(--layout-padding));}
.selector .selector-view{ height: 40px;box-sizing: border-box;}
.article-details-container .article-dtl-content video{ max-width: 100%;margin: 12px auto;}
path.st0{ fill: #e64e62;}
.article-details-container .article-dtl-content section{ margin-bottom: 24px;}
.editormd-html-preview,.editormd-preview-container{ background: var(--color-bg-1);}
.article_list_no_data_content{ display: flex;flex: 1;align-items: center;justify-content: center;flex-direction: column;}
.no_data_img{ background-image: url(/images/usercenter/contact_no_data.svg);background-repeat: no-repeat;width: 120px;height: 120px;background-size: contain;margin: 80px 0 8px;}
.no_data_text{ font-weight: 500;font-size: var(--font-body-m);line-height: normal;color: var(--color-text-3);}
div.editormd-preview-theme-ceshi h1,div.editormd-preview-theme-ceshi h3,div.editormd-preview-theme-ceshi h4,div.editormd-preview-theme-ceshi h5,div.editormd-preview-theme-ceshi h6,div.editormd-preview-theme-ceshi p{ color: var(--color-text-1);padding: 0;text-align: unset;}
.article_details_intro_title,.markdown-body h1,div.editormd-preview-theme-ceshi h1{ font-size: 36px;}
div.editormd-preview-theme-ceshi body{ font-size: var(--font-body);}
div.editormd-preview-theme-ceshi{ max-width: unset;padding: 0;}
div.editormd-preview-theme-ceshi a{ color: var(--color-text-1) !important;text-decoration: underline !important;}
.article_details_content_box .dtl-content a:hover,div.editormd-preview-theme-ceshi a:hover{ color: var(--color-brand-1) !important;}
div.editormd-preview-theme-ceshi img{ box-shadow: none;margin: 16px auto;}
div.editormd-preview-theme-ceshi h2::before,div.editormd-preview-theme-ceshi h3::before{ content: '';display: none;}
div.editormd-preview-theme-ceshi p{ margin: 12px 0 !important;font-size: var(--font-body);letter-spacing: normal!important;}
div.editormd-preview-theme-ceshi > a{margin-bottom: 24px;}
div.editormd-preview-theme-ceshi h1,div.editormd-preview-theme-ceshi h3,div.editormd-preview-theme-ceshi h4,div.editormd-preview-theme-ceshi h5,div.editormd-preview-theme-ceshi h6{ margin: 24px 0 12px 0;border: none;}
div.editormd-preview-theme-ceshi strong{font-weight: 700;}
.article-details-content-box{ flex-wrap: wrap;gap:24px;height: 100%;}
.article-details-content{ flex: 1;border: 1px solid var(--color-divider-5);border-radius: 8px 8px 0 0;margin-bottom: 0;border-bottom: none;}
.article-details-content-body{padding: 24px 24px 120px;}
.article-details-share{ padding: 20px 24px;border: 1px solid var(--color-divider-5);border-radius: 8px;}
/* 针对历史文章中，自动生成的按钮式a标签样式修改 历史自动生成代码固定data-type及固定style; 后台新生产的代码同步进行形式修改 */
.article-details-container .article-dtl-content a[data-type="gate-activity"][style="text-decoration: none;display: inline-block;"],
.article-details-container .article-dtl-content a[data-type="gate-web3Tasks"][style="text-decoration: none;display: inline-block;"]{text-decoration: none !important}
.article-details-container .article-dtl-content a[data-type="gate-activity"] > div[style="text-align:center;background: #2354E6; padding: 16px; border-radius: 8px; width: 200px; margin: 0 auto;"],
.article-details-container .article-dtl-content a[data-type="gate-web3Tasks"] > div[style="text-align:center;background: #2354E6; padding: 16px; border-radius: 8px; width: 200px; margin: 0 auto;"],
.article-details-container .article-dtl-content a .gateactivity-btn-style{width: 240px !important;height: 40px !important;box-sizing: border-box !important;padding: unset !important;border-radius: 99px !important;display: inline-flex;align-items: center;justify-content: center;background: #3377FF !important;cursor: pointer;}
.article-details-container .article-dtl-content a[data-type="gate-activity"] > div[style="text-align:center;background: #2354E6; padding: 16px; border-radius: 8px; width: 200px; margin: 0 auto;"] strong,
.article-details-container .article-dtl-content a[data-type="gate-web3Tasks"] > div[style="text-align:center;background: #2354E6; padding: 16px; border-radius: 8px; width: 200px; margin: 0 auto;"] strong,
.article-details-container .article-dtl-content a .gateactivity-btn-style strong{font-weight: 500;}
.classic-dark .editormd-preview-theme-ceshi h1,.classic-dark .editormd-preview-theme-ceshi h2,.classic-dark .editormd-preview-theme-ceshi h3,.classic-dark .editormd-preview-theme-ceshi h4,.classic-dark .editormd-preview-theme-ceshi h5,.classic-dark .editormd-preview-theme-ceshi h6{ color: var(--color-text-1);}
.ar-body .marketlist_view > div:not(.resize-triggers) > div{ direction: unset!important;}
.classic-dark .kinds_btn{ background: var(--color-card-1);}
.classic-dark .dataTable .sortable:after,.classic-dark .dataTable .sorting_asc:after,.classic-dark .dataTable .sorting_desc:after{ background-color: #141417;}
.classic-dark footer#footer-view{ background: #000;}
.classic-dark .no_data_img{ background-image: url(/images/usercenter/contact_no_data_dark.svg);background-repeat: no-repeat;}
.classic-dark .article_details_content_box{ border-color: #000;}
.classic-dark .editormd-html-preview table thead tr,.classic-dark .editormd-preview-container table thead tr,.classic-dark .markdown-body table tr{ border-color: rgba(255,255,255,.1);background: 0 0;color: #fff;}
.classic-dark .editormd-html-preview table thead tr,.classic-dark .editormd-preview-theme-ceshi blockquote,.classic-dark .markdown-body table tr:nth-child(2n){ background-color: rgba(205,205,205,.1);}
.classic-dark .markdown-body table td,.classic-dark .markdown-body table th{ border-color: rgba(255,255,255,.1);}
@media screen and (max-width:1550px){
 .article-main-container:not(.article-main-left-menu-collapse) 
 .article-details-content-box{  flex-wrap: wrap; }
}
@media screen and (max-width:1400px){ 
 .article-details-content-box{  flex-wrap: wrap; }
}
@media screen and (max-width:992px){
 .article-menu-left{  display: none; }
 .article-details-crumbs{  display: none; }
 .article-details-title{  font-weight: 600;font-size: 24px; }
 .article-details-container .article-dtl-content h2, .article-details-container .editormd-preview-theme-ceshi h2{  margin: 48px 0 12px 0;font-size: var(--font-h2); }
 .article-details-container .article-dtl-content img{  margin: 12px auto; }
 .article-details-container .article-dtl-content p{  margin: 12px 0; }
 .markdown-body h1, div.editormd-preview-theme-ceshi h1{  font-size: var(--font-h1); }
 div.editormd-preview-theme-ceshi h3{  font-size: var(--font-h3); }
 .article-details-related-share-box{width: 100%;}
 .article-details-content{ margin-bottom: 0;border: 1px solid var(--color-divider-5);border-radius: 8px;}
 .article-details-container{display: flex;flex-direction: column;padding-bottom: 40px;}
 .markdown-body table{max-width: calc(100vw - 80px);}
 .article-details-container .article-dtl-content a[data-type="gate-activity"] > div[style="text-align:center;background: #2354E6; padding: 16px; border-radius: 8px; width: 200px; margin: 0 auto;"],
 .article-details-container .article-dtl-content a[data-type="gate-web3Tasks"] > div[style="text-align:center;background: #2354E6; padding: 16px; border-radius: 8px; width: 200px; margin: 0 auto;"],
 .article-details-container .article-dtl-content a .gateactivity-btn-style{width: auto !important;padding: 0 24px !important;height: 44px !important;min-width: 148px !important;}
}
.article-main-container-h5 .article-menu-left{ display: none;}
.article-main-container-h5 .article-details-crumbs{ display: none;}
.article-main-container-h5 .article-details-crumbs-show{ display: flex;padding: 0 16px;background: var(--color-card-1);}
.article-main-container-h5 .article-details-title{ font-weight: 600;font-size: 24px;}
.article-main-container-h5 .article-details-base-info{ margin-bottom: 16px;font-size: 14px;font-weight: 400;}
.article-main-container-h5 .editormd-preview-theme-ceshi a{ line-height: 180%;font-size: 16px;}
.article-main-container-h5.article-details-container{display: flex;flex-direction: column;padding-bottom: 40px;}
.article-main-container-h5.article-details-container .article-dtl-content h2,.article-main-container-h5 .article-details-container .editormd-preview-theme-ceshi h2{ margin: 48px 0 12px 0;font-size: var(--font-h2);}
.article-main-container-h5.article-details-container .article-dtl-content img{ margin: 12px auto;}
.article-main-container-h5.article-details-container .article-dtl-content p{ margin: 12px 0;}
.article-main-container-h5 .markdown-body h1,div.editormd-preview-theme-ceshi h1{ font-size: var(--font-h1);}
.article-main-container-h5 div.editormd-preview-theme-ceshi h3{ font-size: var(--font-h3);}
.article-main-container-h5 .markdown-body table{ max-width: calc(100vw - 80px);}
.article-main-container-h5 .article-details-content{ margin-bottom: 0;border: 1px solid var(--color-divider-5);}
.article-main-container-h5 .article-details-related-share-box{width: 100%;}
.marketlist_view_item{ cursor: pointer;}
div.protip-skin-default--size-normal{ padding: 8px 12px;min-width: unset!important;background: #434c5f!important;}
div.protip-skin-default--size-normal .protip-arrow{ border-color: transparent #434c5f transparent transparent!important;}
.classic-dark div.protip-skin-default--size-normal{ background: #42495e!important;}
.classic-dark div.protip-skin-default--size-normal .protip-arrow{ border-color: transparent #42495e transparent transparent!important;}
html[lang=ar] .article-details-crumbs svg{ transform: rotate(180deg);}
.article-details-coin-tag{flex-wrap: wrap;}
.coins-market-item{margin-bottom: 8px;border: 1px solid var(--color-divider-5);border-radius: 4px;height: 24px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;font-size: var(--font-body-s);font-weight: 400;color: var(--color-text-1);cursor: pointer;margin-right: 16px;background: var(--color-card-3);padding: 0 8px;}
.ar-body .coins-market-item{margin: 0 0 0 16px;}
.coins-market-item:last-child{margin-left: 0 !important;margin-right: 0 !important;}
.coin-market-name{margin-right: 4px;}
.coin-market-change.red{color: var(--color-pd-1);}
.coin-market-change.green{color: var(--color-pd-2);}
.rise-green-body .coin-market-change.red{color: var(--color-pd-2);}
.rise-green-body .coin-market-change.green{color: var(--color-pd-1);}
.markdown-body table { overflow-x: auto;}
.article-dtl-content ul li{ list-style: initial;}
.article-dtl-content ol li{ list-style: decimal;}
@media screen and (max-width:1550px){
    .article-menu-left:not(.menu-left-develop)[data-active=market] .article-market-container{ padding-top: 0;}
    .article-menu-left:not(.menu-left-develop)[data-active=market]{ width: 124px;min-width: 124px;}
    .article-menu-left:not(.menu-left-develop) .menu-left-change-box{ justify-content: center;}
    .article-menu-left:not(.menu-left-develop) .menu-left-fold{ margin: 0;}
    .article-menu-left:not(.menu-left-develop) .menu-left-change-btns,.article-menu-left:not(.menu-left-develop) .menu-left-change-btns-custom{ display: none;}
    .article-menu-left:not(.menu-left-develop) .kinds-btn-icon{ margin: 0;}
    .article-menu-left:not(.menu-left-develop) .kinds-btn{ display: none;}
    .article-menu-left:not(.menu-left-develop) .change-sort-type{ display: none;}
    .article-menu-left:not(.menu-left-develop) .article-market-container{ border: none;}
    .article-menu-left:not(.menu-left-develop) .article-menu-market-item{ padding: 8px;overflow: hidden;width: 100%;}
    .article-menu-left:not(.menu-left-develop) .article-menu-market-collapse{ flex-direction: column!important;align-items: flex-start;max-width: 48px;}
    .article-menu-left:not(.menu-left-develop) .article-menu-market-coin-name,.article-menu-left:not(.menu-left-develop) .article-menu-market-price{ display: none;}
    .article-menu-left:not(.menu-left-develop) .article-menu-market-coin,.article-menu-left:not(.menu-left-develop) .article-menu-market-rise{ max-width: 48px;display: inline-block;text-overflow: ellipsis;overflow: hidden;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;}
    .article-menu-left:not(.menu-left-develop) .menu-left-fold{ transform: rotate(180deg);}
}