:root {
  --primary-color: #357EFE;
  --primary-bg: #CFE2FF;
  --primary-bd: #8EB9FF;
  --primary-bg-disabled: #357EFE66;
  --side-icon-color: #8FABD6;
  --think-bg: #F2F5FC;
  --index-post-bg: #F1F7FF;
  --section-post-bd: #C8D7EA;
  --index-side-icon-bg: #E6EBF6;
  --answer-tip-color: #E57A40;
  --answer-tip-bd: #FFBD9A;
  --answer-tip-bg: #FDF8F6;
}
.bg-img-contain {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.index-container .panel .left-card,
.robot-card {
  /* stylelint-disable-next-line */
}
.index-container .panel .left-card think,
.robot-card think {
  display: block;
  font-size: 12px;
  line-height: 22px;
  background-color: var(--think-bg);
  padding: 10px;
  border-radius: 8px;
}
.index-container .panel .left-card a,
.robot-card a {
  color: var(--primary-color);
  text-decoration: none;
}
.s-left {
  float: left;
}
.s-right {
  float: right;
}
.s-search-item__title h2 {
  color: var(--primary-color) !important;
}
.s-module > .row {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0 30px;
}
.s-module > .row .module-title {
  position: relative;
  width: 200px;
  font-size: 26px;
  color: #3A3A3A;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGASURBVFhH7ZexSsRAEIZncoLmULinsLjKR7AwER9A0UqwuELstBHBTBorrSxEG+0U7wHEi3A+gpWvYCt4RgXv1p0wRrlEN0JWC/NB2P0nxXwJm2UDFX8NylgIj3pTClTjiiaupZQyRy/NPg7meY4jY0eXW3iX3DDgyGjEp3gRwek6UOt6Ybwk5ZSkuVLEl3p9bknZSCEBP+wt6+FUXw3OCDjJYxkYBXx6bIFyTiSWzrcCsxSv6ec9lGiFLwW87XhdAexLZM5kLJVcAT982kQHdiWCAjweQN/Km8gI6OaBXsk7EjV4EJG7IqF0MgL6O7+VqZ7DXofcVYlWyAhEQb2tEBYAkSKqb0jZGrlrgCU6gRtKtEquwG9SCVQC/0OAd1d9hkgOK8NYF5CtnVDBeZ6EVYH35hL5INOUaYo1geHmvLXn7a723kCB5owdgYLNGbuL0NCcsSdQoDlTmsDng0zR5syP/oySla2pKad9QaMfDYUZepjWn9p9ROM3UqowAPAGstN/eQHPl5QAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 110px 7px;
  background-size: 25px;
  cursor: pointer;
}
.s-module > .row > img {
  height: 26px;
}
.s-tag {
  padding: 12px 13px;
  background: #fff;
  border: 1px solid #4680F6;
  border-radius: 23px;
  font-size: 20px;
  color: #4680F6;
  cursor: pointer;
  line-height: 1;
}
.s-tag.active {
  background: #4680F6;
  color: #fff;
}
.s-table table {
  width: 100%;
  border-collapse: collapse;
}
.s-table table td {
  border: 1px solid #BCBEC2;
}
.s-table table td.first,
.s-table table td.all,
.s-table table td.second {
  border-right: none;
  padding: 10px 0 10px 20px;
  width: 120px;
}
.s-table table td.first.label,
.s-table table td.all.label,
.s-table table td.second.label {
  width: 110px;
}
.s-table table td.td-value,
.s-table table td.td-value-xl {
  width: 440px;
  padding: 10px 20px 10px 0;
  border-left: none;
}
.s-table table td.td-value-xl {
  width: 980px;
}
#s-app {
  min-height: 500px;
}
.global-error-tip {
  position: absolute;
  top: 50%;
  color: #fff;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  left: 50%;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  display: none;
  z-index: 10000;
  padding: 0 20px;
  transform: translate(-50%, -50%);
}
.login-page .global-error-tip {
  height: 40px;
  line-height: 40px;
  margin-top: 120px;
}
.fixed-page {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
}
.fixed-page > .mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
  display: block !important;
}
.fixed-page.modal-prompt .fixed-center {
  padding-bottom: 50px;
  min-height: auto;
}
.fixed-page.modal-prompt .center-tip {
  text-align: center;
  margin-top: 22px;
  width: 330px;
  line-height: 26px;
}
.fixed-page.modal-prompt .center-tip em {
  color: #D83F35;
  font-style: normal;
}
.fixed-page.modal-prompt.delete-prompt .btn {
  color: #D83F35;
  border-color: #D83F35;
}
.fixed-page.modal-prompt.delete-prompt .btn.btn-confirm {
  background-color: #D83F35;
}
.fixed-page .fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: 480px;
  min-height: 322px;
  background: #FFFFFF;
  border-radius: 2px;
  padding: 20px 60px;
}
.fixed-page .fixed-center .btn-close {
  position: absolute;
  right: -34px;
  top: 10px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.fixed-page .fixed-center .btn-close:hover {
  font-weight: 700;
}
.fixed-page .fixed-center .header {
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #111419;
  text-align: center;
}
.fixed-page input {
  color: #3C4455;
  font-size: 16px;
  outline: none;
}
.fixed-page .btn {
  cursor: pointer;
}
.fixed-page .footer-btns {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.fixed-page .footer-btns .btn {
  width: 100px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  color: var(--primary-color);
  background: #FFFFFF;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
}
.fixed-page .footer-btns .btn.btn-confirm {
  color: #fff;
  margin-left: 20px;
  background-color: var(--primary-color);
}
* {
  box-sizing: border-box;
}
.transition-on {
  -webkit-transition: all ease-in 0.2s;
  -moz-transition: all ease-in 0.2s;
  -ms-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
}
.transparentBg {
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0NzNEMjgzQjBCQzExRTdCNUY2RTgzNTRENzEwNDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0NzNEMjg0QjBCQzExRTdCNUY2RTgzNTRENzEwNDU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjQ3M0QyODFCMEJDMTFFN0I1RjZFODM1NEQ3MTA0NTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ3M0QyODJCMEJDMTFFN0I1RjZFODM1NEQ3MTA0NTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAQABADAREAAhEBAxEB/8QATAABAQEAAAAAAAAAAAAAAAAACQAKAQEAAAAAAAAAAAAAAAAAAAAAEAEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDTgBiAQB3B/9k=);
  background-repeat: repeat;
}
.bg-with-img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.index {
  background-image: none;
  position: relative;
}
body.index::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.index::before,
.index-container .fake-bg .inner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-container .fake-bg {
  position: absolute;
  top: -40px;
  bottom: -40px;
  left: 0;
  right: 0;
  overflow: hidden;
  display: none;
}
.index-container .fake-bg .inner {
  position: absolute;
  bottom: 0;
}
.main-container .page-normal {
  flex-grow: 1;
  background-color: #fff;
  padding: 24px 30px;
  box-shadow: 0 1px 10px 0 rgba(146, 149, 164, 0.06);
}
.main-container .full-panel {
  color: #333;
  font-size: 20px;
}
.main-container .full-panel .title-bar {
  line-height: 30px;
  font-size: 22px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}
.main-container .full-panel .title-bar > img {
  margin-right: 12px;
}
.page-tag-detail .tag-page-list-hd {
  font-size: 24px;
  color: #333333;
  padding: 14px 0;
  padding-left: 4px;
}
.page-tag-detail .tag-page-list-hd .normal-title::after {
  left: 2px;
  bottom: 2px;
}
.page-tag-detail .tag-page-list-hd .sort {
  font-size: 16px;
  color: var(--primary-color);
  margin-left: 10px;
  cursor: pointer;
}
.btn-copy.normal {
  height: 24px;
  line-height: 24px;
  color: #888C94;
  padding: 0 6px;
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
}
.btn-copy.normal + .btn-copy {
  margin-left: 6px;
}
.btn-copy.normal:hover {
  background-color: var(--think-bg);
}
.btn-copy.active {
  color: var(--primary-color);
}
:root {
  --primary-color: #357EFE;
  --primary-bg: #CFE2FF;
  --primary-bd: #8EB9FF;
  --primary-bg-disabled: #357EFE66;
  --side-icon-color: #8FABD6;
  --think-bg: #F2F5FC;
  --index-post-bg: #F1F7FF;
  --section-post-bd: #C8D7EA;
  --index-side-icon-bg: #E6EBF6;
  --close-color: #78889F;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'public-ui';
  /* Project id 1851206 */
  src: url('//at.alicdn.com/t/c/font_1851206_969mxz3fetf.woff2?t=1738978191059') format('woff2'), url('//at.alicdn.com/t/c/font_1851206_969mxz3fetf.woff?t=1738978191059') format('woff'), url('//at.alicdn.com/t/c/font_1851206_969mxz3fetf.ttf?t=1738978191059') format('truetype');
}
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
#s-app {
  min-height: calc(100% - 70px);
  padding: 20px 0;
}
.s-loading {
  background-image: url(../../images/refresh.5579cd5c.gif);
  background-size: 80px 80px;
  background-position: center;
  background-repeat: no-repeat;
}
.modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(17, 19, 24, 0.57);
}
.clearfloat {
  zoom: 1;
}
.clearfloat::after {
  display: block;
  clear: both;
  content: '';
  visibility: hidden;
  height: 0;
}
body {
  padding-bottom: 0 !important;
}
.toast {
  position: fixed;
  left: 50%;
  z-index: 999999;
  transform: translateX(-50%);
  min-width: 100px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  background: #FAFFFA;
  border: 1px solid #60B25B;
  border-radius: 4px;
  padding: 0 16px;
  color: #369D2F;
  top: -100px;
  transition: top 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 800px;
}
.toast.visible {
  top: 80px;
}
.toast.error {
  color: #C82B29;
  background: #FCEEEE;
  border: 1px solid #C82B29;
  border-radius: 4px;
}
.inner-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
}
.inner-loading > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  margin: -30px 0 0 -30px;
}
.no-data-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #666;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.multi-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.multi-ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@font-face {
  font-family: 'yousheFont';
  src: url(../../resources/ccdd188b73.ttf);
  font-display: swap;
}
.font-youshe {
  font-family: 'yousheFont';
}
@font-face {
  font-family: 'fzcys';
  src: url(../../resources/f23780e7fe.ttf);
  font-display: swap;
}
.icon-public {
  font-family: 'public-ui';
}
.font-fzcys {
  font-family: 'fzcys';
}
.normal-title {
  font-size: 24px;
  color: #333333;
  line-height: 42px;
  position: relative;
}
.normal-title::after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 0;
  height: 6px;
  width: 45px;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAECAYAAAD8kH0gAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMTAtMDlUMTE6MjArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTAzLTIxVDExOjI2OjQwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTAzLTIxVDExOjI2OjQwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3YzNjNmQwLTZmOWMtNGY3ZC05NDI1LTEwNWI3OTI3MTFkNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowN2MzYzZkMC02ZjljLTRmN2QtOTQyNS0xMDViNzkyNzExZDYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowN2MzYzZkMC02ZjljLTRmN2QtOTQyNS0xMDViNzkyNzExZDYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3YzNjNmQwLTZmOWMtNGY3ZC05NDI1LTEwNWI3OTI3MTFkNiIgc3RFdnQ6d2hlbj0iMjAyMi0xMC0wOVQxMToyMCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fS+RMgAAANJJREFUKJGVkE1KxUAQhL+axBci+FwI4gE8kgcT9DYeRlzrys3D9MyUCxPy9xAtGKjqLorq0cPz2yNQGlGrKUAFchIx6kgigFzMIAggDCHIjHr0TG+oZoji6FrFV3Yc+yafhpq7VgXIUVwuu1Qju/SH5Lvrtr6+D765an1/e/DTy4cBEmBmaCIpaeIGqD7rc9toOaeMPi+y7Jn/F+nMbBumBdFmr1y88jdC1Vjrw3c49s2fSm8LrkKTZp2E/LNfenY/uPDqopGqkbQv+3kqvx4w4RslZWiUbNE2DAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
.flex {
  display: flex;
}
.flex-y {
  display: flex;
  flex-direction: column;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.spa {
  justify-content: space-around;
}
.spb {
  justify-content: space-between;
}
.flex-center {
  justify-content: center;
}
.ali-center {
  align-items: center;
}
.ali-start {
  align-items: flex-start !important;
}
.ali-base {
  align-items: baseline;
}
.no-shrink {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}

@font-face {
  font-family: 'public-ui';
  /* Project id 1851206 */
  src: url('//at.alicdn.com/t/c/font_1851206_bjbqbdunm5t.woff2?t=1665220622585') format('woff2'), url('//at.alicdn.com/t/c/font_1851206_bjbqbdunm5t.woff?t=1665220622585') format('woff'), url('//at.alicdn.com/t/c/font_1851206_bjbqbdunm5t.ttf?t=1665220622585') format('truetype');
}
body {
  position: relative;
  min-width: 1200px;
  min-height: 100%;
  padding-bottom: 108px;
  margin: 0;
}
.iconfont {
  font-family: public-ui;
}
.s-checked {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-radios .s-label,
.s-checkboxes .s-label {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.s-radios .s-label > *,
.s-checkboxes .s-label > * {
  overflow: hidden;
}
.s-radios .s-label + .s-label,
.s-checkboxes .s-label + .s-label {
  margin-left: 50px;
}
.s-radios .s-icon-checked,
.s-checkboxes .s-icon-checked {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #BCBEC2;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 2px;
}

.icon-input {
  position: relative;
  background: #FFFFFF;
  border-radius: 8px;
  font-size: 18px;
  width: 240px;
  height: 42px;
  border: 1px solid #4680F6;
  overflow: hidden;
  border-radius: 20px;
}
.icon-input input {
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  width: 190px;
  font-size: 18px;
  outline: none;
  border: none;
  padding-left: 15px;
}
.icon-input .iconfont {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 40px;
  line-height: 40px;
  width: 50px;
  text-align: center;
  color: #4680F6;
  cursor: pointer;
}

.s-button {
  background: #4680F6;
  border-radius: 8px;
  outline: none;
  border: none;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

.widget-cascade-select {
  width: auto;
  box-sizing: border-box;
  height: 30px;
  padding: 0 28px 0 8px;
  line-height: 30px;
  font-size: 14px;
  display: inline-block;
  position: relative;
  border: 1px #999 solid;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
}
.widget-cascade-select.disabled {
  background: #eee;
  cursor: not-allowed;
}
.widget-cascade-select:focus {
  border-color: #4680F6;
}
.widget-cascade-select .selected {
  color: #666;
}
.widget-cascade-select .placeholder {
  color: #999;
}
.widget-cascade-select:after {
  font-family: public-ui;
  color: #666;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -14px;
  width: 28px;
  line-height: 28px;
  height: 28px;
  text-align: center;
}
.widget-cascade-select:after {
  content: '\e69e';
}
.clear-icon {
  position: absolute;
  width: 28px;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  display: none !important;
}
.clear-icon:after {
  content: '\e708';
  font-family: public-ui;
  position: absolute;
  font-size: 14px;
  color: #666;
  top: 50%;
  right: 0;
  margin-top: -14px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.cascade-select-frame {
  width: auto;
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ebecee;
  box-shadow: 0 1px 6px rgba(99, 99, 99, 0.2);
  margin-top: 2px;
  padding: 5px;
  overflow: hidden;
  z-index: 999;
  box-sizing: border-box;
  font-family: public-ui;
}
.cascade-select-frame * {
  box-sizing: border-box;
}
.cascade-select-frame .cascade-select-item {
  height: 30px;
  padding: 5px 20px 5px 10px;
  margin: 5px 0;
  cursor: pointer;
  transition: all ease 0.3s;
  box-sizing: border-box;
  position: relative;
  min-width: 120px;
}
.cascade-select-frame .cascade-select-item:hover,
.cascade-select-frame .cascade-select-item.selected {
  background: #f0f2f4;
}
.cascade-select-frame .cascade-select-item.with-no-child:after {
  display: none;
}
.cascade-select-frame .cascade-select-item:after {
  content: '\e633';
  font-family: public-ui;
  position: absolute;
  font-size: 12px;
  top: 50%;
  right: 0;
  margin-top: -15px;
  width: 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.cascade-select-frame__panel {
  max-height: 300px;
  float: left;
  box-sizing: border-box;
  width: auto;
  padding-right: 10px;
}

.s-header {
  width: 100%;
  height: 275px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-width: 1200px;
  box-sizing: border-box;
  background-image: url(../../images/header-banner.1f98a6e0.png);
}
.s-header__bd {
  width: 1200px;
  margin: 0 auto;
}
.s-header__bd h1 {
  line-height: 275px;
  font-size: 60px;
  font-weight: bold;
}
.pc-header {
  width: 100%;
  height: 70px;
}
.pc-header.with-banner {
  height: 280px;
  background-image: url(../../images/header-banner.1f98a6e0.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.pc-header.with-banner .banner-title {
  line-height: 280px;
  font-size: 60px;
  color: #3B342F;
}
.pc-header .inner-wrapper {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-right: 18px;
}
.pc-header .inner-wrapper .title {
  font-size: 24px;
  color: #282323;
  line-height: 70px;
  margin-right: 80px;
  float: left;
}
.pc-header .inner-wrapper .header-link {
  position: relative;
  float: left;
  font-size: 18px;
  color: #3A3A3A;
  line-height: 30px;
  margin: 20px 50px 20px 0;
  text-decoration: none;
  cursor: pointer;
}
.pc-header .inner-wrapper .header-link.active {
  color: #4680F6;
}
.pc-header .inner-wrapper .header-link.active::before {
  position: absolute;
  bottom: -2px;
  left: 2px;
  content: '';
  width: 100%;
  height: 4px;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAECAYAAAD8kH0gAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMTAtMDlUMTE6MjArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTAzLTIxVDExOjI2OjQwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTAzLTIxVDExOjI2OjQwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3YzNjNmQwLTZmOWMtNGY3ZC05NDI1LTEwNWI3OTI3MTFkNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowN2MzYzZkMC02ZjljLTRmN2QtOTQyNS0xMDViNzkyNzExZDYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowN2MzYzZkMC02ZjljLTRmN2QtOTQyNS0xMDViNzkyNzExZDYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3YzNjNmQwLTZmOWMtNGY3ZC05NDI1LTEwNWI3OTI3MTFkNiIgc3RFdnQ6d2hlbj0iMjAyMi0xMC0wOVQxMToyMCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fS+RMgAAANJJREFUKJGVkE1KxUAQhL+axBci+FwI4gE8kgcT9DYeRlzrys3D9MyUCxPy9xAtGKjqLorq0cPz2yNQGlGrKUAFchIx6kgigFzMIAggDCHIjHr0TG+oZoji6FrFV3Yc+yafhpq7VgXIUVwuu1Qju/SH5Lvrtr6+D765an1/e/DTy4cBEmBmaCIpaeIGqD7rc9toOaeMPi+y7Jn/F+nMbBumBdFmr1y88jdC1Vjrw3c49s2fSm8LrkKTZp2E/LNfenY/uPDqopGqkbQv+3kqvx4w4RslZWiUbNE2DAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  display: block;
}
.pc-header .inner-wrapper .header-search {
  float: left;
  width: 240px;
  margin-top: 14px;
}
.pc-header .inner-wrapper .r-content {
  float: right;
}
.pc-header .region-wrapper {
  margin: 20px;
}
.pc-header .region-wrapper.widget-cascade-select {
  float: left;
  border: none;
  padding-left: 28px;
  font-size: 16px;
  color: #3A3A3A;
}
.pc-header .region-wrapper.widget-cascade-select .selected {
  color: #3A3A3A;
}
.pc-header .region-wrapper.widget-cascade-select::before {
  font-family: public-ui;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -14px;
  width: 28px;
  line-height: 28px;
  height: 28px;
  text-align: center;
  content: '\e777';
  color: #4680F6;
}
.pc-header .s-login-search {
  width: 100%;
  padding: 39px 0 31px 0;
  overflow: hidden;
}
.pc-header .s-login-search__left {
  height: 70px;
  line-height: 40px;
  padding-top: 15px;
}
.pc-header .s-login-search__left > a {
  float: left;
  margin-top: 6px;
}
.pc-header .s-login-search__inner {
  width: 1200px;
  margin: 0 auto;
}
.pc-header .s-login-search__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.pc-header .s-login-search__name {
  font-size: 16px;
  color: #3A3A3A;
  line-height: 40px;
}
.pc-header .s-login-search__name a {
  line-height: 40px;
  text-decoration: none;
  color: #3A3A3A;
}
.pc-header .s-login-search__name a.name-value {
  float: left;
  max-width: 330px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pc-header .s-login-search__name a.iconfont {
  color: #4680F6;
  margin-left: 6px;
  font-size: 20px;
}
.pc-header .s-login-search__info {
  margin-left: 10px;
}
.pc-header .s-login-search__info p {
  margin-top: 10px;
  font-size: 16px;
  color: #999;
}
.pc-header .s-login-search__info button.s-button,
.pc-header .s-login-search__info a.s-button {
  height: 40px;
  background: #FFFFFF;
  border: none;
  font-size: 16px;
  color: #3A3A3A;
}
.pc-header .s-login-search__info a.s-button {
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  display: inline-block;
}

.s-input {
  background: #FFFFFF;
  border-radius: 8px;
  font-size: 18px;
  min-width: 400px;
  border: 1px solid #4680F6;
  overflow: hidden;
}
.s-input input {
  height: 49px;
  border-radius: 8px;
  min-width: 290px;
  outline: none;
  border: none;
  padding: 15px 18px;
  width: 100%;
}
.s-input.with-button input {
  width: calc(100% - 110px);
  font-size: 16px;
}
.s-input.with-button .s-button {
  font-size: 16px;
}
.s-input .s-button {
  height: 49px;
  width: 110px;
  float: right;
  border-radius: 0;
}

.s-post-item {
  padding: 45px 0 35px 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}
.s-post-item__title {
  color: #333;
  font-size: 18px;
}
.s-post-item__date {
  margin-top: 20px;
  font-size: 16px;
  color: #7D8189;
}
.s-post-item + .s-post-item {
  border-top: 1px solid #D8DADD;
}

.s-footer {
  position: absolute;
  font-size: 14px;
  text-align: center;
  padding: 15px 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
}
.s-footer__content {
  height: 26px;
  line-height: 26px;
  color: #333;
}
.s-footer__content a {
  display: inline-block;
  margin-right: 28px;
  color: #1a1a1a;
  text-decoration: none;
}
.s-footer__content a:last-child {
  margin-right: 0;
}

.s-radios .s-icon-checked {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #BCBEC2;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 3px;
}
.s-radios.reverse-allowed .s-icon-checked {
  border-radius: 0;
  text-align: center;
  line-height: 16px;
  font-family: public-ui;
  color: #FFF;
  border-radius: 2px;
  font-size: 14px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #BCBEC2;
  margin-right: 10px;
  margin-top: 2px;
}
.s-radios.reverse-allowed .s-checked:checked + .s-icon-checked {
  background-color: #4680F6;
  border-color: #4680F6;
  border: 1px;
}
.s-radios .s-checked:checked + .s-icon-checked {
  border: 5px solid #4680F6;
}

.s-checkboxes .s-checked:checked + .s-icon-checked {
  background-color: #4680F6;
  border-color: #4680F6;
}
.s-checkboxes .s-icon-checked {
  text-align: center;
  line-height: 16px;
  font-family: public-ui;
  color: #FFF;
  border-radius: 2px;
  font-size: 14px;
}

.pagination {
  margin-top: 18px;
  font-size: 0;
  text-align: center;
}
.pagination .page-li {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  background-color: #fff;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.pagination .page-li:hover {
  cursor: pointer;
  background-color: #4680F6;
  color: #fff;
}
.pagination .page-li.page-active {
  cursor: default;
  color: #fff;
  border-color: #4680F6;
  background-color: #4680F6;
}
.pagination .page-li.number-ellipsis {
  border: none;
  cursor: default;
}
.pagination .page-li.number-ellipsis:hover {
  background-color: #fff;
}
.pagination .page-number {
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #EAEAEA;
  text-align: center;
  margin: 0 5px;
  padding: 0 5px;
  border-radius: 2px;
}
.pagination .page-prev {
  padding: 10px 14px;
  margin-right: 8px;
  border: 1px solid #EAEAEA;
}
.pagination .page-prev.no-prev {
  color: #c6c6c6;
}
.pagination .page-prev.no-prev:hover {
  cursor: default;
  background-color: #fff;
}
.pagination .page-next {
  padding: 10px 14px;
  margin-left: 8px;
  border: 1px solid #EAEAEA;
}
.pagination .page-next.no-next {
  color: #c6c6c6;
}
.pagination .page-next.no-next:hover {
  cursor: default;
  background-color: #fff;
}
.pagination .number-ellipsis {
  display: inline-block;
  font-size: 14px;
  padding: 8px 14px;
}
.pagination .number-ellipsis.page-hidden {
  display: none;
}

.s-search-item {
  text-decoration: none;
  display: block;
  border-bottom: 1px dashed #BCBEC2;
  padding-bottom: 23px;
}
.s-search-item__title {
  overflow: hidden;
  padding: 30px 0 12px 0;
}
.s-search-item__title h2 {
  width: 1080px;
  font-size: 20px;
  color: #286DFE;
  font-weight: normal;
}
.s-search-item__title h2 em {
  color: red;
  font-style: normal;
}
.s-search-item__title span {
  color: #B4B6BA;
}
.s-search-item__abstract {
  font-size: 18px;
  color: #7D818A;
}
.s-search-item__tags {
  overflow: hidden;
  margin-top: 10px;
}
.s-search-item .s-tag {
  border: 1px solid #3C4455;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 400;
  min-width: 80px;
  height: 28px;
  color: #3C4455;
  text-align: center;
  padding: 5px 10px;
  background-color: #fff;
  margin-right: 20px;
  margin-top: 10px;
}

.s-loading {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
}
.s-loading img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
}

.bg-img-contain {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.login-panel {
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 440px;
  height: 453px;
  background: #FFFFFF;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0 0;
}
.login-panel.phone-login .protocol {
  position: relative;
  top: -120px;
  z-index: 1;
  display: none;
}
.login-panel .phone-section {
  width: 100%;
  min-height: 300px;
}
.login-panel .phone-section .bind-panel {
  position: relative;
  width: 100%;
  z-index: 0;
}
.login-panel .phone-section .btn-confirm {
  margin-top: 100px;
}
.login-panel .btn-close {
  position: absolute;
  right: -34px;
  top: 10px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.login-panel .btn-close:hover {
  font-weight: 700;
}
.login-panel .title {
  font-size: 24px;
  font-weight: 600;
  color: #111419;
  line-height: 43px;
}
.login-panel .title-tip {
  font-size: 14px;
  color: #939DB3;
  margin-top: 4px;
}
.login-panel .code-wrapper {
  width: 240px;
  height: 240px;
  background: #FFFFFF;
  box-shadow: 0 4px 20px 0 rgba(60, 68, 85, 0.16);
  border-radius: 9px;
  margin-top: 24px;
  margin-bottom: 30px;
}
.login-panel .code-wrapper .wx-code {
  width: 150px;
  height: 150px;
  margin: 30px auto 0;
}
.login-panel .code-wrapper .code-tip {
  font-size: 14px;
  color: #939DB3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}
.login-panel .code-wrapper .code-tip .iconfont {
  font-size: 20px;
  color: #5ac439;
  margin-right: 4px;
}
.login-panel .click-area {
  height: 300px;
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login-panel .click-area .iconfont {
  background: #FFFFFF;
  box-shadow: 0 4px 20px 0 rgba(60, 68, 85, 0.16);
  font-size: 40px;
  color: #5ac439;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 8px;
  margin-bottom: 10px;
  cursor: pointer;
}
.login-panel .click-area .text {
  font-size: 16px;
  color: #939DB3;
  text-align: center;
}
.login-panel .protocol {
  font-size: 14px;
  color: #939DB3;
  /* 默认状态 */
  /* 取消状态 */
  /* 选中状态 */
}
.login-panel .protocol a {
  color: var(--primary-color);
  text-decoration: none;
}
.login-panel .protocol label {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.login-panel .protocol input[type='checkbox'] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  width: 18px;
  height: 18px;
  background-color: white;
  border: 1px solid #ccc;
  line-height: 16px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  outline: none;
  border-radius: 2px;
  overflow: hidden;
  margin-right: 6px;
  cursor: pointer;
}
.login-panel .protocol input[type='checkbox']::after {
  width: 16px;
  height: 16px;
  display: block;
  color: transparent;
  background-color: transparent;
}
.login-panel .protocol input[type='checkbox']:checked {
  border-color: var(--primary-color);
}
.login-panel .protocol input[type='checkbox']:checked::after {
  content: '\e695';
  font-family: 'public-ui';
  color: #fff;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

.bind-panel {
  z-index: 1000;
  width: 480px;
  min-height: 322px;
  background: #FFFFFF;
  border-radius: 2px;
  padding: 20px 60px;
}
.bind-panel.name-panel {
  min-height: 290px;
}
.bind-panel .header {
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #111419;
  text-align: center;
}
.bind-panel .input-block {
  width: 100%;
  line-height: 36px;
  padding: 0 10px;
  background: #FFFFFF;
  border: 1px solid #D8DADD;
  margin-top: 20px;
  outline: none;
  font-size: 16px;
  color: #333;
}
.bind-panel .input-block:disabled {
  color: #888C94;
  background-color: #F4F4F4;
}
.bind-panel .input-block.code-input {
  width: 260px;
}
.bind-panel .input-tip {
  color: #878C95;
  font-size: 14px;
  margin-top: 8px;
}
.bind-panel .btn-text {
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: var(--primary-color);
  float: right;
  margin-top: 20px;
  cursor: pointer;
}
.bind-panel .btn-text.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.bind-panel .btn-confirm {
  width: 100px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: var(--primary-color);
  border-radius: 4px;
  margin: 40px auto 0;
  cursor: pointer;
}
.bind-panel .btn-confirm.disabled {
  cursor: not-allowed;
  background-color: var(--primary-bg-disabled);
}
.bind-panel .step-wrapper {
  padding: 10px;
  display: flex;
  align-items: center;
}
.bind-panel .step-wrapper .item {
  position: relative;
  font-size: 16px;
  display: flex;
  align-items: center;
  color: #888C94;
}
.bind-panel .step-wrapper .item .circle {
  width: 30px;
  height: 30px;
  text-align: center;
  margin-right: 6px;
}
.bind-panel .step-wrapper .item .circle .num {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 28px;
  color: var(--primary-color);
  border-radius: 50%;
  border: 1px solid var(--primary-color);
}
.bind-panel .step-wrapper .item .circle .iconfont {
  position: relative;
  left: 0;
  top: -30px;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 30px;
  border-radius: 50%;
  background-color: #60B25B;
  display: none;
}
.bind-panel .step-wrapper .item.visited {
  color: #3C4455;
}
.bind-panel .step-wrapper .item.visited .iconfont {
  display: block;
}
.bind-panel .step-wrapper .item.active {
  color: #3C4455;
}
.bind-panel .step-wrapper .item.active .circle .num {
  color: #fff;
  background-color: var(--primary-color);
}
.bind-panel .step-wrapper .item + .item {
  padding-left: 100px;
}
.bind-panel .step-wrapper .item + .item::before {
  content: '';
  position: absolute;
  right: calc(100% - 90px);
  top: 50%;
  width: 80px;
  height: 1px;
  background-color: #D8DADD;
}

.bg-img-contain {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body {
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../../images/body-bg-lg.7f8f70b5.png);
}
.s-header {
  width: 100%;
  height: 275px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-width: 1200px;
  box-sizing: border-box;
  background-image: url(../../images/header-banner.1f98a6e0.png);
}
.s-header__bd {
  width: 1200px;
  margin: 0 auto;
}
.s-header__bd h1 {
  line-height: 275px;
  font-size: 60px;
  font-weight: bold;
}
.web-pc-header {
  width: 100%;
  height: 70px;
}
.web-pc-header.with-banner {
  height: 280px;
  background-image: url(../../images/header-banner.1f98a6e0.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.web-pc-header.with-banner .banner-title {
  line-height: 280px;
  font-size: 60px;
  color: #3B342F;
}
.web-pc-header .inner-wrapper {
  width: 1200px;
  margin: 0 auto;
}
.web-pc-header .inner-wrapper .title {
  position: relative;
  float: left;
  width: 198px;
  height: 70px;
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.web-pc-header .inner-wrapper .title > img {
  max-width: 100%;
  max-height: 100%;
  flex-grow: 1;
}
.web-pc-header .inner-wrapper .title .inner-img.default {
  width: 100%;
  height: 100%;
  background-image: url(../../images/header-logo.554a4cca.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.web-pc-header .inner-wrapper .title .header-tip {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 5;
  width: 660px;
  height: 134px;
  line-height: 22px;
  font-size: 14px;
  color: #fff;
  text-align: justify;
  background-image: url(../../images/header-tip-blue.8fafafc9.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 50px 26px 0;
  display: none;
}
.web-pc-header .inner-wrapper .title .header-tip.ani {
  display: block;
  opacity: 0;
  animation: slideup 0.5s forwards, fadeout 0.5s 5s forwards;
}
.web-pc-header .inner-wrapper .title:hover .header-tip {
  display: block;
}
.web-pc-header .inner-wrapper .header-switch {
  opacity: 0;
  width: 90px;
  height: 30px;
  line-height: 30px;
  color: #4680F6;
  font-size: 14px;
  background-color: #4680F633;
  border-radius: 15px;
  float: left;
  padding-left: 12px;
  margin-right: 60px;
  margin-top: 22px;
  background-repeat: no-repeat;
  background-position: 62px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAALtJREFUOE9jZKAQMFKon4FoA9wbvmb8Z2QS31XP2YhsKdEGuDV+r2f4/7+BgZGxAdkQog0A2YrNELABLg2fHRgZmOuJDQ9GBgYHmEvIMgBsESPDtN31XKtJ8gI2F1LPAPeGb6v+MTCIEhsOTAwMr3c2cIXBXeDW+P0KSPP///9fE2MIhgGeDT+1/jL+WwXSzPyfKWx7A/s1YgxCCQNyDMEIRJAhfxj+Tv3N8MX3QIPYF0KuoF4sELIJlzwAtcNFEf+lUgcAAAAASUVORK5CYII=);
  cursor: pointer;
}
.web-pc-header .inner-wrapper .header-link {
  position: relative;
  float: left;
  font-size: 18px;
  color: #3A3A3A;
  line-height: 30px;
  margin: 20px 40px 20px 0;
  text-decoration: none;
  cursor: pointer;
}
.web-pc-header .inner-wrapper .header-link.active {
  color: var(--primary-color);
}
.web-pc-header .inner-wrapper .header-link.active::before {
  position: absolute;
  bottom: -2px;
  left: 2px;
  content: '';
  width: 100%;
  max-width: 50px;
  height: 4px;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAECAYAAAD8kH0gAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMTAtMDlUMTE6MjArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTAzLTIxVDExOjI2OjQwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTAzLTIxVDExOjI2OjQwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3YzNjNmQwLTZmOWMtNGY3ZC05NDI1LTEwNWI3OTI3MTFkNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowN2MzYzZkMC02ZjljLTRmN2QtOTQyNS0xMDViNzkyNzExZDYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowN2MzYzZkMC02ZjljLTRmN2QtOTQyNS0xMDViNzkyNzExZDYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3YzNjNmQwLTZmOWMtNGY3ZC05NDI1LTEwNWI3OTI3MTFkNiIgc3RFdnQ6d2hlbj0iMjAyMi0xMC0wOVQxMToyMCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fS+RMgAAANJJREFUKJGVkE1KxUAQhL+axBci+FwI4gE8kgcT9DYeRlzrys3D9MyUCxPy9xAtGKjqLorq0cPz2yNQGlGrKUAFchIx6kgigFzMIAggDCHIjHr0TG+oZoji6FrFV3Yc+yafhpq7VgXIUVwuu1Qju/SH5Lvrtr6+D765an1/e/DTy4cBEmBmaCIpaeIGqD7rc9toOaeMPi+y7Jn/F+nMbBumBdFmr1y88jdC1Vjrw3c49s2fSm8LrkKTZp2E/LNfenY/uPDqopGqkbQv+3kqvx4w4RslZWiUbNE2DAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  display: block;
}
.web-pc-header .inner-wrapper .header-search {
  float: left;
  width: 220px;
  margin-top: 14px;
}
.web-pc-header .inner-wrapper .header-search .icon-input {
  width: 220px;
}
.web-pc-header .inner-wrapper .header-search .icon-input > input {
  width: 170px;
}
.web-pc-header .inner-wrapper .header-search .icon-input .iconfont {
  width: 40px;
}
.web-pc-header .inner-wrapper .r-content {
  float: right;
}
.web-pc-header .region-wrapper {
  margin: 20px;
  max-width: 220px;
}
.web-pc-header .region-wrapper.widget-cascade-select {
  float: left;
  border: none;
  padding-left: 28px;
  font-size: 16px;
  color: #3A3A3A;
}
.web-pc-header .region-wrapper.widget-cascade-select .selected {
  color: #3A3A3A;
}
.web-pc-header .region-wrapper.widget-cascade-select::before {
  font-family: public-ui;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -14px;
  width: 28px;
  line-height: 28px;
  height: 28px;
  text-align: center;
  content: '\e777';
  color: #4680F6;
}
.web-pc-header .user-wrapper {
  position: relative;
  cursor: pointer;
}
.web-pc-header .user-wrapper.opt-visible .menu-list {
  display: block;
}
.web-pc-header .user-wrapper .menu-list {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 5;
  width: 120px;
  margin-left: -70px;
  background: #FFFFFF;
  box-shadow: 0 2px 8px 0 #E1E4E6;
  border-radius: 2px;
  padding: 6px 0;
  display: none;
}
.web-pc-header .user-wrapper .menu-list .item {
  text-align: center;
  height: 42px;
  line-height: 42px;
  color: #666;
  cursor: pointer;
}
.web-pc-header .user-wrapper .menu-list .item:hover {
  background-color: #f5f5f5;
}
.web-pc-header .user-wrapper .s-login-search__avatar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMTAtMDhUMDk6NTA6NTQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTAzLTIxVDExOjE5OjAzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTAzLTIxVDExOjE5OjAzKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyMzk3NTdmLTI1YmIt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);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.web-pc-header .s-login-search {
  width: 100%;
  padding: 39px 0 31px 0;
  overflow: hidden;
}
.web-pc-header .s-login-search__left {
  height: 70px;
  line-height: 40px;
  padding-top: 15px;
}
.web-pc-header .s-login-search__left > a {
  float: left;
  margin-top: 6px;
}
.web-pc-header .s-login-search__inner {
  width: 1200px;
  margin: 0 auto;
}
.web-pc-header .s-login-search__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.web-pc-header .s-login-search__name {
  position: relative;
  font-size: 16px;
  color: #3A3A3A;
  line-height: 40px;
}
.web-pc-header .s-login-search__name a {
  line-height: 40px;
  text-decoration: none;
  color: #3A3A3A;
  cursor: pointer;
}
.web-pc-header .s-login-search__name a.name-value {
  float: left;
  max-width: 190px;
  cursor: pointer;
}
.web-pc-header .s-login-search__name a.iconfont {
  color: var(--primary-color);
  margin-left: 6px;
  font-size: 20px;
}
.web-pc-header .s-login-search__info {
  margin-left: 10px;
}
.web-pc-header .s-login-search__info p {
  margin-top: 10px;
  font-size: 16px;
  color: #999;
}
.web-pc-header .s-login-search__info button.s-button,
.web-pc-header .s-login-search__info a.s-button {
  height: 40px;
  background: transparent;
  border: none;
  font-size: 16px;
  color: #3A3A3A;
}
.web-pc-header .s-login-search__info a.s-button {
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  display: inline-block;
}
@keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.bg-img-contain {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.s-search-extra__link {
  font-size: 18px;
  padding: 25px 0;
}
.s-search-extra__link a {
  text-decoration: none;
  color: #4680F6;
  font-family: public-ui;
  cursor: pointer;
}
.s-search-extra__info {
  display: none;
  color: #B4B6BA;
}
.s-search-extra__info .count {
  color: red;
}
.s-search-extra .list-title {
  font-size: 26px;
  color: #333;
  height: 50px;
  line-height: 50px;
}

.bg-img-contain {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.tip-card {
  position: absolute;
  color: #3c4455;
  font-size: 14px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 1px 10px 0 rgba(78, 104, 153, 0.16);
  border-radius: 4px;
  z-index: 2;
  bottom: 45px;
  right: 8px;
  text-align: center;
}
.tip-card.simple {
  width: 300px;
}
.tip-card .name {
  font-size: 16px;
  line-height: 30px;
}
.tip-card .tip-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3C4455;
  margin-top: 20px;
}
.tip-card .tip-btns .item {
  width: 90px;
  height: 30px;
  line-height: 30px;
  background: #F1F2F3;
}
.tip-card .tip-btns .item.active {
  color: #fff !important;
  background: #4680F6;
}
.tip-card .tip-btns .item.active .iconfont {
  color: #fff !important;
}
.tip-card .tip-btns .item .iconfont {
  margin-right: 5px;
}
.tip-card .tip-btns .item.btn-good .iconfont {
  color: var(--primary-color);
}
.tip-card .tip-btns .item.btn-bad .iconfont {
  color: var(--primary-bd);
}
.tip-card .tip-btns .item + .item {
  margin-left: 20px;
}
.tip-card.detail {
  width: 240px;
  padding-bottom: 0;
}
.tip-card.detail .name {
  text-align: left;
}
.tip-card.detail .bad-tags {
  display: flex;
  flex-wrap: wrap;
}
.tip-card.detail .bad-tags .item {
  min-width: 60px;
  color: #3C4455;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background-color: #F1F2F3;
  margin-top: 16px;
  margin-right: 16px;
  cursor: pointer;
}
.tip-card.detail .bad-tags .item.active {
  color: #fff;
  background-color: var(--primary-color);
}
.tip-card.detail .tip-footer {
  position: relative;
  margin-top: 20px;
}
.tip-card.detail .tip-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  right: -10px;
  border: 1px dashed #a7abca33;
}
.tip-card.detail .tip-footer .btn-feedback {
  width: 80px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  float: right;
  color: var(--primary-color);
  font-size: 16px;
  margin-right: -20px;
  cursor: pointer;
}
.tip-card.detail .tip-footer .btn-feedback.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@keyframes hwidth {
  0% {
    width: 0;
  }
  100% {
    width: 48px;
  }
}
.post-header.post-box .item {
  display: none;
}
.feedback-section {
  position: fixed;
  left: 20px;
  bottom: 120px;
  z-index: 1;
}
.feedback-section .action-item {
  position: relative;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 30px;
  text-align: center;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--side-icon-color);
  border-radius: 50%;
  cursor: pointer;
}
.feedback-section .action-item .option-tip {
  position: absolute;
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  width: 150px;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px 10px;
  border-radius: 4px;
}
.feedback-section .action-item .option-tip::before {
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  border: 8px solid;
  border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;
}
.feedback-section .action-item.checked .iconfont.waiting {
  display: none;
}
.feedback-section .action-item.checked .iconfont.active {
  display: block;
}
.feedback-section .action-item .iconfont.active {
  display: none;
}
.feedback-section .action-item:not(:first-child) {
  margin-top: 20px;
}
.feedback-section .action-item::after {
  font-family: public-ui;
}
.feedback-section .action-item.smart {
  background-color: transparent;
  background-image: url(../../images/menu-icon.ed185409.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.feedback-section .action-item.fav::after {
  content: '\e7a4';
}
.feedback-section .action-item.fav.checked::after {
  content: '\e7a2';
}
.feedback-section .action-item.good::after {
  content: '\e7a3';
}
.feedback-section .action-item.good.checked::after {
  content: '\e7a6';
}
.feedback-section .action-item.bad::after {
  content: '\e7a1';
}
.feedback-section .action-item.bad.checked::after {
  content: '\e7a5';
}
.feedback-section .tip-card {
  position: absolute;
  bottom: 0;
  right: 70px;
  display: none;
}
.robot-card {
  position: fixed;
  z-index: 3;
  top: 95px;
  right: 20px;
  width: 340px;
  font-size: 14px;
  border: 1px solid var(--primary-bd);
  border-radius: 8px;
  padding-bottom: 160px;
  background-image: url(../../images/smart-bg.23b48c88.png);
  background-position: -80px 0;
  transition: top 0.3s;
}
.robot-card .inner-loading {
  position: absolute;
  border-radius: 8px;
}
.robot-card.with-related-ask {
  padding-bottom: 220px;
}
.robot-card.collapsed {
  display: none;
}
.robot-card.collapsed * {
  display: none;
}
.robot-card .preference-wrapper {
  white-space: normal;
}
.robot-card .preference-wrapper .reasons .item {
  padding-left: 8px;
  padding-right: 8px;
}
.robot-card .preference-wrapper .reasons .item:nth-child(2n+2) {
  margin-right: 0;
}
.robot-card .preference-wrapper .advice-input {
  width: 182px;
  font-size: 12px;
}
.robot-card .preference-wrapper .btn-submit-reason {
  width: 54px;
}
.robot-card .header {
  padding: 0 20px;
}
.robot-card .header .center {
  position: relative;
  height: 64px;
  border-bottom: 1px solid var(--primary-bg);
  background-image: url(../../images/menu-icon.ed185409.png);
  background-repeat: no-repeat;
  background-size: 30px;
  padding: 16px 0 16px 46px;
  background-position: 0 16px;
  font-size: 20px;
  color: #3C4455;
  line-height: 32px;
  font-weight: 700;
}
.robot-card .header .tip-wrapper {
  position: relative;
  padding-bottom: 10px;
}
.robot-card .header .tip-wrapper .iconfont {
  font-size: 18px;
  color: var(--primary-bd);
  cursor: pointer;
}
.robot-card .header .tip-wrapper .card-tip {
  display: none;
  position: absolute;
  z-index: 2;
  left: -114px;
  top: 34px;
  width: 240px;
  background-color: #fff;
  padding: 16px 12px;
  font-size: 14px;
  color: #888C94;
  line-height: 22px;
  box-shadow: 0 0 10px 0 rgba(69, 80, 123, 0.1);
  border-radius: 4px;
  text-align: justify;
  font-weight: normal;
}
.robot-card .header .tip-wrapper:hover .card-tip {
  display: block;
}
.robot-card .header .btn-collapse {
  position: absolute;
  color: var(--primary-bd);
  font-size: 20px;
  right: 0;
  top: 16px;
  cursor: pointer;
}
.robot-card .tip {
  padding: 0;
  color: #888C94;
  line-height: 22px;
  margin: 12px 0;
}
.robot-card ul,
.robot-card li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.robot-card ul {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 18px;
}
.robot-card ul li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #3C4455;
  background: #F7F7F7;
  border-radius: 4px;
  cursor: pointer;
}
.robot-card ul li + li {
  margin-top: 12px;
}
.robot-card .center-container {
  position: relative;
  padding: 0 20px;
  padding-bottom: 10px;
}
.robot-card .center-container > ul {
  display: none;
}
.robot-card .center-container .question {
  color: #fff;
  background: var(--primary-color);
  border-radius: 8px 8px 0 8px;
  padding: 14px 16px;
  float: right;
  margin-top: 20px;
  margin-bottom: 20px;
}
.robot-card .content {
  background-color: #fff;
  border-radius: 8px;
  color: #666;
  line-height: 22px;
  white-space: pre-line;
  padding: 14px;
}
.robot-card .content em {
  font-style: normal;
  font-weight: 700;
}
.robot-card .content.short {
  width: 65px;
}
.robot-card .content .inputing {
  line-height: 22px;
  display: flex;
  align-items: center;
  animation: hwidth 1.4s steps(4) infinite;
  overflow: hidden;
}
.robot-card .content .inputing > span {
  width: 10px;
  font-size: 24px;
  text-align: center;
}
.robot-card .footer {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 2;
  border-radius: 8px;
  margin-top: 12px;
  background-color: #fff;
  padding-bottom: 50px;
}
.robot-card .footer .error-tip {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 130px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  margin-left: -65px;
  line-height: 30px;
  margin-bottom: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
.robot-card .footer .question {
  position: absolute;
  top: -40px;
  max-width: 100%;
  height: 28px;
  line-height: 28px;
  color: var(--primary-color);
  background: var(--primary-bg);
  border-radius: 14px;
  float: left;
  padding: 0 12px;
  cursor: pointer;
}
.robot-card .footer .btn-send,
.robot-card .footer .btn-stop {
  position: absolute;
}
.robot-card .footer .btn-send {
  right: 8px;
  bottom: 6px;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: var(--primary-color);
}
.robot-card .footer .btn-stop {
  right: 10px;
  bottom: 10px;
  height: 28px;
  width: 28px;
  display: none;
  color: #999;
  border: 3px solid var(--primary-color);
  border-radius: 50%;
}
.robot-card .footer .btn-stop::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  background-color: var(--primary-color);
}
.robot-card .footer.disabled::after {
  content: '';
  position: absolute;
  height: 70px;
  bottom: 50px;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
  cursor: not-allowed;
}
.robot-card .footer.disabled .question {
  display: none;
}
.robot-card .footer.disabled .btn-send {
  color: #C6C6C6;
  cursor: not-allowed;
  background-color: #F3F3F4;
}
.robot-card .footer.printing .btn-send {
  display: none;
}
.robot-card .footer.printing .btn-stop {
  display: block;
}
.robot-card .footer.printing .btn-stop.stoping {
  border-color: #C6C6C6;
  cursor: not-allowed;
}
.robot-card .footer.printing .btn-stop.stoping::after {
  background-color: #C6C6C6;
}
.robot-card textarea {
  width: 100%;
  background-color: #fff;
  line-height: 20px;
  color: #3C4455;
  border: none;
  outline: none;
  height: 70px;
  resize: none;
  border-radius: 8px;
  padding: 10px 14px 0;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", '\5FAE\8F6F\96C5\9ED1, Arial', 'sans-serif' !important;
  font-style: normal !important;
}
.robot-card textarea[disabled] {
  background-color: #fff;
  border: none;
}
.related-items {
  display: none;
}
.related-items .post-list .tip-card {
  bottom: 25px;
}
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.fixed-page.modal-move-file .fixed-center {
  width: 540px;
  height: 70vh;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 90px;
}
.fixed-page.modal-move-file .fixed-center .tip {
  color: #939DB3;
  font-size: 14px;
  text-align: center;
}
.fixed-page.modal-move-file .fixed-center .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px 0;
  background-color: #fff;
  z-index: 2;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar {
  border-top: 1px solid #E2E3E6;
  padding: 14px 0;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar.with-input .btn-bar {
  display: none;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar.with-input .input-bar {
  display: flex;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar .btn-bar {
  height: 50px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  cursor: pointer;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar .btn-bar:hover {
  background: #F7F9FA;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar .btn-bar .icon-main {
  font-size: 20px;
  color: var(--primary-color);
  margin-right: 10px;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar .input-bar {
  display: none;
  border: 1px solid #D8DADD;
  border-radius: 2px;
  align-items: center;
  height: 50px;
  line-height: 48px;
  padding-left: 14px;
  padding-right: 10px;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar .input-bar > input {
  outline: none;
  border: none;
  flex-grow: 1;
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #3C4455;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar .input-bar .btn {
  font-size: 14px;
  flex-shrink: 0;
  margin-left: 10px;
  width: 64px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #111419;
  background: #EEF2F6;
  border-radius: 4px;
  cursor: pointer;
}
.fixed-page.modal-move-file .fixed-center .footer .add-bar .input-bar .btn.btn-confirm {
  color: #fff;
  background-color: var(--primary-color);
}
.fixed-page.modal-move-file .fixed-center .folders {
  padding: 10px 20px;
  height: calc(100% - 60px);
}
.fixed-page.modal-move-file .fixed-center .folders.is-move {
  height: calc(100% - 80px);
}
.fixed-page.modal-move-file .fixed-center .folders .item {
  position: relative;
  height: 60px;
  font-size: 16px;
  color: #333333;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E2E3E6;
  padding-left: 16px;
  padding-right: 120px;
}
.fixed-page.modal-move-file .fixed-center .folders .item::before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAAXNSR0IArs4c6QAAAPFJREFUOE/tVLtKA0EUPWcWf8DPSOFX+Bd2gmBtt/aKpfWK+RdtLNK6CQh2iuXahCw7zj0yuwmEkB0WH5Ait5nm3vO43DnEHxeLZ51lDreADiSABOIbiw5v3vPk/IhPQ3l5V4ZLR171DMiBD9khTl8f8R57pqN+6OMaYlGGPCOvEwqCl00+Kv8SzASJrXoASyOdGxEG1ByXIVcaME6qmjf6XIS0c8mGKGxBvsxQN9bu1yC4TtcagSJxGAy4KW0FtW4b+AVgj/efK9wDrjaw6zvkf5zNuFQuKvWXhwZN7Au8n+lCpputU1yGQIy1jTDoYfHfHOSIZ34I6TgAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}
.fixed-page.modal-move-file .fixed-center .folders .item:hover {
  background-color: #F5F5F5;
}
.fixed-page.modal-move-file .fixed-center .folders .item:hover .btn-move {
  display: block;
}
.fixed-page.modal-move-file .fixed-center .folders .item > img {
  width: 20px;
  margin-right: 12px;
  flex-shrink: 0;
  margin-top: -1px;
}
.fixed-page.modal-move-file .fixed-center .folders .item .btn-move,
.fixed-page.modal-move-file .fixed-center .folders .item .count {
  position: absolute;
  top: 12px;
  right: 16px;
  height: 36px;
  line-height: 36px;
}
.fixed-page.modal-move-file .fixed-center .folders .item .btn-move {
  width: 90px;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: var(--primary-color);
  border-radius: 4px;
  cursor: pointer;
  display: none;
}
.fixed-page.modal-move-file .fixed-center .folders .item .count {
  color: #888C94;
  z-index: 1;
  right: 20px;
}

.preference-wrapper {
  position: relative;
  width: 100%;
  background: #F3F5FA;
  border-radius: 8px;
  padding: 10px;
  margin-top: 10px;
}
.preference-wrapper .btn-close-reason {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #888C94;
  font-size: 14px;
  cursor: pointer;
}
.preference-wrapper .hd {
  color: #888C94;
  font-size: 14px;
}
.preference-wrapper .reasons {
  display: flex;
  flex-wrap: wrap;
}
.preference-wrapper .reasons .item {
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  color: #3C4455;
  text-align: center;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D8DADD;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
}
.preference-wrapper .reasons .item.active {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.preference-wrapper .advice-input {
  width: 100%;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  padding: 0 10px;
  outline: none;
  border: 1px solid #D8DADD;
  border-radius: 4px;
  margin-top: 10px;
  display: none;
}
.preference-wrapper .advice-input.block {
  display: block;
}
.preference-wrapper .btn-submit-reason {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 64px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: var(--primary-color);
  border-radius: 15px;
  cursor: pointer;
}
.preference-wrapper .btn-submit-reason.disabled {
  background-color: var(--primary-bg-disabled);
  cursor: not-allowed;
}

.bg-img-contain {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.panel .btn-refresh {
  position: absolute;
  top: 40px;
  right: 25px;
  color: var(--primary-color);
  cursor: pointer;
}
.panel .btn-refresh .iconfont {
  font-size: 20px;
  position: relative;
  top: 1px;
}
.panel.smart .btn-refresh {
  display: none;
}
.panel .tip {
  color: #888C94;
  line-height: 28px;
  display: none;
}
.panel .card-list {
  font-size: 0;
  min-height: 300px;
}
.panel .card-item {
  position: relative;
  width: 280px;
  height: 120px;
  font-size: 16px;
  color: #3C4455;
  background-color: #F2F7FF;
  border-radius: 12px;
  padding: 14px;
  margin-left: 15px;
  margin-top: 16px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}
.panel .card-item.tag-item {
  height: 60px;
  background-color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #fff;
}
.panel .card-item.tag-item:hover {
  color: var(--primary-color);
}
.panel .card-item.tag-item.active {
  color: var(--primary-color);
  background-color: var(--primary-bg);
  border-color: var(--primary-color);
}
.panel .card-item.tag-item.active::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 15px solid;
  border-color: transparent var(--primary-color) var(--primary-color) transparent;
}
.panel .card-item.tag-item.active::after {
  content: '\e695';
  font-family: public-ui;
  position: absolute;
  right: 2px;
  bottom: 0;
  z-index: 2;
  color: #fff;
  font-size: 14px;
}
.panel .card-item.tag-item .tag-name {
  width: 100%;
  max-height: 44px;
  line-height: 22px;
  text-align: center;
}
.panel .card-item.post-item {
  height: 150px;
}
.panel .card-item.post-item .title {
  line-height: 24px;
  height: 72px;
}
.panel .card-item.post-item .info {
  position: absolute;
  bottom: 6px;
}
.panel .card-item.post-item .info .left-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
  color: var(--primary-bd);
  border-radius: 6px;
  float: left;
}
.panel .card-item.post-item .info .desc {
  height: 100%;
  padding-left: 26px;
}
.panel .card-item.post-item .info .org {
  width: 100%;
  height: 20px;
  font-size: 14px;
}
.panel .card-item.post-item .info .time {
  color: #888C94;
  font-size: 12px;
  line-height: 20px;
}
.panel .card-item.post-item .btn-opt {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 26px;
  color: var(--primary-bd);
  text-align: center;
  line-height: 26px;
  background: var(--primary-bg);
  border-radius: 12px 0 12px 0;
  cursor: pointer;
}
.panel .card-item.post-item.with-detail {
  width: 100%;
  height: auto;
  margin-left: 0 !important;
  padding-top: 20px;
  padding-bottom: 14px;
  cursor: default;
}
.panel .card-item.post-item.with-detail .tip-card {
  top: 25px;
  bottom: auto;
}
.panel .card-item.post-item.with-detail .tip-card .item {
  cursor: pointer;
}
.panel .card-item.post-item.with-detail .title {
  line-height: 28px;
  height: auto;
}
.panel .card-item.post-item.with-detail .title .icon-title {
  position: relative;
  top: 2px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: var(--primary-color);
  font-size: 18px;
  background-color: #D7E6FC;
  display: inline-block;
  border-radius: 6px;
  margin-right: 10px;
}
.panel .card-item.post-item.with-detail .provision-item {
  width: 100%;
  color: #25346D;
  font-size: 16px;
  background-color: #DFE9F7;
  padding: 10px;
  margin-top: 14px;
  border-radius: 4px;
  cursor: pointer;
}
.panel .card-item.post-item.with-detail .provision-item:hover {
  color: #fff;
  background-color: #8FABD6;
}
.panel .card-item.post-item.with-detail .provision-item + .provision-item {
  margin-top: 10px;
}
.panel .card-item.post-item.with-detail .btn-opt {
  top: 0;
  bottom: auto;
  border-radius: 0 12px 0 12px;
}
.panel .card-item.q-item {
  width: 249px;
  height: 71px;
  background-color: transparent !important;
  background-image: url(../../images/bg-q.4a24ae96.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 14px 8px;
  float: left;
  display: flex;
  align-items: center;
}
.panel .card-item.q-item .title {
  position: relative;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-indent: 14px;
}
.panel .card-item.q-item .title::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 1px;
  width: 8px;
  height: 8px;
  background: linear-gradient(136deg, #9BBAF5 0%, #4484FF 100%);
  border-radius: 50%;
}
.panel .card-item.q-item .btn-try {
  position: absolute;
  bottom: 15px;
  right: 16px;
  width: 75px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: var(--primary-color);
  font-size: 14px;
  background-color: var(--primary-bd);
  border-radius: 14px;
  cursor: pointer;
}
.panel .card-item:nth-child(3n+1) {
  margin-left: 0 !important;
}
.sec-area.content-wrapper.tag-panel .panel .inner-dashboard {
  padding-left: 0;
  padding-right: 0;
}
.main-container {
  min-height: calc(100% - 70px) !important;
  width: 1100px;
  margin: 0 auto;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
}
.main-container .post-content-wrapper {
  flex-grow: 1;
}
.post-box {
  box-shadow: 0 1px 10px 0 rgba(146, 149, 164, 0.12);
}
.post-header {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 20px 30px;
}
.post-header .item {
  width: 50%;
  line-height: 26px;
  color: #3a3a3a;
  font-size: 16px;
  padding: 10px 20px;
  display: flex;
}
.post-header .item.block {
  width: 100%;
}
.post-header .item .label {
  width: 80px;
  flex-shrink: 0;
}
.post-tags {
  overflow: hidden;
}
.post-tags .item {
  float: left;
  max-width: 100%;
  color: var(--primary-color);
  line-height: 36px;
  padding: 0 16px;
  background: var(--primary-bg);
  border-radius: 18px;
  margin-top: 24px;
  margin-right: 26px;
  cursor: pointer;
}
.post-content-wrapper {
  background-color: #fff;
  margin-top: 24px;
  padding: 40px 50px 20px;
}
.post-content-wrapper .s-post-info h1 {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: #3a3a3a;
}
.post-content-wrapper .s-post-info p {
  padding-top: 10px;
  font-size: 16px;
  color: #B9B9B9;
  text-align: center;
}
.s-table {
  background-color: #fff;
  margin-top: 20px;
}
.s-content {
  overflow: hidden;
  margin-top: 30px;
}
.s-content * {
  color: #424242 !important;
  font-size: 16px !important;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", '\5FAE\8F6F\96C5\9ED1, Arial', 'sans-serif' !important;
  font-style: normal !important;
}
.s-content img,
.s-content table,
.s-content video,
.s-content audio {
  max-width: 100%;
}
.s-content .matched-text {
  background-color: #ffec83;
}
.s-content a {
  text-decoration: underline;
  color: #2d66a5;
}
.s-content img {
  max-width: 100%;
}
.s-content p {
  margin: 1rem 0;
}
.s-content .hidden-in-rec {
  display: none !important;
}
.related-items {
  display: none;
  position: relative;
  background-color: #fff;
  height: 260px;
  margin-top: 20px;
  padding: 30px 50px 40px;
}
.related-items .tip {
  display: block;
}
.related-items .card-item {
  width: 320px !important;
  margin-left: 20px;
  float: left;
}
.related-items .btn-refresh {
  top: 30px;
  right: 50px;
}