@charset "UTF-8";
.rich-content blockquote, .note blockquote, .rich-content p, .note p {
  margin: 0 0 20px 0;
  line-height: 1.8;
  font-size: 14px;
  color: #111;
  word-wrap: break-word;
  white-space: pre-wrap; }

.rich-content blockquote a, .note blockquote a, .rich-content p a, .note p a {
  word-break: break-all; }

.rich-content .subject-wrapper .subject-rating .rating-star0, .note .subject-wrapper .subject-rating .rating-star0, .rich-content .subject-wrapper .subject-rating .rating-star1, .note .subject-wrapper .subject-rating .rating-star1, .rich-content .subject-wrapper .subject-rating .rating-star2, .note .subject-wrapper .subject-rating .rating-star2 {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  line-height: 50px;
  font-size: 0;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat; }

.rich-content .subject-wrapper .subject-rating .rating-star0, .note .subject-wrapper .subject-rating .rating-star0 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.848 10.896l-4.232 2.672 1.203-4.952L0 5.182h4.969L6.848 0 8.85 5.182h4.844L9.578 8.616l1.502 4.952z' fill='%23D3D3D3' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.rich-content .subject-wrapper .subject-rating .rating-star1, .note .subject-wrapper .subject-rating .rating-star1 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.848 10.896l-4.232 2.672 1.203-4.952L0 5.182h4.969L6.848 0 8.85 5.182h4.844L9.578 8.616l1.502 4.952z' fill='%23F2AE4B' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.rich-content .subject-wrapper .subject-rating .rating-star2, .note .subject-wrapper .subject-rating .rating-star2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='100%25' y1='50%25' x2='0%25' y2='50%25' id='a'%3E%3Cstop stop-color='%23D3D3D3' offset='0%25'/%3E%3Cstop stop-color='%23D3D3D3' offset='49.454%25'/%3E%3Cstop stop-color='%23F2AE4B' offset='49.833%25'/%3E%3Cstop stop-color='%23F2AE4B' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6.848 10.896l-4.232 2.672 1.203-4.952L0 5.182h4.969L6.848 0 8.85 5.182h4.844L9.578 8.616l1.502 4.952z' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.rich-content blockquote, .note blockquote {
  padding: 0 0 0 2em;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #7b7b7b;
  font-size: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' viewBox='0 -1 14 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23ddd' d='M1 5.76h5.28v7.68H1z'/%3E%3Cpath d='M8.683 6.17S8.34 2.429 12.254.458M1.963 6.17S1.62 2.429 5.534.458' stroke='%23ddd' stroke-width='2'/%3E%3Cpath fill='%23ddd' d='M7.72 5.76H13v7.68H7.72z'/%3E%3C/g%3E%3C/svg%3E"); }

.rich-content h2, .note h2, .rich-content h3, .note h3, .rich-content h4, .note h4 {
  background-color: transparent;
  margin: 0px;
  padding-top: 15px;
  height: auto;
  margin-bottom: 20px;
  font-weight: 600;
  color: #111; }

.rich-content h2, .note h2 {
  font-size: 22px;
  line-height: 28px; }

.rich-content h3, .note h3 {
  font-size: 20px;
  line-height: 28px; }

.rich-content h4, .note h4 {
  font-size: 17px;
  line-height: 28px; }

.rich-content .highlight-block, .note .highlight-block {
  padding: 16px;
  background-color: #f7f7f7;
  white-space: pre-wrap;
  margin-bottom: 2em; }

.rich-content .separator, .note .separator {
  position: relative;
  overflow: hidden;
  margin-top: -20px; }

.rich-content .separator hr, .note .separator hr {
  padding: 25px 0;
  margin: 0;
  border: 0; }

.rich-content .separator hr:before, .note .separator hr:before {
  position: absolute;
  content: "";
  font-size: 0;
  width: 100px;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -50px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf; }

.rich-content .subject-wrapper .subject-rating .rating-score, .note .subject-wrapper .subject-rating .rating-score {
  display: inline-block;
  margin-left: 4px;
  color: #e09015;
  vertical-align: middle;
  padding-top: 2px;
  font-size: 12px; }

.rich-content .subject-wrapper .subject-rating .rating-reason, .note .subject-wrapper .subject-rating .rating-reason {
  display: inline-block;
  margin-left: 4px;
  color: #ccc;
  vertical-align: middle;
  padding-top: 2px;
  font-size: 12px; }

.rich-content .topic-card, .note .topic-card, .rich-content .subject-wrapper, .note .subject-wrapper, .rich-content .video-card, .note .video-card, .rich-content .poll-wrapper, .note .poll-wrapper, .rich-content .question-wrapper, .note .question-wrapper {
  padding: 10px;
  border: 1px solid #dfdfdf;
  background-color: #fcfcfc;
  white-space: normal; }

.rich-content .topic-card, .note .topic-card, .rich-content .subject-wrapper, .note .subject-wrapper, .rich-content .video-card, .note .video-card, .rich-content .poll-wrapper, .note .poll-wrapper, .rich-content .question-wrapper, .note .question-wrapper {
  margin: 0 30px 30px;
  overflow: hidden;
  line-height: 0; }

.rich-content .topic-card a, .note .topic-card a, .rich-content .subject-wrapper a, .note .subject-wrapper a, .rich-content .video-card a, .note .video-card a, .rich-content .poll-wrapper a, .note .poll-wrapper a, .rich-content .question-wrapper a, .note .question-wrapper a {
  display: block; }

.rich-content .topic-card a:link, .note .topic-card a:link, .rich-content .subject-wrapper a:link, .note .subject-wrapper a:link, .rich-content .video-card a:link, .note .video-card a:link, .rich-content .poll-wrapper a:link, .note .poll-wrapper a:link, .rich-content .question-wrapper a:link, .note .question-wrapper a:link, .rich-content .topic-card a:visited, .note .topic-card a:visited, .rich-content .subject-wrapper a:visited, .note .subject-wrapper a:visited, .rich-content .video-card a:visited, .note .video-card a:visited, .rich-content .poll-wrapper a:visited, .note .poll-wrapper a:visited, .rich-content .question-wrapper a:visited, .note .question-wrapper a:visited {
  color: #259; }

.rich-content .topic-card a:hover, .note .topic-card a:hover, .rich-content .subject-wrapper a:hover, .note .subject-wrapper a:hover, .rich-content .video-card a:hover, .note .video-card a:hover, .rich-content .poll-wrapper a:hover, .note .poll-wrapper a:hover, .rich-content .question-wrapper a:hover, .note .question-wrapper a:hover, .rich-content .topic-card a:active, .note .topic-card a:active, .rich-content .subject-wrapper a:active, .note .subject-wrapper a:active, .rich-content .video-card a:active, .note .video-card a:active, .rich-content .poll-wrapper a:active, .note .poll-wrapper a:active, .rich-content .question-wrapper a:active, .note .question-wrapper a:active {
  background-color: transparent; }

.rich-content .subject-wrapper .subject-title .loc-name, .note .subject-wrapper .subject-title .loc-name {
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-bottom;
  font-size: 12px;
  font-weight: 200;
  font-family: sans-serif;
  background-color: #8ac393;
  color: #fff;
  padding: 2px 4px;
  border-radius: 1px;
  line-height: 1; }

.rich-content .subject-wrapper .subject-title, .note .subject-wrapper .subject-title, .rich-content .video-card .video-card-title, .note .video-card .video-card-title {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.1;
  color: #494949; }

.rich-content .subject-wrapper .subject-title a:link, .note .subject-wrapper .subject-title a:link, .rich-content .video-card .video-card-title a:link, .note .video-card .video-card-title a:link,
.rich-content .subject-wrapper .subject-title a:visited,
.note .subject-wrapper .subject-title a:visited,
.rich-content .video-card .video-card-title a:visited,
.note .video-card .video-card-title a:visited,
.rich-content .subject-wrapper .subject-title a:hover,
.note .subject-wrapper .subject-title a:hover,
.rich-content .video-card .video-card-title a:hover,
.note .video-card .video-card-title a:hover,
.rich-content .subject-wrapper .subject-title a:active,
.note .subject-wrapper .subject-title a:active,
.rich-content .video-card .video-card-title a:active,
.note .video-card .video-card-title a:active {
  color: #494949;
  background: transparent; }

.rich-content .subject-wrapper .subject-info, .note .subject-wrapper .subject-info, .rich-content .video-card .video-card-info, .note .video-card .video-card-info {
  overflow: hidden;
  text-align: left;
  min-height: 50px;
  padding: 4px 10px 0 0;
  color: #999;
  font-size: .86em;
  line-height: 1.6; }

.rich-content .subject-wrapper .subject-cover, .note .subject-wrapper .subject-cover {
  float: left;
  width: 68px;
  margin-right: 18px;
  max-height: 90px;
  overflow: hidden;
  font-size: 0; }

.rich-content .subject-wrapper .subject-cover img, .note .subject-wrapper .subject-cover img {
  max-width: 100%; }

.rich-content .video-card .video-card-cover a, .note .video-card .video-card-cover a, .rich-content .video-card .video-card-cover, .note .video-card .video-card-cover {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  height: 60px;
  text-align: center; }

.rich-content .video-card .video-card-cover a:before, .note .video-card .video-card-cover a:before, .rich-content .video-card .video-card-cover:before, .note .video-card .video-card-cover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' viewBox='0 0 46 46' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='a' cx='23' cy='23' r='23'/%3E%3Cmask id='b' x='0' y='0' width='46' height='46' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse stroke='%23FFF' mask='url(%23b)' stroke-width='3' fill-opacity='.4' fill='%23000' xlink:href='%23a'/%3E%3Cpath fill='%23FFF' d='M17.286 33.111V14.174l16.57 9.469z'/%3E%3C/g%3E%3C/svg%3E"); }

.rich-content .video-card .video-card-cover a:hover, .note .video-card .video-card-cover a:hover, .rich-content .video-card .video-card-cover:hover, .note .video-card .video-card-cover:hover {
  background-color: transparent; }

.rich-content .video-card .video-card-cover a:hover:before, .note .video-card .video-card-cover a:hover:before, .rich-content .video-card .video-card-cover:hover:before, .note .video-card .video-card-cover:hover:before {
  background-color: transparent; }

.rich-content .video-card .video-card-cover, .note .video-card .video-card-cover {
  float: left;
  margin-right: 18px;
  overflow: hidden;
  background: #222;
  font-size: 0; }

.rich-content .video-card .video-card-cover img, .note .video-card .video-card-cover img {
  position: absolute;
  left: -1000px;
  top: -1000px;
  right: -1000px;
  bottom: -1000px;
  margin: auto;
  max-width: 100%;
  min-width: 48px; }

.rich-content .video-card .video-card-blank, .note .video-card .video-card-blank {
  display: inline-block;
  width: 80px;
  height: 60px;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: auto 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' viewBox='0 0 46 46' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='a' cx='23' cy='23' r='23'/%3E%3Cmask id='b' x='0' y='0' width='46' height='46' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse stroke='%23FFF' mask='url(%23b)' stroke-width='3' fill-opacity='.4' fill='%23000' xlink:href='%23a'/%3E%3Cpath fill='%23FFF' d='M17.286 33.111V14.174l16.57 9.469z'/%3E%3C/g%3E%3C/svg%3E"); }

.rich-content .video-card .video-card-error, .note .video-card .video-card-error {
  padding: 1.5em 0;
  text-align: center;
  font-size: 12px;
  background-color: #f6f6f6; }

.rich-content .video-card .video-card-error p, .note .video-card .video-card-error p {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  font-size: inherit;
  color: #ccc !important; }

.rich-content .video-card .video-card-error p:before, .note .video-card .video-card-error p:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 1em;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M500 990.3C229.4 990.3 10 770.8 10 500S229.4 9.7 500 9.7 990 229.2 990 500 770.6 990.3 500 990.3zM500 75C265.5 75 75.3 265.3 75.3 500S265.4 925 500 925c234.5 0 424.7-190.3 424.7-425S734.5 75 500 75zm0 719.2c-36.1 0-65.3-29.3-65.3-65.4 0-36.1 29.2-65.4 65.3-65.4 36.1 0 65.3 29.3 65.3 65.4 0 36.1-29.2 65.4-65.3 65.4zm0-196.1c-18 0-32.7-29.3-32.7-65.4l-32.7-294.2c0-36.1 29.2-65.4 65.3-65.4 36.1 0 65.3 29.3 65.3 65.4l-32.7 294.2c.2 36.1-14.5 65.4-32.5 65.4z' fill='%23ccc'/%3E%3C/svg%3E"); }

.rich-content .video-card .video-card-error a, .note .video-card .video-card-error a {
  margin-left: 1em; }

.rich-content .topic-card, .note .topic-card {
  overflow: initial;
  display: block;
  padding: 15px; }

.rich-content .topic-card a, .note .topic-card a {
  text-decoration: none; }

.rich-content .topic-card .topic-main-placeholder, .note .topic-card .topic-main-placeholder {
  text-align: center;
  font-size: 13px;
  line-height: 22px;
  color: #818181; }

.rich-content .topic-card .group-hd, .note .topic-card .group-hd {
  display: block;
  overflow: hidden;
  height: 30px;
  margin-bottom: 15px; }

.rich-content .topic-card .group-hd > *, .note .topic-card .group-hd > * {
  display: inline-block;
  line-height: 30px; }

.rich-content .topic-card .group-hd strong, .note .topic-card .group-hd strong {
  color: #191919;
  font-size: 13px;
  margin-right: 10px; }

.rich-content .topic-card .group-hd span, .note .topic-card .group-hd span {
  font-size: 11px;
  color: #818181; }

.rich-content .topic-card .group-avatar, .note .topic-card .group-avatar {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left;
  border-radius: 4px;
  margin-right: 10px;
  overflow: hidden; }

.rich-content .topic-card .group-avatar img, .note .topic-card .group-avatar img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: auto; }

.rich-content .topic-card .topic-tag, .note .topic-card .topic-tag {
  font-size: 13px;
  margin-top: 15px;
  display: inline-block;
  margin-top: 15px;
  line-height: 18px; }

.rich-content .topic-card .topic-tag.gallery-topic, .note .topic-card .topic-tag.gallery-topic {
  position: relative;
  padding-left: 20px; }

.rich-content .topic-card .topic-tag.gallery-topic::before, .note .topic-card .topic-tag.gallery-topic::before {
  content: '';
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.138 9.586l-.255 1.532a.563.563 0 001.11.185l.286-1.717h1.659a.562.562 0 100-1.125H9.466l.333-2h1.451a.562.562 0 100-1.125H9.987l.255-1.533a.563.563 0 00-1.11-.185l-.286 1.718H6.862l.255-1.533a.562.562 0 10-1.11-.185l-.286 1.718H4.062a.563.563 0 000 1.125h1.472l-.333 2H3.75a.563.563 0 000 1.125h1.263l-.255 1.532a.563.563 0 001.11.185l.286-1.717h1.984zm.188-1.125H6.34l.333-2H8.66l-.333 2zM7.5 14.49a7.031 7.031 0 115.675-2.878c-.589.803-.415 1.387.653 2.004.415.24.245.875-.234.875H7.5z' fill='%2368CB78'/%3E%3C/svg%3E"); }

.rich-content .topic-card .topic-main, .note .topic-card .topic-main {
  clear: both;
  overflow: hidden;
  display: block; }

.rich-content .topic-card .topic-info, .note .topic-card .topic-info {
  line-height: 18px; }

.rich-content .topic-card .topic-info .topic-title, .note .topic-card .topic-info .topic-title {
  font-size: 15px; }

.rich-content .topic-card .topic-info .topic-title:hover, .note .topic-card .topic-info .topic-title:hover {
  color: #fff;
  background-color: #37a; }

.rich-content .topic-card .topic-info .topic-desc, .note .topic-card .topic-info .topic-desc {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: #494949; }

.rich-content .topic-card .topic-cover, .note .topic-card .topic-cover {
  float: right;
  margin-left: 15px;
  width: 120px;
  height: 80px;
  overflow: hidden;
  position: relative; }

.rich-content .topic-card .topic-cover img, .note .topic-card .topic-cover img {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.rich-content ol, .note ol, .rich-content ul, .note ul {
  padding: 0;
  margin-top: 0;
  margin-left: 30px;
  margin-bottom: 20px; }

.rich-content .ordered-list-item, .note .ordered-list-item, .rich-content ol li, .note ol li, .rich-content .unordered-list-item, .note .unordered-list-item, .rich-content ul li, .note ul li {
  font-size: 14px;
  line-height: 30px;
  list-style-type: disc;
  list-style-position: inside; }

.rich-content .ordered-list-item, .note .ordered-list-item, .rich-content ol li, .note ol li {
  list-style-type: decimal; }

.rich-content, .note {
  font-size: 14px; }

.rich-content p[data-align='center'], .note p[data-align='center'], .rich-content blockquote[data-align='center'], .note blockquote[data-align='center'], .rich-content div[data-align='center'], .note div[data-align='center'], .rich-content h1[data-align='center'], .note h1[data-align='center'], .rich-content h2[data-align='center'], .note h2[data-align='center'], .rich-content h3[data-align='center'], .note h3[data-align='center'], .rich-content h4[data-align='center'], .note h4[data-align='center'], .rich-content h5[data-align='center'], .note h5[data-align='center'], .rich-content h6[data-align='center'], .note h6[data-align='center'] {
  text-align: center; }

.rich-content p[data-align='left'], .note p[data-align='left'], .rich-content blockquote[data-align='left'], .note blockquote[data-align='left'], .rich-content div[data-align='left'], .note div[data-align='left'], .rich-content h1[data-align='left'], .note h1[data-align='left'], .rich-content h2[data-align='left'], .note h2[data-align='left'], .rich-content h3[data-align='left'], .note h3[data-align='left'], .rich-content h4[data-align='left'], .note h4[data-align='left'], .rich-content h5[data-align='left'], .note h5[data-align='left'], .rich-content h6[data-align='left'], .note h6[data-align='left'] {
  text-align: left; }

.rich-content p[data-align='right'], .note p[data-align='right'], .rich-content blockquote[data-align='right'], .note blockquote[data-align='right'], .rich-content div[data-align='right'], .note div[data-align='right'], .rich-content h1[data-align='right'], .note h1[data-align='right'], .rich-content h2[data-align='right'], .note h2[data-align='right'], .rich-content h3[data-align='right'], .note h3[data-align='right'], .rich-content h4[data-align='right'], .note h4[data-align='right'], .rich-content h5[data-align='right'], .note h5[data-align='right'], .rich-content h6[data-align='right'], .note h6[data-align='right'] {
  text-align: right; }

.rich-content h1, .note h1, .rich-content h2, .note h2, .rich-content h3, .note h3, .rich-content h4, .note h4, .rich-content h5, .note h5, .rich-content h6, .note h6 {
  height: auto; }

.rich-content p:empty + p:empty, .note p:empty + p:empty {
  overflow: hidden; }

.rich-content .video-source, .note .video-source {
  text-align: left;
  font-size: 13px;
  padding: 15px 32px 15px 16px;
  background-color: #f7f7f7;
  white-space: nowrap;
  line-height: 1.4em;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative; }

.rich-content .video-source:after, .note .video-source:after {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -5px;
  height: 10px;
  width: 6px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4.226-4 4.228' stroke='%23000' fill='none' opacity='.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain; }

.rich-content .video-source strong, .note .video-source strong {
  font-weight: normal;
  color: #37a; }

.rich-content .video-source a, .note .video-source a {
  color: #999; }

.rich-content .video-source a:hover, .note .video-source a:hover, .rich-content .video-source a:visited, .note .video-source a:visited {
  background-color: transparent;
  opacity: .8;
  color: #999; }

.rich-content .subject-caption-wrapper, .note .subject-caption-wrapper, .rich-content .video-card .video-caption-wrapper, .note .video-card .video-caption-wrapper, .rich-content .image-caption-wrapper, .note .image-caption-wrapper, .rich-content .market-group-buying-caption-wrapper, .note .market-group-buying-caption-wrapper {
  text-align: center; }

.rich-content .subject-caption, .note .subject-caption, .rich-content .video-card .video-caption, .note .video-card .video-caption, .rich-content .image-caption, .note .image-caption, .rich-content .market-group-buying-caption, .note .market-group-buying-caption {
  font-size: 14px;
  display: inline-block;
  color: #111;
  line-height: 1.62;
  text-align: center; }

.rich-content .subject-caption a, .note .subject-caption a, .rich-content .video-card .video-caption a, .note .video-card .video-caption a, .rich-content .image-caption a, .note .image-caption a, .rich-content .market-group-buying-caption a, .note .market-group-buying-caption a {
  display: inline-block;
  vertical-align: top; }

.rich-content .subject-caption, .note .subject-caption {
  text-align: left;
  border-left: 2px solid #DFDFDF;
  margin-top: 10px; }

.rich-content blockquote + blockquote, .note blockquote + blockquote {
  background: none; }

.rich-content .introduction, .note .introduction {
  margin: 0 0 30px 0;
  padding: 15px 20px;
  line-height: 1.8;
  color: #999;
  background: #f7f7f7; }

.rich-content .introduction p, .note .introduction p {
  margin: 0;
  color: #999; }









.rich-content, .note {
  width: 100%;
  overflow: hidden;
  margin-top: 30px; }

.rich-content .subject-wrapper .subject-title .title-play, .note .subject-wrapper .subject-title .title-play {
  height: 16px;
  float: left;
  width: 16px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect x='.5' y='.5' width='16' height='16' rx='8' stroke='%23f67'/%3E%3Cpath d='M6 11.486V5.514a.5.5 0 01.748-.435l5.226 2.987a.5.5 0 010 .868L6.748 11.92A.5.5 0 016 11.486z' fill='%23f67'/%3E%3C/g%3E%3C/svg%3E"); }

.rich-content .subject-wrapper .subject-rating, .note .subject-wrapper .subject-rating {
  margin-bottom: 8px;
  line-height: 1; }

.rich-content .subject-wrapper .subject-summary, .note .subject-wrapper .subject-summary {
  color: #999; }

.rich-content .subject-caption-wrapper, .note .subject-caption-wrapper {
  margin: -20px 30px 30px 30px; }

.rich-content .subject-caption, .note .subject-caption {
  margin-top: 10px;
  padding-left: 10px; }

.rich-content .video-card > a:link, .note .video-card > a:link,
.rich-content .video-card > a:visited,
.note .video-card > a:visited,
.rich-content .video-card > a:hover,
.note .video-card > a:hover,
.rich-content .video-card > a:active,
.note .video-card > a:active {
  display: block;
  background-color: transparent; }

.rich-content .video-card > a:hover .video-card-cover, .note .video-card > a:hover .video-card-cover,
.rich-content .video-card > a:active .video-card-cover,
.note .video-card > a:active .video-card-cover {
  background-color: transparent; }

.rich-content .video-card > a:hover .video-card-cover:before, .note .video-card > a:hover .video-card-cover:before,
.rich-content .video-card > a:active .video-card-cover:before,
.note .video-card > a:active .video-card-cover:before {
  background-color: transparent; }

.rich-content .video-card .video-card-source, .note .video-card .video-card-source {
  margin-top: 10px;
  color: #999; }

.rich-content .poll-wrapper, .note .poll-wrapper {
  padding: 20px; }

.rich-content .poll-wrapper .poll-title, .note .poll-wrapper .poll-title {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: 600; }

.rich-content .question-wrapper, .note .question-wrapper {
  padding: 20px; }

.rich-content .question-wrapper .question-title, .note .question-wrapper .question-title {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: 600; }

.rich-content .image-container, .note .image-container {
  margin-bottom: 20px; }

.rich-content .image-float-left, .note .image-float-left {
  text-align: left; }

.rich-content .image-float-left .image-caption, .note .image-float-left .image-caption,
.rich-content .image-float-left .image-wrapper,
.note .image-float-left .image-wrapper {
  display: inline-block;
  padding-left: 0;
  padding-right: 0; }

.rich-content .image-wrapper, .note .image-wrapper {
  text-align: center;
  font-size: 0;
  line-height: 0; }

.rich-content .image-wrapper img, .note .image-wrapper img {
  max-width: 100%;
  height: auto; }

.rich-content .image-caption, .note .image-caption {
  margin-top: 10px; }

.rich-content .video-wrapper, .note .video-wrapper {
  margin-bottom: 20px;
  text-align: center; }

.rich-content .video-player, .note .video-player {
  font-size: 0;
  display: inline-block;
  max-width: 100%; }

.rich-content .video-player embed, .note .video-player embed,
.rich-content .video-player object,
.note .video-player object,
.rich-content .video-player video,
.note .video-player video {
  width: 605px;
  height: auto;
  max-width: 100%;
  max-height: 340px;
  background-color: #000; }

.rich-content .video-player embed, .note .video-player embed,
.rich-content .video-player object,
.note .video-player object {
  height: 460px; }


.rich-content .video-player video,
.note .video-player video {
  height: auto; }

.rich-content .video-player .video-title, .note .video-player .video-title {
  margin-top: 10px;
  font-size: 14px;
  color: #999; }

.rich-content .video-player-iframe, .note .video-player-iframe {
  font-size: 0; }

.rich-content .video-player-iframe iframe, .note .video-player-iframe iframe {
  max-width: 100%; }

.rich-content .video-player-iframe .video-title, .note .video-player-iframe .video-title {
  margin-top: 10px;
  font-size: 14px;
  color: #999; }

.rich-content .video-source, .note .video-source {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto; }

.rich-content .latex, .note .latex {
  white-space: pre-wrap;
  font-family: monospace; }

.rich-content .code-block, .note .code-block {
  white-space: pre-wrap;
  font-family: monospace; }

.rich-content figure, .note figure {
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 10px 10px 30px;
  color: #818181; }

.rich-content figure:before, .note figure:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 24px;
  height: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' opacity='.15'%3E%3Cg transform='translate(1 4)'%3E%3Ccircle fill='%23191919' cx='5' cy='10' r='5'/%3E%3Cpath d='M1.726 7.698L9 0' stroke='%23191919' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(13 4)'%3E%3Ccircle fill='%23191919' cx='5' cy='10' r='5'/%3E%3Cpath d='M1.726 7.698L9 0' stroke='%23191919' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.rich-content figure mark, .note figure mark {
  background: #EBF2EA;
  color: #818181; }

.rich-content figcaption, .note figcaption {
  position: relative;
  padding-top: 10px;
  margin-top: 10px;
  font-size: 13px;
  color: #818181;
  line-height: 1; }

.rich-content figcaption::before, .note figcaption::before {
  content: '';
  width: 25px;
  height: 1px;
  background: #C0C0C0;
  position: absolute;
  top: 0;
  left: 0; }

.rich-content .market-group-buying-photo-wrapper, .note .market-group-buying-photo-wrapper {
  text-align: center;
  font-size: 0;
  line-height: 0; }

.rich-content .market-group-buying-photo-wrapper img, .note .market-group-buying-photo-wrapper img {
  max-width: 100%;
  height: auto; }

.rich-content .market-group-buying-caption, .note .market-group-buying-caption {
  margin-top: 10px; }

.rich-content img, .note img {
  max-width: 100%;
  height: auto; }

.rich-content blockquote, .note blockquote {
  color: #7b7b7b; }

.note-sync-doulist-card {
  padding-top: 20px; }
  .note-sync-doulist-card h3 {
    position: relative;
    margin: 0;
    text-align: center;
    font-weight: normal;
    padding: 0; }
    .note-sync-doulist-card h3 span {
      position: relative;
      z-index: 2;
      display: inline-block;
      color: #C0C0C0;
      font-size: 14px;
      background: #fff;
      padding: 0 15px; }
    .note-sync-doulist-card h3:before {
      position: absolute;
      top: 50%;
      left: 0;
      content: '';
      width: 100%;
      height: 1px;
      background: rgba(0, 0, 0, 0.12); }

.doulist-card-wrapper {
  background: #FCFCFC;
  border: 1px solid #DFDFDF;
  padding: 10px;
  margin: 15px 30px 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .doulist-card-wrapper .doulist-cover {
    width: 80px;
    height: 80px; }
    .doulist-card-wrapper .doulist-cover:hover {
      background: none;
      opacity: .9; }
    .doulist-card-wrapper .doulist-cover img {
      display: block;
      max-width: 80px;
      max-height: 80px; }
  .doulist-card-wrapper .doulist-info {
    -webkit-box-flex: 1;
            flex: 1;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
    font-size: 12px;
    color: #494949; }
    .doulist-card-wrapper .doulist-info dl {
      padding-top: 5px; }
    .doulist-card-wrapper .doulist-info dd {
      display: inline-block; }
    .doulist-card-wrapper .doulist-info p {
      margin: 0;
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 12px;
      color: #494949; }
  .doulist-card-wrapper .doulist-title {
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .doulist-card-wrapper .doulist-action {
    margin-left: auto;
    margin-right: 20px;
    text-align: center;
    width: 88px;
    height: 29px;
    line-height: 29px; }
    .doulist-card-wrapper .doulist-action .loading {
      display: none;
      margin: 0;
      float: none; }
    .doulist-card-wrapper .doulist-action.pending .loading {
      display: inline-block; }
    .doulist-card-wrapper .doulist-action.pending a {
      display: none; }
    .doulist-card-wrapper .doulist-action a {
      display: inline-block;
      width: 88px;
      height: 29px;
      line-height: 29px;
      background: #F0F8F1;
      border: 1px solid #E0F2ED;
      border-radius: 3px;
      color: #047722; }
      .doulist-card-wrapper .doulist-action a:hover {
        border-color: #c4e2d8;
        background-color: #eff5ef;
        color: #047722; }
      .doulist-card-wrapper .doulist-action a:before {
        content: "+";
        position: relative;
        top: -1px;
        display: inline-block;
        margin-right: 2px; }
    .doulist-card-wrapper .doulist-action.followed a:before {
      display: none; }


.doulist-category-icon {
  position: relative;
  display: block; }
  .doulist-category-icon:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 20px;
    background: rgba(0, 0, 0, 0.6) 7px center no-repeat;
    background-size: 12px;
    border-radius: 0 4px 0 4px;
    padding-left: 24px;
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    box-sizing: border-box;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    z-index: 3; }
  .doulist-category-icon.doulist-movie:after {
    content: '片单';
    background-image: url(/f/sns/26aef1c59db02e22f0d8eee4a4831da53d3d3863/pics/sns/doulist/ic_videos_xs@2x.png); }
  .doulist-category-icon.doulist-book:after {
    content: '书单';
    background-image: url(/f/sns/0d26953bc5fa762701864bf83c703b73ab832f1f/pics/sns/doulist/ic_books_xs@2x.png); }

.note-container h1 {
  padding: 0 0 20px 0;
  color: #111;
  line-height: 1.4; }

.note {
  font-size: 14px; }

.note-header-container .pub-date {
  color: #999;
  font-size: 13px; }



            .image-gif-download,.image-gif-button-play,.image-gif-loading,.image-gif-button-reload{display:block;height:14px;line-height:14px;padding:5px;overflow:hidden;color:#fff;font-size:12px;border-radius:3px;background-color:rgba(0,0,0,0.7);font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:500;white-space:nowrap;text-align:center}.image-gif-download:hover,.image-gif-button-play:hover,.image-gif-loading:hover,.image-gif-button-reload:hover,.image-gif-download:active,.image-gif-button-play:active,.image-gif-loading:active,.image-gif-button-reload:active,.image-gif-download:link,.image-gif-button-play:link,.image-gif-loading:link,.image-gif-button-reload:link,.image-gif-download:visited,.image-gif-button-play:visited,.image-gif-loading:visited,.image-gif-button-reload:visited{color:#fff;background-color:rgba(0,0,0,0.7)}.image-gif-download:before,.image-gif-button-play:before,.image-gif-loading:before,.image-gif-button-reload:before{content:'';display:inline-block;width:14px;height:14px;vertical-align:text-bottom;line-height:14px;overflow:hidden;margin-right:2px;background-repeat:no-repeat;background-size:contain;background-position:center}.image-container a{text-decoration:none}.image-container img{display:block}.image-container.image-float-center{text-align:center}.image-container .image-wrapper{display:inline-block;position:relative}.image-container .image-wrapper:hover .image-gif-download{display:block}.image-gif-download{display:none}.image-gif-download:before{display:inline-block;background-image:url("data:image/svg+xml, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M13%206.59l-4.58%204.227a.556.556%200%2001-.745%200L3.095%206.59%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.047%2010.018V2M3.296%2013.333h9.418%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.image-gif-panel,.image-gif-download{position:absolute;right:5px;bottom:5px}.image-gif-player{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%}.image-gif-button-play{letter-spacing:1px}.image-gif-button-play:before{background-image:url("data:image/svg+xml, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.178%209.275l-4.888%203.03A1.5%201.5%200%20015%2011.031V4.969a1.5%201.5%200%20012.29-1.274l4.888%203.03a1.5%201.5%200%20010%202.55z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.25%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")}.image-gif-loading{font-size:12px}.image-gif-loading:before{width:12px;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 80 80' width='12' height='12' preserveAspectRatio='xMinYMid'%3E %3Cpath fill='%23ffffff' d='M10,40c0,0,0-0.4,0-1.1c0-0.3,0-0.8,0-1.3c0-0.3,0-0.5,0-0.8c0-0.3,0.1-0.6,0.1-0.9c0.1-0.6,0.1-1.4,0.2-2.1 c0.2-0.8,0.3-1.6,0.5-2.5c0.2-0.9,0.6-1.8,0.8-2.8c0.3-1,0.8-1.9,1.2-3c0.5-1,1.1-2,1.7-3.1c0.7-1,1.4-2.1,2.2-3.1 c1.6-2.1,3.7-3.9,6-5.6c2.3-1.7,5-3,7.9-4.1c0.7-0.2,1.5-0.4,2.2-0.7c0.7-0.3,1.5-0.3,2.3-0.5c0.8-0.2,1.5-0.3,2.3-0.4l1.2-0.1 l0.6-0.1l0.3,0l0.1,0l0.1,0l0,0c0.1,0-0.1,0,0.1,0c1.5,0,2.9-0.1,4.5,0.2c0.8,0.1,1.6,0.1,2.4,0.3c0.8,0.2,1.5,0.3,2.3,0.5 c3,0.8,5.9,2,8.5,3.6c2.6,1.6,4.9,3.4,6.8,5.4c1,1,1.8,2.1,2.7,3.1c0.8,1.1,1.5,2.1,2.1,3.2c0.6,1.1,1.2,2.1,1.6,3.1 c0.4,1,0.9,2,1.2,3c0.3,1,0.6,1.9,0.8,2.7c0.2,0.9,0.3,1.6,0.5,2.4c0.1,0.4,0.1,0.7,0.2,1c0,0.3,0.1,0.6,0.1,0.9 c0.1,0.6,0.1,1,0.1,1.4C74,39.6,74,40,74,40c0.2,2.2-1.5,4.1-3.7,4.3s-4.1-1.5-4.3-3.7c0-0.1,0-0.2,0-0.3l0-0.4c0,0,0-0.3,0-0.9 c0-0.3,0-0.7,0-1.1c0-0.2,0-0.5,0-0.7c0-0.2-0.1-0.5-0.1-0.8c-0.1-0.6-0.1-1.2-0.2-1.9c-0.1-0.7-0.3-1.4-0.4-2.2 c-0.2-0.8-0.5-1.6-0.7-2.4c-0.3-0.8-0.7-1.7-1.1-2.6c-0.5-0.9-0.9-1.8-1.5-2.7c-0.6-0.9-1.2-1.8-1.9-2.7c-1.4-1.8-3.2-3.4-5.2-4.9 c-2-1.5-4.4-2.7-6.9-3.6c-0.6-0.2-1.3-0.4-1.9-0.6c-0.7-0.2-1.3-0.3-1.9-0.4c-1.2-0.3-2.8-0.4-4.2-0.5l-2,0c-0.7,0-1.4,0.1-2.1,0.1 c-0.7,0.1-1.4,0.1-2,0.3c-0.7,0.1-1.3,0.3-2,0.4c-2.6,0.7-5.2,1.7-7.5,3.1c-2.2,1.4-4.3,2.9-6,4.7c-0.9,0.8-1.6,1.8-2.4,2.7 c-0.7,0.9-1.3,1.9-1.9,2.8c-0.5,1-1,1.9-1.4,2.8c-0.4,0.9-0.8,1.8-1,2.6c-0.3,0.9-0.5,1.6-0.7,2.4c-0.2,0.7-0.3,1.4-0.4,2.1 c-0.1,0.3-0.1,0.6-0.2,0.9c0,0.3-0.1,0.6-0.1,0.8c0,0.5-0.1,0.9-0.1,1.3C10,39.6,10,40,10,40z' %3E %3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='360 40 40' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")}.image-gif-button-reload{font-size:12px}.image-gif-button-reload:before{margin-right:45x;background-image:url("data:image/svg+xml, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M10.127%205.291l4.397-.462a.347.347%200%2001.231.06c.174.116.23.363.126.55l-1.87%203.357a.385.385%200%2001-.06.08.346.346%200%2001-.518-.02L9.905%205.963a.424.424%200%2001-.1-.235c-.024-.22.12-.415.322-.436z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%281%202%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12.5%206.198a6%206%200%2010-4.12%205.7%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}



.image-wrapper .image-gif-download,.image-wrapper .image-gif-button-play,.image-wrapper .image-gif-loading,.image-wrapper .image-gif-button-reload{color:#fff;background-color:rgba(0,0,0,0.7)}.image-wrapper .image-gif-download:hover,.image-wrapper .image-gif-button-play:hover,.image-wrapper .image-gif-loading:hover,.image-wrapper .image-gif-button-reload:hover{color:#fff;background-color:rgba(0,0,0,0.7);opacity:.8}


            .ui-overlay-show,.ui-overlay-show body{width:100%;height:100%;overflow:hidden}.ui-overlay-show{overflow-y:auto}.ui-overlay-mask{position:absolute;z-index:999;vertical-align:middle;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background:rgba(0,0,0,0.2);text-align:center;white-space:nowrap}.ui-overlay-x{display:inline-block;*display:inline;zoom:1;width:1px;height:100%;margin-right:-.31em;*margin-right:-.43em;overflow:hidden;vertical-align:middle}.ui-overlay-anchor{width:100%;height:0;font-size:0;line-height:0;overflow:hidden}.ui-overlay-container{position:relative;display:inline-block;*display:inline;zoom:1;vertical-align:middle;margin:20px auto;min-width:20em;min-height:20em;text-align:left;word-wrap:break-word;white-space:normal;background:#fff;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.2)}.ui-overlay-container .bd{padding:20px}.ui-overlay-close{position:absolute;right:10px;top:10px;line-height:1.3;width:1.3em;height:1.3em;overflow:hidden;text-align:center;border-radius:50%}.ui-overlay-close:hover{background-color:#999}.ui-overlay-container .hd,.ui-overlay-container .bd{width:auto}.ui-overlay-mask{background-color:rgba(255,255,255,0.8);*background-color:transparent}.ui-overlay-container .hd{padding:0;margin:0}.ui-overlay-container .bd{background:#fff;padding:0;font-size:0;-webkit-box-shadow:0 2px 8px -1px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 8px -1px rgba(0,0,0,0.2);-ms-box-shadow:0 2px 8px -1px rgba(0,0,0,0.2);box-shadow:0 2px 8px -1px rgba(0,0,0,0.2)}.ui-overlay-close{top:3px;left:3px;font-size:18px;color:#d1d1d1 !important}.ui-overlay-close:hover{background:none}

            .ui-overlay-mask {
                background-color: rgba(255, 255, 255, 0.5);
            }
            #reg-up {
                display: none;
            }
            .infobox {
                margin-top: 20px;
            }
        
        .gallery_topic{display:block;border-radius:2px;border:1px solid rgba(0,0,0,0.15);padding:20px;color:#000000;margin-bottom:30px;overflow:hidden}.gallery_topic:hover{background:#fff}.gallery_topic h2{color:#333;line-height:1;margin-bottom:8px;font-weight:500}.gallery_topic .meta{color:#999999;float:left;line-height:1}.gallery_topic .link{color:#37a;float:right;line-height:1}.gallery_topic .link:hover{color:#fff;background:#37a}.gallery_topic_mini{margin-top:15px;color:#878787}.gallery_topic h2::before{content:'';vertical-align:text-top;margin-right:6px}.gallery_topic.ic-personal h2::before{background-repeat:no-repeat;background-size:contain;background-position:center;display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M8.004 0a8 8 0 1 0 0 16h6.5c1.13 0 1.444-1.515.487-2.08-.725-.427-.758-.717-.175-1.724A7.953 7.953 0 0 0 16.004 8a8 8 0 0 0-8-8z' fill-opacity='.2' fill='%2300A52A'/%3E%3Cpath d='M8.004 1a7 7 0 0 1 5.955 10.682c-.841 1.45-.736 2.357.524 3.1.118.069.087.218.021.218h-6.5a7 7 0 0 1 0-14z' fill='%23E5F8EA'/%3E%3Cpath d='M10.436 3.408a.6.6 0 0 1 .493.69l-.273 1.635h1.348a.6.6 0 0 1 0 1.2h-1.548l-.355 2.133h1.57a.6.6 0 0 1 0 1.2H9.9l-.305 1.833a.6.6 0 1 1-1.184-.198l.272-1.635H6.567l-.304 1.833a.6.6 0 1 1-1.184-.198l.272-1.635H4.004a.6.6 0 0 1 0-1.2h1.547l.355-2.133H4.337a.6.6 0 1 1 0-1.2h1.77L6.412 3.9a.6.6 0 1 1 1.184.198l-.273 1.634H9.44L9.746 3.9a.6.6 0 0 1 .69-.493zM8.884 9.066l.356-2.133H7.123l-.356 2.133h2.117z' fill='%2300A52A'/%3E%3C/g%3E%3C/svg%3E")}.gallery_topic.ic-public h2::before{background-repeat:no-repeat;background-size:contain;background-position:center;display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.004.5a7.5 7.5 0 0 1 6.38 11.445c-.678 1.17-.678 1.798.353 2.406.54.318.363 1.149-.233 1.149h-6.5a7.5 7.5 0 0 1 0-15zm2.432 2.908a.6.6 0 0 0-.69.493L9.44 5.733H7.323l.273-1.634a.6.6 0 0 0-.399-.667l-.094-.024a.6.6 0 0 0-.69.493l-.306 1.832h-1.77a.6.6 0 0 0-.592.503l-.008.097a.6.6 0 0 0 .6.6h1.57L5.55 9.066H4.004a.6.6 0 0 0-.592.503l-.008.098a.6.6 0 0 0 .6.6l1.347-.001-.272 1.635a.6.6 0 0 0 .398.667l.095.024a.6.6 0 0 0 .69-.493l.305-1.833h2.117l-.272 1.635a.6.6 0 0 0 .399.667l.095.024a.6.6 0 0 0 .69-.493l.304-1.833h1.77a.6.6 0 0 0 .593-.502l.008-.097a.6.6 0 0 0-.6-.6l-1.57-.001.355-2.133h1.548a.6.6 0 0 0 .592-.502l.008-.098a.6.6 0 0 0-.6-.6h-1.348l.273-1.634a.6.6 0 0 0-.398-.667zM8.884 9.066H6.767l.356-2.133H9.24l-.356 2.133z' fill='%2368CB78' fill-rule='nonzero'/%3E%3C/svg%3E")}

        .note-header-container h3 { margin: 20px 0 5px; padding: 0 0 1px 4px; }
        .note-header-container h3 span a {color: #acacac;}
        .note-header-container h3 span a:hover {color: #fff;}
        .note-header-container .note-thing { margin-left: 10px; color: #999;  }
        .note-header-container .note-author { margin: 0 10px 0 7px; }
    
    .copyright-claim.original {
      color: #bbb;
      margin: 20px 0;
    }
    .copyright-claim.original p {
      margin: 0;
    }
    .copyright-claim.original a {
      color: #bbb;
    }
    .copyright-claim.original a:hover {
      background: none;
    }
  
        .note-footer-stat { color:#bbb; }
        .note-footer-stat-pv { margin-right:10px; }
        .note-footer-stat-commits { margin-right:10px; }
        .note-footer-stat-modify,
        .note-footer-stat-del,
        .note-footer-stat-setting { margin: 0 5px; }
        .note-footer-stat-privacy { float:right; }
        
    .action-btn,.action-react .react-add,.action-react .react-cancel{display:inline-block;vertical-align:middle;height:12px;line-height:1;border-radius:2px;padding:6px 9px 4px 24px}.action-btn-cancel,.action-react .react-cancel{color:#CCCCCC;border:1px solid #DFDFDF;background:#EDEDED}.action-react{display:inline-block;margin-right:10px}.action-react .react-add,.action-react .react-cancel{background-position:5px center;background-size:16px 16px;background-repeat:no-repeat}.action-react .react-add{color:#CA6445;background-color:#FBE9D9;background-image:url(/f/shire/4da1c5c7e1d146d33008a6879dee93f45f5de79f/pics/actions/ic_action_like@2x.png)}.action-react .react-add:link,.action-react .react-add:visited{border:1px solid #FAD5B5}.action-react .react-add:hover,.action-react .react-add:active{border:1px solid #f8c79d}.action-react .react-cancel{background-image:url(/f/shire/c23e75b1df37fe79b90c12fa1fdfa913b39def0b/pics/actions/ic_action_liked@2x.png)}

    #doulist-new-function-remind{position:absolute;box-shadow:0 1px 3px 0 rgba(180,148,76,0.15);background-color:rgba(252,247,224,0.95);border:solid 1px #f0d256;width:240px;bottom:40px;left:-100px;border-radius:4px;box-sizing:border-box;padding:12px 15px;text-align:center}#doulist-new-function-remind:after{content:"";position:absolute;width:0;height:0;border:8px solid #fcf7e0;bottom:-8px;left:0;right:0;margin:auto;transform:rotate(45deg)}#doulist-new-function-remind:before{content:"";position:absolute;width:0;height:0;border:8px solid #f0d256;bottom:-8px;left:0;right:0;margin:auto;transform:rotate(45deg) translateY(1px) translateX(1px)}#doulist-new-function-remind .title{font-size:16px;font-weight:500;color:#5a412e;text-align:left;margin-bottom:6px}#doulist-new-function-remind .desc{font-size:13px;color:#5a412e;text-align:left;margin-bottom:6px;line-height:1.4}#doulist-new-function-remind button{border-radius:2px;background-color:#fab143;border:none;color:#fff;text-align:center;padding:3px 10px;font-size:12px;cursor:pointer;outline:none}


        .sharing-layer{position:absolute;top:0;right:0;border:1px solid #999;border-radius:2px;padding:30px;background:#fff;width:242px;min-width:100%;overflow:hidden}.sharing-layer.is-hidden{display:none}.sharing-layer>*{float:left}.sharing-wechat{padding-right:30px;text-align:center;width:100px}.sharing-wechat span{display:inline-block;margin-bottom:7px;padding-right:30px}.sharing-wechat-qrcode{width:100px;height:100px}.sharing-wechat-qrcode img{width:100%;height:100%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated}.sharing-list{list-style:none;margin:0;width:80px;padding-left:30px;border-left:1px solid #eee}.sharing-list li{color:#37a;cursor:pointer}.sharing-list li+li{margin-top:28px}[class^='sharing-icon']{padding-left:31px;height:24px;line-height:24px;background-image:url(/f/shire/269fc7e200ad081516ea8978b14da393a94e67a2/pics/social_sharing/icons_sharing.png);background-repeat:no-repeat;white-space:pre}.sharing-icon__weibo{background-position:-10px -10px;width:24px;height:24px}.sharing-icon__wechat{background-position:-10px -54px;width:24px;height:24px}.sharing-icon__qzone{background-position:-10px -98px;width:24px;height:24px}.sharing-icon__qq{background-position:-10px -142px;width:24px;height:24px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi){[class^='sharing-icon']{background-image:url(/f/shire/edabdddd38fd9d7c226c57a4f16c6ee6a9df2400/pics/social_sharing/icons_sharing@2x.png);background-size:44px 176px}.sharing-button:before{background-image:url(/f/shire/1748293716d323f55b208de38c2a58c35b72f7a5/pics/social_sharing/icon_sharing_qrcode@2x.png);background-size:cover}}

        .sns-bar{overflow:visible}.sns-bar:before,.sns-bar:after{content:"";display:table}.sns-bar:after{clear:both}.sharing{display:inline-block;position:relative;font-size:inherit}.sharing-button{display:inline-block;vertical-align:middle;height:22px;border:1px solid #DAEDE4;border-radius:2px;background-color:#EFF7ED;color:#4F946E;cursor:pointer;font-size:0}.sharing-button:hover{border-color:#c4e2d8;background-color:#eff5ef}.sharing-button>*{font-size:13px;display:inline-block}.sharing-douban .lnk-sharing{height:12px;line-height:1}.sharing-douban .lnk-sharing:link,.sharing-douban .lnk-sharing:visited,.sharing-douban .lnk-sharing:hover,.sharing-douban .lnk-sharing:active{border:0;background-color:transparent}.sharing-indicator{padding:0 8px;height:100%;position:relative}.sharing-indicator:before,.sharing-indicator:after{content:"";display:inline-block;vertical-align:middle}.sharing-indicator:before{border-left:1px solid #DFDFDF;position:absolute;left:0;top:3px;bottom:3px}.sharing-indicator:after{width:16px;height:16px;background:url(/f/shire/4fbf626ab5ca6123aa409887bc830fa425b80491/pics/actions/ic_action_share@2x.png) center/contain no-repeat}.sharing:after{content:"";display:block;width:100%;height:5px}.sharing-layer{border-radius:0;border-color:#ccc;right:auto;left:0;top:100%;z-index:1}.sharing-list__united li{white-space:nowrap}.sharing-list__united li+li{margin-top:11px}.sharing-icon__doulist{background-image:url(/f/shire/d966ae598a399846b137af42230474ecc00a9c43/pics/united_sharing/doulist.png);background-size:16px 16px;background-position:3px center}.sharing-icon__doulist a{background:none;color:#37a;display:inline-block;padding-left:31px;margin-left:-31px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi){.sharing-icon__doulist{background-image:url(/f/shire/5c84d0e349254e948be398a8b8b29d4866f00e38/pics/united_sharing/doulist@2x.png)}}

    
                .sns-bar { text-align: justify; text-justify: distribute; -ms-text-justify: distribute; font-size: 0; }
                .sns-bar > * { display: inline-block; font-size: 12px; vertical-align: middle; }
                .sns-bar:after { content: ''; width: 100%; display: inline-block; }
                .sns-bar-donate { float: none; }
                .donate-sec{display:inline-block;color:#d67900;background:rgba(255,189,65,0.2);border:1px solid rgba(255,167,0,0.4);border-radius:2px;padding:6px 9px 4px;height:12px;line-height:1;cursor:pointer}.donate-sec:hover{border-color:rgba(204,134,0,0.4)}.donate-sec a{color:#d67900}.donate-sec a:hover{background:none}.donate-num.is-hidden{display:none}.donate-notice{display:inline-block;margin-left:6px;padding:8px 10px 6px 8px;font-size:12px;color:#494949;border-radius:2px;cursor:pointer}.donate-notice img{vertical-align:middle;margin-right:5px;margin-top:-2px}.donate-notice{position:relative;background:#fff;border:1px solid #e5e5e5}.donate-notice::before,.donate-notice::after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.donate-notice::before{border-color:rgba(229,229,229,0);border-right-color:#e5e5e5;border-width:5px;margin-top:-5px}.donate-notice::after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:4px;margin-top:-4px}

            
    .popup-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;background:rgba(0,0,0,0.3)}.popup-container .popup-wrap{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;padding:40px 0;text-align:center}.popup-container .popup-wrap:before{content:"";display:inline-block;width:1px;height:100%;margin-left:-1px;vertical-align:middle}.popup-container .popup-small{display:inline-block;vertical-align:middle;max-width:640px;min-width:420px;padding-top:30px;color:#999;font-size:12px;text-align:center;border:1px solid #ccc;box-shadow:1px 1px 6px rgba(0,0,0,0.2);border-radius:5px;background:#fff;position:relative;z-index:10}.popup-container .popup-small p.popup-info{padding:30px;font-size:14px;line-height:30px}.popup-container .popup-small a{color:#37a}.popup-container .popup-small a:hover{color:#fff}.popup-container .popup-small a.close{height:13px;width:13px;position:absolute;top:20px;right:20px}.popup-container .popup-small a.close:before,.popup-container .popup-small a.close:after{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#ccc}.popup-container .popup-small a.close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-container .popup-small a.close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.popup-container .popup-small .popup-btns{padding:20px;background:#f8f8f8}.popup-container .popup-small .popup-btns .btn{cursor:pointer;border:1px solid #ccc;border-radius:3px;margin-left:30px;padding:9px 35px;outline:none;background-color:#3aa253;border-color:#51873e;font-size:12px;font-weight:normal;color:#fff}

  
.mod-usercard{padding:18px 20px;margin-bottom:30px;overflow:hidden;zoom:1;background:#fff6ed}.mod-usercard .pic{float:right;margin-left:20px}.mod-usercard .content{overflow:hidden;zoom:1;color:#aaa}.mod-usercard p{margin:0 0 10px 0;word-wrap:break-word}.mod-usercard .ft{color:#aaa}.mod-usercard .lnk-contact-add{display:inline-block;*display:inline;zoom:1;padding:0 22px 0 10px;border:1px solid #d6b79d;border-radius:3px;margin-right:10px;vertical-align:middle}.mod-usercard .lnk-contact-add:link,.mod-usercard .lnk-contact-add:visited,.mod-usercard .lnk-contact-add:hover,.mod-usercard .lnk-contact-add:active{color:#584e46;background:#ffe6ce url(/f/sns/ae0eda49bbe883198606693d0bf38012daeaff86/pics/icon-add.png) 63px 50% no-repeat}.mod-usercard .usercard-followed{padding-left:12px;margin-right:10px;background:url(/f/sns/deb4cac1239eeff89863046cb2d5a257c310ba94/pics/icon-ok.png) 0 50% no-repeat}.mod-usercard .usercard-loc{color:#444}

        .note-list { margin-top:-5px; color: #666; }
        .note-list li { border-bottom: 1px dashed #ccc;padding: 0 0 5px 0; margin: 5px 0 0 0; word-wrap: break-word; word-break: normal; }
        .note-list li span a {color: #acacac;}
        .note-list li span a:hover {color: #fff;}
    
.rec_topics_name{
    display: inline-block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.3;
    color: #3377aa;
}
.rec_topics_subtitle{
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1;
    color: #aaaaaa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rec_topics_label{
    transform: translateY(-0.5px);
    display: inline-block;
    font-size: 13px;
    margin-left: 2px;
}
.rec_topics{
    line-height: 1;
    margin-bottom: 15px;
}
.rec_topics:last-child{
    margin-bottom: 0;
}
.rec_topics_label_ad{
    color: #c9c9c9;
    -moz-transform: scale(0.91);
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
}

html[class*=ua-ff] .rec_topics_subtitle{
    line-height: 14px;
}


    #db-nav-sns .nav-primary{width:1040px}#wrapper{width:1040px}#wrapper .grid-16-8 .article{width:675px}#wrapper .grid-16-8 .aside{width:300px}@media (max-width: 1024px){body{width:1024px}body .grid-16-8 .article{padding-right:25px}#wrapper{width:1000px}[id^=dale_]{max-width:1000px}body #db-nav-sns .nav-primary{width:1000px}body #db-global-nav,body .nav{min-width:1024px}}html body,html td,html th,html input,html .pl{font-size:13px}html .pl2{font-size:14px}html h3{font-size:15px}html h2{font-size:16px}html h1{font-size:26px}.ob,.obu{width:75px}.ob dt .m_sub_img{width:48px}.ob dd{height:58px}.obu dd{word-wrap:break-word;word-break:normal}.xbar{background-repeat:repeat-x}.photo_wrap{width:200px;margin:10px 12.5px 25px}.photo_wrap img{max-width:100%;max-height:200px}.dui-dialog .bd{font-size:13px}.paginator{font-size:15px}