:root {
  --primary-color: #357EFE;
  --primary-bg: #CFE2FF;
  --primary-bd: #8EB9FF;
  --primary-bg-disabled: #357EFE66;
  --side-icon-color: #8FABD6;
  --think-bg: #F2F5FC;
  --policy-title-color: #E64F44;
  --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;
  --primary-tag-bg: #CFE2FF;
}
.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;
}
.ai-btn.btn-opt.normal {
  height: 24px;
  line-height: 24px;
  color: #888C94;
  padding: 0 6px;
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
}
.ai-btn.btn-opt.normal + .btn-opt {
  margin-left: 6px;
}
.ai-btn.btn-opt.normal:hover {
  background-color: var(--think-bg);
}
.ai-btn.btn-opt.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_16cv2jsltoc.woff2?t=1764920429542') format('woff2'), url('//at.alicdn.com/t/c/font_1851206_16cv2jsltoc.woff?t=1764920429542') format('woff'), url('//at.alicdn.com/t/c/font_1851206_16cv2jsltoc.ttf?t=1764920429542') 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 40px;
}
.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;
}
body .rec-icp-link,
body .icp-link {
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  z-index: 3;
  color: #999;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.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;
}
@keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 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 .intro-file {
  position: relative;
  color: var(--primary-color);
  margin-top: 24px;
  margin-right: 20px;
  cursor: pointer;
  text-decoration: none;
  padding-left: 20px;
}
.web-pc-header .intro-file::before {
  content: '\e646';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: 'public-ui';
}
.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;
}
html {
  overflow-anchor: none;
}
.card-wrapper {
  width: 100%;
  background-color: #fff;
  padding: 20px 10px;
}
.card-wrapper > .title {
  font-size: 22px;
  padding: 5px 20px;
  color: #333;
}
.card-wrapper > .title .icon-public {
  color: var(--primary-color);
}
.card-wrapper .btn-close {
  position: fixed;
  top: 90px;
  color: var(--close-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  background-color: #f0f0f0;
  border-radius: 4px;
  cursor: pointer;
  display: none;
}
.card-wrapper > .ask-list .empty-tip {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 202px;
  width: 175px;
  margin-top: -20px;
  background-image: url(../../images/empty-history.51c66a49.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.card-wrapper > .ask-list .time-label {
  position: relative;
  color: #878C95;
  font-size: 16px;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 4px;
  padding-left: 10px;
}
.card-wrapper > .ask-list .time-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #BCBEC2;
  border-radius: 50%;
}
.card-wrapper > .ask-list .time-label:not(:first-child)::after {
  content: '';
  position: absolute;
  top: -16px;
  left: 20px;
  right: 40px;
  height: 1px;
  background-color: #E2E3E6;
}
.card-wrapper > .ask-list > .item {
  padding: 10px 20px;
  border-radius: 2px;
  cursor: pointer;
  word-break: break-word;
}
.card-wrapper > .ask-list > .item:hover {
  background-color: #F5F4F5;
}
.card-wrapper > .ask-list > .item > .ask {
  font-size: 16px;
  color: #3A4457;
  font-weight: 700;
  line-height: 24px;
}
.card-wrapper > .ask-list > .item .answer {
  font-size: 14px;
  color: #6A708B;
  margin-top: 8px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.card-wrapper > .ask-list > .item .answer em {
  font-style: normal;
}

.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;
}

.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;
}
.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: var(--index-post-bg);
  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;
}
.panel .left-card {
  width: 780px;
  max-height: 100%;
  display: flex;
  margin-bottom: 15px;
}
.panel .left-card .ai-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../images/menu-icon.ed185409.png);
}
.panel .left-card .ai-avatar.gif {
  background-image: url(../../images/loading2.f6e54632.gif);
}
.panel .left-card .card-wrapper {
  width: 680px;
  height: 100%;
  font-size: 14px;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px 15px 20px;
}
.panel .left-card .card-wrapper .num-bar {
  position: relative;
  line-height: 40px;
  background-color: var(--think-bg);
  padding-left: 30px !important;
  padding-right: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.panel .left-card .card-wrapper .num-bar::before {
  left: 10px !important;
}
.panel .left-card .card-wrapper .num-bar::after {
  content: '\e643';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'public-ui';
  color: #888C94;
}
.panel .left-card .card-wrapper .num-bar.gif {
  padding-right: 15px;
}
.panel .left-card .card-wrapper .num-bar.gif::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 15px;
  height: 15px;
  background-image: url(../../images/gif-search.0a04556c.apng);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.panel .left-card .card-wrapper .num-bar.gif::after {
  display: none;
}
.panel .left-card .card-wrapper .num-bar.queue {
  padding-right: 12px;
}
.panel .left-card .card-wrapper .num-bar.queue::before {
  content: '\e62b';
  margin-top: 1px;
}
.panel .left-card .card-wrapper .num-bar.queue::after {
  display: none;
}
.panel .left-card .card-wrapper .num-bar .cur-post-tile {
  margin-left: 10px;
  max-width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.panel .left-card .card-wrapper .default-thinking .thinking {
  bottom: 0;
  margin-top: 0;
}
.panel .left-card .card-wrapper .thinking {
  position: relative;
  bottom: -4px;
  margin-top: 12px;
  padding-left: 4px;
}
.panel .left-card .card-wrapper .thinking .dot {
  width: 6px;
  height: 6px;
  background-color: #000;
  display: inline-block;
  border-radius: 50%;
}
.panel .left-card .card-wrapper .thinking .dot + .dot {
  margin-left: 3px;
}
.panel .left-card .card-wrapper .thinking .dot.first {
  animation: shining 0.8s infinite;
  animation-delay: -0.4s;
}
.panel .left-card .card-wrapper .thinking .dot.second {
  animation: shining 0.8s infinite;
  animation-delay: -0.2s;
}
.panel .left-card .card-wrapper .thinking .dot.third {
  animation: shining 0.8s infinite;
}
.panel .left-card .card-wrapper .answer {
  color: #333;
}
.panel .left-card .card-wrapper .answer .text-node {
  line-height: 26px;
  word-break: break-word;
}
.panel .left-card .card-wrapper .answer .text-node * {
  font-size: 14px;
}
.panel .left-card .card-wrapper .answer ol {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 24px;
}
.panel .left-card .card-wrapper .answer ol > li {
  list-style: decimal;
}
.panel .left-card .card-wrapper .answer em {
  font-style: normal !important;
  font-weight: 700;
}
.panel .left-card .card-wrapper .answer .split {
  width: 100%;
  height: 1px;
  border: 1px dashed #e9e9e9;
}
.panel .left-card .card-wrapper .answer.printing::after {
  content: '';
  width: 5px;
  height: 5px;
  margin-bottom: 2px;
  background-color: #333;
  display: inline-block;
  border-radius: 50%;
  animation: shining 0.6s infinite;
  margin-left: 4px;
}
.panel .left-card .card-wrapper .answer .mermaid-node {
  border: 1px solid #E9E9E9;
  box-shadow: 0 0 40px 0 rgba(7, 33, 76, 0.02);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}
.panel .left-card .card-wrapper .answer .mermaid-node * {
  font-size: 14px;
}
.panel .left-card .card-wrapper .answer .mermaid-node.hidden {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node .mermaid-svg {
  padding: 15px 10px;
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node .mermaid-source {
  padding: 15px 12px;
  display: none;
  white-space: pre-line;
  word-break: break-word;
}
.panel .left-card .card-wrapper .answer .mermaid-node.mode-source .mermaid-source {
  display: block;
}
.panel .left-card .card-wrapper .answer .mermaid-node.mode-source .mermaid-svg {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node.mode-preview .mermaid-source {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node.mode-preview .mermaid-svg {
  display: block;
}
.panel .left-card .card-wrapper .answer .mermaid-node.mode-preview .type-source {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node .action-bar {
  height: 40px;
  background-color: #f4f4f4;
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel .left-card .card-wrapper .answer .mermaid-node .action-bar.done {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node .error-tip {
  display: none;
  padding-top: 20px;
  line-height: 80px;
  text-align: center;
}
.panel .left-card .card-wrapper .answer .mermaid-node .icon-btn {
  padding: 0 5px;
  margin-right: 5px;
  cursor: pointer;
}
.panel .left-card .card-wrapper .answer .mermaid-node .view-opts {
  display: none;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}
.panel .left-card .card-wrapper .answer .mermaid-node .view-opts > span {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  background-color: #dedede;
  cursor: pointer;
}
.panel .left-card .card-wrapper .answer .mermaid-node .view-opts > span.active {
  background-color: #fff;
}
.panel .left-card .card-wrapper .answer .mermaid-node.done .action-bar.typing,
.panel .left-card .card-wrapper .answer .mermaid-node.error .action-bar.typing {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node.done .view-opts,
.panel .left-card .card-wrapper .answer .mermaid-node.error .view-opts {
  display: flex;
}
.panel .left-card .card-wrapper .answer .mermaid-node.done .action-bar.done {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel .left-card .card-wrapper .answer .mermaid-node.done .action-bar.error {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node.done .icon-btn {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node.done.mode-preview.with-image .type-preview {
  display: block;
}
.panel .left-card .card-wrapper .answer .mermaid-node.done.mode-source .type-source {
  display: block;
}
.panel .left-card .card-wrapper .answer .mermaid-node.error .action-bar.done {
  display: flex;
}
.panel .left-card .card-wrapper .answer .mermaid-node.error .action-bar.done .type-preview {
  display: none;
}
.panel .left-card .card-wrapper .answer .mermaid-node.error .action-bar.error {
  display: flex;
}
.panel .left-card .card-wrapper .answer .mermaid-node.error.mode-preview .error-tip {
  display: block;
}
.panel .left-card .card-wrapper .tip-blow-answer {
  margin-top: 10px;
  overflow: hidden;
}
.panel .left-card .card-wrapper .tip-blow-answer .inner {
  float: left;
  line-height: 24px;
  color: var(--answer-tip-color);
  font-size: 12px;
  box-sizing: content-box;
  background-color: var(--answer-tip-bg);
  border: 1px solid var(--answer-tip-bd);
  padding: 4px 10px;
  border-radius: 4px;
}
.panel .left-card .card-wrapper .tip-blow-answer .inner::before {
  content: '\eb63';
  font-family: 'public-ui';
  margin-right: 6px;
}
.panel .left-card .card-wrapper .btn-opt {
  margin-top: 15px;
}
.panel .left-card .card-wrapper .links {
  width: 100%;
  min-height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../images/links-bg.1b8bd257.png);
  padding: 10px 14px;
  margin-top: 12px;
  border-radius: 8px;
}
.panel .left-card .card-wrapper .links .item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  line-height: 20px;
  padding: 4px 0;
}
.panel .left-card .card-wrapper .links .item .link-title {
  max-width: 520px;
}
.panel .left-card .card-wrapper .links .item .link-text {
  position: relative;
  color: var(--primary-color);
  font-weight: 700;
  padding-right: 20px;
  flex-shrink: 0;
  margin-left: 20px;
  cursor: pointer;
}
.panel .left-card .card-wrapper .links .item .link-text::after {
  content: '\e79c';
  position: absolute;
  right: 0;
  font-family: 'public-ui';
}
.panel .left-card .card-wrapper .links .item > a {
  color: #333;
  text-decoration: none;
}
.panel .left-card .related-items {
  margin-top: 20px;
}
.panel .left-card .btn-stop {
  text-align: center;
  width: 90px;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  cursor: pointer;
  margin-top: 15px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.panel .left-card .btn-stop:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.panel .left-card .btn-stop.stoping {
  border-color: #e9e9e9;
  background-color: transparent !important;
}
.panel .left-card .btn-stop.stoping::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top: 2px solid #bcbec2;
  border-bottom: 2px solid #bcbec2;
  animation: loading 2s linear infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.section-card-list {
  position: fixed;
  left: 50%;
  top: 110px;
  bottom: 40px;
  margin-left: 200px;
  overflow: auto;
  width: 400px;
  float: right;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid var(--primary-bg);
  padding: 20px;
}
.section-card-list .section-card-item {
  font-size: 14px;
  color: #3C4455;
  background-color: var(--index-post-bg);
  border-radius: 8px;
  margin-top: 15px;
  padding: 15px 10px;
  cursor: pointer;
  word-break: break-word;
}
.section-card-list .section-card-item .title {
  font-size: 16px;
  color: var(--policy-title-color);
  text-align: center;
  line-height: 20px;
}
.section-card-list .section-card-item .doc-num {
  font-family: Songti SC;
  color: #3C4455;
  margin-top: 8px;
  text-align: center;
}
.section-card-list .section-card-item .simple-content {
  line-height: 20px;
  max-height: 80px;
  padding-top: 10px;
  border-top: 1px solid var(--section-post-bd);
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.section-card-list .section-card-item .org {
  color: #888C94;
  margin-top: 10px;
}
body {
  background-attachment: fixed;
  padding-top: 70px;
}
body .web-pc-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
body .web-pc-header.stick {
  background-color: #fff;
}
@keyframes hwidth {
  0% {
    width: 0;
  }
  100% {
    width: 48px;
  }
}
.inputing {
  color: #333;
  line-height: 22px;
  display: flex;
  align-items: center;
  animation: hwidth 1.4s steps(4) infinite;
  overflow: hidden;
}
.inputing > span {
  width: 10px;
  font-size: 24px;
  text-align: center;
}
.main-container#s-app {
  padding: 0;
}
.page-index {
  font-size: 0;
  padding: 20px 0 30px;
}
.page-index ul,
.page-index li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-index .preference-wrapper {
  padding-right: 90px;
}
.page-index .sec-area {
  position: relative;
  float: left;
  font-size: 16px;
  color: #3C4455;
}
.page-index .tip-card {
  z-index: 6;
  width: 270px;
  right: 2px;
  bottom: 25px;
  padding: 20px 10px;
}
.page-index .tip-card.detail {
  padding: 20px 20px 0;
}
.page-index .tip-card .btn-feedback {
  margin-right: -10px !important;
}
.page-index .menu-wrapper {
  position: fixed;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 60px;
  height: auto !important;
  min-height: 0 !important;
  background: #FAFAFF;
  box-shadow: 0 0 10px 0 rgba(60, 68, 85, 0.1);
  border-radius: 9px;
  padding-bottom: 10px;
}
.page-index .menu-wrapper.simple::after {
  display: none;
}
.page-index .menu-wrapper::after {
  content: '';
  width: 30px;
  height: 1px;
  position: absolute;
  top: 59px;
  left: 50%;
  margin-left: -15px;
  background-color: #D8DADD;
  opacity: 0.5;
}
.page-index .menu-wrapper .top-icon {
  width: 79px;
  height: 79px;
  background-image: url(../../images/menu-icon.ed185409.png);
  background-size: 100%;
  margin: 47px auto 0;
}
.page-index .menu-wrapper .menu-list {
  position: relative;
}
.page-index .menu-wrapper .menu-list .item {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #78889F;
  font-size: 18px;
  font-family: 'public-ui';
  margin: 10px auto 0;
  cursor: pointer;
}
.page-index .menu-wrapper .menu-list .item:hover,
.page-index .menu-wrapper .menu-list .item.active {
  background-color: var(--index-side-icon-bg);
  border-radius: 12px;
}
.page-index .menu-wrapper .menu-list .item.icon {
  position: relative;
  margin-bottom: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../images/menu-icon.ed185409.png);
  background-size: 30px 30px;
  background-color: transparent !important;
}
.page-index .menu-wrapper .menu-list .item .tip {
  display: none;
  position: absolute;
  left: calc(100% + 14px);
  top: 50%;
  margin-top: -14px;
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #010101cc;
  border-radius: 4px;
}
.page-index .menu-wrapper .menu-list .item .tip::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 5px;
  border-color: transparent #010101cc transparent transparent;
}
.page-index .menu-wrapper .menu-list .item:hover .tip {
  display: block;
}
.page-index .content-wrapper {
  width: 1200px;
  border-radius: 0 24px 24px 0;
  float: none !important;
  margin: 0 auto;
}
.page-index .content-wrapper.tag-panel {
  padding-bottom: 140px;
}
.page-index .content-wrapper.tag-panel .btn-edit-tag,
.page-index .content-wrapper.tag-panel .btn-refresh {
  display: none;
}
.page-index .content-wrapper.tag-panel .search-wrapper {
  display: none;
}
.page-index .content-wrapper.tag-panel .tag-bottom-area {
  display: block;
}
.page-index .content-wrapper .inner-loading > img {
  margin: -100px 0 0 -30px;
}
.page-index .content-wrapper .panel {
  width: 870px;
  padding-bottom: 200px;
  margin: 0 auto;
}
.page-index .content-wrapper .panel .btn-reach-bottom {
  width: 60px;
  height: 60px;
  position: fixed;
  z-index: 2;
  bottom: 220px;
  left: 50%;
  margin-left: -210px;
  background-size: 100%;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAArlBMVEUAAAAHIUwHIUxFWXn////+/v7AxtGlr77+/v78/P3w8vT+/v74+frg4+lnd5L+/v7+/v7N09v8/P319vj+/v78/P37/Pz4+frl5+z5+vv+/v74+fru8PPW2uLn6e3////3+Pn3+Pnv8fTe4ed4hp79/f75+vvn6e3////6+/v09ff///81fv7z+P9FiP5Ahf7b6P/T4//r8v+kxf9alv7h6/+av//P4P9hmv5Vkv7ApepqAAAAK3RSTlMABAcM9e0fF/PIZNqUNw7e6SfDe/C9qIpBnOaNVzBH/oaFYjMQ0Z9I9595QbptnwAAA8hJREFUaN7t2ulSo0AUBWCZAGEJIftujMZ1LqOOOtv7v9hoFZUmOR1uQ3ejP3Ksmh+j5VcnjRR037NTTvk6caRfdpMTDuQMeNNoUUPdAp035WKahq6luGOXtV8b2W8QpA2xiGJM06iq2Zp1QVW3tTpL2W4STSdh7AV076U34WQaJV0tGvsi25pdDlyCuIPLWQtp3atqp67nHh2NN1/vbI3SyLaHKTGJh+1DurJ66PqdgBQSdPxD2dHp2566pBh32mY7833ztY0WVCGLKF/r6p333f6YKmbc35Nr9r0KqHKCK6Yz3/f6lmrl9prpzPT1Q6qZ0K98iRXc85RqJz0vyApq0U16pJFeUpSdCn23I9LKaFuU1fv2F6SZRR+vML6wH5N2Yl/AqoW7IRlI2IVl5ha4Q0bSgWWWFhbu6sIMfLESMlbGwv0RGcqoLyrzhVtjMpZxayfzhSMymAiur6OF2z2TcK+9k7nCSzKaJVaWF/Zds7DrY2UsrP4n/Oste3tW/mPGyrjCgRr8N8uyf6SSoGyVBfyd1JJ95AepZIg3EbxLt2LzcNyCmwgWXpN5mNZQGZd4bgOeH11k8Ul7NmAPPmsoPCMbMM2OVBbwpR14cwBj44EdeMA17rp2YLe7B2PhhOzAlEgrCziyBUd7MDae2oKnTOOJLXjCNA5twSHTOLYFx0xjzxbsMY0DW3DANCZbMDGN7y3Dza9xwDROqTQvr68vAItvlMRjGt+Uu49Z9vRTAj+/f+OxVI6ZxoNS+DXLclnAufue31SSkGk8YeBcFnDusvCEaTxkPupcFrBwn0o/6iHTeEWled7JAhb/V5YV03hLqnIOK7q0lTbGRx9ezmFw+Ucf5rJm5ewjfxiXedhz8PGWl8W/vEsb9rl6RqqyCO/SrKQxvMKwMrrqrzBYeU6qMu/yL20OvqbysrpLdwjj62KsKqPLv5jj+zHeNXkZXf5+CcHNF15Gl998gUVuarsJ09AGmwNsM1uKsjSyiepI2Ca2jeVpYKPckbJNHQ1g7ByGQGFk7R3/cI0tHXjxbFH2U3039XGLnD8sP+/pur0qR8gFOdE9xoUD5EYPrj/5qN5RdPWHE278gltnHOOhnvtwDYMgzQ+gfN7IjfMpQ0Z6Y1VL9bGqZRsGuvQGyVwlFgbJGhmdSyWjc46JYcG70mHB27sWsBBVGccjN/LxyI18PLImXT4Q6r6DXowDoeDWCdBMjLEaQ7+My8qNjjkjzeAWxviRxlhgkbbPIo02qsjq02xv8VNmI8pITECN0/jrLaLIwNcpp2D+A/nNNyC3FE1WAAAAAElFTkSuQmCC);
  cursor: pointer;
}
.page-index .content-wrapper .panel.userPostTag .welcome {
  height: 45px;
}
.page-index .content-wrapper .panel.userPostTag.tags {
  padding-bottom: 0;
}
.page-index .content-wrapper .panel.userPostTag.tags .card-list {
  overflow: hidden;
}
.page-index .content-wrapper .panel.history {
  width: 1200px;
  padding-bottom: 0;
}
.page-index .content-wrapper .panel .img-cases {
  display: none;
}
.page-index .content-wrapper .panel .num-bar {
  font-size: 14px;
  color: #3C4455;
  position: relative;
  padding-left: 20px;
}
.page-index .content-wrapper .panel .num-bar.refer-bar {
  cursor: pointer;
}
.page-index .content-wrapper .panel .num-bar::before {
  content: '\e7ba';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'public-ui';
  color: var(--primary-color);
  font-size: 15px;
}
.page-index .content-wrapper .panel .inner-dashboard {
  position: relative;
  width: 100%;
  border-radius: 16px;
  padding: 24px 0 20px;
}
.page-index .content-wrapper .panel .inner-dashboard .card-list {
  margin-top: 20px;
}
.page-index .content-wrapper .panel .inner-dashboard .card-list > .empty-tip {
  font-size: 16px;
  color: #999;
  text-align: center;
  line-height: 200px;
}
.page-index .content-wrapper .panel .question-wrapper {
  position: relative;
  width: 780px;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 50px;
  overflow: hidden;
  display: none;
}
.page-index .content-wrapper .panel .question-wrapper::after {
  position: absolute;
  right: 0;
  content: '';
  background-image: url(data:image/png;base64,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);
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.page-index .content-wrapper .panel .question-wrapper.visible {
  display: block;
}
.page-index .content-wrapper .panel .question-wrapper .text {
  max-width: 90%;
  line-height: 25px;
  background: var(--primary-color);
  color: #fff;
  border-radius: 20px 20px 2px 20px;
  float: right;
  padding: 10px 18px;
  word-break: break-all;
  position: relative;
}
.page-index .content-wrapper .panel .question-wrapper .text .icon-copy {
  position: absolute;
  bottom: -16px;
  left: -10px;
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  color: #78889F;
  background-color: #fff;
  border: 1px solid #D8DADD;
  border-radius: 2px;
  cursor: pointer;
  display: none;
}
.page-index .content-wrapper .panel .question-wrapper .text:hover .icon-copy {
  display: block;
}
.page-index .content-wrapper .panel .welcome {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  margin-bottom: 16px;
  margin-top: -10px;
}
.page-index .content-wrapper .panel .welcome.hidden {
  display: none;
}
.page-index .content-wrapper .panel .welcome .btn-edit-tag {
  font-size: 16px;
  color: var(--primary-color);
  cursor: pointer;
  padding: 4px;
}
.page-index .content-wrapper.smart,
.page-index .content-wrapper.case {
  width: 1200px;
}
.page-index .content-wrapper.smart .panel,
.page-index .content-wrapper.case .panel {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 190px;
}
.page-index .content-wrapper.smart .panel .search-wrapper,
.page-index .content-wrapper.case .panel .search-wrapper {
  left: 0;
  transform: none;
}
.page-index .content-wrapper.smart .panel .inner-dashboard,
.page-index .content-wrapper.case .panel .inner-dashboard {
  overflow: hidden;
  padding: 0;
}
.page-index .content-wrapper.smart .search-wrapper {
  position: fixed;
  left: 50% !important;
  bottom: 40px;
  margin-left: -600px;
}
.page-index .content-wrapper.smart .search-wrapper::after {
  content: '\672c\670d\52a1\5185\5bb9\7531\0041\0049\751f\6210\ff0c\6240\63d0\4f9b\5185\5bb9\4ec5\4f9b\53c2\8003\3002';
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  padding-top: 136px;
  font-size: 12px;
  text-align: center;
  color: #999;
}
.page-index .content-wrapper.cases {
  position: relative;
}
.page-index .content-wrapper.cases .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 0 !important;
  margin-top: -40px;
  padding-top: calc(124px + 124px + 40px);
}
.page-index .content-wrapper.cases .panel::before,
.page-index .content-wrapper.cases .panel .img-cases {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 529px;
  height: 124px;
}
.page-index .content-wrapper.cases .panel .img-cases {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .content-wrapper.cases .panel .img-cases > img {
  max-width: 100%;
  max-height: 100%;
}
.page-index .content-wrapper.cases .panel .img-cases .bg-case {
  width: 100%;
  height: 100%;
  background-image: url(../../images/title-case.38b211b0.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.page-index .content-wrapper.cases .panel .search-wrapper {
  bottom: 180px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0;
}
.page-index .content-wrapper.cases .panel .search-wrapper::after {
  display: none;
}
.page-index .content-wrapper.cases .panel .search-wrapper .similar-list {
  transform: translateY(calc(100% + 130px + 6px));
}
.page-index .content-wrapper.cases .panel .q-item {
  margin-left: 20px;
  margin-top: 12px;
}
.page-index .content-wrapper.cases .panel .inner-dashboard {
  position: static;
  width: 788px;
  height: 180px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 10px;
}
.page-index .content-wrapper.cases .panel .inner-dashboard .card-list {
  min-height: 0;
  overflow: hidden;
  margin-top: 0;
}
.page-index .content-wrapper .tag-bottom-area {
  display: none;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 240px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #fff;
  background-color: var(--primary-color);
  border-radius: 30px;
  cursor: pointer;
}
.page-index .content-wrapper .tag-bottom-area.disabled {
  background-color: var(--primary-bg-disabled);
  cursor: not-allowed;
}
.page-index .content-wrapper .search-wrapper {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 780px;
  height: 124px;
}
.page-index .content-wrapper .search-wrapper .scroll-btns {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: 2;
  display: none;
}
.page-index .content-wrapper .search-wrapper .scroll-btns .btn-prev,
.page-index .content-wrapper .search-wrapper .scroll-btns .btn-next {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: var(--primary-color);
  background-color: #D7E6FC;
  margin-left: 12px;
  border-radius: 2px;
  float: left;
  cursor: pointer;
}
.page-index .content-wrapper .search-wrapper .scroll-btns .btn-prev.disabled,
.page-index .content-wrapper .search-wrapper .scroll-btns .btn-next.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.page-index .content-wrapper .search-wrapper .tip-icon {
  position: absolute;
  left: 12px;
  top: -50px;
  display: none;
}
.page-index .content-wrapper .search-wrapper .tip-icon::before {
  font-family: 'public-ui';
  content: '\e864';
  font-size: 32px;
  margin-top: -17px;
  color: var(--primary-color);
}
.page-index .content-wrapper .search-wrapper .related-items {
  position: absolute;
  top: -50px;
  left: 0;
  right: 100px;
  color: #7E868E;
  display: flex;
  align-items: center;
  height: 36px;
}
.page-index .content-wrapper .search-wrapper .related-items .item + .item {
  margin-left: 10px;
}
.page-index .content-wrapper .search-wrapper .inner-container {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  box-shadow: 0 0 40px 0 rgba(7, 33, 76, 0.02);
  border-radius: 8px;
  overflow: hidden;
  padding-top: 10px;
}
.page-index .content-wrapper .search-wrapper .similar-list {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 130px;
  z-index: 2;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E9E9E9;
  padding: 12px;
  display: none;
}
.page-index .content-wrapper .search-wrapper .similar-list .item {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.page-index .content-wrapper .search-wrapper .similar-list .item em {
  font-style: normal;
  color: var(--primary-color);
}
.page-index .content-wrapper .search-wrapper .asking-tip,
.page-index .content-wrapper .search-wrapper .error-tip {
  position: absolute;
  top: -50px;
  color: #fff;
  width: 130px;
  height: 30px;
  margin-left: -65px;
  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: 3;
}
.page-index .content-wrapper .search-wrapper .asking-tip {
  width: auto;
  height: auto;
  padding: 5px 20px;
  margin-left: 0;
  transform: translateX(-50%);
}
.page-index .content-wrapper .search-wrapper input,
.page-index .content-wrapper .search-wrapper textarea {
  width: 100%;
  height: 52px;
  border: none;
  outline: none;
  font-size: 16px;
  color: #3C4455;
  padding-left: 15px;
  padding-right: 15px;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", '\5FAE\8F6F\96C5\9ED1, Arial', 'sans-serif' !important;
  line-height: 26px;
  resize: none;
  padding-top: 0;
  padding-bottom: 0;
}
.page-index .content-wrapper .search-wrapper .left-icon {
  position: absolute;
  left: 15px;
  top: 12px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: var(--primary-color);
  font-size: 18px;
  background: var(--primary-bg);
  border-radius: 50%;
}
.page-index .content-wrapper .search-wrapper .mode-wrapper {
  position: absolute;
  left: 15px;
  bottom: 17px;
  display: flex;
  align-items: center;
}
.page-index .content-wrapper .search-wrapper .mode-wrapper > div {
  position: relative;
  min-width: 84px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}
.page-index .content-wrapper .search-wrapper .mode-wrapper > div + div {
  margin-left: 12px;
}
.page-index .content-wrapper .search-wrapper .online,
.page-index .content-wrapper .search-wrapper .normal-item {
  width: 70px;
  padding: 0;
  text-align: center;
  color: #999;
  background-color: #f0f0f0;
}
.page-index .content-wrapper .search-wrapper .online.active,
.page-index .content-wrapper .search-wrapper .normal-item.active {
  color: var(--primary-color);
  background: var(--primary-bg);
}
.page-index .content-wrapper .search-wrapper .mode {
  color: var(--primary-color);
  background: var(--primary-bg);
  padding-left: 6px;
  padding-right: 20px;
}
.page-index .content-wrapper .search-wrapper .mode::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  border: 5px solid;
  margin-top: -2px;
  border-color: var(--primary-color) transparent transparent transparent;
}
.page-index .content-wrapper .search-wrapper .btn-record {
  position: absolute;
  right: 60px;
  bottom: 15px;
  height: 34px;
  width: 34px;
  text-align: center;
  color: var(--primary-color);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .content-wrapper .search-wrapper .btn-record.disabled {
  opacity: 0.5;
  cursor: pointer;
}
.page-index .content-wrapper .search-wrapper .btn-record .hover-tip,
.page-index .content-wrapper .search-wrapper .btn-record .time-tip {
  position: absolute;
  top: -30px;
  min-width: 66px;
  text-align: center;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  border-radius: 4px;
  background-color: #000;
  display: none;
}
.page-index .content-wrapper .search-wrapper .btn-record .hover-tip::after,
.page-index .content-wrapper .search-wrapper .btn-record .time-tip::after {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  border-width: 4px;
  border-color: #000 transparent transparent transparent;
  border-style: solid;
}
.page-index .content-wrapper .search-wrapper .btn-record .time-tip {
  z-index: 1;
}
.page-index .content-wrapper .search-wrapper .btn-record .dot,
.page-index .content-wrapper .search-wrapper .btn-record .line {
  display: none;
}
.page-index .content-wrapper .search-wrapper .btn-record:hover {
  background-color: #4680F611;
}
.page-index .content-wrapper .search-wrapper .btn-record:hover .hover-tip {
  z-index: 2;
}
.page-index .content-wrapper .search-wrapper .btn-record:hover .hover-tip.normal {
  display: block;
}
.page-index .content-wrapper .search-wrapper .btn-record:hover.ing .hover-tip.normal {
  display: none;
}
.page-index .content-wrapper .search-wrapper .btn-record:hover.ing .hover-tip.ing {
  display: block;
}
.page-index .content-wrapper .search-wrapper .btn-record.prepare .icon-micro,
.page-index .content-wrapper .search-wrapper .btn-record.ing .icon-micro {
  display: none;
}
.page-index .content-wrapper .search-wrapper .btn-record.prepare .hover-tip.normal,
.page-index .content-wrapper .search-wrapper .btn-record.ing .hover-tip.normal {
  display: none;
}
.page-index .content-wrapper .search-wrapper .btn-record.prepare .dot {
  width: 4px;
  height: 4px;
  background-color: #000;
  display: inline-block;
  border-radius: 50%;
}
.page-index .content-wrapper .search-wrapper .btn-record.prepare .dot + .dot {
  margin-left: 3px;
}
.page-index .content-wrapper .search-wrapper .btn-record.prepare .dot.first {
  animation: shining 0.8s infinite;
  animation-delay: -0.4s;
}
.page-index .content-wrapper .search-wrapper .btn-record.prepare .dot.second {
  animation: shining 0.8s infinite;
  animation-delay: -0.2s;
}
.page-index .content-wrapper .search-wrapper .btn-record.prepare .dot.third {
  animation: shining 0.8s infinite;
}
.page-index .content-wrapper .search-wrapper .btn-record.ing .line {
  display: inline-block;
  margin: 0 2px;
  background-color: var(--primary-color);
  width: 2px;
  height: 3px;
  border: none;
  animation: note 0.2s ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.page-index .content-wrapper .search-wrapper .btn-record.ing .line.hr1 {
  animation-delay: -0.4s;
}
.page-index .content-wrapper .search-wrapper .btn-record.ing .line.hr2 {
  animation-delay: -0.3s;
}
.page-index .content-wrapper .search-wrapper .btn-record.ing .line.hr3 {
  animation-delay: -0.2s;
}
.page-index .content-wrapper .search-wrapper .btn-record.ing .line.hr4 {
  animation-delay: -0.1s;
}
.page-index .content-wrapper .search-wrapper .btn-send {
  position: absolute;
  right: 20px;
  bottom: 15px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: var(--primary-color);
  border: none;
}
.page-index .content-wrapper .search-wrapper .btn-send.disabled {
  cursor: not-allowed;
}
.page-index .content-wrapper .search-wrapper .btn-send .icon-stop,
.page-index .content-wrapper .search-wrapper .btn-send .text-stop {
  display: none;
}
.page-index .content-wrapper .search-wrapper .btn-send .icon-stop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #fff;
}
.page-index .content-wrapper .search-wrapper .btn-send.asking .icon-send,
.page-index .content-wrapper .search-wrapper .btn-send.asking .text-ask {
  display: none;
}
.page-index .content-wrapper .search-wrapper .btn-send.asking .icon-stop,
.page-index .content-wrapper .search-wrapper .btn-send.asking .text-stop {
  display: inline-block;
}
.page-index .content-wrapper .related-items {
  position: relative;
}
.page-index .content-wrapper .related-items .item {
  display: flex;
}
.page-index .content-wrapper .related-items .item.animation {
  opacity: 0;
  animation: slideup 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.page-index .content-wrapper .related-items .item:nth-child(1) {
  animation-delay: 0.3s;
}
.page-index .content-wrapper .related-items .item:nth-child(2) {
  animation-delay: 0.45s;
}
.page-index .content-wrapper .related-items .item:nth-child(3) {
  animation-delay: 0.6s;
}
.page-index .content-wrapper .related-items .item .inner {
  position: relative;
  height: 36px;
  line-height: 34px;
  font-size: 14px;
  color: #7E868E;
  padding-left: 10px;
  padding-right: 30px;
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
  max-width: 100%;
}
.page-index .content-wrapper .related-items .item .inner::after {
  content: '\e79c';
  position: absolute;
  right: 10px;
  font-family: 'public-ui';
  color: #888C94;
}
.page-index .content-wrapper .related-items .item + .item {
  margin-top: 10px;
}
.page-index .content-wrapper .ask-menus {
  position: absolute;
  top: -32px;
  z-index: 1;
  display: flex;
}
.page-index .content-wrapper .ask-menus .item {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: var(--primary-color);
  background-color: var(--primary-bg);
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 15px;
  border-radius: 12px;
  cursor: pointer;
}
.page-index .content-wrapper .ask-menus .item::before {
  font-family: 'public-ui';
  margin-right: 4px;
}
.page-index .content-wrapper .ask-menus .item.new::before {
  content: '\e7bd';
}
.page-index .content-wrapper .ask-menus .item.history::before {
  content: '\e7bf';
}
.page-index .panel .card-item {
  background-color: #fff;
}
.page-index .panel .stopped-tip {
  color: #999;
  margin-top: 10px;
}
.page-index.rec {
  position: relative;
}
.page-index.rec .content-wrapper.smart .search-wrapper::after {
  padding-top: 128px;
}
.page-index.rec .search-wrapper .icp-link {
  bottom: -38px;
}
.mode-list {
  position: fixed;
  z-index: 2;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  padding: 6px 10px;
}
.mode-list .item {
  position: relative;
  width: 264px;
  padding: 5px 10px 8px;
  cursor: pointer;
}
.mode-list .item.active {
  background: #F5F4F5;
  border-radius: 6px;
}
.mode-list .item.active::after {
  content: '\e7cd';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  color: var(--primary-color);
  font-family: 'public-ui';
  font-size: 16px;
}
.mode-list .item .name {
  font-size: 14px;
  color: #060607;
  font-weight: 600;
}
.mode-list .item .desc {
  font-size: 12px;
  color: #999;
  margin-top: 2px;
}
@keyframes note {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(4);
  }
}
@keyframes shining {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
    transform: scale(0.9);
  }
}

.bg-img-contain {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.modify-confirm-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  width: 360px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 30px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
}
.modify-confirm-modal .tip-header {
  font-size: 22px;
  color: #3c4455;
  display: flex;
  align-items: center;
}
.modify-confirm-modal .tip-header .img-tip {
  width: 28px;
  height: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMTAtMjVUMTU6MTc6MDMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTAzLTIxVDExOjIzOjU1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTAzLTIxVDExOjIzOjU1KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZjZDI1OTI5LTk1NjktNDM5Yi1hNDc1LTM5NTU3MzcwMTNhNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2Y2QyNTkyOS05NTY5LTQzOWItYTQ3NS0zOTU1NzM3MDEzYTYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2Y2QyNTkyOS05NTY5LTQzOWItYTQ3NS0zOTU1NzM3MDEzYTYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjZjZDI1OTI5LTk1NjktNDM5Yi1hNDc1LTM5NTU3MzcwMTNhNiIgc3RFdnQ6d2hlbj0iMjAyMi0xMC0yNVQxNToxNzowMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+n8pqRgAAAvRJREFUSInFlkFLG0EUx//v7ZqASOkplOLGHgTRk4WePJq7UAoRMRchRSWRtn4ART+AbWlEpYFcImKgl95jb54K9VTpScxKkZxEghCzO68Hd9IhbBKtwT6Yw3vz5v+bmd2ZN4QuNpd3Y1d1lVSCBIBxJjhKYDHBVwIXwBETyv1RLhXSTrWTloiA2nXObleca0/WmJBSgr5uE2NCQwmKEZtWdxfi7p2AM1uVtFLyXgkGuoFCwDVmere3GM93Bb7Z/W2dXzQ+KEE2ROgMQFkJjplQV4IoE0YBJJRgMCQ/9+Rx39uPs099E2ibSWEwJhzaFq0U550DIpKQWVNqx530fFlXggkdV4Ls+UUDAJbM/OYKZ7Yqac+Xz0afB2C5lInnwkBh4ORmJQtgA/i7ENui13p7m1s6u11xPF9+Gt/MY8Kr/czQV1M0tV0Z8AUvtG8RvhcX4jUzZ3rzdEoJvmgoE2q2RWO7C3FXRMAAcO3JWssPstwKAwBfMOz58k03XzDcmhOMW9a+Egxce7KmfZ7LuzEmpJoBwmEpE8+137zuVsrEc0w4NDRTc3k3BgAcHOrmObMtWrnNN+tkRCS2RSvaV4K+q7pKAgAHN4ieyVlx3jm4D0xbcd45CI6ShiYAgAGMG3nl+65OW6BTNkLjAMBMcIxZHPcCFqanOawElhGs9xJo6mkOM8E3gtFeAk09zbGDEvMsCI52Eog9sn9VL73npt8pnwmjSppwF7j5aY6MnISItC1Zd7FAJ2GEjoCbLW3+SUowmNpxJ9uJVC+9Ec+XH7pVL72RdrmpHXfSrCKaw/1RLjGhoTs8X9bvu0oRIc+XdQPW6I9yCQC4kHaqSlDUnUowEdz6/2zJzUq2pVQV9fODASBi0yoTzFt/Y3rzdKpVKGrTScSml7pFbTppzQnGbRirq0VsWtX+/6mHxuw+9ariB2Nz+5mhJSP34d80D/5q47BBe4vxvG3RGICCeWS6gBoACrZFY2EwbV3PW89f3iI9KX+3tj8zIcCNosnNYAAAAABJRU5ErkJggg==);
  display: inline-block;
  margin-right: 10px;
  margin-top: 2px;
}
.modify-confirm-modal .tip-text {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 18px;
  color: #666666;
  text-align: justify;
  line-height: 28px;
}
.modify-confirm-modal .s-button {
  width: 106px;
  height: 36px;
  line-height: 34px;
  border-radius: 18px;
  font-size: 18px;
  background-color: var(--primary-color);
}
.modify-confirm-modal .s-button + .s-button {
  margin-left: 15px;
}
.modify-confirm-modal .s-button.plain {
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid var(--primary-color);
}

.bg-img-contain {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.index-container {
  position: relative;
  min-width: 1200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.index-container .main-container {
  width: 1200px;
  min-height: 680px !important;
  margin: 0 auto;
  position: relative;
  padding: 20px 0;
}
.types-wrapper .radio,
.identity-list .radio {
  text-align: center;
  font-size: 0;
  margin-top: 20px;
  cursor: pointer;
}
.types-wrapper .radio > span,
.identity-list .radio > span {
  display: inline-block;
  vertical-align: middle;
}
.types-wrapper .radio .circle,
.identity-list .radio .circle {
  position: relative;
  width: 25px;
  height: 25px;
  border: 1px solid #a6a6a6;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 10px;
}
.types-wrapper .radio .circle::after,
.identity-list .radio .circle::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 9px;
  height: 9px;
  background-color: #fff;
  border-radius: 50%;
}
.types-wrapper .radio .name,
.identity-list .radio .name {
  font-size: 24px;
}
.types-wrapper .item.active .radio .circle,
.identity-list .item.active .radio .circle,
.types-wrapper .type-item.active .radio .circle,
.identity-list .type-item.active .radio .circle {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.types-wrapper {
  overflow: hidden;
  padding-bottom: 20px;
}
.types-wrapper .radio {
  margin-top: 12px;
}
.s-footer {
  background-color: #fff;
}