.admin {
  background-color: #f6f8f9;
}
.admin .content {
  min-height: calc(100vh - 64px);
  margin: 25px auto;
  width: 1180px;
  height: auto;
}
.admin .content .templates {
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: 100%;
  height: auto;
}
.admin .content .templates .template:nth-child(6n) {
  margin-right: 0px;
}
.admin .content .templates .template:hover {
  box-shadow: rgba(51, 51, 51, 0.15) 0px 8px 24px;
}
.admin .content .templates .template:hover .name {
  color: #575e67;
}
.admin .content .templates .template:hover .diagram-delete {
  opacity: 1;
}
.admin .content .templates .template {
  margin-right: 20px;
  display: block;
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  width: 180px;
  position: relative;
}
.admin .content .templates .template img {
  width: 100%;
}
.admin .content .templates .template .name {
  color: #7f8792;
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.admin .content .templates .template .diagram-delete {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 24px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  outline-style: none;
}
.admin .content .templates .template .diagram-delete::after {
  --mask-width: 20px;
  -webkit-mask-image: url("https://static.pictureknow.com/2e23512b02ac30eb4a6fef4ae302d348.svg");
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 20px;
  content: '';
  display: block;
  right: 5px;
  position: absolute;
  top: 5px;
  background-color: rgba(33, 32, 36, 0.55);
}
.admin .content .templates .template .diagram-delete:hover::after {
  background-color: rgba(33, 32, 36, 0.71);
}
.admin .content .templates .template .free {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-weight: 400;
  padding: 4px 6px 2px;
  min-width: 60px;
  background: rgba(7, 193, 96, 0.6);
}
.admin .content .pagination {
  display: flex;
  justify-content: end;
  padding: 10px;
}

.diagrams {
  background-color: #f6f8f9;
}
.diagrams .content {
  min-height: calc(100vh - 64px);
  margin: 25px auto;
  width: 1180px;
  height: auto;
}
.diagrams .content .templates {
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: 100%;
  height: auto;
}
.diagrams .content .templates .template:nth-child(6n) {
  margin-right: 0px;
}
.diagrams .content .templates .template:hover {
  box-shadow: rgba(51, 51, 51, 0.15) 0px 8px 24px;
}
.diagrams .content .templates .template:hover .name {
  color: #575e67;
}
.diagrams .content .templates .template:hover .diagram-delete {
  opacity: 1;
}
.diagrams .content .templates .template:hover .diagram-share {
  opacity: 1;
}
.diagrams .content .templates .template {
  margin-right: 20px;
  display: block;
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  width: 180px;
  position: relative;
}
.diagrams .content .templates .template img {
  width: 100%;
}
.diagrams .content .templates .template .name {
  color: #7f8792;
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.diagrams .content .templates .template .diagram-delete {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 24px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  outline-style: none;
}
.diagrams .content .templates .template .diagram-delete::after {
  --mask-width: 20px;
  -webkit-mask-image: url("https://xstatic.pictureknow.com/diagram/8b7cb2de48304153bdbc16889d51354b.svg");
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 20px;
  content: '';
  display: block;
  right: 2px;
  position: absolute;
  top: 2px;
  background-color: rgba(33, 32, 36, 0.55);
}
.diagrams .content .templates .template .diagram-delete:hover::after {
  background-color: rgba(33, 32, 36, 0.71);
}
.diagrams .content .templates .template .diagram-share {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 24px;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  outline-style: none;
}
.diagrams .content .templates .template .diagram-share::after {
  --mask-width: 20px;
  -webkit-mask-image: url("https://xstatic.pictureknow.com/diagram/9432427b26c94e6c87f12a3958e52ba5.svg");
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 20px;
  content: '';
  display: block;
  right: 5px;
  position: absolute;
  bottom: 10px;
  background-color: rgba(33, 32, 36, 0.55);
}
.diagrams .content .templates .template .diagram-share:hover::after {
  background-color: rgba(33, 32, 36, 0.71);
}
.diagrams .content .templates .template .free {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-weight: 400;
  padding: 4px 6px 2px;
  min-width: 60px;
  background: rgba(7, 193, 96, 0.6);
}
.diagrams .content .pagination {
  display: flex;
  justify-content: end;
  padding: 10px;
}
.share-modal .share {
  display: flex;
}
.share-modal .share .share-switch {
  display: flex;
}
.share-modal .share .share-switch .share-switch-title {
  padding-right: 10px;
  line-height: 32px;
}
.share-modal .share .share-switch .ant-switch {
  position: relative;
  top: 5px;
}
.share-modal .share .share-expire {
  cursor: pointer;
  margin: 0px 50px;
  line-height: 32px;
  width: 66px;
}
.share-modal .share .share-expire .caret {
  color: #666;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.share-modal .share .share-link {
  cursor: pointer;
  background: #067bef;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
}

.index {
  background-color: #f6f8f9;
}
.index .content {
  min-height: calc(100vh - 64px);
  margin: 25px auto;
  width: 1180px;
  height: auto;
}
.index .content .tabs {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 32px 32px 14px 32px;
  border-radius: 4px;
  margin-bottom: 24px;
}
.index .content .tabs .tab {
  min-height: 42px;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.index .content .tabs .tab .title {
  min-width: 72px;
  padding: 8px 15px;
  border-radius: 4px;
  font-size: 16px;
  color: #212930;
  cursor: default;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.index .content .tabs .tab .items {
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 42px;
}
.index .content .tabs .tab .items .item {
  min-width: 80px;
  cursor: pointer;
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 15px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 10px 10px 0px;
  text-align: center;
}
.index .content .tabs .tab .items .item p {
  font-size: 14px;
  color: #7f8792;
  pointer-events: none;
  margin-bottom: 0px;
}
.index .content .tabs .tab .items .search {
  border-radius: 20px;
  text-align: left;
  height: 40px;
  width: 220px;
  border: 1px solid #fff;
  background: #f6f8f9;
}
.index .content .tabs .tab .items input:focus {
  border-color: #fff;
  box-shadow: none;
}
.index .content .tabs .tab .items input::placeholder {
  font-size: 14px;
}
.index .content .tabs .tab .items .active {
  background-color: #f6f8f9;
}
.index .content .tabs .tab .items .active p {
  color: #07c160;
}
.index .content .tabs .tab .items .item:hover {
  background-color: #f6f8f9;
}
.index .content .tabs .tab .items .item:hover p {
  color: #07c160;
}
.index .content .group-name {
  color: #575e67;
  font-size: 16px;
  margin-bottom: 15px;
}
.index .content .templates {
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: 100%;
  height: auto;
}
.index .content .templates .template:nth-child(4n) {
  margin-right: 0px;
}
.index .content .templates .template:hover {
  box-shadow: rgba(51, 51, 51, 0.15) 0px 8px 24px;
}
.index .content .templates .template:hover .name {
  color: #575e67;
}
.index .content .templates .template {
  margin-right: 20px;
  display: block;
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  width: 280px;
  position: relative;
}
.index .content .templates .template img {
  width: 100%;
}
.index .content .templates .template .name {
  color: #7f8792;
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index .content .templates .template .promotion {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-weight: 400;
  padding: 4px 6px 2px;
  min-width: 20px;
  background: #07c160;
  border-radius: 3px 0px 0px 0px;
}

.material {
  background-color: #f6f8f9;
}
.material .content {
  min-height: calc(100vh - 64px);
  margin: 25px auto;
  width: 1180px;
  height: auto;
}
.material .content .templates {
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: 100%;
  height: auto;
}
.material .content .templates .template:nth-child(6n) {
  margin-right: 0px;
}
.material .content .templates .template:hover {
  box-shadow: rgba(51, 51, 51, 0.15) 0px 8px 24px;
}
.material .content .templates .template:hover .name {
  color: #575e67;
}
.material .content .templates .template:hover .diagram-delete {
  opacity: 1;
}
.material .content .templates .template:hover .diagram-share {
  opacity: 1;
}
.material .content .templates .template {
  margin-right: 20px;
  display: block;
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  position: relative;
}
.material .content .templates .template .ant-image {
  width: 160px;
  height: 160px;
  cursor: pointer;
}
.material .content .templates .template img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.material .content .templates .template .name {
  color: #7f8792;
  font-size: 12px;
  text-align: center;
  padding-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.material .content .templates .template .diagram-delete {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 24px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  outline-style: none;
}
.material .content .templates .template .diagram-delete::after {
  --mask-width: 20px;
  -webkit-mask-image: url("https://xstatic.pictureknow.com/diagram/8b7cb2de48304153bdbc16889d51354b.svg");
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 20px;
  content: '';
  display: block;
  right: 2px;
  position: absolute;
  top: 2px;
  background-color: rgba(33, 32, 36, 0.55);
}
.material .content .templates .template .diagram-delete:hover::after {
  background-color: rgba(33, 32, 36, 0.71);
}
.material .content .pagination {
  display: flex;
  justify-content: end;
  padding: 10px;
}

html,
body {
  margin: 0px;
}
.ant-modal-body input {
  margin-bottom: 10px;
}
a:hover {
  text-decoration: none;
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-submenu-selected,
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
.ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-item a:hover,
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #07c160;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #07c160;
  border-bottom: 2px solid #07c160;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f6f8f9;
}
.ant-menu-inline .ant-menu-item::after {
  border-right: 3px solid #07c160;
}
.ant-switch-checked {
  background-color: #07c160;
}
.setting-page {
  background-color: #f6f8f9;
}
.setting-page .content {
  min-height: calc(100vh - 64px);
  margin: 25px auto;
  width: 1180px;
  height: auto;
}
.setting-page .content .tabs {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 32px;
  border-radius: 4px;
  margin-bottom: 24px;
}
.setting-page .content .tabs .tab {
  min-height: 42px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e9edf2;
}
.setting-page .content .tabs .tab .title {
  min-width: 72px;
  padding-bottom: 10px;
  border-radius: 4px;
  font-size: 16px;
  cursor: default;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.setting-page .content .tabs .item {
  padding-top: 10px;
}
.setting-page .content .tabs .item .vip-type {
  color: #f3cb51;
  padding-right: 15px;
}

html,
body {
  margin: 0px;
}
.ant-modal-body input {
  margin-bottom: 10px;
}
a:hover {
  text-decoration: none;
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-submenu-selected,
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
.ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-item a:hover,
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #07c160;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #07c160;
  border-bottom: 2px solid #07c160;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f6f8f9;
}
.ant-menu-inline .ant-menu-item::after {
  border-right: 3px solid #07c160;
}
.ant-switch-checked {
  background-color: #07c160;
}
.vip {
  min-height: 100vh;
}
.vip .content .products {
  margin-top: 90px;
  display: flex;
  justify-content: center;
}
.vip .content .products .product {
  width: 261px;
  height: 397px;
  border-radius: 15px;
  margin-right: 45px;
}
.vip .content .products .product .name {
  width: 100%;
  margin-top: 20px;
  padding-left: 45px;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 0;
  color: #000;
}
.vip .content .products .product .price {
  padding-left: 40px;
  width: 100%;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 10px;
  color: #000;
}
.vip .content .products .product .price .price-text {
  font-size: 34px;
}
.vip .content .products .product .desc::before {
  content: " ";
  position: absolute;
  left: 32px;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #000000;
}
.vip .content .products .product .desc {
  width: 100%;
  padding: 3px 0;
  padding-left: 45px;
  margin-bottom: 0px;
  color: #000;
  font-weight: 300;
  position: relative;
  margin-bottom: 10px;
}
.vip .content .products .product .expire {
  margin-bottom: 30px;
}
.vip .content .products .product .expire .num {
  font-weight: 900;
  color: #000;
}
.vip .content .products .product .pay {
  width: 117px;
  height: 40px;
  border-radius: 5px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #fff;
  font-size: 14px;
  padding: 4px 30px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.vip .content .products .product:nth-child(n) {
  background-image: linear-gradient(153deg, #ffdff3 0%, #fff9df 100%);
}
.vip .content .products .product:nth-child(2n) {
  background-image: linear-gradient(153deg, #d0fdf8 0%, #e0e4ff 100%);
}
.vip .content .products .product:last-child {
  margin-right: 0px;
  background-image: linear-gradient(153deg, #f4fed3 0%, #f4fed3 10%, #c7ffec 100%);
}
.vip-products-modal .pay-qrcode {
  padding: 0px 25px 20px;
}
.vip-products-modal .pay-qrcode .qrcode {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 10px;
}
.vip-products-modal .pay-qrcode .qrcode .refresh {
  width: 128px;
  height: 128px;
  cursor: pointer;
}
.vip-products-modal .pay-qrcode .tips {
  display: flex;
  justify-content: center;
}
.vip-products-modal .pay-qrcode .tips img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.vip-products-modal .pay-qrcode .tips .pay-tips {
  font-size: 14px;
  color: #6d757a;
  line-height: 32px;
}
.vip-products-modal .pay-qrcode .tips .pay-price {
  color: #f64;
  line-height: 32px;
  margin-left: 10px;
}
.vip-products-modal .pay-qrcode .tips .pay-price .content-symbol {
  font-size: 14px;
}
.vip-products-modal .pay-qrcode .tips .pay-price .content-price {
  font-size: 18px;
}

.login {
  height: 100vh;
  background-color: #f0f3f7;
}
.login .content {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 80px;
}
.login .content .title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 4px;
  margin-bottom: 52px;
}
.login .content .info {
  margin: 0 auto;
  width: 416px;
  height: 350px;
  background-color: #fff;
  color: #777;
  padding: 20px 40px 32px 40px;
  border-radius: 2px;
}
.login .content .info .code-login img {
  height: 200px;
}
.login .content .info .code-login .refresh {
  cursor: pointer;
}
.login .content .info .code-login > div {
  margin-top: 24px;
  margin-bottom: 10px;
}
.login .content .info .code-login > div p {
  font-size: 14px;
  margin-bottom: 4px;
}

html,
body {
  margin: 0px;
}
.ant-modal-body input {
  margin-bottom: 10px;
}
a:hover {
  text-decoration: none;
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-submenu-selected,
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
.ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-item a:hover,
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #07c160;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #07c160;
  border-bottom: 2px solid #07c160;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f6f8f9;
}
.ant-menu-inline .ant-menu-item::after {
  border-right: 3px solid #07c160;
}
.ant-switch-checked {
  background-color: #07c160;
}
.header {
  -webkit-box-shadow: 0 2px 8px #f0f1f2;
  box-shadow: 0 2px 8px #f0f1f2;
  background-color: #fff;
  border-bottom: 1px solid #eaecef;
}
.header .header-content {
  height: 64px;
}
.header .header-content .logo {
  height: 64px;
  padding-left: 24px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-size: 18px;
  line-height: 64px;
  white-space: nowrap;
  text-decoration: none;
}
.header .header-content .logo img {
  width: 32px;
  margin-right: 16px;
  position: relative;
  top: -1.5px;
}
.header .header-content .nav ul {
  line-height: 63px;
  border-bottom: 0px;
}
.header .header-content .user-info {
  position: relative;
}
.header .header-content .user-info .avatar {
  width: 32px;
  border-radius: 16px;
  cursor: pointer;
}
.header .header-content .user-info .vip-icon {
  position: absolute;
  width: 20px;
  top: 35px;
  left: 18px;
}
.header .header-content .login-enter {
  line-height: 64px;
  padding: 23px 10px 23px 10px;
  color: #666;
  font-size: 14px;
}
.header .header-content .login-enter:hover {
  color: #07c160;
}

.contact {
  position: fixed;
  bottom: 30px;
  width: 40px;
  z-index: 9;
  right: 30px;
  bottom: 100px;
}
.contact .go-top {
  position: relative;
  background-image: url("/top.png");
  background-size: 17px auto;
  display: none;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.contact .wechat {
  position: relative;
  background-image: url("/wechat.png");
  background-size: 24px auto;
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.contact .wechat .qr-code {
  display: none;
  position: absolute;
  width: 160px;
  left: -180px;
  top: -108px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(51, 51, 51, 0.15);
  z-index: 10;
  background-color: #fff;
  line-height: 1.4;
}
.contact .wechat .qr-code img {
  width: 140px;
  height: 140px;
  margin-bottom: 5px;
}
.contact .wechat .qr-code p {
  letter-spacing: 1px;
  font-size: 14px;
}
.contact .wechat:hover .qr-code {
  display: block;
}

@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url([object Module]) format("woff2"),url([object Module]) format("woff"),url([object Module]) format("truetype")}.katex{text-rendering:auto;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.7"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}

.latex {
  background-color: #fff;
}
.latex .before-upload .content {
  min-height: calc(100vh - 64px);
  margin: 25px auto;
  width: 1180px;
  height: auto;
}
.latex .before-upload .content .info {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 35px;
}
.latex .before-upload .content .info img {
  width: 36px;
  height: 36px;
}
.latex .before-upload .content .info .name {
  font-size: 30px;
  text-align: center;
  padding-left: 20px;
  line-height: 36px;
}
.latex .before-upload .content .desc {
  color: #666;
  justify-content: center;
  display: flex;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 30px;
}
.latex .before-upload .content .file-dragging {
  background-color: #3d99f5;
  height: 300px;
  border-radius: 3px;
  padding: 12px;
  margin-bottom: 24px;
}
.latex .before-upload .content .file-dragging .inner-section {
  border: 2px dashed rgba(0, 0, 0, 0.15);
  background-color: #368adc;
  height: 276px;
  border-radius: 5px;
  cursor: pointer;
}
.latex .before-upload .content .file-dragging .inner-section .icon-section {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.latex .before-upload .content .file-dragging .inner-section .icon-section img {
  height: 60px;
  width: 96px;
}
.latex .before-upload .content .file-dragging .inner-section .button-section {
  display: flex;
  justify-content: center;
  margin: 15px 0px;
}
.latex .before-upload .content .file-dragging .inner-section .button-section button {
  cursor: pointer;
  padding: 10px 27px;
  border: 0px;
  border-radius: 3px;
  background-color: #fff;
}
.latex .before-upload .content .file-dragging .inner-section .button-section button img {
  margin-right: 6px;
  width: 24px;
  height: 24px;
}
.latex .before-upload .content .file-dragging .inner-section .text-section {
  color: #ffffff;
  text-align: center;
}
.latex .before-upload .content #text {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  min-width: 100px;
}
.latex .before-upload .content #text .loading {
  width: 30px;
  height: 30px;
  border: 2px solid #232e3c;
  border-top-color: transparent;
  border-radius: 100%;
  animation: circle infinite 0.75s linear;
}
@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.latex .file-result {
  margin-top: 80px;
}
.latex .file-result .image {
  box-shadow: rgba(51, 51, 51, 0.15) 0px 8px 24px;
  padding: 20px;
  min-height: 400px;
}
.latex .file-result .image .title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #6969691a;
}
.latex .file-result .image .image-box {
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  padding: 5px 5px;
  display: flex;
  justify-content: center;
}
.latex .file-result .image .image-box img {
  width: 90%;
}
.latex .file-result .result {
  box-shadow: rgba(51, 51, 51, 0.15) 0px 8px 24px;
  padding: 20px;
  height: 400px;
}
.latex .file-result .result .title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #6969691a;
}
.latex .file-result .result .result-box {
  text-align: center;
  margin-bottom: 25px;
  color: #2c3e50;
  font-size: 16px;
}
.latex .file-result .result .result-tips {
  margin-top: 55px;
  margin-bottom: 15px;
  color: #2c3e50;
}
.latex .file-result .result .result-text {
  min-height: 100px;
  height: 100px;
}
.latex .file-result .result .result-text textarea {
  color: #2c3e50;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 300;
}
.latex .go-back-start {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.latex .go-back-start .go-back {
  cursor: pointer;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  border-radius: 50px;
  text-align: center;
  background-color: #222;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none!important;
  font-size: 14px;
  color: #fff;
  display: flex;
}
.latex .go-back-start .go-back img {
  width: 24px;
}
.latex .go-back-start .go-back .go-back-text {
  padding-left: 5px;
}
.latex .convert-hidden {
  display: none;
}

