@charset "UTF-8";
/*html, body, div, span, section, p, h1, h2, h3, h4, h5, h6, ul, ol, li {*/
/*  font-family: Noto Sans, Noto Sans;*/
/*}*/

body {
  font-family: "Noto Sans", "Noto Sans SC", "Proxima Nova", Montserrat, Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans", "Noto Sans SC", "Proxima Nova", Montserrat, Helvetica, Roboto, Arial, sans-serif;
  font-weight: bold;
}

/*#article {*/
/*  font-weight: 300;*/
/*}*/

.row {
  max-width: 90.2777778rem;
}

/* main-logo */
.v-main-logo, .v-main-logo a {
  box-sizing: border-box;
  margin: 0;
  font-size: 2.7777778rem;
  font-weight: bold;
  color: #333;
  transition: color 0.1s ease; }

.v-main-logo a:hover {
  color: #000; }

/* main-footer */
.v-main-footer {
  box-sizing: border-box;
  width: 100%;
  min-height: 232px;
  padding: 1.5rem 0;
  background: #ccc;
  background: url("/static/common/img/vertex-physics/footer-bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0; }

.v-main-footer {
  color: #fff; }

.v-main-footer .columns {
  height: 9.5rem; }

.v-main-footer .columns + .columns {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 2.8rem; }

.v-footer-item {
  margin-top: 1.25rem; }

.v-footer-item, .v-footer-item a {
  text-decoration: none;
  font-size: 0.875rem;
  color: #fff;
  transition: all 0.2s ease;
  line-height: 1rem; }

.v-footer-item a:hover {
  cursor: pointer;
  text-decoration: underline; }

.v-journal-title {
  font-size: 2.25rem;
  font-weight: bold; }

.v-footer-title {
  margin-top: 0.625rem;
  margin-bottom: 0.25rem;
  line-height: 2.5rem;
  font-size: 1.4286rem;
  font-weight: bold; }

/* Article */
.v-article-item {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0;
  overflow: hidden;
  transition: all 0.15s ease-in-out; }

.v-article-item:hover {
  transform: scale(1.015); }

.v-article-item:active {
  transform: scale(1.015); }

.v-article-item + .v-article-item {
  border-top: 1px solid #ddd; }

.v-article-item-left {
  flex-shrink: 0;
  display: flex;
  flex-direction: column; }

.v-article-item-left {
  margin-bottom: 4px;
  margin-right: 2.5rem; }

.v-article-item-section {
  color: #0a0a0a;
  line-height: 1.75rem;
  font-size: 1rem;
  font-weight: bold; }

.v-article-item-date {
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #666; }

.v-article-item-right {
  display: flex;
  justify-content: space-between; }

.v-article-item-info {
  flex: 1; }

.v-article-item-title {
  margin-bottom: 0.75rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #0a0a0a;
  text-decoration: underline;
  overflow: hidden; }

.v-article-item-title a {
  line-height: 1.75rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #0a0a0a;
  text-decoration: underline; }

.v-article-item-author-journal {
  margin-top: 1.5rem; }

.v-article-item-description, .v-article-item-author, .v-article-item-journal {
  font-size: 0.9722222rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #333;
  /*超出3行隐藏*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.v-article-item-journal {
  margin-top: 0.25rem; }

.v-article-item-journal span + span {
  margin-left: 0.25rem; }

.v-article-item-cover {
  margin-left: 0.5rem;
  flex-shrink: 0;
  width: 15rem;
  height: 9.375rem;
  aspect-ratio: 24 / 15;
  overflow: hidden;
  transition: all 0.3s ease-in-out; }

.v-article-item-img {
  width: 100%;
  height: 100%;
  aspect-ratio: 24 / 15;
  object-fit: cover; }

/* Home */
.v-home-wrap {
  padding-bottom: 1rem; }

.v-block-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem; }

.v-block-title {
  font-size: 1.38888889rem;
  font-weight: bold;
}

.v-home-right section {
  padding: 0 0 1.5rem 0; }

.v-home-right section:first-child {
  padding-top: 3.47222rem; }

/* about */
.v-left-block {
  padding: 1.66666667rem;
  background: #F8F8F8; }

.v-left-block-title {
  font-size: 1.38888889rem;
  font-weight: bold;
}

.v-left-block-content {
  font-size: 0.97222222rem;
  color: #333;
  font-weight: 400;
}

.v-left-block-content * {
  font-size: 0.97222222rem;
  font-weight: 400;
  color: #333; }

.v-left-block-large-btn {
  display: block;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-in-out; }

.v-left-block-large-btn.v-primary {
  background: #2199e8;
  color: #fff; }

.v-left-block-large-btn.v-secondary {
  background: #F0F2F5;
  color: #2199e8; }

.v-left-block-large-btn.v-primary:hover {
  background: #1a73e8; }

.v-left-block-large-btn.v-secondary:hover {
  background: #e5f0ff; }

@media screen and (max-width: 64rem) {
  .v-main-footer {
    background: #0a0a0a;
    text-align: center; }
  .v-main-footer .columns {
    padding: 0.2rem 2.8rem;
    height: auto; }
  .v-main-footer .columns + .columns {
    border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .v-article-item:hover {
    transform: none; }
  .v-article-item-cover {
    width: 12rem;
    height: 7.5rem; }
  .v-home-right section {
    padding: 3.47222rem 0; } }

@media screen and (max-width: 40rem) {
  .v-home-wrap {
    padding-left: 1rem;
    padding-right: 1rem; }
  .v-article-item {
    flex-direction: column-reverse; }
  .v-article-item-left {
    flex-direction: row;
    align-items: center; }
  .v-article-item-section {
    margin-right: 0.5rem;
    font-size: 0.75rem; }
  .v-article-item-date {
    margin-right: 0.5rem;
    font-size: 0.75rem;
    color: #333; }
  .v-article-item-cover {
    width: 8rem;
    height: 5rem; }
  .v-article-item-description {
    display: none;
    height: 2.5rem;
  }
}

/*新头部*/
.v-header {
  width: 100%;
}

.v-header-bg {
    box-sizing: border-box;
    width: 100%;
    height: 12.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: url("/static/common/img/vertex-physics/header-bg.jpg") center center no-repeat;
    background-size: cover;
}

.v-header-logo-a {
    display: block;
    width: 30.7638889rem;
    aspect-ratio: 443 / 108;
    font-size: 0;
}

.v-header-logo-img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

header .main.top-bar {
  height: 80px;
}

.top-bar-left {
  display: none;
}

header #main-menu {
  background: #F0F2F5;
}

header #main-menu ul {
  background: #F0F2F5;
  text-align: left;
}

header #main-menu ul li a {
  text-align: center;
  font-weight: bold;
  padding: 1.5277778rem 1rem;
}

.v-article-title {
  font-weight: bold;
}

@media screen and (max-width: 64rem) {
  header .main.top-bar {
    height: auto;
  }
}

@media screen and (max-width: 40rem) {
  .v-header-logo-a {
    width: 20rem;
    aspect-ratio: 443 / 108;
  }
  .top-bar-left {
    display: block;
  }
}