3159 lines
73 KiB
CSS
3159 lines
73 KiB
CSS
* {
|
|
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;
|
|
}
|