* { margin: 0; padding: 0; box-sizing: border-box; user-select: none; /* font-family: sans-serif; */ } body { transform: scale(1); transform-origin: 0 0; } .container { width: 900px; background-color: #fff; font-size: 22px; letter-spacing: 1px; /* max-height: 7000px; */ /* overflow: hidden; */ /* overflow-y: scroll; */ } .mhy-layout { zoom: 1; } .mhy-layout::after { content: ''; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .mhy-layout { zoom: 1; } .mhy-layout::after { content: ''; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .ql-toolbar.ql-snow.ql-format-disabled button.ql-bold, .ql-toolbar.ql-snow.ql-format-disabled button.ql-align, .ql-toolbar.ql-snow.ql-format-disabled button.ql-italic, .ql-toolbar.ql-snow.ql-format-disabled button.ql-header { pointer-events: none; } .ql-toolbar.ql-snow.ql-format-disabled button.ql-bold .ql-stroke, .ql-toolbar.ql-snow.ql-format-disabled button.ql-align .ql-stroke, .ql-toolbar.ql-snow.ql-format-disabled button.ql-italic .ql-stroke, .ql-toolbar.ql-snow.ql-format-disabled button.ql-header .ql-stroke { stroke: #ebebeb !important; } .ql-toolbar.ql-snow.ql-format-disabled button.ql-bold .ql-fill, .ql-toolbar.ql-snow.ql-format-disabled button.ql-align .ql-fill, .ql-toolbar.ql-snow.ql-format-disabled button.ql-italic .ql-fill, .ql-toolbar.ql-snow.ql-format-disabled button.ql-header .ql-fill { fill: #ebebeb !important; } .mhy-clear-placeholder .ql-editor.ql-blank:focus::before { content: ''; } .mhy-simple-editor .ql-tooltip { display: none; } .mhy-simple-editor .ql-container { border: none; white-space: pre-wrap; } .mhy-simple-editor .ql-container img:not(.emoticon-image, .lottery-icon) { display: block; } .mhy-simple-editor .ql-editor { font-size: 14px; padding: 10px; white-space: pre-wrap; } .mhy-simple-editor .ql-editor[contenteditable='false'] { background: #f0f1f5; } .mhy-simple-editor .ql-editor.ql-blank::before { color: #ccc; font-style: normal; } .mhy-simple-editor .ql-editor img { height: auto; max-width: 100%; } .mhy-simple-editor .quill-mention { display: inline-block; color: #00b2ff; text-decoration: none !important; } .mhy-simple-editor .quill-lottery { display: inline-block; color: #00b2ff; text-decoration: none !important; } .mhy-simple-editor .quill-lottery > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .mhy-simple-editor .ql-blot-focused { position: relative; } .mhy-simple-editor .ql-blot-focused * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mhy-simple-editor .ql-blot-del { position: absolute; cursor: pointer; right: -15px; top: -15px; width: 30px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAADSElEQVRIS8WXyU9UQRCHv4oiSBwxinENuEMQNYpbwMQFoxe9GHGJf4ACbhe3k3pyu7gi/gFGjRoPnjRiSBSCshgViStmjCtu4CCLYtrUm3nD+MYHb5Bgnybzquqr7qru/rXgYRhj4oHlwDJgNjABGBpy/QLUA1XAdeCaiLR3F1a6MjDGDAG2AZuB5O6Chb5/Ak4BR0Wk0c3HFWyMWQscA0aoc3UzXPwMJU3wpA0CP4MhfXGQlgC5SZA3DLIGhVEfNGkRufA3eBTYGNMPOA4UqENpE+z0Q2XA23xn++BIKixKCtufBraKSEdkhD/AIeh5YHVTB+zyw5n33oBOq40j4VAqJPW3vlwG1orIL9vOCdbaFHz6CQsfQd33nkFtr/REuJUJyXHWP0UiUhgFDtX0vM40+yHUtfwb1PbOSITyaeGZrxcRXVGsGYe69ykwfNOLni+vW6q67MUTra8fgSna7TZ4H7C3pBGWPuqdmTqj3JgKubo5Yb+I7BNjjFbgre7TOQ+gymP3xpqednvldMtL9/loBa8Art5rhln33cNdSoeZibCkDvxtf9qlJsDNDKhpgbzH7jFqZsDM4D5fqeCTQOEePxx87e7kz4KUBHjTDjm1nXCFlmXCmPjgf+Oq3WPsHgsHUq3vpxRcAczrbpknDITbmTBqQCdcI9jQdz9gQS3Ut7qDs3xQFVzuOwpu0G4efLfzGHRzdcLVTmfqBaq2g+IgMDfY3QrWo6yflHlrl0i4eniF2tFNjvWrI2ZwZE01grPmXaYvYLItix8xLXUkVGeqI7Lmzm53JqE32bfgUjd4bi4nVBtJh7PhuoI7m8vTdno2CyYNjK5pZM2ft8LkGk/bqcjzAXJ2CmT7ILcuessovCQDygOwQU98l+E8QP7PkanJGWP6/pIIgfXe6KtrMU1EvoYViDFmHXBOhcD8h/C4l4SAqpAKNyEQPlWMKQLyLelT++8qxCF9ikUk32Y5NZdKM5Wjq3pZ7F0B1kQqTTd5e0JnrtmVNsKOV94Fgl74h1NgcVBt6CgGtnQpbyO3X5SgDwQF/Y0meNYO30IqeXB/mBwPS21B7wtHiU3QO+Ca93YVCn32hHEk4Hy0jQfsxdT30ctYH22/AYdWeyx9uWZJAAAAAElFTkSuQmCC) 50% no-repeat; background-size: cover; display: none; z-index: 100; } .mhy-simple-editor .ql-frame { position: relative; } .mhy-simple-editor .ql-frame::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .mhy-simple-editor .ql-frame.ql-blot-focused { -webkit-box-shadow: 0 0 0 2px #00c3ff; box-shadow: 0 0 0 2px #00c3ff; } .mhy-simple-editor .ql-frame.ql-blot-focused::after { display: none; } .mhy-simple-editor .ql-frame.ql-blot-focused .ql-blot-del { display: block; } .mhy-simple-editor .ql-link-card { position: relative; width: 520px; margin: auto; border-radius: 8px; cursor: pointer; } .mhy-simple-editor .ql-link-card.ql-blot-focused { -webkit-box-shadow: 0 0 0 2px #00c3ff; box-shadow: 0 0 0 2px #00c3ff; } .mhy-simple-editor .ql-link-card.ql-blot-focused::after { display: none; } .mhy-simple-editor .ql-link-card.ql-blot-focused .ql-blot-del { display: block; } .mhy-simple-editor .mhy-vod { width: 698px; height: 392px; } .mhy-img-text-article.ql-snow .ql-editor h1, .mhy-simple-editor .ql-snow .ql-editor h1 { font-size: 20px; } .mhy-img-text-article.ql-snow .ql-editor h2, .mhy-simple-editor .ql-snow .ql-editor h2 { font-size: 18px; } .mhy-img-text-article.ql-snow .ql-editor h3, .mhy-img-text-article.ql-snow .ql-editor h4, .mhy-img-text-article.ql-snow .ql-editor h5, .mhy-img-text-article.ql-snow .ql-editor h6, .mhy-simple-editor .ql-snow .ql-editor h3, .mhy-simple-editor .ql-snow .ql-editor h4, .mhy-simple-editor .ql-snow .ql-editor h5, .mhy-simple-editor .ql-snow .ql-editor h6 { font-size: 16px; font-weight: normal; } .ql-editor .ql-image { display: block; text-align: center; font-size: 0; } .ql-editor .ql-image:first-child { margin-top: 0; } .ql-editor .ql-image img { display: block; margin: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; } .ql-editor .ql-image + .ql-image { margin-top: 0; } .reply-editor .ql-editor .ql-image { text-align: left; margin: 15px 0; } .reply-editor .ql-editor .ql-image .ql-image-box { max-width: 90%; } .reply-editor .ql-editor .ql-image .ql-image-box img { max-width: 100%; } .ql-editor .ql-image .ql-image-config { display: none; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 14px 14px; z-index: 10; } .ql-editor .ql-image .ql-image-config button { display: inline-block; min-width: 84px; height: 34px; background-color: rgba(0, 0, 0, 0.7); border-radius: 4px; color: #fff; border: none; padding: 0 14px; text-align: center; cursor: pointer; } .ql-editor .ql-image .ql-image-config button.ql-image-cover-remove { margin-left: 10px; } .ql-editor .ql-image .ql-image-cover-label { position: absolute; top: 1px; left: 1px; background-color: #00c3ff; color: #fff; font-size: 16px; width: 78px; height: 34px; line-height: 34px; text-align: center; z-index: 100; display: none; } .ql-editor .ql-image.ql-blot-focused img { border-color: #00c3ff; -webkit-box-shadow: 0 0 0 1px #00c3ff; box-shadow: 0 0 0 1px #00c3ff; } .ql-editor .ql-image.ql-blot-focused .ql-blot-del { display: block; } .ql-editor .ql-image.ql-blot-focused .ql-image-config { display: -webkit-box; display: -ms-flexbox; display: flex; } .ql-editor .ql-image.ql-blot-focused .ql-image-cover-set { display: inline-block; } .ql-editor .ql-image.ql-blot-focused .ql-image-cover-update, .ql-editor .ql-image.ql-blot-focused .ql-image-cover-remove { display: none; } .ql-editor .ql-image.ql-image-cover .ql-image-cover-label { display: block; } .ql-editor .ql-image.ql-image-cover .ql-image-cover-set { display: none; } .ql-editor .ql-image.ql-image-cover .ql-image-cover-update, .ql-editor .ql-image.ql-image-cover .ql-image-cover-remove { display: inline-block; } .ql-editor .ql-image-box { display: inline-block; font-size: 0; position: relative; max-width: 100%; } .ql-editor .ql-image-box img { border: 1px solid #f5f5f5; } .ql-editor img:not(.emoticon-image, .lottery-icon) { display: block; margin: 0 auto; height: auto; max-width: 100%; } .ql-editor img:not(.emoticon-image, .lottery-icon) + img:not(.emoticon-image) { margin-top: 0; } .reply-editor .ql-editor img:not(.emoticon-image, .lottery-icon) { margin: 15px 0; max-width: 90%; } .ql-editor .ql-image + iframe, .ql-editor iframe + .ql-image, .ql-editor img:not(.emoticon-image) + iframe, .ql-editor iframe + img:not(.emoticon-image), .ql-editor .ql-image + .ql-frame, .ql-editor .ql-frame + .ql-image, .ql-editor img:not(.emoticon-image) + .ql-frame, .ql-editor .ql-frame + img:not(.emoticon-image) { margin-top: 0; } .ql-editor iframe, .ql-editor .ql-frame { display: block; margin-bottom: 15px; } .ql-editor iframe:first-child, .ql-editor .ql-frame:first-child { margin-top: 0; } .ql-editor iframe + iframe, .ql-editor iframe + .ql-frame, .ql-editor .ql-frame + iframe, .ql-editor .ql-frame + .ql-frame { margin-top: 0; } .ql-editor .ql-frame iframe { margin: 0; } .ql-editor .emoticon-image { display: inline-block; } .ql-editor img.lottery-icon { width: 20px; height: 20px; margin-left: 4px; margin-right: 5px; } /* .mhy-vod { display: block; width: 600px; height: 338px; position: relative; margin: 20px 0; border: 1px solid #f5f5f5; } */ .mhy-vod:first-child { margin-top: 0; } .mhy-vod.ql-blot-focused { border-color: #00c3ff; -webkit-box-shadow: 0 0 0 1px #00c3ff; box-shadow: 0 0 0 1px #00c3ff; } .mhy-vod.ql-blot-focused::after { display: none; } .mhy-vod.ql-blot-focused .ql-blot-del { display: block; } .mhy-vod.cover-uploading .mhy-vod__cover { background-size: contain; background-color: #f6f6f6; } .mhy-vod__cover { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .mhy-vod__edit { position: absolute; z-index: 10; left: 50%; top: 50%; cursor: pointer; width: 110px; height: 34px; margin-left: -55px; margin-top: -17px; background-color: rgba(0, 0, 0, 0.7); border-radius: 4px; color: #fff; 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; font-size: 14px; } .mhy-vod__edit .mhy-icon { font-size: 18px; margin-right: 6px; } .mhy-vod__duration { position: absolute; z-index: 10; right: 12px; bottom: 12px; height: 28px; background-color: rgba(0, 0, 0, 0.7); padding: 0 10px; border-radius: 4px; color: #fff; 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; font-size: 14px; } .mhy-vod__duration .mhy-icon { font-size: 18px; margin-right: 6px; } .mhy-vod .mhy-video-player__layer { cursor: pointer; } .mhy-vod.mhy-vod-transcoding { background-position: center; background-repeat: no-repeat; background-size: cover; 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; } .mhy-vod.mhy-vod-transcoding::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 5; } .mhy-vod.mhy-vod-transcoding::after { position: relative; z-index: 10; content: '视频转码中...'; line-height: 1; background: url(data:image/png;base64,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) center top no-repeat; background-size: 60px 60px; height: 60px; padding-top: 66px; margin-top: 3px; color: #fff; font-size: 14px; } .ql-divider img { max-width: 100%; } .ql-divider.ql-blot-focused { -webkit-box-shadow: 0 0 0 2px #00c3ff; box-shadow: 0 0 0 2px #00c3ff; } .ql-divider.ql-blot-focused .ql-blot-del { display: block; } html { font-family: 'Microsoft YaHei', '微软雅黑', Helvetica, Arial, sans-serif; font-size: 14px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { background-color: #f0f1f5; color: #333; } html > a, body > a { display: none; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; outline: none; } ul, li { list-style: none; } .root { width: 100%; } .root.root-iframe .root-page-container { padding: 62px 0 0; } .root.root-iframe .footer { display: none; } a { text-decoration: none; outline: none; color: #00c3ff; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #ccc; } input::placeholder, textarea::placeholder { color: #ccc; } .pointer { cursor: pointer; } .error-color { color: #ff667f !important; } .root-page-container { padding: 62px 0; background: url(/_nuxt/img/background.cd0a312.png) no-repeat 0 62px; background-size: 100%; } .mhy-main-page { padding-top: 30px; } .main-loading { padding: 100px 0; height: 40px; width: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; } .main-loading::after { content: ''; display: block; height: 40px; background: no-repeat url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCiAgICAgeT0iMHB4IgogICAgIHZpZXdCb3g9Ii0zNTIgMTc2IDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0zNTIgMTc2IDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3QyewoJICBmaWxsOiNiZmVjZmY7CiAgICBhbmltYXRpb246IG1haW4tbG9hZGluZyAxcyBsaW5lYXIgaW5maW5pdGU7CiAgICB0cmFuc2Zvcm0tb3JpZ2luOiAtMzI3cHggMjAxcHg7Cgl9CgogIEBrZXlmcmFtZXMgbWFpbi1sb2FkaW5nIHsKICAgIDAlIHsKICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7CiAgICB9CgogICAgNTAlIHsKICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTsKICAgIH0KCiAgICA5OS45OSUgewogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOwogICAgfQogIH0KPC9zdHlsZT4KICA8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTMwNC4xLDIwMmMtMSwwLTEuOCwwLjctMiwxLjdjLTEuMywxMC4zLTEwLjEsMTguMy0yMC44LDE4LjNjLTExLjMsMC0yMC40LTguOS0yMS0yMGMwLTAuMywwLTAuNiwwLTEKCWMwLTExLDguNC0yMCwxOS4yLTIwLjljMS0wLjEsMS44LTAuOSwxLjgtMmwwLDBjMC0xLjItMS0yLjEtMi4yLTJjLTEyLjgsMS4xLTIyLjgsMTEuOC0yMi44LDI0LjljMCwwLjMsMCwwLjYsMCwxCgljMC41LDEzLjQsMTEuNSwyNCwyNSwyNGMxMi43LDAsMjMuMi05LjUsMjQuOC0yMS44Qy0zMDIsMjAzLTMwMi45LDIwMi0zMDQuMSwyMDJMLTMwNC4xLDIwMnoiLz4KPC9zdmc+Cg==) center; background-size: 40px 40px; } .frame-loading { position: fixed; 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; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0; height: 100px; } .frame-loading__inner { position: relative; width: 10px; height: 30px; -webkit-animation: rectangle infinite 1s ease-in-out -0.2s; animation: rectangle infinite 1s ease-in-out -0.2s; background-color: #d9d9d9; } .frame-loading__inner::before, .frame-loading__inner::after { position: absolute; width: 10px; height: 30px; content: ''; background-color: #d9d9d9; } .frame-loading__inner::before { left: -20px; -webkit-animation: rectangle infinite 1s ease-in-out -0.4s; animation: rectangle infinite 1s ease-in-out -0.4s; } .frame-loading__inner::after { right: -20px; -webkit-animation: rectangle infinite 1s ease-in-out; animation: rectangle infinite 1s ease-in-out; } @-webkit-keyframes rectangle { 0%, 80%, 100% { height: 35px; -webkit-box-shadow: 0 0 #d9d9d9; box-shadow: 0 0 #d9d9d9; } 40% { height: 45px; -webkit-box-shadow: 0 -20px #d9d9d9; box-shadow: 0 -20px #d9d9d9; } } @keyframes rectangle { 0%, 80%, 100% { height: 35px; -webkit-box-shadow: 0 0 #d9d9d9; box-shadow: 0 0 #d9d9d9; } 40% { height: 45px; -webkit-box-shadow: 0 -20px #d9d9d9; box-shadow: 0 -20px #d9d9d9; } } .mhy-layout { width: 1000px; margin: 0 auto; padding-left: 100px; padding-right: 100px; -webkit-box-sizing: content-box; box-sizing: content-box; } .mhy-layout__main { /* width: 700px; */ } .mhy-layout__subtitle { height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; padding: 0 20px; background-color: #fff; font-size: 16px; font-weight: 600; } .mhy-layout__sub { float: right; width: 280px; } .mhy-container { background-color: #fff; border-radius: 4px; } .mhy-container__footer { height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #ebebeb; } .mhy-forum { padding-top: 56px; } .mhy-link:hover { color: #00c3ff; } .mhy-title { font-size: 16px; font-weight: 600; line-height: 20px; } .mhy-toast { border-radius: 4px !important; padding: 10px 20px !important; } .img-scale { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; } .img-scale:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .ql-container { font-family: inherit; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { -webkit-box-sizing: border-box; box-sizing: border-box; /* font-family: Helvetica, Arial, sans-serif; */ font-size: 28px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 48px; height: 100%; outline: none; overflow-y: auto; padding: 20px 20px 20px 20px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '•'; } .ql-editor ul[data-checked='true'], .ql-editor ul[data-checked='false'] { pointer-events: none; } .ql-editor ul[data-checked='true'] > li *, .ql-editor ul[data-checked='false'] > li * { pointer-events: all; } .ql-editor ul[data-checked='true'] > li::before, .ql-editor ul[data-checked='false'] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked='true'] > li::before { content: '☑'; } .ql-editor ul[data-checked='false'] > li::before { content: '☐'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type='file'], .ql-snow .ql-toolbar input.ql-image[type='file'] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { -webkit-box-sizing: border-box; box-sizing: border-box; } .ql-snow * { -webkit-box-sizing: border-box; box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; /* font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; */ padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 5px #ddd; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: 'Visit URL:'; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type='text'] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type='text'] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode='link']::before { content: 'Enter link:'; } .ql-snow .ql-tooltip[data-mode='formula']::before { content: 'Enter formula:'; } .ql-snow .ql-tooltip[data-mode='video']::before { content: 'Enter video:'; } .ql-snow a { color: #06c; } .ql-container.ql-snow { /* border: 1px solid #ccc; */ } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor .ql-image, .ql-editor .ql-divider { margin-bottom: 15px; } .mhy-article-page { zoom: 1; } .mhy-article-page::after { content: ''; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .mhy-article-page { position: relative; } .mhy-article-page__main { padding: 40px 30px 40px 30px; } .mhy-article-page__title { display: -webkit-box; display: -ms-flexbox; display: flex; } .mhy-article-page__title h1 { font-size: 44px; line-height: 60px; margin: 0; word-break: break-word; word-wrap: break-word; font-weight: normal; } .mhy-article-page__title .mhy-article-type__origin, .mhy-article-page__title .mhy-article-type__copy { font-size: 14px; color: #fff; font-weight: normal; height: 24px; line-height: 24px; padding: 0 6px; margin-right: 10px; } .mhy-article-page__title .mhy-article-type__origin { background-color: #4cd7e8; } .mhy-article-page__title .mhy-article-type__copy { background-color: #ff9452; } .mhy-article-page__content { /* margin-top: 24px; */ } .mhy-article-page__footer { margin-top: 20px; } .mhy-article-page__auth { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } .mhy-article-page__auth .auth-type { color: #999; -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; } .mhy-article-page__auth .auth-type .auth-type__icons { width: auto; } .mhy-article-page__auth .auth-type .mhy-icon { cursor: pointer; } .mhy-article-page_rank { margin-top: 14px; } .mhy-article-page-info { height: 50px; padding: 0 15px; background-color: #efefef; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 25px; font-size: 22px; } .mhy-article-page-info__from { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #999; } .mhy-article-page-info__from-name { color: #fa0; } .mhy-article-page-info__count { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .mhy-article-page-info__count-item { display: flex; align-items: center; } .mhy-article-page-info__count-item + .mhy-article-page-info__count-item { margin-left: 30px; } .mhy-article-page-info__count-item.mhy-clickable { cursor: pointer; } .mhy-article-page-info__count-item .mhy-icon { color: #b3b3b3; } .mhy-article-page-info__count-item span { color: #999; margin-left: 5px; } .mhy-article-page-updatetime { text-align: center; color: #999; margin-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 22px; margin-bottom: 28px; } .mhy-article-page-updatetime span { padding: 0 6px; line-height: 18px; } .mhy-article-page-updatetime span + span { border-left: 1px solid #ccc; } .mhy-article-page-collection-info { text-align: center; margin-top: 6px; line-height: 18px; } .mhy-article-page-collection-info span { color: #ccc; } .mhy-layout__sub.mhy-article-float-info { padding-top: 180px; } .mhy-layout__sub.mhy-article-float-info .mhy-article-page-author { position: fixed; top: 62px; width: 280px; z-index: 500; -webkit-animation: fade-in 0.3s both; animation: fade-in 0.3s both; } .mhy-article-page-author { padding: 0 20px 0 30px; height: 160px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; border-radius: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mhy-article-page-author .mhy-user-card__info { margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mhy-article-page-author .mhy-account-title__name { line-height: 22px; font-weight: 600; font-size: 16px; margin-right: 6px; white-space: normal; display: inline; } .mhy-article-page-author .mhy-account-title__level { margin-left: 0; } .mhy-article-page-author .mhy-user-card__certification { line-height: 16px; margin: 2px 0; white-space: normal; } .mhy-article-page-author .mhy-follow-button { margin-top: 12px; } .mhy-article-page-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mhy-article-page-bottom .mhy-topic-label-selector { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .mhy-article-page-bottom .mhy-article-page__report { color: #ccc; } .mhy-article-page-user-data { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #f0f0f0; margin-top: 20px; padding-top: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mhy-article-page-user-data__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; cursor: pointer; } .mhy-article-page-user-data__item + .mhy-article-page-user-data__item { margin-left: 108px; } .mhy-article-page-user-data__item .mhy-symbol-icon, .mhy-article-page-user-data__item .mhy-icon, .mhy-article-page-user-data__item .mhy-img-icon { font-size: 28px; cursor: pointer; } .mhy-article-page-user-data__item span { margin-left: 20px; color: #999; } .mhy-article-page-reply-action { margin-top: 20px; background-color: #fff; padding: 30px 50px; border-radius: 4px; } .mhy-article-page-reply-action .mhy-reply-box__body { min-height: 100px; } .mhy-article-page-reply-action__tip { color: #ccc; margin-bottom: 15px; } .mhy-article-page-reply-list { margin-top: 20px; } .mhy-article-page-reply-list__header { padding: 0 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mhy-article-page-reply-list__loadmore { border-top: 1px solid #ebebeb; height: 70px; 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; } .mhy-article-page-reply-list__notice { text-align: center; background-color: #f7f8fc; color: #ccc; line-height: 32px; padding: 9px; } .mhy-reply-filter__tab { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .mhy-reply-filter__sort .mhy-select__label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mhy-reply-filter__sort .mhy-reply-filter__selected { color: #333; } .mhy-article-actions { position: fixed; top: 92px; left: 50%; width: 90px; background-color: #fff; border-radius: 4px; margin-left: -596px; padding: 0 10px; } @media (max-width: 1192px) { .mhy-article-actions { margin-left: 0; left: 0; } } .mhy-article-actions__item { cursor: pointer; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mhy-article-actions__item + .mhy-article-actions__item { border-top: 1px solid #f0f0f0; } .mhy-article-actions__item .mhy-icon { font-size: 30px; color: #b3b3b3; } .mhy-article-actions__item .mhy-symbol-icon { font-size: 30px; } .mhy-article-actions__item span { color: #999; margin-top: 10px; line-height: 1; white-space: nowrap; } .mhy-article-actions__item--active span { color: #00c3ff; } .top-good-options { padding: 15px 30px; } .top-good-options__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-good-options__name { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 50px; } .top-good-options__btn { -ms-flex-negative: 0; flex-shrink: 0; height: 24px; width: 80px; } .topic-remove-options { padding: 15px 30px; } .topic-remove-options__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .topic-remove-options__item .mhy-checkbox { line-height: 50px; height: 50px; } .mhy-article-page-hot .mhy-hot-card + .mhy-hot-card { margin-top: 20px; } .mhy-authtype-frame .mhy-account-action-sheet__content { width: 300px; padding: 20px 25px; } .auth-type-intro { line-height: 20px; } .auth-type-intro + .auth-type-intro { margin-top: 20px; } .auth-type-intro__content { color: #999; font-size: 12px; margin-top: 4px; } .mhy-post-move-manage { padding: 30px 30px 10px 30px; } .mhy-post-move-manage__label { line-height: 1; } .mhy-post-move-manage__forum { margin-bottom: 30px; } .mhy-post-move-manage .mhy-radio { margin-top: 20px; margin-right: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mhy-post-move-manage .mhy-radio:last-child { margin-right: 0; } .mhy-post-move-manage .mhy-topic-selector .mhy-post-move-manage__label { line-height: 30px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .mhy-post-move-manage .mhy-autocomplete { width: 420px; } .mhy-post-move-manage .mhy-autocomplete__list { max-height: 226px; overflow: auto; } .mhy-article-page-announcement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 15px; background-color: #fff4eb; border: 1px solid #ffcf83; border-radius: 4px; color: #ff983b; margin-top: 20px; } .mhy-article-page-announcement--link { cursor: pointer; } .mhy-article-page-announcement .mhy-icon { font-size: 20px; margin-right: 15px; -ms-flex-item-align: start; align-self: flex-start; } .mhy-article-page-announcement p { line-height: 24px; } .mhy-icon { font-size: inherit; } .mhy-img-icon { height: 1em; fill: currentColor; overflow: hidden; } .mhy-symbol-icon { width: 1em; height: 1em; fill: currentColor; overflow: hidden; } @font-face { font-family: 'iconfont'; src: url('./iconfont.fb3712d.woff2'); } .iconfont { font-family: 'iconfont' !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-flag:before { content: ''; } .icon-a-lottery:before { content: ''; } .icon-a-xibian:before { content: ''; } .icon-a-:before { content: ''; } .icon-mark:before { content: ''; } .icon-dismark:before { content: ''; } .icon-cocy:before { content: ''; } .icon-swiper_left:before { content: ''; } .icon-swiper_right:before { content: ''; } .icon-a-zhudong:before { content: ''; } .icon-xiaoxishezhi:before { content: ''; } .icon-share:before { content: ''; } .icon-A:before { content: ''; } .icon-wenzijiaobiao:before { content: ''; } .icon-zhankai:before { content: ''; } .icon-shouqi1:before { content: ''; } .icon-filter:before { content: ''; } .icon-ic_Charts_Hat:before { content: ''; } .icon-m_divider:before { content: ''; } .icon-divider:before { content: ''; } .icon-ic_btn_light_edit:before { content: ''; } .icon-gift:before { content: ''; } .icon-shanchu:before { content: ''; } .icon-ic_sign_hourglass:before { content: ''; } .icon-ic_close:before { content: ''; } .icon-ic_video_actionbar_voice_off:before { content: ''; } .icon-ic_video_actionbar_voice_on:before { content: ''; } .icon-ic_upload_re:before { content: ''; } .icon-ic_video_small_videoviews:before { content: ''; } .icon-ic_video_actionbar_play:before { content: ''; } .icon-ic_video_actionbar_pause:before { content: ''; } .icon-Full:before { content: ''; } .icon-Exit:before { content: ''; } .icon-ic_draftbox:before { content: ''; } .icon-recommend:before { content: ''; } .icon-heji:before { content: ''; } .icon-drag:before { content: ''; } .icon-remove:before { content: ''; } .icon-set:before { content: ''; } .icon-notice:before { content: ''; } .icon-image2:before { content: ''; } .icon-introductio:before { content: ''; } .icon-subscribe:before { content: ''; } .icon-toupdate:before { content: ''; } .icon-renzheng:before { content: ''; } .icon-renzhengtubiao:before { content: ''; } .icon-mi-icon:before { content: ''; } .icon-triangle-right:before { content: ''; } .icon-guanfang1:before { content: ''; } .icon-home1:before { content: ''; } .icon-info:before { content: ''; } .icon-Notset:before { content: ''; } .icon-radioon:before { content: ''; } .icon-radiooff:before { content: ''; } .icon-Noncommercial:before { content: ''; } .icon-Prohibited:before { content: ''; } .icon-signature:before { content: ''; } .icon-open:before { content: ''; } .icon-down1:before { content: ''; } .icon-vote:before { content: ''; } .icon-vote_web:before { content: ''; } .icon-delete1:before { content: ''; } .icon-add1:before { content: ''; } .icon-navigation:before { content: ''; } .icon-image:before { content: ''; } .icon-close1:before { content: ''; } .icon-pcup:before { content: ''; } .icon-pcdown:before { content: ''; } .icon-shipin1:before { content: ''; } .icon-fabutiezi:before { content: ''; } .icon-wodeshoucang:before { content: ''; } .icon-shezhi1:before { content: ''; } .icon-wodeguanzhu:before { content: ''; } .icon-biaoqing1:before { content: ''; } .icon-link:before { content: ''; } .icon-dengji:before { content: ''; } .icon-huodedezan:before { content: ''; } .icon-xitongtongzhi:before { content: ''; } .icon-huifu:before { content: ''; } .icon-zhanghaoguanli:before { content: ''; } .icon-tuichudenglu:before { content: ''; } .icon-wodefensi:before { content: ''; } .icon-yinsishezhi:before { content: ''; } .icon-wodefatie:before { content: ''; } .icon-wenhao:before { content: ''; } .icon-smile:before { content: ''; } .icon-close:before { content: ''; } .icon-tupian1:before { content: ''; } .icon-biaoqing:before { content: ''; } .icon-shipin:before { content: ''; } .icon-daodila-jia:before { content: ''; } .icon-duotu:before { content: ''; } .icon-jinzhi:before { content: ''; } .icon-sousuokuangli:before { content: ''; } .icon-shijian:before { content: ''; } .icon-xiaojiantou:before { content: ''; } .icon-shezhi:before { content: ''; } .icon-fanhui:before { content: ''; } .icon-tianjiatupian:before { content: ''; } .icon-lianjie1:before { content: ''; } .icon-shoucang:before { content: ''; } .icon-dianzan:before { content: ''; } .icon-liuyanshu:before { content: ''; } .icon-liulanshu:before { content: ''; } .icon-jiantou:before { content: ''; } .icon-xiaoxizhongxin:before { content: ''; } .icon-sousuo:before { content: ''; } .icon-dots:before { content: ''; } .icon-jiahao:before { content: ''; } .icon-snowflake:before { content: ''; } .icon-lianjie:before { content: ''; } .icon-video:before { content: ''; } .icon-huizhanguBadge:before { content: ''; } .icon-huizhang:before { content: ''; } .icon-downo:before { content: ''; } .icon-upo:before { content: ''; } .icon-biaoqin:before { content: ''; } .icon-bianji:before { content: ''; } .icon-tupian:before { content: ''; } .icon-search:before { content: ''; } .icon-quxiao:before { content: ''; } .icon-hb:before { content: ''; } .icon-wuxiao:before { content: ''; } .icon-leida:before { content: ''; } .icon-huidaodingbu:before { content: ''; } .icon-louzhu:before { content: ''; } .icon-banzhu:before { content: ''; } .icon-guanfang:before { content: ''; } .icon-ding:before { content: ''; } .icon-jinghua:before { content: ''; } .icon-check:before { content: ''; } .icon-rocket:before { content: ''; } .icon-reply2:before { content: ''; } .icon-404:before { content: ''; } .icon-jubao:before { content: ''; } .icon-littlebrother:before { content: ''; } .icon-ufirst:before { content: ''; } .icon-bound:before { content: ''; } .icon-lazy:before { content: ''; } .icon-girl:before { content: ''; } .icon-boy:before { content: ''; } .icon-heart:before { content: ''; } .icon-edit:before { content: ''; } .icon-topcancel:before { content: ''; } .icon-qualitycancel:before { content: ''; } .icon-qualityset:before { content: ''; } .icon-reply:before { content: ''; } .icon-hidden:before { content: ''; } .icon-up:before { content: ''; } .icon-star:before { content: ''; } .icon-mobile:before { content: ''; } .icon-home:before { content: ''; } .icon-heartbreak:before { content: ''; } .icon-bell:before { content: ''; } .icon-down:before { content: ''; } .icon-delete:before { content: ''; } .icon-move:before { content: ''; } .icon-lock:before { content: ''; } .icon-right:before { content: ''; } .icon-topset:before { content: ''; } .icon-left:before { content: ''; } .icon-hand:before { content: ''; } .icon-show:before { content: ''; } .icon-send:before { content: ''; } .icon-person:before { content: ''; } .icon-write:before { content: ''; } .icon-hearto:before { content: ''; } .icon-accountsys:before { content: ''; } .icon-exit:before { content: ''; } .icon-arrowup:before { content: ''; } .icon-add:before { content: ''; } .mhy-topic-label { height: 40px; line-height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; border-radius: 12px; margin-right: 10px; background-color: #efefef; position: relative; cursor: pointer; } .mhy-topic-label--editable .mhy-topic-label__link { padding-right: 0; } .mhy-topic-label__delete { font-size: 10px; padding: 0 12px 0 10px; } .mhy-topic-label__link, .mhy-topic-label__text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mhy-topic-label__link:hover { color: #00b2ff; } .mhy-topic-label .mhy-icon { margin-right: 5px; font-size: 12px; color: #999; } .mhy-heart-click { position: relative; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .account { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; padding-left: 5px; position: relative; } .account .mhy-account-avatar { width: 90px; height: 90px; border: 1px solid #f0f4f5; margin-right: 18px; border-radius: 100%; vertical-align: top; } .account .mhy-authentication-mark-container { left: 75px; top: 75px; font-size: 30px; width: 30px; height: 30px; } .account .account-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .account .account-info .account-label { color: #ccc; font-size: 22px; } .mhy-account-title { display: inline-block; vertical-align: baseline; font-size: 30px; color: #404040 !important; line-height: 50px; } .mhy-account-title .account-title { font-size: 30px; display: inline-block; vertical-align: middle; } .mhy-authentication-mark-container { position: absolute; left: 12px; top: 17px; width: 14px; height: 14px; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 100%; border: 1px solid #fff; background-color: #fff; font-size: 14px; } .mhy-article-page .main-article .account .mhy-authentication-mark-container { left: 22px; font-size: 12px; width: 12px; height: 12px; } .mhy-symbol-icon { vertical-align: top; } .emoticon-image { display: inline-block; margin: 0 10px; width: 80px; height: 80px; vertical-align: text-bottom; background-size: cover; background-position: center; } .emoticon-image + .emoticon-image { margin-right: 0; } .emoticon-image:first-of-type { margin-right: 0; } .emoticon-image:last-of-type { margin-right: 10px; } .mhy-emoticon .mhy-emoticon__item { display: inline-block; width: 65px; height: 65px; margin: 5px; vertical-align: bottom; background-size: cover; background-position: center; } .mhy-emoticon { width: 418px; } .mhy-emoticon__list { padding: 0 12px; overflow-y: auto; overflow-x: hidden; height: 248px; padding-bottom: 8px; } .mhy-emoticon__item { cursor: pointer; } .mhy-emoticon__bottom { background-color: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; } .mhy-emoticon__setlist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mhy-emoticon__set { padding: 5px 13px; cursor: pointer; } .mhy-emoticon__set:hover:not(.mhy-emoticon__set--selected) { background-color: #ebebeb; } .mhy-emoticon__set--selected { background-color: #fff; } .mhy-emoticon__seticon { background-size: cover; background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; } .mhy-emoticon__pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mhy-emoticon__next, .mhy-emoticon__prev { cursor: pointer; margin: 0 5px; padding: 0 5px; } .mhy-emoticon__next .mhy-icon, .mhy-emoticon__prev .mhy-icon { font-size: 18px; color: #999; } .mhy-emoticon__pagerbtn--disabled { cursor: default; } .mhy-emoticon__pagerbtn--disabled .mhy-icon { color: #ccc; } #qrcode { margin-right: 20px; width: 130px; height: 130px; } .mhy-logo { width: 20px; height: 20px; position: absolute; right: 75px; } .mhy-link-card.card-mall .card-title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .mhy-link-card { background-color: #f7f8fc; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 520px; margin: auto; white-space: normal; text-decoration: none !important; color: #333 !important; cursor: pointer; } .mhy-link-card.card-normal { padding: 4px 16px 4px 4px; } .mhy-link-card.card-normal .card-cover { width: 58px; height: 58px; } .mhy-link-card.card-normal .card-title { line-height: 22px; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .mhy-link-card.card-mall { padding: 8px 16px 8px 8px; } .mhy-link-card.card-mall .card-cover { width: 90px; height: 90px; } .mhy-link-card.card-mall .card-title { line-height: 20px; } .mhy-link-card.card-mall .mall-card-user { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 16px; font-size: 14px; color: #999; margin-top: 8px; } .mhy-link-card.card-mall .mall-card-user .mall-card-user-avatar { margin-right: 6px; width: 16px; height: 16px; border-radius: 100%; overflow: hidden; } .mhy-link-card.card-mall .mall-card-user .mall-card-user-avatar img { width: 100%; height: 100%; vertical-align: top; } .mhy-link-card.card-mall .mall-card-user .mall-card-user-nickname { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mhy-link-card .card-cover { border-radius: 6px; margin-right: 12px; background: no-repeat 100% 100%; background-size: cover; } .mhy-link-card .card-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .mhy-link-card .card-title { font-size: 16px; } .mhy-link-card .card-title.card-offline { color: #999; } .mhy-link-card .mall-card-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 8px; } .mhy-link-card .mall-card-price .price { color: #ff667f; font-size: 20px; line-height: 26px; margin-right: 8px; font-weight: bold; } .mhy-link-card .mall-card-price .market-price { text-decoration: line-through; font-size: 14px; color: #999; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mhy-link-card .link-button { line-height: 24px; color: #00c3ff; display: -webkit-box; display: -ms-flexbox; display: flex; } .mhy-link-card .link-button .mhy-icon { margin-left: 8px; font-size: 12px; } .mhy-link-card .normal-link .link-button { margin-left: 20px; } .mhy-img-article__link .mhy-router-link { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .mhy-img-article { margin-bottom: 30px; } .mhy-img-article__describe { white-space: pre-wrap; color: #333; font-size: 16px; word-wrap: break-word; word-break: break-word; margin-bottom: 15px; } .mhy-img-article img:not(.lottery-icon) { max-width: 100%; max-height: 600px; display: block; margin-bottom: 15px; height: auto; } .mhy-img-article__link { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .mhy-img-article__link .mhy-router-link { text-decoration: underline; } .mhy-img-article__link-card-container { margin-top: 20px; }