body {
  font-size: 15px;
  background-image: linear-gradient(139deg, #4d95d714 0, #5655c714 80%, #fff0);
}

.zarticle td,
.zarticle th {
  border-color: #c5c5c5;
}

.nodata-icon {
  width: 100%;
  height: 110px;
  background-image: url("https://zc.zccdn.cn/j/63cddc5e02cece592e7207dd.svg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 80%;
}

.nodata-txt {
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}

.topnav .nodata {
  display: flex;
  flex-direction: column;
  margin: 30px 0px 60px;
}


header .avatar span,
.topnav .avatar span {
  position: absolute;
  top: -3px;
  right: -8px;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #fff;
  line-height: 14px;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}

.block {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: calc(33% - 33px);
  height: 180px;
  margin: 9px 0px 0px 9px;
  padding: 12px;
  border-radius: 5px;
  background: #ffffffa1;
  color: inherit;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 0px;
}

.block:hover {
  background: white;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0.1px;
}

.block>h3 {
  margin: 0px 0px 9px;
  text-align: center;
  white-space: nowrap;
}

.block .zpre {
  overflow: hidden;
  height: 100px;
  color: gray;
}

.block .foot {
  position: absolute;
  bottom: 15px;
  width: calc(100% - 25px);
}

.block .foot span:first-child {
  color: gray;
  font-size: 11px;
}

.block .foot span:last-child {
  float: right;
}

.block>img {
  position: absolute;
  width: 45px;
  border-radius: 50%;
}

.zlogo span {
  margin: 3px 9px;
  display: inline-block;
  font-size: 23px;
  font-weight: initial;
}

.links a,
.copyright a {
  display: inline-block;
}

.footer {
  width: 100%;
  clear: both;
  margin: 0px auto;
  text-align: center;
  padding-top: 32px;
}

.footer .zlogo img {
  width: 27px;
  height: 27px;
  vertical-align: bottom;
}

.footer .zlogo span {
  font-size: 20px;
}

.footer .wxqrcode {
  margin-left: 9px;
  position: relative;
}

.footer .wxqrcode .qrcode {
  display: none;
  position: absolute;
  top: -133px;
  right: -45px;
  width: 120px;
  max-width: initial;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.footer .wxqrcode:hover .qrcode {
  display: block;
}

.footer .wxqrcode .wechat {
  width: 1.5em;
  color: rgb(9, 187, 7);
}

.footer .slogan {
  font-size: 14px;
  line-height: 22px;
  color: rgb(89, 89, 89);
  max-width: 570px;
  margin: 0px auto;
  border-bottom: 1px solid rgb(232, 232, 232);
  padding: 16px 0px 6px;
}

.footer .slogan>div {
  display: inline-block;
}

.footer .links {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 0px 16px;
}

.footer .links a {
  color: rgb(140, 140, 140);
  margin: 0px 8px;
}

.footer a {
  color: inherit;
}

.copyright {
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  color: rgb(140, 140, 140);
  padding-bottom: 30px;
}

.zzhome .features h4::before,
.zzhome .features .h3::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  margin-right: 0.5rem;
  cursor: default;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><g fill='rgb(22, 163, 74)'><path d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/></g></svg>");
}


.zzvendors a.block p {
  margin-top: 9px;
}

.demovideo a {
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  line-height: 2;
  color: rgb(49, 70, 89);
  padding-left: 25px;
  background: url("//zc.zccdn.cn/j/60c09468d9f2b652a128a9f3.svg") 0px center no-repeat;
}

.demovideo a:hover {
  color: #00a4ff;
  background-image: url("//zc.zccdn.cn/j/60c09469d9f2b652a128a9f4.svg");
}

.box .demovideo a>span {
  position: absolute;
  right: 0;
  padding-left: 6px;
}

.isv img {
  float: left;
  width: 53px;
  height: 53px;
  border-radius: 4px;
}

.isv h3,
.isv div {
  overflow: hidden;
  margin: 0px 0px 9px 60px;
  white-space: nowrap;
}

.zzplugin .demovideo {
  margin-top: 15px;
}

.docli .link {
  width: 25%;
  display: inline-block;
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
  color: rgb(0, 103, 237);
  text-overflow: ellipsis;
}

.docli .link:hover {
  color: rgb(0, 164, 255);
}

.posts .desc {
  display: inline-block;
  margin: 5px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  color: rgb(136, 136, 136);
  font-size: 13px;
}


.zzposts main {
  padding: 25px 18px 125px;
}

.posts {
  margin-bottom: 16px;
}

.posts>a {
  position: relative;
  padding: 15px 5px 15px 7px;
  display: block;
  border-bottom: 1px solid rgb(243 243 243);
}

.posts>a:hover {
  background: rgb(248, 248, 248);
}


.metas .auth {
  display: inline-block;
  width: 18px;
  border-radius: 2px;
  vertical-align: text-bottom;
}

.metas .name {
  margin: 0px 15px 0px 5px;
  color: rgb(87, 107, 149);
}

.metas .meta {
  color: rgba(0, 0, 0, 0.3);
}

.tags span {
  background-color: white;
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 13px;
  margin-right: 6px;
  color: grey;
}

.metas .svg {
  margin-right: 5px;
}

.metas .meta:not(:first-child) {
  margin-left: 16px;
}

.zzpost h1.title {
  font-size: 28px;
  margin: 9px 0px;
}

.zzpost nav h1 {
  display: inline-block;
  margin: 1px 14px;
}

.cmt .meta {
  font-size: 13px;
}

.zzdoc .zarticle pre {
  background: white;
}

.zzpost .zfright .meta {
  cursor: pointer;
}

.posts .cat,
.zzpost .cat,
.zzme .cat {
  background-color: rgb(135, 198, 179);
  color: rgb(255, 255, 255);
  border-radius: 2px;
  padding: 0.1em 0.5em;
  font-size: 0.7em;
  display: inline-block;
  margin-right: 9px;
}

.posts .cat {
  padding: 0px 0.5em;
  line-height: 20px;
}

.zp110 {
  margin-top: 100px;
}

.metas>div {
  display: inline-block;
}

.list_ .zp138 {
  flex: 0 0 auto;
  width: 25px;
  margin-right: 20px;
  cursor: pointer;
}

.list_ .section {
  flex: 1 1 0%;
}

.list_ footer {
  flex: 0 0 auto;
  cursor: pointer;
}

.list_ footer:hover {
  color: rgb(24, 144, 255);
}

.list_ h4 {
  margin: 0px 0px 5px;
  line-height: 22px;
}

.list_ .desc {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}

.list_>div {
  color: rgba(0, 0, 0, 0.65);
  padding: 15px 10px 15px 0px;
  align-items: center;
  border-bottom: 1px solid rgb(242, 242, 242);
}


.hover {
  cursor: pointer;
}

.hover:hover {
  background: rgb(249, 249, 249);
}

.horizon>label {
  margin-bottom: 24px;
  display: block;
  position: relative;
}

.horizon>label>span {
  vertical-align: top;
  width: 99px;
  margin-top: 7px;
  display: inline-block;
}

.horizon>label.required>span::before {
  content: "* ";
  color: red;
  vertical-align: middle;
}

.horizon>label>span::after {
  content: ":";
  margin: 0px 8px 0px 2px;
}

.svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.svg.comment {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><g fill='rgb(150, 150, 150)'><path d='M512 117.76c-225.28 0-409.6 161.28-409.6 358.4C102.4 588.8 161.28 691.2 256 755.2v181.76l179.2-110.08c25.6 5.12 51.2 7.68 76.8 7.68 225.28 0 409.6-161.28 409.6-358.4 0-199.68-184.32-358.4-409.6-358.4z m0 665.6c-30.72 0-58.88-2.56-87.04-10.24L304.64 844.8l2.56-117.76c-92.16-56.32-153.6-148.48-153.6-250.88 0-168.96 161.28-307.2 358.4-307.2s358.4 138.24 358.4 307.2-161.28 307.2-358.4 307.2z'/></g></svg>");
}

.svg.view {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'><g fill='rgb(190, 190, 190)'><path d='M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 0 0 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z'/></g></svg>");
}

.svg.like {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><g fill='rgb(150, 150, 150)'><path d='M855.466667 362.666667H661.333333V164.266667C661.333333 108.8 616.533333 64 561.066667 64 512 64 469.333333 96 460.8 142.933333 435.2 281.6 354.133333 405.333333 256 405.333333H149.333333c-46.933333 0-85.333333 40.533333-85.333333 87.466667V853.333333c0 46.933333 38.4 85.333333 85.333333 85.333334h588.8c57.6 0 108.8-38.4 123.733334-93.866667l96-347.733333c19.2-68.266667-32-134.4-102.4-134.4zM256 454.4V896H149.333333c-23.466667 0-42.666667-19.2-42.666666-42.666667V492.8C106.666667 469.333333 125.866667 448 149.333333 448h106.666667v6.4z m661.333333 29.866667L821.333333 832c-10.666667 38.4-44.8 64-83.2 64H298.666667V443.733333c81.066667-23.466667 170.666667-117.333333 204.8-290.133333 4.266667-27.733333 27.733333-46.933333 57.6-46.933333C593.066667 106.666667 618.666667 132.266667 618.666667 164.266667v196.266666c0 23.466667 21.333333 44.8 44.8 44.8h192c19.2 0 38.4 8.533333 51.2 25.6 12.8 14.933333 14.933333 34.133333 10.666666 53.333334z'/></g></svg>");
}

.svg.liked {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><g fill='rgb(9, 187, 7)'><path d='M0 995.046h199.15V397.948H0v597.098z m1094.62-547.31a99.928 99.928 0 0 0-99.574-99.576h-313.91l47.316-227.399v-15.89A74.858 74.858 0 0 0 706.56 52.26L655.36 0 328.033 328.033a97.457 97.457 0 0 0-29.307 70.62V895.47a99.928 99.928 0 0 0 99.575 99.576h449.147a98.869 98.869 0 0 0 91.454-60.734l150.422-350.632a98.163 98.163 0 0 0 7.062-35.31v-96.044l-1.765-4.59z'/></g></svg>");
}

.svg.favorite {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><g fill='rgb(150, 150, 150)'><path d='M959.008 406.016l-308-47.008L512 64 372.992 359.008l-308 47.008 223.008 228-52.992 324L512 805.024l276.992 152.992-52.992-324zM512 740L304 856.992l40-235.008-179.008-182.016 242.016-32 104.992-224 104 224 240.992 34.016L680 622.976l36.992 235.008z'/></g></svg>");
}

.svg.favorited {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'><g fill='rgb(9, 187, 7)'><path d='M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z'/></g></svg>");
}

.svg.complain {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><g fill='rgb(110, 110, 110)'><path d='M512 0a512 512 0 1 0 512 512 512 512 0 0 0-512-512z m0 963.584A451.584 451.584 0 1 1 964.096 512a452.096 452.096 0 0 1-452.096 451.584zM640 384a64 64 0 1 0 64-64A64 64 0 0 0 640 384z m-384 0a64 64 0 1 0 64-64A64 64 0 0 0 256 384z m260.096 212.992A266.24 266.24 0 0 0 288.256 716.8a32.256 32.256 0 0 0 25.088 51.2 32.256 32.256 0 0 0 28.672-15.36 204.8 204.8 0 0 1 338.944 0 31.744 31.744 0 1 0 51.2-35.328 267.264 267.264 0 0 0-216.064-120.32z'/></g></svg>");
}

.svg.phone,
.svg.pc,
.svg.mp {
  width: 25px;
  height: 25px;
}

.svg.phone {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><g fill='rgb(150, 150, 150)'><path d='M744 62H280c-35.3 0-64 28.7-64 64v768c0 35.3 28.7 64 64 64h464c35.3 0 64-28.7 64-64V126c0-35.3-28.7-64-64-64zm-8 824H288V134h448v752z'/><path d='M472 784a40 40 0 1080 0 40 40 0 10-80 0z'/></g></svg>");
}

.svg.pc {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><g fill='rgb(150, 150, 150)'><path d='M928 140H96c-17.7 0-32 14.3-32 32v496c0 17.7 14.3 32 32 32h380v112H304c-8.8 0-16 7.2-16 16v48c0 4.4 3.6 8 8 8h432c4.4 0 8-3.6 8-8v-48c0-8.8-7.2-16-16-16H548V700h380c17.7 0 32-14.3 32-32V172c0-17.7-14.3-32-32-32zm-40 488H136V212h752v416z'/></g></svg>");
}

.svg.mp {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><g fill='rgb(150, 150, 150)'><path d='M512 920A408 408 0 1 1 920 512 408.48 408.48 0 0 1 512 920z m0-768A360 360 0 1 0 872 512 360.32 360.32 0 0 0 512 152zM392 752a152 152 0 0 1 0-304 24 24 0 0 1 24 24v16a24 24 0 0 1-45.76 10.24A104 104 0 1 0 496 600v-144a152 152 0 1 1 152 152 24 24 0 0 1-24-24v-16a24 24 0 0 1 45.76-10.24A104 104 0 1 0 544 456v144a152.16 152.16 0 0 1-152 152z'/></g></svg>");
}

.zzme .body {
  min-height: calc(100vh - 100px);
}

.zzme .zinput>img {
  width: 18px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

.zzme .sub {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 16px;
  background: rgb(237, 237, 237);
  border-radius: 10px;
  box-shadow: rgb(211, 211, 211) 0px 0px 0px 1px;
}

.zzme .zinput.zarticle {
  width: 100%;
  height: auto;
  min-height: 200px;
  padding: 0 .5em;
  margin-bottom: 30px;
  line-height: 1.9;
}

.zzme .unread {
  color: rgb(255, 79, 21);
  margin: 0px 9px;
  font-size: 17px;
}

.zzme .promo .zbtns {
  margin: 20px 0px;
}

.zzme .promo .name {
  min-width: 60px;
}

.zzme .logout.zbtn {
  position: fixed;
  right: 30px;
  bottom: 20px;
}

.zzpost a {
  color: rgb(87, 107, 149);
  text-decoration: none;
}

.zzpost .opr {
  padding: 20px 0px 80px;
  position: relative;
}

.zzpost .opr .svg {
  margin-right: 5px;
}

.zzpost .opr ul {
  position: absolute;
  top: 20px;
  right: -15px;
  display: none;
  list-style: none;
  padding: 5px;
  background: white;
  z-index: 9;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.zzpost .opr li {
  padding: 5px 9px;
}

.zzpost .opr>div {
  cursor: pointer;
  float: right;
  margin-right: 15px;
}

.zzpost .opr>div:hover {
  color: rgb(24, 144, 255);
}

.zzpost .opr .qrcode {
  position: absolute;
  top: 50px;
  right: 55px;
  padding: 9px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}


.zzpost .opr .active {
  color: rgb(9, 187, 7) !important;
}