.crush-button {
	display: block;
	width: 360px;
	height: 40px;
	text-align: center;
	background-color: #1677FF;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 500;
	color: white;
	border: none;
}
.crush-button:hover {
	cursor: pointer;
	background-color: #2D85F0;
}
.crush-button-large {
	width: 360px;
	height: 40px;
	font-size: 17px;
}
.crush-button-medium {
	width: 200px;
	height: 40px;
	font-size: 17px;
}
.crush-button-small {
	width: 100px;
	height: 32px;
	font-size: 15px;
}
.disabled {
  background-color: #D8D8D8;
}



.imgList[data-v-7091373d]{
  display: flex;
  gap: 5px;
  padding: 10px 0;
  flex-wrap: wrap;
}
.deleteImg[data-v-7091373d]{
  position: absolute;
  right: -8px;
  top: -8px;
  color: #8590A6;
}




.comment-editor[data-v-234667b8] {
  width: 100%;
  /*width: calc(100vh - 275px);*/
}
.imgList[data-v-234667b8]{
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.comment-pickers[data-v-234667b8] {
  display: flex;
  align-items: center;
}
.previewImg[data-v-234667b8]{
  width: 50px;
}
.emoji-container[data-v-234667b8] {
  display: flex;
  width: 450px;
  height: 350px;
  overflow-y: scroll;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
}
.emoji-container[data-v-234667b8]::-webkit-scrollbar {
  width: 12px;
  height: 4px;
}
.emoji-container[data-v-234667b8]::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 7px;
  background-color: #b3aeae;
}
.emoji[data-v-234667b8] {
  font-size: 24px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 18px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
.comment-icon-picker[data-v-234667b8]{
  color: #bfbfbf;
  font-size: 18px;
  margin-right: 10px;
  cursor:pointer;
}
.comment-icon-picker[data-v-234667b8]:hover {
  color: #2D85F0;
}
.rich-input-box > textarea[data-v-234667b8] {
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #F8F8F8;
  outline: none;
  padding: 10px;
  width: 100%;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 150%;
  color: #000;
  opacity: 85%;
  resize: none;
  background-color: #f6f8fa;
}
.rich-input-box > textarea[data-v-234667b8]:focus {
  background-color: aliceblue;
  /* background-color: #f6f8fa; */
  border: 1px solid #2D85F0;
}
.ant-mentions[data-v-234667b8] {
  border-radius: 6px;
  border: 1px solid #F8F8F8;
}
.ant-mentions[data-v-234667b8] textarea {
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #F8F8F8;
  outline: none;
  padding: 10px;
  width: 100%;

  font-size: 15px;
  line-height: 150%;
  color: #000;
  resize: none;
  background-color: #f6f8fa;
}
.ant-mentions-focused[data-v-234667b8] {
  background-color: aliceblue;
  /*background-color: #f6f8fa;*/
  border: 1px solid #2D85F0;
}
.ant-mentions-dropdown-menu[data-v-234667b8] {
  padding-bottom: 10px;
  background-color: #2c3e50;
}
.ctrl-btn-box[data-v-234667b8] {
  overflow: hidden;
  width: 100%;
  text-align: right;
  flex: 1;
}
.restrict-label[data-v-234667b8] {
  display: inline-block;
  font-size: 15px;
  line-height: 1.75;
  color: darkgray;
  /*color: #FFA119;*/
}
.mention-label[data-v-234667b8] {
  display: inline-block;
  font-size: 15px;
  line-height: 1.75;
  color: darkgray;
}
.red-char[data-v-234667b8] {
  color: #F4433C;
}


.label[data-v-4db4b678] {
  font-size: 16px;
  font-weight: 500;
  /*color: #1677FF;*/
  margin-bottom: 10px;
}


.contact[data-v-832a9e9a] {
  margin-left: 50px;
  margin-right: 50px;
}
.contact-title[data-v-832a9e9a] {
  font-size:16px;
  font-weight: 500;
  margin-left: 30px;
  color: #2c3e50;
  opacity: 85%;
}
.contact-img[data-v-832a9e9a] {
  width: 200px;
}
.feedback[data-v-832a9e9a] {
  padding: 30px 40px;
}



.header[data-v-403b7eef] {
  /*height: 60px;*/
  height: 115px;
  width: 100%;
  background-color: white;
  position: fixed;
  top: 0;
  z-index: 1001;
  /*border-bottom: 1px solid #eaeaea;*/
  font-family: Avenir, Helvetica, Arial, sans-serif !important;

  box-shadow: 0 0.2rem 2.5rem 0 rgba(54,66,117,0.12);;
  -webkit-box-shadow: 0 0.2rem 2.5rem 0 rgba(54,66,117,0.12);
}
.qr-success[data-v-403b7eef] {
  background: rgba(0, 0, 0, .6);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  width: 300px;
  height: 300px;
  left: 50%;
  top: 0;
  /* bottom: 30px; */
  line-height: 26px;
  /* padding: 10px 24px; */
  position: absolute;
  white-space: nowrap;
  transform: translateX(-50%);
}
.header-nav[data-v-403b7eef] {
  display: flex;
  /*margin-left: 20px;*/
  gap: 40px;
  flex-direction: row;
}
.header-content[data-v-403b7eef] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 65px;
  /*width: 1120px;*/
  width: 1200px;
  margin: 0 auto;
}
.logo[data-v-403b7eef] {
  width: 32px;
  height: 32px;
  margin: 0 20px 0 30px;
  cursor: pointer;
}
.nav-item[data-v-403b7eef] {
  display: flex;
  font-size: 16px;
  /*color: #353535;*/
  /*color: rgb(51, 65, 85);*/
  color: #6a6d77;
  font-weight: 500;
  /*opacity: 85%;*/
  text-decoration: none;
  align-items: center;
}
.nav-item-special[data-v-403b7eef] {
  diplay: inline-block;
  margin: 23px 0px 15px 20px;
  font-weight: 500;
  font-size: 16px;
  color: #353535;
  opacity: 85%;
  text-decoration: none;
}
.nav-item[data-v-403b7eef]:hover, .nav-item-special[data-v-403b7eef]:hover {
  color: #1677ff;
}
.nav-supercv[data-v-403b7eef] {
  height: 50px;
}
a.router-link-active[data-v-403b7eef] {
  color: #1677FF;
  /*font-weight: 500;*/
  opacity: 100%;
}
.router-link-exact-active[data-v-403b7eef] {
  color: #1677FF;
  /*font-weight: 500;*/
  opacity: 100%;
}
.popover-item[data-v-403b7eef] {
  display: flex;
  margin: 15px 10px;
  font-size: 15px;
  color: black;
  opacity: 85%;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
}
.popover-item[data-v-403b7eef]:hover {
  font-weight: 500;
  /* color: #1677FF; */
}
.banner-bg[data-v-403b7eef] {
  height: 50px;
  width: 100%;
  /*background: gold;*/
  background-image: url(https://image.codecrush.cn/static/07-01/img/top-banner-bg-3.d1cc9cf9.png);
  background-position: center center; /* 背景图片居中 */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  /*background-size: contain; !* 使背景图片适应容器大小，但保持宽高比，多余部分隐藏 *!*/
  /*background-size: cover;*/
}
.banner[data-v-403b7eef] {
  height: 50px;
  width: 1200px;
  margin: 0 auto;
  /*background-image: url("@/assets/banner-text-7.png");*/
  /*background-image: url("@/assets/top-banner-bg.png");*/
  background-size: cover;
}



.problem-header[data-v-43812c24] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: white;
  font-size: 16px;
  text-align: left;
  z-index: 9;
}
.logo[data-v-43812c24] {
  diplay: inline-block;
  width: 32px;
  height: 32px;
  margin: 15px 10px 10px 30px;
  cursor: pointer;
}
.problem-title[data-v-43812c24] {
  margin-top: 23px;
  color: #000;
  font-weight: 500;
  opacity: 85%;
}
.nav-item[data-v-43812c24] {
  margin-top: 23px;
  color: #000;
  font-weight: 500;
  opacity: 85%;
  cursor: pointer;
}
.nav-item[data-v-43812c24]:hover {
  color: #1677FF;
  opacity: 100%;
}
.nav-item-selected[data-v-43812c24] {
  color: #1677FF;
  font-weight: 500;
  opacity: 100%;
}
.back-btn[data-v-43812c24] {
  margin-top: 25px;
  font-size: 14px;
  color: #000;
  opacity: 85%;
  cursor: pointer;
}
.vip-icon[data-v-43812c24] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 3px;
  margin-top: 23px;
}



.md-viewer .markdown-body {
  /* height: calc(100vh - 100px); */
  /*opacity: 100%;*/
  /*padding: 5px;*/
  line-height: 2;
  /*background-color: white;*/
  /*color: #24292f;*/
}

/* 覆盖GitHub默认的深色模式媒体查询 */
@media (prefers-color-scheme: dark) {
.md-viewer .markdown-body {
    /* 这里可以覆盖任何深色模式下的样式 */
    /* 例如，可以设置为始终使用亮色主题：*/
    /*color-scheme: light only !important;*/
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #ffffff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsla(210, 18%, 87%, 1);
    --color-neutral-muted: rgba(175, 184, 193, 0.2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #cf222e;
}
}


.code-mode[data-v-e272b6ee] {
  width: 110px;
}
.meta-panel[data-v-e272b6ee] {
  background-color: #F8F8F8;
  padding: 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px;
  opacity: 0.7;
}
.content-panel[data-v-e272b6ee] {
  margin: 20px 5px 50px;
}
.mt-px[data-v-e272b6ee] {
  margin-top: 8px;
}



.problem-content[data-v-fa1ede66] {
  margin-top: 80px;
  display: flex;
  position: relative;
  width: 100%;
}
.left-panel[data-v-fa1ede66],
.right-panel[data-v-fa1ede66] {
  flex-shrink: 0;
  overflow: auto;
  background-color: white;
  padding: 20px;
  height: calc(100vh - 100px);
}
.left-panel[data-v-fa1ede66] {
  margin-left: 10px;
  width: calc(50% - 10px);
}
.right-panel[data-v-fa1ede66] {
  flex: 1;
  margin-right: 10px;
}
.resizer[data-v-fa1ede66] {
  width: 10px;
  cursor: col-resize;
  display: flex;
  justify-content: center;
  touch-action: none;
  align-items: center;
}


.children-nav[data-v-5061e367]{
  transition: all 0.2s;
  height: 0;
  display: block;
}
.children-nav.open[data-v-5061e367]{
  height: auto;
  opacity: 1;
  display: block;
}
.children-nav.close[data-v-5061e367]{
  height: 0;
  opacity: 0;
  display: block;
}
.nav-center[data-v-5061e367]{
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slogan-mobile[data-v-5061e367] {
  margin: 0;
  color: #6a6d77;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}
.mobile-nav-item[data-v-5061e367] {
  margin: 0;
  display: block;
  width: 100%;
  text-align: center;
  margin-inline-end: 0 !important;
}
.logo[data-v-5061e367] {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.6rem;
}
#landing-logo[data-v-5061e367] {
  font-weight: 700;
  font-size: 1.25rem;
  align-items: center;
  color: #fff;
}
.app-header[data-v-5061e367] {
  color: rgb(51, 65, 85);
  display: flex;
  line-height: 24px;
  position: fixed;
  flex-direction: row;
  height: 50px;
  top: 0;
  width: 100%;
  justify-content: center;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  z-index: 50;
  background-color: white;
}
.app-header[data-v-5061e367]::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: 0 0;
  transform: scaleY(.5);
  border-top: 1px solid #ddd;
}
.app-header > .header-content[data-v-5061e367] {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  color: #6a6d77;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  -webkit-hyphens: none;
          hyphens: none;
  line-height: 1.56;
  overflow-wrap: normal;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  position: relative;
  animation: sticky_header_inactive .2s ease-in-out;
}
.nav-left[data-v-5061e367] {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  display: flex;
  flex-direction: row;
  padding: 0 12px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
}
.nav-right[data-v-5061e367] {
  flex: 1;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 0 12px;
}
.nav-right-items[data-v-5061e367] {
  display: flex;
  flex-direction: row-reverse;
}
.nav-list[data-v-5061e367] {
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
}
.nav-list > li[data-v-5061e367]:not(:last-child) {
  margin-inline-end: 2rem;
}
.nav-link[data-v-5061e367] {
  position: relative;
  font-size: 1.125rem;
  display: block;
  padding-bottom: .56rem;
  padding-top: .56rem;
  cursor: pointer;
}
.nav-list > li:hover > a[data-v-5061e367]:before {
  opacity: 1;
  transform: scale(1) translateY(0) translateZ(0)
}
.nav-list > li > a[data-v-5061e367]:before {
  background: white;
  border-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: scaleX(.2) translateY(2px) translateZ(0);
  transition: .3s ease-out;
}
.nav-list .nav-link[data-v-5061e367] {
  font-weight: 500;
}
.nav-list .nav-link[data-v-5061e367],
.nav-list .nav-link[data-v-5061e367]:hover {
  color: rgb(255, 255, 255);
}
.nav-list a[data-v-5061e367]:hover {
  color: rgb(255, 255, 255)
}
#landing-logo[data-v-5061e367] {
  display: flex;
  font-size: 1rem;
  padding: 12px 0;
  color: #1677ff;
}
.mobile-nav-list[data-v-5061e367] {
  display: flex;
  flex-direction: column;
}




.tab-bar[data-v-e0b2aafa] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 90;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.04) 0px -3px 6px 0px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 60px;
}
.item[data-v-e0b2aafa] {
  position: relative;
  text-align: center;
}
.tab-bar-icon[data-v-e0b2aafa] {
 font-size: 20px;
}
a.router-link-active[data-v-e0b2aafa] {
  color: #1677FF;
  /*font-weight: 500;*/
  opacity: 100%;
}
a.router-link-active .name[data-v-e0b2aafa] {
  color: #1677FF!important;
  /*font-weight: 500;*/
  opacity: 100%;
}
.router-link-exact-active .name[data-v-e0b2aafa] {
  color: #1677FF!important;
  /*font-weight: 500;*/
  opacity: 100%;
}
.name[data-v-e0b2aafa] {
  padding-top: 2px;
  color: #666666;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: column;
}


#app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;text-align:left;box-sizing:border-box}#app *,#app *:before,#app *:after{box-sizing:inherit}body{width:100%;margin:0;padding:0;background-color:#fafafa}a{text-decoration:none;color:#2d85f0;cursor:pointer}a:hover{color:#1677ff}html{overflow-y:scroll}
	.header-img {
		width: 32px;
		height: 32px;
		border-radius: 16px;
		vertical-align: middle;
		/* margin: 18px 20px 10px 50px; */
	}

	.medium-header-img {
		display: inline-block;
		width: 28px;
		height: 28px;
		border-radius: 50%;
		vertical-align: middle;
	}

	.small-header-img {
		display: inline-block;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		vertical-align: middle;
	}

	.panel-shadow {
		/*box-shadow: 0 20px 40px 0 hsla(0,0%,73%,.1);*/
		/*border: 1px solid #eee;*/

		/*-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);*/
		/*box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);*/
		box-shadow: 0 4px 30px 0 rgba(238,242,245,.8);
		border-radius: 10px;
		/*background-color: #FFF;*/
		/*color: #303133;*/
		/*-webkit-transition: .3s;*/
		/*transition: .3s;*/
	}

	.blue-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #D9E9FF;
		font-size: 12px;
		color: #1677FF;
		/*font-weight: 500;*/
	}
	.dark-blue-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #1677FF;
		font-size: 12px;
		color: white;
		/*font-weight: 500;*/
	}
	.orange-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #FFECD1;
		font-size: 12px;
		color: #F4433C;
		/*font-weight: 500;*/
	}

	.red-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #F4433C;
		font-size: 12px;
		color: white;
		font-weight: 500;
	}

	.pink-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #ff6b81;
		font-size: 12px;
		color: white;
		font-weight: 500;
	}

	.green-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: lightseagreen;
		font-size: 12px;
		color: white;
		font-weight: 500;
	}

	.gray-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #F8F8F8;
		/*background-color: aliceblue;*/
		/*background-color: #D9E9FF;*/
		font-size: 12px;
		color: #8590A6;
		/*color: #2c3e50;*/
		font-weight: 500;
	}

	.light-blue-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		/*background-color: #F8F8F8;*/
		/*background-color: aliceblue;*/
		background-color: #D9E9FF;
		font-size: 12px;
		color: #8590A6;
		/*color: #2c3e50;*/
		font-weight: 500;
	}
	
	.icon {
		width: 18px;
		heigth: 18px;
	}

	.float-left {
		float: left;
	}
	
	.float-right {
		float: right;
	}
	
	.clear-both {
		clear: both;
	}
	
	.mt-3px {
		margin-top: 3px;
	}

	.mt-5px {
		margin-top: 5px;
	}

	.mt-10px {
		margin-top: 10px;
	}

	.mt-20px {
		margin-top: 20px;
	}

	.mt-30px {
		margin-top: 30px;
	}

	.mt-40px {
		margin-top: 40px;
	}

	.mt-50px {
		margin-top: 50px;
	}
	
	.mr-5px {
		margin-right: 5px;
	}
	
	.mr-10px {
		margin-right: 10px;
	}
	
	.mr-20px {
		margin-right: 20px;
	}

	.mr-30px {
		margin-right: 30px;
	}

	.ml-5px {
		margin-left: 5px;
	}

	.ml-10px {
		margin-left: 10px;
	}

	.ml-20px {
		margin-left: 20px;
	}

	.ml-30px {
		margin-left: 30px;
	}

	.mb-10px {
		margin-bottom: 10px;
	}
	.mb-20px {
		margin-bottom: 20px;
	}
	.mb-30px {
		margin-bottom: 30px;
	}
	.mb-50px {
		margin-bottom: 50px;
	}
	.align {
		vertical-align: middle;
	}
	
	.bold {
		font-weight: 500;
	}
	
	.curp {
		cursor: pointer;
	}

	.nav {
		display: block;
		list-style: none;
		padding-inline-start: 0px;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-bottom: 15px;
	}

	.nav li {
		display: inline-block;
		margin-right: 30px;
		cursor: pointer;
		font-size: 17px;
		font-weight: 500;
	}

	.nav-selected {
		color: #1677FF;
	}

	.split-line {
		border: 0;
		width: 100%;
		margin-top: 0px;
		/*border-top: 1px solid hsla(210, 18%, 87%, 1);*/
		border-top: 0.5px solid #D8D8D8;
	}

	.subscript {
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		font-weight: 500;
		height: 20px;
		width: 80px;
		position: absolute;
		top: 10px;
		right: -18px;
		text-align: center;
		background-color: #F4433C;
		transform: rotate(45deg);
		z-index: 9;
		/*-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);*/
		/*box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);*/
	}

	.orange-bg {
		background-color: #FFA119;
	}

	.red-bg {
		background-color: #F4433C;
	}

	.green-bg {
		background-color: green;
	}

	.blue-bg {
		background-color: #1677FF;
	}

	.content {
		position: relative;
		overflow: hidden;
		/*width: 1120px;*/
		width: 1200px;
		margin: 30px auto 50px;
	}

	.link {
		color: #1677FF;
		cursor: pointer;
	}

	.cross-line {
		text-decoration: line-through;
	}

	.span-btn {
		border: 1px solid #1677FF;
		border-radius: 6px;
		padding: 3px 10px;
		font-size: 14px;
		font-weight: normal;
		color: #1677FF;
		cursor: pointer;
	}

	.span-btn:hover {
		background-color: #1677FF;
		color: white;
	}

	.shadow {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 9;
	}

	.green {
		color: green;
	}

	.red {
		color: red;
	}

	.black {
		color: #2c3e50;
	}

	.background:before {
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		content: "";
		background-image: url(https://image.codecrush.cn/static/07-01/img/bg8.4b5b68d8.jpg);
		background-size: cover;
	}