/**该CSS由人工手动获取，作者：overflow，www.zjjdj.com 落地页系统 **/ 
body, h1, h2, h3, p, div, ol, ul, input, button { margin: 0; padding: 0 } body { line-height: 1; text-align: left; -webkit-text-size-adjust: none; max-width: 100%; overflow-x: hidden; vertical-align: top; font-family: Arial, Helvetica, sans-serif } ol, ul { list-style: none } a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } input, button, textarea { border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box } button { outline: 0 } html { font-size: 100px; line-height: 100px } @media screen and (max-width:360px) { html { font-size: 90px; line-height: 90px } } section, section p { max-width: 100%; } .wrap { position: relative; max-width: 750px; margin: 0 auto; } #content_wrapper { border-bottom: .06rem solid #f5f5f5; padding-bottom: .1rem; max-width: 100%; } .landingHead { padding: .13rem 17px .1rem; position: relative; overflow: hidden; background-color: #fff; } .landingHead h1 { color: #1f1f1f; font-size: .24rem; line-height: .36rem; font-weight: 700; } .font-size-1 .titleSize { font-size: .24rem; line-height: .35rem; } .landingHead section { margin: 24px 0 0; position: relative; } .columnCenter { -webkit-box-align: center; box-align: center; align-items: center; } .rowBetween { -webkit-box-pack: justify; box-pack: justify; justify-content: space-between; } .layout { display: -webkit-box; display: flex; } .layHorizontal { -webkit-box-orient: horizontal; box-orient: horizontal; } .layFlex { -moz-flex: 1; flex: 1; -webkit-box-flex: 1; box-flex: 1; } .columnCenter { -webkit-box-align: center; box-align: center; align-items: center; } .landingHead .avatarLink { position: relative; margin: 0 8px 0 0; } .landingHead .avatarLink a { border-radius: 100%; display: block; } .darkmode .experimentFollowed, .darkmode .landingHead .avatarLink a, .darkmode .landingHead .followedSuper .followSuperInner, .experimentFollowed, .landingHead .avatarLink a, .landingHead .followedSuper .followSuperInner { position: relative; } .landingHead .avatarLink img { display: block; height: .35rem; width: .35rem; background-size: cover; border-radius: 50%; } .landingHead .avatarLink a::after { border: 1px solid rgba(0, 0, 0, .1); border-radius: 50%; } .vip { position: absolute; right: 0; bottom: 0; width: 12px; height: 12px; background-size: 100% 100%; } .landingHead .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .vip2 { background-image: url(../image/vip2.png); } landingHead .extraInfo { -webkit-transition: width .4s ease; transition: width .4s ease; } .landingHead .infoWidthOther { width: calc(100vw - 51px - 1rem); } .landingHead .authorNameBadge { display: -webkit-box; display: flex; height: .17rem; flex-wrap: wrap; overflow: hidden; } .landingHead .extraInfo .authorName { padding: .01rem 0 0; display: inline-block; margin-right: .05rem; color: #1f1f1f; font-size: .16rem; line-height: .16rem; font-weight: 400; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; } landingHead .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .landingHead .infoSet { display: block; height: .14rem; line-height: .14rem; font-size: .12rem; padding: .05rem 0 0; color: #858585; font-weight: 400; max-width: calc(100vw - 34px - .43rem); } .landingHead .publishTime, .landingHead .resourceName { font-size: .12rem; vertical-align: middle; } .landingHead .infoSet .afrSplit { display: inline; margin-left: 8px; padding-left: 9px; vertical-align: middle; position: relative; } .darkmode .followSuper, .followSuper { background-color: #fff; } .followSuper { position: absolute !important; right: 0; width: .56rem; height: .27rem; line-height: .285rem; border: .006rem solid rgba(78, 110, 242, .5); border-top-color: rgba(78, 110, 242, 0.5); border-right-color: rgba(78, 110, 242, 0.5); border-bottom-color: rgba(78, 110, 242, 0.5); border-left-color: rgba(78, 110, 242, 0.5); border-color: var(--main-bd-color, rgba(78, 110, 242, .5)); border-radius: .28rem !important; text-align: center; font-size: .13rem; font-weight: 700; color: #4e6ef2; color: var(--main-bg-color, #4e6ef2); outline: 0; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .darkmode .landingHead .infoSet .afrSplit::after, .followSuper, .landingHead .infoSet .afrSplit::after { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .followSuper { line-height: .285rem; text-align: center; font-size: .13rem; font-weight: 700; color: #4e6ef2; color: var(--main-bg-color, #4e6ef2); } .mainContent { margin: 0 auto; max-width: 768px; letter-spacing: .7px; text-align: justify; word-break: break-word; overflow: hidden; color: #1f1f1f; background-color: #fff; } .font-size-1 .contentSize { font-size: .19rem; line-height: .3rem; } .mainContent> :first-child { margin-top: .17rem; } .contentPadding { padding-left: 17px; padding-right: 17px; } .contentSize, .titleSize { -webkit-text-size-adjust: 100%; } .newLandingUI { line-height: .32rem !important; } .contentMedia, .contentText { margin-top: .12rem; } .contentText { overflow: visible; letter-spacing: .2px; } .mainContent * { max-width: 100%; word-wrap: break-word; box-sizing: border-box !important; } .font-size-1 .contentSize { font-size: .19rem; line-height: .3rem; } .newLandingUI { line-height: .32rem !important; } .contentText { letter-spacing: .2px; } .mainContent img { max-width: 100%; } .mainContent * { max-width: 100%; word-wrap: break-word; box-sizing: border-box !important; } .horizontal { position: relative; display: block; height: .13rem; line-height: .13rem; background-color: #fff; margin-top: .32rem; } .thtUQTKu7DxOlhuSFOPN- { text-align: center; } ._2XKy-X8cYkv-8A7g0HIRIi { background-color: #fff; padding: .01rem 17px; line-height: .14rem; height: .14rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; cursor: pointer; position: absolute; right: 0; bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } ._2XKy-X8cYkv-8A7g0HIRIi ._2a_7OPRkh_5hhJ5Fv1HPgI { display: inline-block; width: .12rem; height: .12rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAAXNSR0IArs4c6QAABGxJREFUWAnNl01oXFUUx/Mxk8Eaa5tEEmkXJkq7qFI0X0SSShWnxialKLZYWrpKIYpiQUR0YVCrqxY3hdrYWkFBiLNz0+hibJMMSSaWUujCRcBFaTuYFBmTlOlkxt//zrvxZfKmb2Y04IX7zrn3nPM//3vufV8VFf+DVlkuh/b29hZid9AfzWazdysrK2/U1NRMjY+PJ0vFLIlEa2trsKqqaoCkg/QnPZKlIPMz/cT09PSEh91zqmgSEHgK8B9Ivs0TKW8S32+DweCxWCy2lGdaM6xaM+Mx0dHR8TzTEy4CvzIerK6u3l5fX1+LbAgEAl3MfU6/Q6/A93AqlboM+Yc1vl/zrQQEti0vL08CsomeYjvempqaGmalWS/g7u7uzUtLS19ie82xX2xpadk7MjKy7OWvOd9KQOAr/DaRNE3vY6/PFiIgwLGxsTvxePwg6rDGtD2zs7MDOdX7airBST+WyWReBfxSXV3dF6Ojowtyp5R7ET9Kx/Yh4J9JL6bpEOM3Td9J7K3a2trmaDR6NxwOPzg/P/8O27WLqka0KFMJCHyEcxjDp3NzcyqlaQQfkeKAnMrNFnedmZm5R9wH8ga3aWFh4UXpwlce1LCTN7cdMHqPyZtyIvCGJI6qUq90WkSryKnFX5ubmy/i/YciwHtZ0uKj3nTy5khQku/6+/u3hkKhRvT35dzW1lZP4EbpNB3MkpsOI0njTuDjksJXHuVTXs0FdFEbGhrKIBIEmTGyCRJG53LLKvlS54YVHeIANxJznG245vYB47bGyEZJfASamJj451m2QkIO7oZzwJJApt026SRvwOc8tn72VuDq72I6mud7zxkXzFXQkAfkNfwaAn2OIQuB3+jnvBz95soiwQOsj/IbAiSOQuYQt6852H4Jvey+DyuvIAg858xnIPE656BsAsIpiwRxTygYAglOeMFDK59i2goJbsmnOWxHe3p6HvELJPl1+bANTcSYW88vxtqFrzzKZ+cMCSaHAdSb8cLi4uJpa7yP/Mlli3R2drYS7/syVIyDf0H5lFdzthK7NVBjlVdzWuErhzCK9RvHY2c6nY6zsgR9X+GonCUP3+Q1JPge0MvrON8EbSQ44QckO98RbxJzxuXbgL7fNfZUha88yqe8cjK3KN8HWr1vBdyozpt2kNWfpbQHAN0K+Mdun0L65OTkDDZ108p6TthgSVZ2BaFedrNnomwAv0Aq5Htg152EH0nZPUn09vaGeCm9YQHYa/MmtOMSpY19jC+4V7xi15Dg3g0mEgk9BwYUQDVjHCTzcPIC8Jvj0H6Pz1/0DSwsAv7b+TFrSPBt8AlOPY7jZT5A9uQHlTLW9wW3YpiYPxXHok5C5Bk3xioSPPk2wtxsA86/4PhSOb917gTSeQTE2NIXwEyCH0Dqu2OlrbpFKdezOD0kK3IXIgnrFed/o/BUVbhd9Krq2kmDT+ItrkS6tWT/L7vNU9fV1fWAzbWqEvwbRJLJ5AbORcg6rIek4r8X84+6HrkLYv4NUSqkV3lqqK4AAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: .12rem .12rem; position: relative; padding-right: .06rem; } ._2XKy-X8cYkv-8A7g0HIRIi ._2c5sKfEMs0kjcCqDQnV3Hc { font-size: .12rem; vertical-align: middle; display: inline-block; color: #666; } /*评论部分*/ .xcp-publish { padding-bottom: 20px } .xcp-publish-title { font-size: 18px; line-height: 1; color: #000 } .xcp-publish-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-top: 20px } .xcp-publish-main .left { padding-top: 23px; width: 64px } .xcp-publish-main .right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .x-avatar { position: relative; display: block; width: 48px; height: 48px } .x-avatar.is-small { width: 28px; height:28px } .x-avatar-placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/xcp-bd-logo.png) 50% 50% no-repeat; background-size: 50% 50% } .x-avatar-img { position: relative; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50% }.x-avatar-vip { position: absolute; z-index: 1; right: 0; bottom: 0; width: 16.5px; height: 16.5px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover } .x-avatar .is-small-vip { width: 13.2px; height: 13.2px } .x-avatar .vip-1 { background-image: url(../image/xib-vip-1.png) } .x-avatar .vip-2 { background-image: url(../image/xib-vip-2.png) } .x-avatar .vip-3 { background-image: url(../image/xib-vip-3.png) } .x-avatar .vip-10 { background-image: url(../image/xib-vip-10.png) } .x-interact-publish { width: 100%; font-size: 13px; color: #222 } .x-interact-publish-panel-center { padding-top: 4px } .x-interact-publish-cont { height: 94px } .x-interact-publish-cont, .x-interact-publish-cont-topic { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; background: #f5f5f6; border-radius: 12px } .x-interact-publish-cont-topic { min-height: 94px; max-height: 160px; overflow-y: auto } .x-interact-publish .text-area { padding: 16px 16px 23px; width: 100%; resize: none; background: #f5f5f6; border-radius: 12px; border: none; color: #1f1f1f } .x-interact-publish .text-area:empty:before { content: attr(placeholder) } .x-interact-publish .text-area:focus { outline: none } .x-interact-publish .textarea-topic { padding: 13px 16px 11px; min-width: 200px; width: 100%; resize: none; background: #f5f5f6; border-radius: 12px; border: none; color: #1f1f1f; overflow: hidden; overflow-y: auto; -webkit-user-select: text; line-height: 1.5; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; -webkit-box-sizing: border-box; box-sizing: border-box } .x-interact-publish .textarea-topic:before, .x-interact-publish .textarea-topic:empty:before { content: attr(content); color: #4e6ef2; white-space: nowrap; word-break: break-all; padding-right: 5px; line-height: 1.5 } .x-interact-publish .textarea-topic .placeholder-init:before { display: inline-block; content: attr(placeholder); color: #626675 } .x-interact-publish .textarea-topic .placeholder-none:before { display: inline-block; content: " "; width: 1px } .x-interact-publish .textarea-topic:focus { outline: none } .x-interact-publish-opt { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 8px } .x-interact-publish .emoj, .x-interact-publish .img-upload { display: inline-block; height: 20px; width: 20px; background-size: contain; background-repeat: no-repeat } .x-interact-publish .emoj:hover, .x-interact-publish .img-upload:hover { cursor: pointer } .x-interact-publish .emoj { background-image: url(../image/xib-emoj-btn2.png) } .x-interact-publish .emoj:hover { background-image: url(../image/xib-emoj-btn-active2.png) } .x-interact-publish .img-upload { margin-left: 30px; background-image: url(../image/xib-img-btn3.png) } .x-interact-publish .img-upload:hover { background-image: url(../image/xib-img-btn-active3.png) } .x-interact-publish .radio { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .x-interact-publish .radio:hover { cursor: pointer } .x-interact-publish .radio:not(:first-child) { margin-left: 30px } .x-interact-publish .radio:before { content: ""; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 26px; width: 26px; border: 2px solid #222; border-radius: 100%; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scale(.5); transform: scale(.5); margin-right: -9px } .x-interact-publish .radio.checked:before { border: none; background-image: url(../image/xib-radio-selected.png); background-size: contain; background-repeat: no-repeat; background-color: #4e6ef2 } .x-interact-publish .no-radio .radio { display: none } .x-interact-publish .extra { position: absolute; right: 90px; color: #858585 } .x-interact-publish .extra .exceed { color: #f73131 } .x-interact-publish .send { position: absolute; top: 0; right: 0; width: 80px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background: #4e6ef2; border-radius: 6px; cursor: pointer } .x-interact-publish .send.disabled { opacity: .2; cursor: not-allowed } .x-interact-publish .emoj-panel { background: #fff } .x-interact-publish .emoj-panel.float-up { position: absolute; z-index: 1 } .x-interact-publish .emoj-panel.float-right { right: -16px } .xcp-list * { -webkit-box-sizing: content-box; box-sizing: content-box } .xcp-list-title { font-size: 18px; line-height: 1; color: #000 } .xcp-list-loader { margin-top: 64px; height: 42px; font: 14px PingFangSC-Regular; text-align: center; line-height: 42px; color: #626675; background: #f5f5f6; border-radius: 6px; cursor: pointer } .xcp-list-loader.no-more { background: transparent } .xcp-list-loader.is-second { margin-top: 30px; padding-left: 55px; height: auto; text-align: left; font: 13px/1 PingFangSC-Semibold; font-size: 13px; color: #222; background: transparent } .xcp-list-loader.is-second .icon { display: inline-block; width: 17px; height: 13px; background-repeat: no-repeat; background-size: cover; vertical-align: middle } .xcp-list-loader.is-second .icon-up { background-image: url(../image/xcp-arrow-up.png) } .xcp-list-loader.is-second .icon-down { background-image: url(../image/xcp-arrow-down.png) } .xcp-item {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-top: 28px; font-size: 14px; color: #222 } .xcp-item .left { width: 95%;display: flex; } .is-second .xcp-item .left { width: 100% } .xcp-item .right { width: 100% } .is-second .xcp-item { padding-top: 28px;background: #eeeeee7a;margin-bottom: 10px;border-radius: 8px;padding: 8px 3px; } .user-bar { padding-left: 10px;margin-top: 15px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 15px; } .user-bar-uname { font-size: .16rem; color: #222 } .user-bar-lz { margin-left: 4px; margin-right: -7px; padding: 2px 2.67px; -webkit-transform: scale(.75); transform: scale(.75); -webkit-transform-origin: left center; transform-origin: left center; font-size: 12px; line-height: 1; color: #4e6ef2; border: 1px solid rgba(78, 110, 242, .5); border-radius: 3.25px; display: inline-block; font-weight: 400 } .user-bar-dc { width: 13px; height: 13px; margin-left: 4px; background-size: cover; background-position: 50%; background-repeat: no-repeat } .user-bar-verified { padding-left: 4px; font-size: 13px; color: #626675; display: inline-block; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .x-interact-rich-text { padding-top: 10px; font-size: .16rem; color: #222; line-height: 1.5; text-align: justify; word-wrap: break-word; word-break: break-all; word-break: break-word } .x-interact-rich-text>a { text-decoration: none } .x-interact-rich-text .type-at, .x-interact-rich-text .type-image, .x-interact-rich-text .type-link, .x-interact-rich-text .type-topic, .x-interact-rich-text .type-video, .x-interact-rich-text .type-vote { color: #4367b4; cursor: pointer } .x-interact-rich-text .invalid-href.type-at { color: #858585; pointer-events: none } .x-interact-rich-text .type-emoji { width: 14px; margin-top: -4px; background-size: 100% } .x-interact-rich-text .type-emoji, .x-interact-rich-text .type-label { display: inline-block; height: 14px; background-repeat: no-repeat; background-position: 50% 50%; vertical-align: middle } .x-interact-rich-text .type-label { width: 42px; margin-top: -2px; background-size: cover } .x-interact-rich-text .type-label-1 { background-image: url(../image/xcp-hot-level-1.png) } .x-interact-rich-text .type-label-2 { background-image: url(../image/xcp-hot-level-2.png) } .x-interact-rich-text-is-author { padding: 0 .03rem; font-size: .1rem; color: #4d6df2; background: #e4eaff; border-radius: .03rem } .x-interact-rich-text-colon, .x-interact-rich-text-uname { color: #858585 } .interact-bar { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-top: 8px; font-size: 13px; color: #9195a3 } .interact-bar:hover .delete, .interact-bar:hover .report { display: block } .interact-bar>* { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .interact-bar-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .interact-bar-left .delete, .interact-bar-left .report { display: none; margin-left: 10px; cursor: pointer } .interact-bar-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; color: #222 } .interact-bar-right .like, .interact-bar-right .reply { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .interact-bar-right .icon { background-repeat: no-repeat; background-size: cover; background-position: 50% } .interact-bar-right .reply { cursor: pointer } .interact-bar-right .reply-icon { background-image: url(../image/xcp-reply.png) } .interact-bar-right .like { cursor: pointer; margin-left: 16px } .interact-bar-right .like-icon { background-image: url(../image/xcp-like.png) } .interact-bar-right .like.liked { color: #f33 } .interact-bar-right .like.liked .like-icon { background-image: url(../image/xcp-liked.png) } .interact-bar-right .icon { width: 20px; height: 20px; margin-right: 3px } .interact-bar .custom-dialog { position: absolute; left: 0; top: 56px; z-index: 1 }#commentModule{border-bottom: .06rem solid #f5f5f5;padding-bottom:.1rem;max-width: 100%;}.is-second .user-bar{margin-top: 8px;}.is-second .user-bar .user-bar-uname {font-size:.14rem;}.interact-bar-right .like.itzjj-likeButton-active { color: #f33 } .interact-bar-right .like.itzjj-likeButton-active .like-icon { background-image: url(../image/xcp-liked.png) }.followSuper.itzjj-followButton-active {background: #4e6ef2;color: #fff;}
.x-avatar .huida .img-avatar { width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .1); } .x-avatar .huifu .img-avatar { width: 39px; height: 39px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .1); }